@charset "utf-8";

/* 폰트 */
/* 본고딕 */
@font-face {
    font-family: 'NotoT';
    src: url(/font/NotoSansKR/NotoSansKR-Thin-Hestia.eot);
    src: url(/font/NotoSansKR/NotoSansKR-Thin-Hestia.eot?#iefix) format('embedded-opentype'),
    	 url(/font/NotoSansKR/NotoSansKR-Thin-Hestia.woff) format('woff'),
    	 url(/font/NotoSansKR/NotoSansKR-Thin-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'NotoL';
    src: url(/font/NotoSansKR/NotoSansKR-Light-Hestia.eot);
    src: url(/font/NotoSansKR/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),
    	 url(/font/NotoSansKR/NotoSansKR-Light-Hestia.woff) format('woff'),
    	 url(/font/NotoSansKR/NotoSansKR-Light-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'NotoDL';
    src: url(/font/NotoSansKR/NotoSansKR-DemiLight-Hestia.eot); 
    src: url(/font/NotoSansKR/NotoSansKR-DemiLight-Hestia.eot?#iefix) format('embedded-opentype'),
		 url(/font/NotoSansKR/NotoSansKR-DemiLight-Hestia.woff) format('woff'),
    	 url(/font/NotoSansKR/NotoSansKR-DemiLight-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'NotoR';
    src: url(/font/NotoSansKR/NotoSansKR-Regular-Hestia.eot);
    src: url(/font/NotoSansKR/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
    	 url(/font/NotoSansKR/NotoSansKR-Regular-Hestia.woff) format('woff'),
    	 url(/font/NotoSansKR/NotoSansKR-Regular-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'NotoM';
    src: url(/font/NotoSansKR/NotoSansKR-Medium-Hestia.eot);
   	src: url(/font/NotoSansKR/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'),
    	 url(/font/NotoSansKR/NotoSansKR-Medium-Hestia.woff) format('woff'),
    	 url(/font/NotoSansKR/NotoSansKR-Medium-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'NotoB';
    src: url(/font/NotoSansKR/NotoSansKR-Bold-Hestia.eot);
    src: url(/font/NotoSansKR/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'),
    	 url(/font/NotoSansKR/NotoSansKR-Bold-Hestia.woff) format('woff'),
    	 url(/font/NotoSansKR/NotoSansKR-Bold-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'NotoBK';
    src: url(/font/NotoSansKR/NotoSansKR-Black-Hestia.eot);
    src: url(/font/NotoSansKR/NotoSansKR-Black-Hestia.eot?#iefix) format('embedded-opentype'),
    	 url(/font/NotoSansKR/NotoSansKR-Black-Hestia.woff) format('woff'),
    	 url(/font/NotoSansKR/NotoSansKR-Black-Hestia.otf) format('opentype');
}


/* HTML5 요소 브라우져 인식 */
article, aside, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
mark {background: #FF0; color: #000}

body{font-family:'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;}
body, input, textarea, select, button, table, h1, h2, h3, h4, h5{font-size:14px; line-height:1.286em;}

/* reset */
* { margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 { font-weight:Normal;  font-family:'NotoM'; }
ol, ul { list-style:none; }
hr {display:none;}
a {color:inherit;}
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,q:before, q:after { content:''; }
table { border-collapse:collapse; border-spacing:0; width:100%; }
th { font-weight:Normal; font-family:NGBold; }
button { margin:0; padding:0; border:0; font:inherit; color:inherit; background:transparent; overflow:visible; cursor:pointer; line-height:1; }
button::-moz-focus-inner { margin: -1px; padding: 0; }
a:link, a:visited, a:hover, a:active, a:focus { text-decoration:none; color:inherit; cursor:pointer; }
em, i, address {font-style:normal; font-weight:normal;}
.hid, .blind, legend, hr, caption { overflow:hidden; position:absolute; left:-999em; width:0; height:0; font-size:0; line-height:0}
p {line-height:1.4;} /* 180831 */
.blind {visibility:hidden; overflow:hidden; width:0; height:0; line-height:0; text-indent:-9999em; position:absolute; left:-999px}
textarea { resize:vertical; font:inherit; overflow-y:auto; }
input, select { color:inherit; font:inherit; line-height:100%; }
img, fieldset,input[type="image"] {border:0;}
img, select, input, button { vertical-align:middle; }
figcaption { display:none; }
input { margin:0; padding:0; font-family:Dotum; font-size:inherit; color:#333; line-height:19px; vertical-align:middle; -webkit-border-radius:0; }
input[type="text"], input[type="password"] { height:19px; line-height:19px; padding:3px 0 0 7px; border:1px solid #dfdfdf; border-left-color:#bcbcbc; border-top-color:#bcbcbc; -webkit-appearance:none; }
input.tR { padding-left:0 !important; padding-right:7px !important; }
input[type="password"] { height:21px; padding-top:0px; line-height:21px; }
input[type="radio"] { width:13px; height:13px; vertical-align:-1px; *vertical-align:middle;}
input[type="checkbox"] { width:13px; height:13px; vertical-align:-2px; *vertical-align:middle;}
input:checked[type="checkbox"]{ background-color:#fff; -webkit-appearance:checkbox; }
input[readOnly="readOnly"],input.readOnly,input[readOnly] { background-color:#e2e2e2 !important; }
select { padding:1px 1px 1px 0; height:23px; *height:23px; font-size:1em; color:#333; line-height:23px; *line-height:23px; vertical-align:middle; font-family:Dotum;*margin-top:1px; }
input, select, button{vertical-align:middle;}
a:link, a:visited, a:hover, a:active, a:focus {color:inherit;}

.al {text-align:left !important;}
.ac {text-align:center !important}
.ar {text-align:right !important}
.fl {float:left !important;}
.fr {float:right !important;}

.colblue {color:#0054a6 !important;}
.colred {color:#e60013 !important;}
.colorange {color:#f26522 !important;}
.colgreen {color:#f26522 !important;}
.underline {text-decoration:underline;}
.inblk {display:inline-block;}

.fL {float:left;}
.fR {float:right;}
.cboth {display:block; content:""; clear:both;}
.ta_r {text-align:right !important;} 
.ta_l {text-align:left !important;} 
.ta_c {text-align:center !important;}

/* 플롯시 컨텐츠 공백 해결 */
.clearfix:after {display:block; visibility:hidden; clear:both; height:0; content:'';}
.clearfix {*zoom:1;}

/* Skip 메뉴 */
#skipArea, #skipArea ul {height:0; width:100%}
#skipArea a {position:absolute; top:-9999px; left:0; z-index:100; width:100%; height:30px; background-color:#000; color:#fff; line-height:30px; font-family:'NotoR'; opacity:0.6; text-align:center; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60)}
#skipArea a:focus, #skipArea a:hover, #skipArea a:active {top:0}

/* 상단팝업 */
.toppopup_wrap{position:relative; display:block; padding:20px 0 0; background:#354967; min-width:320px;} /* 190704 */
.toppopup_wrap .toppopup {position:relative; width:1200px; margin:0 auto; overflow:hidden;}
.toppopup_wrap .toppopup h2.tpop_tit {display:none;} /* 181204 */
.toppopup_wrap .toppopup h2.tpop_tit span {color:#1e93ff;}

/* focus 190704 */
.toppopup_wrap .toppopup .MC_box20 {position:relative; width:100%; height:115px; float:left; overflow:hidden;}
.popup_box{position: relative; height:100%;}
.popup_box .pop {position:relative; height:75px; overflow:hidden;}
.popup_box .pop li{float:left; width:50%;}
.popup_box .pop li img {max-width:100%; height:75px;}
.popup_box .control{position: absolute; left:0; bottom:10px;}
.popup_box .control .btn{position: absolute; left:0; bottom:0; width:22px; height:22px; text-indent:-10000em; }
.popup_box .control .btn.play {background:url('../images/common/com_common.png') no-repeat -517px top} 
.popup_box .control .btn.stop {background:url('../images/common/com_common.png') no-repeat -495px top}
.popup_box .control .control_num {margin:0 0 0 30px;}
.popup_box .control .control_num a{text-indent: -1000%; width:12px; height:12px; overflow: hidden; display:inline-block;; margin-right:2px; background:#1a2433; border-radius:10px;}
.popup_box .control .control_num a.on{background:#fff;}

/* banner */
.toppopup_wrap .toppopup .MC_box15 {position:relative; width:710px; height:240px; float:right;}
.bannerZone {position:relative; overflow:hidden;}
.bannerZone .obj {position:relative; width:720px; height:200px; margin:-10px 0 0 -10px; overflow:hidden; }
.bannerZone .obj li {float:left; height:90px; margin:10px 0 0 10px;}
.bannerZone .obj li img {width:100%; height:90px;}
/* banner 컨트롤 190319 */
.bannerZone .control {position:absolute; top:0; right:0; z-index:10;}
.bannerZone .control a {position:absolute; top:0; display:block; width:29px; height:29px; text-indent:-10000em; }
.bannerZone .control a.prev {right:67px; background:url('../images/common/com_common.png') no-repeat -42px top;}
.bannerZone .control a.next {right:0; background:url('../images/common/com_common.png') no-repeat -100px top;}
.bannerZone .control a.play {right:33px; background:url('../images/common/com_common.png') no-repeat -129px top;} 
.bannerZone .control a.stop {right:33px; background:url('../images/common/com_common.png') no-repeat -71px top;}

.toppopup_wrap .closeCheck {position:absolute; bottom:10px; right:50%; margin-right:-600px; padding-right:30px; color:#fff; text-align:right; vertical-align:middle;}/* 190704 */
.toppopup_wrap .closeCheck label {line-height:24px; margin-right:5px; font-family:'NotoR'; font-size:14px; vertical-align:middle;}
.toppopup_wrap .closeCheck a.btn_pop_close {position:absolute; right:0; top:0;}

/* 레이아웃 및 헤더 */
#wrap {position:relative; min-width:1200px; font-family:'NotoR';}
/** Header **/
Animation
#header #nav #gnb,
#header #nav #gnb ul li a span:after,
#header #nav #gnb ul li ul {transition : all 0.4s ease; -webkit-transition : all 0.4s ease;} 

#slide_map {display:none;}
#header {position:absolute; left:0; top:0; width:100%; height:auto; z-index:101; background:url('../images/common/bg_header.png') repeat-x left top;}
#header .headerWrap {position:relative; width:100%; min-width:1200px;}
.sub #header {position:absolute;}
/* 로고 */ 
#header h1.logo {position:absolute; left:50%; top:59px; margin-left:-600px; z-index:999;}
#header h1.logo a {display:block; background:url('../images/common/logo.png') no-repeat left top; width:227px; height:43px;}
#header h1.logo a span {position:absolute; left:-10000px; top:0; line-height:1px; font-size:1px; overflow:hidden; text-indent:-30000px;}
#header .mob_btn {display:none;}

/* top util 181018 */
#header .toputil {position:relative; width:1200px; height:40px; font-size:13px; margin:0 auto; z-index:10; }
#header .toputil:after {content:""; display:block; clear:both;}
#header .toputil .toputil_box {float:right; padding-right:60px;}
/* top_mn 181018 */
#header .toputil .top_mn {position:relative; height:40px; line-height:40px; overflow:hidden; float:left;}
#header .toputil .top_mn li {position:relative; padding-left:45px; float:left; }
#header .toputil .top_mn li:before {content:''; position:absolute; top:8px; left:16px; width:15px; height:20px; background:url('../images/common/com_common.png') no-repeat left top;}
#header .toputil .top_mn li:first-child:before {display:none;}
#header .toputil .top_mn li:first-child {padding-left:20px;}/* 190124 수정 */
#header .toputil .top_mn a {display:block; color:#e8e8e8;}
#header .toputil .top_mn .eng {padding-right:20px;}
#header .toputil .top_mn .eng a:before {content:''; position:absolute; top:15px; right:0; width:5px; height:8px; background:url('../images/common/com_common.png') no-repeat -17px top;}
#header .toputil .top_mn .popup {padding-right:20px;} 
#header .toputil .top_mn .popup a span.ico {position:absolute; right:0; top:17px; width:8px; height:5px;}
#header .toputil .top_mn .popup a.popup_open span.ico { background:url('../images/common/com_common.png') no-repeat -32px top;}
#header .toputil .top_mn .popup a.popup_close span.ico { background:url('../images/common/com_common.png') no-repeat -24px top;}

#header .nominate {height:40px; line-height:40px; float:left; padding:0 20px; text-align:center; background:#296db0;} /* 190124 총장임용 */
#header .nominate a {display:block; color:#fff; font-size:15px;} /* 190124 총장임용 */

/* 검색 181018 */
.search_btn {position:absolute; right:0; top:0;}
.search_btn button {display:block; width:40px; height:40px; text-indent:-10000px; background:url('../images/common/com_common.png') no-repeat -160px top}
.search {display:none; position:relative; width:240px; height:40px; float:left; margin:0 -20px 0 20px; z-index:200;}
.search h2 {position:absolute; top:-10000em; left:-10000em; }
.search .search_wrap {position:relative; width:240px; height:40px; z-index:2; overflow:hidden; background:#566b89;}
.search .cont_box {position:relative; display:block;}
.search .cont_box a.btn_top_sear {position:absolute; right:0; top:0; width:40px; height:40px; text-indent:-10000em; background:url('../images/common/com_common.png') no-repeat -160px top}
.search input {padding:0  0 0 5%; width:80%; height:40px; font-size:14px; line-height:40px; color:#e8e8e8; font-family:'NotoR'; border:none; background:none;}
.search input::-webkit-input-placeholder {color:#e8e8e8;}
.search_close {position:absolute; right:-40px; top:0; }
.search_close button {display:block; width:40px; height:40px; text-indent:-10000em; background:url('../images/common/com_common.png') no-repeat -450px top;}

/* 상단 SNS 버튼 */
.top_sns_btn {position:absolute; top:0; left:0; overflow:hidden;} /* 180917 수정 */
.top_sns_btn ul li {width:42px; height:42px; float:left; margin-right:10px;} /* 180917 수정 */
.top_sns_btn ul li a {display:block; height:42px;}
.top_sns_btn ul li a span {position:absolute; top:-10000em; left:-10000em; }
.top_sns_btn ul li.t_sns_f {background:url('../images/common/top_sns_tm_f.png') no-repeat 50%;} /* 180917 수정 */
.top_sns_btn ul li.t_sns_t {background:url('../images/common/top_sns_tm_t.png') no-repeat 50%;} /* 180917 수정 */
.top_sns_btn ul li.t_sns_b {background:url('../images/common/top_sns_tm_b.png') no-repeat 50%;} /* 180917 수정 */

#header #nav {position:relative; width:auto; height:80px; overflow:hidden;} /* 181018 */
#header #nav #blind {position:absolute; left:0; top:80px; width:100%; height:100%; z-index:1; background:url('../images/common/bg_tmn.png') repeat} /* 181018 */
#header #nav #gnb {position:relative; width:1200px; margin:10px auto 0; z-index:10;} /* 181018 */
#header #nav #gnb ul {height:auto; float:right;} /* 181018 */
#header #nav #gnb ul:after {content:""; display:block; clear:both;}
#header #nav #gnb > ul > li {position:relative; float:left; padding:0 35px;}
#header #nav #gnb > ul > li + li + li + li + li + li + li {display:none;}  /* 181018 */
#header #nav #gnb ul li a {display:block; text-align:center; font-family:'NotoM'; text-decoration:none;}
#header #nav #gnb ul li a span { display:inline-block; position:relative; vertical-align:top; font-size:20px; height:70px; line-height:60px; color:#222;}
#header #nav #gnb ul li a span:after {content:""; display:block; position:absolute; bottom:0; left:50%; width:0px; height:4px; }
#header #nav #gnb ul li a span font font {margin-top:15px; font-size:14px; width:90px; display:block; line-height:20px; }/* 181025 */
#header #nav #gnb ul li:first-child a span font font {margin-top:0; }/* 181025 */
#header #nav #gnb ul li a.ov span, #header #nav #gnb ul li a:hover span, #header #nav #gnb ul li a:active span {color:#00aeef;}
#header #nav #gnb ul li a.ov span:after, #header #nav #gnb ul li a:hover span:after, #header #nav #gnb ul li a:active span:after {width:50%; background:#00aeef; left:0; padding-left:50%; opacity:1; -webkit-opacity:1; filter:alpha(opacity=100);}
#header #nav #gnb ul li ul {position:absolute; left:0; top:70px; width:100%; padding:15px 0;}
#header #nav #gnb ul li ul.ov {background:#00488a;}
#header #nav #gnb ul li ul li:last-child {display:block;}
#header #nav #gnb ul li ul li {float:none; width:100%; margin:0;}
#header #nav #gnb ul li ul li a {display:block; vertical-align:top; font-family:'NotoR'; font-size:14px; line-height:22px; height:auto; padding:5px 15px; color:#d8ecff; text-align:left;}
#header #nav #gnb ul li ul li a strong {font-weight:normal;}
#header #nav #gnb ul li ul li a:hover, #header #nav #gnb ul li ul li a:active, #header #nav #gnb ul li ul li a.ov {text-decoration:underline; color:#fff;}
#header #nav #gnb ul li ul li ul {display:none !important;}

/* 새창 아이콘 181004 추가 */
#gnb #group .menuBox li > a[target='_blank']:after{display:inline-block; vertical-align:middle; position:relative; content:''; background:url('../images/common/icon_new_WW.png') no-repeat; width:11px; height:11px; margin:-2px 0 0 8px;}

.btn_top{ position:fixed; right:55px; bottom:127px; z-index:100}  /* 181018 */

/** Common **/
.js_mobile_check {display:none; position:absolute; left:0; top:-1000px; width:1px; height:1px; line-height:1px;}

/* 사이트링크 */
.footBtn {position:relative; font-size:14px; font-family:'NotoR';}
.footBtnWrap:after {display:block; visibility:hidden; clear:both; height:0; content:''}
.footBtn button {width:100%; height:45px;  line-height:45px; font-size:17px; color:#fff; border:none; background:#1a4788;}
.footBtn button span {padding-right:20px; background:url('../images/common/arr_orga.png') no-repeat right center;}
.footBtn div.foot_site {position:relative; display:block; width:1200px; margin:0 auto; overflow:hidden; background:url('../images/common/bg_f_link.png') repeat-y;}
.footBtn div.foot_site div {width:16%; float:left; margin:30px 2%; }
.footBtn div.foot_site div.f_site {position:absolute; left:60%; top:50%;}/* 190705 추가 */
.footBtn div.foot_site div h3 {font-size:16px; color:#000; font-family:'NotoM'; font-weight:normal;}
.footBtn div.foot_site div ul {margin-top:15px;}
.footBtn div.foot_site div ul li {font-size:14px; padding:2px 0;}
.footBtn div.foot_site div ul li a {display:block; color:#444; line-height:20px;}
.footBtn div.foot_site div ul li a:hover{color:#222; text-decoration:underline;}

/* footer */
.area_footer {position:relative; font-family:'NotoR'; background:url('../images/common/bg_f.png') repeat-x left top #f9f9f9;}
.box_footer {position:relative; width:1200px; margin:0 auto; padding-bottom:25px;}
.box_footer .f_logo {position:absolute; left:0; top:90px;}
.box_footer .footer_link {line-height:58px; overflow:hidden;}
.box_footer .footer_link li {float:left; margin-right:20px;}
.box_footer .footer_link li.point a{padding-left:0; color:#0080d2;}
.box_footer .footer_link li a font font {font-size:12px;}/* 181025 */
.box_footer .footer_link li a:hover{color:#222; text-decoration:underline;}
.box_footer .footer_link li.point a:hover{color:#1f55a3; text-decoration:underline;}

.box_footer .box_info {margin:25px 0 0 230px; line-height:20px; font-size:14px; color:#555;}
.box_footer .box_info address span {margin-left:20px;}
.box_footer .box_info .copyright {margin-top:5px; color:#999;}

/* 웹접근성마크 190704 */
.box_footer .mark{position: absolute; right:0; top:70px;}

/* 구글번역 181023 */
.gbSchlTrans {position:absolute; right:0; top:17px; font-family:'NotoR'; font-size:14px;}
.gbSchlTrans span {font-family:'NotoR'; font-size:13px;}

/********** Media quary **********/
@media screen and (max-width:1019px) {
	#wrap, #header, .headerWrap,
	#container, .area_footer, .box_footer,
	#gnb > li.others .m_util li,
	.box_search_2, .box_search_2 .box_search_2_1, .box_search_2 input,
	.area_footer .ft_site, .area_footer .ft_site .inner, .area_footer .ft_site ul, .area_footer .ft_site h2,
	.footBtnWrap, .footBtn button,
	.footBtn div,
	.footer_link {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
	
	/* 상단팝업 190704 삭제
	.toppopup_wrap{padding:10px 0 40px;}
	.toppopup_wrap .toppopup {width:820px;}
	.toppopup_wrap .toppopup h2.tpop_tit {height:40px; font-size:18px;}*/

	/* focus 
	.toppopup_wrap .toppopup .MC_box20 {width:300px; height:174px;}
	.popup_box .pop {height:134px;}
	.popup_box .pop li img {height:134px;}*/

	/* focus 190704 */
	.toppopup_wrap .toppopup {width:96%; padding:0 2%;}
	.toppopup_wrap .toppopup .MC_box20{height:auto;}
	.popup_box{ padding:0 0 50px;}
	.popup_box .pop{height:55px;}
	.popup_box .pop li {height:55px;}
	.popup_box .pop li img {height:100%;}
	.toppopup_wrap .closeCheck {right:2%; margin-right:0;}

	/* banner */
	.toppopup_wrap .toppopup .MC_box15 {width:500px; height:174px;}
	.bannerZone .obj {width:100%; height:134px; margin:0; }
	.bannerZone .obj li {margin:0 0 6px 0; padding:0 5px; width:50%; height:64px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
	.bannerZone .obj li img {height:64px;}
	
	#wrap { min-width:300px; width:100%}	
	.headerWrap, .box_footer {width:100%;}
	
	/** Header **/
	#header {min-width:320px; height:auto; background:none; }	
	/*#header .headerWrap {min-width:100%; height:120px; border-bottom:2px solid #00aeef; background:#fff} 190124 총장임용 끝나면 주석 풀어주세요 */
	#header .headerWrap {min-width:100%; height:120px; border-bottom:2px solid #00aeef; background:#fff} /* 190704 */
	#header #nav {display:none;}
	#header #nav #gnb ul li a span {font-size:22px;}
	#header #nav #gnb ul li ul li a {font-size:15px; line-height:20px;}
	
	#header h1.logo {position:absolute; left:50%; top:60px; margin:0 0 0 -100px;}
	#header h1.logo a {display:block; width:200px; height:38px; background:url('../images/common/m_logo.png') no-repeat center top;} /* 181018 */
	#header .mob_btn {display:block; position:absolute; right:2%; top:55px; border:1px solid #ddd; width:48px; height:48px; background:url('../images/common/com_common.png') no-repeat -302px top #fff;} /* 181018 */
	#header .mob_btn:hover, #header .mob_btn:active {border:1px solid #8e8e8e;}
	
	/* top util 181018 */
	#header .toputil {width:100%; font-size:13px; background:#435a7c;} /* 181018 */
	#header .toputil .toputil_box {float:none; padding-right:2%;} /* 181018 */
	#header .toputil .top_mn {float:right;} /* 181018 */

	#header .nominate {position:absolute; left:0; top:-40px; float:none; padding:0; width:100%;} /* 190124 총장임용 */
	#header .nominate a {display:block; color:#fff; font-size:15px;} /* 190124 총장임용 */

	/* 검색 181018 */
	.search_btn {left:2%; top:55px; width:50px; display:block; } /* 181018 */
	.search_btn button {border:1px solid #ddd; width:48px; height:48px; background-position:-254px top;}
	.search {position:absolute; top:120px; left:0; height:130px; width:96%; margin-left:0; padding:20px 2%; background:url('../images/common/bg_search_tm.png') repeat;}
	.search h2 {position:relative; top:auto; left:auto; color:#fff; font-size:30px; font-weight:normal; z-index:10;}
	.search .search_wrap {position:relative; width:100%; height:50px; margin-top:30px; border:none; border-radius:0; background:#fff; }
	.search .cont_box {padding-right:50px;}
	.search .cont_box a.btn_top_sear {top:0; right:0; width:50px; height:50px; background:url('../images/common/com_common.png') no-repeat -350px top #00378e;}
	.search input {margin:0; padding:0 10px; width:100%; height:50px; line-height:50px; color:#333;}
	.search input::-webkit-input-placeholder {color:#333;}
	.search_close{display:block; position:absolute; top:20px; right:2%; z-index:10;}
	.search_close button {width:50px; height:50px; border:1px solid #fff; text-indent:-10000px; background:url('../images/common/com_common.png') no-repeat -400px top;}

	/* 상단 SNS 버튼 */
	.top_sns_btn {top:0; right:auto; left:0; overflow:hidden;}
	.top_sns_btn ul li {width:34px; height:40px; margin-left:0;} /* 180904 수정 */
	.top_sns_btn ul li a {display:block; height:42px;}
	.top_sns_btn ul li a span {position:absolute; top:-10000em; left:-10000em; }
	.top_sns_btn ul li.t_sns_f {background:url('../images/common/top_sns_tm_f.png') no-repeat 50%;}
	.top_sns_btn ul li.t_sns_t {background:url('../images/common/top_sns_tm_t.png') no-repeat 50%;}
	.top_sns_btn ul li.t_sns_b {background:url('../images/common/top_sns_tm_b.png') no-repeat 50%;}

	/* 메뉴 */
	#slide_map {display:none; position:absolute; width:100%; height:100%; right:0; top:0; z-index:999; opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); overflow:hidden;} /* 181018 */
	#slide_map .box {position:absolute; right:-100%; top:0; width:100%; height:100%; background:#fff; z-index:10;} /* 181018 */
	#slide_map .box .title {display:block; position:absolute; width:100%; font-size:22px; line-height:28px; padding:12px 15px; min-height:28px; background:#0164cc; color:#fff; box-sizing:border-box;}
	#slide_map .box .binds {height:100%; overflow:hidden; background:#fff;}
	#slide_map .box ul {width:auto; height:auto; margin:0 3%; padding:60px 0 0 0;}
	#slide_map .box ul li {position:relative; } /* 181018 */
	#slide_map .box ul li a {display:block; position:relative; border-bottom:1px solid #cecece; color:#1e1e1e; text-decoration:none; }
	#slide_map .box ul li a span {display:block; font-size:18px; line-height:22px; font-weight:600; padding:14px 10px;}
	#slide_map .box ul li a:after {content:""; display:block; position:absolute; right:10px; top:50%; width:11px; height:7px; background:url(../images/common/mob_depth1_bul_down.gif) no-repeat center 50%; margin-top:-3px;}
	#slide_map .box ul li a.ov {border-bottom:1px solid #0164cc; color:#0164cc;}
	#slide_map .box ul li a.ov:after {background:url(../images/common/mob_depth1_bul_up.gif) no-repeat center 50%;}
	#slide_map .box ul li ul {display:none; margin:0; padding:8px 0; border-bottom:1px solid #cecece;}
	#slide_map .box ul li ul li a {border:0 !important; color:#444;}
	#slide_map .box ul li ul li a:hover, #slide_map .box ul li ul li a:active {text-decoration:underline;}
	/* 새창 아이콘 181004 추가 */
	#slide_map .box ul li ul li a[target='_blank'] strong:after{display:inline-block; vertical-align:middle; position:relative; content:''; background:url('../images/common/icon_new_WG.png') no-repeat; width:11px; height:11px; margin:-2px 0 0 8px;}

	#slide_map .box ul li ul li a strong {display:block; font-weight:normal; font-size:16px; line-height:22px; padding:8px 10px 8px 27px;} /* 181018 */
	#slide_map .box ul li ul li a strong:before {content:''; position:absolute; top:17px; left:15px; width:5px; height:5px; background:#b8b8b8; border-radius:3px;} /* 181018 */
	#slide_map .box ul li ul li a.ov {background:#25649e; color:#fff;} 
	#slide_map .box ul li ul li a.ov strong:before {content:''; position:absolute; top:17px; left:15px; width:5px; height:5px; background:#fff; border-radius:3px;} /* 181018 */
	
	#slide_map .box ul li ul li a:after {display:none;}
	#slide_map .box ul li ul li ul {display:none; background:#f7f7f7; border:0;}
	#slide_map .box ul li ul li ul li {}
	#slide_map .box ul li ul li ul li a {color:#555;}
	#slide_map .box ul li ul li ul li a strong {font-size:15px; line-height:19px; padding:5px 10px 5px 27px;}  /* 181018 */
	#slide_map .box ul li ul li ul li a strong:before {content:''; position:absolute; top:15px; left:15px; width:5px; height:2px; background:#b8b8b8; } /* 181018 */
	#slide_map .box ul li ul li ul li a.ov {color:#25649e; background:none;}
	#slide_map .box ul li ul li ul li a.ov strong:before {content:''; position:absolute; top:14px; left:15px; width:5px; height:2px; background:#25649e; } /* 181018 */
	#slide_map .box ul li ul li ul li ul {background:none; padding:0 0 5px 0;}
	#slide_map .box ul li ul li ul li ul li {}
	#slide_map .box ul li ul li ul li ul li a {color:#666;}
	#slide_map .box ul li ul li ul li ul li a strong {font-size:14px; line-height:18px; padding:3px 10px 3px 38px; background:url(../images/common/mob_depth4_bul.gif) no-repeat 27px 12px;}
	#slide_map .box ul li ul li ul li ul li a.ov {color:#666;}
	#slide_map .box ul li ul li ul li ul li a.ov strong {background:url(../images/common/mob_depth4_bul.gif) no-repeat 27px 12px; text-decoration:underline;}
	#slide_map .box .close {display:block; position:absolute; right:0; top:0; width:52px; height:52px; z-index:51; background:#014083; text-indent:-9999px;}
	#slide_map .box .close:after {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/common/slide_map_close.png) no-repeat center 50%; -webkit-transition: all .8s ease; transition: all .8s ease;}
	#slide_map .box .close:hover:after, #slide_map .box .close:active:after {-webkit-transform:rotate(270deg); transform:rotate(270deg);}
	#slide_map .blind {display:block; position:absolute; width:100%; height:100%; left:0; top:0; z-index:1; background:#000; opacity:0.75; -webkit-opacity:0.75; filter:alpha(opacity=75);}
	
	.sub #header {position:relative;}

	.btn_top{ right:2%; bottom:40px;}  /* 181029 */
	.btn_top img {width:40px; height:40px;}  /* 181029 */

	/* 사이트링크 */
	.footBtn div.foot_site {width:100%; background:none;}
	.footBtn div.foot_site div {width:33.3%; margin:0; padding:20px 2%; border-left:1px solid #eee; border-top:1px solid #eee;}
	.footBtn div.foot_site div.f_site {position:relative; left:auto; top:auto;}/* 190705 추가 */
	.footBtn div.foot_site div h3 {min-height:26px; background:url(../images/common/img_m_scroll.png) no-repeat right center;} /* 190307 스크롤 추가 */
	.footBtn div.foot_site div ul {height:100px; overflow-y:auto;}

	/* footer */
	.area_footer {border-top:1px solid #eee; background-image:none}
	.box_footer {width:96%}
	.box_footer .f_logo {display:none;}
	.box_footer .box_info {margin:25px 0 0 0;}
	.box_footer .footer_link {margin-top:10px; line-height:30px; overflow:hidden;}
	.box_footer .footer_link li {width:25%; margin:0;}
	.box_footer .footer_link li a {display:block; margin:2px; text-align:center; border:1px solid #eee; background:#fff;}

	/* 구글번역 181023 */
	.gbSchlTrans {top:45px; }
	

	/* 웹접근성마크 190704 */
	.box_footer .mark{top:85px;}

}

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

	/* 상단팝업 - focus + banner 190704 삭제
	.toppopup_wrap .toppopup {width:740px;}
	.toppopup_wrap .toppopup .MC_box20 {width:265px; height:165px; } 
	.popup_box .pop {height:123px;}
	.popup_box .pop li img {height:123px;}*/
	
	/* 190704 */
	.popup_box .pop{height:50px;}
	.popup_box .pop li {height:50px;}

	/* banner */
	.toppopup_wrap .toppopup .MC_box15 {width:440px; height:165px;}
	.bannerZone .obj {height:123px; }
	.bannerZone .obj li {height:45px; margin:0; }
	.bannerZone .obj li img {height:45px;}

}

@media screen and (max-width:768px) {
	
	/* 상단팝업 - focus + banner 190704 삭제 
	.toppopup_wrap .toppopup {width:660px;}
	.toppopup_wrap .toppopup .MC_box20 {width:237px; height:145px; } 
	.popup_box .pop {height:105px;}
	.popup_box .pop li img {height:105px;}
	*/

	.toppopup_wrap{padding:20px 0 0;}
	.popup_box .pop li{width:100%; text-align:center;}
	/* 190704 */
	.popup_box .pop{height:75px;}
	.popup_box .pop li {height:75px;}

	/* banner */
	.toppopup_wrap .toppopup .MC_box15 {width:390px; height:145px;}
	.bannerZone .obj {height:105px; }
	.bannerZone .obj li {height:auto; margin:0 0 3px 0;}
	.bannerZone .obj li img {height:51px;}
	
	/* 사이트링크 */
	.footBtn div.foot_site div {width:50%;}

	/* footer */
	.box_footer .footer_link li {width:33.3%;}

	/* 구글번역 181023 */
	.gbSchlTrans {top:80px; }
	
	/* 웹접근성마크 190704 */
	.box_footer .mark{top:115px; right:30px;}

}

@media screen and (max-width:690px) {
	
	/* 상단팝업 - focus + banner 190704 삭제
	.toppopup_wrap .toppopup {width:590px;}
	.toppopup_wrap .toppopup .MC_box20 {width:100%; height:auto; float:none;}
	.popup_box .pop {height:260px;}
	/*.popup_box .pop li img {height:260px;}*/

	/* banner */
	.toppopup_wrap .toppopup .MC_box15 {width:100%; height:201px; margin-top:20px; float:none;}
	.bannerZone .obj {height:158px; }
	.bannerZone .obj li {height:auto; margin:0 0 8px 0;}
	.bannerZone .obj li img {height:65px;}

}

@media screen and (max-width:640px) {
	
	
	/* 상단팝업 - focus + banner 190704 삭제
	.toppopup_wrap .toppopup {width:540px;}
	.toppopup_wrap .toppopup h2.tpop_tit {height:30px; font-size:18px;}
	.popup_box .pop {height:239px;}
	.popup_box .pop li img {height:239px;}
	.popup_box .control .control_num {right:25px; height:20px;}
	.popup_box .control .control_num a {padding:0 5px; line-height:19px; font-size:14px;}
	.popup_box .control > a.play {width:20px; height:20px; background:url('../images/common/com_btn_pop_play.png') no-repeat left top; background-size:20px;} 
	.popup_box .control > a.stop {width:20px; height:20px; background:url('../images/common/com_btn_pop_stop.png') no-repeat left top; background-size:20px;}	*/

	/* 190704 */
	.popup_box .pop{height:60px;}
	.popup_box .pop li {height:60px;}

	/* banner */
	.toppopup_wrap .toppopup .MC_box15 {height:auto;} 
	.bannerZone .obj {height:144px; }
	.bannerZone .obj li {margin:0 0 6px 0; padding:0 3px;}
	.bannerZone .obj li img {height:69px;}

	/* banner 컨트롤 190319 */
	.bannerZone .control a {width:20px; height:20px;}
	.bannerZone .control a.prev {right:44px; background:url('../images/common/com_btn_pop_prev.png') no-repeat left top; background-size:20px;}
	.bannerZone .control a.next {right:0; background:url('../images/common/com_btn_pop_next.png') no-repeat left top; background-size:20px;}
	.bannerZone .control a.play {right:22px; background:url('../images/common/com_btn_pop_play.png') no-repeat left top; background-size:20px;} 
	.bannerZone .control a.stop {right:22px; background:url('../images/common/com_btn_pop_stop.png') no-repeat left top; background-size:20px;}
	
	/* 웹접근성마크 190704 */
	.box_footer .mark img {width:60px; height:auto;}


}

@media screen and (max-width:560px) {	
	
	/* 상단팝업 - focus + banner 190704 삭제 
	.toppopup_wrap .toppopup {width:460px;} 
	.popup_box .pop {height:203px;}
	.popup_box .pop li img {height:203px;}*/

	.bannerZone .obj {height:124px; }
	.bannerZone .obj li {margin:0 0 4px 0; padding:0 2px;}
	.bannerZone .obj li img {height:60px;} 
	
	/* footer */
	.box_footer .footer_link li {width:50%;}
	.box_footer .box_info address span {display:block; margin-left:0;}

	/* 구글번역 181023 */
	.gbSchlTrans {top:115px; }
		
}

@media screen and (max-width:500px) {
	
	/* 상단팝업 - focus + banner 190704 삭제
	.toppopup_wrap .toppopup {width:420px;}
	.popup_box .pop {height:186px;} 
	.popup_box .pop li img {height:186px;}*/

	/* 190704 */
	.popup_box .pop{height:50px;}
	.popup_box .pop li {height:50px;}

	.bannerZone .obj {height:112px; }
	.bannerZone .obj li img {height:54px;} 

}

@media screen and (max-width:440px) {
	
	/* top_mn 181022 */
	#header .toputil .top_mn li {padding-left:20px;}
	#header .toputil .top_mn li:before {top:15px; left:10px; width:1px; height:10px; background:#72839c;}

	/* 상단팝업 - focus + banner 190704 삭제
	.toppopup_wrap .toppopup {width:360px;}
	.popup_box .pop {height:156px;}
	.popup_box .pop li img {height:156px;} */

	.bannerZone .obj {height:96px; }
	.bannerZone .obj li img {height:46px;} 

	
}


@media screen and (max-width :380px) {
	
	#header h1.logo {top:62px; margin:0 0 0 -90px;}
	#header h1.logo a {width:180px; height:34px; background-size:auto 34px; }

	/* 상단팝업 - focus + banner 190704 삭제
	.toppopup_wrap .toppopup {width:300px;}
	.popup_box .pop {height:133px;}
	.popup_box .pop li img {height:133px;} */

	/* 190704 */
	.popup_box .pop{height:40px;}
	.popup_box .pop li {height:40px;}

	.bannerZone .obj {height:82px; }
	.bannerZone .obj li img {height:39px;} 


}