@charset "utf-8";

html, body{}
html{ overflow-y:scroll; width:100%; height:100%;}
body{ -webkit-text-size-adjust:none;}


.wrapper{ overflow:hidden; margin:0 auto; min-width:1200px;}



.header{ overflow:hidden;}
.header .top{ height:35px; background:url('/images/main/header/top_bg.jpg');}
.header .top .center{ margin:0 auto; width:1120px; height:35px;}
.header .top .center .right{ float:right;}
.header .top .center .right > img{ display:block; float:left; margin:13px 8px 13px 0;}
.header .top .center .right ul{ overflow:hidden; float:left; margin:8px 0 0 0; height:16px; border-radius:3px; border:1px solid #b7b7b7;}
.header .top .center .right ul li{ position:relative; float:left; border-left:1px solid #b7b7b7; cursor:pointer;}
.header .top .center .right ul li:first-child{ border-left:0;}
.header .top .center .right ul li:hover{ background:#f5f5f5;}
.header .top .center .right ul li img{ display:block;}
.header .top .center .right ul li input{ opacity:0; filter:Gray; -webkit-filter:grayscale(0%); display:block; position:absolute; z-index:10; top:0; left:0; padding:0; padding:0; width:18px; height:16px; border:none; cursor:pointer;}
.header .top .center .right span{ display:block; float:left; width:166px; height:34px; border-right:1px solid #d2d2d2; border-left:1px solid #d2d2d2; background:#f3f3f3;}

.header .middle{ height:40px; border-bottom:1px solid #d3d3d3;}
.header .middle .center{ margin:0 auto; width:1120px; height:40px;}
.header .middle .center .left{ float:left;}
.header .middle .center .left span{ display:block; float:left; width:159px; height:40px; background:url('/images/main/header/middle_left_bg.png') no-repeat 0 50%; text-align:left; line-height:40px; font-size:12px; font-weight:bold; color:#fff;}
.header .middle .center .left span img{ display:block; float:left; margin:15px 8px 0 20px;}
.header .middle .center .left p{ float:left; margin:0 0 0 10px; height:40px; line-height:38px; font-size:12px; font-weight:bold; color:#823f98;}
.header .middle .center .left font{ display:block; float:left; margin:0 0 0 10px; height:40px; line-height:40px; font-size:22px; color:#ef9640;}
.header .middle .center .search{ display:block; float:right; width:166px; height:40px; border-right:1px solid #d2d2d2; border-left:1px solid #d2d2d2;}
.header .middle .center .search input{ display:block; float:left; margin:0; padding:0 10px; width:111px; height:40px; border:none; background:none; line-height:t38px; font-size:12px; color:#a08ba7; outline:none; -webkit-appearance:none;}
.header .middle .center .search img{ display:block; float:right; cursor:pointer;}
.header .middle .center ul{ float:right; margin:0 0 0 0;}
.header .middle .center ul li{ float:left;}
.header .middle .center ul li a{ margin:10px 0; height:20px; line-height:18px; font-size:12px; color:#333; cursor:pointer;}
.header .middle .center ul li a:hover{ color:#793292;}
.header .middle .center ul li span{ display:block; margin:15px 12px; width:1px; height:10px; background:#b8b8b8;}



/*header_navi on 버튼  color 수정*/
.header .bottom{ height:73px; background:#fff;}
.header .bottom .center{ margin:0 auto; width:1120px; height:73px;}
.header .bottom .center .logo{ float:left; margin:17px 0 0 19px;}
.header .bottom .center .gnb{ float:left; margin:0 0 0 56px; height:73px;}
.gnb .sub-gnb{position:relative;}
.header .bottom .center .gnb > ul{ overflow:hidden;}
.header .bottom .center .gnb > ul > li{ float:left; }
.header .bottom .center .gnb > ul > li:last-child .sub_menu{ padding-left:10px; }
.header .bottom .center .gnb > ul > li > a{ height:73px; line-height:70px; font-size:16px; font-weight:bold; color:#333; letter-spacing:-1px;}
.header .bottom .center .gnb > ul > li > span{ display:block; margin:30px 25px 0; width:1px; height:10px; background:#afafaf;}

.header .bottom .center .gnb .sub_menu{display:none; position:absolute; z-index:999; padding-top:10px;}
.sub_menu > li{overflow:hidden; font-size:13px; text-align:center; clear:both; line-height: 33px;}
.sub_menu > li > a{ color: rgb(51, 51, 51) !important; font-size:13px; display:block; font-weight:normal; text-align:left;}
.sub_menu > li > a:hover{font-weight:bold ; color:rgb(51, 51, 51) !important;}

.back-wh{position: absolute; left: 0; background: #fff; width: 100%; z-index: 997; height: 280px; display:none; border-top: 1px solid #ddd;}

.header .bottom .center .gnb ul li.on a.on_01{ color:#83bd2f !important;}
.header .bottom .center .gnb ul li.on a.on_02{ color:#42a7ed !important;}
.header .bottom .center .gnb ul li.on a.on_03{ color:#f5b731 !important;}
.header .bottom .center .gnb ul li.on a.on_04{ color:#de7bb2  !important;}
.header .bottom .center .gnb ul li.on a.on_05{ color:#ff8a3c !important;}
.header .bottom .center .gnb ul > li > a.on_01:hover{ color:#83bd2f !important;}
.header .bottom .center .gnb ul > li > a.on_02:hover{ color:#42a7ed !important;}
.header .bottom .center .gnb ul > li > a.on_03:hover{ color:#f5b731 !important;}
.header .bottom .center .gnb ul > li > a.on_04:hover{ color:#de7bb2  !important;}
.header .bottom .center .gnb ul > li > a.on_05:hover{ color:#ff8a3c !important;}



.header .bottom .center .community{margin-top:14px; padding:5px 10px; float:right; background:#8883c9; text-align:center; font-size:14px; font-weight:bold; line-height:20px; color:#fff;}


.visual{ overflow:hidden; position:relative; margin:0 !important;background:#abcadc ; }
.visual .slide a{ min-width:1200px; height:380px; }
.visual .slick-dots{position:absolute; z-index:999; left:0; bottom:13px; width:100%; text-align:center;}
.visual .slick-dots li{margin:0 2px;}
.visual .slick-dots li button{ display:block; width:15px; height:15px; border-radius:50%; border:1px solid #fff;}
.visual .slick-dots li button:before{ display:none;}
.visual .slick-dots li.slick-active button{ background:#fff;}
.visual > button:before{ display:none;}
.visual .slick-prev{ left:50%; top:50%; margin:-18px 0 0 -653px; width:23px; height:37px; background:url('/images/main/visual/visual_arrow_left_off.png') !important;}
.visual .slick-prev:hover{ background:url('/images/main/visual/visual_arrow_left_on.png') !important;}
.visual .slick-next{ left:50%; top:50%; margin:-18px 0 0 629px; width:23px; height:37px; background:url('/images/main/visual/visual_arrow_right_off.png') !important;}
.visual .slick-next:hover{ background:url('/images/main/visual/visual_arrow_right_on.png') !important;}


.rolling {position:relative;}
.rolling > button:before{ display:none;}
.rolling > .slick-prev{ position:absolute; left:10px; top:177px;  width:17px; height:27px; background:url('/images/main/visual/m_banner_pre.png') !important; cursor:pointer; border:none;}
.rolling .slick-prev:hover{ background:url('/images/main/visual/m_banner_pre_on.png') !important;}
.rolling > .slick-next{ position:absolute;  right:10px; top:177px;  width:17px; height:27px; background:url('/images/main/visual/m_banner_next.png') !important; cursor:pointer; border:none;}
.rolling .slick-next:hover{ background:url('/images/main/visual/m_banner_next_on.png') !important;}


.container{    overflow:hidden; background:url('/images/main/container/bg.jpg');}
.container > .center{ position:relative; margin:20px auto 0 auto; width:1120px; background:#f0f0f0;}
.container > .center > ul{ overflow:hidden; width:1140px;}
.container > .center > ul > li{ float:left; margin:0 20px 20px 0; width:360px; height:256px; background:#fff;}

.container > .center .rolling .slick-dots{ display:none !important; right:20px; bottom:20px; text-align:right;}
.container > .center .rolling .slick-dots li{ margin:0 0 0 10px; width:auto; height:auto;}
.container > .center .rolling .slick-dots li button{ margin:0; width:10px; height:10px; border-radius:50%; background:#fff;}
.container > .center .rolling .slick-dots li button:before{ display:none;}
.container > .center .rolling .slick-dots li.slick-active button{ background:#ff5a90;}

.container > .center .news{}
.container > .center .news .wrap{position:relative; overflow:hidden; padding:29px 25px 25px; height:100%; box-sizing:border-box; border:1px solid #dadada;}
.container > .center .news .wrap .title p{font-weight:bold; font-size:20px; line-height:27px; color:#333; letter-spacing:-1px;}
.container > .center .news .wrap ul{margin:28px 0 0 0;}
.container > .center .news .wrap li{width:100%; border-top:1px dashed #c8c8c8;}
.container > .center .news .wrap li:first-child{border-top:0 none;}
.container > .center .news .wrap li a{overflow:hidden; line-height:35px;}
/*2020-10-20 .container > .center .news .wrap li p{float:left; font-size:14px; color:#666;}*/
.container > .center .news .wrap li p{float:left; font-size:14px; color:#666; width: 240px; overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.container > .center .news .wrap li span{float:right; font-size:12px; color:#999; text-align:right;}
.container > .center .news .wrap  .more{position:absolute; top:34px; right:25px; font-size:14px; line-height:14px; color:#666;}
.container > .center .news .wrap li:hover p,.container > .center .news .wrap  .more:hover{font-weight:bold; color:#333;}

.container > .center .banner{}
.container > .center .banner div{position:relative; width:100%; height:50%;}
.container > .center .banner .banner01{background:#f7a79c url('/images/main/container/banner01.png') no-repeat 189px 100%;}
.container > .center .banner .banner01 b {color:#d32c05;}
.container > .center .banner .banner02{background:#fcfc57 url('/images/main/container/banner02.png') no-repeat 211px 100%;}
.container > .center .banner div > a{padding:15px 0 0 25px; display: inline-block; width: 335px; height: 113px;}
.container > .center .banner div strong{font-weight:bold; font-size:18px; line-height:45px; letter-spacing:-1px;}
.container > .center .banner .banner01 strong{color:#394310;}
.container > .center .banner .banner02 strong{color:#312b14}
.container > .center .banner div span{ font-size:14px; line-height:18px; letter-spacing:-2px;}
.container > .center .banner .banner01 span{color:#5f6e1e;}
.container > .center .banner .banner02 span{color:#776627;}
.container > .center .banner div p{position:absolute; top:15px; right:16px;}
.container > .center .banner div p a{width:25px; height:25px;}
.container > .center div.banner01 p a{width:25px; background:#3b4318 url('/images/main/container/ico_more.png') no-repeat 50% 50%;}
.container > .center div.banner02 p a{width:25px; background:#5d4b04 url('/images/main/container/ico_more.png') no-repeat 50% 50%;}
.container > .center .banner div p span{display:none;}


.container > .center .gallery{}
.container > .center .gallery .wrap{position:relative; overflow:hidden; padding:27px 25px 25px; height:100%; box-sizing:border-box; border:1px solid #dadada;}
.container > .center .gallery .wrap .title p{font-weight:bold; font-size:20px; line-height:27px; color:#333; letter-spacing:-1px;}
.container > .center .gallery .wrap ul{margin:38px 0 0 0;}
.container > .center .gallery .wrap ul li{float:left; width:144px;}
.container > .center .gallery .wrap ul li:first-child{margin-right:17px;}
.container > .center .gallery .wrap ul li a{display:block; width:100%; height:100%;}
.container > .center .gallery .wrap ul li img{margin:0 0 8px 0; width:144px; height:103px;}
.container > .center .gallery .wrap ul li p { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; line-height:21px; color:#666; text-align:center;}
.container > .center .gallery .wrap  .more{position:absolute; top:34px; right:25px; font-size:14px; line-height:14px; color:#666;}
.container > .center .gallery .wrap ul li:hover p,.container > .center .gallery .wrap  .more:hover{font-weight:bold; color:#333;}



.container > .center .contact{box-sizing:border-box; border-top:1px solid #dadada; border-left:1px solid #dadada;}
.container > .center .contact a.contact01{background:#fff url('/images/main/container/contact01.jpg') no-repeat 0 100%; background-size:100% auto;}
.container > .center .contact a.contact02{background:#fff url('/images/main/container/contact02.jpg') no-repeat 0 100%;}
.container > .center .contact a{ float:left; ; width:50%; height:100%; box-sizing:border-box; border-right:1px solid #dadada; border-bottom:1px solid #dadada; font-weight:bold; font-size:14px; line-height:46px; color:#333; text-align:center; letter-spacing:-1px;}
.container > .center .contact a strong{display:inline-block; margin:21px 0 12px 0; font-size:16px; line-height:24px;}
.container > .center .contact a.contact01 strong{color:#007e91;}
.container > .center .contact a.contact02 strong{color:#283784;}
.container > .center .contact a strong.tel{margin:0; letter-spacing:0;}
.container > .center .contact a span{display:inline-block; font-weight:normal; font-size:13px; line-height:18px; color:#777;}


.container > .center .quick{box-sizing:border-box; border-top:1px solid #dadada; border-left:1px solid #dadada;}
.container > .center .quick span{float:left; width:50%; box-sizing:border-box; border-right:1px solid #dadada; border-bottom:1px solid #dadada;}
.container > .center .quick span a{display:block; padding:81px 0 0 0; font-weight:bold; font-size:14px; line-height:46px; color:#333; text-align:center; letter-spacing:-1px;}
.container > .center .quick .quick01{background:#fff url('/images/main/container/quick01.png') no-repeat center 24px;}
.container > .center .quick .quick02{background:#fff url('/images/main/container/quick02.png') no-repeat center 18px;}
.container > .center .quick .quick04{background:#fff url('/images/main/container/quick04.png') no-repeat center 24px;}
/* cafe link */
.container > .center .quick  .quick_cafe a{display:block;  font-size:11px; line-height:11px;}
.container > .center .quick  .quick_cafe .quick03_1{padding:44px 0 0 0; height:19px; background:#fff url('/images/main/container/quick03_01.jpg') no-repeat center 13px;}
.container > .center .quick  .quick_cafe .quick03_2{padding:36px 0 0 0; height:28px; background:#fff url('/images/main/container/quick03_02.jpg') no-repeat center 6px;}
.container #foot_banner {width:1120px; margin:0 auto; padding-bottom:50px;}
.container #foot_banner:after {clear:both; display:block; content:'';}
.container #foot_banner > li {float:left; margin-right: 6.5px;}
.container #foot_banner > li:last-child {margin-right:0px;}


.container #right_quick  { background:#fff; position:absolute; right:-100px; top:0px; width:90px;  border:1px solid #dadada;}
.container #right_quick  a {width:80px;  margin: 0 4px; border-bottom:1px solid #dadada; height:86px; display:inline-block;  text-align:center;}
.container #right_quick  a:last-child { border-bottom:0;}
.container #right_quick  a span { display:inline-block; height:22px; padding-top:64px; box-sizing:border-box; font-size:12px; text-align:center; color:#666;  }
.container #right_quick  a.r_quick01 { background:#fff url('/images/main/container/right_quick01.png') no-repeat center 13px;}
.container #right_quick  a.r_quick02 { background:#fff url('/images/main/container/right_quick08.png') no-repeat center 13px;}
.container #right_quick  a.r_quick03 { background:#fff url('/images/main/container/right_quick03.png') no-repeat center 13px;}
.container #right_quick  a.r_quick04 { background:#fff url('/images/main/container/right_quick04.png') no-repeat center 13px;}
.container #right_quick  a.r_quick05 { background:#fff url('/images/main/container/right_quick05.png') no-repeat center 13px;}
.container #right_quick  a.r_quick06 { background:#fff url('/images/main/container/right_quick06.png') no-repeat center 20px;}
.container #right_quick  a.r_quick07 { background:#fff url('/images/main/container/right_quick07.png') no-repeat center 13px;}
.container #right_quick img { vertical-align:middle;}

.footer{ overflow:hidden; padding:20px 0 40px 0; background:url('/images/main/footer/bg.jpg');}
.footer .center{ position:relative; overflow:hidden; margin:0 auto; width:1120px;}
.footer .utils{ float:left; overflow:hidden;}
.footer .utils li{ float:left; height:30px;}
.footer .utils a{ height:30px; line-height:30px; font-size:14px; color:#fff; cursor:pointer;}
.footer .utils li a:hover{ color:#ccc;}
.footer .utils li span{ display:block; margin:10px 12px; width:1px; height:10px; background:#b8b8b8;}

.footer .family_site{float:right; }
.footer .family_site select{padding:0 0 0 3px; width:165px; height:30px; color:#666; vertical-align:middle;}

.footer_logo01 {float:left; padding-top:35px;}
address{float:left; padding-top:35px; font-style:normal; font-size:14px; line-height:20px; padding-left:29px;  font-weight:400;}
.footer_logo02 {position:absolute; top:120px;}




.sub_visual{ overflow:hidden; height:20px; background:url('/images/common/sub_visual_bg.jpg');}
.sub_visual .center{ overflow:hidden; margin:0 auto; width:1120px; height:183px; background:url('/images/common/sub_visual_01.jpg') center no-repeat;}
.sub_visual .center p{ margin:70px 0 0 140px; line-height:30px; font-size:30px; font-weight:bold; color:#83bd2f; letter-spacing:-2px;}
.sub_visual .center p font{ color:#25aae1;}
.sub_visual .center span{ display:block; margin:10px 0 0 140px; line-height:15px; font-size:13px; color:#666; letter-spacing:-1px;}

.sub_visual_1{ overflow:hidden; height:20px; background:url('/images/common/sub_visual_bg.jpg');}
.sub_visual_1 .center_1{ overflow:hidden; margin:0 auto; width:1120px; height:183px; background:url('/images/common/sub_visual_01.jpg') center no-repeat;}
.sub_visual_1 .center_1 p{ margin:70px 0 0 140px; line-height:30px; font-size:30px; font-weight:bold; color:#83bd2f; letter-spacing:-2px;}
.sub_visual_1 .center_1 p font{ color:#25aae1;}
.sub_visual_1 .center_1 span{ display:block; margin:10px 0 0 140px; line-height:15px; font-size:13px; color:#666; letter-spacing:-1px;}

.sub_visual_2{ overflow:hidden; height:20px; background:url('/images/common/sub_visual_bg.jpg');}
.sub_visual_2 .center_2{ overflow:hidden; margin:0 auto; width:1120px; height:183px; background:url('/images/common/sub_visual_02.jpg') center no-repeat;}
.sub_visual_2 .center_2 p{ margin:70px 0 0 140px; line-height:30px; font-size:30px; font-weight:bold; color:#83bd2f; letter-spacing:-2px;}
.sub_visual_2 .center_2 p font{ color:#25aae1;}
.sub_visual_2 .center_2 span{ display:block; margin:10px 0 0 140px; line-height:15px; font-size:13px; color:#666; letter-spacing:-1px;}

.sub_visual_3{ overflow:hidden; height:20px; background:url('/images/common/sub_visual_bg.jpg');}
.sub_visual_3 .center_3{ overflow:hidden; margin:0 auto; width:1120px; height:183px; background:url('/images/common/sub_visual_03.jpg') center no-repeat;}
.sub_visual_3 .center_3 p{ margin:70px 0 0 140px; line-height:30px; font-size:30px; font-weight:bold; color:#83bd2f; letter-spacing:-2px;}
.sub_visual_3 .center_3 p font{ color:#25aae1;}
.sub_visual_3 .center_3 span{ display:block; margin:10px 0 0 140px; line-height:15px; font-size:13px; color:#666; letter-spacing:-1px;}

.sub_visual_4{ overflow:hidden; height:20px; background:url('/images/common/sub_visual_bg.jpg');}
.sub_visual_4 .center_4{ overflow:hidden; margin:0 auto; width:1120px; height:182px; /*background:url('/images/common/sub_visual_04.jpg') center no-repeat;*/}
.sub_visual_4 .center_4 p{ margin:70px 0 0 140px; line-height:30px; font-size:30px; font-weight:bold; color:#83bd2f; letter-spacing:-2px;}
.sub_visual_4 .center_4 p font{ color:#25aae1;}
.sub_visual_4 .center_4 span{ display:block; margin:10px 0 0 140px; line-height:15px; font-size:13px; color:#666; letter-spacing:-1px;}

.sub_visual_5{ overflow:hidden; height:20px; background:url('/images/common/sub_visual_bg.jpg');}
.sub_visual_5 .center_5{ overflow:hidden; margin:0 auto; width:1120px; height:183px; background:url('/images/common/sub_visual_05.jpg') center no-repeat;}
.sub_visual_5 .center_5 p{ margin:70px 0 0 140px; line-height:30px; font-size:30px; font-weight:bold; color:#83bd2f; letter-spacing:-2px;}
.sub_visual_5 .center_5 p font{ color:#25aae1;}
.sub_visual_5 .center_5 span{ display:block; margin:10px 0 0 140px; line-height:15px; font-size:13px; color:#666; letter-spacing:-1px;}

.sub_visual_6{ overflow:hidden; height:20px; background:url('/images/common/sub_visual_bg.jpg');}
.sub_visual_6 .center_6{ overflow:hidden; margin:0 auto; width:1120px; height:183px; background:url('/images/common/sub_visual_06.jpg') center no-repeat;}
.sub_visual_6 .center_6 p{ margin:70px 0 0 140px; line-height:30px; font-size:30px; font-weight:bold; color:#83bd2f; letter-spacing:-2px;}
.sub_visual_6 .center_6 p font{ color:#25aae1;}
.sub_visual_6 .center_6 span{ display:block; margin:10px 0 0 140px; line-height:15px; font-size:13px; color:#666; letter-spacing:-1px;}


.sub{ overflow:hidden; margin:0 auto; padding:12px 0 100px 0; width:1120px;}
.sub > .left{ float:left; width:230px;  padding-top:30px; }	
.sub > .left .title_01{ position:relative; height:120px; background:#83bd2f;}
.sub > .left .title_01 > a{position:absolute; width:100%; height:100%;}
.sub > .left .title_02{ position:relative; height:120px; background:#42a7ed;}
.sub > .left .title_02 > a{position:absolute; width:100%; height:100%;}
.sub > .left .title_03{ position:relative; height:120px; background:#f5b731;}
.sub > .left .title_03 > a{position:absolute; width:100%; height:100%;}
.sub > .left .title_04{ position:relative; height:120px; background:#de7bb2;}
.sub > .left .title_04 > a{position:absolute; width:100%; height:100%;}
.sub > .left .title_05{ position:relative; height:120px; background:#ff8a3c;}
.sub > .left .title_05 > a{position:absolute; width:100%; height:100%;}
.sub > .left .title_06{ position:relative; height:120px; background:#817cc3;}
.sub > .left .title_06 > a{position:absolute; width:100%; height:100%;}
.sub > .left > .title_01 p  { position:absolute; right:15px; bottom:15px; text-align:right; line-height:24px; font-size:25px; color:#fff; letter-spacing:-3px;}
.sub > .left > .title_02 p  { position:absolute; right:15px; bottom:15px; text-align:right; line-height:24px; font-size:25px; color:#fff; letter-spacing:-3px;}
.sub > .left > .title_03 p  { position:absolute; right:15px; bottom:15px; text-align:right; line-height:24px; font-size:25px; color:#fff; letter-spacing:-3px;}
.sub > .left > .title_04 p  { position:absolute; right:15px; bottom:15px; text-align:right; line-height:24px; font-size:25px; color:#fff; letter-spacing:-3px;}
.sub > .left > .title_05 p  { position:absolute; right:15px; bottom:15px; text-align:right; line-height:24px; font-size:25px; color:#fff; letter-spacing:-3px;}
.sub > .left > .title_06 p  { position:absolute; right:15px; bottom:15px; text-align:right; line-height:24px; font-size:25px; color:#fff; letter-spacing:-3px;}



.sub > .left > ul{ overflow:hidden;}
.sub > .left > ul > li{ overflow:hidden;}
.sub > .left > ul > li > a{ padding:0 20px; height:40px; border-bottom:1px solid #b7b7b7; line-height:38px; font-size:14px; font-weight:bold; color:#333; letter-spacing:-1px;}
.sub > .left > ul > li ul{ overflow:hidden; border-bottom:1px solid #b7b7b7;}
.sub > .left > ul > li ul li{ overflow:hidden;}
.sub > .left > ul > li ul li a{ padding:0 30px; height:35px; border-top:1px dotted #b7b7b7; line-height:33px; font-size:13px; color:#666;}
.sub > .left > ul > li ul li:first-child a{ border:0;}
.sub > .left > ul > li.on > a{ border-bottom-color:#505050 !important; background:url('/images/common/sub_left_on_bg.jpg') !important; color:#fff !important;}
.sub > .left > ul > li ul li.on a{ background:#e9e9e9 !important; font-weight:bold; color:#333;}
.sub > .left > ul > li:hover > a{ background:#ddd; color:#000;}
.sub > .left > ul > li ul li:hover a{ background:#f5f5f5; font-weight:bold; color:#333;}

.sub > .right{ float:right; width:820px;}



/*왼쪽하단 고객센터 */
.left_cs { margin-top:20px; width:231px; height:319px; background: url('/images/sub/common/left_cs_bg.gif') no-repeat 0 0}
.left_cs .tit { width:230px; height:70px;   position:relative;}
.left_cs .tit h3 { position:absolute; left:85px; top:7px;  font-weight:bold; font-size:18px; line-height:18px; color:#333;  letter-spacing:-1px;}
.left_cs .tit p { position:absolute; left:85px; top:32px; font-size:12px; line-height:16px; color:#777; }

.cs_info .hidden{ position:absolute; left:-9999px; top:-9999px; width:0; height:0; font-size:0; line-height:0;}
.cs_info{ margin:0 auto; width:190px;  padding:17px 16px;}

.cs_info .info_02{ margin-top:16px;  }
.cs_info .info_02 .txt_01{  font-weight:bold;  font-size:13px; line-height:13px; color:#333;  margin-bottom:6px;  }
.cs_info .info_02 .txt_02{ padding-left: 7px; background: url('/images/sub/common/list_bg.jpg') no-repeat left center;   font-size:13px; line-height:13px; color:#333;  margin-bottom:6px;  }
.cs_info .info_02 .txt_03{ padding-left: 7px;  font-size:13px; line-height:13px; color:#333;  margin-bottom:6px;  }
.cs_info .info_02 .txt_04{ padding-left: 7px; background: url('/images/sub/common/list_bg.jpg') no-repeat left center;   font-size:13px; line-height:13px; color:#333;  margin-bottom:15px;  }

.cs_info .info_03 {  margin:0 auto;  border-top:1px dashed #fbcebf;}
.cs_info .info_03 .txt_01{  margin-top:15px; font-size:18px; line-height:18px; color:#333;  font-weight:bold;}
.cs_info .info_03 .txt_02{ margin-top:12px; }
.cs_info .info_03 .txt_03{ margin-top:7px;  font-size:12px; line-height:12px; color:#333; font-weight:bold;}




.sub .vision{ overflow:hidden; padding:60px 0 0 0;} 
.sub .vision ul{ overflow:hidden; margin:30px 0 0 0; border-top:2px solid #007eb1;}
.sub .vision ul li{ overflow:hidden; padding:30px 0; border-bottom:1px solid #CCC;}
.sub .vision ul li .title{ margin:0 0 20px 0; line-height:30px; font-size:20px; font-weight:bold; color:#333; letter-spacing:-2px;}
.sub .vision ul li div{ overflow:hidden; margin:10px 0; padding:0 0 0 300px;}
.sub .vision ul li div span{ display:block; float:left; margin:0 0 0 -300px; width:296px; height:46px; border:2px solid #999; text-align:center; line-height:44px; font-size:20px; font-weight:bold; color:#333; letter-spacing:-2px;}
.sub .vision ul li div p{ float:left; margin:0 0 0 30px; height:50px; line-height:48px; font-size:18px; color:#666; letter-spacing:-1px;}
.sub .vision ul li div p font{ display:block; float:left; margin:0 0 0 -90px; width:90px;}

.sub .history{ overflow:hidden; padding:60px 0 0 0;} 
.sub .history .item{ overflow:hidden; position:relative;}
.sub .history .item ul{ overflow:hidden; position:relative;}
.sub .history .item ul li{ overflow:hidden; margin:0 0 30px 0;}
.sub .history .item ul li .box{ overflow:hidden; position:relative; padding:0 0 0 80px;}
.sub .history .item ul li .box .icon{ position:absolute; z-index:10; top:0; left:0;}
.sub .history .item ul li .box p{ margin:10px 0 20px 0; line-height:40px; font-size:40px; font-weight:900; color:#6082d7; letter-spacing:-1px;}
.sub .history .item ul li .box font{ display:block; margin:10px 0 0 0; padding:0 0 0 100px; line-height:20px; font-size:14px; font-weight:300; color:#444; letter-spacing:-0.5px;}
.sub .history .item ul li .box font span{ display:block; float:left; margin:0 0 0 -100px; width:100px; font-size:15px; color:#793292; letter-spacing:0;}
.sub .history .item .line{ position:absolute; top:0; bottom:30px; left:30px; width:1px; background:#ddd;}




.sub .gallery{ margin:60px 0 0 0; border-top:2px solid #007eb1;}
.sub .gallery ul{ overflow:hidden; border-left:1px solid #CCC;}
.sub .gallery ul li{ float:left; width:33.33%;}
.sub .gallery ul li a{ padding:20px; border-right:1px solid #CCC; border-bottom:1px solid #CCC;}
.sub .gallery ul li a img{ display:block; width:100%;}
.sub .gallery ul li a .title{ margin:15px 0 0 0; line-height:20px; font-size:15px; color:#333; letter-spacing:-1px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.sub .gallery ul li a .date{ margin:10px 0 0 0; line-height:15px; font-size:12px; color:#999;}
.sub .gallery ul li:hover a{ background:#f5f5f5;}
.sub .gallery ul li:hover a .title{ font-weight:bold;}





.board_01{ overflow:hidden;}
.board_01 > .title{ border-top:1px solid #CCC; border-bottom:2px solid #007eb1; background:#f5f5f5;}
.board_01 > .title tr{ height:40px; font-weight:bold; font-size:15px; color:#333;}

.board_01 > .list{ height:30px; border-bottom:1px solid #dcdcdc;}
.board_01 > .list tr{ line-height:18px; font-size:13px; color:#444;}
.board_01 > .list tr td{ position:relative; padding:5px 0; border-left:1px solid #CCC;}
.board_01 > .list tr td:first-child{ border:0;}

.board_01 > .list tr td .text_left{ padding:0 20px; text-align:left;}

.board_01 > .list tr td a{ position:absolute; top:0; right:20px; bottom:0; left:20px; text-align:left; line-height:46px; font-size:13px; color:#333; letter-spacing:-1px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.board_01 > .list:hover{ background:#fafafa;}
.board_01 > .list:hover tr{ color:#000;}
.board_01 > .list:hover tr td.title a{ color:#4cb6cb;}





.board_02{ overflow:hidden;}
.board_02 > .title{ border-top:1px solid #CCC; border-bottom:2px solid #007eb1; background:#f5f5f5;}
.board_02 > .title tr{ height:50px; font-weight:bold; font-size:15px; color:#333;}

.board_02 > .list{ height:40px; border-bottom:1px solid #dcdcdc;}
.board_02 > .list tr{ line-height:18px; font-size:13px; color:#444;}
.board_02 > .list tr td{ border-left:1px solid #CCC;}
.board_02 > .list tr td:first-child{ border:0;}

.board_02 > .list tr td .text_3{ height:89px; border-bottom:1px solid #dcdcdc; line-height:88px;}
.board_02 > .list tr td .text_1{ height:30px; line-height:28px;}

.board_02 > .list tr td .text_line{ text-align:left;}
.board_02 > .list tr td .text_line li{ padding:0 20px; border-top:1px solid #dcdcdc; line-height:29px;}
.board_02 > .list tr td .text_line li:first-child{ border:0;}

.board_02 > .list:hover{ background:#fafafa;}
.board_02 > .list:hover tr{ color:#000;}
.board_02 > .list:hover tr td.title a{ color:#4cb6cb;}



.board_03{ overflow:hidden;}
.board_03 > .title{ border-top:2px solid #007eb1; border-bottom:1px solid #999; background:#fff;}
.board_03 > .title tr{ height:50px; font-weight:bold; font-size:15px; color:#333;}

.board_03 > .list{ height:40px; border-bottom:1px solid #dcdcdc;}
.board_03 > .list tr{ line-height:18px; font-size:13px; color:#444;}
.board_03 > .list tr td{ position:relative; padding:15px 0;}

.board_03 > .list tr td a{ position:absolute; top:0; right:20px; bottom:0; left:20px; text-align:left; line-height:46px; font-size:13px; color:#333; letter-spacing:-1px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.board_03 > .list:hover{ background:#fafafa;}
.board_03 > .list:hover tr{ color:#000;}
.board_03 > .list:hover tr td.title a{ color:#4cb6cb;}


	/* 글쓰기 버튼 */
.board-btn-write{
	float:right;
}
.board-btn-write a{
	display:block;
	padding:10px 30px;
	background:#8883c9;
	font-size:13px; color:#fff;
}

.board_view_01{ overflow:hidden;}
.board_view_01 > .title{ padding:20px; border-top:2px solid #007eb1; border-bottom:1px solid #999; line-height:20px; font-size:15px; font-weight:bold; color:#333; overflow:hidden;}
.board_view_01 > .info{ padding:0 20px; height:49px; background:#f5f5f5; border-bottom:1px solid #ebebeb;  position:relative;}
.board_view_01 > .info .right{ float:right; margin:0 0 0 20px;}
.board_view_01 > .info .right li{ float:left; margin:0 0 0 20px; height:50px; line-height:48px; font-size:13px; color:#888;}
.board_view_01 > .info .right li span{ float:left; height:50px; font-weight:bold; color:#666;}
.board_view_01 > .contents{ padding:50px; border-bottom:1px solid #999; line-height:22px; font-size:13px; color:#666;}
.board_view_01 > .contents img{ display:block; margin:0 auto; max-width:100% !important; height:auto !important;}

#add_file_list {
    display: block;
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 15px 20px;
    position: absolute;
    right: 0;
    top: 47px;
    min-width: 300px;
}
ul#add_file_list li:hover {
    text-decoration: underline;
}
ul#add_file_list li {
    font-size: 14px;
    line-height: 1.5;
    cursor: pointer;
}
a.add_close {
    color: #999;
    position: absolute;
    right: 15px;
    top: 15px;
}
.board_btn_01{ margin:50px 0 0 0; height:40px; overflow:hidden;}
.board_btn_01 a{ margin:0 auto; width:120px; height:40px; background:#333236; border-radius:2px; line-height:38px; text-align:center; font-size:15px; font-weight:bold; color:#fff; letter-spacing:-1px;}
.board_btn_01 a:hover{ background:#007eb1;}


.board_page{ margin:50px 0 0 0;}
.board_page ul{ height:40px; text-align:center;}
.board_page ul li{ position:relative; display:inline-block; margin:0; width:35px; height:35px; margin:1px; /*box-shadow:0 1px 3px 0 rgba(0,0,0,0.05); */cursor:pointer; }
.board_page ul li p{ position:absolute; background:#fff; line-height:36px; text-align:center; font-size:15px; color:#666;}
.board_page ul li p.btn_L{ top:0; right:0; bottom:0; left:0; border-radius:3px 0 0 3px; border:1px solid #CCC;}
.board_page ul li p.btn_R{ top:0; right:0; bottom:0; left:0; border-radius:0 3px 3px 0; border:1px solid #CCC; border-left:0;}
.board_page ul li p:hover{ line-height:34px; font-size:20px; color:#007eb1;}
.board_page ul li span{ position:absolute; top:0; right:0; left:0; height:35px; margin:1px; background:#fff; border:1px solid #CCC; box-sizing:border-box; font-size:12px; line-height:35px; color:#666;}
.board_page ul li span:hover{ background:#f0f0f0; font-size:15px; color:#007eb1;}
.board_page ul li span.on{ z-index:50; right:0; left:-1px; height:35px; margin:1px; border:0; background:#97cb4b !important; line-height:35px; font-size:12px; font-weight:bold; color:#fff;}



.board_search{ height:58px; background:#f5f5f5; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
.board_search .center{ margin:14px auto; width:360px; height:30px;}
.board_search .center input{ float:left; margin:0 10px; padding:0 10px 0 10px; width:158px; height:28px; background:#fff; line-height:25px; border:1px solid #d7d7d7; border-radius:0; font-size:13px; color:#555; font-family:맑은 고딕 !important; outline:none;}
.board_search .center .btn{ float:left; width:80px; height:30px;}

.board_search_select{ float:left; height:30px; margin:0 0 0 0; box-shadow:0; font-size:13px !important; font-weight:normal;}
.board_search_select > a{ width:60px !important; padding:4px 9px 4px 9px; height:20px; line-height:18px; font-size:12px; color:#666; background:#fff; border-color:#d7d7d7;}
.board_search_select > a.dk_toggle:after{ top:45% !important;}
.board_search_select .dk_option_current a{ background:#2e2d31;}
.board_search_select .dk_options_inner{ border-color:#2e2d31;}



.write_01{ border-top:2px solid #007eb1; border-bottom:1px solid #d2d2d2;}
.write_01 .line{ width:129px; height:30px; background:#fafafa; border-right:1px solid #dcdcdc;}
.write_01 dl{ position:relative; padding-left:130px; border-top:1px solid #dcdcdc;}
.write_01 dl:hover{ background:#f0f0f0;}
.write_01 dl:hover dt{ background:#f0f0f0;}
.write_01 dl dt{ position:absolute; left:0; top:0; bottom:0; width:129px; background:#fafafa; border-right:1px solid #dcdcdc; font-size:14px; letter-spacing:-1px; color:#666; overflow:hidden;}
.write_01 dl dd{ padding:10px 0 10px 30px; height:30px;}
.write_01 dl dd .input{ float:left; height:28px; padding:0 9px 0 9px; border:1px solid #c9c9c9; background:#fafafa; line-height:26px; font-size:13px; color:#666; outline:none; font-family:맑은 고딕 !important;}
.write_01 dl dd .radio{ display:block; float:left;}
.write_01 dl dd textarea{ width:610px; max-width:610px; height:140px; max-height:140px; padding:4px 9px; border:1px solid #c9c9c9; background:#fafafa; font-size:13px; color:#666; line-height:20px; outline:none; font-family:맑은 고딕 !important;}

.write_01 dl dd .person_plus{ float:left; margin:0 0 0 10px; width:28px; height:28px; border:1px solid #dcdcdc; background:#fff; text-align:center; line-height:28px; font-size:20px; color:#333; cursor:pointer;}
.write_01 dl dd .person_minus{ float:left; margin:0 0 0 -1px; width:28px; height:28px; border:1px solid #dcdcdc; background:#fff; text-align:center; line-height:28px; font-size:20px; color:#333; cursor:pointer;}
.write_01 dl dd .person_plus:hover{ position:relative; z-index:100; border-color:#007eb1; background:#007eb1; color:#fff;}
.write_01 dl dd .person_minus:hover{ position:relative; z-index:100; border-color:#007eb1; background:#007eb1; color:#fff;}

.write_01 dl dd .info{ overflow-y:scroll; margin:0 0 5px 0; padding:20px 30px; max-width:568px; max-height:138px; width:738px; height:138px; background:#fafafa; border:1px solid #c9c9c9; line-height:20px; font-size:13px; color:#999; outline:none;}

.write_01 dl dd .file_btn{ float:left; margin:10px 0 0 0; width:109px; height:28px; line-height:26px; text-align:center; font-size:13px; color:#666; background:#fff; border:1px solid #c9c9c9; border-left:0; cursor:pointer;}
.write_01 dl dd .file_btn:hover{ background:#ddd; color:#333;}


.write_select_01{ height:30px; margin:0 0 0 0; box-shadow:0; font-size:13px !important; font-weight:normal;}
.write_select_01 .dk_toggle{ width:300px !important; padding:4px 9px 4px 9px; height:20px; line-height:18px; font-size:12px; color:#666; background:#fafafa; border-color:#c9c9c9;}
.write_select_01 .dk_toggle:after{ top:45% !important;}
.write_select_01 .dk_options .dk_options_inner{ border-color:#007eb1;}
.write_select_01 .dk_options .dk_options_inner .dk_option_current a{ background:#007eb1;}

.write_select_02{ height:30px; margin:0 0 0 0; box-shadow:0; font-size:13px !important; font-weight:normal;}
.write_select_02 .dk_toggle{ width:220px !important; padding:4px 9px 4px 9px; height:20px; line-height:18px; font-size:12px; color:#666; background:#fafafa; border-color:#c9c9c9;}
.write_select_02 .dk_toggle:after{ top:45% !important;}
.write_select_02 .dk_options .dk_options_inner{ border-color:#007eb1;}
.write_select_02 .dk_options .dk_options_inner .dk_option_current a{ background:#007eb1;}

.write_select_03 { width: 180px; height:30px; margin:0 0 0 0; box-shadow:0; font-size:13px !important; font-weight:normal;}
.write_select_03 .dk_toggle{ width:180px !important; padding:4px 9px 4px 9px; height:20px; line-height:18px; font-size:12px; color:#666; background:#fafafa; border-color:#c9c9c9;}
.write_select_03 .dk_toggle:after{ top:45% !important;}
.write_select_03 .dk_options .dk_options_inner{ border-color:#007eb1;}
.write_select_03 .dk_options .dk_options_inner .dk_option_current a{ background:#007eb1;}

.write_btn{ margin:50px 0 0 0; overflow:hidden;}
.write_btn ul{ height:40px; overflow:hidden; text-align:center;}
.write_btn ul li{ display:inline-block; margin:0 10px; width:100px; height:40px; overflow:hidden; border-radius:3px; cursor:pointer;}
.write_btn ul li img{ display:block; margin:11px auto;}
.write_btn ul li.ok{ background:#007eb1;}
.write_btn ul li.cancel{ background:#999;}
.write_btn ul li.ok:hover{ background:#085c7e;}
.write_btn ul li.cancel:hover{ background:#666;}



.click_program{ display:none; position:fixed; z-index:10000; top:0; right:0; bottom:0; left:0; background:url('/images/common/bg70.png');}
.click_program > .center{ overflow:hidden; position:fixed; top:50px; bottom:50px; left:50%; margin:0 0 0 -560px; width:1120px; background:#fff; border-radius:5px; box-shadow:0 5px 10px 0 rgba(0,0,0,0.3);}
.click_program > .center .top{ position:absolute; z-index:10; top:0; left:0; right:0; padding:0 50px; height:60px; background:#007eb1;}
.click_program > .center .top .title{ float:left; height:60px; line-height:58px; font-size:22px; font-weight:bold; color:#fff; letter-spacing:-2px;}
.click_program > .center .top .close{ float:right; margin:0 -50px 0 0; width:60px; height:60px; cursor:pointer;}
.click_program > .center .top .close img{ display:block; margin:20px auto;}
.click_program > .center .top .close:hover{ background:#085c7e;}
.click_program > .center .bottom{ position:absolute; top:60px; bottom:0; left:0; right:0; padding:40px 80px 200px 80px; background:#f2f4f8; overflow-y:scroll;}
.click_program > .center .bottom > ul{ width:100%; background:#fff; border:1px solid #dcdcdc; border-top:0; box-shadow:0 1px 3px 0 rgba(0,0,0,0.05);}
.click_program > .center .bottom > ul > li{ padding:0 0 0 140px; height:50px; border-top:1px solid #dcdcdc;}
.click_program > .center .bottom > ul > li:first-child{ border-radius:0 0 0 0;}
.click_program > .center .bottom > ul > li p{ float:left; margin:0 0 0 -140px; padding:0 20px 0 0; width:100px; height:50px; background:#fafafa; border-right:1px solid #f0f0f0; line-height:48px; text-align:right; font-size:13px; color:#333;}
.click_program > .center .bottom > ul > li .input{ float:left; margin:10px 0; padding:0 9px; width:280px; height:28px; background:#fafafa; border:1px solid #ddd; line-height:28px; font-size:13px; color:#999; outline:none;}
.click_program > .center .bottom > ul > li textarea{ display:block; margin:0; padding:10px; width:750px; height:180px;  border:1px solid #ddd; line-height:20px; font-size:13px; color:#999; outline:none;}
.click_program > .center .bottom > ul > li .info{ overflow-y:scroll; margin:10px 0 5px 0; padding:20px 30px; max-width:690px; max-height:138px; width:738px; height:138px; background:#fafafa; border:1px solid #ddd; line-height:20px; font-size:13px; color:#999; outline:none;}
.click_program > .center .bottom > ul > li .file{ float:left; margin:10px 0; overflow:hidden;}
.click_program > .center .bottom > ul > li .file input{ float:left; padding:0 9px; width:181px; height:28px; background:#fafafa; border:1px solid #ddd; border-right:0; line-height:28px; font-size:13px; color:#999; outline:none;}
.click_program > .center .bottom > ul > li .file .btn{ float:left; width:98px; height:28px; background:#fff; border:1px solid #CCC; text-align:center; line-height:26px; font-size:12px; color:#666; cursor:pointer;}
.click_program > .center .bottom > ul > li .file .btn img{ display:block; float:left; margin:8px 5px 0 18px;}
.click_program > .center .bottom > ul > li .file:hover .btn{ background:#f0f0f0; border-color:#4cb6cb;}

.click_program > .center .bottom > ul > li .person_plus{ float:left; margin:10px 0 0 45px; width:28px; height:28px; border:1px solid #dcdcdc; background:#fff; text-align:center; line-height:28px; font-size:20px; color:#333; cursor:pointer;}
.click_program > .center .bottom > ul > li .person_minus{ float:left; margin:10px 0 0 -1px; width:28px; height:28px; border:1px solid #dcdcdc; background:#fff; text-align:center; line-height:28px; font-size:20px; color:#333; cursor:pointer;}
.click_program > .center .bottom > ul > li .person_plus:hover{ position:relative; z-index:100; border-color:#007eb1; background:#007eb1; color:#fff;}
.click_program > .center .bottom > ul > li .person_minus:hover{ position:relative; z-index:100; border-color:#007eb1; background:#007eb1; color:#fff;}


.click_program > .center .bottom > ul > li:hover{ background:#f0f0f0;}
.click_program > .center .bottom > ul > li:hover > p{ background:none;}

.click_program > .center .bottom > .btn{ margin:50px 0 60px 0; overflow:hidden;}
.click_program > .center .bottom > .btn ul{ height:40px; overflow:hidden; text-align:center;}
.click_program > .center .bottom > .btn ul li{ display:inline-block; margin:0 10px; width:100px; height:40px; overflow:hidden; border-radius:3px; cursor:pointer;}
.click_program > .center .bottom > .btn ul li img{ display:block; margin:11px auto;}
.click_program > .center .bottom > .btn ul li.ok{ background:#007eb1;}
.click_program > .center .bottom > .btn ul li.cancel{ background:#999;}
.click_program > .center .bottom > .btn ul li.ok:hover{ background:#085c7e;}
.click_program > .center .bottom > .btn ul li.cancel:hover{ background:#666;}

.click_form{ display:none; position:fixed; z-index:10000; top:0; right:0; bottom:0; left:0; background:url('/images/common/bg70.png');}
.click_form > .center{ overflow:hidden; position:fixed; top:50px; bottom:50px; left:50%; margin:0 0 0 -560px; width:1120px; background:#fff; border-radius:5px; box-shadow:0 5px 10px 0 rgba(0,0,0,0.3);}
.click_form > .center .top{ position:absolute; z-index:10; top:0; left:0; right:0; padding:0 50px; height:60px; background:#007eb1;}
.click_form > .center .top .title{ float:left; height:60px; line-height:58px; font-size:22px; font-weight:bold; color:#fff; letter-spacing:-2px;}
.click_form > .center .top .close{ float:right; margin:0 -50px 0 0; width:60px; height:60px; cursor:pointer;}
.click_form > .center .top .close img{ display:block; margin:20px auto;}
.click_form > .center .top .close:hover{ background:#085c7e;}
.click_form > .center .bottom{ position:absolute; top:60px; bottom:0; left:0; right:0; padding:40px 80px 20px 80px; background:#f2f4f8; overflow-y:scroll;}
.click_form > .center .bottom > ul{ width:100%; background:#fff; border:1px solid #dcdcdc; border-top:0; box-shadow:0 1px 3px 0 rgba(0,0,0,0.05);}
.click_form > .center .bottom > ul > li{ padding:0 0 0 140px; height:50px; border-top:1px solid #dcdcdc;}
.click_form > .center .bottom > ul > li:first-child{ border-radius:0 0 0 0;}
.click_form > .center .bottom > ul > li p{ float:left; margin:0 0 0 -140px; padding:0 20px 0 0; width:100px; height:50px; background:#fafafa; border-right:1px solid #f0f0f0; line-height:48px; text-align:right; font-size:13px; color:#333;}
.click_form > .center .bottom > ul > li .input{ float:left; margin:10px 0; padding:0 9px; width:280px; height:28px; background:#fafafa; border:1px solid #ddd; line-height:28px; font-size:13px; color:#999; outline:none;}
.click_form > .center .bottom > ul > li textarea{ display:block; margin:0; padding:10px; max-width:728px; max-height:158px; width:778px; height:158px; background:#fafafa; border:1px solid #ddd; line-height:20px; font-size:13px; color:#999; outline:none;}
.click_form > .center .bottom > ul > li .info{ overflow-y:scroll; margin:10px 0 5px 0; padding:20px 30px; max-width:690px; max-height:138px; width:738px; height:138px; background:#fafafa; border:1px solid #ddd; line-height:20px; font-size:13px; color:#999; outline:none;}
.click_form > .center .bottom > ul > li .file{ float:left; margin:10px 0; overflow:hidden;}
.click_form > .center .bottom > ul > li .file input{ float:left; padding:0 9px; width:181px; height:28px; background:#fafafa; border:1px solid #ddd; border-right:0; line-height:28px; font-size:13px; color:#999; outline:none;}
.click_form > .center .bottom > ul > li .file .btn{ float:left; width:98px; height:28px; background:#fff; border:1px solid #CCC; text-align:center; line-height:26px; font-size:12px; color:#666; cursor:pointer;}
.click_form > .center .bottom > ul > li .file .btn img{ display:block; float:left; margin:8px 5px 0 18px;}
.click_form > .center .bottom > ul > li .file:hover .btn{ background:#f0f0f0; border-color:#4cb6cb;}

.click_form > .center .bottom > ul > li .person_plus{ float:left; margin:10px 0 0 45px; width:28px; height:28px; border:1px solid #dcdcdc; background:#fff; text-align:center; line-height:28px; font-size:20px; color:#333; cursor:pointer;}
.click_form > .center .bottom > ul > li .person_minus{ float:left; margin:10px 0 0 -1px; width:28px; height:28px; border:1px solid #dcdcdc; background:#fff; text-align:center; line-height:28px; font-size:20px; color:#333; cursor:pointer;}
.click_form > .center .bottom > ul > li .person_plus:hover{ position:relative; z-index:100; border-color:#007eb1; background:#007eb1; color:#fff;}
.click_form > .center .bottom > ul > li .person_minus:hover{ position:relative; z-index:100; border-color:#007eb1; background:#007eb1; color:#fff;}


.click_form > .center .bottom > ul > li:hover{ background:#f0f0f0;}
.click_form > .center .bottom > ul > li:hover > p{ background:none;}

.click_form > .center .bottom > .btn{ margin:50px 0 60px 0; overflow:hidden;}
.click_form > .center .bottom > .btn ul{ height:40px; overflow:hidden; text-align:center;}
.click_form > .center .bottom > .btn ul li{ display:inline-block; margin:0 10px; width:100px; height:40px; overflow:hidden; border-radius:3px; cursor:pointer;}
.click_form > .center .bottom > .btn ul li img{ display:block; margin:11px auto;}
.click_form > .center .bottom > .btn ul li.ok{ background:#007eb1;}
.click_form > .center .bottom > .btn ul li.cancel{ background:#999;}
.click_form > .center .bottom > .btn ul li.ok:hover{ background:#085c7e;}
.click_form > .center .bottom > .btn ul li.cancel:hover{ background:#666;}

.write_select{ margin:10px 0 !important; height:30px; background:none; box-shadow:0; font-size:13px !important; font-weight:normal;}
.write_select .dk_toggle{ padding:4px 9px 4px 9px; width:280px !important; background:#fafafa; border-color:#ddd; height:20px; line-height:18px; font-size:12px; color:#666;}
.write_select .dk_toggle:after{ top:45% !important;}
.write_select .dk_options .dk_options_inner{ border-color:#ed1b23;}
.write_select .dk_options .dk_options_inner .dk_option_current a{ background:#ed1b23;}






.sitemap{ display:none; position:fixed; z-index:200; top:0; right:0; bottom:0; left:0; background:url('/images/common/bg70.png');}
.sitemap .close{ display:none; position:absolute; top:0; right:0; cursor:pointer;}
.sitemap .center{ display:none; position:absolute; top:50%; left:50%; margin:-250px 0 0 -600px; padding:0 75px; width:1050px; height:495px; background:#fff; border-top:5px solid #e17358;}
.sitemap .center > ul{ display:none; margin:30px 0 0 0; overflow:hidden;}
.sitemap .center > ul > li{ float:left; width:16.66%;}
.sitemap .center > ul > li a {color:#333;}
.sitemap .center > ul > li:nth-child(4){ float:left; width:14.66%;}
.sitemap .center > ul > li:nth-child(5){ float:left; width:18.66%;}
.sitemap .center > ul > li .title{ padding:0 0 0 10px; height:50px; border-bottom:1px solid #ddd; line-height:48px; font-size:15px; font-weight:bold; color:#333; letter-spacing:-1px;}
.sitemap .center > ul > li ul{ margin:20px 0 0 0; overflow:hidden;}
.sitemap .center > ul > li ul li{ padding:0 5px; height:40px;}
.sitemap .center > ul > li ul li a{ margin:2px 0; padding:0 5px; height:36px; line-height:35px; font-size:12px; color:#666; letter-spacing:-1px;}
.sitemap .center > ul > li ul li a span{ display:block; float:left; margin:16px 5px 0 10px; width:4px; height:4px; background:#CCC; border-radius:50%;}

.sitemap .center > ul > li ul li.on a{ background:#e17358 !important; color:#fff !important;}
.sitemap .center > ul > li ul li.on a span{ background:#fff !important;}




.beulrik_01{ display:block; float:left; width:20px; height:20px; border-radius:50%; background:#83bd2f; text-align:center; line-height:20px; font-size:12px; color:#fff;}
/* ----- sub page ----- */

/* 서브 공통 */
.sub_cont_header{margin:30px 0 0 0; height:119px; /*border-bottom:1px solid #83bd2f;*/ letter-spacing:-1px;}
.sub_cont_header h2{padding:36px 0 0 0; font-weight:bold; font-size:30px; line-height:40px; color:#111;}
.sub_cont_header_txt p{padding:6px 0 0 0; font-size:14px; line-height:18px; color:#555;}
.sub_cont_header p{padding:6px 0 0 0; font-size:14px; line-height:18px; color:#555;}
.sub_cont_visual{margin:40px 0 0 0;}
.sub_cont_visual dl{padding:14px 20px 20px; border-top:2px solid #83bd2f; background:#f7f7f7;}
.sub_cont_visual dt{font-size:24px; color:#111;}
.sub_cont_visual dd{margin-top:7px; font-size:14px; color:#555;}
.sub_cont{ font-size:14px; line-height:20px; color:#555; letter-spacing:-1px;}
.sub_cont h4{margin:50px 0 5px 0; padding:0 0 0 30px ;  font-size:19px; line-height:23px; height:23px; letter-spacing:-2px; font-weight:bold; }
.sub_cont h4.green {  background:url('/images/sub/common/ico_title_green.gif') no-repeat 0 2px;  color:#159700;  margin-bottom:10px; }
.sub_cont h4.blue {  background:url('/images/sub/common/ico_title_blue.gif') no-repeat 0 2px;   color:#0081db;  margin-bottom:10px; }
.sub_cont .mB15 {margin-bottom:15px;}
.sub_cont .mB10 {margin-bottom:10px;}
.sub_cont h4.yellow{ background:url('/images/sub/common/ico_title_yellow.gif') no-repeat 0 2px;  color:#f6ac00;  margin-bottom:10px;}
.sub_cont h4.pink{ background:url('/images/sub/common/ico_title_pink.gif') no-repeat 0 2px;   color:#de7bb2;  margin-bottom:10px;}
.sub_cont h4.orange{ background:url('/images/sub/common/ico_title_orange.gif') no-repeat 0 2px;   color:#ff8a3c;  margin-bottom:10px;}
.sub_cont .together_title{clear:both; display:block;  background:none; background-color:#62b3eb; line-height:55px; font-size:19px; height:55px;  margin-bottom:0; color:#fff; font-weight:bold;}
.sub_cont .top_img {padding:20px 0 50px 0}
.sub_cont .top {text-align:right; padding-top:6px; }
.sub_cont .top a{width:43px; height:15px;font-size:0; display:inline-block; background:url('/images/sub/common/btn_top.gif') no-repeat 0 0 ;}
/* 통합교과모툼친구팀 */
.scene_header{background:url('/images/sub/scene/scene_title_bg.png') no-repeat 100% 0 ; border-bottom:1px solid #83bd2f }

/*header_title_bg*/
.header_bg_01{border-bottom:1px solid #83bd2f; background:url('/images/sub/common/header_bg_01.png') no-repeat 100% 0 ; }/*scene_header*/
.header_bg_02{border-bottom:1px solid #42a7ed; background:url('/images/sub/common/header_bg_02.png') no-repeat 100% 0 ; }/*together_header*/
.header_bg_03{border-bottom:1px solid #f5b731; background:url('/images/sub/common/header_bg_03.png') no-repeat 100% 0 ; }/*classroom_header*/
.header_bg_04{border-bottom:1px solid #de7bb2; background:url('/images/sub/common/header_bg_04.png') no-repeat 100% 0 ; }/*program_header*/
.header_bg_05{border-bottom:1px solid #ff8a3c; background:url('/images/sub/common/header_bg_05.png') no-repeat 100% 0 ; }/*intro_header*/
.header_bg_06{border-bottom:1px solid #817cc3; background:url('/images/sub/common/header_bg_06.png') no-repeat 100% 0 ; }/*intro_header*/





.sub_cont .scene_02 li{ margin-bottom:8px; padding-left:14px; background:url('/images/sub/common/list-style2.gif') no-repeat  0 13px;}

.sub_cont .scene_03{width:100%; border-spacing:0; border-collapse:collapse; text-align:center;}
.sub_cont .scene_03 caption{display:none;}
.sub_cont .scene_03 thead th{padding:15px 12px; border-left:1px solid #a8a8a8; border-bottom:1px solid #a8a8a8; border-top:1px solid #a8a8a8; background:#ebebeb; color:#000;}
.sub_cont .scene_03 thead th:first-of-type{border-left:0 none;}
.sub_cont .scene_03 tbody th{padding:15px 12px; border-bottom:1px solid #a8a8a8; background:#f7f7f7; line-height:22px; text-align:center; color:#000;}
.sub_cont .scene_03 tbody td{padding:15px 12px; border-left:1px solid #a8a8a8; border-bottom:1px solid #a8a8a8; }

.sub_cont .scene_04{padding:17px 0 17px 25px; width:100%; background:#f7f7f7; line-height:30px;}
.sub_cont .scene_04 .bt_submit_green {display:inline-block; width:70px; height:23px; line-height:23px; font-size:12px; text-align:center; border:1px solid #6ba912; margin-left:20px; color:#6ba912; background:#fff;  font-weight:bold;}
.sub_cont .scene_04 .bt_submit_yellow {display:inline-block; width:70px; height:23px; line-height:23px; font-size:12px; text-align:center; border:1px solid #eca000; margin-left:20px; color:#eca000; background:#fff;  font-weight:bold;}
.sub_cont .scene_04 > li > span.gray{ display:inline-block; background:#898989; width:17px; height:17px; line-height:17px; margin:0 6px 0 0;   border-radius:3px; border:1px solid #898989; color:#fff; font-size:12px; text-align:center;   }
.sub_cont .scene_04 > li > span img{vertical-align:middle;}
.sub_cont .scene_04 > li > ul li{padding:0 0 0 25px; line-height:24px; color:#777;}


/*인트로 페이지*/
.sub_cont ul.scene_01{overflow:hidden; height:190px; margin-top:40px;  background:#f7f7f7; }
.sub_cont .scene_01 li:after {clear:both; display:block; content:'';}
.sub_cont .scene_01 li{float:left; width:20%; height:190px; line-height:18px; text-align:center; font-size:12px; line-height:16px; box-sizing:border-box;}
.sub_cont .scene_01 .scene_01_1{ padding-top:145px;  background:url('/images/sub/scene/scene01_cont05_1.gif') no-repeat center 20px;}
.sub_cont .scene_01 .scene_01_2{ padding-top:145px;  background:url('/images/sub/scene/scene01_cont05_2.gif') no-repeat center 20px;}
.sub_cont .scene_01 .scene_01_3{ padding-top:145px;  background:url('/images/sub/scene/scene01_cont05_3.gif') no-repeat center 20px;}
.sub_cont .scene_01 .scene_01_4{ padding-top:145px;  background:url('/images/sub/scene/scene01_cont05_4.gif') no-repeat center 20px;}
.sub_cont .scene_01 .scene_01_5{ padding-top:145px;  background:url('/images/sub/scene/scene01_cont05_5.gif') no-repeat center 15px;}

.sub_cont ul.together_01{overflow:hidden; height:190px; margin-top:40px;  background:#f7f7f7; }
.sub_cont .together_01 li:after {clear:both; display:block; content:'';}
.sub_cont .together_01 li{float:left; width:20%; height:190px; line-height:18px; text-align:center; font-size:12px; line-height:16px; box-sizing:border-box;}
.sub_cont .together_01 .together_01_1{ padding-top:145px;  background:url('/images/sub/together/together01_1.gif') no-repeat center 10px;}
.sub_cont .together_01 .together_01_2{ padding-top:145px;  background:url('/images/sub/together/together01_2.gif') no-repeat center 20px;}
.sub_cont .together_01 .together_01_3{ padding-top:145px;  background:url('/images/sub/together/together01_3.gif') no-repeat center 20px;}
.sub_cont .together_01 .together_01_4{ padding-top:145px;  background:url('/images/sub/together/together01_4.gif') no-repeat center 20px;}
.sub_cont .together_01 .together_01_5{ padding-top:145px;  background:url('/images/sub/together/together01_5.gif') no-repeat center 20px;}


.sub_cont ul.classroom_01{overflow:hidden; height:190px; margin-top:40px;  background:#f7f7f7; }
.sub_cont .classroom_01 li:after {clear:both; display:block; content:'';}
.sub_cont .classroom_01 li{float:left; width:20%; height:190px; line-height:18px; text-align:center; font-size:12px; line-height:16px; box-sizing:border-box;}
.sub_cont .classroom_01 .classroom_01_1{ padding-top:145px;  background:url('/images/sub/classroom/classroom01_1.jpg') no-repeat center 20px;}
.sub_cont .classroom_01 .classroom_01_2{ padding-top:145px;  background:url('/images/sub/classroom/classroom01_2.jpg') no-repeat center 10px;}
.sub_cont .classroom_01 .classroom_01_3{ padding-top:145px;  background:url('/images/sub/classroom/classroom01_3.jpg') no-repeat center 20px;}
.sub_cont .classroom_01 .classroom_01_4{ padding-top:145px;  background:url('/images/sub/classroom/classroom01_4.jpg') no-repeat center 20px;}
.sub_cont .classroom_01 .classroom_01_5{ padding-top:145px;  background:url('/images/sub/classroom/classroom01_5.jpg') no-repeat center 20px;}


.sub_cont .sub_cont06{ line-height:30px;}



.sub_cont .sub_cont02{padding:17px 0 17px 30px; background:#f7f7f7; line-height:30px;}
.sub_cont .sub_cont02 li{background:url('/images/sub/common/list-style.gif') no-repeat  0 50%; text-indent:12px;}

.sub_cont .sub_cont03{width:100%; border-spacing:0; border-collapse:collapse; text-align:center;}
/*.sub_cont .sub_cont03 caption{display:none;}*/
.sub_cont .sub_cont03 thead th{padding:15px 0; border-left:1px solid #ddd; border-bottom:1px solid #ddd; background:#b4b4b4; line-height:22px; color:#fff;}
.sub_cont .sub_cont03 thead th:first-of-type{border-left:0 none;}
.sub_cont .sub_cont03 tbody th{padding:15px 0; border-bottom:1px solid #ddd; background:#f7f7f7; line-height:22px; text-align:left; text-indent:35px;}
.sub_cont .sub_cont03 tbody td{padding:15px 0; border-left:1px solid #ddd; border-bottom:1px solid #ddd; line-height:22px;}

.sub_cont .sub_cont04{ padding:17px 0 17px 25px; width:100%; background:#f7f7f7; line-height:30px;}
.sub_cont .sub_cont04  li span{margin:0 6px 0 0; line-height:30px;}
.sub_cont .sub_cont04  li span img{vertical-align:middle;}
.sub_cont .sub_cont04  li ul li{padding:0 0 0 25px; line-height:24px; color:#777;}
.sub_cont .together_left_img {float:left; margin-bottom:50px; }
.sub_cont ul.together_03 {float:left; width:420px;  padding-top:30px;}
.sub_cont ul.together_03 li {margin-left:20px;  margin-bottom:12px; padding-left:14px; background:url('/images/sub/common/list-style2.gif') no-repeat  0 13px;}
.sub_cont ul.together_02 {float:right; width:400px; padding-top:30px;}
.sub_cont ul.together_02 li {margin-left:20px;  margin-bottom:12px; padding-left:14px; background:url('/images/sub/common/list-style2.gif') no-repeat  0 13px;}



/*교과연계또래팀*/


.sub_cont .tab_conts>div.on{display:block;}
.sub_cont   .tab01 ul:after {content:""; display:block; clear:both;}
.sub_cont   .tab01 ul li {float:left; width:20%;  text-align:center; border-bottom:1px solid #239633; border-right:1px solid #fff; border-top:2px solid #fff; box-sizing:border-box; background:#ebebeb; color:#555555; margin-bottom:30px;  }
.sub_cont   .tab01 ul li a {color:#555555;}
/*.sub_cont   .tab01 ul li:last-child{border-right:1px solid #ddd;}*/
.sub_cont   .tab01 .tab01_1{font-size:14px; line-height:45px;height:45px; vertical-align:middle; }
.sub_cont   .tab01 .tab01_2{font-size:14px; line-height:45px;height:45px; vertical-align:middle; }
.sub_cont   .tab01 .tab01_3{font-size:14px; line-height:45px;height:45px; vertical-align:middle; }
.sub_cont   .tab01 .tab01_4{font-size:14px; line-height:45px;height:45px; vertical-align:middle; }
.sub_cont   .tab01 .tab01_5{font-size:14px; line-height:45px;height:45px; vertical-align:middle;}
.sub_cont   .tab01 .tab01_1 a{font-size:14px; line-height:45px; vertical-align:middle;  }
.sub_cont   .tab01 .tab01_2 a{font-size:14px; line-height:45px; vertical-align:middle; }
.sub_cont   .tab01 .tab01_3 a{font-size:14px; line-height:45px; vertical-align:middle; }
.sub_cont   .tab01 .tab01_4 a{font-size:14px; line-height:45px; vertical-align:middle; }
.sub_cont   .tab01 .tab01_5 a{font-size:14px; line-height:45px; vertical-align:middle; }
.sub_cont   .tab01 li.on { background-color:#fff; color:#239633; border:1px solid #239633; border-top:3px solid #239633; border-bottom:0; }
.sub_cont   .tab01 li.on a { font-size:14px; line-height:45px; vertical-align:middle; color:#239633; }
.sub_cont   .tab01 li:hover { background-color:#fff; color:#239633; border:1px solid #239633; border-top:3px solid #239633; border-bottom:0; color:#239633; }


/*교과연계또래팀*/

/*.sub_cont .tab_conts2>div{display:none;}*/
.sub_cont .tab_conts2>div.on{display:block;}
.sub_cont   .tab02 ul:after {content:""; display:block; clear:both;}
.sub_cont   .tab02 ul li {float:left; width:33.333%;  text-align:center; border-bottom:1px solid #239633; border-right:1px solid #fff; border-top:2px solid #fff; box-sizing:border-box; background:#ebebeb; color:#555555; margin-bottom:30px;  }
.sub_cont   .tab02 ul li a {color:#555555;}
/*.sub_cont   .tab02 ul li:last-child{border-right:1px solid #ddd;}*/
.sub_cont   .tab02 .tab02_1{font-size:14px; line-height:45px;height:45px; vertical-align:middle; }
.sub_cont   .tab02 .tab02_2{font-size:14px; line-height:45px;height:45px; vertical-align:middle; }
.sub_cont   .tab02 .tab02_3{font-size:14px; line-height:45px;height:45px; vertical-align:middle; }
.sub_cont   .tab02 .tab02_4{font-size:14px; line-height:45px;height:45px; vertical-align:middle; }
.sub_cont   .tab02 .tab02_5{font-size:14px; line-height:45px;height:45px; vertical-align:middle;}
.sub_cont   .tab02 .tab02_1 a{font-size:14px; line-height:45px; vertical-align:middle;  }
.sub_cont   .tab02 .tab02_2 a{font-size:14px; line-height:45px; vertical-align:middle; }
.sub_cont   .tab02 .tab02_3 a{font-size:14px; line-height:45px; vertical-align:middle; }
.sub_cont   .tab02 .tab02_4 a{font-size:14px; line-height:45px; vertical-align:middle; }
.sub_cont   .tab02 .tab02_5 a{font-size:14px; line-height:45px; vertical-align:middle; }
.sub_cont   .tab02 li.on { background-color:#fff; color:#239633; border:1px solid #239633; border-top:3px solid #239633; border-bottom:0; }
.sub_cont   .tab02 li.on a { font-size:14px; line-height:45px; vertical-align:middle; color:#239633; }
.sub_cont   .tab02 li:hover { background-color:#fff; color:#239633; border:1px solid #239633; border-top:3px solid #239633; border-bottom:0; color:#239633; }



.sub_cont .tab_conts3>div.on{display:block;}
.sub_cont   .tab03 ul:after {content:""; display:block; clear:both;}
.sub_cont   .tab03 ul li {float:left; width:50%;  text-align:center; border-bottom:1px solid #239633; border-right:1px solid #fff; border-top:2px solid #fff; box-sizing:border-box; background:#ebebeb; color:#555555; margin-bottom:30px;  }
.sub_cont   .tab03 ul li a {color:#555555;}
.sub_cont   .tab03 .tab03_1{font-size:14px; line-height:45px;height:45px; vertical-align:middle; }
.sub_cont   .tab03 .tab03_2{font-size:14px; line-height:45px;height:45px; vertical-align:middle; }
.sub_cont   .tab03 .tab03_3{font-size:14px; line-height:45px;height:45px; vertical-align:middle; }
.sub_cont   .tab03 .tab03_4{font-size:14px; line-height:45px;height:45px; vertical-align:middle; }
.sub_cont   .tab03 .tab03_5{font-size:14px; line-height:45px;height:45px; vertical-align:middle;}
.sub_cont   .tab03 .tab03_1 a{font-size:14px; line-height:45px; vertical-align:middle;  }
.sub_cont   .tab03 .tab03_2 a{font-size:14px; line-height:45px; vertical-align:middle; }
.sub_cont   .tab03 .tab03_3 a{font-size:14px; line-height:45px; vertical-align:middle; }
.sub_cont   .tab03 .tab03_4 a{font-size:14px; line-height:45px; vertical-align:middle; }
.sub_cont   .tab03 .tab03_5 a{font-size:14px; line-height:45px; vertical-align:middle; }
.sub_cont   .tab03 li.on { background-color:#fff; color:#239633; border:1px solid #239633; border-top:3px solid #239633; border-bottom:0; }
.sub_cont   .tab03 li.on a { font-size:14px; line-height:45px; vertical-align:middle; color:#239633; }
.sub_cont   .tab03 li:hover { background-color:#fff; color:#239633; border:1px solid #239633; border-top:3px solid #239633; border-bottom:0; color:#239633; }




.sub_cont .tab_conts4>div.on{display:block;}
.sub_cont   .tab04 ul:after {content:""; display:block; clear:both;}
.sub_cont   .tab04 ul li {float:left; width:50%;  text-align:center; border-bottom:1px solid #239633; border-right:1px solid #fff; border-top:2px solid #fff; box-sizing:border-box; background:#ebebeb; color:#555555; margin-bottom:30px;  }
.sub_cont   .tab04 ul li a {color:#555555;}
.sub_cont   .tab04 .tab04_1{font-size:14px; line-height:45px;height:45px; vertical-align:middle; }
.sub_cont   .tab04 .tab04_2{font-size:14px; line-height:45px;height:45px; vertical-align:middle; }
.sub_cont   .tab04 .tab04_3{font-size:14px; line-height:45px;height:45px; vertical-align:middle; }
.sub_cont   .tab04 .tab04_4{font-size:14px; line-height:45px;height:45px; vertical-align:middle; }
.sub_cont   .tab04 .tab04_5{font-size:14px; line-height:45px;height:45px; vertical-align:middle;}
.sub_cont   .tab04 .tab04_1 a{font-size:14px; line-height:45px; vertical-align:middle;  }
.sub_cont   .tab04 .tab04_2 a{font-size:14px; line-height:45px; vertical-align:middle; }
.sub_cont   .tab04 .tab04_3 a{font-size:14px; line-height:45px; vertical-align:middle; }
.sub_cont   .tab04 .tab04_4 a{font-size:14px; line-height:45px; vertical-align:middle; }
.sub_cont   .tab04 .tab04_5 a{font-size:14px; line-height:45px; vertical-align:middle; }
.sub_cont   .tab04 li.on { background-color:#fff; color:#239633; border:1px solid #239633; border-top:3px solid #239633; border-bottom:0; }
.sub_cont   .tab04 li.on a { font-size:14px; line-height:45px; vertical-align:middle; color:#239633; }
.sub_cont   .tab04 li:hover { background-color:#fff; color:#239633; border:1px solid #239633; border-top:3px solid #239633; border-bottom:0; color:#239633; }





.sub_cont .tab_conts5>div.on{display:block;}
.sub_cont   .tab05 ul:after {content:""; display:block; clear:both;}
.sub_cont   .tab05 ul li {float:left; width:25%;  text-align:center; border-bottom:1px solid #ec93c5; border-right:1px solid #fff; border-top:2px solid #fff; box-sizing:border-box; background:#ebebeb; color:#555555; margin-bottom:30px;  }
.sub_cont   .tab05 ul li a {color:#555555;}
.sub_cont   .tab05 .tab05_1{font-size:14px; line-height:45px;height:45px; vertical-align:middle; }
.sub_cont   .tab05 .tab05_2{font-size:14px; line-height:45px;height:45px; vertical-align:middle; }
.sub_cont   .tab05 .tab05_3{font-size:14px; line-height:45px;height:45px; vertical-align:middle; }
.sub_cont   .tab05 .tab05_4{font-size:14px; line-height:45px;height:45px; vertical-align:middle; }
.sub_cont   .tab05 .tab05_5{font-size:14px; line-height:45px;height:45px; vertical-align:middle;}
.sub_cont   .tab05 .tab05_1 a{font-size:14px; line-height:45px; vertical-align:middle;  }
.sub_cont   .tab05 .tab05_2 a{font-size:14px; line-height:45px; vertical-align:middle; }
.sub_cont   .tab05 .tab05_3 a{font-size:14px; line-height:45px; vertical-align:middle; }
.sub_cont   .tab05 .tab05_4 a{font-size:14px; line-height:45px; vertical-align:middle; }
.sub_cont   .tab05 .tab05_5 a{font-size:14px; line-height:45px; vertical-align:middle; }
.sub_cont   .tab05 li.on { background-color:#fff; color:#e953b3; border:1px solid #ec93c5; border-top:3px solid #ec93c5; border-bottom:0; font-weight:bold;}
.sub_cont   .tab05 li.on a { font-size:14px; line-height:45px; vertical-align:middle; color:#e953b3; }
.sub_cont   .tab05 li:hover { background-color:#fff; border:1px solid #ec93c5; border-top:3px solid #ec93c5; border-bottom:0; color:#e953b3; font-weight:bold;}
.sub_cont   .tab05 li:hover a { color:#e953b3; font-weight:bold;} 
.sub_cont .program01 {display:block; margin:15px auto 70px auto;}
.sub_cont .program01 li{padding-left:14px; line-height:18px; background: url('/images/sub/common/list-style2.gif') no-repeat  0 8px; margin-bottom:10px; }




.sub_cont   .tab06 ul:after {content:""; display:block; clear:both;}
.sub_cont   .tab06 ul li {float:left; width:33.333%;  text-align:center; border-bottom:1px solid #ec93c5; border-right:1px solid #fff; border-top:2px solid #fff; box-sizing:border-box; background:#ebebeb; color:#555555; margin-bottom:30px;  }
.sub_cont   .tab06 ul li a {color:#555555;}
.sub_cont   .tab06 .tab06_1{font-size:14px; line-height:45px;height:45px; vertical-align:middle; }
.sub_cont   .tab06 .tab06_2{font-size:14px; line-height:45px;height:45px; vertical-align:middle; }
.sub_cont   .tab06 .tab06_3{font-size:14px; line-height:45px;height:45px; vertical-align:middle; }
.sub_cont   .tab06 .tab06_4{font-size:14px; line-height:45px;height:45px; vertical-align:middle; }
.sub_cont   .tab06 .tab06_5{font-size:14px; line-height:45px;height:45px; vertical-align:middle;}
.sub_cont   .tab06 .tab06_1 a{font-size:14px; line-height:45px; vertical-align:middle;  }
.sub_cont   .tab06 .tab06_2 a{font-size:14px; line-height:45px; vertical-align:middle; }
.sub_cont   .tab06 .tab06_3 a{font-size:14px; line-height:45px; vertical-align:middle; }
.sub_cont   .tab06 .tab06_4 a{font-size:14px; line-height:45px; vertical-align:middle; }
.sub_cont   .tab06 .tab06_5 a{font-size:14px; line-height:45px; vertical-align:middle; }
.sub_cont   .tab06 li.on { background-color:#fff; color:#e953b3; border:1px solid #ec93c5; border-top:3px solid #ec93c5; border-bottom:0; font-weight:bold;}
.sub_cont   .tab06 li.on a { font-size:14px; line-height:45px; vertical-align:middle; color:#e953b3; }
.sub_cont   .tab06 li:hover { background-color:#fff; border:1px solid #ec93c5; border-top:3px solid #ec93c5; border-bottom:0; color:#e953b3; font-weight:bold;}
.sub_cont   .tab06 li:hover a { color:#e953b3; font-weight:bold;} 


.sub_cont   .tab07 ul {margin-top:50px;}
.sub_cont   .tab07 ul:after {content:""; display:block; clear:both;}
.sub_cont   .tab07 ul li {float:left; width:33.333%;  text-align:center; border-bottom:1px solid #f9cc00; border-right:1px solid #fff; border-top:2px solid #fff; box-sizing:border-box; background:#ebebeb; color:#555555; margin-bottom:30px;  }
.sub_cont   .tab07 ul li a {color:#555555;}
.sub_cont   .tab07 .tab07_1{font-size:14px; line-height:45px;height:45px; vertical-align:middle; }
.sub_cont   .tab07 .tab07_2{font-size:14px; line-height:45px;height:45px; vertical-align:middle; }
.sub_cont   .tab07 .tab07_3{font-size:14px; line-height:45px;height:45px; vertical-align:middle; }
.sub_cont   .tab07 .tab07_1 a{font-size:14px; line-height:45px; vertical-align:middle;  }
.sub_cont   .tab07 .tab07_2 a{font-size:14px; line-height:45px; vertical-align:middle; }
.sub_cont   .tab07 .tab07_3 a{font-size:14px; line-height:45px; vertical-align:middle; }
.sub_cont   .tab07 li.on { background-color:#fff; color:#f9cc00; border:1px solid #f9cc00; border-top:3px solid #f9cc00; border-bottom:0; font-weight:bold;}
.sub_cont   .tab07 li.on a { font-size:14px; line-height:45px; vertical-align:middle; color:#f9cc00; }
.sub_cont   .tab07 li:hover { background-color:#fff; border:1px solid #f9cc00; border-top:3px solid #f9cc00; border-bottom:0; color:#f9cc00; font-weight:bold;}
.sub_cont   .tab07 li:hover a { color:#f9cc00; font-weight:bold;} 


.sub_cont   .tab08 ul {margin-top:50px;}
.sub_cont   .tab08 ul:after {content:""; display:block; clear:both;}
.sub_cont   .tab08 ul li {float:left; width:25%;  text-align:center; border-bottom:1px solid #f9cc00; border-right:1px solid #fff; border-top:2px solid #fff; box-sizing:border-box; background:#ebebeb; color:#555555;}
.sub_cont   .tab08 ul li a {color:#555555;}
.sub_cont   .tab08 .tab08_1{font-size:14px; line-height:45px;height:45px; vertical-align:middle; }
.sub_cont   .tab08 .tab08_2{font-size:14px; line-height:45px;height:45px; vertical-align:middle; }
.sub_cont   .tab08 .tab08_3{font-size:14px; line-height:45px;height:45px; vertical-align:middle; }
.sub_cont   .tab08 .tab08_4{font-size:14px; line-height:45px;height:45px; vertical-align:middle; }
.sub_cont   .tab08 .tab08_1 a{font-size:14px; line-height:45px; vertical-align:middle;  }
.sub_cont   .tab08 .tab08_2 a{font-size:14px; line-height:45px; vertical-align:middle; }
.sub_cont   .tab08 .tab08_3 a{font-size:14px; line-height:45px; vertical-align:middle; }
.sub_cont   .tab08 .tab08_4 a{font-size:14px; line-height:45px; vertical-align:middle; }
.sub_cont   .tab08 li.on { background-color:#fff; color:#f9cc00; border:1px solid #f9cc00; border-top:3px solid #f9cc00; border-bottom:0; font-weight:bold;}
.sub_cont   .tab08 li.on a { font-size:14px; line-height:45px; vertical-align:middle; color:#f9cc00; }
.sub_cont   .tab08 li:hover { background-color:#fff; border:1px solid #f9cc00; border-top:3px solid #f9cc00; border-bottom:0; color:#f9cc00; font-weight:bold;}
.sub_cont   .tab08 li:hover a { color:#f9cc00; font-weight:bold;} 




.sub_cont   .tab09 ul:after {content:""; display:block; clear:both;}
.sub_cont   .tab09 ul li {float:left; width:25%;  text-align:center; border-bottom:1px solid #62b3eb; border-right:1px solid #fff; border-top:2px solid #fff; box-sizing:border-box; background:#ebebeb; color:#555555; }
.sub_cont   .tab09 ul li a {color:#555555;}
.sub_cont   .tab09 .tab09_1{font-size:14px; line-height:45px;height:45px; vertical-align:middle; }
.sub_cont   .tab09 .tab09_2{font-size:14px; line-height:45px;height:45px; vertical-align:middle; }
.sub_cont   .tab09 .tab09_3{font-size:14px; line-height:45px;height:45px; vertical-align:middle; }
.sub_cont   .tab09 .tab09_4{font-size:14px; line-height:45px;height:45px; vertical-align:middle; }
.sub_cont   .tab09 .tab09_1 a{font-size:14px; line-height:45px; vertical-align:middle;  }
.sub_cont   .tab09 .tab09_2 a{font-size:14px; line-height:45px; vertical-align:middle; }
.sub_cont   .tab09 .tab09_3 a{font-size:14px; line-height:45px; vertical-align:middle; }
.sub_cont   .tab09 .tab09_4 a{font-size:14px; line-height:45px; vertical-align:middle; }
.sub_cont   .tab09 li.on { background-color:#fff; color:#62b3eb; border:1px solid #62b3eb; border-top:3px solid #62b3eb; border-bottom:0; font-weight:bold;}
.sub_cont   .tab09 li.on a { font-size:14px; line-height:45px; vertical-align:middle; color:#62b3eb; }
.sub_cont   .tab09 li:hover { background-color:#fff; border:1px solid #62b3eb; border-top:3px solid #62b3eb; border-bottom:0; color:#62b3eb; font-weight:bold;}
.sub_cont   .tab09 li:hover a { color:#62b3eb; font-weight:bold;} 



/*아하교실*/
.sub_cont .classroom_list_title{margin:10px 0 0 0; padding:0 0 0 20px; background-color:#f9cc00; line-height:55px; height:55px; font-size:19px; color:#fff; font-weight:bold;}
.sub_cont .classroom_list{position:relative; width:100%;  padding:30px 20px 30px 20px; background:#f6f6f6; border:1px solid #f9cc00; box-sizing:border-box}
.sub_cont .classroom_list p {display:block; margin-top:-10px; padding-bottom:18px; line-height:17px;}
.sub_cont .classroom_list table{ margin:0 auto; width:100%; border-spacing:0; border-collapse:collapse; border-top:1px solid #a8a8a8; font-size:13px; text-align:center; }
.sub_cont .classroom_list caption{display:none;}
.sub_cont .classroom_list th{padding:11px 0; border-left:1px solid #a8a8a8; border-bottom:1px solid #a8a8a8; background:#fff; line-height:18px; color:#d96802;}
.sub_cont .classroom_list th:first-of-type{border-left:0 none;}
.sub_cont .classroom_list td{padding:8px 12px; border-left:1px solid #a8a8a8; border-bottom:1px solid #a8a8a8; background:#fff; line-height:18px;}
.sub_cont .classroom_list td span{font-size:12px;}
.sub_cont .classroom_list thead th {color:#816a00;}

.sub_cont .classroom_list  .num1 tbody tr td:nth-child(2){text-align:left;}
.sub_cont .classroom_list  .num1 tbody tr:nth-child(4n+1) td:nth-child(2){text-align:center;}
.sub_cont .classroom_list  .num1 tbody tr:nth-child(4n+1) td:nth-child(4){text-align:left;}

.sub_cont .classroom_list  .num2 tbody tr td:nth-child(2){text-align:left;}
.sub_cont .classroom_list  .num2 tbody tr:nth-child(12n+1) td:nth-child(4){text-align:left;}
.sub_cont .classroom_list  .num2 tbody tr:nth-child(12n+5) td:nth-child(2){text-align:center;}
.sub_cont .classroom_list  .num2 tbody tr:nth-child(12n+5) td:nth-child(3){text-align:left;}
.sub_cont .classroom_list  .num2 tbody tr:nth-child(12n+9) td:nth-child(2){text-align:center;}
.sub_cont .classroom_list  .num2 tbody tr:nth-child(12n+9) td:nth-child(3){text-align:left;}

.sub_cont .classroom_list  .num3 tbody tr td:last-child {font-weight:bold}
.sub_cont .classroom_list  .num3 tbody tr td:nth-child(2){text-align:left;}
.sub_cont .classroom_list  .num3 tbody tr:nth-child(12n+1) td:nth-child(2){text-align:center;}
.sub_cont .classroom_list  .num3 tbody tr:nth-child(12n+1) td:nth-child(3){text-align:left;}

.sub_cont .classroom_list  .num4 tbody tr td:last-child {font-weight:bold}
.sub_cont .classroom_list  .num4 tbody tr td:nth-child(2){text-align:left;}
.sub_cont .classroom_list  .num4 tbody tr:nth-child(1) td:nth-child(2){text-align:center;}
.sub_cont .classroom_list  .num4 tbody tr:nth-child(1) td:nth-child(4){text-align:left;}
.sub_cont .classroom_list  .num4 tbody tr:nth-child(5) td:nth-child(2){text-align:center;}
.sub_cont .classroom_list  .num4 tbody tr:nth-child(5) td:nth-child(4){text-align:left;}
.sub_cont .classroom_list  .num4 tbody tr:nth-child(9) td:nth-child(2){text-align:center;}
.sub_cont .classroom_list  .num4 tbody tr:nth-child(9) td:nth-child(3){text-align:left;}
.sub_cont .classroom_list  .num4 tbody tr:nth-child(13) td:nth-child(2){text-align:center;}
.sub_cont .classroom_list  .num4 tbody tr:nth-child(13) td:nth-child(3){text-align:left;}
.sub_cont .classroom_list  .num4 tbody tr:nth-child(17) td:nth-child(2){text-align:center;}
.sub_cont .classroom_list  .num4 tbody tr:nth-child(17) td:nth-child(4){text-align:left;}
.sub_cont .classroom_list  .num4 tbody tr:nth-child(21) td:nth-child(2){text-align:center;}
.sub_cont .classroom_list  .num4 tbody tr:nth-child(21) td:nth-child(4){text-align:left;}
.sub_cont .classroom_list  .num4 tbody tr:nth-child(25) td:nth-child(2){text-align:center;}
.sub_cont .classroom_list  .num4 tbody tr:nth-child(25) td:nth-child(3){text-align:left;}
.sub_cont .classroom_list  .num4 tbody tr:nth-child(29) td:nth-child(2){text-align:center;}
.sub_cont .classroom_list  .num4 tbody tr:nth-child(29) td:nth-child(3){text-align:left;}


.sub_cont .classroom_list  .num5 tbody tr td:nth-child(3){text-align:left;}
.sub_cont .classroom_list  .num5 tbody tr td:last-child {font-weight:bold}


.sub_cont .classroom_list  .num6 tbody tr td.left {text-align:left;}
.sub_cont .classroom_list  .num6 tbody tr td:last-child {font-weight:bold}

.sub_cont .program01_list_title{background:none; background-color:#ee9bbc; line-height:55px; height:55px; font-size:19px; margin:0; color:#fff; font-weight:bold;}
.sub_cont .program01_list{position:relative; width:100%;  padding:0 20px 30px 20px; background:#f6f6f6; border:1px solid #ec93c5; box-sizing:border-box}
.sub_cont .program01_list > span {display:block; padding:18px 0; line-height:17px; }
.sub_cont .program01_list table{ margin:0 auto; width:100%; border-spacing:0; border-collapse:collapse; border-top:1px solid #a8a8a8; font-size:13px; text-align:center; }
.sub_cont .program01_list caption{display:none;}
.sub_cont .program01_list th{padding:11px 0; border-left:1px solid #a8a8a8; border-bottom:1px solid #a8a8a8; background:#fff; line-height:18px; color:#980055;}
.sub_cont .program01_list th:first-of-type{border-left:0 none;}
.sub_cont .program01_list td{padding:8px 12px; border-left:1px solid #a8a8a8; border-bottom:1px solid #a8a8a8; background:#fff; line-height:18px;}
.sub_cont .program01_list td span{font-size:12px;}
.sub_cont .program01_list .program01_list_no{color:#333;}
.sub_cont .program01_list .program01_list_theme{font-weight:bold; color:#68b100;}
.program01_list_place{font-weight:bold; color:#333;}
.sub_cont .program01_list td:first-of-type{border-left:0 none;}
.sub_cont .program01_list td ol li{padding:0 0 0 0px; box-sizing:border-box; text-align:left;}
.sub_cont .program01_list tfoot td{border-bottom:0 none; color:#ff511c; text-align:right;}


.sub_cont  .tab_conts td:nth-child(2) {color:#66b400; font-weight:bold;}
.sub_cont  .tab_conts2 td:nth-child(2) {color:#66b400; font-weight:bold;}
.sub_cont  .tab_conts3 td:nth-child(2) {color:#66b400; font-weight:bold; letter-spacing:0}
.sub_cont  .tab_conts3 td:nth-child(4) {text-align:left;}
.sub_cont  .tab_conts4 td:nth-child(2) {color:#66b400; font-weight:bold;}

.sub_cont .program_list_title{background:none; background-color:#6fbd72; line-height:55px; height:55px; font-size:19px; margin:0; color:#fff; font-weight:bold;}
.sub_cont .program_list{position:relative; width:100%;  padding:30px 20px 30px 20px; background:#f6f6f6; border:1px solid #6cbc71; box-sizing:border-box}
.sub_cont .program_list table{ margin:0 auto; width:100%; border-spacing:0; border-collapse:collapse; border-top:1px solid #a8a8a8; font-size:13px; text-align:center; }
.sub_cont .program_list caption{display:none;}
.sub_cont .program_list th{padding:11px 0; border-left:1px solid #a8a8a8; border-bottom:1px solid #a8a8a8; background:#fff; line-height:18px; color:#174b1d;}
.sub_cont .program_list th:first-of-type{border-left:0 none;}
.sub_cont .program_list td{padding:8px 12px; border-left:1px solid #a8a8a8; border-bottom:1px solid #a8a8a8; background:#fff; line-height:18px;}
.sub_cont .program_list td span{font-size:12px;}
.sub_cont .program_list .program_list_no{color:#333;}
.sub_cont .program_list .program_list_theme{font-weight:bold; color:#68b100;}
.program_list_place{font-weight:bold; color:#333;}
.sub_cont .program_list td:first-of-type{border-left:0 none;}
.sub_cont .program_list td ol li{padding:0 0 0 0px; box-sizing:border-box; text-align:left;}
.sub_cont .program_list tfoot td{border-bottom:0 none; color:#ff511c; text-align:right;}


.sub_cont .program_title{clear:both; display:block;  background:none; background-color:#ee9bbc; line-height:55px; font-size:19px; height:55px;  margin:0; color:#fff; font-weight:bold;}
.sub_cont .program_box {width:100%; display:inline-block; background:#f6f6f6; padding:20px 20px 20px 20px; border:1px solid #ee9bbc; box-sizing:border-box;}
.sub_cont .program_txt{ height:16px; line-height:16px; color:#000; font-size:16px; padding-bottom:20px; }
.sub_cont .program_img{ width:350px; float:left; padding-right:40px;}
.sub_cont .program_conts2{float:left; width:380px; background:#f7f7f7; font-size:14px; line-height:22px; }
.sub_cont .program_conts2 li{ padding-left:14px; font-size:14px; line-height:24px; color:#e64f6c; background:url('/images/sub/common/list-style2.gif') no-repeat  0 13px}


.sub_cont .classroom_title{ margin-bottom:0; background:none; background-color:#fbbb26; line-height:55px; font-size:19px; height:55px; color:#fff; font-weight:bold;}
.sub_cont .classroom_box {width:100%; display:inline-block; background:#f6f6f6; padding:20px 20px 20px 20px; border:1px solid #fbbb26; box-sizing:border-box;}
.sub_cont .classroom_txt{ height:16px; line-height:16px; color:#000; font-size:16px; padding-bottom:20px; }
.sub_cont .classroom_img{ width:350px; float:left; padding-right:40px;}
.sub_cont .classroom_conts2{float:left; width:380px; background:#f7f7f7; font-size:14px; line-height:22px; }






.sub_cont .classroom_conts2 table{ margin:0 auto; width:100%; border-spacing:0; border-collapse:collapse; border-top:1px solid #a8a8a8; font-size:13px; text-align:center; }
.sub_cont .classroom_conts2 thead th{padding:11px 0; border-left:1px solid #a8a8a8; border-bottom:1px solid #a8a8a8; background:#fff; line-height:18px; color:#816a00;}
.sub_cont .classroom_conts2 thead th:first-child {border-left:0 none;}
.sub_cont .classroom_conts2 tbody th {color:#d96802; background:#fff; border-bottom:1px solid #a8a8a8; }
.sub_cont .classroom_conts2 td{padding:8px 12px; border-left:1px solid #a8a8a8; border-bottom:1px solid #a8a8a8; background:#fff; line-height:18px;}
.sub_cont .classroom_conts2 td:last-child {text-align:left;}
.sub_cont .classroom_conts2 table caption {color:#f6ac00; line-height:14px; padding:20px 0 10px 0; text-align:left; font-weight:bold; }

.sub_cont .classroom_conts3 table{ margin:0 auto; width:100%; border-spacing:0; border-collapse:collapse; border-top:1px solid #a8a8a8; font-size:13px; text-align:center; }
.sub_cont .classroom_conts3 thead th{padding:11px 0; border-left:1px solid #a8a8a8; border-bottom:1px solid #a8a8a8; background:#fff; line-height:18px; color:#816a00;}
.sub_cont .classroom_conts3 thead th:first-child {border-left:0 none;}
.sub_cont .classroom_conts3 tbody th {color:#d96802; background:#fff; border-bottom:1px solid #a8a8a8; }
.sub_cont .classroom_conts3 td{padding:8px 12px; border-left:1px solid #a8a8a8; border-bottom:1px solid #a8a8a8; background:#fff; line-height:18px;}
.sub_cont .classroom_conts3 table caption {color:#f6ac00; line-height:14px; padding:20px 0 10px 0; text-align:left; font-weight:bold; }


.sub_cont .classroom_conts3 .class04_table tbody td:nth-child(3) {text-align:left;}
.sub_cont .classroom_conts3 .class04_table tbody td:nth-child(6) {text-align:left;}
.sub_cont .classroom_conts3 .class04_table tbody tr th {border-left:1px solid #a8a8a8;}
.sub_cont .classroom_conts3 .class04_table tbody tr td:first-child {border-left:0 none}





.sub_cont .sub4_3_box > dt {margin:20px 0 5px 0;  font-weight:bold; color:#f6ac00; }
.sub_cont .sub4_3_box > dd {line-height:22px;}
.sub_cont .sub4_3_box > p {height:25px; background:#fbbb26; line-height:25px; padding-left:10px; color:#fff; font-weight:bold;}
.sub_cont .sub4_3_box > span {display:block; margin-top:10px; margin-bottom:5px; color:#333; font-weight:bold; line-height:14px;}

/*신청하기 버튼*/
.sub_cont .btn_app a{ display:block; padding:0 0 0 50px; width:150px; height:40px;  margin:0 auto 40px auto;
box-sizing:border-box; border:1px solid #c55330; background:#ff511c url('/images/common/ico_check.png') no-repeat 27px 50%; 
font-weight:bold; font-size:16px; line-height:38px; color:#fff; cursor:pointer;}
.sub_cont .btn_app2 a{ display:block; padding:0 0 0 50px; width:150px; height:40px;  margin:20px auto 40px auto;
box-sizing:border-box; border:1px solid #c55330; background:#ff511c url('/images/common/ico_check.png') no-repeat 27px 50%; 
font-weight:bold; font-size:16px; line-height:38px; color:#fff; cursor:pointer;}

.sub_cont .btn_app3 a{ display:block; padding:0 0 0 50px; width:150px; height:40px;  margin:20px auto 40px auto;
box-sizing:border-box; border:1px solid #c55330; background:#ff511c url('/images/common/ico_check.png') no-repeat 27px 50%; 
font-weight:bold; font-size:16px; line-height:38px; color:#fff; cursor:pointer;}




2016-12-26/* 한국사모듬친구팀*/
.sub_cont .table_type_row{width:100%; border-spacing:0; border-collapse:collapse; border-top: 1px solid #ddd; text-align:center;}
.sub_cont .table_type_row caption{display:none;}
.sub_cont .table_type_row th{padding:15px 0; width:20%; border-bottom: 1px solid #ddd; border-right:1px solid #ddd; background: #b4b4b4; color:#fff;}
.sub_cont .table_type_row td{padding:15px 0 15px 25px; border-bottom: 1px solid #ddd;  text-align:left;}
.sub_cont .table_type_row .table_reference{border-bottom:0 none; color: #ff511c; text-align: right;}


.sub_cont .table_type_col{width:100%; border-spacing:0; border-collapse:collapse; border-top:1px solid #a8a8a8; text-align:center;}
.sub_cont .table_type_col caption{display:none;}
.sub_cont .table_type_col th{padding:10px 0; border-bottom: 1px solid #a8a8a8; border-top: 1px solid #a8a8a8;  border-right:1px solid #a8a8a8; line-height:18px; }
.sub_cont .table_type_col thead th{background: #fff; color:#174b1d;}
.sub_cont .table_type_col tbody th{background:#fff; font-weight:normal; color:#333;}
.sub_cont .table_type_col th:last-child{border-right:0 none;}
.sub_cont .table_type_col tbody td{padding:8px 0; border-left:1px solid #a8a8a8; border-bottom:1px solid #a8a8a8; line-height:18px;}
.sub_cont .table_type_col tbody td:first-of-type{border-left:0 none;}

/* 진로모둠팀 */
/* 컨텐츠문의 */
.sub_cont .conts_inquiry{margin:50px 0 0 0; height:87px;}
.sub_cont .conts_inquiry dl{position:relative; padding:0 0 0 390px; height:87px; background:url('/images/sub/scene/inquiry_bg.jpg') no-repeat 0 0; }
.sub_cont .conts_inquiry dl:before{position:absolute; bottom:0; left:242px; z-index:99; content:''; display:inline-block; width:128px; height:107px; background:url('/images/sub/scene/conts_inquiry_bg.png') no-repeat 0 0; }
.sub_cont .conts_inquiry dt{padding:22px 0 7px 0;}


/* 모두함께체험 */

/* 수학여행 */
.together_header{background:url('/images/sub/together/together_title_bg.png') no-repeat 100% 0 ; }
.together_header_01{background:url('/images/sub/together/together_title_bg.png') no-repeat 100% 0 ; }


.sub_cont_visual .sub_cont_visual_txt_red{margin:20px 0 0 0; font-size:14px; line-height:22px; color:#ff511c;}


.sub_cont .together_box {width:100%; display:inline-block; background:#f6f6f6; padding:20px; border:1px solid #62b3eb; box-sizing:border-box;}
.sub_cont .together_txt{ height:16px; line-height:16px; color:#000; font-size:16px; padding-bottom:20px; }
.sub_cont .together_img{ width:350px; float:left; padding-right:40px;}
.sub_cont .together_conts{float:left; width:380px; background:#f7f7f7; font-size:14px; line-height:22px; }
.sub_cont .together_conts dt{ padding-left:14px; background:url('/images/sub/common/list-style-blue.gif') no-repeat  0 50%; font-weight:bold; font-size:16px; line-height:22px; color:#0081db;  margin-top:7px; }
.sub_cont .together_conts dt:first-child{margin-top:0;}
.sub_cont .together_conts dd{ padding-left:14px; font-size:14px; line-height:20px; color:#333; ;}
.sub_cont .together_conts2{float:left; width:380px; background:#f7f7f7; font-size:14px; line-height:22px; }
.sub_cont .together_conts2 dt{ padding-left:14px; background:url('/images/sub/common/list-style-blue.gif') no-repeat  0 50%; font-weight:bold; font-size:16px; line-height:28px; color:#0081db;  margin-top:7px; }
.sub_cont .together_conts2 dt:first-child{margin-top:0;}
.sub_cont .together_conts2 dd{ padding-left:14px; font-size:14px; line-height:22px; color:#333; ;}
.sub_cont .together_txt2 {clear:both; display:block; font-size:14px; color:#659dc4; line-height:14px; padding-top:20px}

.sub_cont .together_conts3{float:left; width:380px; background:#f7f7f7; font-size:14px; line-height:22px; }
.sub_cont .together_conts3 li{ padding-left:14px; background:url('/images/sub/common/list-style-blue.gif') no-repeat  0 50%; font-weight:bold; font-size:16px; line-height:28px; color:#0081db;  }


.sub_cont .together_conts3 table{ margin:0 auto; width:100%; border-spacing:0; border-collapse:collapse; border-top:1px solid #a8a8a8; font-size:13px; text-align:center; }
.sub_cont .together_conts3 caption{display:none;}
.sub_cont .together_conts3 th{padding:11px 0; border-left:1px solid #a8a8a8; border-bottom:1px solid #a8a8a8; background:#fff; line-height:18px; color:#0081db;}
.sub_cont .together_conts3 th:first-of-type{border-left:0 none;}

.sub_cont .together_conts3 td{padding:8px 12px; border-left:1px solid #a8a8a8; border-bottom:1px solid #a8a8a8; background:#fff; line-height:18px;}
.sub_cont .together_conts3 td:first-of-type{border-left:0 none;}

/*안전체험*/

.sub_cont .together_conts3{float:left; width:380px; background:#f7f7f7; font-size:14px; line-height:22px; }


.mT-10 {margin-bottom:10px; }

/* 하단 신청하기 버튼 */
.bottom_btn_app{margin-bottom:40px; }
.bottom_btn_app a{display:block; margin:0 auto; padding:0 0 0 50px; width:150px; height:40px; 
box-sizing:border-box; border:1px solid #c55330; background:#ff511c url('/images/common/ico_check.png') no-repeat 27px 50%; 
font-weight:bold; font-size:16px; line-height:38px; color:#fff; cursor:pointer;}

/* 하단 신청하기 버튼 */
.bottom_btn_app2{margin:20px 0 0; text-align:right }
.bottom_btn_app2 a.btn_01{padding:0; display:inline-block; margin-left:10px; text-align:center; width:100px; height:35px; color:#fff;	box-sizing:border-box; border:1px solid #2487cb;  background:#42a7ed;	 font-weight:bold; font-size:14px; line-height:35px; cursor:pointer;}
.bottom_btn_app2 a.btn_02{padding:0; display:inline-block; margin-left:10px; text-align:center;  width:100px; height:35px; color:#2487cb; box-sizing:border-box; border:1px solid #2487cb;  background:#fff;	font-weight:bold; font-size:14px; line-height:35px;  cursor:pointer;}


/* 하단 신청하기 버튼 */
.bottom_btn_app3{margin:20px 0 0; text-align:right }
.bottom_btn_app3 a.btn_01{padding:0; display:inline-block; margin-left:10px; text-align:center; width:100px; height:35px; color:#fff;	box-sizing:border-box; border:1px solid #fbbb26;  background:#fbbb26;	 font-weight:bold; font-size:14px; line-height:35px; cursor:pointer;}
.bottom_btn_app3 a.btn_02{padding:0; display:inline-block; margin-left:10px; text-align:center;  width:100px; height:35px; color:#fbbb26; box-sizing:border-box; border:1px solid #fbbb26;  background:#fff;	font-weight:bold; font-size:14px; line-height:35px;  cursor:pointer;}





/* 우리동네 보물찾기 */
.sub_cont_visual .sub_cont_visual_txt{margin:20px 0 0 0; font-size:14px; line-height:22px; color:#555;}
.sub_cont_visual .sub_cont_visual_txt>ul>li{padding:0 0 0 12px; background:url('/images/sub/common/list-style.gif') no-repeat  0 50%;}
.sub_cont_visual .sub_cont_visual_txt>ul>li>ul{color:#777;}

.sub_cont_step h4{margin:75px 0 15px 0; padding:0 0 0 30px ; background:url('/images/sub/common/ico_title.gif') no-repeat 0 50%; font-size:18px; line-height:19px; color:#111; letter-spacing:-2px;}
.sub_cont_step{overflow:hidden;}
.sub_cont_step ul{margin:38px 0 0 0;}
.sub_cont_step li{float:left; padding:198px 0 0 0; width:25%; height:235px; box-sizing:border-box; text-align:center; font-size:18px; color:#555;}
.sub_cont_step li strong{font-weight:bold; font-size:14px; line-height:14px; color:#ff501e;}
.sub_cont_step li.sub_cont_step01{background:url('/images/sub/together/together02_step01.jpg') no-repeat 50% 17px ;}
.sub_cont_step li.sub_cont_step02{background:url('/images/sub/together/together02_step02.jpg') no-repeat 50% 19px;}
.sub_cont_step li.sub_cont_step03{background:url('/images/sub/together/together02_step03.jpg') no-repeat 50% 0 ;}
.sub_cont_step li.sub_cont_step04{background:url('/images/sub/together/together02_step04.jpg') no-repeat 50% 0 ;}

/*진로체험*/
.sub_cont ul.together_conts {overflow:hidden;}
.sub_cont .together_conts>li{float:left; padding:0 0 0 12px; width:33.333%; background:url('/images/sub/common/list-style.gif') no-repeat  0 9px; box-sizing:border-box; font-weight:bold; color:#555;}
.sub_cont .together_conts>li ul{font-weight:normal; font-size:14px; line-height:22px; color:#777;}

/* 숲,길체험 */
.sub_cont  .together04_conts{overflow:hidden; margin:10px 0 0 0; padding:23px 20px; background:#f7f7f7;}
.sub_cont  .together04_conts dl{float:left; margin:0 0 10px 0; padding:0 0 0 12px; width:50%; box-sizing:border-box; line-height:22px; text-indent:27px;}
.sub_cont  .together04_conts dt{font-weight:bold; color:#555;}
.sub_cont  .together04_conts dd{color:#777;}

.sub_cont  .together04_conts .list_01 dt{background:url('/images/sub/common/list_01.gif') no-repeat 0 50% ;}
.sub_cont  .together04_conts .list_02 dt{background:url('/images/sub/common/list_02.gif') no-repeat 0 50% ;}
.sub_cont  .together04_conts .list_03 dt{background:url('/images/sub/common/list_03.gif') no-repeat 0 50% ;}
.sub_cont  .together04_conts .list_04 dt{background:url('/images/sub/common/list_04.gif') no-repeat 0 50% ;}
.sub_cont  .together04_conts .list_05 dt{background:url('/images/sub/common/list_05.gif') no-repeat 0 50% ;}
.sub_cont  .together04_conts .list_06 dt{background:url('/images/sub/common/list_06.gif') no-repeat 0 50% ;}
.sub_cont  .together04_conts .list_07 dt{background:url('/images/sub/common/list_07.gif') no-repeat 0 50% ;}
.sub_cont  .together04_conts .list_08 dt{background:url('/images/sub/common/list_08.gif') no-repeat 0 50% ;}

.sub_cont ul.together04_conts{overflow:hidden; margin:10px 0 0 0; padding:23px 20px; background:#f7f7f7;}
.sub_cont ul.together04_conts>li{float:left; width:50%; box-sizing:border-box; font-weight:bold; line-height:30px; color:#555; text-indent:27px;}

.sub_cont ul.together04_conts .list_01{background:url('/images/sub/common/list_01.gif') no-repeat 0 50% ;}
.sub_cont ul.together04_conts .list_02{background:url('/images/sub/common/list_02.gif') no-repeat 0 50% ;}
.sub_cont ul.together04_conts .list_03{background:url('/images/sub/common/list_03.gif') no-repeat 0 50% ;}
.sub_cont ul.together04_conts .list_04{background:url('/images/sub/common/list_04.gif') no-repeat 0 50% ;}
.sub_cont ul.together04_conts .list_05{background:url('/images/sub/common/list_05.gif') no-repeat 0 50% ;}
.sub_cont ul.together04_conts .list_06{background:url('/images/sub/common/list_06.gif') no-repeat 0 50% ;}
.sub_cont ul.together04_conts .list_07{background:url('/images/sub/common/list_07.gif') no-repeat 0 50% ;}
.sub_cont ul.together04_conts .list_08{background:url('/images/sub/common/list_08.gif') no-repeat 0 50% ;}

/* 서울구경 */
.together05_cont .together_conts>li{width:50%; background-position:0 50%; line-height:30px;}


/* 신청폼 추가 */

/* 다운로드 버튼 */
.click_program .btn_download{display:block; float:right; padding:0 0 0 28px; width:52px; height:25px; background:#0b922b url('/images/common/ico_excel.gif') no-repeat  10px 50%; font-weight:normal; font-size:12px; line-height:25px; color:#fff; cursor:pointer;}
.click_program .btn_download_excel{display:block; float:right; padding:0 0 0 28px; margin: 0 5px; width:52px; height:25px; background:#0b922b url('/images/common/ico_excel.gif') no-repeat  10px 50%;; font-weight:normal; font-size:12px; line-height:25px; color:#fff; cursor:pointer;}
.click_program .btn_download_hwp  {display:block; float:right; padding:0 0 0 30px; margin: 0 5px; width:52px; height:25px; background:#0099ff url('/images/common/ico_hwp.gif') no-repeat  10px 50%;; font-weight:normal; font-size:12px; line-height:25px; color:#fff; cursor:pointer;}

.info_box{margin:17px 0 0 0; }
.info_box>p{font-size:16px; line-height:46px; color:#111;}
.info_box .info{padding:10px 30px; border:1px solid #dcdcdc; background:#fff; font-size:12px; line-height:18px; color:#555;}
.info_box .info:hover{background:#f0f0f0;}
.info_box .info dl{margin-bottom:13px;}
.info_box .info dt{margin-bottom:5px; font-weight:bold;}
.info_box .info strong{font-weight:normal; font-size:12px; color:#ff0000;}

/* 보험증명서 */
.certificate{margin:17px 0 0 0;}
.certificate p{ont-size:16px; line-height:46px; color:#111;}
.certificate a{display:inline-block; margin:0 0 0 15px; width:120px; height:26px; box-sizing:border-box; border:1px solid #d5d5d5; background:#f0f0f0; font-size:12px; line-height:24px; color:#666; text-align:center;}



.sub_cont .program_history {margin-top:50px;   background:url('/images/sub/program/history_tbl_bg.gif') repeat-y  146px  top; }
.sub_cont .program_history dl {display:table; }
.sub_cont .program_history dt {display:table-row; float:left; width:180px;  padding-top:5px;  background: url('/images/sub/program/history_tbl_bg3.png') no-repeat  right 3px; }
.sub_cont .program_history dd {display:table-row; float:left;  width:620px; margin-left:10px;  }
.sub_cont .program_history dl dt > span {display:table-cell;  vertical-align:top; font-size:40px; color:#de7bb2;  color:#ddd;  text-align:left;  font-weight:700}
.sub_cont .program_history dl dd > span:nth-child(1){ display:table-cell; width:100px; font-size:12px; color:#333333; font-weight:bold;  padding-left:7px; background:url('/images/sub/program/history_tbl_bg2.gif') no-repeat  0 7px;}
.sub_cont .program_history dl dd > span:nth-child(2){ display:table-cell;  text-align:left; vertical-align:top; font-size:12px; line-height:18px; padding-bottom:6px; font-weight:normal }
.sub_cont .program_history dl dd > span:nth-child(2) > strong {color:#c9629b; display:inline}


.sub_cont .program_history2 {margin-top:50px;   background:url('/images/sub/program/history_tbl_bg.gif') repeat-y  146px  top; }
.sub_cont .program_history2 dl {display:table; }
.sub_cont .program_history2 dt {display:table-row; float:left; width:180px;  padding-top:5px;  background: url('/images/sub/intro/history_tbl_bg4.png') no-repeat  right 3px; }
.sub_cont .program_history2 dd {display:table-row; float:left;  width:620px; margin-left:10px;  }
.sub_cont .program_history2 dl dt > span {display:table-cell;  vertical-align:top; font-size:40px; color:#de7bb2;  color:#ddd;  text-align:left;  font-weight:700}
.sub_cont .program_history2 dl dd > span:nth-child(1){ display:table-cell; width:100px; font-size:12px; color:#333333; font-weight:bold;  padding-left:7px; background:url('/images/sub/program/history_tbl_bg2.gif') no-repeat  0 7px;}
.sub_cont .program_history2 dl dd > span:nth-child(2){ display:table-cell;  text-align:left; vertical-align:top; font-size:12px; line-height:18px; padding-bottom:6px; font-weight:normal }
.sub_cont .program_history2 dl dd > span:nth-child(2) > strong {color:#ff8a3c; display:inline}




.sub_cont .intro_greeting:after {clear:both; display:inline-block; content:'';}
.sub_cont .intro_greeting > .top { margin-top:45px; font-size:18px; color:#333; line-height:24px; text-align:left; }
.sub_cont .intro_greeting > .top > b{margin-bottom:15px; display:block; font-size:24px; color:#ff7010; line-height:24px;  text-align:left; }
.sub_cont .intro_greeting > .left {width:400px; float:left; margin-top:25px; font-size:12px; line-height:20px; }
.sub_cont .intro_greeting > .left > b {color:#ff7010; }
.sub_cont .intro_greeting > .right {width:380px; float:right;  margin-top:25px; font-size:12px;line-height:20px; }


.sub_cont .intro_greeting > .intro_sign {clear:both; display:block; content:''; text-align:right; padding-top:40px; }
.sub_cont .intro_greeting > .intro_sign span {display:block;}



.sub_cont  .ci_box01 { display:inline-block;}
.sub_cont  .ci_box01 img {float:left;}
.sub_cont  .ci_box01 p {float:right; width:380px; padding-top:82px; padding-left:28px;}
.sub_cont  .ci_box01 p > b {color:#ff8a3c; font-size:17px; margin-bottom:25px; line-height:28px;}
.sub_cont  .ci_box02 img {margin-bottom:15px;}
.sub_cont  .ci_box02 p > b {color:#ff8a3c; font-size:17px; margin-bottom:25px; line-height:28px;}

.sub_cont  .com_info li {display:inline-block; padding-left:20px; margin-left:30px;  letter-spacing:0;}
.sub_cont  .com_info li:nth-child(2) {background:#fff url('/images/sub/intro/location_01.gif') no-repeat  0 0;  margin-left:0;}
.sub_cont  .com_info li:nth-child(3) {background:#fff url('/images/sub/intro/location_02.gif') no-repeat  0 0;}
.sub_cont  .com_info li:nth-child(4) {background:#fff url('/images/sub/intro/location_03.gif') no-repeat  0 0; padding-left:25px; }
.sub_cont  .com_info li:nth-child(5) {background:#fff url('/images/sub/intro/location_04.gif') no-repeat  0 0;}

.sub_cont .location_box table {width:100%; margin-top:40px; border-top:2px solid #ddd; }
.sub_cont .location_box table tr:nth-child(1) th {background:#fff url('/images/sub/intro/location_05.gif') no-repeat  50% 30px; }
.sub_cont .location_box table tr:nth-child(2) th {background:#fff url('/images/sub/intro/location_06.gif') no-repeat  50% 50px; }
.sub_cont .location_box table tr td { padding:20px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; line-height:18px; line-height:24px; }
.sub_cont .location_box table tr th { padding:20px;  border-bottom:1px solid #ddd; line-height:18px; color:#ff8a3c; }
.sub_cont .location_box table tr th > span {display:block;}
.sub_cont .location_box >  table > caption {display:none}
.sub_cont .location_box >  table > thead {display:none}



.sub_cont .social li{padding-left:14px; line-height:24px; background: url('/images/sub/common/list-style2.gif') no-repeat  0 13px; margin-bottom:10px; }
.sub_cont .social2 li { line-height:24px; }



.sub_cont .socialbox_01  {width:100%; height:338px; background: url('/images/sub/intro/social_img01.gif') no-repeat  0 13px;}
.sub_cont .socialbox_01 ul {width:100%;}
.sub_cont .socialbox_01 ul li{width:20%; float:left; text-align:center; padding-top:215px;}

.sub_cont .social3 {width:100%; margin-top:15px; }
.sub_cont .social3 li {width:194px; height:140px; float:left; box-sizing:border-box; margin-right: 14px; border:1px solid #ffc785;}
.sub_cont .social3 li:last-child {margin-right:0; }
.sub_cont .social3 dl dt { height:42px; background:#ffc785; line-height:42px; text-align:center; margin-bottom:23px; font-size:15px; color:#fff; font-weight:bold;}
.sub_cont .social3 dl dd {padding-left:8px; font-size:12px;}


.sub_cont .sub03_01 li{padding-left:14px; line-height:24px; background: url('/images/sub/common/list-style2.gif') no-repeat  0 13px; }


.sub_cont .lecture_search {text-align:right; margin:15px 0 20px 0 ;}
.sub_cont .lecture_search select{padding:0 0 0 3px; width:125px; height:30px; color:#666; vertical-align:middle; border:1px solid #dadada;}
.sub_cont .special_lecture_list ul{width:820px; overflow:hidden;}
.sub_cont .special_lecture_list ul li { display:inline; float:left;  margin-right:12px; margin-top:34px;}
.sub_cont .special_lecture_list ul li:nth-child(3n+3) {margin-right:0;}
.sub_cont .special_lecture_list ul .copy{height:376px; display:inline-block; box-sizing:border-box; border:1px solid #d7d7d7;  overflow:hidden;}


.sub_cont .special_lecture_list ul li:nth-child(1) {margin-top:0}
.sub_cont .special_lecture_list ul li:nth-child(2) {margin-top:0}
.sub_cont .special_lecture_list ul li:nth-child(3) {margin-top:0}


.sub_cont .special_lecture_list ul .copy .thum {display:block; height:228px; }
.sub_cont .special_lecture_list ul .copy .s {display:block; overflow:hidden; width:263px; height:148px; padding:0 15px 15px 15px; box-sizing:border-box; }
.sub_cont .special_lecture_list ul .copy .s span{display:block; font-size:14px; line-height:24px; margin-top:5px; color:#555555;}
.sub_cont .special_lecture_list ul .copy .s span b{color:#333; width:65px; display:inline-block;}
.sub_cont .special_lecture_list ul .copy .s .class_name {height:40px; line-height:40px; font-size:18px; font-weight:bold; margin-top:0; color:#66b400; border-bottom:1px solid #d7d7d7;  }
.sub_cont .special_lecture_list ul .copy .s .text03 {border:1px solid #f30000; background-color:#f94949; color:#fff; width:65px; text-align:center; font-weight:bold;}
.sub_cont .special_lecture_list ul .copy .s .on {border:1px solid #f30000; background-color:#f94949; color:#fff; width:65px; text-align:center; font-weight:bold;}
.sub_cont .special_lecture_list ul .copy .s .off {border:1px solid #9e9e9e; background-color:#b0b0b0; color:#fff; width:65px; text-align:center; font-weight:bold;}

.sub_cont .special_lecture_view { min-height:120px;  border:1px solid #dadada; margin-top:40px; }
.sub_cont .special_lecture_view h5{ padding:0 18px; height:59px; line-height:59px; border-bottom:1px solid #dadada; background-color:#f4f4f4; font-size:18px; font-weight:bold; color:#66b400;}
.sub_cont .special_lecture_view h5 span.date  {float:right;  line-height:59px; font-size:14px; color:#555; font-weight:400; }
.sub_cont .special_lecture_view .top_list { clear:both; display:block; padding:0 18px; height:48px;  border-bottom:1px solid #dadada;}
.sub_cont .special_lecture_view .top_list span { line-height:48px; display:inline-block; margin-right: 50px; }
.sub_cont .special_lecture_view .top_list span b  {font-weight:bold; color:#555;}
.sub_cont .special_lecture_view .top_list span.img_save {width:87px; background:url('/images/common/img_save.gif') right 55% no-repeat;}
.sub_cont .special_lecture_view .top_list a {display:inline-block;}
.sub_cont .special_lecture_conts {padding:24px 18px;}
.sub_cont .special_lecture_conts img { width:784px; text-align:center;}
.sub_cont  .lecture_list_table { width:100%; border-spacing:0; border-collapse:collapse; border:1px solid #dadada; }
.sub_cont  .lecture_list_table a { color:#555;}
.sub_cont  .lecture_list_table tr th{ text-align:left; line-height:42px; border-bottom:1px solid #dadada; padding-left:30px;}
.sub_cont  .lecture_list_table tr td{ text-align:left;  height:42px; line-height:42px; padding:0 30px;border-bottom:1px solid #dadada; }

.sub_cont  .lecture_list_table tr th.pre { background:#f4f4f4 url('/images/sub/scene/lecture_list_pre.gif') 80px 17px no-repeat;  }
.sub_cont  .lecture_list_table tr th.next { background:#f4f4f4 url('/images/sub/scene/lecture_list_next.gif') 80px 20px no-repeat; }

.sub_cont  .btn_lec_list {text-align:right; margin-top:11px; }
.sub_cont  .btn_lec_list a {text-align:center; width:80px; height:30px; line-height:30px; background-color:#b0b0b0; color:#fff; display:inline-block; font-weight:bold; }


.sub_cont .pD15 {padding:15px 0}
.sub_cont .vision_list {height:365px; display:block;}
.sub_cont .vision_list dt {font-size:16px; line-height:30px;  color:#333; margin-top:15px; font-weight:bold; }
.sub_cont .vision_list dt:first-child {margin-top:0;}
.sub_cont .vision_list dd {line-height:23px;}
.sub_cont .vision_list dd.list_01 {position:relative;}
.sub_cont .vision_list dd ul.list_02 {position: absolute; left:80px; top:0;}
.sub_cont .vision_list dd li { padding-left:14px;  background: url('/images/sub/common/list-style2.gif') no-repeat  0 13px;}
.sub_cont .vision_text {text-align:center; margin-top:35px; font-size:25px; line-height:25px; color:#ff5408; }

















/*-----------------------------------------------*/
#map { position:relative; margin:0;  width:710px; height:523px; padding:0 20px; background:url('/images/basic_blue/map/map_bg.jpg') left top no-repeat; }
.map_title { padding:0 15px; width:72px; height:32px; font-size:16px; letter-spacing:-1px; line-height:32px; background:url('/images/basic_blue/map/map_title_bg.gif') no-repeat;}
#map_main { position:absolute; top:18px; left:18px; width:450px; height:488px; }
#map_sub { position:absolute; top:-10px; left:320px; width:381px; height:488px; }
#map_sub .map_title { margin-left:10px; }
#map li a span { display: none; }

/* 전국 */
#korea {width:306px;height:451px;}
#korea map area{outline:none;}

/* 서울 */
#seoul { display:none; position:relative; list-style:none; width:401px; height:350px; left:0px; top:34px; background:url('/images/basic_blue/map/seoul.png') left top no-repeat;  }
#seoul li { position:absolute; }
#seoul .unphyunggu { width:88px; height:96px; left:99px; top:50px; z-index:10; }
#seoul .seodaemungu { width:61px; height:62px; left:121px; top:107px; z-index:100;}
#seoul .jongrogu { width:71px; height:75px; left:164px; top:82px; z-index:10; }
#seoul .seungbukgu { width:90px; height:66px; left:187px; top:77px; z-index:10; }
#seoul .gangbukgu { width:66px; height:89px; left:191px; top:20px; z-index:10; }
#seoul .dobonggu { width:48px; height:79px; left:214px; top:1px; z-index:100; }
#seoul .nowongu { width:69px; height:94px; left:246px; top:6px; z-index:10;}
#seoul .jungryanggu { width:49px; height:59px; left:271px; top:94px; z-index:10; }
#seoul .dongdaemun { width:57px; height:53px; left:226px; top:108px; z-index:10; }
#seoul .junggu { width:56px; height:31px; left:177px; top:149px; z-index:10; }
#seoul .mapogu { width:92px; height:66px; left:87px; top:127px; z-index:10; }
#seoul .yongsangu { width:73px; height:45px; left:156px; top:167px; z-index:10; }
#seoul .seongdonggu { width:61px; height:49pxs; left:216px; top:147px; z-index:10; }
#seoul .gwangjingu { width:52px; height:53px; left:263px; top:147px; z-index:10; }
#seoul .gangseogu { width:110px; height:89px; left:0px; top:111px; z-index:10; }
#seoul .yangcheongu { width:67px; height:54px; left:48px; top:169px; z-index:10; }
#seoul .gurogu { width:89px; height:49px; left:36px; top:210px; z-index:10; }
#seoul .yeongdeungpogu { width:48px; height:72px; left:101px; top:171px; z-index:10; }
#seoul .gumcheongu { width:53px; height:63px; left:94px; top:242px; z-index:10; }
#seoul .gwanakgu { width:85px; height:65px; left:118px; top:233px; z-index:10; }
#seoul .dongjakgu { width:75px; height:48px; left:123px; top:207px; z-index:10; }
#seoul .seochogu { width:114px; height:111px; left:190px; top:201px; z-index:10; }
#seoul .gangnamgu { width:103px; height:88px; left:224px; top:192px; z-index:10; }
#seoul .songpagu { width:89px; height:83px; left:271px; top:180px; z-index:10; }
#seoul .gangdonggu { width:64px; height:71px; left:316px; top:138px; z-index:10; }

#seoul li a { display: block; outline: none; height: 100%; }
#seoul li a:hover { background: url('/images/basic_blue/map/seoul.png') no-repeat 0 0;	 }
#seoul li.unphyunggu a:hover { background-position:0 -400px; }
#seoul li.seodaemungu a:hover { background-position:-200px -400px;}
#seoul li.jongrogu a:hover { background-position:-400px -400px;}
#seoul li.seungbukgu a:hover { background-position:-600px -400px;}
#seoul li.gangbukgu a:hover { background-position:-800px -400px;}
#seoul li.dobonggu a:hover { background-position:0px -600px;}
#seoul li.nowongu a:hover { background-position:-200px -600px;}
#seoul li.jungryanggu a:hover { background-position:-400px -600px;}
#seoul li.dongdaemun a:hover { background-position:-600px -600px;}
#seoul li.junggu a:hover { background-position:-800px -600px;}
#seoul li.mapogu a:hover { background-position:0px -800px;}
#seoul li.yongsangu a:hover { background-position:-200px -800px;}
#seoul li.seongdonggu a:hover { background-position:-400px -800px;}
#seoul li.gwangjingu a:hover { background-position:-600px -800px;}
#seoul li.gangseogu a:hover { background-position:-800px -800px;}
#seoul li.yangcheongu a:hover { background-position:0px -1000px;}
#seoul li.gurogu a:hover { background-position:-200px -1000px;}
#seoul li.yeongdeungpogu a:hover { background-position:-400px -1000px;}
#seoul li.gumcheongu a:hover { background-position:-600px -1000px;}
#seoul li.gwanakgu a:hover { background-position:-800px -1000px;}
#seoul li.dongjakgu a:hover { background-position:0px -1200px;}
#seoul li.seochogu a:hover { background-position:-200px -1200px;}
#seoul li.gangnamgu a:hover { background-position:-400px -1200px;}
#seoul li.songpagu a:hover { background-position:-600px -1200px;}
#seoul li.gangdonggu a:hover { background-position:-800px -1200px;}



/*서울 여행---------------------------------------------------------------------------------------------------*/
/* 서울 */
#seoul1 { display:none; position:relative; list-style:none; width:401px; height:350px; left:0px; top:34px; background:url('/images/basic_blue/map/seoul1.png') left top no-repeat;  }
#seoul1 li { position:absolute; }
#seoul1 .unphyunggu { width:88px; height:96px; left:99px; top:50px; z-index:10; }
#seoul1 .seodaemungu { width:61px; height:62px; left:121px; top:107px; z-index:100;}
#seoul1 .jongrogu { width:71px; height:75px; left:164px; top:82px; z-index:10; }
#seoul1 .seungbukgu { width:90px; height:66px; left:187px; top:77px; z-index:10; }
#seoul1 .gangbukgu { width:66px; height:89px; left:191px; top:20px; z-index:10; }
#seoul1 .dobonggu { width:48px; height:79px; left:214px; top:1px; z-index:100; }
#seoul1 .nowongu { width:69px; height:94px; left:246px; top:6px; z-index:10;}
#seoul1 .jungryanggu { width:49px; height:59px; left:271px; top:94px; z-index:10; }
#seoul1 .dongdaemun { width:57px; height:53px; left:226px; top:108px; z-index:10; }
#seoul1 .junggu { width:56px; height:31px; left:177px; top:149px; z-index:10; }
#seoul1 .mapogu { width:92px; height:66px; left:87px; top:127px; z-index:10; }
#seoul1 .yongsangu { width:73px; height:45px; left:156px; top:167px; z-index:10; }
#seoul1 .seongdonggu { width:61px; height:49pxs; left:216px; top:147px; z-index:10; }
#seoul1 .gwangjingu { width:52px; height:53px; left:263px; top:147px; z-index:10; }
#seoul1 .gangseogu { width:110px; height:89px; left:0px; top:111px; z-index:10; }
#seoul1 .yangcheongu { width:67px; height:54px; left:48px; top:169px; z-index:10; }
#seoul1 .gurogu { width:89px; height:49px; left:36px; top:210px; z-index:10; }
#seoul1 .yeongdeungpogu { width:48px; height:72px; left:101px; top:171px; z-index:10; }
#seoul1 .gumcheongu { width:53px; height:63px; left:94px; top:242px; z-index:10; }
#seoul1 .gwanakgu { width:85px; height:65px; left:118px; top:233px; z-index:10; }
#seoul1 .dongjakgu { width:75px; height:48px; left:123px; top:207px; z-index:10; }
#seoul1 .seochogu { width:114px; height:111px; left:190px; top:201px; z-index:10; }
#seoul1 .gangnamgu { width:103px; height:88px; left:224px; top:192px; z-index:10; }
#seoul1 .songpagu { width:89px; height:83px; left:271px; top:180px; z-index:10; }
#seoul1 .gangdonggu { width:64px; height:71px; left:316px; top:138px; z-index:10; }

#seoul1 li a { display: block; outline: none; height: 100%; }
#seoul1 li a:hover { background: url('/images/basic_blue/map/seoul1.png') no-repeat 0 0;	 }
#seoul1 li.unphyunggu a:hover { background-position:0 -400px; }
#seoul1 li.seodaemungu a:hover { background-position:-200px -400px;}
#seoul1 li.jongrogu a:hover { background-position:-400px -400px;}
#seoul1 li.seungbukgu a:hover { background-position:-600px -400px;}
#seoul1 li.gangbukgu a:hover { background-position:-800px -400px;}
#seoul1 li.dobonggu a:hover { background-position:0px -600px;}
#seoul1 li.nowongu a:hover { background-position:-200px -600px;}
#seoul1 li.jungryanggu a:hover { background-position:-400px -600px;}
#seoul1 li.dongdaemun a:hover { background-position:-600px -600px;}
#seoul1 li.junggu a:hover { background-position:-800px -600px;}
#seoul1 li.mapogu a:hover { background-position:0px -800px;}
#seoul1 li.yongsangu a:hover { background-position:-200px -800px;}
#seoul1 li.seongdonggu a:hover { background-position:-400px -800px;}
#seoul1 li.gwangjingu a:hover { background-position:-600px -800px;}
#seoul1 li.gangseogu a:hover { background-position:-800px -800px;}
#seoul1 li.yangcheongu a:hover { background-position:0px -1000px;}
#seoul1 li.gurogu a:hover { background-position:-200px -1000px;}
#seoul1 li.yeongdeungpogu a:hover { background-position:-400px -1000px;}
#seoul1 li.gumcheongu a:hover { background-position:-600px -1000px;}
#seoul1 li.gwanakgu a:hover { background-position:-800px -1000px;}
#seoul1 li.dongjakgu a:hover { background-position:0px -1200px;}
#seoul1 li.seochogu a:hover { background-position:-200px -1200px;}
#seoul1 li.gangnamgu a:hover { background-position:-400px -1200px;}
#seoul1 li.songpagu a:hover { background-position:-600px -1200px;}
#seoul1 li.gangdonggu a:hover { background-position:-800px -1200px;}




















/* 세종 */
#sejong { display:none; position:relative; list-style:none; width:260px; height:340px; left:70px; top:48px; background:url('/images/basic_blue/map/sejong.png') left top no-repeat;  }
#sejong li { position:absolute; }
#sejong .sejongsi {  width:260px; height:340px; left:0px; top:0px; z-index:10; }
#sejong .gojungri { width:115px; height:124px; left:0px; top:31px; z-index:10; }
#sejong .jecheonri { width:93px; height:78px; left:11px; top:139px; z-index:10; }
#sejong .dangamri { width:61px; height:69px; left:48px; top:200px; z-index:10; }
#sejong .jongchonri { width:85px; height:60px; left:65px; top:144px; z-index:10; }
#sejong .bangchukri { width:96px; height:58px; left:75px; top:108px; z-index:10; }
#sejong .galunri { width:114px; height:88px; left:86px; top:32px; z-index:10; }
#sejong .yeongiri { width:126px; height:79px; left:112px; top:12px; z-index:10; }
#sejong .yonghori { width:111px; height:95px; left:220px; top:0px; z-index:10; }
#sejong .habgangri { width:83px; height:69px; left:297px; top:56px; z-index:10; }
#sejong .welsanri { width:107px; height:89px; left:197px; top:62px; z-index:10; }
#sejong .yanghwari { width:81px; height:152px; left:170px; top:91px; z-index:10; }
#sejong .jineuri { width:51px; height:126px; left:145px; top:114px; z-index:10; }
#sejong .songdamri { width:93px; height:105px; left:103px; top:163px; z-index:10; }
#sejong .nasungri { width:84px; height:89px; left:68px; top:207px; z-index:10; }
#sejong .songwonri { width:83px; height:87px; left:34px; top:247px; z-index:10; }
#sejong .daepyungri { width:93px; height:72px; left:101px; top:246px; z-index:10; }
#sejong .hotanri { width:47px; height:45px; left:191px; top:235px; z-index:10; }
#sejong .suksamri { width:69px; height:63px; left:203px; top:191px; z-index:10; }
#sejong .jangjaeri { width:49px; height:38px; left:237px; top:230px; z-index:10; }
#sejong .bangokri { width:65px; height:80px; left:235px; top:151px; z-index:10; }
#sejong .sukgyori { width:70px; height:69px; left:270px; top:194px; z-index:10; }
#sejong .bonggiri { width:113px; height:104px; left:250px; top:120px; z-index:10; }
#sejong .buyongri { width:45px; height:59px; left:342px; top:117px; z-index:10; }

#sejong li a { display: block; outline: none; height: 100%; }
#sejong li a:hover { background: url('/images/basic_blue/map/sejong.png') no-repeat 0 0;	 }
#sejong li.sejongsi a:hover { background-position:0 -400px; }
#sejong li.gojungri a:hover { background-position:0 -400px; }
#sejong li.jecheonri a:hover { background-position:-200px -400px;}
#sejong li.dangamri a:hover { background-position:-400px -400px;}
#sejong li.jongchonri a:hover { background-position:-600px -400px;}
#sejong li.bangchukri a:hover { background-position:-800px -400px;}
#sejong li.galunri a:hover { background-position:0 -600px; }
#sejong li.yeongiri a:hover { background-position:-200px -600px; }
#sejong li.yonghori a:hover { background-position:-400px -600px; }
#sejong li.habgangri a:hover { background-position:-600px -600px; }
#sejong li.welsanri a:hover { background-position:-800px -600px; }
#sejong li.yanghwari a:hover { background-position:0 -800px; }
#sejong li.jineuri a:hover { background-position:-200px -800px; }
#sejong li.songdamri a:hover { background-position:-400px -800px; }
#sejong li.nasungri a:hover { background-position:-600px -800px; }
#sejong li.songwonri a:hover { background-position:-800px -800px; }
#sejong li.daepyungri a:hover { background-position:0 -1000px; }
#sejong li.hotanri a:hover { background-position:-200px -1000px; }
#sejong li.suksamri a:hover { background-position:-400px -1000px; }
#sejong li.jangjaeri a:hover { background-position:-600px -1000px; }
#sejong li.bangokri a:hover { background-position:-800px -1000px; }
#sejong li.sukgyori a:hover { background-position:0 -1200px; }
#sejong li.bonggiri a:hover { background-position:-200px -1200px; }
#sejong li.buyongri a:hover { background-position:-400px -1200px; }

/* 부산 */
#busan { display:none; position:relative; list-style:none; width:380px; height:360px; left:10px; top:34px; background:url('/images/basic_blue/map/busan.png') left top no-repeat;  }
#busan li { position:absolute; }
#busan .gijanggun { width:144px; height:182px; left:218px; top:0px; z-index:10; }
#busan .geumjeonggu { width:72px; height:77px; left:174px; top:75px; z-index:10; }
#busan .haeundaegu { width:70px; height:83px; left:222px; top:121px; z-index:10; }
#busan .bukgu { width:55px; height:79px; left:131px; top:101px; z-index:10; }
#busan .dograegu { width:54px; height:31px; left:172px; top:142px; z-index:10; }
#busan .yeonjegu { width:48px; height:36px; left:177px; top:164px; z-index:10; }
#busan .suyeong { width:43px; height:34px; left:206px; top:184px; z-index:10; }
#busan .namgu { width:47px; height:59px; left:189px; top:198px; z-index:10; }
#busan .busanjingu { width:60px; height:58px; left:149px; top:163px; z-index:10; }
#busan .sasanggu { width:48px; height:76px; left:112px; top:164px; z-index:100; }
#busan .sahagu { width:55px; height:80px; left:99px; top:221px; z-index:100; }
#busan .seogu { width:33px; height:76px; left:139px; top:215px; z-index:100; }
#busan .junggu { width:33px; height:23px; left:156px; top:237px; z-index:100; }
#busan .donggu { width:33px; height:33px; left:160px; top:210px; z-index:10; }
#busan .yeongdogu { width:45px; height:48px; left:169px; top:248px; z-index:10; }
#busan .gangseogu { width:143px; height:212px; left:0px; top:139px; z-index:10; }

#busan li a { display: block; outline: none; height: 100%; }
#busan li a:hover { background: url('/images/basic_blue/map/busan.png') no-repeat 0 0;	 }
#busan li.gijanggun a:hover { background-position:0 -400px; }
#busan li.geumjeonggu a:hover { background-position:-200px -400px; }
#busan li.haeundaegu a:hover { background-position:-400px -400px; }
#busan li.bukgu a:hover { background-position:-600px -400px; }
#busan li.dograegu a:hover { background-position:-800px -400px;}
#busan li.yeonjegu a:hover { background-position:0 -600px; }
#busan li.suyeong a:hover { background-position:-200px -600px;}
#busan li.namgu a:hover { background-position:-400px -600px;}
#busan li.busanjingu a:hover { background-position:-600px -600px; }
#busan li.sasanggu a:hover { background-position:-800px -600px; }
#busan li.sahagu a:hover { background-position:0 -700px;}
#busan li.seogu a:hover { background-position:-200px -700px;}
#busan li.junggu a:hover { background-position:-400px -700px; }
#busan li.donggu a:hover { background-position:-600px -700px; }
#busan li.yeongdogu a:hover { background-position:-800px -700px; }
#busan li.gangseogu a:hover { background-position:0 -800px; }

/* 대구 */
#daegu { display:none; position:relative; list-style:none; width:300px; height:340px; left:60px; top:44px; background:url('/images/basic_blue/map/daegu.png') left top no-repeat;  }
#daegu li { position:absolute; }
#daegu .donggu { width:103px; height:131px; left:163px; top:0px; z-index:10; }
#daegu .bukgu { width:83px; height:94px; left:100px; top:21px; z-index:10; }
#daegu .dalsunggun { width:228px; height:269px; left:0px; top:59px; z-index:10; }
#daegu .dalseogu { width:79px; height:75px; left:76px; top:119px; z-index:10; }
#daegu .susunggu { width:90px; height:74px; left:155px; top:110px; z-index:10; }
#daegu .seogu { width:46px; height:35px; left:106px; top:97px; z-index:10; }
#daegu .namgu { width:35px; height:37px; left:134px; top:128px; z-index:10; }
#daegu .junggu { width:35px; height:19px; left:144px; top:111px; z-index:10; }

#daegu li a { display: block; outline: none; height: 100%; }
#daegu li a:hover { background: url('/images/basic_blue/map/daegu.png') no-repeat 0 0;	 }
#daegu li.donggu a:hover { background-position:0px -400px; }
#daegu li.bukgu a:hover { background-position:-200px -400px; }
#daegu li.dalsunggun a:hover { background-position:-400px -400px; }
#daegu li.dalseogu a:hover { background-position:-700px -400px; }
#daegu li.susunggu a:hover { background-position:0px -700px; }
#daegu li.seogu a:hover { background-position:-200px -700px; }
#daegu li.namgu a:hover { background-position:-400px -700px; }
#daegu li.junggu a:hover { background-position:-700px -700px; }

/* 인천 */
#incheon { display:none; position:relative; list-style:none; width:400px; height:400px; left:0px; top:34px; background:url('/images/basic_blue/map/incheon.png') left top no-repeat;  }
#incheon li { position:absolute; }
#incheon .ganghwagun { width:252px; height:182px; left:0px; top:0px; z-index:10; }
#incheon .onjingun { width:191px; height:153px; left:3px; top:174px; z-index:10; }
#incheon .junggu { width:175px; height:88px; left:115px; top:187px; z-index:10; }
#incheon .seogu { width:95px; height:121px; left:243px; top:123px; z-index:10; }
#incheon .gyeyanggu { width:69px; height:55px; left:310px; top:155px; z-index:10; }
#incheon .buphyunggu { width:54px; height:41px; left:309px; top:208px; z-index:10; }
#incheon .donggu { width:32px; height:20px; left:266px; top:227px; z-index:10; }
#incheon .namgu { width:40px; height:41px; left:282px; top:234px; z-index:10; }
#incheon .yeonsugu { width:43px; height:38px; left:282px; top:264px; z-index:10; }
#incheon .namdonggu { width:70px; height:71px; left:302px; top:243px; z-index:10; }

#incheon li a { display: block; outline: none; height: 100%; }
#incheon li a:hover { background: url('/images/basic_blue/map/incheon.png') no-repeat 0 0;	 }
#incheon li.ganghwagun a:hover { background-position:0px -400px; }
#incheon li.onjingun a:hover { background-position:-300px -400px; }
#incheon li.junggu a:hover { background-position:-500px -400px; }
#incheon li.seogu a:hover { background-position:-700px -400px; }
#incheon li.gyeyanggu a:hover { background-position:-900px -400px; }
#incheon li.buphyunggu a:hover { background-position:0px -600px; }
#incheon li.donggu a:hover { background-position:-300px -600px; }
#incheon li.namgu a:hover { background-position:-500px -600px; }
#incheon li.yeonsugu a:hover { background-position:-700px -600px; }
#incheon li.namdonggu a:hover { background-position:-900px -600px; }

/* 광주 */
#gwangju { display:none; position:relative; list-style:none; width:440px; height:300px; left:0px; top:74px; background:url('/images/basic_blue/map/gwangju.png') left top no-repeat;  }
#gwangju li { position:absolute; }
#gwangju .gwangsangu { width:219px; height:206px; left:0px; top:15px; z-index:10; }
#gwangju .bukgu { width:189px; height:157px; left:191px; top:13px; z-index:10; }
#gwangju .donggu { width:95px; height:102px; left:268px; top:118px; z-index:10; }
#gwangju .namgu { width:182px; height:113px; left:107px; top:130px; z-index:10; }
#gwangju .seogu { width:109px; height:90px; left:159px; top:105px; z-index:10; }

#gwangju li a  { display: block; outline: none; height: 100%; }
#gwangju li a:hover { background: url('/images/basic_blue/map/gwangju.png') no-repeat 0 0;	 }
#gwangju li.gwangsangu a:hover { background-position:0px -400px; }
#gwangju li.bukgu a:hover { background-position:-300px -400px; }
#gwangju li.donggu a:hover { background-position:-600px -400px; }
#gwangju li.namgu a:hover { background-position:0px -700px; }
#gwangju li.seogu a:hover { background-position:-300px -700px; }

/* 대전 */
#daejun { display:none; position:relative; list-style:none; width:280px; height:340px; left:60px; top:34px; background:url('/images/basic_blue/map/daejun.png') left top no-repeat;  }
#daejun li { position:absolute; }
#daejun .yusunggu { width:148px; height:246px; left:0px; top:0px; z-index:10; }
#daejun .daedukgu { width:96px; height:148px; left:120px; top:19px; z-index:10; }
#daejun .seogu { width:105px; height:199px; left:30px; top:130px; z-index:10; }
#daejun .junggu { width:77px; height:150px; left:106px; top:153px; z-index:10; }
#daejun .donggu { width:119px; height:241px; left:146px; top:74px; z-index:10; }

#daejun li a { display: block; outline: none; height: 100%; }
#daejun li a:hover { background: url('/images/basic_blue/map/daejun.png') no-repeat 0 0;	 }
#daejun li.yusunggu a:hover { background-position:0px -400px; }
#daejun li.daedukgu a:hover { background-position:-200px -400px; }
#daejun li.seogu a:hover { background-position:-400px -400px; }
#daejun li.junggu a:hover { background-position:-600px -400px; }
#daejun li.donggu a:hover { background-position:-800px -400px; }

/* 울산 */
#ulsan { display:none; position:relative; list-style:none; width:400px; height:340px; left:15px; top:54px; background:url('/images/basic_blue/map/ulsan.png') left top no-repeat;  }
#ulsan li { position:absolute; }
#ulsan .uljugun { width:291px; height:326px; left:0px; top:0px; z-index:10; }
#ulsan .bukgu { width:134px; height:127px; left:223px; top:35px; z-index:10; }
#ulsan .donggu { width:54px; height:90px; left:293px; top:115px; z-index:10; }
#ulsan .namgu { width:115px; height:82px; left:189px; top:130px; z-index:10; }
#ulsan .junggu { width:76px; height:49px; left:196px; top:94px; z-index:10; }

#ulsan li a { display: block; outline: none; height: 100%; }
#ulsan li a:hover { background: url('/images/basic_blue/map/ulsan.png') no-repeat 0 0;	 }
#ulsan li.uljugun a:hover { background-position:0px -400px; }
#ulsan li.bukgu a:hover { background-position:-400px -400px; }
#ulsan li.donggu a:hover { background-position:-600px -400px; }
#ulsan li.namgu a:hover { background-position:-700px -400px; }
#ulsan li.junggu a:hover { background-position:-900px -400px; }

/* 경기도 */
#gyeonggido { display:none; position:relative; list-style:none; width:320px; height:420px; left:40px; top:0px; background:url('/images/basic_blue/map/gyeonggido.png') left top no-repeat;  }
#gyeonggido li { position:absolute; }
#gyeonggido .gimpo { width:69px; height:66px; left:0px; top:149px; z-index:10; }
#gyeonggido .goyang { width:77px; height:53px; left:40px; top:163px; z-index:10; }
#gyeonggido .paju { width:85px; height:93px; left:36px; top:87px; z-index:10; }
#gyeonggido .yeonchun { width:94px; height:112px; left:66px; top:0px; z-index:10; }
#gyeonggido .yangju { width:54px; height:79px; left:90px; top:105px; z-index:10; }
#gyeonggido .uijeongbu { width:50px; height:32px; left:113px; top:152px; z-index:10; }
#gyeonggido .dongduchun { width:50px; height:40px; left:115px; top:92px; z-index:10; }
#gyeonggido .pochun { width:87px; height:129px; left:134px; top:32px; z-index:10; }
#gyeonggido .guri { width:40px; height:29px; left:136px; top:191px; z-index:10; }
#gyeonggido .namyangju { width:70px; height:76px; left:132px; top:155px; z-index:10; }
#gyeonggido .gapyeung { width:85px; height:141px; left:176px; top:72px; z-index:10; }
#gyeonggido .hanam { width:39px; height:38px; left:144px; top:208px; z-index:10; }
#gyeonggido .yangpyeung { width:130px; height:90px; left:185px; top:186px; z-index:10; }
#gyeonggido .yeuju { width:90px; height:89px; left:207px; top:253px; z-index:10; }
#gyeonggido .icheon { width:77px; height:96px; left:191px; top:276px; z-index:10; }
#gyeonggido .gwangju { width:73px; height:78px; left:147px; top:226px; z-index:10; }
#gyeonggido .sungnam { width:42px; height:43px; left:120px; top:243px; z-index:10; }
#gyeonggido .yongin { width:99px; height:87px; left:118px; top:272px; z-index:10; }
#gyeonggido .ansung { width:97px; height:76px; left:138px; top:338px; z-index:10; }
#gyeonggido .phyungtaek { width:91px; height:76px; left:60px; top:340px; z-index:10; }
#gyeonggido .hwasung { width:153px; height:86px; left:2px; top:294px; z-index:10; }
#gyeonggido .osan { width:35px; height:23px; left:114px; top:322px; z-index:10; }
#gyeonggido .suwon { width:42px; height:40px; left:96px; top:278px; z-index:10; }
#gyeonggido .gwachun { width:35px; height:22px; left:105px; top:244px; z-index:10; }
#gyeonggido .uiwang { width:35px; height:22px; left:97px; top:261px; z-index:10; }
#gyeonggido .anyang { width:35px; height:32px; left:84px; top:248px; z-index:10; }
#gyeonggido .gunpo { width:35px; height:23px; left:82px; top:270px; z-index:10; }
#gyeonggido .ansan { width:55px; height:31px; left:45px; top:272px; z-index:10; }
#gyeonggido .sihung { width:50px; height:49px; left:40px; top:243px; z-index:10; }
#gyeonggido .buchun { width:35px; height:31px; left:52px; top:219px; z-index:10; }
#gyeonggido .gwangmyung { width:35px; height:31px; left:72px; top:235px; z-index:10; }

#gyeonggido li a { display: block; outline: none; height: 100%; }
#gyeonggido li a:hover { background: url('/images/basic_blue/map/gyeonggido.png') no-repeat 0 0;	 }
#gyeonggido li.gimpo a:hover { background-position:0px -500px; }
#gyeonggido li.goyang a:hover { background-position:-200px -500px; }
#gyeonggido li.paju a:hover { background-position:-400px -500px; }
#gyeonggido li.yeonchun a:hover { background-position:-600px -500px; }
#gyeonggido li.yangju a:hover { background-position:-800px -500px; }
#gyeonggido li.uijeongbu a:hover { background-position:0px -700px; }
#gyeonggido li.dongduchun a:hover { background-position:-200px -700px; }
#gyeonggido li.pochun a:hover { background-position:-400px -700px; }
#gyeonggido li.guri a:hover { background-position:-600px -700px; }
#gyeonggido li.namyangju a:hover { background-position:-800px -700px; }
#gyeonggido li.gapyeung a:hover { background-position:0px -900px; }
#gyeonggido li.hanam a:hover { background-position:-200px -900px; }
#gyeonggido li.yangpyeung a:hover { background-position:-400px -900px; }
#gyeonggido li.yeuju a:hover { background-position:-600px -900px; }
#gyeonggido li.icheon a:hover { background-position:-800px -900px; }
#gyeonggido li.gwangju a:hover { background-position:0px -1100px; }
#gyeonggido li.sungnam a:hover { background-position:-200px -1100px; }
#gyeonggido li.yongin a:hover { background-position:-400px -1100px; }
#gyeonggido li.ansung a:hover { background-position:-600px -1100px; }
#gyeonggido li.phyungtaek a:hover { background-position:-800px -1100px; }
#gyeonggido li.hwasung a:hover { background-position:0px -1200px; }
#gyeonggido li.osan a:hover { background-position:-200px -1200px; }
#gyeonggido li.suwon a:hover { background-position:-400px -1200px; }
#gyeonggido li.gwachun a:hover { background-position:-600px -1200px; }
#gyeonggido li.uiwang a:hover { background-position:-800px -1200px; }
#gyeonggido li.anyang a:hover { background-position:0px -1300px; }
#gyeonggido li.gunpo a:hover { background-position:-200px -1300px; }
#gyeonggido li.ansan a:hover { background-position:-400px -1300px; }
#gyeonggido li.sihung a:hover { background-position:-600px -1300px; }
#gyeonggido li.buchun a:hover { background-position:-800px -1300px; }
#gyeonggido li.gwangmyung a:hover { background-position:0px -1400px; }

/* 강원도 */
#gangwondo { display:none; position:relative; list-style:none; width:400px; height:340px; left:0px; top:30px; background:url('/images/basic_blue/map/gangwondo.png') left top no-repeat;  }
#gangwondo li { position:absolute; }
#gangwondo .chulwongun { width:135px; height:58px; left:0px; top:62px; z-index:10; }
#gangwondo .hwachungun { width:81px; height:67px; left:57px; top:77px; z-index:10; }
#gangwondo .chuncheon { width:83px; height:85px; left:73px; top:116px; z-index:10; }
#gangwondo .yanggugun { width:54px; height:81px; left:126px; top:54px; z-index:10; }
#gangwondo .hongchungun { width:178px; height:80px; left:72px; top:147px; z-index:10; }
#gangwondo .injegun { width:87px; height:124px; left:146px; top:48px; z-index:10; }
#gangwondo .gosunggun { width:66px; height:98px; left:183px; top:0px; z-index:10; }
#gangwondo .sokchosi { width:45px; height:23px; left:220px; top:87px; z-index:10; }
#gangwondo .yangyanggun { width:70px; height:63px; left:215px; top:100px; z-index:10; }
#gangwondo .gangreungsi { width:83px; height:84px; left:245px; top:149px; z-index:10; }
#gangwondo .phyungchang { width:87px; height:111px; left:191px; top:172px; z-index:10; }
#gangwondo .hoengseong { width:92px; height:80px; left:111px; top:200px; z-index:10; }
#gangwondo .wonju { width:80px; height:73px; left:107px; top:238px; z-index:10; }
#gangwondo .yeongwol { width:133px; height:73px; left:168px; top:256px; z-index:10; }
#gangwondo .jungsun { width:80px; height:95px; left:233px; top:212px; z-index:10; }
#gangwondo .donghae { width:45px; height:36px; left:308px; top:212px; z-index:10; }
#gangwondo .samchuck { width:83px; height:91px; left:293px; top:235px; z-index:10; }
#gangwondo .taeback { width:45px; height:54px; left:296px; top:266px; z-index:10; }

#gangwondo li a { display: block; outline: none; height: 100%; }
#gangwondo li a:hover { background: url('/images/basic_blue/map/gangwondo.png') no-repeat 0 0;	 }
#gangwondo li.chulwongun a:hover { background-position:0px -400px; }
#gangwondo li.hwachungun a:hover { background-position:-200px -400px; }
#gangwondo li.chuncheon a:hover { background-position:-400px -400px; }
#gangwondo li.yanggugun a:hover { background-position:-600px -400px; }
#gangwondo li.hongchungun a:hover { background-position:-800px -400px; }
#gangwondo li.injegun a:hover { background-position:0px -500px; }
#gangwondo li.gosunggun a:hover { background-position:-200px -500px; }
#gangwondo li.sokchosi a:hover { background-position:-400px -500px; }
#gangwondo li.yangyanggun a:hover { background-position:-600px -500px; }
#gangwondo li.gangreungsi a:hover { background-position:-800px -500px; }
#gangwondo li.phyungchang a:hover { background-position:0px -700px; }
#gangwondo li.hoengseong a:hover { background-position:-200px -700px; }
#gangwondo li.wonju a:hover { background-position:-400px -700px; }
#gangwondo li.yeongwol a:hover { background-position:-600px -700px; }
#gangwondo li.jungsun a:hover { background-position:-800px -700px; }
#gangwondo li.donghae a:hover { background-position:0px -900px; }
#gangwondo li.samchuck a:hover { background-position:-200px -900px; }
#gangwondo li.taeback a:hover { background-position:-400px -900px; }

/* 충청남도 */
#chungnam { display:none; position:relative; list-style:none; width:400px; height:340px; left:0px; top:30px; background:url('/images/basic_blue/map/chungnam.png') left top no-repeat;  }
#chungnam li { position:absolute; }
#chungnam .taean { width:94px; height:174px; left:0px; top:26px; z-index:10; }
#chungnam .seosan { width:86px; height:125px; left:61px; top:14px; z-index:10; }
#chungnam .dangjin { width:97px; height:95px; left:96px; top:0px; z-index:10; }
#chungnam .hongsung { width:80px; height:67px; left:95px; top:116px; z-index:10; }
#chungnam .yesan { width:94px; height:84px; left:126px; top:78px; z-index:10; }
#chungnam .asan { width:70px; height:90px; left:185px; top:38px; z-index:10; }
#chungnam .chunan { width:102px; height:106px; left:229px; top:31px; z-index:10; }
#chungnam .yeongigun { width:60px; height:92px; left:259px; top:104px; z-index:10; }
#chungnam .gongju { width:94px; height:120px; left:199px; top:115px; z-index:10; }
#chungnam .chungyang { width:86px; height:74px; left:145px; top:151px; z-index:10; }
#chungnam .boryeung { width:99px; height:106px; left:63px; top:161px; z-index:10; }
#chungnam .seochun { width:90px; height:62px; left:99px; top:258px; z-index:10; }
#chungnam .buyeo { width:93px; height:97px; left:150px; top:204px; z-index:10; }
#chungnam .nonsan { width:83px; height:82px; left:222px; top:219px; z-index:10; }
#chungnam .gyeryong { width:45px; height:45px; left:268px; top:215px; z-index:10; }
#chungnam .guemsan { width:76px; height:85px; left:301px; top:242px; z-index:10; }

#chungnam li a { display: block; outline: none; height: 100%; }
#chungnam li a:hover { background: url('/images/basic_blue/map/chungnam.png') no-repeat 0 0;	 }
#chungnam li.taean a:hover { background-position:0px -400px; }
#chungnam li.seosan a:hover { background-position:-200px -400px; }
#chungnam li.dangjin a:hover { background-position:-400px -400px; }
#chungnam li.hongsung a:hover { background-position:-600px -400px; }
#chungnam li.yesan a:hover { background-position:-800px -400px; }
#chungnam li.asan a:hover { background-position:0px -600px; }
#chungnam li.chunan a:hover { background-position:-200px -600px; }
#chungnam li.yeongigun a:hover { background-position:-400px -600px; }
#chungnam li.gongju a:hover { background-position:-600px -600px; }
#chungnam li.chungyang a:hover { background-position:-800px -600px; }
#chungnam li.boryeung a:hover { background-position:0px -800px; }
#chungnam li.seochun a:hover { background-position:-200px -800px; }
#chungnam li.buyeo a:hover { background-position:-400px -800px; }
#chungnam li.nonsan a:hover { background-position:-600px -800px; }
#chungnam li.gyeryong a:hover { background-position:-800px -800px; }
#chungnam li.guemsan a:hover { background-position:0px -1000px; }

/* 충청북도 */
#chungbuk { display:none;  position:relative; list-style:none; width:300px; height:340px; left:60px; top:34px; background:url('/images/basic_blue/map/chungbuk.png') left top no-repeat;  }
#chungbuk li { position:absolute; }
#chungbuk .danyang { width:93px; height:101px; left:194px; top:24px; z-index:10; }
#chungbuk .jechun { width:88px; height:118px; left:131px; top:0px;; z-index:10; }
#chungbuk .chungju { width:107px; height:105px; left:79px; top:18px;; z-index:10; }
#chungbuk .eumsung { width:77px; height:84px; left:32px; top:30px;; z-index:10; }
#chungbuk .goesan { width:95px; height:90px; left:77px; top:84px;; z-index:10; }
#chungbuk .jeungpyeong { width:45px; height:43px; left:57px; top:107px;; z-index:10; }
#chungbuk .jinchun { width:65px; height:71px; left:5px; top:69px;; z-index:10; }
#chungbuk .cheongju { width:106px; height:95px; left:0px; top:127px;; z-index:10; }
#chungbuk .boeun { width:77px; height:64px; left:59px; top:169px;; z-index:10; }
#chungbuk .okchun { width:86px; height:71px; left:49px; top:212px;; z-index:10; }
#chungbuk .youngdong { width:99px; height:79px; left:72px; top:245px;; z-index:10; }

#chungbuk li a { display: block; outline: none; height: 100%; }
#chungbuk li a:hover { background: url('/images/basic_blue/map/chungbuk.png') no-repeat 0 0;	 }
#chungbuk li.danyang a:hover { background-position:0px -400px; }
#chungbuk li.jechun a:hover { background-position:-200px -400px; }
#chungbuk li.chungju a:hover { background-position:-400px -400px; }
#chungbuk li.eumsung a:hover { background-position:-600px -400px; }
#chungbuk li.goesan a:hover { background-position:-800px -400px; }
#chungbuk li.jeungpyeong a:hover { background-position:0px -600px; }
#chungbuk li.jinchun a:hover { background-position:-200px -600px; }
#chungbuk li.cheongju a:hover { background-position:-400px -600px; }
#chungbuk li.boeun a:hover { background-position:-800px -600px; }
#chungbuk li.okchun a:hover { background-position:0px -800px; }
#chungbuk li.youngdong a:hover { background-position:-200px -800px; }

/* 경상남도 */
#gyeongnam { display:none; position:relative; list-style:none; width:420px; height:380px; left:5px; top:20px; background:url('/images/basic_blue/map/gyeongnam.png') left top no-repeat;  }
#gyeongnam li { position:absolute; }
#gyeongnam .hamyang { width:72px; height:127px; left:2px; top:46px; z-index:10; }
#gyeongnam .geochang { width:99px; height:119px; left:23px; top:1px; z-index:10; }
#gyeongnam .habchun { width:99px; height:136px; left:88px; top:26px; z-index:10; }
#gyeongnam .sanchung { width:94px; height:100px; left:28px; top:101px; z-index:10; }
#gyeongnam .hadong { width:86px; height:109px; left:0px; top:166px; z-index:10; }
#gyeongnam .sachun { width:66px; height:69px; left:72px; top:216px; z-index:10; }
#gyeongnam .jinju { width:109px; height:87px; left:74px; top:164px; z-index:10; }
#gyeongnam .uiryeong { width:79px; height:76px; left:120px; top:118px; z-index:10; }
#gyeongnam .changnyeong { width:69px; height:91px; left:180px; top:70px; z-index:10; }
#gyeongnam .milyang { width:105px; height:83px; left:231px; top:85px; z-index:10; }
#gyeongnam .yangsan { width:82px; height:71px; left:296px; top:117px; z-index:10; }
#gyeongnam .gimhae { width:76px; height:69px; left:257px; top:154px; z-index:10; }
#gyeongnam .changwon { width:118px; height:98px; left:176px; top:155px; z-index:10; }
#gyeongnam .haman { width:73px; height:61px; left:161px; top:154px; z-index:10; }
#gyeongnam .masan { width:66px; height:65px; left:176px; top:186px; z-index:10; }
#gyeongnam .jinhae { width:54px; height:28px; left:238px; top:212px; z-index:10; }
#gyeongnam .gosung { width:93px; height:68px; left:121px; top:225px; z-index:10; }
#gyeongnam .geoje { width:66px; height:101px; left:203px; top:251px; z-index:10; }
#gyeongnam .tongyoung { width:83px; height:63px; left:133px; top:268px; z-index:10; }
#gyeongnam .namhae { width:66px; height:71px; left:52px; top:275px; z-index:10; }

#gyeongnam li a { display: block; outline: none; height: 100%; }
#gyeongnam li a:hover { background: url('/images/basic_blue/map/gyeongnam.png') no-repeat 0 0;	 }
#gyeongnam li.hamyang a:hover { background-position:0px -400px; }
#gyeongnam li.geochang a:hover { background-position:-200px -400px; }
#gyeongnam li.habchun a:hover { background-position:-400px -400px; }
#gyeongnam li.sanchung a:hover { background-position:-600px -400px; }
#gyeongnam li.hadong a:hover { background-position:-800px -400px; }
#gyeongnam li.sachun a:hover { background-position:0px -600px; }
#gyeongnam li.jinju a:hover { background-position:-200px -600px; }
#gyeongnam li.uiryeong a:hover { background-position:-400px -600px; }
#gyeongnam li.changnyeong a:hover { background-position:-600px -600px; }
#gyeongnam li.milyang a:hover { background-position:-800px -600px; }
#gyeongnam li.yangsan a:hover { background-position:0px -800px; }
#gyeongnam li.gimhae a:hover { background-position:-200px -800px; }
#gyeongnam li.changwon a:hover { background-position:-400px -800px; }
#gyeongnam li.haman a:hover { background-position:-600px -800px; }
#gyeongnam li.masan a:hover { background-position:-800px -800px; }
#gyeongnam li.jinhae a:hover { background-position:0px -1000px; }
#gyeongnam li.gosung a:hover { background-position:-200px -1000px; }
#gyeongnam li.geoje a:hover { background-position:-400px -1000px; }
#gyeongnam li.tongyoung a:hover { background-position:-600px -1000px; }
#gyeongnam li.namhae a:hover { background-position:-800px -1000px; }

/*경상북도*/
#gyeongbuk { display:none; position:relative; list-style:none; width:360px; height:340px; left:20px; top:40px; background:url('/images/basic_blue/map/gyeongbuk.png') left top no-repeat;  }
#gyeongbuk li { position:absolute; }
#gyeongbuk .uljin { width:71px; height:108px; left:214px; top:1px; z-index:10; }
#gyeongbuk .bonghwa { width:94px; height:70px; left:139px; top:12px; z-index:10; }
#gyeongbuk .yeoungyang { width:57px; height:80px; left:196px; top:56px; z-index:10; }
#gyeongbuk .youngduk { width:54px; height:80px; left:228px; top:99px; z-index:10; }
#gyeongbuk .pohang { width:108px; height:102px; left:196px; top:166px; z-index:10; }
#gyeongbuk .cheongsong { width:68px; height:89px; left:177px; top:114px; z-index:10; }
#gyeongbuk .andong { width:95px; height:107px; left:105px; top:69px; z-index:10; }
#gyeongbuk .yechun { width:57px; height:72px; left:78px; top:63px; z-index:10; }
#gyeongbuk .youngju { width:54px; height:74px; left:101px; top:21px; z-index:10; }
#gyeongbuk .mungyeong { width:85px; height:74px; left:11px; top:58px; z-index:10; }
#gyeongbuk .sangju { width:90px; height:83px; left:1px; top:105px; z-index:10; }
#gyeongbuk .gimchun { width:82px; height:91px; left:1px; top:185px; z-index:10; }
#gyeongbuk .gumi { width:74px; height:58px; left:55px; top:166px; z-index:10; }
#gyeongbuk .gunwui { width:82px; height:64px; left:102px; top:172px; z-index:10; }
#gyeongbuk .uisung { width:105px; height:69px; left:79px; top:128px; z-index:10; }
#gyeongbuk .goryeong { width:56px; height:49px; left:58px; top:268px; z-index:10; }
#gyeongbuk .sungju { width:64px; height:58px; left:40px; top:226px; z-index:10; }
#gyeongbuk .chilgok { width:58px; height:43px; left:82px; top:217px; z-index:10; }
#gyeongbuk .youngchun { width:80px; height:74px; left:150px; top:199px; z-index:10; }
#gyeongbuk .gyeongju { width:97px; height:93px; left:198px; top:220px; z-index:10; }
#gyeongbuk .gyeongsan { width:47px; height:61px; left:150px; top:239px; z-index:10; }
#gyeongbuk .chungdo { width:91px; height:57px; left:122px; top:270px; z-index:10; }
#gyeongbuk .ulleung { width:45px; height:36px; left:311px; top:20px; z-index:10; }
#gyeongbuk .dokdo { width:35px; height:11px; left:339px; top:45px; z-index:10; }

#gyeongbuk li a { display: block; outline: none; height: 100%; }
#gyeongbuk li a:hover { background: url('/images/basic_blue/map/gyeongbuk.png') no-repeat 0 0;	 }
#gyeongbuk li.uljin a:hover { background-position:0px -400px; }
#gyeongbuk li.bonghwa a:hover { background-position:-100px -400px; }
#gyeongbuk li.yeoungyang a:hover { background-position:-200px -400px; }
#gyeongbuk li.youngduk a:hover { background-position:-300px -400px; }
#gyeongbuk li.pohang a:hover { background-position:-400px -400px; }
#gyeongbuk li.cheongsong a:hover { background-position:-600px -400px; }
#gyeongbuk li.andong a:hover { background-position:-700px -400px; }
#gyeongbuk li.yechun a:hover { background-position:-900px -400px; }
#gyeongbuk li.youngju a:hover { background-position:0px -600px; }
#gyeongbuk li.mungyeong a:hover { background-position:-100px -600px; }
#gyeongbuk li.sangju a:hover { background-position:-200px -600px; }
#gyeongbuk li.gimchun a:hover { background-position:-300px -600px; }
#gyeongbuk li.gumi a:hover { background-position:-400px -600px; }
#gyeongbuk li.gunwui a:hover { background-position:-500px -600px; }
#gyeongbuk li.uisung a:hover { background-position:-600px -600px; }
#gyeongbuk li.goryeong a:hover { background-position:-800px -600px; }
#gyeongbuk li.sungju a:hover { background-position:-900px -600px; }
#gyeongbuk li.chilgok a:hover { background-position:0px -800px; }
#gyeongbuk li.youngchun a:hover { background-position:-100px -800px; }
#gyeongbuk li.gyeongju a:hover { background-position:-200px -800px; }
#gyeongbuk li.gyeongsan a:hover { background-position:-400px -800px; }
#gyeongbuk li.chungdo a:hover { background-position:-500px -800px; }
#gyeongbuk li.ulleung a:hover { background-position:-600px -800px; }
#gyeongbuk li.dokdo a:hover { background-position:-700px -800px; }

/*전라남도*/
#junnam { display:none; position:relative; list-style:none; width:460px; height:340px; left:0px; top:40px; background:url('/images/basic_blue/map/junnam.png') left top no-repeat;  }
#junnam li { position:absolute; }
#junnam .sinan { width:105px; height:128px; left:1px; top:70px; z-index:10; }
#junnam .wando { width:114px; height:73px; left:126px; top:214px; z-index:10; }
#junnam .goheung { width:86px; height:86px; left:240px; top:139px; z-index:10; }
#junnam .yeosu { width:58px; height:86px; left:319px; top:124px; z-index:10; }
#junnam .gwangyang { width:50px; height:69px; left:322px; top:63px; z-index:10; }
#junnam .gure { width:52px; height:58px; left:289px; top:28px; z-index:10; }
#junnam .sunchun { width:79px; height:72px; left:257px; top:67px; z-index:10; }
#junnam .goksung { width:60px; height:58px; left:241px; top:33px; z-index:10; }
#junnam .damyang { width:48px; height:74px; left:198px; top:6px; z-index:10; }
#junnam .jangsung { width:70px; height:62px; left:143px; top:1px; z-index:10; }
#junnam .younggwang { width:65px; height:57px; left:92px; top:11px; z-index:10; }
#junnam .hampyung { width:56px; height:56px; left:103px; top:55px; z-index:10; }
#junnam .muan { width:59px; height:82px; left:82px; top:68px; z-index:10; }
#junnam .mokpo { width:23px; height:17px; left:100px; top:134px; z-index:10; }
#junnam .youngam { width:96px; height:58px; left:101px; top:112px; z-index:10; }
#junnam .naju { width:72px; height:53px; left:131px; top:78px; z-index:10; }
#junnam .hwasun { width:73px; height:81px; left:189px; top:58px; z-index:10; }
#junnam .bosung { width:91px; height:73px; left:214px; top:106px; z-index:10; }
#junnam .jangheung { width:49px; height:94px; left:184px; top:128px; z-index:10; }
#junnam .gangjin { width:46px; height:76px; left:156px; top:143px; z-index:10; }
#junnam .haenam { width:90px; height:102px; left:82px; top:149px; z-index:10; }
#junnam .jindo { width:61px; height:52px; left:48px; top:186px; z-index:10; }

#junnam li a { display: block; outline: none; height: 100%; }
#junnam li a:hover { background: url('/images/basic_blue/map/junnam.png') no-repeat 0 0;	 }
#junnam li.sinan a:hover { background-position:0px -400px; }
#junnam li.wando a:hover { background-position:-200px -400px; }
#junnam li.goheung a:hover { background-position:-400px -400px; }
#junnam li.yeosu a:hover { background-position:-600px -400px; }
#junnam li.gwangyang a:hover { background-position:-800px -400px; }
#junnam li.gure a:hover { background-position:0px -600px; }
#junnam li.sunchun a:hover { background-position:-200px -600px; }
#junnam li.goksung a:hover { background-position:-400px -600px; }
#junnam li.damyang a:hover { background-position:-600px -600px; }
#junnam li.jangsung a:hover { background-position:-800px -600px; }
#junnam li.younggwang a:hover { background-position:0px -700px; }
#junnam li.hampyung a:hover { background-position:-200px -700px; }
#junnam li.muan a:hover { background-position:-400px -700px; }
#junnam li.mokpo a:hover { background-position:-600px -700px; }
#junnam li.youngam a:hover { background-position:-800px -700px; }
#junnam li.naju a:hover { background-position:0px -800px; }
#junnam li.hwasun a:hover { background-position:-200px -800px; }
#junnam li.bosung a:hover { background-position:-400px -800px; }
#junnam li.jangheung a:hover { background-position:-600px -800px; }
#junnam li.gangjin a:hover { background-position:-800px -800px; }
#junnam li.haenam a:hover { background-position:0px -1000px; }
#junnam li.jindo a:hover { background-position:-200px -1000px; }

/*전라북도*/
#junbuk { display:none;  position:relative; list-style:none; width:440px; height:320px; left:0px; top:40px; background:url('/images/basic_blue/map/junbuk.png') left top no-repeat;  }
#junbuk li { position:absolute; }
#junbuk .gunsan { width:96px; height:58px; left:30px; top:30px; z-index:10; }
#junbuk .iksan { width:74px; height:80px; left:106px; top:1px; z-index:10; }
#junbuk .wanjugun { width:93px; height:163px; left:152px; top:5px; z-index:10; }
#junbuk .jinan { width:90px; height:126px; left:214px; top:40px; z-index:10; }
#junbuk .muju { width:100px; height:91px; left:278px; top:24px; z-index:10; }
#junbuk .jangsu { width:88px; height:118px; left:237px; top:97px; z-index:10; }
#junbuk .namwon { width:125px; height:83px; left:194px; top:183px; z-index:10; }
#junbuk .sunchang { width:115px; height:82px; left:112px; top:186px; z-index:10; }
#junbuk .imsil { width:96px; height:97px; left:163px; top:121px; z-index:10; }
#junbuk .jungub { width:102px; height:93px; left:75px; top:123px; z-index:10; }
#junbuk .gochang { width:92px; height:89px; left:0px; top:179px; z-index:10; }
#junbuk .buan { width:97px; height:74px; left:9px; top:108px; z-index:10; }
#junbuk .gimje { width:101px; height:76px; left:65px; top:75px; z-index:10; }
#junbuk .junju { width:64px; height:58px; left:143px; top:77px; z-index:10; }

#junbuk li a { display: block; outline: none; height: 100%; }
#junbuk li a:hover { background: url('/images/basic_blue/map/junbuk.png') no-repeat 0 0;	 }
#junbuk li.gunsan a:hover { background-position:0px -400px; }
#junbuk li.iksan a:hover { background-position:-200px -400px; }
#junbuk li.wanjugun a:hover { background-position:-400px -400px; }
#junbuk li.jinan a:hover { background-position:-600px -400px; }
#junbuk li.muju a:hover { background-position:-800px -400px; }
#junbuk li.jangsu a:hover { background-position:0px -600px; }
#junbuk li.namwon a:hover { background-position:-200px -600px; }
#junbuk li.sunchang a:hover { background-position:-400px -600px; }
#junbuk li.imsil a:hover { background-position:-600px -600px; }
#junbuk li.jungub a:hover { background-position:-800px -600px; }
#junbuk li.gochang a:hover { background-position:0px -800px; }
#junbuk li.buan a:hover { background-position:-200px -800px; }
#junbuk li.gimje a:hover { background-position:-400px -800px; }
#junbuk li.junju a:hover { background-position:-600px -800px; }

/*제주*/
#jeju { display:none; position:relative; list-style:none; width:420px; height:240px; left:0px; top:80px; background:url('/images/basic_blue/map/jeju.png') left top no-repeat;  }
#jeju li { position:absolute; }
#jeju .jejusi { width:371px; height:168px; left:1px; top:1px; z-index:10; }
#jeju .seoguipo { width:370px; height:162px; left:7px; top:49px; z-index:10; }

#jeju li a { display: block; outline: none; height: 100%; }
#jeju li a:hover { background: url('/images/basic_blue/map/jeju.png') no-repeat 0 0;	 }
#jeju li.jejusi a:hover { background-position:0px -300px; }
#jeju li.seoguipo a:hover { background-position:-500px -300px; }

/*울릉도*/
#ulleungdo { display:none; position:relative; list-style:none; width:380px; height:340px; left:20px; top:40px; background:url('/images/basic_blue/map/ulleungdo.png') left top no-repeat;  }
#ulleungdo li { position:absolute; }
#ulleungdo .bukmyun { width:316px; height:171px; left:35px; top:0px; z-index:10; }
#ulleungdo .seomyun { width:220px; height:246px; left:0px; top:79px; z-index:10; }
#ulleungdo .ulleungub { width:165px; height:260px; left:193px; top:65px; z-index:10; }

#ulleungdo li a { display: block; outline: none; height: 100%; }
#ulleungdo li a:hover { background: url('/images/basic_blue/map/ulleungdo.png') no-repeat 0 0;	 }
#ulleungdo li.bukmyun a:hover { background-position:0px -400px; }
#ulleungdo li.seomyun a:hover { background-position:-400px -400px; }
#ulleungdo li.ulleungub a:hover { background-position:-700px -400px; }

#tooltip { position: absolute; z-index: 999; }
#tooltip .tipBody { padding:3px; border:1px solid #0477b6; background: #fff;  font:11px; color:#0477b6; text-align:center; width:60px; }

#store_list { width:710px; margin:20px 0; margin-bottom:30px;}
#store_list .con_title { height:40px; }
#store_list .con_title:after { content:""; display:block; clear:both; }
#store_list .con_title h3 { float:left; font-size:24px; color:#333; }
#store_list .con_title .cate_navi { float:right; text-align:right; }
#store_list .map_search { margin:15px 0; padding:10px 0; width:100%; height:28px; background:#f8f8f8; border:1px solid #eeeeee; text-align:center; font-size:18px; line-height:22px; color:#666; }
#store_list .map_search .inputclass { width:250px; height:28px; border:1px solid #ccc; }
#store_list .map_search .btn_search { width:70px; height:30px; background:#000; border:none; font-size:14px; color:#fff; font-weight:bold; }
#store_list .store_list { border-top:2px solid #cccccc; }
#store_list .store_list th, #store_list .store_list td { padding:10px; }
#store_list .store_list th { border-bottom:1px solid #ccc; text-align:center; }
#store_list .store_list td { border-bottom:1px solid #eee; text-align:center; }
#store_list .store_list .btn_more { width:70px; height:22px; background:#336699; border:none; color:#fff; }