@charset "utf-8";

#wrap{ position:relative; min-width:1200px; min-height:100%; overflow:hidden; font-family:Malgun Gothic, '맑은고딕', sans-serif;}

/*배경그림자*/
#shadow_device {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:1000; background:#000; opacity:0.7; }
/*터치영역*/
#touchArea {display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:880;}
/*모바일메뉴*/
#topmenu{ display:none; overflow-y:auto; overflow-x:hidden; position:absolute; top:0; right:-230px; width:230px; height:100%; background:#404142; z-index:1002; box-shadow:0px 0px 10px #333;}

/*헤더*/
.gnb_box_top {position:fixed; top:-80px; z-index:1200; }
#header { position:relative; width:100%; height:161px; background:url('/images/org/web/ghchild/common/bg_header.png') repeat-x; z-index:999;}
#snb {position:relative; width:1200px; margin:0 auto;}
#snb h1 { position:absolute; top:56px; left:0}

/* 왼쪽상단_바로가기 */ 
.top_link { position:absolute; top:0; left:0; font-size:13px;}
.top_link ul li { float:left}
.top_link ul li a { display:block; color:#1076be; height:34px; line-height:32px; padding:0 15px; border-bottom:1px solid #dedede; border-right:1px solid #dedede;}
.top_link ul li:first-child a { border-left:1px solid #dedede; border-bottom:1px solid #fff; background:#fff}

/* 사용자메뉴 & 언어 */
.util_mn {position:absolute; right:0; top:0; font-size:13px;}
.util_link { float:left; overflow:hidden;}
.util_link li { float:left; margin:0 10px}
.util_link li a {display:block; color:#666; height:35px; line-height:33px}

/* 언어 */
.site_code { position:relative; float:right; margin-top:5px}
.site_code button { text-align:left; display:block; width:110px; height:25px; color:#555454; padding:2px 0 4px 10px; border:1px solid #dedede; background:#fff url('/images/org/web/ghchild/common/btn_lang_arrow.png') no-repeat 90% 50%}
.site_code ul { display:none; position:absolute; top:24px; width:108px; right:0; border:1px solid #dedede; border-top:0; z-index:99}
.site_code ul li {border-top:1px solid #dedede; }
.site_code li:first-child a, .site_code ul li a { display:block; padding:5px 7px; font-size:11px; background:#fff; color:#111;  }
.site_code ul li a:hover, .site_code ul li a:focus, .site_code ul li a:active { background:#1076be; color:#fff; text-decoration:none}

/* 검색 */
.search_btn {display:none; position:absolute; left:2.5%; top:13px;}
.search_btn button, .search button, .search .cont_box button, .search_close button{font-size:0; line-height:0; text-indent:-10000px;}
.search_btn button {width:50px; height:50px; background:#003663 url('/images/org/web/ghchild/common/totalsearch_ico2.png') no-repeat 50%; background-size:34px auto}
.search {position:absolute; top:54px; left:50%; width:400px; height:42px; margin-left:-200px; z-index:200;}
.search .search_wrap {position:relative; width:394px; height:36px; color:#5b5a5a; border:3px solid #3ea500; border-radius:30px; background:#fff; z-index:2; overflow:hidden;}/*190116*/
.search .cont_box {position:relative; display:block;}
.search .cont_box button {position:absolute; top:0; right:7px; width:36px; height:36px; background:url('/images/org/web/ghchild/common/btn_search_w.png') no-repeat 50% 50%}
.search input {margin: 1px 10px 0 10px;padding:0;width: 60%;height:32px;font-size:14px;line-height:30px;color:#5b5a5a;border:0;background-color:#fff;}
.search_close{display:none; position:absolute; top:-67px; left:2.5%; z-index:10;}
.search_close button {width:50px; height:50px; background:#003663 url('/images/org/web/ghchild/common/totalsearch_close.png') no-repeat 50%}
.search .cont_box img{margin-left: 10px;width: 22%;}
 
/* 메뉴 */
#gnb {position:absolute; top:115px; left:0; width:100%; z-index:52; background:#fff; border-bottom:1px solid #80af00} /* 181211 수정 */
#gnbwrap {background:url('/images/org/web/ghchild/common/bg_menu.png') repeat-x}
#animate {position:relative; width:1400px; height:46px; margin:0 auto; z-index:10; overflow:hidden;}
#tnb {position:relative; padding-right:1px;}
#tm{ display:table; width:100%; padding-left:1px; background:url('/images/org/web/ghchild/common/menu_line.png') no-repeat left 46px;}
#tm:after { content:""; clear:both; display:table}

#tm li.th1 {text-align:center; width:14.5%; display:table-cell; background:#fff url('/images/org/web/ghchild/common/menu_line.png') no-repeat right 46px;}
#tm li.th1.on {background:#f2f4f7 url('/images/org/web/ghchild/common/menu_line.png') no-repeat right 46px;}
#tm li.th1:first-child { width:auto}
#tm li.th1 a.th1_lnk {display:block; background-color:#80af00; font-weight:bold; font-size:17px; color:#fff; height:46px; line-height:44px;}
#tm li.th1 a.current, #tm li.th1 a:hover {text-decoration:none; color:#fff799;}
#tm li ul.th2 {padding:8px 0 12px; text-align:left; font-size:13px;}
#tm li ul.th2 li {line-height:22px; position:relative; padding-right:1px; word-break:keep-all}
#tm li ul.th2 li a.th2_link {display:block; color:#333; padding:3px 12px 5px;}
#tm li ul.th2 li a:hover{background-color:#dbe1eb; text-decoration:none; }
#tm li ul.th2 li a.ov{ background-color:#55aade; color:#fff; font-weight:bold; text-decoration:none; }

/* 3차메뉴 추가 */  
#tm li ul.th3 { display:none; padding:6px 0; font-size:12px; border-bottom:1px solid #ddd;}
#tm li li:last-child ul.th3 {border-bottom:0;}
#tm li ul.th3 li {line-height:18px;}
#tm li ul.th3 li a.th3_link { background:url('/images/org/web/ghchild/common/snb_btn_dot.gif') no-repeat 15px 11px; display:block; color:#666; padding:3px 12px 3px 24px}
#tm li ul.th3 li a.ov, #tm li ul.th3 li a:active, #tm li ul.th3 li a:hover{ background-color:transparent; color:#36C; text-decoration:underline; font-weight:bold}
/* 2차메뉴 아이콘 */  
#tm li ul.th2 li.row > a:after{display:block; position:absolute; content:'';}
#tm li ul.th2 li.row > a:after{background:url('/images/org/web/ghchild/common/icon_arrow_off.png') no-repeat; width:5px; height:8px; right:13px; top:12px;}
#tm li ul.th2 li.on > a:after{ background:url('/images/org/web/ghchild/common/icon_arrow_on.png') no-repeat; width:8px; height:5px; right:12px; top:14px;}
/* 새창 아이콘 */
#tm li > a[target='_blank']:after{display:inline-block; vertical-align:middle; position:relative; content:''; background:url('/images/org/web/ghchild/common/icon_blank.png') no-repeat; width:11px; height:11px; margin:-1px 0 0 8px;}

/* SNS & 사용자메뉴 */
#topmenu .mobile_global {overflow:hidden; }
#topmenu .mobile_global .mt_global {padding:10px 0; background:#252627;}
#topmenu .mobile_global .mt_global a {display:block; margin:3px 20px; text-align:center; line-height:30px; color:#fff; border:1px solid #000;} 

/* 모바일 */
.nav_mobile {display:none; position:absolute; top:13px; right:2.5%;}
.nav_mobile a {display:block; width:50px; height:50px; background:#1ba3c8 url('/images/org/web/ghchild/common/btn_sitemap.png') no-repeat 50%;}
.nav_mobile a span { position:absolute; top:-9999px; left:0; overflow:hidden; height:0; font-size:0; }

.nav_mobile_close{display: none; position: absolute; right:2.5%; top:13px; z-index: 9999;}
.nav_mobile_close a { display:block; width:50px; height:50px; background:#1ba3c8 url('/images/org/web/ghchild/common/slide_map_close.png') no-repeat 50%;}
.nav_mobile_close a span { position:absolute; top:-99999px; left:0; overflow:hidden; height:0; font-size:0; }

#topmenu {display:none;}
#gnb_device > li {border-bottom:1px solid #252627; background:#404142; }
#gnb_device > li > a { display:block; height:22px; padding:14px 18px; background:url('/images/org/web/ghchild/common/mo_menu_ov.png') no-repeat right top; font-size:16px; color:#fff; }
#gnb_device > li > a.on,
#gnb_device > li > a:hover,
#gnb_device > li > a:focus,
#gnb_device > li > a:active {background:url('/images/org/web/ghchild/common/mo_menu_off.png') no-repeat right top; text-decoration:none; }

#gnb_device > li > ul { padding:10px 0; background:#2b2c2e; }
#gnb_device > li > ul > li {background:#2b2c2e; }
#gnb_device > li > ul > li > a {display:block; padding:6px 20px 6px 25px; font-size:14px; color:#fff; background:url('/images/org/web/ghchild/common/snb_btn_dot.gif') no-repeat 15px 13px; }
#gnb_device > li > ul > li > a.ov,
#gnb_device > li > ul > li > a:hover,
#gnb_device > li > ul > li > a:focus,
#gnb_device > li > ul > li > a:active {color:#00baff; }
#gnb_device > li > ul > li > ul {padding:10px 20px; background:#161718; }
#gnb_device > li > ul > li > ul > li {padding:8px 0; border-bottom:1px dotted #404142;}
#gnb_device > li > ul > li > ul > li:last-child {border-bottom:0;}
#gnb_device > li > ul > li > ul > li > a {line-height:1.4; font-size:13px; color:#ccc;}
#gnb_device > li > ul > li > ul > li > a.ov, #gnb_device > li > ul > li > ul > li > a:hover, #gnb_device > li > ul > li > ul > li > a:focus, #gnb_device > li > ul > li > ul > li > a:active {color:#fff; }

/* footer */
.area_footer {position:relative; background:#f5f5f5 url('/images/org/web/ghchild/common/ft_bg.png') repeat-x;}
.box_footer {position:relative; width:1200px; margin:0 auto; padding-bottom:35px;}

/* 사이트링크 */
.footBtnWrap { height:50px; font-size:14px;}
.footBtnWrap:after {display:block; visibility:hidden; clear:both; height:0; content:''}
.footBtn {position:relative;width: 25%;float:left;}
.footBtn button {width:100%; height:50px; line-height:48px; padding-left:20px; font-size:14px; text-align:left; color:#fff; border-right:1px solid #728197; background:url('/images/org/web/ghchild/common/ft_arrow.png') no-repeat right center;}
.footBtnWrap div:first-child button {border-left:1px solid #797d83; }
.footBtn div { display:none; position:absolute; bottom:50px; left:-1px; width:100%; max-height:223px; border:1px solid #728197; border-bottom:0; overflow-y:auto; z-index:10000;}
.footBtn ul li {font-size:13px; border-top:1px solid #5d6a77;}
.footBtn ul li strong {display:block; padding:7px 10px; color:#fff799; opacity:1; background:#343b42;}
.footBtn ul li:first-child {border:0; }
.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:#343b42;}
.footBtn ul li a:hover, .footBtn ul li a:focus, .footBtn ul li a:active {opacity:1; color:#fff;}

/* 푸터 메뉴 */
.footer_link {position:relative; height:49px; border-bottom:1px solid #70757a; overflow:hidden; z-index:10;}
.footer_link ul{ overflow:hidden; padding:10px 0 0}
.footer_link li {float:left; position:relative}
.footer_link li:before { content:''; width:1px; height:10px; background-color:#CCC; position:absolute; top:10px; left:0;}
.footer_link li:first-child:before { display:none}
.footer_link li a {display:block; padding:5px 12px 7px 14px; font-size:14px; color:#3a3a3a}
.footer_link li a:hover {text-decoration:underline;}
.footer_link li.point a{padding-left:0; color:#eb1c24; background-image:none;}

.box_footer .box_info {margin-top:15px; line-height:20px; font-size:13px; color:#3a3a3a; word-break:keep-all}
.box_footer .box_info .copyright {margin-top:5px; color:#9ba5ad;}

/* 방문자 */
.visit { position:absolute; right:0; top:117px}
.visit p {font-size:13px; color:#3a3a3a; float:left; margin-left:20px}
.visit p strong.col1 { color:#3673f2}
.visit p strong.col2 { color:#09a275}
.btn_top{ position:fixed; right:35px; bottom:35px; z-index:100} 


/********** media query mobile *************/
@media screen and (max-width:1019px) {
	
	#wrap{min-width:320px; overflow-y:visible; width:100%; height:100%}
	#header, #snb,
	.search, .search .search_wrap, .search input, 
	.footer_link li { width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
	
	#header {height:80px; background:#fff; position:fixed; background-image:none; border-bottom:4px solid #205a9f;}
	#snb h1 { position:relative; top:auto; left:auto; text-align:center; padding-top:16px;}

	/* 검색 */
	.search_btn {display:block}
	.search {display:none; top:80px; left:0; height:120px; margin-left:0; padding:39px 2.5%; background:#8d9ba9;}
	.search .search_wrap {width:100%; height:42px; border:0; border-radius:0; overflow:visible }
	.search .cont_box {padding-right:60px;}
	.search .cont_box button {top:0; right:0; width:60px; height:42px; background:#1f5aa0 url('/images/org/web/ghchild/common/totalsearch_ico2.png') no-repeat 50%; background-size:26px auto}
	.search input {margin:0;padding:0 10px;width: calc(100% - 104px);height:42px;line-height:42px;}
	.search_close{display:block}
	.search .cont_box img{margin-left: 10px;width: 65px;}

	
	/* 왼쪽상단_바로가기 */ 
	.top_link { display:none}
	
	/* 사용자메뉴 & 언어 */
	.util_mn { display:none}
	/* 언어 */
	.site_code { display:none}

	/* 메뉴 */
	#gnb {display:none;}

	/*모바일 */
	.nav_mobile {display:block;}
	
	/* footer */
	.area_footer {background-image:none; border-top:1px solid #9a9a9a;}
	.box_footer {width:95%; padding-top:20px; padding-bottom:20px}
	
	/* 사이트링크 */
	.footBtnWrap { height:auto; border-top:1px solid #797d83; border-left:1px solid #797d83;}
	.footBtn {width:50%;}
	.footBtn button {height:40px; line-height:38px}
	.footBtnWrap .footBtn:first-child {/* width:100%; */}
	.footBtn button {border-right:1px solid #797d83; border-bottom:1px solid #797d83; background-color:#293c5d}
	.footBtn div { bottom:40px}
	.footBtnWrap div:first-child button {border-left:none}
	
	/* 푸터 메뉴 */
	.footer_link { height:auto; border-bottom:0}
	.footer_link ul{ padding:0; margin-top:15px; background-color:#eee; border-left:1px solid #d1d8e4; border-bottom:1px solid #d1d8e4;}
	.footer_link li {width:25%; height:35px; line-height:33px; border-right:1px solid #d1d8e4; border-top:1px solid #d1d8e4; }
	.footer_link li:before { display:none}
	.footer_link li a {padding:0 12px; text-align:center}	
	
	.box_footer .box_info {margin-top:10px}
	
	/* 방문자 */
	.visit { position:relative; top:auto; right:auto; overflow:hidden; margin:15px 0 0}
	.visit p {margin:0 20px 0 0}
	
	.btn_top{bottom:2.5%; right:2.5%;}
	
}

@media screen and (max-width: 800px){
	
	
	/* 사이트링크 */
	.footBtn {width:100%;}
		
	/* 푸터 메뉴 */
	.footer_link li {width:50%;}


}

@media screen and (max-width: 580px){
	
	#header {height:60px; border-bottom-width:2px}
	#snb h1 {padding-top:12px;}
	#snb h1 img {height:34px;}

	/* 검색 */
	.search_btn {top:9px;}
	.search_btn button {width:40px; height:40px; background-size:24px auto}
	.search {top:60px}
	.search_close{ top:-51px;}
	.search_close button {width:40px; height:40px;}
	
	/* 모바일 */
	.nav_mobile {top:9px}
	.nav_mobile a {width:40px; height:40px; background-size:24px auto}
	
	.nav_mobile_close{top:9px;}
	.nav_mobile_close a {width:40px; height:40px}


}