/*common*/

html {

      /* Prevent font scaling in landscape */

     -webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/

     -moz-text-size-adjust: none; /*Firefox*/

     -ms-text-size-adjust: none;  /*Ie*/

     -o-text-size-adjust: none; /*old versions of Opera*/

}

#wrap{width:100%;overflow:hidden;}
body{font-family: 'notokr-regular';line-height:1;font-size:18px;color:#101010;}
body *{box-sizing:border-box;letter-spacing:-0.08em;}

.con1200{width:1200px;margin:0 auto;position:relative;}


.go_top{cursor:pointer;}
.slick-dots li,.slick-slide,.slick-arrow{cursor:pointer;outline:none;}
.doc_m {display:none;opacity:0;pointer-events:none;z-index:-1;width:0;height:0;text-indent:-999em;font-size:0;}

.only_pc{display:block;}
.only_m{display:none;}
.map_span{display:inline-block;}


.view_1200{display:none;}
.hide_1200{display:block;}


.float_box > div{width:50%;float:left;}
.float_box:after{content:'';display:block;clear:both;}

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

.blue1{color:#b7feff;}
.blue2{color:#1878e5;}
.sky{color:#009bdc;}
.sky2{color:#c2e4ff;}

b{font-family: 'notokr-bold';}


/*header*/
header{text-align:center;background:#fff;z-index:100;left:0;right:0;position:fixed;top:0;height:194px;}
/* header .logo{padding:35px 0 30px;} */

.h_banner{position:absolute;left:88px;top:30px;}
.h_banner_m{display:none;}
.head_con{width:1200px;margin:0 auto;position:relative;}
.login{position:absolute;top:40px;right:0;}
.login li{float:left;text-transform:uppercase;position:relative;color:#0f0f0f;font-size:15px;}
.login li:nth-child(1):after{content:'I';color:#0f0f0f;vertical-align:middle;margin:0 30px;}
.login img{vertical-align:middle;margin-right:10px;}
.login span{display:inline-block;vertical-align:middle;letter-spacing:0;}

.reserv{position:absolute;top:40px;left:0;}
.reserv li{float:left;}
.reserv li:not(:last-child){margin-right:30px;}
.reserv li a{display:flex;align-items:center;}
.reserv li a span{display:block;font-size:15px;}
.reserv li a img{display:inline-block;margin-right:10px;vertical-align:middle;}

.gnb{border-top:1px solid #e5e5e5; line-height:59px;width:100%;z-index:99;background:#fff;}
.gnb .dep1{padding:0 80px;position:static;}
.gnb .dep1 > li{float:left;width:12.5%;letter-spacing:0.004em;font-size:16px;color:#0f0f0f;}
.gnb .dep1 > li > a{line-height: 1.3em;vertical-align: middle;}
.gnb .dep1 > li:hover{color:#2c77bc;}

.dep2_box{display:none;position:absolute;width:100%;color:#fff;left:0;height:240px;padding:68px 0 0 25px;z-index:2;}
.dep2_box > div{overflow:hidden;}
.dep2_box .ico{float:left;margin-right:80px;}
.dep2_box .ico h2{font-family: 'notokr-medium';font-size:30px;line-height:1;margin-top:15px;}
.dep2_box .dep2{float:left;text-align:left;}
.dep2_box .dep2 ul{float:left;margin-right:65px;}
.dep2_box .dep2 li{font-size:18px;font-family: 'notokr-demilight';}
.dep2_box .dep2 li span{font-family: 'notokr-regular';margin-right:20px;}
.dep2_box .dep2 li:hover{color:#a0d1ff;}

.dep2_bg{position:absolute;width:100%;background:rgba(40,40,40,.9);left:0;height:O;z-index:1;}

#quick_bar{position:fixed;z-index:999;right:1%;/*top:50%;transform:translateY(-50%);*/bottom:25%;}

#quick_m{position:fixed;z-index:99;bottom:0;left:0;right:0;}
#quick_m ul{overflow:hidden;}
#quick_m li{width:25%;float:left;}
#quick_m li a{display:block;}
#quick_m li img{width:100%;}

.go_top_m{position:fixed;right:2.5%;bottom:13.5%;}
.go_top_m img{width:12vw;}
/*main*/
.main_con{position:relative;}


.main1_con{background:url('/magok/landing/common/images/main/main1_bg.png') no-repeat center/cover;color:#fff;text-align:center; }
.main1_con{margin:0 auto;width:100%;}
.main1_con video{display:block;}
.main1_con img{width:100%;}
.main1_con .top_txt{border-bottom:1px solid rgba(255,255,255,.6);}
.main1_con .top_txt h2{font-family: 'Montserrat', sans-serif;font-weight:500;font-size:16px;padding:20px;letter-spacing:0.4em;}
.main1_con .con1200{padding:130px 0 110px;}
.main1_con .con1200 h3{padding:10px 5px 15px;display:inline-block;font-family: 'Noto Serif KR', serif; font-size:45px;letter-spacing:0;border-top:1px solid rgba(255,255,255,.6);border-bottom:1px solid rgba(255,255,255,.6);}
.main1_con .con1200 h4{font-size:180px;color:#4dc4ff;font-family: 'BodoniModa-SemiBold';letter-spacing:0;line-height:140px;padding:60px 0 80px;}
.main1_con .con1200 h4 span{font-size:143px;letter-spacing:0;}
.main1_con .con1200 h5{font-family: 'Noto Serif KR', serif;letter-spacing:0;font-size:70px;margin-bottom:70px;font-weight:300;}
.main1_con .con1200 p{font-family: 'Noto Serif KR', serif;font-weight:300;font-size:20px;line-height:30px;}
.main1_con .con1200 p b{font-family: 'Noto Serif KR', serif;font-weight:600;}

.main2_con{background:url('/magok/landing/common/images/main/main2_bg.png') no-repeat center/cover;padding:100px 0 0;}
.main2_con .con1200{display:flex;align-items: center;}
.main2_con .con1200 .left_txt h5{font-size:36px;}
.main2_con .con1200 .left_txt h5 span{display:inline-block;margin-left:20px;letter-spacing:0.2em;font-size:46px;color:#032e84;font-family: 'notokr-bold';}
.main2_con .con1200 .left_txt h5 i{font-size:21px;}
.main2_con .con1200 .left_txt h3{font-size:26px;line-height:40px;color:#032e84;font-family: 'Noto Serif KR', serif;white-space: nowrap;padding:35px 0;}
.main2_con .con1200 .left_txt h3 b{font-weight:700;font-family: 'Noto Serif KR', serif;}
.main2_con .con1200 .left_txt ul li{line-height:32px;position:relative;}
.main2_con .con1200 .left_txt ul li p{}
.main2_con .con1200 .left_txt ul li p span{displaY:inline-block;margin-right:5px;}
/* .main2_con .con1200 .left_txt ul li:before{content:'';displaY:inline-block;clear:both;width:3px;height:3px;border-radius:50%;background-color:#181818;position:absolute;lefT:0;top:50%;transform:translateY(-50%);} */
.main2_con .con1200 .right_img{margin-left:-80px;}


.main_tit{text-align:center;margin-bottom:60px;}
.main_tit h4{font-size:16px;font-family: 'Montserrat', sans-serif;font-weight:500;letter-spacing:0.1em;margin-bottom:15px;}
.main_tit h4 b{font-weight:700;font-family: 'Montserrat', sans-serif;letter-spacing:0.1em;}
.main_tit h3{font-size:45px;}

.info{padding:130px 0 0;position:relative;overflow: hidden;color:#032e84;text-align:center;}
.info ul{display:flex;}
.info ul li{width:50%;}
.map{position:relative;}
.map p{z-index:1;width:100%;position:absolute;bottom:0;left:0;padding:15px 0;background-color:#032e84;color:#fff;font-family: 'notokr-medium';letter-spacing:-0.04em;}
.map p img{displaY:inline-block;margin-right:10px;}
.info .time_item{border:1px solid #f0f0f0;padding:155px 0 0 120px;}
.info .time_item .time_item_in{width:360px;}
.info .time_item .time_item_in h3{font-size:36px;letter-spacing:0.2em;font-family: 'notokr-medium';color:#181818;}
.info .time_item .time_item_in h3 img{displaY:inline-block;vertical-align: baseline;margin-right: 7px;}
.wrap_controllers{display:none !important;} 
.root_daum_roughmap{width:100% !important;}
.time_table{text-align:left;display:inline-block;margin-top:25px;color:#181818;}
.time_table > div{white-space:nowrap;}
.time_table p{display:inline-block;font-size:22px;position:relative;line-height:42px;}
.time_table > div i{displaY:inline-block;font-family: 'notokr-medium';font-size:22px;margin:0 10px;}
.time_table .day{font-family: 'notokr-medium';}
.time_table .day .w2{letter-spacing:1.15em;}
.time_table .day .w3{letter-spacing:0.885em;}
.time_table .day .w4{letter-spacing:0.283em;}
.time_table .hour{letter-spacing:0;}
.time_table .hour span{letter-spacing:0;}
.time_table .hour.hour1 {}
.time_table .hour span.blue{color:#032e84;font-family: 'notokr-bold';letter-spacing:-0.035em;}
.time_table .hour span.red{color:#ff4949;text-align:center;width:205px;display:inline-block;}
.etc{display:inline-block;text-align:center;margin:25px 0 50px;background-color:#f9f9f9;padding:10px 20px;font-family: 'notokr-medium';}
.etc p{line-height:28px;color:#181818;}
.etc p span.red{font-family: 'notokr-bold';}
.reser_wrap a.tel{font-family: 'Montserrat', sans-serif;font-weight:700;font-size:40px;letter-spacing:0;padding:25px 0;}
.reser_wrap a.tel span{font-family: 'Montserrat', sans-serif;font-weight:300;}
.info ul.reser_icon{display:flex;}
.info ul.reser_icon li{displaY:flex;align-items:center;}
.info ul.reser_icon li a{display:inline-block;border-radius:20px;font-family: 'notokr-medium';width:130px;padding:6px 0 8px;text-align:center;}
.info  ul.reser_icon li.kakao{margin-right:20px;}
.info ul.reser_icon li.kakao a{background-color:#381e1f;color:#f7e438;}
.info ul.reser_icon li.naver a{background-color:#03cf5d;color:#fff;}
.info ul.reser_icon li img{display:inline-block;margin-right:8px;}





/*footer*/
footer{background:#383838;color:#fff;padding:40px 0 40px;}
footer > div{overflow:hidden;}
footer h1{float:left;margin-top:30px;}
.foot_info{float:left;margin-left:100px;}
.foot_info .turm{display:flex;align-items: center;}
.foot_info .turm li{font-family: 'notokr-medium';}
.foot_info .turm li:not(:last-child){margin-right:37px;}
.foot_info .txt_box{margin-top:20px;font-family: 'notokr-demilight';font-size:16px;line-height:26px;}
.foot_info .txt_box p{letter-spacing:-0.001em;}

.top_btn{position:fixed;bottom:5%;right:10%;z-index:99;transform:translateY(0);transition:all .3s;}
.top_btn:hover{transform:translateY(-10%);}



/*---------------------------------------------------------- 애니메이션_공통 -------------------------------------------------------*/
.ani_box .ani_item{opacity:0;transition:all .3s;}



/*--------------------------------------------------------------------- MEDIA_SCREEN1200 ------------------------------------------------------------------*/
@media all and (max-width:1200px){
.con1200{width:800px;}

.view_1200{display:block;}
.hide_1200{display:none;}

.main2_con{padding:100px 0;}
.main2_con .con1200{flex-direction: column-reverse;}
.main2_con .con1200 .right_img{margin-left:0;}
.main2_con .con1200 .left_txt{padding-top:70px; }

.info{padding:130px 0;}
.info ul{displaY:block;}
.info ul li{width:800px;margin:0 auto;}
.info .time_item{padding:100px 0;}
.info .time_item .time_item_in{margin:0 auto;}


footer h1{float:none;text-align:center;margin-bottom:30px;padding-left:0;}
.foot_info{float:none;margin-left:0;text-align:center;}
.foot_info .turm{justify-content: center;}

.top_btn{right:5%;}
}

/*--------------------------------------------------------------------- MEDIA_SCREEN800 ------------------------------------------------------------------*/
@media all and (max-width:800px){
.only_pc{display:none;}
.only_m{display:block;}
.br_on{display:block;}


.con1200{width:95%;}
body{font-size:3vw;}
 p{word-break:keep-all;line-height:4.5vw;}

.main1_con .top_txt h2{font-size:2.5vw;padding:3vw 0;}
.main1_con .con1200{padding:15vw 0 12vw;}
.main1_con .con1200 h3{font-size:6vw;padding:1vw 1vw 2vw;}
.main1_con .con1200 h4{font-size:21vw;line-height:16vw;padding:8vw 0 10vw;}
.main1_con .con1200 h4 span{font-size:16.5vw;}
.main1_con .con1200 h5{font-size:9vw;margin-bottom:8vw;}
.main1_con .con1200 p{font-size:3vw;line-height:4.5vw;}

.main2_con{padding:12vw 0;}
.main2_con .con1200{}
.main2_con .con1200 .right_img{}
.main2_con .con1200 .right_img img{width:100%;}
.main2_con .con1200 .left_txt{padding-top:8vw;text-align:center;}
.main2_con .con1200 .left_txt h5{font-size:5vw;}
.main2_con .con1200 .left_txt h5 span{margin-lefT:2vw;font-size:7vw;}
.main2_con .con1200 .left_txt h5 i{font-size:3vw;}
.main2_con .con1200 .left_txt h3{font-size:4vw; line-height: 5.5vw;white-space: normal;word-break: keep-all;padding: 5vw 0;}
.main2_con .con1200 .left_txt h3 br{displaY:none;}
.main2_con .con1200 .left_txt ul li{line-height:4.5vw;}
.main2_con .con1200 .left_txt ul li p span{margin-right:1vw;}

.main_tit{margin-bottom:8vw;}
.main_tit h4{font-size:2.5vw;margin-bottom:2vw;}
.main_tit h3{font-size:6vw;}
.info{padding:12vw 0;}
.info ul li{width:95%;}
.map{height:70vw;}
.map p{padding:2vw 0;display: flex;justify-content: center;align-items: center;}
.map p img{width:3vw;margin-right:2vw;}
.info .time_item{padding:10vw 0;}
.info .time_item .time_item_in{width:80%;}
.info .time_item .time_item_in h3{font-size:6vw;display: flex;justify-content: center;align-items: center;}
.info .time_item .time_item_in h3 img{margin-right:1.5vw;width:4.5vw;}
.time_table{margin-top:4vw;}
.time_table p{font-size:4vw;line-height:6vw;}
.time_table > div i{font-size:4vw;margin:0 2vw;}
.time_table .hour span.red{width:37vw;}
.etc{margin: 4vw 0 10vw;padding: 2vw 5vw;}
.etc p{line-height:4.5vw}
.reser_wrap a.tel{font-size:7vw;padding:4vw 0;}
.info ul.reser_icon li a{border-radius:3vw;width:27vw;padding:1.2vw 0 1vw;}
.info ul.reser_icon li img{margin-right:2vw;width:6vw;}
.info ul.reser_icon li.kakao{margin-right:5vw;}



footer{padding:6vw 0 5vw;}
footer h1{margin:2vw 0 6vw;padding-top:0;}
footer h1 img{width:40vw;}
.foot_info .turm li:not(:last-child){margin-right:4vw;}
.foot_info .turm li a img{width:4vw;}
.foot_info .txt_box{margin-top:3vw;line-height:4.5vw;}
.foot_info .txt_box p{font-size:3vw;}
.foot_info .txt_box span{display:none;}

.top_btn img{width:10vw;}

}