@charset "utf-8";

@font-face {
	font-family: "hyundaimedium";
	src: url(/fonts/hyundaimedium.eot);
	src: url(/fonts/hyundaimedium.eot?#iefix) format('embedded-opentype'),
		url(/fonts/hyundaimedium.ttf) format('truetype'),
		url(/fonts/hyundaimedium.otf) format('opentype'),
		url(/fonts/hyundaimedium.woff2) format('woff2'),
		url(/fonts/hyundaimedium.woff) format('woff');
	font-weight: normal;
	font-style: normal;
} 

@font-face {
	font-family: "hyundailight";
	src: url(/fonts/hyundailight.eot);
	src: url(/fonts/hyundailight.eot?#iefix) format('embedded-opentype'),
		url(/fonts/hyundailight.ttf) format('truetype'),
		url(/fonts/hyundailight.otf) format('opentype'),
		url(/fonts/hyundailight.woff2) format('woff2'),
		url(/fonts/hyundailight.woff) format('woff');
	font-weight: normal;
	font-style: normal;
} 

@font-face {
	font-family: "nanumgothic";
	src: url(/fonts/NanumGothic.eot);
	src: url(/fonts/NanumGothic.eot?#iefix) format('embedded-opentype'),
		url(/fonts/NanumGothic.ttf) format('truetype'),
		url(/fonts/NanumGothic.otf) format('opentype'),
		url(/fonts/NanumGothic.woff2) format('woff2'),
		url(/fonts/NanumGothic.woff) format('woff');
	font-weight: normal;
	font-style: normal;
}

body,p,h1,h2,h3,h4,ul,ol,li,dl,dt,dd,form,fieldset,legend,th,td,input,select,button { margin: 0; padding: 0 }
header,footer,section,article,nav,aside,figure,figcaption { display: block }
fieldset,img { border: 0 none }
ul,ol { list-style: none }
address,em { font-style: normal }
small { font-size: 1em; }
button {border:0 none; background-color:transparent; cursor:pointer }
body { background: #fff; -webkit-text-size-adjust:none }
body,th,td { color: #333; font-size: 15px; line-height: 1.5; font-family: nanumgothic, "나눔고딕", dotum, "돋움"; }
table { border-collapse:collapse; border-spacing: 0; width: 100% }
a { color: #262626; text-decoration: none }
a:hover, a:focus { color: #0c4da2; text-decoration: none }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 1em }
input,select,textarea,button { font-size: 15px;  font-family: nanumgothic, "나눔고딕"; }
select::-ms-expand { display: none; } 
select { outline: 0; appearance: none; -webkit-appearance: none; -moz-appearance: none } 
html,body { height: 100% }
hr { display: none; }

.f_l { float: left }
.f_r { float: right }
.clearfix { clear: both }
.hidden, .skip { display: block; width: 10px; height: 0; white-space: nowrap; overflow: hidden; text-indent: 120%; font-size: 0 }
.sp_block { display: block }
.sp_inline { display: inline }
.txt_center { text-align: center }
.mg_t10 { margin-top: 10px  }
.mg_r5 { margin-right: 5px  }
.mg_r10 { margin-right: 10px  }
.txt_green { color: #00a651 }
.txt_blue { color: #0c4da2 }
.txt_left { text-align: left }
.txt_center { text-align: center }
.invisible { visibility: hidden; overflow: hidden; position: absolute; left:-1000em; width: 0; height: 0; font-size: 0; line-height: 0 }

#skip_navigation p { margin: 0px; padding: 0px }
#skip_navigation a.accessibility { z-index: 1000; position :absolute; display: block; width:100%; left: 0; text-align: center; top: -10000px; z-index: 2000; font-size: 1.3em }
#skip_navigation a.accessibility:hover,	
#skip_navigation a.accessibility:focus,
#skip_navigation a.accessibility:active{ position: absolute; top: 0; padding: 15px 0; font-weight: bold; color: #fff; background: #0c4da2; z-index: 2000 }
#skip_navigation ul { margin: 0; padding: 0; height: 0; }

#gnb_all { z-index: 9100; overflow-x: hidden; overflow-y: auto; position: fixed;  top: 0;  right: -100%;  width: 270px; height: 100%; background: #0d315b;  border-left: 1px solid #fff; box-shadow: 0 0 10px rgba(0,0,0,0.4) }
#gnb_all .gnb_closebox .gnb_close a { display: block; width: 270px; height: 35px; padding: 16px 0 0 20px; background: #0d315b url(/images/common/btn_close.png) no-repeat 15px 15px; background-size: 20px 20px; text-indent: 200%; overflow: hidden; white-space: nowrap }

#panel { width: 270px; margin: 0; position: relative }
#panel h3.lnb_title { width: 240px; height: 30px; margin-left:15px; padding: 12px 0 6px; border-top: 1px solid #294d78; font-family: hyundaimedium, "현대체 Medium"; font-size: 20px; color: #fff; background: url(/images/common/lnb_arrow01.png) no-repeat right 12px }
#panel .lnb_group { width: 240px; height: auto; margin-bottom: 20px; padding: 0 }
#panel ul > li { width: 220px; height: 20px; margin: 0; padding: 5px 0 0 15px; background: url(/images/common/navi_dot.png) no-repeat 5px 15px }
#panel ul > li > a { display: block; font-family: nanumgothic, "나눔고딕"; font-size: 15px; color: #e0f1ff }
#gnb_all h3.lnb_link a { display: block; width: 240px; height: 30px; margin-left:15px; padding: 12px 0 6px; font-family: hyundaimedium, "현대체 Medium"; font-size: 20px; color: #fff; border-top: 1px solid #294d78; background: url(/images/common/lnb_arrow02.png) no-repeat right 12px }
#gnb_all h3.lnb_link a:hover { color: #fff }

.area1100 { margin: 0 auto; width: 1100px }
.header { z-index: 1000; position: fixed; top: 0; left: 0; padding-bottom: 20px; width: 100%; height: 62px; background: url(/images/common/top_back.png) repeat }
.header .area_top { margin-top: 15px }
.header .area_top:after { display: block; content: ''; clear: both; height: 0 }
.header .logo, .header .gnb { float: left; margin-top: 10px;}
.header .logo { margin: 12px 45px 0 0;  width: 160px; height: 25px;  background: url(/images/common/pclogo.png) 0 0 no-repeat; text-indent: 120%; white-space: nowrap; overflow: hidden }
.header .logo a { display: block; width: 100%; height: 100%; overflow: hidden; text-indent: 200%; font-size: 0; line-height: 0}
.header .util { float: right; width: 140px }
.header .gnb { display: block }
.header .gnb ul li { float: left; margin-left: 1.5em; font-size: 22px }
/*.header .gnb ul li:first-child { margin-left: 0 }*/
.header .gnb ul li a { font-size: 0.9em; font-family: hyundaimedium, "현대체 Medium", nanumgothic, "나눔고딕", dotum, "돋움"; }
.header .gnb ul li a.selected { color: #0034b7 }
.header .gnb ul li a:hover,.header .gnb ul li a:focus { color: #0034b7 }
.header .gnb ul.smenu li { float: left; margin: 0 }
.header .util .link_menu { float: left }
.header .util .link_menu .link { display: block; float: left; width: 85px }
.header .util .link_menu .menu { float: right; width: 55px }
.header .util .link_menu a,  .util .link_menu span { display: block }
.header .util .link_menu .link .eng_link a { width: 70px; height: 25px; background: #e2e2e2; color: #262626; font-size: 12px; line-height: 25px; text-align: center }
.header .util .link_menu .link .blog_link a { width: 70px; height: 25px; background: #0c4da2; color: #fff; font-size: 12px; line-height: 25px; text-align: center }
.header .util .link_menu .menu a { width: 55px; height: 53px; background: #e2e2e2 url(/images/common/btn_menu_on.png) no-repeat 50% 50% }
.header .util .link_menu .link .eng_link { margin-bottom: 3px }
.header .util .link_menu .link .blog_link { margin: 0 }
.header .util .link_menu .link .blog_link a:hover { color: #262626 }
.header .util .link_menu .link a:hover,.util .link_menu .menu a:hover,.header .util .link_menu .link a:focus,.util .link_menu .menu a:focus { background-color: #fad257 }


.footer { clear: both; padding: 30px 0 40px; width: 100%; background: #2d3032; color: #fff; font-size: 12px }
.footer:after { clear: both; display: block;  content:''; height: 0; font-size: 0 }
.footer a { color: #fff }
.footer .logo_footer { display: block; float: left; margin-right: 20px }
.footer .copyright { float: left; margin-right: 20px;  margin-bottom: 10px }
.footer .link_policy { margin-top: 10px }
.footer .link_policy a { display: inline-block; margin-bottom: 5px; margin-left: 3px; padding: 0.3em 1.0em; background: #3c3f41 }
.footer .link_policy a:first-child { margin-left: 0 }
.footer .link_service {  display: block;  float: right }
.footer select.jumplink, .footer a.btn_golink { display: inline-block; vertical-align: middle }
.footer select.jumplink { padding: 3px 5px 3px 10px; width: 150px; height: 22px; border: 0; background: #FFF url("/images/common/select_arrow.gif") no-repeat scroll 95% 50%; font-size: 12px }
.footer a.btn_golink { margin-left: 3px; padding: 0 0.8em; height: 23px; background: #4f5053; line-height: 1.6; cursor: pointer }

.topgnb_bg { display: none; z-index: 1000; position: fixed; top: 82px; left: 0%; width: 100%; height: 435px; border-top: 3px solid #adb6ba; background: #fff }
.topgnb_bg .topgnb_slide { position: relative; display: block; width: 1100px; margin: 0 auto }
.topgnb_bg .topgnb_slide .slide_area { margin: 30px 0 30px 25px; }
.topgnb_bg .topgnb_slide .slide_area:after { display: block; content: ''; clear: both; height: 0; }
.slide_area dd span.pdt_5 { display: block; padding-top: 10px; }
.slide_area .slide_m01 { float: left; width: 47%; margin-right: 3%;  }
.slide_area .slide_m02 { float: left; width: 50%;  }
.slide_area .top_tmp1 { padding-left: 270px; padding-right: 10px; height: 165px }
.slide_area .tbg1 { margin-bottom: 40px; background: url(/images/common/topgnb_01.jpg) no-repeat }
.slide_area .tbg2 {  background: url(/images/common/topgnb_02.jpg) no-repeat 0 0 }
.slide_area .tbg14 { margin-bottom: 40px; background: url(/images/common/topgnb_14.jpg) no-repeat }
.slide_area .tbg15 {  background: url(/images/common/topgnb_15.jpg) no-repeat 0 0 }
.slide_area .tbg20 { margin-bottom: 40px; background: url(/images/common/topgnb_20.jpg) no-repeat }
.slide_area .tbg21 {  background: url(/images/common/topgnb_21.jpg) no-repeat 0 0 }
.header .gnb .slide_area dl dt a { font-family: hyundaimedium, "현대체 Medium"; color: #0e468f; font-size: 19px }
.header .gnb .slide_area dl dd {  line-height: 18px; }
.header .gnb .slide_area dl dd a { font-family: nanumgothic, "나눔고딕"; font-size: 13px; color: #333; letter-spacing: -0.5px }

.slide_area .top_tmp2 { float: left;  padding-top: 100px; margin: 0 2%; width: 43% }
.slide_area .tbg3 { height: 105px; background: url(/images/common/topgnb_03.jpg) no-repeat }
.slide_area .tbg4 { height: 105px; background: url(/images/common/topgnb_04.jpg) no-repeat }
.slide_area .tbg5 { height: 85px; background: url(/images/common/topgnb_05.jpg) no-repeat }
.slide_area .tbg6 { height: 85px; background: url(/images/common/topgnb_06.jpg) no-repeat }
.slide_area .tbg16 { height: 105px; background: url(/images/common/topgnb_16.jpg) no-repeat }
.slide_area .tbg17 { height: 105px; background: url(/images/common/topgnb_17.jpg) no-repeat }
.slide_area .tbg18 { height: 85px; background: url(/images/common/topgnb_18.jpg) no-repeat }
.slide_area .tbg19 { height: 85px; background: url(/images/common/topgnb_19.jpg) no-repeat }
.slide_area .tbg22 { height: 105px; background: url(/images/common/topgnb_22.jpg) no-repeat }
.slide_area .tbg23 { height: 105px; background: url(/images/common/topgnb_23.jpg) no-repeat }
.slide_area .tbg24 { height: 85px; background: url(/images/common/topgnb_24.jpg) no-repeat }
.slide_area .tbg25 { height: 85px; background: url(/images/common/topgnb_25.jpg) no-repeat }
.slide_area .top_temp3 { float: left; padding-top: 120px; margin-right: 1%; width: 24% }
.slide_area .top_temp3 span { display: block;  font-size: 13px; color: #333 }
.slide_area .top_temp3 span.fn_dt { font-family: hyundaimedium, "현대체 Medium"; color: #0e468f; font-size: 19px }
.slide_area .tbg7 { width: 261px; height: 82px; background: url(/images/common/topgnb_07.jpg) no-repeat }
.slide_area .tbg8 { width: 261px; height: 82px; background: url(/images/common/topgnb_08.jpg) no-repeat }
.slide_area .tbg9 { width: 261px; height: 82px; background: url(/images/common/topgnb_09.jpg) no-repeat }
.slide_area .tbg10 { width: 261px; height: 82px; background: url(/images/common/topgnb_10.jpg) no-repeat }
.slide_area .tbg11 { width: 261px; height: 35px; background: url(/images/common/topgnb_11.jpg) no-repeat }
.slide_area .tbg12 { width: 261px; height: 35px; background: url(/images/common/topgnb_12.jpg) no-repeat }
.slide_area .tbg13 { width: 261px; height: 35px; background: url(/images/common/topgnb_13.jpg) no-repeat }
.slide_area .tbg26 { width: 261px; height: 35px; background: url(/images/common/topgnb_26.jpg) no-repeat }
.slide_area .tbg27 { width: 261px; height: 35px; background: url(/images/common/topgnb_27.jpg) no-repeat }
.slide_area .tbg28 { width: 261px; height: 35px; background: url(/images/common/topgnb_28.jpg) no-repeat }
.slide_area .tbg29 { width: 261px; height: 35px; background: url(/images/common/topgnb_29.jpg) no-repeat }
.slide_area .tbg30 { width: 261px; height: 82px; background: url(/images/common/topgnb_30.jpg) no-repeat }
.slide_area .tbg31 { width: 261px; height: 82px; background: url(/images/common/topgnb_31.jpg) no-repeat }
.slide_area .tbg32 { width: 261px; height: 82px; background: url(/images/common/topgnb_32.jpg) no-repeat }
.slide_area .tbg33 { width: 261px; height: 82px; background: url(/images/common/topgnb_33.jpg) no-repeat }
.slide_area .tbg34 { width: 261px; height: 82px; background: url(/images/common/topgnb_34.jpg) no-repeat }
.top_close { position: absolute; top: -20px; right: 0; cursor: pointer }


@media only screen and (max-width:1025px) {
#gnb_all .gnb_closebox .gnb_close a { display: block; width: 270px; height: 35px; padding: 16px 0 0 20px; background: #0d315b url(/images/common/btn_m_close.png) no-repeat 16px 16px; background-size: 20px 20px; text-indent: 200%; overflow: hidden; white-space: nowrap }

.area1100 { margin: 0 10px; width: auto }
.topgnb_bg { display: none }
.header { z-index: 1000; padding-bottom: 0; height: auto; background: #f5f5f5; }
.header .gnb { display: none }
.header .area1100 { margin-right: 0 }
.header .area_top { margin-top: 0; }
.header .util .link_menu .menu a { background-color: #fad257 }
.header .util .link_menu .link .eng_link { margin-top: 15px }
.header .util .link_menu .link .blog_link { display: none }
.footer .link_service {  display: none }
}


@media only screen and (max-width:769px) {
.none { display: none }
.footer { padding: 20px 0; text-align: center }
.footer .logo_footer { display: none }
.footer .copyright { float: none; margin-right: 0 }
.footer .link_service {  display: none }
}


@media only screen and (max-width:481px) {
.area1100 { margin: 0; width: 100% }
.header .logo { margin: 15px 0 0 5px; }

#gnb_all { z-index: 9100; overflow-x: hidden; overflow-y: auto; position: fixed;  top: 0;  right: -100%;  width: 240px; height: 100%; background: #0d315b;  border-left: 1px solid #fff; box-shadow: 0 0 10px rgba(0,0,0,0.4) }

#panel h3.lnb_title { width: 210px; height: 25px; margin-left:15px; padding: 12px 0 6px; border-top: 1px solid #294d78; font-family: hyundaimedium, "현대체 Medium"; font-size: 18px; color: #fff; background: url(/images/common/lnb_m_arrow01.png) no-repeat right 18px; background-size: 18px 9px }
#panel .lnb_group { width: 210px; height: auto; margin-bottom: 20px; padding: 0 }
#panel ul > li { width: 190px; height: 20px; margin: 0; padding: 5px 0 0 15px; background: url(/images/common/navi_dot.png) no-repeat 5px 10px }
#panel ul > li > a { display: block; font-family: nanumgothic, "나눔고딕"; font-size: 14px; color: #e0f1ff; letter-spacing: -1px }
#gnb_all h3.lnb_link a { display: block; width: 210px; height: 25px; margin-left:15px; padding: 12px 0 6px; font-family: hyundaimedium, "현대체 Medium"; font-size: 18px; color: #fff; border-top: 1px solid #294d78; background: url(/images/common/lnb_m_arrow02.png) no-repeat right 18px; background-size: 9px 18px }
#gnb_all h3.lnb_link a:hover { color: #fff }

.footer { padding: 20px 0 20px; font-size: 11px; text-align: center }
.footer .copyright { float: none; margin-right: 0;  margin-bottom: 0 }
.footer .link_policy a { display: inline-block; margin-bottom: 5px; margin-left: 3px; padding: 0.5em; background: #3c3f41 }
.footer .link_policy span { display: block; }
.footer .link_service {  display: none }
}


@media only screen and (max-width:361px) {
#container .area_mvg {  height: 300px }
.bg_m02 .box_info .box_list a, .bg_m04 .box_info .box_list a { margin-bottom: 6px; width: 48%; height: 190px }
.bg_m02 .box_info .box_list .bl_bg01, .bg_m02 .box_info .box_list .bl_bg02, .bg_m02 .box_info .box_list .bl_bg03, .bg_m02 .box_info .box_list .bl_bg04, .bg_m04 .box_info .box_list .bl_bg05, .bg_m04 .box_info .box_list .bl_bg06, .bg_m04 .box_info .box_list .bl_bg07,.bg_m04 .box_info .box_list .bl_bg08 { height: 180px; background-size: cover }
}


@media only screen and (max-width:321px) {
#container .area_mvg {  height: 250px }
.bg_m02 .box_info .box_list a, .bg_m04 .box_info .box_list a { margin-bottom: 6px; width: 48%; height: 190px }
.bg_m02 .box_info .box_list .bl_bg01, .bg_m02 .box_info .box_list .bl_bg02, .bg_m02 .box_info .box_list .bl_bg03, .bg_m02 .box_info .box_list .bl_bg04, .bg_m04 .box_info .box_list .bl_bg05, .bg_m04 .box_info .box_list .bl_bg06, .bg_m04 .box_info .box_list .bl_bg07,.bg_m04 .box_info .box_list .bl_bg08 { height: 160px; background-size: cover }
}


@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
#gnb_all .gnb_closebox { height: 52px; padding: 0; background: #0d315b }
.header .logo { width: 160px; height: 26px; background: url(/images/common/logo.png) no-repeat; background-size: cover }
}