@charset "utf-8";
/* CSS Document */
html{overflow-y:scroll;min-height:100%;height:100%}

.main_cont > section {padding:95px 0; position:relative;}
.main_cont > section.no_pd {padding:0;}
.main_cont h3.tit {/*font-size:2.85em;*/font-size:2.14em; line-height:1em; text-align:center; margin-bottom:.7em; text-transform:uppercase; font-weight:400;color:#343a4f;}
.main_cont .btn_wrap {text-align:center; margin-top:60px;}
.main_cont .btn_more {display:inline-block; text-transform:uppercase; font-size:1.14em; text-decoration:none; padding-top:55px; position:relative;color:#343a4f;}
.main_cont .btn_more:after {content:""; display:block; width:1px; background:#343a4f; position:absolute; left:50%; top:0; bottom:2.3em;}
.main_cont .btn_more_box {font-size:1.28em; height:3.4em; line-height:3.3em; color:#fff; border:1px solid #fff; display:inline-block; text-decoration:none; width:40%; max-width:194px; min-width:9em; padding:0 1.5em; background-color:transparent;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-o-transition:all .3s;
}
.main_cont .btn_more_box:hover {/*background-color:#fff;*/background:rgba(255,255,255,0.6); color:#202020;}

@media (max-width: 991px) {
.main_cont > section {padding:63px 0;}
.main_cont h3.tit {/*font-size:2.6em; margin-bottom:.5em;*/font-size:1.94em; }
.main_cont .btn_wrap {text-align:center; margin-top:46px;}
.main_cont .btn_more {padding-top:45px;}
.main_cont .btn_more:after {bottom:2em;}
.main_cont .btn_more_box {font-size:1.22em;  max-width:176px;}
}

@media (max-width: 575px) {
.main_cont > section {padding:47px 0;}
.main_cont h3.tit {/*font-size:2.36em;*/font-size:1.76em;}
.main_cont .btn_wrap {text-align:center; margin-top:35px;}
.main_cont .btn_more {padding-top:35px;}
.main_cont .btn_more_box {font-size:1.16em; max-width:160px;}
}

/*비주얼*/
#main_visual {position:relative;}
#main_visual .scroll {position:absolute; left:50%; bottom:0; text-align:center;z-index:99;
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-o-transform:translateX(-50%);
transform:translateX(-50%);

}
#main_visual .scroll p {font-size:1.07em; line-height:1em; color:#fff; letter-spacing:0.02em; font-weight:300; text-transform:uppercase; padding-bottom:76px; position:relative;}
#main_visual .scroll p:after {content:""; display:block; width:1px; background:#fff; position:absolute; left:50%; bottom:0; top:2em; opacity:0.3;}


@media (max-width: 991px) {
#main_visual .scroll p {padding-bottom:66px;}
}

@media (max-width: 575px) {
#main_visual .scroll p {padding-bottom:56px;}
}


/*1st*/
#cols_1st {}



/*2nd*/

/*3rd*/
#cols_3rd {text-align:center; color:#fff; height:0; padding:0; padding-bottom:770px;  background-repeat:no-repeat; background-position:center center; background-size:cover; background-attachment:fixed;}
#cols_3rd .wrap {position:absolute; left:0; top:48%; width:100%;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
}

@media (max-width: 991px) {
#cols_3rd {background-attachment:inherit}
}

#cols_3rd h3 {font-size:1.35em; line-height:1em; margin-bottom:1.2em; font-weight:300; text-transform:uppercase;}
#cols_3rd p {width:90%; margin:0 auto; font-size:2.85em; line-height:1.5em; letter-spacing:-0.025em;}

#cols_3rd .btn_wrap {margin-top:45px;}

@media (max-width: 1199px) {
#cols_3rd {padding-bottom:63%;}
}

@media (max-width: 991px) {
#cols_3rd {padding-bottom:78%;}
#cols_3rd h3 {font-size:1.3em; margin-bottom:1em;}
#cols_3rd p {font-size:2.4em;}

#cols_3rd .btn_wrap {margin-top:35px;}
}

@media (max-width: 575px) {
#cols_3rd {padding-bottom:93%;}
#cols_3rd h3 {font-size:1.25em;}
#cols_3rd p {font-size:5vw;}

#cols_3rd .btn_wrap {margin-top:25px;}
}


/*4th*/
#cols_4th ul {list-style:none; margin:0; padding:0; text-align:center;}
#cols_4th ul > li {float:left; width:33.33%; border-left:1px solid #e3e3e3; padding:.8em 1em 1em;}
#cols_4th ul > li:first-child {border:none;}
#cols_4th ul a {text-decoration:none; display:block;}
#cols_4th ul .figure {width:38%; max-width:59px; margin:0 auto;}
#cols_4th ul p {font-size:1.07em; line-height:1em; letter-spacing:0.03em; margin-top:1.2em;color:#aaa}

@media (max-width: 1199px) {
#cols_4th ul {margin:0 -15px;}
}

@media (max-width: 991px) {
#cols_4th ul .figure {max-width:45px;}
}

/*5th*/
#cols_5th .col_map {padding-bottom:635px;}
#cols_5th .col_map > a {display:block; position:absolute; left:0; top:0; width:100%; height:100%; z-index:100;}

@media (max-width: 1199px) {
#cols_5th .col_map {padding-bottom:54%;}
}

@media (max-width: 991px) {
#cols_5th .col_map {padding-bottom:69%;}
}

@media (max-width: 575px) {
#cols_5th .col_map {padding-bottom:84%;}
}