@charset "utf-8";

/* 서브 비쥬얼 */
.sub_visual1 {  background:url("/img/sub/s_visu1.jpg") no-repeat center center;    float: left;  height:373px;  position: relative;  width: 100%;}
.sub_visual2 {  background:url("/img/sub/s_visu2.jpg") no-repeat center center;    float: left;  height:373px;  position: relative;  width: 100%;}
.sub_visual3 {  background:url("/img/sub/s_visu3.jpg") no-repeat center center;    float: left;  height:373px;  position: relative;  width: 100%;}
.sub_visual4 {  background:url("/img/sub/s_visu4.jpg") no-repeat center center;    float: left;  height:373px;  position: relative;  width: 100%;}
.sub_visual5 {  background:url("/img/sub/s_visu5.jpg") no-repeat center center;    float: left;  height:373px;  position: relative;  width: 100%;}
.sub_visual6 {  background:url("/img/sub/s_visu6.jpg") no-repeat center center;    float: left;  height:373px;  position: relative;  width: 100%;}
.s_visu_tit { position:absolute; left:50%; margin-left:-520px; top:88px}


/* 페이지 인식을 위한 부분 */
#page1 a.menu1,
#page2 a.menu2, 
#page3 a.menu3,
#page4 a.menu4,
#page5 a.menu5,
#page6 a.menu6,
#page7 a.menu7,
#page8 a.menu8,
#page9 a.menu9,
#page10 a.menu10 {   display:block; color:#fff; background:#06a7b5; }


/* 서브 내용 */
.s_menu { font-size:18px; height:55px; line-height:55px; margin-top:-100px; position:absolute}
.s_menu li { float:left; margin-right:5px }
.s_menu li a { display:block;padding:0 60px; border:1px solid #ddd; background:#fff}
.s_menu2 li a { padding:0 30px}
.sub > h2 { font-size:35px; line-height:45px; color:#404040; text-align:center; padding:35px 0 20px; border-bottom:1px solid #ddd}
.s_conts { padding:50px 0 80px; font-size:15px; line-height:25px; letter-spacing:0; width:1000px; margin:0 auto}

.s_map { border-top:2px solid #06a7b5; margin-top:30px}
.s_map th { border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:10px 0; background:#efefef}
.s_map td { border-bottom:1px solid #ddd; padding:10px 15px}

.s_tab { text-align:center; height:50px; margin-bottom:50px}
.s_tab li { display:inline-block;}
.s_tab a { width:150px; text-align:center; border:1px solid #ddd; padding:10px 0; display:block}
.s_tab .on { border-bottom:2px solid #06a7b5}

.s_tit { font-size:35px; line-height:45px; margin-bottom:25px}
.s_tit2 { font-size:35px; line-height:27px; margin-bottom:40px; text-align:center; margin-top:60px}
.add dt { font-size:20px; line-height:35px; border-bottom:1px solid #ddd; padding:10px; margin-bottom:10px;}
.add dd { font-size:15px; line-height:30px;}

.list { margin-top:40px}
.list li { border-bottom:1px solid #ddd; padding:10px 0; clear:both; display:inline-block; width:100%}
.list dt { float:left}
.list dd { float:right; width:94%; margin-top:8px }
.num1 { background:#767a87; display:inline-block; padding:8px 12px; color:#fff; border-radius:50%; font-weight:bold}

/*------- 둘러보기------ */
.slide_box {  position:relative;  width:1000px; height:533px; }
.slide_box ul {width:1000px; }
.slide_box li { float:left;}
.btn_wrap { }
.btn_prev{z-index:3333; width:50px; height:50px; top:230px; left:0; position:absolute; background:url(/img/sub/arrow_pre.png) no-repeat; opacity:0.8; filter:alpha(opacity=80); cursor:pointer;}
.btn_next{z-index:3333; width:50px; height:50px; top:230px; right:0; position:absolute; background:url(/img/sub/arrow_next.png) no-repeat; opacity:0.8; filter:alpha(opacity=80); cursor:pointer;}

/* slide sum */
.slide_box2  {  position:relative; width:1000px; height:102px; margin-top:10px;  padding-bottom:10px;}
.slide_box2 ul {    margin:0 auto; width: 900px;  }
.slide_box2 ul li { display:inline-block; float:left; width: 165px; height:114px; padding:3px; }
.slide_box2 ul li img { display:inline-block; float:left;border:3px solid #ededed; width:165px; height:108px; opacity:0.5; filter:alpha(opacity=50); /* For IE8 and earlier */}
.slide_box2 ul li.active img { width:165px; border: 3px solid #73c9b4; opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */}
.slide_box2 ul li.on img {opacity:7.0; filter:alpha(opacity=70); /* For IE8 and earlier */}

.slide_box2 .btn_prev{z-index:600; width:16px; height:26px; left:3px; top:37px; position:absolute; background:url(/img/sub/arrow_pre_s.png) no-repeat}
.slide_box2 .btn_next{z-index:600; width:16px; height:26px; right:3px; top:37px; position:absolute; background:url(/img/sub/arrow_next_s.png) no-repeat}
/*----- /// 둘러보기------- */


.tb-style2 { width: 100%;  border-top: 2px solid #00aebc; line-height: 1.3em; text-align: center; border-right: 1px solid #e5e5e5;}
.tb-style2 thead tr th { background: rgba(239, 254, 255, 0.5); color:#212121; padding: 14px 0;
                                  border-bottom: 1px solid #d5dfe7; border-left:1px solid #d5dfe7;  font-size: 15px; line-height: 1.7em;}
.tb-style2 tbody td { padding: 13px 10px; border-left: 1px solid #e8ede9; border-bottom: 1px solid #e8ede9; font-size: 14px;  word-break: keep-all; line-height: 1.8em;}


@media all and (max-width:1239px){
    .tb-scroll{width: 100%; overflow-x: scroll; }
}
@media screen and (max-width:767px) {
   .tb-style2 thead th { padding: 1em; }
   .tb-style2 tbody td { padding: 0.8em; }
}