@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;
}

/*
@font-face { 
  font-family:'Noto Sans KR'; 
  font-style:normal; 
  font-weight:normal; 
  src: url('/fonts/NotoSansKR-Regular.woff2') format('woff2'), 
        url('/fonts/NotoSansKR-Regular.woff') format('woff'), 
        url('/fonts/NotoSansKR-Regular.otf') format('opentype'); 
}
@font-face { 
	font-family:'Noto Sans KR'; 
	font-style:normal; 
	font-weight: 500; 
	src: url('/fonts/NotoSansKR-Medium.woff2') format('woff2'), 
	url('/fonts/NotoSansKR-Medium.woff') format('woff'), 
	url('/fonts/NotoSansKR-Medium.otf') format('opentype'); 
} 

@font-face {
	font-family:'Roboto';
	font-style: normal;
	font-weight:normal;
	src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v16/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

*/
body,p,h1,h2,h3,h4,h5,h6,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: hyundaimedium, "현대체 Medium"; letter-spacing:0.2px}
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: hyundaimedium, "현대체 Medium"; }
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; padding-top:2px }
.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_b10 { margin-bottom: 10px  }
.mg_t20 { margin-top: 20px  }
.mg_r5 { margin-right: 5px  }
.mg_r10 { margin-right: 10px  }
.pl_20 { padding-left: 20px  }
.txt_green { color: #00a651 }
.txt_blue { color: #0c4da2; font-family: hyundailight, "현대체 Light"; font-weight:600}
.txt_red { color: #d23a3a }
.txt_left { text-align: left }
.txt_right { text-align: right }
.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; }

.area1100 { margin: 0 auto; max-width: 1100px }
.area1600 { margin: 0 auto; max-width: 1600px }
.area1600:after {content:''; display:block; clear:both;}

/* header */
#header {font-family:'Noto Sans KR';}
#header {position:fixed; top:0; width:100%; background:#fff; z-index:600;}
#header * {box-sizing:border-box;  font-family: hyundaimedium, "현대체 Medium"; padding-top:1px }
#header h1 {position:absolute; top:62px; left:50%; margin-left:-800px; z-index:100;}
#header .head_util {height:41px; background:#f8f8f8; border-bottom:1px solid #dddce3; text-align:right;}
#header .area1600 {padding-top:7px;}
#header .nav_all {display:none;}
#container {padding-top:122px;}


#gnb_all {display:none;}

.util_hm {display:inline-block; vertical-align:top; margin-right:15px;}
.util_hm > ul > li {display:inline-block; }
.util_hm > ul > li .link {font-size:13px; font-family:arial, roboto, nanumgothic, "나눔고딕", dotum, "돋움";; color:#666666;}
.util_hm > ul > li .link:hover {text-decoration:underline;}
.util_hm > ul > li:first-child .link:after {content:' ㅣ '; color:#999; font-size:10px;}
.util_hm > ul > li:first-child .link:hover {text-decoration:none;}

.site_link {position:relative; z-index:501; display:inline-block; vertical-align:top;}
.site_link > a {overflow:hidden; display:inline-block; height:26px; }
.site_link > a:hover {transition:background 0.2s ease-out;}
.site_link > a.ico {width:26px; background-size:140px; text-indent:100%; white-space:nowrap; }
.site_link .youtube {background:#999 url('/images/common/ico_sns.png') -61px 5px no-repeat; }
.site_link .youtube:hover {background-color:#ff0d00}
.site_link .face {background:#999 url('/images/common/ico_sns.png') -38px 4px no-repeat; }
.site_link .face:hover {background-color:#38569A}
.site_link .blog {width:60px; line-height:24px; font-size:13px; color:#fff; background-color:#999; text-align:center; }
.site_link .blog:hover {background:#888;}
.site_link .instagram {background:#999 url('/images/common/ico_sns.png') -90px 5px no-repeat; }
.site_link .instagram:hover {background-color:#f94eac}

.site_link .tit {display:inline-block;background:#0e60bf url('/images/common/ico_arrdown.png') right 10px top 12px no-repeat; height:26px; width:135px; line-height:24px; font-size:13px; color:#fff; box-sizing:border-box; padding:0 10px; vertical-align:top; text-align:left; font-family:'Noto Sans KR';}
.site_link .tit:hover {background-color:#104e96;}
.site_link .cont {display:none; opacity:0; background:#0e60bf; text-align:left; transition:all 0.3s ease-out; width:135px; position:absolute; top:26px; right:0;}
.site_link .cont > ul {border-top:1px solid rgba(255,255,255,0.2);}
.site_link .cont > ul > li > a {display:block;color:#fff;font-size:12px;  padding:3px 5px 3px 10px; border-bottom:1px solid rgba(255,255,255,0.2);}
.site_link .cont > ul > li > a:hover {background:#104e96;}

.site_link.on .cont {display:block; opacity:1;}
.site_link.on .tit {background-image:url('/images/common/ico_arrup.png');}

/* 220103 320px일때 상단 sns 아이콘 수정 */
@media screen and (max-width:338px) {
	.site_link > a.ico {width:19px; background-size: 120px;}
	.site_link .instagram {background-position:-79px 5px;}
	.site_link .youtube {background-position:-54px 5px;}
	.site_link .face {background-position:-33px 4px;}
}

/* gnb */
#gnb {position:relative; width:100%; border-bottom:1px solid #ddddec;}
#gnb:after {content:'';display:block; clear:both;}
#gnb > ul {max-width:900px; margin:0 auto;}
#gnb > ul:after {display:block; clear:both; content:'';}
#gnb > ul > li {position:relative; z-index:120; float:left; width:150px;}
#gnb > ul > li.on > a {color:#0a55a4}
#gnb > ul > li.on > a:after {width:100%; margin-left:-50%; background:#0a55a4;}
#gnb > ul > li > a {display:block; position:relative; height:80px; padding:24px 0 20px 0; color:#111; font-size:21px; text-decoration:none; text-align:center; font-family: "hyundaimedium";}
#gnb > ul > li > a:after {display:block; position:absolute; left:50%; bottom:-2px; width:0; height:2px; content:''; transition:all 0.2s ease-out;}
#gnb > ul > li > ul {display:none; position:absolute; z-index:120; top:81px; left:0; width:100%; height:325px; padding-top:12px ; border-right:1px solid #e5e5e5;}
#gnb > ul > li:first-child > ul {border-left:1px solid #e5e5e5;}
#gnb.open > ul > li > ul {display:block;}
#gnb span.bg {display:none; position:absolute; z-index:110; top:83px; left:0; width:100%; height:325px; border-top:1px solid #cbcad4; border-bottom:1px solid #dfdee6; background:#fff;}
#gnb.open span.bg {display:block;}
#gnb.open > ul > li:first-child:before {display:block;}
#gnb > ul > li > ul > li > a {display:block; position:relative; padding:7px 10px; color:#545454; font-size:16px; text-align:center; line-height:18px; color:#666;}
#gnb > ul > li > ul > li > a:hover {color:#0a55a4; font-weight:500;}
#gnb > ul > li ul.depth3 {display:none;}

.t_bg{background:#fff;}

.footer { clear: both;  padding: 30px 0 60px 0; 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 ;float:none;width:100%; clear:both;}
.footer .link_policy a { display: inline-block; margin-bottom: 5px; margin-left: 3px; padding: 0.3em 1.0em; background: #3c3f41 }
.footer .link_policy p > a:first-child { margin-left: 0 }
@media only screen and (max-width:590px) {
	.footer .link_policy span { display:block; }
}

.footer .area1100 {position:relative;}
.footer .frightbox { float: right; width: auto; }
.footer .webmark { position:absolute; top:40px; right:0; }
.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 }
.footer a:focus { outline: 1px dotted #fff; }
.footer .frightbox .link_btn {display:inline-block;margin-right:4px;}
.footer .frightbox > form {display:inline-block; vertical-align:top;}

.topgnb_bg { display: none; z-index: 1000; position: fixed; top: 82px; left: 0%; width: 100%;height: 430px; border-top: 3px solid #adb6ba; background: #fff }
.n2 .topgnb_bg{height:270px;} 
.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: hyundaimedium, "현대체 Medium"; font-size: 13px; color: #333; letter-spacing: -0.5px }

.slide_area a { display: block; width: 100%; height: 100%; }
.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 .tbg7 { width: 261px; min-height: 360px; background: url(/images/common/topgnb_07.jpg) no-repeat }
.slide_area .tbg8 { height: 105px; background: url(/images/common/topgnb_08.jpg) no-repeat }
.slide_area .tbg9 { height: 105px; background: url(/images/common/topgnb_09.jpg) no-repeat }
.slide_area .tbg10 { height: 85px; 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 .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 .top_temp4 { float: left; padding-top: 130px; margin-right: 1%; width: 24% }
.slide_area .top_temp4 span { display: block; font-size: 13px; color: #333; }
.slide_area .top_temp4 span.fn_dt { font-family: hyundaimedium, "현대체 Medium"; color: #0e468f; font-size: 19px }
.slide_area .top_temp4 span.fn_dd { line-height:14px; }

.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 }
.slide_area .tbg35 { height: 85px; background: url(/images/common/topgnb_35.jpg) no-repeat }

.slide_area .tbg36 { width: 209px; height: 82px; background: url(/images/common/topgnb_36.jpg) no-repeat }
.slide_area .tbg37 { width: 209px; height: 82px; background: url(/images/common/topgnb_37.jpg) no-repeat }
.slide_area .tbg38 { width: 209px; height: 82px; background: url(/images/common/topgnb_38.jpg) no-repeat }
.slide_area .tbg39 { width: 209px; height: 82px; background: url(/images/common/topgnb_39.jpg) no-repeat }
.slide_area .tbg40 { width: 168px; height: 82px; background: url(/images/common/topgnb_40.jpg) no-repeat }

/* 투자자정보 메뉴 이미지 */
.slide_area .tbg61 { width: 261px; height: 82px; background: url(/images/common/topgnb_61.jpg) no-repeat }
.slide_area .tbg62 { width: 261px; height: 82px; background: url(/images/common/topgnb_62.jpg) no-repeat }
.slide_area .tbg63 { width: 261px; height: 82px; background: url(/images/common/topgnb_63.jpg) no-repeat }
.slide_area .tbg64 { width: 261px; height: 82px; background: url(/images/common/topgnb_64.jpg) no-repeat }
.slide_area .tbg65 { width: 261px; height: 35px; background: url(/images/common/topgnb_65.jpg) no-repeat }
.slide_area .tbg66 { width: 261px; height: 35px; background: url(/images/common/topgnb_66.jpg) no-repeat }


.top_close { position: absolute; top: -20px; right: 0; cursor: pointer }
.top_close a { display: block; width: 100%; height: 100%; }

@media only screen and (max-width:1600px) {
	#header h1 {left:10px; margin-left:0;}
	#header .head_util {padding-right:5px;}

}
@media only screen and (max-width:1450px) {
	#gnb {padding-left:250px;margin:0;}
}
@media only screen and (max-width:1250px) {
	#gnb {padding-left:0; padding-right:20px;}
	#gnb > ul {float:right;}
	#gnb > ul > li {width:150px;}
}
@media only screen and (max-width:1100px) {
	#gnb > ul > li {width:140px;}
	#gnb {padding-right:0;}
}

@media only screen and (max-width:1024px) {
    /* mobile */
    #header .mask {display:none; position:fixed; z-index:505; top:0; left:0; width:100%; height:100%; background:#000; opacity:0; transition:opacity 300ms ease;}

    /* header */
	#header {height:110px;background:#fff; border-bottom: 1px solid #ddddec;}
	#header h1 {top:60px;}
	#container {padding-top:110px;}

    #header .nav_all {display:block; position:absolute; z-index:20; top:48px; right:5px;}
    #header .nav_all .nav_btn {display:block; width:50px; height:50px; background:none; font-size:0;}
    #header .nav_all .nav_btn:before {display:inline-block; width:25px; height:25px; background:url('/images/common/ico_menu_all.png') 0 no-repeat; content:''; background-size:28px auto; vertical-align:middle;}

    #header.open .nav_close {position:fixed; z-index:20; top:0; right:250px; z-index:1000; box-shadow:none; padding:0; border-bottom:none;}
    #header .nav_close .nav_btn {display:block; text-indent:-9999px;width:36px; height:36px;background:#333 url('../images/main/bt_close_w.png') 50% 50% no-repeat; background-size:15px auto;}

    /* gnb */
    #gnb {position:fixed; z-index:510; top:0; right:-250px; width:250px; height:100%; background:#0d315b; overflow-y:auto;transition:right 300ms ease; padding-left:0;}
    #gnb > ul {position:relative; z-index:110; padding:0; float:none;}
    #gnb > ul > li {float:none; width:100% !important;}
    #gnb > ul > li > a {height:61px; padding:20px 20px 18px 20px; border-bottom:1px solid rgba(255,255,255,0.1); font-size:17px; text-align:left; color:#fff;}
    #gnb > ul > li > a:after {display:block; position:absolute; top:50%; right:10px; left:auto; width:21px; height:21px; margin-top:-10px; border:1px solid #fff; content:' + '; color:#fff; text-align:center; line-height:20px; background:0 none; opacity:0.8;}
    #gnb > ul > li.on > a {font-weight:bold; color:#fff;}
    #gnb > ul > li.on > a:after {width:21px; margin-left:auto; background:none; content:' - ';}
    #gnb > ul > li > ul {position:static; height:auto; padding:0;}
    #gnb > ul > li > ul > li {border-bottom:1px solid #e0e0e0; box-shadow:0 1px 0 #cdd4dd}
    #gnb > ul > li > ul > li:last-child {border-bottom:none;}
    #gnb > ul > li > ul > li > a {position:relative; padding:0px 0 0 20px; background:#f0f0f0; text-align:left; line-height:45px;}
    #gnb > ul > li > ul > li > a:hover {background:#f5f5f5; color:#222}
    #gnb > ul > li > ul > li > a.be:after {display:inline-block; position:absolute; top:0; right:20px; width:11px; content:'+';}
    #gnb > ul > li > ul > li > a.be:hover:after {display:inline-block; position:absolute; top:0; right:20px; margin-left:0; background:none; content:'+';}

    #gnb > ul > li ul.depth3 {display:none; margin:0; background:#fff; color:#333;}
    #gnb > ul > li ul.depth3 > li {background:#fff;}
    #gnb > ul > li ul.depth3 > li:before {display:inline-block; padding-right:4px; padding-left:20px; content:'- ';}
    #gnb > ul > li ul.depth3 > li:first-child a {padding-top:11px}
    #gnb > ul > li ul.depth3 > li a {display:inline-block; padding:0px 0 8px 0; font-size:14px;}

    #gnb.open span.bg {display:none;}
    #gnb li > ul {display:block !important; max-height:0; overflow:hidden; transition:max-height 900ms ease;}
    #gnb li.on > ul {max-height:600px;}

    /* header open */
    #header.open #gnb {right:0;}
    #header.open .mask {display:block; opacity:0.4;}

	.area1100 { margin: 0 10px; width: auto }
	.area1600 { margin: 0 10px; width: auto }

	.footer .webmark {  display: none; }
}

@media only screen and (max-width:820px) {
	.footer .frightbox{float:none;clear:both;padding-top:6px;}
	.footer select.jumplink{border-radius:0;height:25px;width:200px;}
	.footer a.btn_golink{height:25px;}
}
@media only screen and (max-width:769px) {
	
	/* header */
	#header {height:100px;}
	#container {padding-top:100px;}
	#header h1 {top:55px;}
	#header h1 img {height:30px;}
	#header .nav_all {top:45px;}
	.site_link .blog {width:auto; padding-right:5px; padding-left:5px;}

	.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.none{display:block;}

}

@media only screen and (max-width:481px) {

	.util_hm {display:block; float:left; margin-right:5px; padding-left:15px; }
	.util_hm ul li:first-child {display:none}
	.site_link {display:block; float:right;}

	.area1100 { margin: 0; width: 100% }
	.area1600 { margin: 0; width: 100% }

	#panel { width: 240px; }
	#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: hyundaimedium, "현대체 Medium"; 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 }

	#gnb_all .gnb_closebox { width: 240px; }


	.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:480px) {

}

@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 (max-width:370px) {
	.util_hm > ul > li .link {font-size:11px; letter-spacing:-1px;}
}

@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 } */
}

/* 220105 상단 50주년기념 엠블럼추가 */
#gnb .top_emblem {position: absolute; top: 10%; right: 50%; margin-right: -800px; z-index: 100; width:100px;}

@media only screen and (max-width: 1600px) {
	#gnb .top_emblem {right: 10px; margin-right: 0;}
}

@media only screen and (max-width: 1450px) {
	#gnb {padding-left:0;}
}

@media only screen and (max-width: 1250px) {
	#gnb > ul {float:none; padding-left:17%; max-width:100%;}	
}

@media only screen and (max-width: 1190px) {
	#gnb > ul > li > a {font-size:20px; padding-top:26px;}
	#gnb > ul > li {width:130px;}
}

@media only screen and (max-width: 1055px) {
	#gnb .top_emblem > img {width:70px;}
}

@media only screen and (max-width: 1024px) {
	#gnb .top_emblem {display:none;}
	#gnb > ul {padding-left:0;}
	#gnb > ul > li > a {font-size:17px; padding-top:20px;}

	#header .nav_all > p {position:absolute; right:50px; top:55%; transform: translateY(-50%); width:60px;}
}

/* 220502 웹접근성 관련 수정 */
.footer select:focus { outline: 2px dotted #fff; }
.ap_tbl td input:focus, .ap_tbl td select:focus, .ap_tbl td textarea:focus, .search_box select:focus {outline: -webkit-focus-ring-color auto 1px;}