div#wrap{ position:relative; font-size:14px;   }
div#wrap img { border:none; }
div#wrap a{ text-decoration:none; }
div#wrap div#header{ width:100%; margin:0 auto; height:110px; background: url("/images/default/main/top_bg.gif") repeat-x left bottom;}
div#wrap .header_inner{width:1100px; margin:0 auto; height: 110px; }
div#wrap div#header h1{ margin:0; float:left; margin-top:10px;}
div#wrap div#header h1 img{ width:165px; height:88px; }


/* gnb */
div#wrap div#header div.top_menu{ float:left; width:935px; }
div#wrap div#header div.top_menu ul{ float:right; display:block;list-style:none; margin:0; padding:10px 0 0 0; }
div#wrap div#header div.top_menu ul li{ position:relative;  float:left; margin:0 0 0 10px; text-align:right; font-size:12px; }
div#wrap div#header div.top_menu ul li a{color:#525a5f;}


/* 탑1차메뉴 */
div#wrap div#header div#nav { float:right; padding:0px; margin:35px 0 0 0; }
div#wrap div#header div#nav ul { position:relative; float:left;  position:relative; padding:0px; margin:0; }
div#wrap div#header div#nav ul li { list-style:none; text-align:left; float:left; margin-left:45px; }
div#wrap div#header div#nav ul li a{color:#232323; font-size:16px; font-weight:bold;}
div#wrap div#header div#nav ul li ul { display:none; position:absolute; float:left; top:65px; left:10px; }
div#wrap div#header div#nav ul li ul li { float:left; margin:0 0 0 10px; }


/* 탑2차메뉴 */
div#wrap div#sepration2{position: absolute;top: 108px; left:0;width: 100%;  z-index: 1000; background: url("/images/default/main/tsm_bg.png") repeat-x left bottom; border-top:2px solid #cbcbcb;padding-bottom:6px;}
div#wrap div#sepration2 div.tsm_wrap{background: #fff; width: 100%;  }
div#wrap div#sepration2 div.tsm_bg{width:1100px; margin:0 auto; box-sizing:border-box;position:relative; }
div#wrap div#sepration2 div.tsm_bg p.tsm_txt{position:absolute; left:0; top:110px; color:#7d7d7d;}
div#wrap div#sepration2 div.tsm_bg ul{}
div#wrap div#sepration2 div.tsm_bg ul li{overflow:hidden;}
div#wrap div#sepration2 div.tsm_bg ul li div{position: relative;  padding-top:10px; margin-top:35px;background: url("/images/default/main/tsm_div.gif") no-repeat 0 0;   width: 250px;  text-align: left;  color: #e2e3e3; float:left;}
div#wrap div#sepration2 div.tsm_bg ul li div a{ color:#333; position:relative;width:265px;font-size: 36px; font-weight:bold; }

div#wrap div#sepration2 div.tsm_bg ul li ul.sub1{float:right; width:850px; min-height:250px;background: url("/images/default/main/sub1.png") repeat-y 0 0;}
div#wrap div#sepration2 div.tsm_bg ul li ul.sub1>li{background:url(/images/default/main/tbor.gif) repeat-x left top;}
div#wrap div#sepration2 div.tsm_bg ul li ul.sub1>li:after{content:"";display:block;clear:both;}
div#wrap div#sepration2 div.tsm_bg ul li ul.sub1>li>a{position:relative;float:left;width:228px;padding:10px 0px; text-indent:20px; box-sizing:border-box;text-align:left; color:#333;}
div#wrap div#sepration2 div.tsm_bg ul li ul.sub1>li>a:hover{background:#00a0c6 url('/images/default/content/plus_on.png') no-repeat 95% center; color:#fff; font-weight:bold;}
div#wrap div#sepration2 div.tsm_bg ul li ul.sub1>li:first-child{background:none;}

div#wrap div#sepration2 div.tsm_bg ul li ul.sub1 li ul.sub2{padding:10px 15px;margin-left:228px; box-sizing:border-box; overflow:hidden; } 
div#wrap div#sepration2 div.tsm_bg ul li ul.sub1 li ul.sub2>li{float:left;min-width:25%;}
div#wrap div#sepration2 div.tsm_bg ul li ul.sub1 li ul.sub2>li a{display:inline-block;margin:0 10px; width:auto; padding-left:10px; background:url('/images/default/main/sub2.gif') no-repeat 0 9px;color:#7d7d7d;}
div#wrap div#sepration2 div.tsm_bg ul li ul.sub1 li ul.sub2>li a:hover,div#wrap div#sepration2 div.tsm_bg ul li ul a:focus{text-decoration:underline !important; color:#000; }

div#wrap div#sepration2 div.tsm_bg ul li ul>li:first-child>.th3{border-top-width:0}
div#wrap div#sepration2 div.tsm_bg ul li ul.sub1 li ul.sub2 li ul{display:none;}


/* 사이트맵 */
.sitemap{width:100%; padding:30px 0px;overflow:hidden;  position:absolute; top:0px; z-index:10000; background-color:#056ca6; border-bottom:1px solid #056ca6;}
.sitemap .section{position:relative; width:1000px; margin:0 auto;  z-index:50000;}
.sitemap h3{text-align:center; color:#fff; font-size:45px; font-weight:bold; margin-bottom:30px;}
.sitemap ul{overflow:hidden;}
.sitemap ul li{width:25%; float:left; box-sizing:border-box; text-align:center; height:320px;}
.sitemap ul li:first-child{border-left:0;}
.sitemap ul li div a{font-size:18px; color:#fff; display:block;border:1px solid #00b3e9; border-left:none; border-right:none; width:200px; height:42px; line-height:42px; margin: 0 auto; margin-bottom:10px;  }
.sitemap ul li ul{}
.sitemap ul li ul li{float:none;margin:0; border-left:none; width:100%; height:auto; }
.sitemap ul li ul li a{font-size:14px; color:#fff; line-height:25px; width:100%; text-align:left; }
.sitemap ul li ul li a:hover{font-weight:bold; text-decoration:underline !important; }
.sitemap .section p{position:absolute; top:0px; right:0px;}


/* 서브비주얼 */
div#wrap div#sepration { clear:both; height:210px;background: url("/images/default/content/sub_visual01.jpg") no-repeat 0 50%; box-sizing:border-box; padding-top:60px;}
div#wrap div#sepration div.section{width:1100px; margin:0 auto; line-height:45px;}
div#wrap div#sepration div.section h2{position: relative;  font-size: 34px;  font-weight: bold;  color: #fff;  line-height: 42px; padding-left:20px;}
div#wrap div#sepration div.section h2:before {content : ""; display : block; position : absolute; left : 0; top : 5px;  width : 6px; height : 32px; background : #87e0e0; }
div#wrap div#sepration div.section p{font-size:15px; color:#fff; font-weight:bold; text-transform:uppercase;background: url("/images/default/content/pt.png") no-repeat bottom center; padding-bottom:20px; }

/* 오른쪽 바로가기메뉴 */
div.pr{position:absolute; top:0;right:0;}
div.pr ul{}
div.pr ul:after{content:""; display:block; clear:both;}
div.pr ul li{float:left; position:relative;}
.relations { display:none; position:absolute; top:50px; left:0;}
.relations li{float:none;}
.relations li a { display:block; width:51px; height:49px;}

div.pt{ width:1100px; margin:0 auto; overflow:hidden; text-align:center; position:relative;}
div.pt h2{font-size:46px; margin-top:40px; color:#444; font-weight:bold; }
div.pt p{ position:absolute; top:10px; right:0;}


/* 서브메뉴 */
div#wrap .path {position: relative;width:100%; height:49px; z-index: 10;border-bottom:1px solid #ccc;}
div#wrap .path_inner {position: relative;width:1100px; margin:0 auto; }
div#wrap .path-list {overflow: hidden;  }
div#wrap .path-list > li{float: left; border-right:1px solid #ccc;}
div#wrap .path-list > li:first-child{border:none;}
div#wrap .path_inner > ol > li {line-height:49px;}
div#wrap .depth0 {float:left;}
div#wrap .home {float: left;   width: 50px;   height:49px;  background: url('/images/default/content/home.gif') no-repeat center center;  overflow: hidden;  font-size: 0;   line-height: 0;  }
div#wrap .depth1 {float:left;  background: url('/images/default/content/path.gif') right center no-repeat;}
div#wrap .depth1 a { display: block; padding-left:10px; width: 170px; height:49px; color: #333; font-size: 16px; line-height:49px;	font-weight: bold;text-indent: 0;}


div#wrap .depth2 {float:left;}
div#wrap .depth2 a {display: block; padding-left:10px;width:250px; height:49px; color: #444;letter-spacing:-1px; font-size: 16px; line-height:49px;	font-weight: bold; background:#fff url('/images/default/content/path.gif') right center no-repeat;}
div#wrap .depth2 a span{display: block; background: url('/images/default/content/path.gif') no-repeat right center;  width:100%; height:49px; }

div#wrap .path_inner ol li ul li { width:100%; font-size: 16px; line-height:49px; height:49px;  color:#333; border-top:1px solid #595aa8; }
div#wrap .path_inner ol li ul li a,
div#wrap .path .path-sub li a {display:block; }
div#wrap .path .path-sub {display: none;clear: both;position: absolute;top: 49px; }
div#wrap .path .path-sub1 {left: 50px;}
div#wrap .path .path-sub2 {left: 230px;}
div#wrap .path .path-sub li {font-size: 16px; line-height:49px; height:49px; color:#333; border-left:1px solid #ccc;  border-right:1px solid #ccc;  border-bottom:1px solid #ccc; background: url('/images/default/content/plus.gif') right center no-repeat;}
div#wrap .path .path-sub1 a { display: block; padding-left:10px;width:169px;  height:49px; color: #333; font-size: 16px; line-height:49px;background: #fff url('/images/default/content/plus.gif') right center no-repeat; }
div#wrap .path .path-sub li:first-child{border-top:1px solid #ccc;}
div#wrap .path .path-sub2 a{ display: block; padding-left:10px;width:250px;  height:49px; color: #333; font-size: 16px; letter-spacing:-1px; line-height:49px;background: #fff url('/images/default/content/plus.gif') right center no-repeat;}
div#wrap .path .path-sub1 a.active,
div#wrap .path .path-sub2 a.active {font-weight: bold; color:#fff;background: #00B2B2 url('/images/default/content/plus_on.png') 95% center no-repeat;}
div#wrap .path .path-sub a:hover{font-weight: bold; color:#fff;background: #00B2B2 url('/images/default/content/plus_on.png') 95% center no-repeat;}

div#wrap .path .path-sub2 ul li ul{display:none;}

div#wrap .path .path-sub3{display:none;}


/* 서브 3차메뉴 */
div#wrap div#sepration3{margin-bottom:0px;}
div#wrap div#sepration3 div { max-width:1100px; margin:0px auto;}
div#wrap div#sepration3 div ul { display:table; width:100%;}
div#wrap div#sepration3 div ul>li { display:table-cell;width:33.33%; position:relative; width:25%; border-bottom:2px solid #ddd; text-align:center; vertical-align:middle;}
div#wrap div#sepration3 div ul>li>a { display:block; padding:26px 0; color:#3a3e48; font-size:18px; font-weight:bold;}
div#wrap div#sepration3 div ul>li.on { border-bottom:2px solid #00B2B2;}
div#wrap div#sepration3 div ul>li.on:after { content:""; display:block; position:absolute; bottom:-13px; left:50%; width:0; height:0; margin-left:-6px; border:6px solid #00B2B2; border-left-color:transparent; border-right-color:transparent; border-bottom-color:transparent;}
div#wrap div#sepration3 div ul>li.on>a {color:#00B2B2;}

/* 컨텐츠 */
div#wrap div#container div#section div.right_content { width:100%; min-height:500px; margin:0 auto;  }
div#wrap div#container div#section div.right_content div.content_title {width:1100px; margin:0 auto;}
div#wrap div#container div#section div.right_content div.content_title div.page_main_title { display:none; }
div#wrap div#container div#section div.right_content div.content_title h3 { margin:0px 0 0 0; font-size:36px; line-height:100%; color:#333; font-weight:bold; text-align:center; }

div#wrap div#container div#section div.right_content div.content_body {width:100%; padding:50px 0 90px 0px; font-size:14px; }
div#wrap div#container div#section div.right_content div.content_body div.tab_menu{width:1100px; margin:0 auto;}
div#wrap div#container div#section div.right_content div.content_body div.tab_menu ul{overflow:hidden; margin-right:-5px;margin-bottom:40px;}
div#wrap div#container div#section div.right_content div.content_body div.tab_menu ul li{float:left; }
div#wrap div#container div#section div.right_content div.content_body div.tab_menu ul li a{position:relative;display:block; text-align:center; height:50px; background-color:#ebebeb; line-height:50px; border-left:none; font-size:15px; color:#666; font-weight:bold;}
div#wrap div#container div#section div.right_content div.content_body div.tab_menu ul li:first-child a{margin-left:0;}

div#wrap div#container div#section div.right_content div.content_body div.custom {display: flex; flex-direction: column; width:1100px; align-items: center;margin:0 auto;}
div#wrap div#container div#section div.right_content div.content_body div.custom a {position:relative;width: 178px; display: inline-block; background-color:#7ACFE2; color: #fff; 
height: 50px; line-height: 50px; text-align: center; font-weight: bold;font-size:15px;margin-bottom:24px;}
div#wrap div#container div#section div.right_content div.content_body div.custom a:has(strong) {background:#42aec5;}
div#wrap div#container div#section div.right_content div.content_body div.custom a:first-child::after {content:"";position:absolute;left:50%;margin-left:-0.5px;top:100%;width:1px;height:24px;background:#888;}
div#wrap div#container div#section div.right_content div.content_body div.custom a:last-child {margin-bottom:24px;}
div#wrap div#container div#section div.right_content div.content_body div.custom a:last-child::before {content:"";position:absolute;left:50%;margin-left:-0.5px;top:100%;width:1px;height:24px;background:#888;}
div#wrap div#container div#section div.right_content div.content_body div.custom a:last-child::after {content:"";position:absolute;left:-244px;top:calc(100% + 24px);width:555px;height:1px;background:#888;}
div#wrap div#container div#section div.right_content div.content_body div.sub_tab {position:relative;top:24px;display:flex;width:1100px;height:80px;margin:0 auto 48px;}
div#wrap div#container div#section div.right_content div.content_body div.sub_tab::before {content:"";position:absolute;left:217px;bottom:100%;width:1px;height:24px;background:#888;}
div#wrap div#container div#section div.right_content div.content_body div.sub_tab::after {content:"";position:absolute;right:328px;bottom:100%;width:1px;height:24px;background:#888;}
div#wrap div#container div#section div.right_content div.content_body div.sub_tab a {position:absolute;top:0;width:260px; display: inline-block; background-color:#6ed5b8; color: #fff; 
height: 50px; line-height: 50px; text-align: center; font-weight: bold;font-size:15px;}
div#wrap div#container div#section div.right_content div.content_body div.sub_tab a:has(strong) {background:#3db996;}
div#wrap div#container div#section div.right_content div.content_body div.sub_tab a::before {content:"";position:absolute;left:50%;margin-left:-0.5px;top:100%;width:1px;height:26px;background:#888;}
div#wrap div#container div#section div.right_content div.content_body div.sub_tab a::after {content:"";position:absolute;left:50%;transform:translateX(-50%);margin-left:1px;top:calc(100% + 26px);width:calc(100% - 38px);height:1px;background:#888;}
div#wrap div#container div#section div.right_content div.content_body div.sub_tab a:nth-child(1) {left:88px;}
div#wrap div#container div#section div.right_content div.content_body div.sub_tab a:nth-child(2) {right:198px;}
div#wrap div#container div#section div.right_content div.content_body div.sub_tab a:nth-child(2)::before {height:26px;}
div#wrap div#container div#section div.right_content div.content_body div.sub_tab a:nth-child(2)::after {margin-left:0;width:calc(100% + 182px);}
div#wrap div#container div#section div.right_content div.content_body div.sub_tab ~ div.tab_menu ul {height:80px;overflow:visible;margin-bottom:24px;}
div#wrap div#container div#section div.right_content div.content_body div.sub_tab ~ div.tab_menu ul li a::before {content:"";position:absolute;left:50%;bottom:100%;width:1px;height:28px;background:#888;}
div#wrap div#container div#section div.right_content div.content_body div.sub_tab ~ div.tab_menu ul li:nth-child(4) a::before {content:"";position:absolute;left:50%;top:100%;width:1px;height:28px;background:#888;}
div#wrap div#container div#section div.right_content div.content_body div.sub_tab ~ div.tab_menu ul li:nth-child(4) a::after {content:"";position:absolute;left:50%;transform:translateX(-50%);margin-left:0.5px;top:calc(100% + 28px);width:calc(100% - 61px);height:1px;background:#888;}
div#wrap div#container div#section div.right_content div.content_body div.sub_tab2 {position:relative;display:flex;width:1100px;height:50px;margin:0 auto 50px;}
div#wrap div#container div#section div.right_content div.content_body div.sub_tab2 a {position:absolute;top:0;width:150px; display: inline-block; background-color:#bbb; color: #444;height: 50px; line-height: 50px; text-align: center; font-weight: bold;font-size:14px;}
div#wrap div#container div#section div.right_content div.content_body div.sub_tab2 a:has(strong) {background:#444;color:#fff;}
div#wrap div#container div#section div.right_content div.content_body div.sub_tab2 a::before {content:"";position:absolute;left:50%;margin-left:-0.5px;bottom:100%;width:1px;height:26px;background:#888;}
div#wrap div#container div#section div.right_content div.content_body div.sub_tab2 a:nth-child(1) {right:330px;}
div#wrap div#container div#section div.right_content div.content_body div.sub_tab2 a:nth-child(2) {right:176px;}

/* 푸터 바로가기 */
div#wrap #banner{ position:relative;border-bottom:1px solid #dedede; border-top:1px solid #dedede;}
div#wrap #banner h4{width:170px; height:60px; line-height:60px; float:left; display:block; background-color:#dedede; text-align:center; color:#606876; font-size:16px; font-weight:bold;}
div#wrap #banner .banner-area {width:1100px; height:60px; margin:0 auto;position:relative; box-sizing:border-box; }
div#wrap #banner .banner-area ul {overflow: hidden; width:990px !important; height:60px; margin-left: 70px;} 
div#wrap #banner .banner-area ul li {position: relative; width: 180px; height:60px; line-height:60px;float: left; margin-left: 15px; }
div#wrap #banner .banner-area ul li img{border:1px solid #eeeded; width:180px; height:45px; margin-top:6px;}
div#wrap #banner .banner_btn a {position: absolute;top: 15px;text-indent:-10000px; display:block; width:32px; height:32px;}
div#wrap #banner .banner_btn a.play {display:none;left: 30px;background: url("/images/default/main/play.gif") no-repeat 0 0;}
div#wrap #banner .banner_btn a.stop {left: 0px;background: url("/images/default/main/stop.gif") no-repeat 0 0;}
div#wrap #banner .banner_btn a.prev {left: 35px;background: url("/images/default/main/left.gif") no-repeat 0 0;}
div#wrap #banner .banner_btn a.next {right: 0px;background: #fff url("/images/default/main/right.gif") no-repeat 0  15px;top:0;height:60px;}

/* 푸터 */
div#wrap div#footer{ clear:both; padding:0 0 30px 0; background-color:#fff; }
div#wrap div#footer div.copyright { width:1100px; margin:0 auto; line-height:140%; color:#787878;  padding-top:30px; overflow:hidden;}
div#wrap div#footer div.copyright h3 { float:left; margin:0px 30px 0px 0px; }
div#wrap div#footer div.copyright div{float:left; margin-top:10px;}
div#wrap div#footer div.copyright span.vbar{color:#ccc; padding:0px 10px;}
div#wrap div#footer p.copy{ font-size:13px; color:#adadad; font-weight:bold; margin-top:10px;}
div#wrap div#footer .fcon {width: 100%;position: relative;border-bottom: 1px solid #dedede;}
div#wrap div#footer .fcon .fmenu {width: 1100px; margin: 0 auto;}
div#wrap div#footer .fcon .fmenu li a {display: inline-block;font-size: 0.8rem;height: 2.75rem;line-height: 2.75rem;}


/*사이드*/
div.aside{position:fixed;left:50%;margin-left:600px;top:125px;z-index:10;text-align:center;width:150px;overflow:hidden;}
div.aside div.img{padding:15px 4px;line-height:18px;background:url('/images/default/main/q_bg.jpg') 0 0 no-repeat;height:181px;}
div.aside div.msg{padding:10px 0px;}
div.aside p{color:#196fb8;font-size:17px;font-weight:bold;letter-spacing:-1px;margin-bottom:3px;}
div.aside span{font-size:13px;color:#656565;font-weight:bold;letter-spacing:-1px;}
div.aside a.go_join{background:#04acf7;padding:2px 15px;border-radius:10px;color:#ffffff;font-weight:bold;margin-top:10px;}
div.aside p.go_top{width:100%;margin-top:5px;background-color:#8d8d8d;border:none;font-size:13px;font-weight:bold;padding:10px 0;cursor:pointer;}
div.aside p.go_top span{letter-spacing:0px;background:url('/images/default/main/top.png') right center no-repeat;padding-right:23px;color:#ffffff;}
div.aside p.meet{margin-top:5px;}