@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,500);
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');
@import url(https://fonts.googleapis.com/css?family=Material+Icons);

@media screen and (max-width:320px) {
    body {zoom:50%;}
}
@media screen and (min-width:321px) and (max-width:359px) {
    body {zoom:50%;}
}
@media screen and (min-width:360px) and (max-width:379px) {
    body {zoom:56.2%;}
}
@media screen and (min-width:380px) and (max-width:419px) {
    body {zoom:58.5%;}
}
@media screen and (min-width:420px) and (max-width:479px) {
    body {zoom:64.6%;}
}
@media screen and (min-width:480px) and (max-width:639px) {
    body {zoom:75%;}
}


/* 아이패드(1024X768)보다 큰 스크린 사이즈와 해상도를 갖는 모든 기기에서의 해상도 설정 */
@media all and (min-width: 640px) {
    body {width:640px; margin:0 auto;}
}


@media all and (min-width: 640px) {
    body {zoom:100%; margin:0 auto;}
} 




*{margin:0; padding:0; box-sizing:border-box;letter-spacing:-0.01em;color:inherit;}
img {border:0; vertical-align:top;}
a {border:0; text-decoration:none;}
ul, li {list-style:none;}
body {font-family: 'Noto Sans Korean','Noto Sans KR','Nanum Barun Gothic','Nanum Gothic','Roboto', sans-serif; color:#505050; margin: 0 auto; overflow-x: hidden;}
div {display:block;}
h1,h2,h3,h4,h5 {font-weight:300;line-height:1.25}
h1 {letter-spacing: 3px; color: #136191;}
b {letter-spacing:inherit;font-weight:700}
.inner {width:600px; margin:auto;clear:both;}
.c_main {color:#009ac9 !important}
.c_sub {color:#2a4198 !important}
.c_sub2 {color:#6fcfec !important}
.c_lightgray {color:#c0c0c0 !important}
.c_white {color:#fff !important}
.c_black {color:#303030 !important}

h1 {font-size:80px; color: #fff;}
h2 {font-size:40px}
h3 {font-size:30px; color: #f7d29c;}
h4 {font-size:24px;}
h5 {font-size:15px;line-height:1.5; color: #fff; letter-spacing: 8px; font-weight: 100;}
p {font-size:17px;font-weight:300;line-height:1.7;color:inherit;word-break:keep-all }
p.small {font-size:15px;}
span {color:inherit}

.float {float:left;}
.float_r {float:right}
.center {text-align:center !important}
.half {width:50% !important}


hr {width:100%;height:1px;background:#e0e0e0;border:0;margin:0px auto 60px;}


/* 마진,패딩 설정 */
.mg0 {margin-left:0 !important;margin-right:0 !important}

.mtm30 {margin-top:-30px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.pt85 {padding-top:85px;}
.pt100 {padding-top:100px;}
.mt100 {margin-top:100px;}


.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}


.pl03 {padding-left:3%}
.pl05 {padding-left:5%}
.pl10 {padding-left:10%}
.pl15 {padding-left:15%}
.pl20 {padding-left:20%}
.pl25 {padding-left:25%}
.pl30 {padding-left:30%}
.pl35 {padding-left:35%}

.pr03 {padding-right:3%}
.pr05 {padding-right:5%}
.pr10 {padding-right:10%}
.pr15 {padding-right:15%}
.pr20 {padding-right:20%}
.pr25 {padding-right:25%}
.pr30 {padding-right:30%}
.pr35 {padding-right:35%}


.bd_b {border-bottom:1px #e0e0e0 solid}
.bd_t {border-top:1px #e0e0e0 solid}



/* 컬럼 설정 */
.col5 {width:20%;}
.col4 {width:25%;}
.col3 {width:33.33%;}


/*폰트설정*/

.roboto{font-family: 'Roboto', sans-serif;}



/* 공통 */
#wrap {width:640px; min-width:600px; margin:auto; position:relative; }
#header {
    width:100%; min-width:600px; height:118px; 
    position:relative; z-index:10; 
    background-color: #191919;
}
#header .inner {}
#header .logo {margin-top:25px; left: 20px; position: absolute;}

#header .ham {position: absolute; right: 20px; top: 40px;}

#header #gnb {line-height:50px;margin-top:28px; right: 320px; float:right;position:relative;  z-index: 1000;}
#header #gnb > ul {}
#header #gnb > ul > li {float:left;width:130px;overflow:hidden}
#header #gnb > ul > li > p {line-height:inherit;font-size:20px;text-align:center}
#header #gnb > ul > li a {display:block; color: #fff;}
#header #gnb > ul > li > p a.on,#header #gnb > ul > li > p a:hover {font-weight:bold;color:#97d6ff;}
#header #gnb .subnav { 
 margin:auto;
 clear:both;
 display: none;
 position: absolute;
  z-index:10;
  text-align:left;
  top:47px;
  left:0;
  font-size:15px;
  width:600px;
  padding-top:15px;
 }
 #header #gnb .subnav div {display: flex;}
#header #gnb .subnav dl {background: rgba(5, 5, 5, 0.397); width: 600px;}
#header #gnb .subnav dd {line-height:40px; width: 90px;}
#header #gnb .subnav dl:nth-child(1) dd {width: 130px; margin-left: 30px;}
#header #gnb .subnav dl:nth-child(2) dd {margin-left: 10px;}
#header #gnb .subnav dl:nth-child(3) dd {margin-left: -10px;}
#header #gnb .subnav dl:nth-child(4) dd {margin-left: -30px;}
#header #gnb .subnav a:hover {font-size:larger;color:#97d6ff;}
#header #gnb .subnav a {display:block;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}


/* 공통푸터 */
#footer {width: 100%; height: 511px; background: #60605f; min-width: 600px; margin: auto; position: relative; display: inline-block;}
#footer .inner {position: relative; width: 640px;}
#footer .inner > * {float:left}
#footer .logo {text-align: center;}
#footer .footer_txt { text-align:left;color: #fff;}
#footer .footer_txt span {padding-right:15px;line-height:1.7; font-weight: 300; font-size: 15px;}
#footer .float {width: 100%; position: absolute;}

/* 메인 */
#main {width:100%; min-width:600px; float:left; position:relative;}
#main .flexslider {text-align:center;height:654px;}
#main .main_sl1 {width:100%;height:654px;background:url(/base/img/m/images/main_sl_01.jpg) center top no-repeat;}
#main .main_sl2 {width:100%;height:654px;background:url(/base/img/m/images/main_sl_02.jpg) center top no-repeat;}
#main .slides {z-index: 0;}
#main .slides .inner img {position: absolute;}

#main .paragraph{ margin: 0 auto; width: 100%; position: relative;}
#main .inner {}
#main .section {width: 100%; padding: 100px 0;}


/* 메인섹션1 */
#main #sec1 {}
#main #sec1 .inner {height: 745px; position: relative; background: url(/base/img/m/images/main_sec1.png) no-repeat top center;}
#main #sec1 a {
    width: 190px; height: 190px; border-radius: 100px;
    display: block; text-indent: -3333px; 
}
#main #sec1 .sec1_box1 {display: flex; position: absolute; top: 140px;}
#main #sec1 .sec1_box2 {display: flex; position: absolute; top: 345px;}
#main #sec1 .sec1_box3 {display: flex; position: absolute; left: 103px; bottom: 0;}

#main #sec1 .sec1_box1 a:nth-child(2) {margin: 0 16px;}
#main #sec1 .sec1_box2 a:nth-child(2) {margin: 0 16px;}
#main #sec1 .sec1_box3 a:nth-child(2) {margin-left: 16px;}


/* 메인섹션2 */
#main #sec2 {width: 100%; height: 1090px; background: url(/base/img/m/images/main_sec2_bg.jpg);}

/* 메인섹션3 */
#main #sec3 .inner {position: relative;}
#main #sec3 .sec3_box {display: flex;}
#main #sec3 .sec3_box a {
    width: 290px; height: 260px; display: block;
    text-indent: -3333px; position: absolute; top: 90px;
}
#main #sec3 .sec3_box a:nth-child(2) {
    right: 0;
}


/* 메인섹션4 */
#main #sec4 {width: 100%; height: 549px; background: url(/base/img/m/images/main_sec4_bg.jpg);}
#main #sec4 .inner {position: relative;}

#main #sec4 .sec4_box {
    width: 290px; height:260px; 
    position: absolute; top: 88px;
}
#main #sec4 .a {width: 100%; height: 100%; display: block; text-indent: -3333px;}

#main #sec4 .sec4_box2>div {
    width: 240px; height: 180px; 
    position: absolute; right: 25px; top: 88px; 
}
#main #sec4 .sec4_box2 .a {
    position: absolute; width: 240px; height: 40px;
    bottom: 0; right: 25px;

}


/* 메인섹션5 */
#main #sec5 {}
#main #sec5 .inner {position: relative;}


#main #sec5 .a {width: 100%; height: 100%; display: block; text-indent: -3333px;}

#main #sec5 .sec5_box>div {
    width: 240px; height: 140px; 
    position: absolute; left: 25px; top: 88px;
}
#main #sec5 .sec5_box .a {
    position: absolute; width: 240px; height: 40px;
    bottom: 0; right: 25px;

}


#main #sec5 .sec5_box2>div {
    width: 240px; height: 140px; 
    position: absolute; right: 25px; top: 88px;
}

#main #sec5 .sec5_box2 .a {
    position: absolute; width: 240px; height: 40px;
    bottom: 0; left: 25px;

}



/* 메인섹션6 */
#main #sec6 {width: 100%; height: 566px; background: url(/base/img/m/images/main_sec6_bg.jpg);}
#main #sec6 .inner {position: relative;}

#main #sec6 a {
    width: 100%; height:160px; display: block; text-indent: -3333px;
    position: absolute;
} 

#main #sec6 .inner>a:nth-child(2) {top: 0;}
#main #sec6 .inner>a:nth-child(3) {bottom: 0;}





/* 서브 */
#sub {width:100%; min-width:600px; display:inline-block;}

#sub .subtop1 {width:100%;height: 360px;display:inline-block;background:url(/base/img/m/images/subtop1.jpg) top center no-repeat;color:#fff;text-align:center; }
#sub .subtop2 {width:100%;height: 360px;display:inline-block;background:url(/base/img/m/images/subtop2.jpg) top center no-repeat;color:#fff;text-align:center; }
#sub .subtop2_1 {width:100%;height: 360px;display:inline-block;background:url(/base/img/m/images/subtop2_1.png) top center no-repeat;color:#fff;text-align:center; }
#sub .subtop2_4 {width:100%;height: 360px;display:inline-block;background:url(/base/img/m/images/subtop2_4.png) top center no-repeat;color:#fff;text-align:center; }
#sub .subtop2_5 {width:100%;height: 360px;display:inline-block;background:url(/base/img/m/images/subtop2_5.png) top center no-repeat;color:#fff;text-align:center; }


#sub .subtop3 {width:100%;height: 360px;display:inline-block;background:url(/base/img/m/images/subtop3.jpg) top center no-repeat;color:#fff;text-align:center; }
#sub .subtop4 {width:100%;height: 360px;display:inline-block;background:url(/base/img/m/images/subtop4.jpg) top center no-repeat;color:#fff;text-align:center; }
#sub .subtop5 {width:100%;height: 360px;display:inline-block;background:url(/base/img/m/images/subtop5.jpg) top center no-repeat;color:#fff;text-align:center; }
#sub .subtop6 {width:100%;height: 360px;display:inline-block;background:url(/base/img/m/images/subtop6.jpg) top center no-repeat;color:#fff;text-align:center; }
#sub .subtop7 {width:100%;height: 360px;display:inline-block;background:url(/base/img/m/images/subtop7.jpg) top center no-repeat;color:#fff;text-align:center; }
#sub .subtop7_5 {width:100%;height: 360px;display:inline-block;background:url(/base/img/m/images/subtop7_5.jpg) top center no-repeat;color:#fff;text-align:center; }
#sub .subtop8 {width:100%;height: 360px;display:inline-block;background:url(/base/img/m/images/subtop8.jpg) top center no-repeat;color:#fff;text-align:center; }
#sub .subtop8_3 {width:100%;height: 360px;display:inline-block;background:url(/base/img/m/images/subtop8_3.jpg) top center no-repeat;color:#fff;text-align:center; }
#sub .subtop8_4 {width:100%;height: 360px;display:inline-block;background:url(/base/img/m/images/subtop8_4.jpg) top center no-repeat;color:#fff;text-align:center; }
#sub .subtop8_5 {width:100%;height: 360px;display:inline-block;background:url(/base/img/m/images/subtop8_5.jpg) top center no-repeat;color:#fff;text-align:center; }
#sub .subtop8_6 {width:100%;height: 360px;display:inline-block;background:url(/base/img/m/images/subtop8_6.jpg) top center no-repeat;color:#fff;text-align:center; }
#sub .subtop9 {width:100%;height: 360px;display:inline-block;background:url(/base/img/m/images/subtop9.jpg) top center no-repeat;color:#fff;text-align:center; }
#sub .subtop10 {width:100%;height: 360px;display:inline-block;background:url(/base/img/m/images/subtop10.jpg) top center no-repeat;color:#fff;text-align:center; }



#sub .subtop p {letter-spacing:-0.01em; opacity: 0.7;}

#sub .snb {width:100%;text-align:center;height:70px;line-height:70px;margin:0 auto 0;position:relative;z-index:1}
#sub .snb ul {background:#f5f5f5; height: 100%;}
#sub .snb ul li {float:left;font-size:17px;}
#sub .snb ul li a {display:block;height:70px;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
#sub .snb ul li a.on,#sub .snb ul li a.on:hover {background:#675741;color:#fff}
#sub .snb ul.p1 li {width:100%}
#sub .snb ul.p2 li {width:50%}
#sub .snb ul.p3 li {width:33.333%}
#sub .snb ul.p4 li {width:25%}
#sub .snb ul.p5 li {width:20%}
#sub .snb ul.p6 li {width:16.666%}
#sub .snb ul.p7 li {width:14.285%}


/* 서브1_4 지도 */
#sub #content {padding: 100px 0;}
#sub #content .inner {position: relative;}
#sub .sub1_4_map {position: absolute; top: 510px;}
#sub .sub1_4_sns {
    position: absolute;
    right: 0; top: 972px;
}
#sub .sub1_4_sns div {width: 180px; height: 195px;}
#sub .sub1_4_sns div>a {width: 100%; height: 100%; display: block;}



/* 서브1_6 */

#sub #content .paragraph .table2 {
    border-collapse: collapse; width: 100%;}

#sub #content .paragraph .table th {color:#fff;padding:8px;background-color: #303030;vertical-align:middle; border-left: 1px rgba(255,255,255,0.5) solid;}
#sub #content .paragraph .table th.th2 {background-color: #303030; border-bottom: 1px #d0d0d0 solid;}
#sub #content .paragraph .table th.bg_black {background:#303030;}
#sub #content .paragraph .table th.bg_sky {background:#4f7bb9;}
#sub #content .paragraph .table th.bg_blue {background:#004078;}
#sub #content .paragraph .table th h4 {font-weight:500;margin-bottom:0}
#sub #content .paragraph .table td {padding:15px 6px;border-right:1px #d0d0d0 solid;border-bottom:1px #d0d0d0 solid;background:#fff;border-left: 1px #d0d0d0 solid;}
#sub #content .paragraph .table td.first {border-left:1px #d0d0d0 solid}
#sub #content .paragraph .table td.price {text-align: right;}
#sub #content .paragraph .table td.title {color: #000000; background-color: rgba(0, 0, 0, 0.055);}





/* 서브2_1 */
#sub #sub2_1 {height: 100%; width: 100%; background: url(/base/img/m/images/sub2_1_bg.jpg);}
/* 서브2_2 */
#sub #sub2_2 {height: 100%; width: 100%; background: url(/base/img/m/images/sub2_2_bg.jpg);}
/* 서브2_3 */
#sub #sub2_3 {height: 100%; width: 100%; background: url(/base/img/m/images/sub2_3_bg.jpg);}
/* 서브2_4 */
#sub #sub2_4 {height: 100%; width: 100%; background: url(/base/img/m/images/sub2_4_bg.jpg);}
/* 서브2_5 */
#sub #sub2_5 {height: 100%; width: 100%; background: url(/base/img/m/images/sub2_5_bg.jpg);}

/* 서브3_1 */
#sub #sub3_1 {height: 100%; width: 100%; background: url(/base/img/m/images/sub3_1_bg.jpg); position: relative;}
#sub #sub3_1 a {position: absolute; width: 290px; height: 197px; left: 20px; top: 2310px; display: block; text-indent: -3333px;}
/* 서브3_2 */
#sub #sub3_2 {height: 100%; width: 100%; background: url(/base/img/m/images/sub3_2_bg.jpg);}
/* 서브4_1 */
#sub #sub4_1 {height: 100%; width: 100%; background: url(/base/img/m/images/sub4_1_bg.jpg);}
/* 서브4_2 */
#sub #sub4_2 {height: 100%; width: 100%; background: url(/base/img/m/images/sub4_2_bg.jpg);}
/* 서브5_1 */
#sub #sub5_1 {height: 100%; width: 100%; background: url(/base/img/m/images/sub5_1_bg.jpg); position: relative;}
#sub #sub5_1 a {position: absolute; width: 290px; height: 197px; right: 20px; top: 1690px; display: block; text-indent: -3333px;}
/* 서브6_1 */
#sub #sub6_1 {height: 100%; width: 100%; background: url(/base/img/m/images/sub6_1_bg.jpg);}
/* 서브6_2 */
#sub #sub6_2 {height: 100%; width: 100%; background: url(/base/img/m/images/sub6_2_bg.jpg);}
/* 서브6_3 */
#sub #sub6_3 {height: 100%; width: 100%; background: url(/base/img/m/images/sub6_3_bg.jpg);}
/* 서브7_1 */
#sub #sub7_1 {height: 100%; width: 100%; background: url(/base/img/m/images/sub7_1_bg.jpg);}
/* 서브7_2 */
#sub #sub7_2 {height: 100%; width: 100%; background: url(/base/img/m/images/sub7_2_bg.jpg);}
/* 서브7_3 */
#sub #sub7_3 {height: 100%; width: 100%; background: url(/base/img/m/images/sub7_3_bg.jpg);}
/* 서브7_4 */
#sub #sub7_4 {height: 100%; width: 100%; background: url(/base/img/m/images/sub7_4_bg.jpg);}
/* 서브7_5 */
#sub #sub7_5 {height: 100%; width: 100%; background: url(/base/img/m/images/sub7_5_bg.jpg);}
/* 서브8_1 */
#sub #sub8_1 {height: 100%; width: 100%; background: url(/base/img/m/images/sub8_1_bg.jpg);}
/* 서브8_2 */
#sub #sub8_2 {height: 100%; width: 100%; background: url(/base/img/m/images/sub8_2_bg.jpg);}
/* 서브8_3*/
#sub #sub8_3 {height: 100%; width: 100%; background: url(/base/img/m/images/sub8_3_bg.jpg);}
/* 서브8_4*/
#sub #sub8_4 {height: 100%; width: 100%; background: url(/base/img/m/images/sub8_4_bg.jpg);}
/* 서브8_5*/
#sub #sub8_5 {height: 100%; width: 100%; background: url(/base/img/m/images/sub8_5_bg.jpg);}
/* 서브8_6*/
#sub #sub8_6 {height: 100%; width: 100%; background: url(/base/img/m/images/sub8_6_bg.jpg);}
/* 서브9_1 */
#sub #sub9_1 {height: 100%; width: 100%; background: url(/base/img/m/images/sub9_1_bg.jpg);}
/* 서브9_2 */
#sub #sub9_2 {height: 100%; width: 100%; background: url(/base/img/m/images/sub9_2_bg.jpg);}
/* 서브9_3 */
#sub #sub9_3 {height: 100%; width: 100%; background: url(/base/img/m/images/sub9_3_bg.jpg);}
/* 서브9_4 */
#sub #sub9_4 {height: 100%; width: 100%; background: url(/base/img/m/images/sub9_4_bg.jpg);}
/* 서브9_5 */
#sub #sub9_5 {height: 100%; width: 100%; background: url(/base/img/m/images/sub9_5_bg.jpg);}