@font-face {
	font-family: NanumGothic;
	src: url(/css/font/NanumGothic.eot?#iefix) format("embedded-opentype"), url(/css/font/NanumGothic.woff) format("woff"), url(/css/font/NanumGothic.ttf) format("truetype"), url(/css/font/NanumGothic.svg#NanumGothic) format("svg");
	font-weight: normal;
	font-style: normal;
}
.showPc {
	display: block;
}
.showTa {
	display: none;
}
.showMo {
	display: none;
}
.showTaMo {
	display: none;
}
@media screen and (max-width:1024px)
{
.showPc {
	display: none;
}
.showTa {
	display: block;
}
.showMo {
	display: none;
}
.showTaMo {
	display: block;
}
}
@media screen and (max-width:640px)
{
.pcArea {
	display: none;
}
.showPc {
	display: none;
}
.showTa {
	display: none;
}
.showMo {
	display: block;
}
.showTaMo {
	display: block;
}
}
.wrapper {
	margin: 0px auto; width: 100%; overflow: hidden; position: relative; min-height: 600px;
}
.wrapper .contents {
	margin: 0px auto; padding: 20px; width: 100%; position: relative; min-width: 1280px; box-sizing: border-box;
}
#header {
	margin: 0px auto; left: 0px; top: 0px; width: 100%; position: fixed; z-index: 999; min-height: 85px;
}
#header .header_inner {
	background: rgba(255, 255, 255, 0.1); padding: 0px 40px; width: 100%; position: relative; box-sizing: border-box;
}
#header .header_inner h1 {
	left: 40px; top: 50%; margin-top: -20.5px; position: absolute; z-index: 100;
}
#header .header_inner .gnb_wrap {
	margin: 0px auto; width: 100%; max-width: 800px;
}
#header .header_inner .gnb_wrap .gnb_inner {
	width: 100%;
}
#header .header_inner .gnb_wrap .gnb_inner .depth1 {
	width: 100%;
}
#header .header_inner .gnb_wrap .gnb_inner .depth1::after {
	clear: both; display: block; content: "";
}
#header .header_inner .gnb_wrap .gnb_inner .depth1 > li {
	padding: 20px 0px; width: 25%; text-align: center; float: left; position: relative;
}
#header .header_inner .gnb_wrap .gnb_inner .depth1 > li.active > a {
	color: rgb(228, 32, 12);
}
#header .header_inner .gnb_wrap .gnb_inner .depth1 > li.pageOn > a {
	color: rgb(228, 32, 12);
}
#header .header_inner .gnb_wrap .gnb_inner .depth1 > li.active .depth2 {
	background: rgb(9, 13, 22);
}
#header .header_inner .gnb_wrap .gnb_inner .depth1 > li.active .depth2 > li > a {
	color: rgb(255, 255, 255);
}
#header .header_inner .gnb_wrap .gnb_inner .depth1 > li > a {
	transition:color 0.3s; height: 45px; text-align: center; color: rgb(254, 254, 254); line-height: 45px; font-size: 18px; font-weight: bold; display: block; -webkit-transition: color .3s ease;
}
#header .header_inner .gnb_wrap .gnb_inner .depth2 {
	padding: 15px 0px; left: 0px; top: 85px; width: 100%; height: 209px; border-left-color: rgba(255, 255, 255, 0.1); border-left-width: 1px; border-left-style: solid; display: none; position: absolute; z-index: 101; box-sizing: border-box;
}
#header .header_inner .gnb_wrap .gnb_inner .depth1 > li:last-child .depth2 {
	border-right-color: rgba(255, 255, 255, 0.1); border-right-width: 1px; border-right-style: solid;
}
#header .header_inner .gnb_wrap .gnb_inner .depth2 > li {
	width: 100%;
}
#header .header_inner .gnb_wrap .gnb_inner .depth2 > li > a {
	transition:color 0.3s, background 0.3s; height: 33px; text-align: center; color: rgba(255, 255, 255, 0.7); line-height: 33px; font-size: 16px; display: block; -webkit-transition: color .3s ease, background .3s ease;
}
#header .header_inner .gnb_wrap .gnb_inner .depth2 > li:hover > a {
	background: rgb(228, 32, 12);
}
#header .header_inner .gnb_wrap .gnb_inner .depth2 > li:focus > a {
	background: rgb(228, 32, 12);
}
#header .header_inner .gnb_wrap .gnb_inner .depth1 > li.pageOn .depth2 li.subOn a {
	background: rgb(228, 32, 12); color: rgb(255, 255, 255);
}
#header .header_inner .util {
	top: 50%; right: 42px; overflow: hidden; margin-top: -15px; position: absolute;
}
#header .header_inner .util .language {
	background: rgb(35, 39, 47); border-radius: 15px; border: 2px solid rgba(255, 255, 255, 0.5); border-image: none; width: 85px; height: 30px; float: left; position: relative; z-index: 102; box-sizing: border-box;
}
#header .header_inner .util .language > .selectlan {
	background: url("/img/language_arrow.png") no-repeat 60px 10px; width: 100%; height: 28px; color: rgb(255, 255, 255); line-height: 28px; padding-left: 20px; font-size: 15px; font-weight: bold; display: block; box-sizing: border-box;
}
#header .header_inner .util .language ul {
	left: 0px; top: 28px; width: 100%; position: absolute;
}
#header .header_inner .util .language ul li a {
	height: 30px; color: rgb(255, 255, 255); line-height: 30px; padding-left: 20px; font-size: 15px; font-weight: bold; display: block; box-sizing: border-box;
}
#header .header_inner .util .groupware {
	background: rgb(255, 255, 255); border-radius: 15px; width: 110px; text-align: center; color: rgb(10, 14, 23); line-height: 30px; font-size: 15px; font-weight: bold; margin-left: 10px; float: right; display: block;
}
#header .header_bottom {
	background: rgb(26, 30, 39); left: 0px; top: 85px; width: 100%; height: 1px; border-bottom-color: rgba(255, 255, 255, 0.1); border-bottom-width: 1px; border-bottom-style: solid; position: absolute; z-index: 100;
}
#header_mo {
	margin: 0px auto; left: 0px; top: 0px; width: 100%; display: none; position: fixed; z-index: 999;
}
#header_mo .inner {
	background: rgb(35, 39, 47); padding: 0px 10px; overflow: hidden; position: relative; box-sizing: border-box;
}
#header_mo .inner h1 {
	float: left;
}
#header_mo .inner h1 a {
	height: 55px; line-height: 55px; display: block;
}
#header_mo .inner h1 a img {
	width: 125px; height: 28px; margin-top: -2px;
}
#header_mo .inner .menuBtn {
	background: url("/img/menuOpen.png") no-repeat center / contain; top: 50%; width: 26px; height: 26px; right: 10px; text-indent: -9999px; margin-top: -13px; float: right; display: block; position: absolute;
}
#header_mo .inner .menuBtn.on {
	background: url("/img/menuClose.png") no-repeat center / contain;
}
.allMenu {
	background: rgb(35, 39, 47); left: 100%; top: 55px; width: 100%; height: 100%; position: absolute; z-index: 9999;
}
.allMenu .gnb {
	background: rgb(35, 39, 47); width: 100%;
}
.allMenu .gnb .depth1 > li > a {
	background: url("/img/gnb_mo_off.png") no-repeat 90% / 15px 8px rgb(255, 255, 255); padding: 0px 25px; transition:0.5s ease-in-out; width: 100%; height: 55px; color: rgb(23, 27, 40); line-height: 55px; font-size: 20px; border-bottom-color: rgb(152, 154, 158); border-bottom-width: 1px; border-bottom-style: solid; display: block; box-sizing: border-box; -webkit-transition: all .5s ease-in-out;
}
.allMenu .gnb .depth2 {
	width: 100%; display: none;
}
.allMenu .gnb .depth2 > li > a {
	height: 55px; color: rgb(255, 255, 255); line-height: 55px; padding-left: 45px; font-size: 20px; font-weight: lighter; border-bottom-color: rgba(152, 154, 158, 0.2); border-bottom-width: 1px; border-bottom-style: solid; display: block; position: relative; box-sizing: border-box;
}
.allMenu .gnb .depth2 > li > a::before {
	background: rgb(255, 255, 255); left: 30px; top: 50%; width: 8px; height: 1px; clear: both; margin-top: -0.5px; display: block; position: absolute; content: "";
}
.allMenu .gnb .depth1 > li > a.active {
	background: url("/img/gnb_mo_on.png") no-repeat 90% / 15px 8px rgb(228, 32, 12); color: rgb(255, 255, 255);
}
.allMenu .util {
	background: rgb(35, 39, 47); padding: 25px 20px; box-sizing: border-box;
}
.allMenu .util ul {
	width: 100%; overflow: hidden;
}
.allMenu .util ul li {
	width: 24%; margin-left: 2%; float: left;
}
.allMenu .util ul li:first-child {
	margin-left: 0px;
}
.allMenu .util ul li.group {
	width: 48%;
}
.allMenu .util ul li a {
	background: none; border-radius: 20px; border: 1px solid rgba(138, 140, 144, 0.5); border-image: none; width: 100%; height: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 38px; font-size: 17px; font-weight: 600; display: block; box-sizing: border-box;
}
.allMenu .util ul li.group a {
	background: rgb(255, 255, 255); color: rgb(35, 39, 47);
}
.mobile_bg {
	background: rgba(0, 0, 0, 0.9); left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute; z-index: 101;
}
.lnk_box {
	background: rgb(238, 238, 238); margin: 30px 0px 100px; padding: 30px 20px; width: 100%; text-align: center; position: relative; box-sizing: border-box;
}
.lnk_box h4 {
	color: rgb(10, 14, 23); font-size: 30px; font-weight: 600;
}
.lnk_box .txt {
	color: rgb(10, 14, 23); letter-spacing: -1px; font-size: 18px; font-weight: 300; margin-bottom: 5px; -ms-word-break: keep-all;
}
.lnk_box .call_number {
	background: url("/img/lnk_ico1.png") no-repeat 0px; height: 45px; color: rgb(228, 32, 12); line-height: 40px; padding-left: 30px; font-size: 30px; font-weight: 600; margin-bottom: 7px; display: inline-block;
}
.lnk_box a {
	background: url("/img/lnk_ico2.png") no-repeat 30px rgb(228, 32, 12); width: 180px; height: 45px; text-align: center; color: rgb(255, 255, 255); line-height: 44px; text-indent: 33px; font-size: 20px; font-weight: 600; display: inline-block;
}
.section .footer {
	left: 0px; bottom: 0px; position: absolute;
}
.footer {
	background: rgb(90, 90, 90); padding: 25px 40px 35px; width: 100%; display: block; position: relative; box-sizing: border-box;
}
.footer .footer_inner {
	background: url("../image/footer_logo.png") no-repeat left top; overflow: hidden; padding-left: 50px; position: relative; box-sizing: border-box;
}
.footer .footer_inner .logo {
	height: 30px; color: rgb(255, 255, 255); line-height: 30px; font-size: 18px; font-weight: bold;
}
.footer .footer_inner .footer_info {
	float: left;
}
.footer .footer_inner .footer_util {
	top: 0px; right: 0px; padding-right: 5px; position: absolute;
}
.footer .footer_inner .footer_info .address {
	padding-top: 10px;
}
.footer .footer_inner .footer_info .address p {
	color: rgba(255, 255, 255, 0.6); line-height: 25px; overflow: hidden; font-size: 15px; font-weight: lighter;
}
.footer .footer_inner .footer_info .address p span {
	margin-left: 10px; float: left; display: block;
}
.footer .footer_inner .footer_info .address p span:first-child {
	margin-left: 0px;
}
.footer .footer_inner .footer_util .policy {
	overflow: hidden;
}
.footer .footer_inner .footer_util .policy a {
	border: 1px solid rgba(255, 255, 255, 0.3); border-image: none; width: 150px; height: 35px; text-align: center; color: rgb(255, 255, 255); line-height: 33px; font-size: 15px; font-weight: lighter; float: left; display: block; box-sizing: border-box;
}
.footer .footer_inner .footer_util .policy a:first-child {
	margin-right: 6px;
}
.footer .footer_inner .footer_util .copy {
	text-align: right; color: rgba(175, 175, 176, 0.5); line-height: 15px; padding-top: 15px; font-size: 12px; font-weight: 400;
}
.footer_mo {
	background: rgb(90, 90, 90); left: 0px; width: 100%; bottom: 0px; display: none; position: absolute; z-index: 105;
}
.footer_mo .ftop {
	width: 100%;
}
.footer_mo .ftop li {
	width: 50%; float: left;
}
.footer_mo .ftop li:first-child a {
	border-left-color: currentColor; border-left-width: 0px; border-left-style: none;
}
.footer_mo .ftop li a {
	height: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 39px; font-size: 14px; font-weight: lighter; border-bottom-color: rgba(255, 255, 255, 0.3); border-left-color: rgba(255, 255, 255, 0.3); border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid; display: block;
}
.footer_mo .footer_info {
	padding: 20px 10px 10px;
}
.footer_mo .footer_info .footer_logo {
	height: 25px; text-align: center; color: rgb(255, 255, 255); line-height: 25px; text-indent: -5px; font-size: 14px; font-weight: bold;
}
.footer_mo .footer_info .footer_logo img {
	height: 25px; margin-right: 5px; vertical-align: top;
}
.footer_mo .footer_info dl {
	text-align: center; margin-top: 10px;
}
.footer_mo .footer_info dl dt {
	color: rgba(255, 255, 255, 0.6); font-size: 14px;
}
.footer_mo .footer_info dl dd {
	color: rgba(255, 255, 255, 0.6); font-size: 13px; font-weight: lighter;
}
.footer_mo .footer_info .copy {
	text-align: center; color: rgba(175, 175, 176, 0.5); padding-top: 15px; font-size: 12px; font-weight: lighter;
}
.agree {
	margin: 10px 0px 20px;
}
.agree_con {
	background: rgb(255, 255, 255); width: 100%; color: rgb(153, 153, 153);
}
.agree_con strong {
	color: rgb(0, 0, 0); font-size: 16px;
}
.agree_con dt {
	font-weight: bold; margin-top: 10px;
}
.agree p {
	font-size: 14px; margin-top: 5px;
}
.sub_visual.agreement .sub_inner .sub_background {
	padding-top: 55px;
}
#warp .footer {
	margin: 0px auto; padding: 20px 0px; width: 100%; text-align: center; color: rgb(167, 168, 169); font-size: 12px; position: relative; min-width: 1000px;
}
#warp .footer p {
	text-align: center;
}
#warp .footer p span {
	font-weight: bold;
}
a.skip {
	top: -1px; width: 0px; height: 0px; text-align: center; overflow: hidden; display: block; position: absolute; z-index: 999;
}
a.skip:active {
	background: rgb(255, 255, 255); padding: 5px; width: 100%; height: auto; z-index: 999;
}
a.skip:focus {
	background: rgb(255, 255, 255); padding: 5px; width: 100%; height: auto; z-index: 999;
}
h2 {
	margin: 0px 0px 10px;
}
input[type=button] {
	cursor: pointer !important;
}
.cp {
	cursor: pointer !important;
}
.wid10 {
	width: 10% !important;
}
.wid20 {
	width: 20% !important;
}
.wid29 {
	width: 29% !important;
}
.wid30 {
	width: 30% !important;
}
.wid40 {
	width: 40% !important;
}
.wid50 {
	width: 50% !important;
}
.wid60 {
	width: 60% !important;
}
.wid70 {
	width: 70% !important;
}
.wid80 {
	width: 80% !important;
}
.wid100 {
	width: 100px !important;
}
.wid200 {
	width: 200px !important;
}
.wid300 {
	width: 300px !important;
}
.wid400 {
	width: 400px !important;
}
.wid500 {
	width: 500px !important;
}
.mt0 {
	margin-top: 0px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt50 {
	margin-top: 50px !important;
}
.mt60 {
	margin-top: 60px !important;
}
.mt70 {
	margin-top: 70px !important;
}
.mt80 {
	margin-top: 80px !important;
}
.mt90 {
	margin-top: 90px !important;
}
.mt100 {
	margin-top: 100px !important;
}
.pd20 {
	padding: 20px;
}
.pd10 {
	padding: 10px;
}
.pb10 {
	padding-bottom: 10px !important;
}
.pr20 {
	padding-right: 20px;
}
.pl20 {
	padding-left: 20px;
}
.pr40 {
	
}
.pl40 {
	
}
.pb0 {
	padding-bottom: 0px !important;
}
.bno {
	border: currentColor !important; border-image: none !important;
}
.blind {
	top: -999999px; width: 0px; height: 0px; overflow: hidden; font-size: 0px; position: absolute;
}
.clear {
	clear: both;
}
.clear::after {
	clear: both; display: block; content: "";
}
.fl_l {
	float: left !important;
}
.fl_r {
	float: right !important;
}
.txt_l {
	text-align: left !important;
}
.txt_c {
	text-align: center !important;
}
.txt_r {
	text-align: right !important;
}
.ver_t {
	vertical-align: top !important;
}
.txt_b {
	font-weight: bold !important;
}
.txt_ul {
	text-decoration: underline !important;
}
.wbreak {
	-ms-word-break: break-all !important;
}
.selectric-dSelect {
	margin: 0px; width: 245px; float: none; position: relative;
}
.selectric-dSelect .selectric {
	border: 1px solid rgb(209, 209, 209); border-image: none;
}
.selectric-dSelect .selectric .label {
	text-align: left; color: rgb(102, 102, 102); letter-spacing: 0px; font-size: 14px; -ms-text-overflow: ellipsis;
}
.selectric-dSelect .button {
	background: url("/img/list_arrow.png") no-repeat left top; top: 12px; width: 12px; height: 7px; right: 10px;
}
.selectric-dSelect.selectricOpen .button {
	background-position: left bottom;
}
.selectric-dSelect .selectricItems {
	background: rgb(255, 255, 255); border-width: 0px 1px 1px; border-style: none solid solid; border-color: currentColor rgb(209, 209, 209) rgb(209, 209, 209); padding: 4px 0px 0px; border-image: none;
}
.selectric-dSelect .selectricItems li {
	background: rgb(255, 255, 255); padding: 5px 15px 5px 10px; border: 0px currentColor; border-image: none; text-align: left; color: rgb(102, 102, 102); font-size: 14px;
}
.selectric-dSelect .selectricItems li:hover {
	background: rgb(239, 239, 239); color: rgb(102, 102, 102);
}
.selectric-dSelect .selectricItems li.selected {
	background: rgb(239, 239, 239); color: rgb(102, 102, 102);
}
.selectric-dSelect.selectricAbove .selectricItems {
	border-width: 1px 1px 0px; border-style: solid solid none; border-color: rgb(209, 209, 209) rgb(209, 209, 209) currentColor; padding: 0px 0px 4px; border-image: none;
}
.radio_box label {
	color: rgb(102, 102, 102); font-size: 14px;
}
.radio_box label + label {
	margin: 0px 0px 0px 24px;
}
.check_box label {
	color: rgb(102, 102, 102); font-size: 14px;
}
.check_box label + label {
	margin: 0px 0px 0px 24px;
}
.fileBox {
	overflow: hidden;
}
.fileBox .inputBox {
	float: left;
}
.fileBox input[type='text'] {
	background: rgb(250, 250, 250); padding: 8px 10px; border: 1px solid rgb(209, 209, 209); border-image: none; height: 32px; color: rgb(153, 153, 153); line-height: 1; letter-spacing: -1px; overflow: hidden; font-size: 14px; float: left; box-sizing: border-box;
}
.fileBox .fileBtn {
	margin-left: 13px; float: left;
}
.fileBox .fileBtn label {
	background: rgb(153, 153, 153); width: 125px; text-align: center; color: rgb(255, 255, 255); line-height: 32px; letter-spacing: -1px; font-size: 14px; display: inline-block;
}
.fileBox .fileBtn input[type='file'] {
	margin: 0px; padding: 0px; width: 0px; height: 0px; visibility: hidden;
}
.sintony {
	font-family: "Sintony", sans-serif;
}
.roboto {
	font-family: "Roboto Condensed", sans-serif;
}
@media all and (max-width:1160px)
{
#header .header_inner .gnb_wrap {
	padding-right: 215px; padding-left: 200px; max-width: 100%;
}
}
@media all and (max-width:1024px)
{
#header {
	display: none;
}
.footer {
	display: none;
}
#header_mo {
	display: block;
}
.footer_mo {
	display: block;
}
}
@media all and (max-width:768px)
{
.lnk_box h4 {
	font-size: 24px;
}
.lnk_box .txt {
	font-size: 16px;
}
.lnk_box .call_number {
	font-size: 20px;
}
.lnk_box a {
	font-size: 18px;
}
}
