@charset "utf-8";

#accessibility-foot {position:absolute; visibility:hidden; overflow:hidden; width:0; height:0; font-size:0%;}
#accessibility {overflow:hidden; position:absolute;  top:0; width:100%; z-index:1000}
#accessibility a{display:block;overflow:hidden;height:1px;width:1px;margin:0 -1px -1px 0;font-size:0;line-height:0;text-align:center}
#accessibility a:focus, #accessibility a:hover, #accessibility a:active {width:auto;height:27px;margin:0;padding:12px 0 0 15px;background:#20262c;font-size:14px;font-weight:700;line-height:1;color:#fff;}
/* Layout */
.wrap {position:relative; margin:0 auto; width:1600px;}
.wrap:after {content:""; display:block; clear:both;}
#shadow_device {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:11; background:rgba(0,0,0,0.8);}
#touchArea {display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:880;}
#topmenu {display:none; position:absolute;top:0; right:-250px; width:312px; height:100%; z-index:1000;background-color:#333;}
#header{position:relative;width:100%;height:131px;background:#fff url("/base/imgs/cmmn/header_bg.gif") repeat-x 0 0;}
#content {position:relative;width:100%;min-height:900px;}
a:hover{text-decoration:underline;}
#header .wrap{width:1700px; min-width:1700px;}
/* gnb */
.gnb_top{position:absolute;top:0;left:0; width: 100%;}
.gnb_top ul {display: flex; height: 42px;}
.gnb_top li{flex:1;border-right:1px solid rgba(255,255,255,0.2); max-width: 200px;}
.gnb_top li a{font-size:15px;color:#fff;text-align:center; height: 100%; line-height:1.2; display: flex;align-items: center;justify-content: center;}
.gnb_top li.on a{color:#4c525c;background:#fff;}
.gnb{position:absolute;top:42px;right:0;z-index:1;}
.gnb li{position:relative;float:left;margin:26px 0 0 20px;}
.gnb li a{display:block;font-size:15px;color:#000;line-height:34px;height:35px;}
.gnb li a#search_open{width:35px;text-indent:-9999px;overflow:hidden;background:url('/base/imgs/cmmn/search_btn.png') no-repeat 50%;}
.gnb li.login a{padding:0 25px;border-radius:50px;background:#727171;color:#fff;}
.gnb li.login a:focus{outline:1px dotted #000;}
.gnb li.sitemap{margin-top:0;}
.gnb li.sitemap a{width:86px;height:89px;line-height:0;text-indent:-9999px;padding:0;overflow:hidden;background:#7eb7bf url('/base/imgs/cmmn/allmenu.png') no-repeat 50%;}
.gnb li.sitemap a:focus{border:1px dotted #000;}
/* logo */
.logo {position:absolute;top:65px;left:0;z-index:10;}
.logo a,.logo img {display: block;}
/* lnb */
#lnb {position:relative;top:42px;height:89px;width:1700px;margin:0 auto;}
#lnb ul#top1menu{position:relative;text-align:center;margin: 0 250px 0 520px;}
#lnb .top2hover{position:relative;display:inline-block;width:180px;}
#lnb .top2hover .menu1th{display:block;font-size:19px;font-weight:500;text-align:center;letter-spacing: -0.05em;height:36px;padding:30px 0 23px;color:#000;}
#lnb .top2hover.mon .menu1th, #lnb .top2hover .menu1th.on, #lnb .top2hover .menu1th:hover {color:#e83436;}
#lnb .mon .menu1th:after{content:'';display:block;width:8px;height:8px;margin:6px auto;background:#e83436;border-radius:100px;}
#lnb .top2m{display:none;position:absolute;top:89px;left:0;z-index:1000;width:100%;height:300px;text-align:center;}
#lnb .top2m:before{position:absolute;top:0;left:0;content:'';display:block;width:1px;height:100%;background:#dbdbdb;}
#lnb #top2m1:before{width:0;}
#lnb .top2m ul{padding:5px 0 0;}
#lnb .top2m li{position:relative;}
#lnb .top2m li a{display:block;font-size:15px;padding:10px 2px;color:#000;font-weight:300;letter-spacing:-1px; line-height: 1.3;}
#lnb .top2m li.on > a, #lnb .top2m li a:hover {color:#fff;background:#e83436;font-weight:400;}
#lnb .top2m li a[target="_blank"] span{display:inline-block; width:14px; height:14px; margin:0 0 0 10px; background:url('/base/imgs/cmmn/blank_ico.png') no-repeat; vertical-align:-2px;}
#lnb .top2m ul ul{display:none;}
#lnb .mon .top2m:before{width:100% !important;background:#4c525c;}
#lnb .mon .top2m li a{color:#fff;}
#menubg{display:none;width:100%;height:300px;position:absolute;top:130px;z-index:12;background:#f4f4f4;border-top:1px solid #dbdbdb;}
/* search */
#search{display:none;position:absolute;top:130px;right:0;z-index:11;width:100%;height:85px;background:#4c525c;}
#search .select{position:relative;margin:22px 5% 0;}
#search input[type="text"]{width:calc(100% - 125px);margin:0;font-family:'Noto Sans KR';font-size:16px;color:#787676;height:36px;padding:0 50px 3px 20px;border:0;border-radius:100px;border:1px solid #d7d7d7;background:#fff;}
#search input[type="text"]::placeholder{color:#787676;}
#search .search_btn{position:absolute;bottom:0;right:53px;height:41px;width:50px;text-indent:-9999px;overflow:hidden;background:url('/base/imgs/cmmn/search_btn.png') no-repeat 50%;}
#search #search_close{display:block;position:absolute;top:25px;right:5%;width:35px;height:35px;text-indent:-9999px;overflow:hidden;background:#4c525d url('/base/imgs/cmmn/m_close.png') no-repeat 50%;}
#topmenu{display:none;}
.h_m_mn{display:none;position:absolute;top:42px;right:0;font-size:0;}
.h_m_mn a{display:inline-block;width:86px;height:89px;}
.h_m_mn a#btn_search{background:url('/base/imgs/cmmn/search_open.png') no-repeat 50%;}
.h_m_mn a#open_mn{background:#7eb7bf url('/base/imgs/cmmn/allmenu.png') no-repeat 50%;}
.g_link li{float:left;width:50%;background:#fff;text-align:center;}
.g_link li a{display:block;font-size:15px;color:#555;padding:12px 0;border-left:1px solid #ddd;}
.g_link li:first-child a{border:0;}
.g_link li.check{position:relative;width:100%;background:#3f3f3f;}
.g_link li.check a{color:#ffd34f;border:0;height:21px;}
.g_link li.check a:before{content:'';display:inline-block;width:12px;height:10px;margin-right:5px;background:url('/base/imgs/cmmn/check.png') no-repeat;}
.g_link li.check div{display:none;position:absolute;top:45px;left:0;width:100%;z-index:10;}
.g_link li.check ul{padding:12px 24px;border:2px solid #3f3f3f;background:#fff;}
.g_link li.check li{float:none;width:auto;text-align:left;}
.g_link li.check li a{position:relative;display:block;font-size:15px;color:#6f7e93;padding:3px 0 3px 13px;background:none;margin:0;height:auto;}
.g_link li.check li a:before{position:absolute;top:50%;left:0;margin-top:-3px;content:'';display:block;width:5px;height:5px;background:#84889b;border-radius:100px;}
.g_link li.check li a:hover{text-decoration:underline;}
.g_link li.check a.check_close{position:absolute;top:-45px;left:0;display:block;width:100%;height:45px;text-indent:-9999px;overflow:hidden;background:#3f3f3f url('/base/imgs/cmmn/search_close.png') no-repeat 50%;padding:0;margin:0;}
.site_btn{position:relative;height:50px;background:#6a6c6e;}
.site_btn dt a{display:block;padding:0 20px;font-weight:500;height:50px;line-height:50px;font-size:14px;color:#fff;}
.site_btn dt a:after{display:block; position:absolute; right:25px; top:calc(50% - 9px); width:17px; height:17px;background:url('/base/imgs/cmmn/m_dep2_bg.png') no-repeat 50%;content:'';}
.site_btn.open dt a:after{top:50%;height:1px;background:#fff;}
.site_btn dd{position:absolute;top:50px;left:0;width:100%;z-index:10;background:#4e5154;}
.site_btn dd li.on{display:none;}
.site_btn dd li a{display:block;padding:10px 20px;font-size:14px;color:#fff;opacity:0.7;border-top:1px solid #65686a;}
.site_btn dd li a[target="_blank"]{background:url('/base/imgs/icon/blank_w.png') no-repeat 90% 50%;}
#lnb_device {overflow-y:scroll; overflow-x:hidden; width:100%; z-index:1000;}
#lnb_device li{border-bottom:1px solid rgba(255,255,255,0.3);}
#lnb_device li:last-child{border:0;}
#lnb_device li a {display:block; padding:16px 60px 17px 20px;font-size:18px;color:#555;font-weight:400;}
#lnb_device li a span.blank{display:inline-block;margin:0 0 -1px 3px; width:14px; height:14px; background:url("/base/imgs/cmmn/blank_ico2.png") no-repeat;}
#lnb_device ul li{border:0;}
#lnb_device ul li a{position:relative;font-size:17px;font-weight:300;border-bottom:1px solid #ddd;}
#lnb_device ul li a:before{position:absolute;content:'';display:block;}
#lnb_device ul ul{display:none;padding:10px 25px 15px;background:#f1f1f1;}
#lnb_device ul ul li a{padding:6px 0 5px 10px; font-size:15px;border:0;}
#lnb_device ul ul li a:before{top:50%;left:0;margin-top:-2px;width:4px;height:4px;background:#8b8b8b;}
#lnb_device ul ul li a.on{color:#345aa0;}
#lnb_device ul ul ul{padding:10px 12px; margin:5px 11px 0; border-top:1px dotted rgba(255,255,255,0.15); border-bottom:1px dotted rgba(255,255,255,0.15);}
#lnb_device ul ul ul ul{margin:3px 7px 0 0;padding:1px 0 6px 7px;background:#052e53;}
#lnb_device .top2hover > a{position:relative; color:#fff;background:#485264;}
#lnb_device .top2hover > a.mobon{background:#345aa0;}
#lnb_device .top2hover > a.mobon:before{display: none;/*display:block;*/position:absolute;right:20px;top:20px;width:20px;height:20px;background:url('/base/imgs/cmmn/m_dep1_on.png') no-repeat 50%; content:'';}
/* #lnb_device .top2hover>div{display: none !important;} */
#lnb_device .top2m > ul > li > a{background:#fff;}
#lnb_device .top2m > ul > li > a:before{top:50%;right:20px;margin-top:-9px;width:17px;height:17px;background:url('/base/imgs/cmmn/m_dep2_bg.png') no-repeat 50%;}
#lnb_device .top2m > ul > li.on > a{color:#345aa0;}
#lnb_device .top2m > ul > li.on > a:before{height:1px;margin:0;background:#c2c2c2;}
#m_close{position:absolute;top:0;left:-45px;width:45px;height:45px;background:#c40000;}
/* 푸터 */
#footer{width:100%; position:relative; margin:0 auto;background:#2b2b2b;padding:0 0 80px;}
#footer .wrap{width:1700px;min-width:1700px;}
.footer_info{position:relative;padding:38px 0;border-bottom:1px solid #4f4f4f;overflow:hidden;}
.footer_info .f_logo{float:left;margin-top:5px;}
.footer_info ul.f_sns{float:right; display: none;}
.footer_info ul li{float:left;margin-left:10px;}
.footer_info ul li a:focus{outline:1px dotted #9a9a9a;}
.footer_info ul li.more{margin-left:20px;}
.footer_info ul li.more a{display:block;font-size:16px;color:#000;line-height:39px;height:40px;padding:0 20px;background:#9a9a9a;border-radius:30px;}
.footer_info ul li.more a:after{content:'';display:inline-block;width:7px;height:11px;background:url('/base/imgs/cmmn/f_sns_arr.png') no-repeat 50%;vertical-align:top;margin:14px 0 0 10px;}
.footer_info ul li.more a:hover{transition:all .4s;background:#fff;}
.footer_adr{color:#9a9a9a;font-size:15px;font-weight:300;letter-spacing:0;margin-top:38px;}
.footer_adr address{font-style:normal;font-weight:400;font-size:16px;margin-bottom:5px;}
.footer_adr address span{margin-left:30px}
#footer .go-top{position:absolute;top:150px;right:0;}
/*퀵메뉴*/
.quick{position:absolute;top:0;right:0;z-index:1;width:86px;background:#fff;}
.quick a.pop_open{display:table-cell;width:500px;height:255px;background:#e83436;vertical-align:middle;text-align:center;}
.quick a.pop_open span{font-size:22px;color:#fff;line-height:1;text-shadow:0 1px 1px rgba(0,0,0,0.5);writing-mode:tb-rl;}
.quick a.pop_open .certificate:before{content:'';display:inline-block;width:44px;height:44px;margin:0 auto 12px;background:url('/base/imgs/cmmn/quick_icon.png') no-repeat;border-radius:100px;}
.newico {content: '';display: inline-block;width: 25px;height: 25px;margin: 11px auto 0;background: url(/base/imgs/cmmn/new_icon1.png) no-repeat;border-radius: 100px;}
.quick .scroll{position:absolute;bottom:0;left:0;width:100%;height:85px;text-align:center;font-size:13px;color:#333;letter-spacing:0;}
.quick .scroll:before{position:absolute;bottom:0;left:50%;content:'';display:block;width:1px;height:70%;background:#dedede;}
.quick .scroll:after{position:absolute;bottom:40%;left:50%;content:'';display:block;width:1px;height:30%;background:#343434;animation-name:move_scroll; animation-duration:1.3s; animation-iteration-count:infinite; animation-timing-function:ease-in-out;}
.quick a:hover{text-decoration:none;}
.quick a.pop_open:hover span:before{transform:rotateY(360deg);transition:all .4s;}
#subWrapper .quick .scroll{display:none;}
@keyframes move_scroll{
	0% {bottom:40%;}
	50% {bottom:0;}
    100% {bottom:40%;}
}
@media all and (max-width:1700px) {
	#header .wrap, #footer .wrap, #lnb{width:100%; min-width:100%;}
	#lnb ul#top1menu {margin: 0 300px 0 520px;}
}
@media all and (max-width:1600px) {
	.wrap{width:96%;}
	.gnb li{margin-left:10px;}
	.gnb li.login a{padding:0 17px;}
	.gnb li.sitemap{margin-left:15px;}
	#lnb .top2hover {width: 25%;}
}
@media all and (max-width:1280px) {
	#search, .gnb{display:none;}
	#lnb ul#top1menu{margin: 0 172px 0 445px;}
	.h_m_mn{display:block;}
	#search input[type="text"]{width:calc(100% - 75px);}
	#search .search_btn{right:5px; bottom:0;}
	#search #search_close{width:86px;height:89px;top:-89px;right:86px;}
	.logo {top: 68px;}
	.logo img {height: 40px;}
}
@media all and (max-width:1024px) {
	#lnb {display:none;}
	.gnb_top, .gnb1, .gnb2, .footer_info ul, .quick{display:none;}	
	#header{height:90px;background:#fff;}
	.logo{position:absolute;top:28px;left:3%;}
	.h_m_mn{top:25px;right:3%;}
	.h_m_mn a{width:41px;height:41px;}
	.h_m_mn a#open_mn{margin-left:8px;background:#003d5f url('/base/imgs/cmmn/m_open.png') no-repeat 50%;}
	#search{top:90px;}
	#search .select{width:90%;}
	#search #search_close{top:-65px;right:3%;margin-right:49px;width:41px;height:41px;}
	#footer{width:94% !important;padding:0 3% 30px 3%;}
	.footer_info{padding:26px 0 20px;}
	.footer_adr{margin-top:20px;}
	.footer_adr address span{margin-left:10px;}
	#footer .go-top{top:-45px;}
}
@media all and (max-width:640px) {
	#header{height:65px;}
	.logo{top:18px;}
	.logo img{height:32px;}
	.h_m_mn{top:13px;}
	#search{top:65px;}
	#search #search_close{top:-52px}
	.footer_adr{font-size:14px;}
}
@media all and (max-width:480px) {
	.logo{top:22px;}
	.logo img{height:24px;}
}
@media all and (max-width:380px) {
	.logo{top:24px;}
	.logo img{height:18px;}
	#topmenu{width:calc(100% - 45px);}
}
/*배너모음*/
.banner_zone {position: relative; padding:15px 0 0 0}
.banner_zone .banner_list ul li a img {margin: 0 10px;border: 1px solid #ddd;width:222px;height:64px;}
.banner_zone .banner_list ul li a{display: inline-block;line-height: 0;font-size: 0;margin: 1px;}
.banner_zone h2{position: absolute;top: 34px;left:13px;color: #fff;}
.banner_zone .control{position: absolute;left: 120px;top: 42px;width: 100px;}
.banner_list{left:192px;}
.banner_zone .control ul li {float: left;line-height: 0;font-size: 0;margin-right: 5px;}

@media all and (max-width:768px) {
	.banner_zone {display:none}
}