@charset "utf-8";

#wrap{position:relative; min-width:1400px; min-height:100%; overflow:hidden; font-family:'NotoR', 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:80px;  z-index:999;}
#snb {position:relative; width:1400px; margin:0 auto;}
#snb h1{position:absolute; top:60px; left:0; z-index:55;}
#snb h1 a{display:block;}

#header-top .container {max-width: 1400px !important;}

.s_visual {position:relative; width:100%; height:200px;  background:url('/images/org/web/junglebook/sub/S_visual.png') no-repeat 50% 0; -webkit-animation:animate_background 8s linear;-moz-animation:animate_background 8s linear;-o-animation:animate_background 8s linear;animation:animate_background 8s linear; }
.s_visual .slogan{max-width:1400px; margin:0 auto; padding:50px 20px;}

/* 사용자 메뉴 */
.util_mn {position:relative; width:100%; height:40px;}
.util_mn > ul {position:absolute; top:0; right:0; overflow:hidden;}
.util_mn > ul li {position:relative; float:left; text-align:center;}
.util_mn > ul li::before{content:''; position:absolute; top:50%; right:0; transform: translateY(-50%); -webkit-transform: translateY(-50%); width:1px; height:11px; background: #dbdbdb;}
.util_mn > ul li:last-child::before{display: none;}
.util_mn > ul li a{display:block; color:#666666; font-size:14px; line-height:40px; padding: 0 15px;}
.util_mn > ul li:hover a{text-decoration: underline;}

/* 메뉴 */
#gnb {position:absolute; top:40px; left:0; width:100%; z-index:52; background:#fff; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;}
#gnb .line{position: absolute; top: 80px; width: 100%; height: 1px; background: #dbdbdb;}
#gnbwrap {width: 1400px; margin: 0 auto; position: relative;}
#animate {position:relative; width:1400px; height:80px; margin:0 auto; z-index:10; overflow:hidden;}
#tnb {position:relative; padding-right:1px; }
#tm{ width:75%; height:auto; display: table; float:right; margin-right: 5%;padding-left: 1px; background: url(/images/org/web/junglebook/common/menu_line.png) no-repeat left 80px;}
#tm:after { content:""; clear:both; display:table;}
#gnbwrap .btn_sitemap {position:absolute; right:0; top:5px; width:40px; height:40px; font-size:0; text-indent:-10000px; background:#69a9da url('/images/org/web/junglebook/common/btn_sitemap.png') no-repeat 50%}
#gnbwrap .btn_sitemap a {display:block; width:100%; height:100%;}
#tm li.th1 {text-align:center; width:14.28%; display:table-cell; background:#fff url('/images/org/web/junglebook/common/menu_line.png') no-repeat right 50px;}
#tm li.th1.on {background:#f2f4f7 url('/images/org/web/junglebook/common/menu_line.png') no-repeat right 50px;}
#tm li.th1 a.th1_lnk {display:block; height:80px; color:#222; font-size:18px; font-family:'NotoM'; line-height:80px; background-color:#fff;}
#tm li.th1 a.current, #tm li.th1 a:hover {text-decoration:none; color:#3d7dd5;}
#tm li ul.th2 {padding:8px 0 12px; border-top:1px solid #c8d1db;  text-align:left; font-size:14px;}
#tm li ul.th2 li {line-height:25px; 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-family:'NotoM'; text-decoration:none; }

/* 검색 */
#totalSrchBtn{position:absolute; right:50%; transform: translateX(680px);  -webkit-transform: translateX(680px); top:4.3rem; font-size:1.5rem; z-index: 55; background: url(/images/org/web/junglebook/common/icon_search.png); width: 26px; height: 26px;}
#closeBtn{position:absolute;right:50%; transform: translateX(680px); -webkit-transform: translateX(680px); top:4.3rem;  font-size:1.5rem; z-index: 55; display: none; background: url(/images/org/web/junglebook/common/btn_close.png); width: 26px; height: 26px;}
.totalSrch{display:none; position:absolute; z-index: 55; right:50%; transform: translateX(700px); -webkit-transform: translateX(700px); top:7.6rem; width:24.5rem; background:#2547a5; padding:1.5rem 2rem ; }
.totalSrch input[type="text"]{width:100%; height:2rem; line-height:2rem; color:#fff; background:none; border:none; }
.totalSrch input[type="text"]::placeholder,
.totalSrch input[type="text"]::-webkit-placeholder{color:#fff; font-weight:200; }
.totalSrch .srchBox{position:relative; padding:0 1.8rem 0.25rem 0; border-bottom:2px solid #fff; }
.totalSrch .btnSrch{position:absolute; right:0; top:0.25rem; font-size:1.2rem; color:#fff; }

/* 3차메뉴 추가 */  
#tm li ul.th3 { display:none; padding:6px 0; font-size:13px; border-bottom:1px solid #ddd;}
#tm li li:last-child ul.th3 {border-bottom:0;}
#tm li ul.th3 li {line-height:22px;}
#tm li ul.th3 li a.th3_link {background:url('/images/org/web/junglebook/common/snb_btn_dot.gif') no-repeat 15px 13px; 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-family:'NotoM';}
/* 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/junglebook/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/junglebook/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/junglebook/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_sns {overflow:hidden;}
#topmenu .mobile_global .mt_sns a {display:block; width:33.3%; height:40px; float:left; color:#fff; text-indent:-10000px;  }
#topmenu .mobile_global .mt_sns a.btn_sns_f { width:33.4%; background:url('/images/org/web/junglebook/common/btn_sns_f.png') no-repeat 50% #4965b5;}
#topmenu .mobile_global .mt_sns a.btn_sns_t {background:url('/images/org/web/junglebook/common/btn_sns_t.png') no-repeat 50% #00aeef;}
#topmenu .mobile_global .mt_sns a.btn_sns_d {background:url('/images/org/web/junglebook/common/btn_sns_d2.png') no-repeat 50% #fff;}
#topmenu .mobile_global .mt_global {padding:10px 0; background:#252627; font-size:13px;}
#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:1.7rem; right:2.5%; z-index:60;}
.nav_mobile a {display:block; width:30px; height:25px; background: url('/images/org/web/junglebook/common/btn_mob.png') no-repeat 50%; background-size: cover;}
.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:#000 url('/images/org/web/junglebook/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/junglebook/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/junglebook/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:15px; color:#fff; background:url('/images/org/web/junglebook/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 > a {line-height:1.4; font-size:14px; 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 */
footer {width: 100%; position:relative; background:#2a2a2d; padding: 3rem 0; box-sizing: border-box;}
.footerWrap {position:relative; width:1400px; margin:0 auto;}
.footerWrap::after{display: block; content: ""; clear: both;}

/* 푸터 메뉴 */
.footer_link {margin-bottom: 3rem;}
.footer_link::after{display: block; content: ""; clear: both;}
.footer_link li {float:left; position:relative;}
.footer_link li:before { content:''; width:1px; height:10px; background-color:#bdbdbd; position:absolute; top:50%; right:0; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.footer_link li:last-child::before{display: none;}
.footer_link li:first-child a{padding-left: 0;}
.footer_link li a {display:block; padding: 0 1.1rem; color: #aaaaaa;}
.footer_link li:last-child a{padding-right: 0;}
.footer_link li a:hover {text-decoration:underline;}
.footer_link li.point a {color:#66a044;}
.box_info {margin-top:5px; line-height:20px; color:#f2f2f2;}
.box_info address{color: #fff; }
.box_info address br{display: none;}
.box_info address span{margin-right: 0.5rem; display: inline-block; margin-top: 0.3rem;}
.box_info .copyright {margin-top:0.5rem; color: #aaaaaa;}
.box_info .copyright br{display: none;}
.btn_top{position:fixed; right:35px; bottom:35px; z-index:100;}

/* 사이트 */
.siteList{position: absolute; top: 4.5rem; right: 1rem;}
.siteList::after{display: block; content: ""; clear: both;}
.siteList li{float: left;}
.siteList li a{display: block; padding:0 0.5rem;}
/* 사이트링크 */
.ftBtn_wrap {position: absolute; top: 0; right: 1rem;}
.ftBtn_wrap .ftBtn_box { position:relative; float:left; margin:0 5px; }
.ftBtn_wrap .ftBtn { width:220px; height:45px; line-height:45px; text-align:left; cursor:pointer; border: 1px solid #aaa;}
.ftBtn_wrap .ftBtn span {font-size:1rem; padding:0 30px 0 20px; font-weight:400; letter-spacing:-1px; color:#f2f2f2; display:block; }
.ftBtn_wrap .ftBtn span::before{display: block; content: ""; position: absolute; top: 1.2rem; right: 1rem; width: 11px;height: 6px; background: url(/images/org/web/junglebook/common/ft_site_btn.png) no-repeat center;}
.ftBtn_wrap .ftBtn.open span::before { transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); }
.ftBtn_wrap .ftBtn:hover { background:#2547a5; }
.ft_site { display:none; position:absolute; left:0; bottom:47px; width:100%; max-height:185px; overflow:auto; background:rgba(0, 0, 0, 0.9); }
.ft_site ul { padding:10px 15px; overflow:hidden; }
.ft_site ul li a { position:relative; display:block; line-height:18px; color:#fff; font-size: 0.9rem; padding-left:10px; margin:5px 0; }
.ft_site ul li a::before { content:""; position:absolute; left:1px; top:8px; width:2px; height:2px; background:#ccc; }
.ft_site ul li a:hover { color:#b6e1ff; text-decoration:underline; }
.ftBtn_wrap .ftBtn, .ftBtn_wrap .ftBtn span, .ftBtn_wrap a, .ftBtn_wrap ::before { transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

/********** media query mobile *************/

@media (max-width:1440px) {

	#wrap{min-width:320px; overflow-y:visible; width:100%; height:100%}
	#snb{width:100%;}
	#snb h1 {left:2%;}
	#gnbwrap{width: 100%;}
	#animate{width:100%;}
	#totalSrchBtn{ right: 1.5rem; transform: none;}
	#closeBtn{right:1.5rem; transform: none;}
	.totalSrch{top: 7.7rem; right: 0; transform: none;}
	.footerWrap{width: 100%; padding: 0 1rem; box-sizing: border-box;}


}

@media (max-width:1280px) {
	

	#header, #snb { 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:1px solid #c8d1db;}
	#snb h1 {top:auto; padding-top:20px;}
	
	#totalSrchBtn{top: 1.6rem; right: 6.5rem; transform: none;}
	#closeBtn{top: 1.6rem; right: 6.5rem; transform: none;}
	.totalSrch{width: 100%; top: 5rem; right: 0; transform: none; box-sizing: border-box;}
	
	/* 사용자메뉴 */
	.util_mn { display:none}

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

	/*모바일 */
	.nav_mobile {display:block;}

	
}
@media (max-width: 900px){
	
	#totalSrchBtn{ right: 4.5rem; transform: none;}
	#closeBtn{right: 4.5rem; transform: none;}

	/* 푸터 메뉴 */
	footer{padding: 1.5rem 0 4rem;}
	.footerWrap{text-align: center;}
	.footer_link{ margin: 1rem 0;}
	.footer_link li{display: inline-block; float: none;}
	.footer_link li a{color: #f2f2f2;}
	.ftBtn_wrap { position:relative; right:auto; top:auto; }
	.ftBtn_wrap .ftBtn_box { float:none; margin:0; }
	.ftBtn_wrap .ftBtn { width:90%; margin: 0 auto;}
	.ftBtn_wrap .ftBtn span::before{right: 3rem;}
	.ft_site{width: 90%; margin-left: 5%;}
	.ft_site ul li a{text-align: left;}
	.siteList{ position: static; margin: 1rem 0;}
	.siteList li{display: inline-block; float: none;}
	.box_info address{color: #f2f2f2;}
	.box_info address br:nth-of-type(1){display: block;}
	.box_info .copyright{margin: 1rem 0;}
}

@media (max-width: 580px){	
	#header {height:60px}
	#snb h1 {padding-top:16px;}
	#snb h1 img {height:34px;}
	#totalSrchBtn{top:1rem;}
	.totalSrch{top: 3.8rem;}
	#closeBtn{top:1rem;}
	.footer_link{margin: 1.5rem 0;}
	.box_info .copyright br{display: block;}
	
	/* 모바일 */
	.nav_mobile {top:0.5rem;}
	.nav_mobile a {width:40px; height:40px; background-size:24px auto}	
	.nav_mobile_close{top:0.5rem}
	.nav_mobile_close a {width:40px; height:40px}


}
@media (max-width: 480px){

	/* sub visual */
	.s_visual .slogan img{ width:auto;}	
	.s_visual {background-position:67% 50% !important;}

	/* footer */
	footer{font-size: 0.9rem;}
	.box_info address br{display: block;}
	
}

@media (max-width: 380px){
	/* sub visual */
	.s_visual {background-position:64% 50% !important;}
}