@charset "utf-8";

/* 공통 */
.section {width:100%; height:100%; }
.container {position:relative; width:100%; max-width:1130px; margin:0 auto; box-sizing:border-box;}
.fp-tableCell{vertical-align: top;}
.section .container{margin-top:100px;}

/* Header */
#header_layout {
    width: 100%;
    position: fixed;
    height: 50px;
    top: 0;
    z-index: 99;
	padding-top:50px;
}
#header_layout .logo_wrap{display:inline-block;}
#header_layout .logo_wrap a{display:block; width:133px;height:50px; background:url('../img/page1_ci_no1.png')no-repeat center; }
#header_layout .side_logo{position:absolute; top: 0; right:0; width:243px;height:50px; background:url('../img/page1_ci_no2.png')no-repeat center;}

/* Footer */
#footer_layout {
    position: fixed;
    bottom: 60px;
    z-index: 0;
	width:100%
}
#footer_layout .slide_icon{width:108px; height:14px; background:url('../img/btn_slading.png')no-repeat center; }

/* 세션 이동시 로고 변경 */
.section2 #header_layout .logo_wrap a{background:url('../img/page2_ci_no1.png')no-repeat center;}
.section2 #header_layout .side_logo{background:url('../img/page2_ci_no2.png')no-repeat center;}
.section2 #footer_layout .slide_icon{background:url('../img/btn_slading_black.png')no-repeat center; }

.section3 #header_layout .logo_wrap a{background:url('../img/page2_ci_no1.png')no-repeat center;}
.section3 #header_layout .side_logo{background:url('../img/page2_ci_no2.png')no-repeat center;}
.section3 #footer_layout .slide_icon{background:url('../img/btn_slading_black.png')no-repeat center; }

.section4 #header_layout .logo_wrap a{background:url('../img/page2_ci_no1.png')no-repeat center;}
.section4 #header_layout .side_logo{background:url('../img/page2_ci_no2.png')no-repeat center;}
.section4 #footer_layout .slide_icon{background:url('../img/btn_slading_black.png')no-repeat center; }

.section5 #header_layout .logo_wrap a{background:url('../img/page1_ci_no1.png')no-repeat center; }
.section5 #header_layout .side_logo{background:url('../img/page2_ci_no2.png')no-repeat center;}
.section5 #footer_layout .slide_icon{background:url('../img/btn_slading.png')no-repeat center; }

.section6 #header_layout .logo_wrap a{background:url('../img/page2_ci_no1.png')no-repeat center; }
.section6 #header_layout .side_logo{background:url('../img/page2_ci_no2.png')no-repeat center;}
.section6 #footer_layout .slide_icon{background:url('../img/btn_slading_black_top.png')no-repeat center; }

/* Session1 */
#se1{background:url('../img/bg_page1.png')no-repeat center; background-size: 100% 100%;}
#se1 .container{padding-left:10px;}
#se1 .tit {color:#fff;padding-top: 70px;}
#se1 .tit .h2{font-size:62px;letter-spacing: -2.5px; font-weight: 700;margin-bottom:20px;line-height: 1.2;}
#se1 .tit .h2 .em{color:#ffd623; position:relative;}
#se1 .tit .h2 .em::after{content:''; width:100%; height:8px; background:#ffd623; position:absolute; left:0; bottom:-3px;}
#se1 .tit strong{font-size:33px;font-weight: 700; display:block;}
#se1 .tit p{font-size:16px;}

#se1 .link{margin-top:39px;position: relative; z-index: 1;}
#se1 .link a{    margin-top: 12px;
    background: url(../img/icon_link.png)no-repeat right 10px center;
    font-size: 31px;
    padding-left: 10px;
    width: 250px;
    height: 52px;
    line-height: 46px;
    box-sizing: border-box;
    border: 1px solid #fff;
    border-radius: 7px;
    display: block;
    color: white;
    text-align: left;
    background-color: #eb8f00;
    font-weight: 900;
    letter-spacing: 3px;}
#se1 .link a:hover{background:url('../img/icon_link.png') rgb(255 255 255 / 0.3) no-repeat right 10px center;}

#se1 .coupon_box{margin-left:-45px;}
#se1 .code_box{position:absolute; top:20px; right:0;}
#se1 .code_box .youtube{margin-top:28px;margin-right:15px;}
#se1 .code_box .qr_code{display:block; width:85px; height:85px; background:url('../img/page1_ci_no4_20210223.png')no-repeat center; }

/* Session2 */
#se2{background:url('../img/bg_page2.png')no-repeat center;background-size: 100% 100%;}
#se2 .container{text-align:center;}
#se2 .tit{padding-top:20px;}
#se2 .tit .h2{font-size:47px;letter-spacing:-0.75px;}
#se2 .tit p{color:#ed7d0a; font-size:23px; line-height: 1.4; margin-top: 15px; letter-spacing: -1px;}

#se2 .arrow_box{margin:45px auto 0;background:url('../img/icon_lineArrow.png')no-repeat right 10px; padding-bottom: 10px; max-width:700px; text-align:left; }
#se2 .arrow_box .arrow_tit{background:#ed7d0a; color:#fff;display:inline-block; font-weight:600; padding:0 10px;}
#se2 .arrow_box p{font-size:16px; color:#333; margin: 7px 40px 0 0; text-align: right;}

#se2 .box{text-align:center;display:inline-block;margin-top:85px;}
#se2 .box::after { content: ''; display: table; clear: both }
#se2 .box .item{width:225px;border:1px solid #ed7d0a; border-top:9px solid #ed7d0a; position:relative; margin-right:15px;}
#se2 .box .item::after{position:absolute; top:-3px; right:-16px; content:''; height:100%; width:15px; background:url('../img/icon_lineDotted.png')no-repeat center;}
#se2 .box .item a{display:block; width:100%;height:100%;}
#se2 .box .item .txt{padding: 120px 27px 33px;}
#se2 .box .item .txt strong{text-align:left; border-bottom:1px solid #333; font-size:21px;display: block; padding-bottom:4px; margin-bottom:8px; background:url('../img/icon_link2.png')no-repeat right center;}
#se2 .box .item .txt p{text-align:right; font-size:16px; line-height:1.2}

#se2 .box .item.it1{background:url('../img/icon_user.png')#fff no-repeat center top 20px;}
#se2 .box .item.it2{background:url('../img/icon_content.png')#fff no-repeat center top 20px;}
#se2 .box .item.it3{background:url('../img/icon_way.png')#fff no-repeat center top 20px;}
#se2 .box .item.it4{background:url('../img/icon_period.png')#fff no-repeat center top 20px;margin-right:0;}

#se2 .box .item.it4::after{display:none;}
#se2 .box .item:hover{background-color:#ed7d0a;}
#se2 .box .item:hover .txt strong{background:url('../img/icon_link2_hover.png')no-repeat right center;border-bottom:1px solid #fff; color:#fff;}
#se2 .box .item:hover .txt p{color:#fff;}

/* Session3 */
#se3{background:url('../img/bg_page3.png')no-repeat center;  background-size: 100% 100%;}
#se3 .container{max-width:935px;}
#se3 .tit{padding-top:60px; position:relative;}
#se3 .tit .txt_img{max-width:250px; margin-right:18px;}
#se3 .tit .txt_img img{max-width:100%;}
#se3 .tit .h2{font-size:46px;font-weight:400; line-height:1.2; color:#ed7d0a;margin-top:8px;}
#se3 .tit .h2 b{display:block; font-weight:700;line-height:1;}
#se3 .tit p{line-height:1.2; color:#ed7d0a; font-size:27px; letter-spacing: -0.75px; font-weight:500; margin-top:12px;}
#se3 .tit .side_logo{position:absolute; bottom:0; right:0; width:244px;height:50px; background:url('../img/page2_ci_no2.png')no-repeat center;}

#se3 .box{width:100%; margin-top:25px;}
#se3 .box::after { content: ''; display: table; clear: both }
#se3 .box .item{width:25%;box-sizing:border-box;padding:0 7.5px;}
#se3 .box .item a{display:block;border:1px solid #ed7d0a; padding:20px 15px; background:#fff; box-shadow: 0 0 14px 6px #e8e8e8; }
#se3 .box .item a .txt {overflow:hidden; background:url('../img/icon_wlineDotted.png')no-repeat bottom; padding-bottom:10px;margin-bottom:10px; }
#se3 .box .item a .txt span{font-size: 30px; color:#ed7d0a;line-height:1; float:left;font-weight:600; padding-left:10px;}
#se3 .box .item a .txt strong{font-size: 106px; color:#ed7d0a;float:right;font-family: 'NanumSquare', sans-serif;line-height: 0.85;}
#se3 .box .item a p{font-size: 22px; line-height: 1.2;letter-spacing: -0.75px; font-weight:300;}

#se3 .box .item a:hover{border:3px solid #fff; background:#ed7d0a;}
#se3 .box .item a:hover .txt{background:url('../img/icon_wlineDotted_hover.png')no-repeat bottom;}
#se3 .box .item a:hover .txt span{color:#fff;}
#se3 .box .item a:hover .txt strong{color:#fff;}
#se3 .box .item a:hover p{color:#fff;}

/* Session4 */
#se4{background:url('../img/bg_page4.png')no-repeat center; background-size: 100% 100%;}
#se4 .container{max-width:935px;}

#se4 .tit{padding-top:75px;text-align:center;}
#se4 .tit .h2{font-size:32px;font-weight:500; letter-spacing: -0.75px;}
#se4 .tit .h2 b{font-weight:700;}

#se4 .box{width:100%; margin-top:35px; margin-left: 12%;}
#se4 .box::after { content: ''; display: table; clear: both }
#se4 .box .item{width:25%;box-sizing:border-box;padding:0 7.5px;text-align:center;}
#se4 .box .item_bg{background:url('../img/page4_bg_no1.png')no-repeat top center; }
#se4 .box .top_txt{background:url('../img/page4_bg_no1.png')no-repeat top center; }
#se4 .box .top_txt .top_tit{font-size:26px;margin-top:0; padding-top:10px}
#se4 .box .top_txt .top_tit b{}
#se4 .box .top_txt p{font-size:14px; color:#fff; line-height:1.3; margin-top:7px;}
#se4 .box .bottom_txt{padding:30px 24px 20px;}
#se4 .box .bottom_txt .support_pay{font-size:16px; padding-bottom:15px; border-bottom:2px solid #ed7d0a; line-height:1.1; }
#se4 .box .bottom_txt .support_pay b{display:block;font-size:22px;}
#se4 .box .bottom_txt .pay{font-size:20px;line-height:1.1; color:#ed7d0a; margin-top:15px;}
#se4 .box .bottom_txt .pay b{display:block;font-size:30px;}
#se4 .box .bottom_txt ul {text-align:left;margin-top:20px;}
#se4 .box .bottom_txt ul li{font-size:12px;padding-left:15px; position:relative;}
#se4 .box .bottom_txt ul li::before{content:''; width:11px; height:11px; position:absolute; top:4px; left:0; background:url('../img/icon_check.png')no-repeat}
#se4 .box .bottom_txt ul li span{font-weight:600;}

#se4 .box .pay_btn{color:#ed7d0a; border:1px solid #ed7d0a; border-radius: 15px; width: 100%; display: block; padding: 4px 0;margin-top:25px;}
#se4 .box .pay_btn:hover{background:#ed7d0a; color:#fff;}
/* Session5 */
#se5.section .container{margin-top:0;}
#se5 .slide{text-align:center;}
#se5 .slide .tit{font-size:32px; letter-spacing:-0.75px; color:#fff; font-weight:600;display:block;}
#se5 .slide .sub_tit{font-size:25px; letter-spacing:-0.75px; color:#fff; line-height:1.2;}
#se5 .slide.item1{background:url('../img/bg_page5-1.png')no-repeat center; background-size: 100% 100%;}
#se5 .slide.item2{background:url('../img/bg_page5-2.png')no-repeat center; background-size: 100% 100%;}
#se5 .slide.item3{background:url('../img/bg_page5-3.png')no-repeat center; background-size: 100% 100%;}

#se5 .slide .cp_wr{margin:0 auto; width:100%; max-width:715px;}
#se5 .slide .company_box{}
#se5 .slide .company_box .cp_item{width:16.3%;text-align:center;padding:1px 1px;}
#se5 .slide .company_box .cp_item2{width:16.3%;text-align:center;padding:1px 13px;}
#se5 .slide .company_box .cp_item img{max-width:100%;}

#se5 .slide .fp-tableCell{vertical-align: middle;}
#se5 .slide.slide .tit{margin-top:25px}
#se5 .item1.slide .sub_tit{margin-top:20px}
#se5 .item3 .mt_tit{font-size:30px; letter-spacing:-1px; color:#fff; font-weight:300; line-height:1.2; background: #ef8300; padding: 20px 0; width: 1050px; margin: 0 auto; }
#se5 .item3 .mt_tit b{font-size:36px; letter-spacing:-1px; color:#fff; font-weight:600;}
#se5 .item3 .icon_wr{text-align:center; padding:35px 0; background: #fff; opacity: 90%; width: 1050px; margin: 0 auto; }
#se5 .item3 .icon{display:inline-block; background:url('../img/icon_lineDotted.png')repeat-y center right 30px; padding:20px 60px 20px 0;}
#se5 .item3 .icon4{padding-right:0; background: none;}
#se5 .item3 .tit{font-size:25px; letter-spacing:-1px; background:#fff;color:#333; padding:0 15px;margin:0px; display:inline-block;}
#se5 .item3 .sub_tit{font-size:25px; letter-spacing:-1px; background:#fff; color:#333; padding:0 15px; display:inline-block;}

/* 슬라이드 커스텀 */
#se5 .fp-slidesNav.bottom{text-align:center; position:relative; bottom:70px;z-index:99;}
#se5 .fp-slidesNav.bottom ul{display:inline-block;}
#se5 .fp-slidesNav ul li{width:15px; height:15px;margin:0 3px;z-index:99;}
#se5 .fp-slidesNav ul li a{z-index:99;}
#se5 .fp-slidesNav ul li span{background:#fff; display:block; border:1px solid #fff; width:13px; height:13px; margin:0; position:static; z-index:99;}
#se5 .fp-slidesNav ul li a.active span{background:none; margin:0; position: static; z-index:99;}

/* 슬라이드 화살표 */
.fp-control-group{}
.fp-controlArrow{display:block; width:27px; height:50px;position: absolute;top: 50%; margin-top: -25px;cursor:pointer}
.fp-controlArrow.fp-prev{background:url('../img/icon_arrLeft.png')no-repeat center;left:0;}
.fp-controlArrow.fp-next{background:url('../img/icon_arrRight.png')no-repeat center;right:0;}

/* Session6 */
.btn_submit{width:200px; height:50px; line-height:50px; color:#fff; border-radius:5px; background:#ed7d0a; border:0; font-size:20px;cursor:pointer}

#se6{background:url('../img/bg_page4.png')no-repeat center; background-size: 100% 100%;}
#se6 .container{max-width:400px;text-align:center; margin-top:0;}
#se6 .fp-tableCell{vertical-align: middle;}
#se6 .sub_tit{font-size:18px; margin:25px 0 15px; text-align:left; letter-spacing:-1px;}
#se6 .form_box{}
#se6 .form_box .form_group{margin-bottom:10px;}
#se6 .form_box .control_label{text-align:left;font-size:14px;font-weight:600;padding-bottom:4px}
#se6 .form_box .form_control{width:100%;background:#f5f5f5; border:0; border-bottom:1px solid #e2e2e2;}
#se6 .btn_submit{margin: 25px 0;}

.section1 #footer_layout .btn_goto_offer{display: none;}
.section2 #footer_layout .btn_goto_offer{color: black;font-size: 1.2em;}
.section3 #footer_layout .btn_goto_offer{color: black;font-size: 1.2em;}
.section4 #footer_layout .btn_goto_offer{color: white;font-size: 1.2em;}
.section5 #footer_layout .btn_goto_offer{display: none;}



div.mq-message{
    border-radius: 3px;
    border: 3px solid #46a3ff;
    padding: 5px;
    margin-bottom: 3px;
    background-color: #ffffee;
}
div.mq-message.warn{
    border: 3px solid darkorange;
}
.dummy{
    border: 0px !important;margin: 0px;padding: 0px;background-color: transparent;color: transparent;width: 0;height: 0;
}
.ui-widget-overlay.ui-front {
    background: #eeeeee;
    background-image: none;
    opacity: .5;
    filter: Alpha(Opacity=50);
}
.ui-dialog-alert1 .ui-dialog-titlebar.ui-widget-header{
    display: none;
}
.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix{
    padding: 2px;
    margin-top: 2px;
}
.big-msg1{
    border-width: 8px !important;
    border-radius: 8px !important;
    font-size: 1.3em;
    padding: 20px;
}
button.nude{
    border: none;
    background-color: transparent;
}
button{
    cursor: pointer;
}