@charset "utf-8";


/* 본고딕 */



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


/* HTML5 요소 브라우져 인식 */
article, aside, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
mark {background: #FF0; color: #000}
body{font-family:Malgun Gothic, nanumgothic,dotum,sans-serif;}

body, input, textarea, select, button, table, h1, h2, h3, h4, h5{font-size:14px; line-height:1.286em;}

:focus-visible{
	outline:3px dotted red !important;
}

/* reset */ 
* { margin:0; padding:0; word-break:break-all;}
h1, h2, h3, h4, h5, h6 { font-weight:Normal;}
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:1em;}
.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;}

.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;}
.colblue {color:#0054a6 !important;}
.colred {color:#e60013 !important;}
.colorange {color:#f26522 !important;}
.colgreen {color:#f26522 !important;}
.underline {text-decoration:underline;}
.inblk {display:inline-block;}

/* 플롯시 컨텐츠 공백 해결 */
.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:'NanumBold'; 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}

/* 레이아웃 및 헤더 */
#wrap {position:relative;min-width:1400px; font-family:'NotoR';z-index:1; }
/** Header **/
/* Animation */
#header h1.logo,
#header h1.logo a,
#header .mob_btn,
#header .toputil,
#header .nation,
#header .nation .btn,
#header .toputil .site_code,
#header .toputil .sitemap .topbtn,
#header .toputil .totalsearch .topbtn,
#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; top:0; left:0; width:100%; height:auto; z-index:101; background:#fff;}
#header .headerWrap {position:relative; width:100%; min-width:1400px}
.sub #header {position:absolute;}	
/* 로고 */ 
#header h1.logo {position:absolute; left:13%; top:14px; z-index:999;}
#header h1.logo a {display:block; background:url('/images/web/kcg/common/logo.png') no-repeat left top; width:181px; height:50px; float:left;}
.government_logo { display: inline-block; float: left; padding-left: 2px; line-height: 55px; }
.government_logo img { width: 80px; height: 65px; }
.government_logo_sub { display: inline-block; float: left; padding-right: 5px; /* line-height: 80px; margin-right:70px; */ }
/* .government_logo_sub img { width: 142px; } */
#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;}

/* #header h1.government_logo {height:0px; position:absolute; left:15%; top:8px; z-index:999;}
#header .headerWrap .government_logo img {width:80px; height:70px;}  */

#header #nav {position:relative; width:auto; height:80px; padding:0 3%; overflow:hidden; border-bottom:1px solid #ddd}
#header #nav #blind {position:absolute; left:0; top:80px; width:100%; height:100%; background:#fff; z-index:1; border-top:1px solid #ddd;}
#header #nav #gnb {position:relative; width:auto; margin:0 250px 0 25%; z-index:10}
#header #nav #gnb ul {width:100%; height:auto;}
#header #nav #gnb ul:after {content:""; display:block; clear:both;}
#header #nav #gnb ul li {float:left; width:16%;}
#header #nav #gnb ul li a {display:block; text-align:center; text-decoration:none;}
#header #nav #gnb ul li a span { display:inline-block; position:relative; vertical-align:top; font-size:24px; height:55px; padding:25px 0 0 0; line-height:30px; color:#222; font-weight:600;}
#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.ov span, #header #nav #gnb ul li a:hover span, #header #nav #gnb ul li a:active span {color:#0164cc;}
#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:#0164cc; left:0; padding-left:50%; opacity:1; -webkit-opacity:1; filter:alpha(opacity=100);}
#header #nav #gnb ul li ul {width:auto; padding:15px 14%; margin-top:1px;}
#header #nav #gnb ul li ul.ov {background:#ecf2f5;}
#header #nav #gnb ul li ul li:last-child {display:block;}
#header #nav #gnb ul li ul li {float:none; width:auto; margin:3px 0 0 0;}
#header #nav #gnb ul li ul li a {display:inline-block; vertical-align:top; font-size:16px; line-height:22px; height:auto; padding:5px 0; color:#444; 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:#0164cc;}
#header #nav #gnb ul li ul li ul {display:none !important;}

#header .toputil {position:absolute; right:13%; top:0; height:81px; z-index:10; padding-right:160px;}
#header .toputil:after {content:""; display:block; clear:both;}

#header .toputil2 {position:absolute; right:3%; top:0; height:42px; z-index:10; padding-right:190px;}
#header .toputil2:after {content:""; display:block; clear:both;}
/* 국가상징 */
#header .nation {position:relative; width:100px; height:42px; background:url('/images/web/kcg/common/nation.png') no-repeat 0; text-align:center; float:left;}
#header .nation a { display:block; padding-left:50px; font-size:12px; line-height:15px; margin-top:5px}
/* 언어 */
#header .toputil .site_code { position:relative; float:left; margin:20px 10px 0 10px; font-size:13px}
#header .toputil .site_code h3 { font-family:'NotoR'; font-size:13px}
#header .toputil .site_code button { display:block; width:80px; height:30px; text-align:left; overflow:hidden; color:#0090ff; background:url('/images/web/kcg/common/utill_arrow.gif') no-repeat right 13px}
#header .toputil .site_code ul { display:none; position:absolute; top:45px; width:80px; right:0; border:1px solid #d1d8e4; border-top:0; z-index:99}
#header .toputil .site_code ul li { letter-spacing:0; border-top:1px solid #d1d8e4; }
#header .toputil .site_code li:first-child a,
#header .toputil .site_code ul li a { display:block; padding:8px 7px; font-size:11px; background:#fff; color:#111;  }
#header .toputil .site_code ul li a:hover,
#header .toputil .site_code ul li a:focus,
#header .toputil .site_code ul li a:active { background:#0090ff; color:#fff;}

/* 사이트맵 */
#header .toputil .sitemap {position:absolute; right:80px; top:0;}
#header .toputil .sitemap .topbtn {position:relative; display:block; width:80px; height:81px; text-align:center; background:#797d83 url('/images/web/kcg/common/sitemap_ico.png') no-repeat 50% 20px}
#header .toputil .sitemap .topbtn span { position:absolute; bottom:10px; left:9px; font-size:13px; color:#fff}

/* 검색 */
#header .toputil .totalsearch {position:absolute; right:0; top:0;}
#header .toputil .totalsearch .topbtn {position:relative; display:block; width:80px; height:81px; text-align:center; background:#ffce23 url('/images/web/kcg/common/totalsearch_ico.png') no-repeat 50% 15px; z-index:10;}
#header .toputil .totalsearch .topbtn.on {background:#797d83 url('/images/web/kcg/common/totalsearch_close.png') no-repeat 50% 15px}
#header .toputil .totalsearch .topbtn span { position:absolute; bottom:10px; left:15px; font-size:13px; color:#fff}
#header .toputil .totalsearch .input {display:none; position:absolute; right:0; top:0; width:190px; height:81px; padding:0 60px 0 10px; background:#0062ca; z-index:5; opacity:0; -webkit-opacity:0; filter:alpha(opacity=0);}
#header .toputil .totalsearch .input input[type="text"] {width:100%; height:81px; line-height:81px; font-size:16px; font-family:NotoL; border:0; padding:0; color:#fff; background:none}
#header .toputil .totalsearch .input input[type="submit"] {position:absolute; right:0; top:0; text-indent:-9999px; overflow:hidden; width:80px; height:81px; display:block; background: url(/images/web/kcg/common/totalsearch_ico2.png) no-repeat center 50%; border:0; cursor:pointer}
#header .toputil .totalsearch .input input[type="text"]::-webkit-input-placeholder {color:#fff;}
#header .toputil .totalsearch .input input[type="text"]:-moz-placeholder {color:#fff;}
#header .toputil .totalsearch .input input[type="text"]::-moz-placeholder {color:#fff;}
#header .toputil .totalsearch .input input[type="text"]:-ms-input-placeholder {color:#fff;}

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

/* 로고 */
.headerWrap .logo {position:absolute; top:77px; left:0; z-index:30;}

/* 해양경찰청 바로가기 */`
.headerWrap .btn_central {position:absolute; top:13px; left:0; width:135px; padding-right:15px; line-height:32px; text-align:center; font-size:14px; background:#128dd3 url('/images/web/kcg/common/btn_arrow.png') no-repeat 135px center;}
.headerWrap .btn_central a {color:#fff}
	
/* 국가상징 알아보기 */
.headerWrap .btn_taegeukgi {position:absolute; top:11px; right:0; height:36px; line-height:14px; padding:3px 0 0 62px; color:#4d4b4c; font-size:11px; letter-spacing:-1px; background:url("/images/web/kcg/common/img_taegeukgi.png") no-repeat left top; z-index:99;}

/* footer */
.area_footer {position:relative; font-family:'NotoR'; border-top:1px solid #d1d8e4; background:url('/images/web/kcg/common/bg_f.png') no-repeat 50% 0}
.box_footer {position:relative; width:1400px; margin:0 auto; padding-bottom:25px;}
/* 관련사이트 */
.box_footer .ft_site {height:57px; line-height:57px; overflow:hidden; background:url('/images/web/kcg/common/ft_sbg.png') no-repeat 0 0}
.box_footer .ft_site h2 {position:absolute; left:0; top:0; width:160px; float:left; line-height:58px; font-family:'NotoM'; font-size:17px; letter-spacing:-1px}
.box_footer .ft_site ul {padding-left:155px; overflow:hidden; float:left}
.box_footer .ft_site ul li {float:left; text-align:center; font-size:14px; letter-spacing:-1px; padding:0 18px; background:url('/images/web/kcg/common/bg_sl_line.png') no-repeat left center;}
.box_footer .ft_site ul li:first-child {background:none;}
.box_footer .ft_site ul li a {color:#fff;}
.box_footer .ft_site ul li a:hover, 
.box_footer .ft_site ul li a:focus,
.box_footer .ft_site ul li a:active {color:#fff799; }
.box_footer .ft_site ul li.bg1 { position:absolute; right:133px;}/* 180720 */
.box_footer .ft_site ul li.bg2 {position:absolute; right:0;}/* 180720 */

/* 사이트링크 
20230915 웹접근성 심사로 인한 margin-top 0.5씩 추가 
심사 종료 후 제거 226 228 
*/
.footBtnWrap { height:50px; font-size:14px;}
.footBtnWrap:after {display:block; visibility:hidden; clear:both; height:0; content:''}
.footBtn {position:relative; width:16.66%;  float:left}
.footBtn button {width:100%; height:50px; line-height:50px; padding-left:20px; font-size:15px; text-align:left; color:#0c0c0c; border-right:1px solid #797d83; background:url('/images/web/kcg/common/btn_link_more.png') no-repeat 90% 50%;}
.footBtnWrap div:first-child button {border-left:1px solid #797d83; }
.footBtn div { display:none; position:absolute; bottom:50px; left:-1px; width:100%; max-height:258px; border:1px solid #2d353e; border-bottom:0; overflow-y:auto; z-index:10000;}
.footBtn ul li {font-size:13px; border-top:1px solid #5d6a77; margin-top: 1px; margin-bottom: 1px;}
.footBtn ul li strong {display:block; padding:7px 10px; color:#fff799; opacity:1; background:#02143f;}
.footBtn ul li:first-child {border:0; margin-bottom: 1px;}
.footBtn ul li ul {border-top:1px solid #5d6a77;}
.footBtn ul li a {display:block; padding:7px 10px; overflow:hidden; color:#d4dde7; opacity:0.9; background:#02143f;}
.footBtn ul li a:hover, 
.footBtn ul li a:focus,
.footBtn ul li a:active {opacity:1; color:#fff;}

.box_footer .f_logo {position:absolute; left:0; top:138px;}

/* 푸터 메뉴 */
.footer_link {position:relative; height:40px; line-height:40px; margin:20px 0 0 90px; z-index:10;}
.footer_link button {display:none;}
.footer_link li {float:left; }
.footer_link li a {display:block; padding:0 12px 0 14px; font-family:'NotoR'; font-size:14px; color:#555; background:url('/images/web/kcg/common/footer_dot.png') no-repeat left center;}
.footer_link li.point a{padding-left:0; color:#0080d2; background-image:none;}

.box_footer .box_info {margin-left:90px; line-height:20px; font-size:13px; color:#555;}
.box_footer .box_info .copyright {margin-top:5px; color:#505050;}

.f_img {position:absolute; right:0; top:156px;}
.f_img img {margin-left:20px;}

/***************** 테블릿 및 모바일에서 아이프레임 감추기 ***************************/
.message_link {display:none; padding:30px; color:#111; text-align:center;}


/********** Media quary **********/
@media screen and (max-width:1600px) {
	/* #header .headerWrap .government_logo {position:absolute; left:60%; top:30px; z-index:999;} */
	#header .headerWrap .government_logo img {width:35px; height:35px;} 
	.government_logo_sub {display:none;}
}

@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}
	
	#wrap { min-width:300px; width:100%}	
	
	.headerWrap, .box_footer {width:100%;}
	
	/** Header **/
	#slide_map {display:none; position:absolute; width:100%; height:100%; left:0; top:0; z-index:999; opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); overflow:hidden;}
	#slide_map .box {position:absolute; right:-100%; top:0; width:100%; height:100%; background:#fff; z-index:10;}
	#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 {}
	#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/web/kcg/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/web/kcg/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 {}
	#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;}
	#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; background:url(/images/web/kcg/common/mob_depth2_bul_off.gif) no-repeat 15px 18px;}
	#slide_map .box ul li ul li a.ov {background:#25649e; color:#fff;} 
	#slide_map .box ul li ul li a.ov strong {background:url(/images/web/kcg/common/mob_depth2_bul_on.gif) no-repeat 15px 18px;}
	#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; background:url(/images/web/kcg/common/mob_depth3_bul_off.gif) no-repeat 18px 12px;} 
	#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 {background:url(/images/web/kcg/common/mob_depth3_bul_on.gif) no-repeat 18px 12px;}
	#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/web/kcg/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/web/kcg/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/web/kcg/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;}
	
	#header {position:fixed;  min-width:320px; height:auto; background:none; }	
	#header .headerWrap { min-width:100%; height:81px; border-bottom:1px solid #eaeaea;  background:#fff}
	#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 .headerWrap .logo {left:50%; top:50%; margin:-27px 0 0 -115px;}
	#header .mob_btn {display:block; position:absolute; left:2%; top:15px; border:1px solid #ddd; width:48px; height:48px; background:#fff url(/images/web/kcg/common/mob_btn_bg.png) no-repeat center 50%;}
	#header .mob_btn:hover, #header .mob_btn:active {border:1px solid #8e8e8e;}
	
	#header .toputil {padding-right:160px;}
	/* 국가상징 */
	#header .nation {display:none;}
	/* 언어 */
	#header .toputil .site_code { position:absolute; top:20px; right:55px; float:none; margin:0;}	
	/* 사이트맵 */
	#header .toputil .sitemap { display:none}
	/* 검색 */	
	#header .toputil .totalsearch {position:absolute; right:0; top:15px; overflow:visible; width:100%}
	#header .toputil .totalsearch .topbtn { position:absolute; right:0; top:0; width:48px; height:48px; background-position:50% 12px !important}
	#header .toputil .totalsearch .topbtn span { text-indent:-999em}
	#header .toputil .totalsearch .input {position:absolute; right:0 !important; top:80px; width:100%; height:54px; padding:0; }
	#header .toputil .totalsearch .input form {display:block; position:relative; padding:0 54px 0 10px}
	#header .toputil .totalsearch .input input[type="text"] {width:100%; height:54px; line-height:54px;}
	#header .toputil .totalsearch .input input[type="submit"] {top:0; width:54px; height:54px;}

	
	/** Footer **/
	.area_footer { background:none}
	.box_footer {width:100%}
	
	/* 관련사이트 */
	.box_footer .ft_site {height:auto; line-height:30px; overflow:hidden; background-color:#031e5f}
	.box_footer .ft_site h2 { left:5%; line-height:55px; float:none; background:url('/images/web/kcg/common/bg_sl1.png') no-repeat left center; }
	.box_footer .ft_site ul {margin:10px 0 10px 40px;}
	.box_footer .ft_site ul li {width:33.33%; float:left; padding:0 3%; font-size:14px; letter-spacing:-1px; text-align:left; background:url('/images/web/kcg/common/bu_mt_gnb.png') no-repeat left 13px; box-sizing:border-box}
	.box_footer .ft_site ul li:first-child { background:url('/images/web/kcg/common/bu_mt_gnb.png') no-repeat left 13px;}
	.box_footer .ft_site ul li.bg1 { position: relative; right: auto}/* 180720 */
	.box_footer .ft_site ul li.bg2 { position: relative; right: auto}/* 180720 */
	
	/* 사이트링크 */
	.footBtnWrap { height:108px}
	.footBtn {width:33.33%; background-color:#f1f4f9}
	.footBtn button {border-bottom:1px solid #3e4f78;}
	.footBtnWrap div:first-child button {border-left:0}
	.footBtnWrap div:nth-child(3) button, .footBtnWrap div:nth-child(6) button {border-right:0;}
	
	.box_footer .f_logo {display:none;}

	/* 푸터 메뉴 */
	.footer_link {height:auto; line-height:30px; margin:10px 5% 0; overflow:hidden;}

	.box_footer .box_info {margin:10px 0 0 20px;}
	
	.f_img {position:relative; right:auto; top:auto; bottom:auto; text-align:center; margin:10px 0 0 0;}
	.f_img img {margin-left:0;}
	
	/***************** 테블릿 및 모바일에서 아이프레임 감추기 ***************************/
	.iframe_link {display:none;}
	.iframe {min-height:100px; width:100%; border:1px solid #ddd; font-size:12pt; line-height:25px; color:#dc3b70}
	.message_link {display:block}
		

}

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

@media screen and (max-width:768px) {
	
	
	/* 관련사이트 */
	.box_footer .ft_site ul {margin:65px 20px 10px; padding:0;}
	.box_footer .ft_site ul li { width:50%}
	
	
}

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

}

@media screen and (max-width:560px) {	
	
	/* 언어 */
	#header .toputil .site_code h3 { display:none}
	#header .toputil .site_code button { width:30px; background:none}
	#header .toputil .site_code ul { top:28px}
		
}

@media screen and (max-width:480px) {
	
	#header .headerWrap .logo { top: 50%; margin: -27px 0 0 -91px; }
	.government_logo { line-height: 38px; }
	.government_logo img { width: 38px; height: 30px; }
	.government_logo_sub {display:none;}
	#header .headerWrap .logo a {width:120px; background-size:100% auto;}	

	/* 검색 */
	#header .toputil .totalsearch .input { width:80%}
	#header .toputil .totalsearch .input input[type="text"] {font-size:13px; padding-left:10px}
	
	/* 사이트링크 */
	.footBtnWrap { height:auto}
	.footBtn {width:100%}
	.footBtn button {border-bottom:1px solid #3e4f78; border-right:0 !important; border-left:0 !important}
	.footBtnWrap div:nth-child(3) button, .footBtnWrap div:nth-child(6) button {border-right:0;}
	
	/* 푸터 메뉴 */
	.footer_link li a { background-image:none; padding-left:0}
	
}

@media screen and (max-width :380px) {
	
	/* 관련사이트 */
	.box_footer .ft_site ul li { width:100%}
}

/* 전자전부 공식웹사이트 안내영역 */
.ev_box {
    width: 100%;
    height: 42px;
    background-color: #fff;
    border-bottom: groove;
    border-bottom-width: thin;
}

.logo_gover {
    display: flex;
    height: 100%;
    align-items: center;
    padding-left: 50px;
    font-size: inherit;
    background-image: url(/images/web/kcg/common/e-government.svg);
    background-repeat: no-repeat;
    background-position: center left;
    max-width: 1355px;
    margin: 0 auto;
}

.gover_t {
    font-size: 14px;
    color: #000;
}

.container{
	height: 51px;
}

.top-header {
    display: block;
    position: relative;
    height: 50px;
}

.top-header .gov-info {
    float: left;
    font-size: 13px;
    line-height: 50px;
}

.top-header .go-link {
    display: block;
    float: right;
}

.top-header .go-link ul {
    display: flex;
    height: 50px;
    align-items: center;
}

.top-header .go-link ul li {
    height: 35px;
    margin: 7.5px 10px;
}

.nation-symbol {
	display-inline : block;
	
}