@charset "utf-8";
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);

/*@font-face {*/
/*    font-family:'NanumSquareR';*/
/*    font-style:normal;*/
/*    font-weight:300;*/
/*    src:local('https://dubajtkhinjq3707046.cdn.ntruss.com/images/Font/NanumSquareR.woff'),*/
/*    url('https://dubajtkhinjq3707046.cdn.ntruss.com/images/Font/NanumSquareR.eot?#iefix') format('embedded-opentype'),*/
/*    url('https://dubajtkhinjq3707046.cdn.ntruss.com/images/Font/NanumSquareR.woff') format('woff'),*/
/*    url('https://dubajtkhinjq3707046.cdn.ntruss.com/images/Font/NanumSquareR.ttf') format('truetype');*/
/*}*/

/*.btn { opacity: .5 !important;}*/

html,
body {-webkit-overflow-scrolling: touch !important;}

body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul {margin: 0;padding: 0}
body,button,input,select,table,textarea {font-size: 12px;font-family:'NanumSquare', Dotum, '돋움', Helvetica, "Apple SD Gothic Neo", sans-serif}
button,input {border-radius: 0}
fieldset,img {border: 0}
ol,ul {list-style: none}
address,em {font-style: normal}
a {text-decoration: none}
a:hover {text-decoration: none}
a:link {text-decoration: none;}
img {border-style: none;letter-spacing: none;word-spacing: none;border: none;margin: 0;padding: 0;outline: 0;vertical-align: top;line-height: 0px;}
input:focus {outline: none;}
input,textarea,select {padding: 0;margin: 0;border: none; font-size: 1rem;}
* {box-sizing: border-box;padding: 0;margin: 0;}

/* Basic */
.container {position: relative;width: 100%;min-width:360px;margin:0 auto;}
.container img {width: 100%;display: block;}
.container .section {position: relative;width: 100%;overflow: hidden;}
.container .section .content {background-repeat: no-repeat;background-position: center center; max-width:720px; margin: 0 auto; }
.container .section .content .sub-content {position: relative;margin: 0 auto;}
.container .section .content .sub-content .sec-contImg {position: absolute;top: 0;left: 50%;transform: translateX(-50%);}

/* Custom */
.bmg {position: relative;width: 100%;height: auto;}
.btn {position: absolute;text-indent: -99999px;cursor: pointer !important;background: #ff0000;opacity: 0;filter: alpha(opacity=0.0);}
.btn-img {position: relative;width: 100%;}
.clearfix:after {content: '';clear: both;display: block;}

/* Index.html */
.container .section-1 {}
.container .section-1 .content {background-color: #F5F5F5;}
.container .section-1 .sub-content {}
.container .section-1 .content .sec1-btn1 {
    position: absolute;
    top: 63.1%;
    left: 50%;
    width: 87%;
    height: 5.7%;
    transform: translateX(-50%);
}
.container .section-1 .content .sec1-btn2 {
    position: absolute;
    top: 69.8%;
    left: 50%;
    width: 87%;
    height: 5.7%;
    transform: translateX(-50%);
}

.container .section-1-tab {
    width:100%;
    height:100%;
}
.container .section-1-tab .content {
    position: relative;
    width:100%;
    height:100%;
}
.container .section-1-tab .content .sub-content {
    width:100%;
    height:100%;
    position: absolute!important;
    top:0;
    left:0;
}
.container .section-1-tab .content .sub-content img{
    width:100%;
    height:auto;
}
.container .section-1-tab .content .sub-content.tab-area1{
    background: url(../images/mo/section1-main-tab-bg1.jpg) no-repeat;
    background-size: cover;
}
.container .section-1-tab .content .sub-content.tab-area2{
    background: url(../images/mo/section1-main-tab-bg2.jpg) no-repeat;
    background-size: cover;
}
.container .section-1-tab .content .sub-content.tab-area3{
    background: url(../images/mo/section1-main-tab-bg3.jpg) no-repeat;
    background-size: cover;
}
.container .section-1-tab .content .sub-content ul{
    width:94%;
    height:37%;
    overflow:hidden;
    margin:0px auto;
    padding-top:5%;
}
.container .section-1-tab .content .sub-content ul li{
    float:left;
    display:inline;
    height:100%;
    font-size:0;
    text-indent: -999px;
    cursor:pointer;
}
.container .section-1-tab .content .sub-content ul li:nth-child(1){
    width:31.2%;
}
.container .section-1-tab .content .sub-content ul li:nth-child(2){
    width:34%;
    margin:0 1.6%;
}
.container .section-1-tab .content .sub-content ul li:nth-child(3){
    width:31.5%;
}


.container .section-2 .content {}
.container .section-2 .content .sec2-btn1 {
    position: absolute;
    top: 58.4%;
    left: 49%;
    transform: translateX(-50%);
    width: 71%;
    height: 6.7%;
}
.container .section-2 .content .sec2-btn2 {
    position: absolute;
    top: 66.3%;
    left: 49%;
    transform: translateX(-50%);
    width: 71%;
    height: 6.7%;
}
.container .section-3 .content {background-color: #f5f5f5;}
.container .section-3 .content .sec3-btn1 {
    position: absolute;
    top: 78.7%;
    left: 49%;
    transform: translateX(-50%);
    width: 71%;
    height: 9.2%;
}
/* footer */
/*.footer_address{width:100%;height:auto;background-color: #3a3a3a;color:#fff;font-size:2.5vw;padding:2.5% 4% 2.3% 4%;line-height: 3.7vw;vertical-align: middle;min-width:360px;font-family:'NanumSquareR';}*/
.footer_address{width: 100%;font-family: 'Spoqa Han Sans Neo', 'sans-serif';padding: 6vw 4.3vw 0;line-height: 1.7;font-size: 2.8vw;background-color: #f5f5f5;}
.footer_address span{color: #272727; display: block; border-bottom: .3vw solid #d0d0d0;padding-bottom: 5.6vw;}

/* popup */
.popup-wrap {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);overflow-x: hidden;overflow-y: auto;padding: 0rem; z-index: 100;}
.popup-wrap img {width:100%;}
.popup-container {width: 100%;margin: 0 auto;position: relative;top: 5%;max-width: 940px;margin-bottom:15%;}
.popup-container .popup-section {position: relative;width: 90%;margin: 0 auto;}
.popup-container .close-btn {top: 0%;right: 0;width: 22%;padding-bottom: 21.5%;}
.popup-container .pop-app-01-btn {bottom: 17.8%;left: 7%;width: 43.1%;height: 41%;}
.popup-container .pop-app-02-btn {bottom: 17.8%;left: 50%;width: 43.1%;height: 41%;}
.popup-container .pop-confirm-btn {bottom: 6.8%;left: 28%;width: 44.1%;height: 7.7%;}

/* BG */

@media (min-width: 720px) {
    .container .section-1 .content .btn { width: 630px; }
    .section.section-1 { background-color: #0f2f7a; }
    .section.section-2 { background: url("../images/mo/section-2-bg.jpg") 50% 0 repeat-x; background-size: 1439px 100%; }
    .section.section-3 { background-color: #03102b; }
    .section.footer { background-color: #f5f5f5; }
    /*.footer_address{width:720px;height:auto;background-color: #3a3a3a;color:#fff;font-size:18px;padding:17px 30px 15px 30px;line-height: 26px;min-width:360px;}*/
    .footer_address{padding: 43px 31px 0;font-size: 20px;}
    .footer_address span{border-bottom-width: 2px;padding-bottom: 40px;}
}

@media (max-width: 360px) {
    /*.footer_address{width:360px;height:auto;background-color: #3a3a3a;color:#fff;font-size:10px;padding:12px 16px 10px 16px;line-height: 14px;min-width:360px;}*/
    .footer_address{padding: 21px 15px 0;font-size: 10px;}
    .footer_address span{border-bottom-width: 1px;padding-bottom: 20px;}
}