@import url('../../../../css/common.css');
@import url('../../../../css/webfont.css');

body, ul, li, ol, dl, dt, dd, p, div, h1, h2, h3, h4, h5{margin:0px;padding:0;list-style:none}
body {font-size:62.5%;color:#000}
::selection {color:#000 !important}
#section {width:100%;height:100%}
#section img{width:100%;display:block}
#section img.no-margin {margin:0}
#section > div{background-color:#fff;background-size:100% auto}
#section div > p span{letter-spacing:0}
#section .main a.close {width:45px;height:45px;display:block;position:fixed;top:0;right:0;z-index:1000}
#section > a img{display:block;width:100%}
#section .sub> div {position:relative}
#section .sub a.back {display:block;position:fixed;width:15%;height:auto;left:0px;top:0px;z-index: 10;}

/* info_rotate */
.acc_tag{position:absolute;left:-9999px;top:-9999px;visibility:hidden;height:0px;width:0;text-indent:-9999px;font-size:0}
.show {display:block}
.hide{display:none}

/* main */
.sec {padding-bottom: 75px;border-top: 1px solid #fff;background:#fff}
.sec .m_txt{padding:0 10%;}
.sec .m_txt dt{margin-bottom: 25px;}

.sec-1{padding-top:42%;background: #f5f5f5 url(../img/bg_page01.jpg) no-repeat 50% 0;background-size: 100%;}
.sec-1 .m_txt dd{padding-bottom: 25px;}
.sec-1 .m_txt dd:last-child{padding-bottom: 0px;}

.sec-2{padding-top: 87.8%;background: #000 url(../img/bg_page02.jpg) no-repeat 50% 0;background-size: 100%;}
.sec-3{padding-top: 75.2%;background: #000 url(../img/bg_page03.jpg) no-repeat 50% 0;background-size: 100%;}
.sec-2 .m_txt dd, .sec-3 .m_txt dd{color: #fff;}
.sec-2 .m_txt dd.al_center, .sec-3 .m_txt dd.al_center{padding-bottom: 25px;text-align: center;}

.sec-4{padding-top: 75px;background: #f5f5f5;}
.sec-4 .m_txt dd:last-child{margin-top: 15px;}

.sec.sec-thumb{padding-bottom: 0;}
.sec.sec-thumb a{display: block;}
.sec.sec-thumb .go1{border-top: 1px solid #fff;}

/* sub */
.pop .m_txt{padding:0 10%;color: #fff;}
.pop .m_txt dt{margin-bottom: 25px;}
.pop .m_txt dd{margin-bottom: 15px;}
.pop .m_txt .btn{width: 62.5%;padding-top: 10px;}
.pop article{position: relative;}
.pop article:first-child{border-bottom: 1px solid #fff;}
.pop .swiper-container-horizontal{overflow: hidden;}
.pop .swiper-container-horizontal>.pagination{position: absolute;left: 50%;bottom: 35px;margin-left: -24px;z-index: 10;}
.pop .swiper-container-horizontal>.pagination .swiper-pagination-bullet{float: left;width: 10px;height: 10px;margin:0 1px;font-size: 0;text-indent: -999px;background: url(../img/indicator.png) no-repeat 0 0;background-size: 23px;opacity: 1;}
.pop .swiper-container-horizontal>.pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-position: -13px 0;}

.pop01{background: #5b4a42;}
.pop01 article:first-child{padding: 85px 0 71%;background:#4b3b36 url(../img/bg_pop01.jpg) no-repeat 50% 100%;background-size: 100%}

.pop02{background: #7f8a9e;}
.pop02 article:first-child{padding:75.5% 0 75px;background:url(../img/bg_pop02.jpg) no-repeat 50% 0;background-size: 100%}

#section {-webkit-text-size-adjust:none;font-size:1.4em;font-family:'samsungif_rg';line-height:24px;letter-spacing:0;text-align:justify}