/* 서브 */ #sub {width:100%; min-width:1200px;} #sub .subtop {width:100%;display:inline-block;height:467px;position:relative;background-color:#f0f0f0;} #sub .subtop .inner {height:100%;padding:140px 100px} #sub .subtop h1 {font-weight:200;font-size:70px;margin-bottom:10px} #sub .subtop p.small {letter-spacing:4px; font-family: 'Roboto'; color:#b0b0b0;} #sub .subtop span {color:#a0a0a0;font-size:15px;display:inline-block;margin-top:15px} #sub .subtop span i {font-size:16px;line-height:inherit;position:relative;top:3px} /*#sub #sub1 {background-color:#fff;height:327px;} #sub #sub1 .inner {background-image:url(images/subtop1.jpg);}*/ #sub #sub1 {background:url(images/subtop1.jpg) top right no-repeat #fff;height:327px;} #sub #sub1 .inner {padding:90px 100px;} #sub #sub2_1 .inner {background-image:url(images/subtop2_1.jpg);} #sub #sub2_2 .inner {background-image:url(images/subtop2_2.jpg);} #sub #sub2_3 .inner {background-image:url(images/subtop2_3.jpg);} #sub #sub2_4 .inner {background-image:url(images/subtop2_4.jpg);} #sub #sub2_5 .inner {background-image:url(images/subtop2_5.jpg);} #sub #sub2_6 .inner {background-image:url(images/subtop2_6.jpg);} #sub #sub3_1 .inner {background-image:url(images/subtop3_1.jpg);} #sub #sub3_2 .inner {background-image:url(images/subtop3_2.jpg);} #sub #sub3_3 .inner {background-image:url(images/subtop3_3.jpg);} #sub #sub3_4 .inner {background-image:url(images/subtop3_4.jpg);} #sub #sub3_5 .inner {background-image:url(images/subtop3_5.jpg);} #sub #sub4_1 .inner {background-image:url(images/subtop4_1.jpg);} #sub #sub4_2 .inner {background-image:url(images/subtop4_2.jpg);} #sub #sub4_3 .inner {background-image:url(images/subtop4_3.jpg);} #sub #sub4_4 .inner {background-image:url(images/subtop4_4.jpg);} #sub #sub4_5 .inner {background-image:url(images/subtop4_5.jpg);} #sub #sub5_1 .inner {background-image:url(images/subtop5_1.jpg);} #sub #sub5_2 .inner {background-image:url(images/subtop5_2.jpg);} #sub #sub5_3 .inner {background-image:url(images/subtop5_3.jpg);} #sub #sub5_4 .inner {background-image:url(images/subtop5_4.jpg);} #sub #sub6_1 .inner {background-image:url(images/subtop6_1.jpg);} #sub #sub6_2 .inner {background-image:url(images/subtop6_2.jpg);} #sub #sub7_1 .inner {background-image:url(images/subtop7_1.jpg);} #sub #sub8_1 .inner {background-image:url(images/subtop8_1.jpg);} #sub #sub8_2 .inner {background-image:url(images/subtop8_2.jpg);} #sub #sub8_3 .inner {background-image:url(images/subtop8_3.jpg);} #sub #sub8_4 .inner {background-image:url(images/subtop8_4.jpg);} #sub #sub9_1 .inner {background-image:url(images/subtop9_1.jpg);} #sub #sub9_2 .inner {background-image:url(images/subtop9_2.jpg);} #sub #sub10 {background-color:#fff6e5;height:327px;} #sub #sub10 .inner {background-image:url(images/subtop10.jpg);padding:90px 100px;} #sub .snb {width:100%; height:63px; background-color:#9c9c9c;} #sub .snb .inner {height:63px;line-height:63px;} #sub .snb li {float:left;text-align:center;color:#fff;} #sub .snb li a {height:63px;display:block;font-size:18px;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;} #sub .snb li a:hover {background-color:rgba(0,0,0,0.5);} #sub .snb li a.on {/*background-color:#ed145b;*/} #sub .snb .p1 li {width:100%;} #sub .snb .p2 li {width:50%;} #sub .snb .p3 li {width:33.33%;} #sub .snb .p4 li {width:25%;} #sub .snb .p5 li {width:20%;} #sub .snb .p6 li {width:16.66%;} #sub #content {width:100%; margin:0 auto; overflow: hidden;} #sub #content .imgbox { width: 100%; position: relative; padding-left: 50%;} #sub #content .imgbox img {margin-left:-960px;float:left;} #sub #content .paragraph {width:100%;display:inline-block; position:relative} #sub #content .row {width:100%;display:inline-block;clear:both} #sub #content hr {margin:100px auto;} #sub #content .term_box {width:100%;padding:60px 0;} #sub #content .term_box p.title {font-weight:bold;margin-top:20px;color:#000;} #sub #content .term_box ul.num li p {padding-left:20px;text-indent:-20px;} #sub #content .term_box ul.num_auto {counter-reset: ctn 0;} #sub #content .term_box ul.num_auto li {padding-left:20px;} #sub #content .term_box ul.num_auto li p {padding-left:20px;margin-left:15px;} #sub #content .term_box ul.num_auto li p:before { content: counter(ctn,decimal) "."; counter-increment: ctn 1; width: 16px; height: 16px; font-weight:200 !important; line-height: 16px; border-radius: 16px; text-align: center; font-weight: 500; display: inline-block; margin-right: 10px; margin-left: -35px; } #sub #content .term_box ul.bullet li {padding-left:15px;text-indent:-15px;} #sub #content .term_box ul.bullet li p {} #sub #content .term_box ul.bullet li p:before {padding-right:5px;content:"\00b7";} /* 오시는 길지도 바로가기 */ #sub #content .paragraph .maplink {width:100%; height:91px; background:url(images/sub1_5_maplink.png) center no-repeat;} #sub #content .paragraph .maplink a {display:block;height:91px;text-indent:-3333px;float:left;width:33.33%} /* 테이블 */ #sub #content .paragraph table.basic {border-top:2px #303030 solid;background:#fff} #sub #content .paragraph table.basic th,#sub #content .paragraph table.basic td {padding:8px 20px} #sub #content .paragraph table.basic th {background:#f5f5f5} #sub #content .paragraph table.basic td {border-bottom:1px #d0d0d0 solid;border-left:1px #e0e0e0 solid} #sub #content .paragraph table.basic td.first {border-left:0} #sub #content .paragraph table.basic td.price {text-align:right} /* 서브페이지 탭 */ #sub #content ul.tabs {width:100%;height:69px;line-height:67px;border:1px #d0d0d0 solid;display:inline-block} #sub #content ul.tabs.p2 li {width:50%} #sub #content ul.tabs.p3 li {width:33.33%} #sub #content ul.tabs.p4 li {width:25%} #sub #content ul.tabs.p5 li {width:20%} #sub #content ul.tabs li { display:inline-block; float:left; text-align:center; font-size:20px; } #sub #content ul.tabs li a {display:block;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;} #sub #content ul.tabs li:hover a {background:#d0d0d0;} #sub #content ul.tabs li.active a {background:#fcaf17; color:#fff;} #sub #content .tab_container {width:100%;display:inline-block; } #sub #content .tab_content {min-height:280px;} /* 게시판 */ #sub #content .board_box {width:100%;display:inline-block;font-size:16px;line-height:1.7;min-height:500px} /* 하단문구 */ #sub #content .notice_box { margin-top: 60px; letter-spacing: -0.07em; font-size: 17px; text-align: center; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0); border-image: initial; padding: 20px; margin-bottom: 60px; }