@charset "utf-8";

a, button{color:#254295;}

#wrap{position:relative;min-height:100%;padding-top:50px;}
#wrap.noHead{padding-top:0;}

#header{position:fixed;top:0;left:0;width:100%;height:50px;text-align:center;background:#fff;z-index:10;}
.gate #header{background:transparent;}
#header.fixed{background:#fff;box-shadow:0 5px 20px rgba(0,0,0,0.3);}
#header h1{display:inline-block;padding-top:17px;}
#header h1 a{display:block;overflow:hidden;width:76px;height:15px;text-indent:-9999em;background:url('/publishing/images/common/h_logo.png') no-repeat 0 0;background-size:contain;}
#header h1 span{font-size:16px;font-weight:500;line-height:1.2;}
#header .header_desc{position:absolute;top:15px;left:15px;font-size:10px;color:#111;text-align:left;line-height:1.2;}

/* btn style */
.utilBtn{display:inline-block;height:25px;font-size:12px;color:#fff;line-height:26px;padding:0 15px;border-radius:12px;background:rgba(0,0,0,0.6);}
.logoutBtn{display:inline-block;height:28px;font-size:12px;color:#9ca7c3;line-height:29px;padding:0 12px;background:#404b69;border-radius:14px;}
.logoutBtn:after{display:inline-block;content:'';width:10px;height:12px;margin-left:5px;background:url('/publishing/images/common/ico_logout.png') no-repeat 0 0;background-size:contain;vertical-align:-1px;}
.openBtn{display:block;overflow:hidden;position:fixed;top:0;right:0;width:50px;height:50px;text-indent:-9999em;background:transparent url('/publishing/images/common/btn_burger.png') no-repeat 50% 50%;background-size:20px auto;}
.closeBtn{display:block;overflow:hidden;position:fixed;top:0;right:0;width:50px;height:50px;text-indent:-9999em;background:transparent url('/publishing/images/common/btn_close.png') no-repeat 50% 50%;background-size:20px auto;}
.backBtn{display:block;overflow:hidden;position:fixed;top:0;left:0;width:50px;height:50px;text-indent:-9999em;background:transparent url('/publishing/images/common/btn_back.png') no-repeat 50% 50%;background-size:20px auto;}
.resetBtn{display:inline-block;overflow:hidden;position:relative;width:27px;height:27px;text-indent:-9999em;background:#fff url('/publishing/images/common/ico_refresh.png') no-repeat 50% 50%;background-size:11px auto;border:1px solid #d2d2d2;border-radius:100%;}
.resetBtn:before{display:block;content:'';position:absolute;top:4px;left:4px;width:20px;height:17px;background:url('/publishing/images/common/bul_reset.png') no-repeat 0 0;background-size:100% 100%;}
.pay_btn{display:block;position:relative;width:calc(100% - 60px);height:50px;font-size:14px;color:#333;text-align:center;line-height:50px;margin:5px auto;background:#fff;border:1px solid #333;border-radius:5px;}
.pay_btn:before{display:inline-block;content:'';width:20px;height:20px;margin-right:4px;background:url('/publishing/images/common/ico_coupon.png') no-repeat 0 0;background-size:contain;vertical-align:-5px;}
.checkBtn{height:50px;font-size:14px;color:#888;line-height:50px;padding:0 15px;background:#fff;border:1px solid #888;border-radius:3px;}
.more_btn{display:block;width:100%;height:50px;font-size:14px;color:#666;text-align:center;line-height:50px;letter-spacing:-0.7px;background:#fff;border:1px solid #999;border-radius:5px;}
.more_btn:after{display:inline-block;content:'';width:8px;height:13px;margin-left:10px;background:url('/publishing/images/common/bul_arrow_right_gray.png') no-repeat 0 0;background-size:100% 100%;transform:rotate(90deg);vertical-align:-2px;}

/* my menu */
.my_menu{display:none;overflow:hidden;position:fixed;top:0;right:-100%;width:100%;height:100%;text-align:left;transition:all 0s;}
.my_menu:before{display:block;content:'';position:fixed;top:0;right:0;width:100%;height:100%;background:rgba(0,0,0,0.8);}
.my_menu .mymenu_wrap{overflow:hidden;position:absolute;top:25px;right:0;width:calc(100% - 40px);height:calc(100% - 25px);background:#fff;z-index:1;}
.my_menu .closeBtn{top:25px;z-index:2;}

/* my menu > base info */
.my_menu .info_box{position:relative;height:150px;padding:45px 30px 0;background:#2a3555;}
.my_menu .info_box .profile{font-size:12px;font-weight:500;color:#fff;margin-bottom:5px;}
.my_menu .info_box .profile strong{display:inline-block;font-size:20px;font-weight:500;}
.my_menu .info_box .profile span{font-weight:400;color:#6e768b;margin-left:2px;vertical-align:-4px;}
.my_menu .info_box .cate{font-size:13px;color:#cdd0d7;line-height:21px;}
.my_menu .info_box .date{font-size:12px;color:#6e768b;margin-top:15px;}
.my_menu .info_box .date span{display:block;margin-bottom:10px;opacity:0.7;}
.my_menu .info_box .date i{font-weight:700;vertical-align:0;}
.my_menu .info_box .date .utilBtn{margin-left:-5px;}
.my_menu .info_box .logoutBtn{position:absolute;top:56px;right:30px;}

/* my menu > prd info */
.info_prd *{color:#333;}
.info_prd ul{display:flex;justify-content:center;}
.info_prd ul li{flex:1;}
.info_prd ul li a{display:block;font-size:18px;padding:72px 0 20px;background-color:transparent;background-repeat:no-repeat;background-position:50% 30px;background-size:27px auto;}
.info_prd ul li:nth-of-type(1) a{background-image:url('/publishing/images/common/ico_coupon.png');}
.info_prd ul li:nth-of-type(2) a{background-image:url('/publishing/images/common/ico_group.png');}
.info_prd ul li:nth-of-type(3) a{background-image:url('/publishing/images/common/ico_completion.png');}
.info_prd ul li a > i{display:block;width:50px;height:50px;font-size:24px;color:#fff;text-align:center;line-height:50px;margin:0 auto;background:#ffb33d;border-radius:100%;}
.info_prd ul li a > strong{display:block;font-size:12px;font-weight:500;color:#666;text-align:center;margin:5px 0 0;}
.info_prd ul li a > span{display:block;font-size:12px;color:#333;text-align:center;}
.info_prd ul li a > span i{font-size:20px;color:#333;vertical-align:0;margin:0 3px;}

/* my menu > menu */
.my_menu .personal_menu{width:calc(100% - 60px);margin:20px 0 0 30px;}
.my_menu .personal_menu li{font-size:14px;letter-spacing:-0.7px;border-bottom:1px solid #ddd;}
.my_menu .personal_menu li:last-of-type{border-bottom:0 none;}
.my_menu .personal_menu a{display:block;position:relative;width:100%;color:#666;letter-spacing:-0.03em;line-height:44px;background:url('/publishing/images/common/ico_arrow_right_gray.png') no-repeat 100% 50%;background-size:6px auto;}
.my_menu .personal_menu a i{display:block;position:absolute;top:0;right:15px;line-height:49px;opacity:0.7;}
.my_menu .personal_menu li.point a{font-weight:700;color:#333;}

#footer{position:absolute;bottom:0;left:0;width:100%;height:35px;font-size:12px;color:#888;text-align:center;line-height:35px;background:#fff;z-index:5;}
.gate #footer{border-top:1px solid #ddd;}

/* etc */
.xi-coupon.round{position:relative;}
.xi-coupon.round:after{display:block;content:'';position:absolute;top:14px;right:11px;width:6px;height:6px;background:#ffb33d;border:2px solid #fff;border-radius:100%;}

/* input */
input[type="checkbox"]{width:20px;height:20px;background:#ddd url('/publishing/images/sub/ico_check.png') no-repeat 50% 47%;background-size:14px auto;border-radius:100%;}
input[type="checkbox"]:checked{background-color:#2a3555;}
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="number"]{position:relative;width:100%;height:50px;font-size:15px;font-weight:500;letter-spacing:-0.7px;padding:0 15px;border-width:1px;border:1px solid #dedede;border-radius:5px;transition:all 0ms linear;}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus{border-color:#333 !important;outline:0 none;z-index:1;}
input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="tel"]::placeholder{color:#999;}
.check input,
.check input:focus{border-color:#333 !important;}
.error input,
.error input:focus{border-color:#ff4800 !important;}
select{width:100%;height:50px;font-family:'Roboto', 'Noto Sans KR', 'Dotum','돋움',sans-serif !important;font-size:15px;letter-spacing:-0.03em;padding:0 40px 0 15px;border:1px solid #ddd;-webkit-appearance:none;background:#fff url('/publishing/images/common/bul_select.png') no-repeat 100% 50%;background-size:40px 40px;}
select:focus{background-image:url('/publishing/images/common/bul_select_active.png');outline:0 none;border-color:#ffb33d;}
.autocomplete{position:relative;}
.autocomplete i{display:none;position:absolute;top:0;right:0;width:40px;height:100%;background:url('/publishing/images/common/bul_select.png') no-repeat 100% 50%;background-size:40px 40px;}
.autocomplete input{padding-right:40px;}
.autocomplete input:focus + i{background-image:url('/publishing/images/common/bul_select_active.png');}
.ui-widget.ui-widget-content{line-height:40px;margin-top:-1px;border-color:#000;}

.smallCheck{font-size:14px;margin-top:8px;}
.smallCheck label{color:#888;line-height:24px;padding-left:3px;vertical-align:-2px;}

/* layer popup */
.layer_popup,
.layer_popup .layer_wrap,
.layer_popup .layer_wrap .dimmde{position:fixed;top:0;left:0;width:100%;height:100%;}
.layer_popup{display:none;z-index:9999;}
.layer_popup .layer_wrap{display:flex;align-items:center;}
.layer_popup .layer_wrap .dimmde{display:block;background:rgba(0,0,0,0.7);z-index:1;}
.layer_popup .detail{position:relative;width:calc(100% - 60px);font-size:18px;color:#888;text-align:center;line-height:26px;padding:25px 20px;margin:0 auto;background:#fff;border-radius:10px;z-index:2;}
.layer_popup .detail .impact{display:block;width:100%;font-size:20px;font-weight:700;color:#222;text-align:center;line-height:30px;padding-left:0;margin-bottom:5px;border:0 none;}
.layer_popup .detail .impact:focus{outline:0 none;}
.layer_popup .detail .layer_btns{display:flex;width:calc(100% + 20px);margin:0 0 -10px -10px;}
.layer_popup .detail .layer_btns .innerBtn{flex:1;height:50px;font-size:16px;font-weight:400;color:#fff;text-align:center;line-height:50px;background:#222;border-radius:5px;}
.layer_popup .detail .layer_btns .innerBtn + .innerBtn{margin-left:5px;}
.layer_popup .detail .comment + .layer_btns{margin-top:30px;}
.layer_popup .close_popup{display:block;position:fixed;top:0;right:0;width:50px;height:50px;text-indent:-9999em;background:transparent url('/publishing/images/common/btn_close.png') no-repeat 50% 50%;background-size:19px auto;z-index:2;}

/* round layout */
.round_layout{position:relative;}
.round_layout:before{display:block;content:'';position:absolute;top:-600px;left:calc(50% - 400px);width:800px;height:800px;background-color:#ffb33d;border-radius:100%;z-index:1;}
.round_layout > div{position:relative;z-index:2;}

/* copy hidden */
.hidden-copy{overflow:hidden;position:fixed !important;top:0;left:0;width:0;height:0;font-size:0;border:0 none;}

/* margin */
.mt0{margin-top:0 !important;}
.mt1{margin-top:1px !important;}
.mt2{margin-top:2px !important;}
.mt3{margin-top:3px !important;}
.mt4{margin-top:4px !important;}
.mt5{margin-top:5px !important;}
.mt6{margin-top:6px !important;}
.mt7{margin-top:7px !important;}
.mt8{margin-top:8px !important;}
.mt9{margin-top:9px !important;}
.mt10{margin-top:10px !important;}
.mt11{margin-top:11px !important;}
.mt12{margin-top:12px !important;}
.mt13{margin-top:13px !important;}
.mt14{margin-top:14px !important;}
.mt15{margin-top:15px !important;}
.mt16{margin-top:16px !important;}
.mt17{margin-top:17px !important;}
.mt18{margin-top:18px !important;}
.mt19{margin-top:19px !important;}
.mt20{margin-top:20px !important;}
.mt21{margin-top:21px !important;}
.mt22{margin-top:22px !important;}
.mt23{margin-top:23px !important;}
.mt24{margin-top:24px !important;}
.mt25{margin-top:25px !important;}
.mt26{margin-top:26px !important;}
.mt27{margin-top:27px !important;}
.mt28{margin-top:28px !important;}
.mt29{margin-top:29px !important;}
.mt30{margin-top:30px !important;}
.mt31{margin-top:31px !important;}
.mt32{margin-top:32px !important;}
.mt33{margin-top:33px !important;}
.mt34{margin-top:34px !important;}
.mt35{margin-top:35px !important;}
.mt36{margin-top:36px !important;}
.mt37{margin-top:37px !important;}
.mt38{margin-top:38px !important;}
.mt39{margin-top:39px !important;}
.mt40{margin-top:40px !important;}
.mt41{margin-top:41px !important;}
.mt42{margin-top:42px !important;}
.mt43{margin-top:43px !important;}
.mt44{margin-top:44px !important;}
.mt45{margin-top:45px !important;}
.mt46{margin-top:46px !important;}
.mt47{margin-top:47px !important;}
.mt48{margin-top:48px !important;}
.mt49{margin-top:49px !important;}
.mt50{margin-top:50px !important;}
.mt51{margin-top:51px !important;}
.mt52{margin-top:52px !important;}
.mt53{margin-top:53px !important;}
.mt54{margin-top:54px !important;}
.mt55{margin-top:55px !important;}
.mt56{margin-top:56px !important;}
.mt57{margin-top:57px !important;}
.mt58{margin-top:58px !important;}
.mt59{margin-top:59px !important;}
.mt60{margin-top:60px !important;}
.mt61{margin-top:61px !important;}
.mt62{margin-top:62px !important;}
.mt63{margin-top:63px !important;}
.mt64{margin-top:64px !important;}
.mt65{margin-top:65px !important;}
.mt66{margin-top:66px !important;}
.mt67{margin-top:67px !important;}
.mt68{margin-top:68px !important;}
.mt69{margin-top:69px !important;}
.mt70{margin-top:70px !important;}
.mt71{margin-top:71px !important;}
.mt72{margin-top:72px !important;}
.mt73{margin-top:73px !important;}
.mt74{margin-top:74px !important;}
.mt75{margin-top:75px !important;}
.mt76{margin-top:76px !important;}
.mt77{margin-top:77px !important;}
.mt78{margin-top:78px !important;}
.mt79{margin-top:79px !important;}
.mt80{margin-top:80px !important;}
.mt81{margin-top:81px !important;}
.mt82{margin-top:82px !important;}
.mt83{margin-top:83px !important;}
.mt84{margin-top:84px !important;}
.mt85{margin-top:85px !important;}
.mt86{margin-top:86px !important;}
.mt87{margin-top:87px !important;}
.mt88{margin-top:88px !important;}
.mt89{margin-top:89px !important;}
.mt90{margin-top:90px !important;}
.mt91{margin-top:91px !important;}
.mt92{margin-top:92px !important;}
.mt93{margin-top:93px !important;}
.mt94{margin-top:94px !important;}
.mt95{margin-top:95px !important;}
.mt96{margin-top:96px !important;}
.mt97{margin-top:97px !important;}
.mt98{margin-top:98px !important;}
.mt99{margin-top:99px !important;}
.mt100{margin-top:100px !important;}
.mt101{margin-top:101px !important;}
.mt102{margin-top:102px !important;}
.mt103{margin-top:103px !important;}
.mt104{margin-top:104px !important;}
.mt105{margin-top:105px !important;}
.mt106{margin-top:106px !important;}
.mt107{margin-top:107px !important;}
.mt108{margin-top:108px !important;}
.mt109{margin-top:109px !important;}
.mt110{margin-top:110px !important;}
.mt111{margin-top:111px !important;}
.mt112{margin-top:112px !important;}
.mt113{margin-top:113px !important;}
.mt114{margin-top:114px !important;}
.mt115{margin-top:115px !important;}
.mt116{margin-top:116px !important;}
.mt117{margin-top:117px !important;}
.mt118{margin-top:118px !important;}
.mt119{margin-top:119px !important;}
.mt120{margin-top:120px !important;}
.mt121{margin-top:121px !important;}
.mt122{margin-top:122px !important;}
.mt123{margin-top:123px !important;}
.mt124{margin-top:124px !important;}
.mt125{margin-top:125px !important;}
.mt126{margin-top:126px !important;}
.mt127{margin-top:127px !important;}
.mt128{margin-top:128px !important;}
.mt129{margin-top:129px !important;}
.mt130{margin-top:130px !important;}
.mt131{margin-top:131px !important;}
.mt132{margin-top:132px !important;}
.mt133{margin-top:133px !important;}
.mt134{margin-top:134px !important;}
.mt135{margin-top:135px !important;}
.mt136{margin-top:136px !important;}
.mt137{margin-top:137px !important;}
.mt138{margin-top:138px !important;}
.mt139{margin-top:139px !important;}
.mt140{margin-top:140px !important;}
.mt141{margin-top:141px !important;}
.mt142{margin-top:142px !important;}
.mt143{margin-top:143px !important;}
.mt144{margin-top:144px !important;}
.mt145{margin-top:145px !important;}
.mt146{margin-top:146px !important;}
.mt147{margin-top:147px !important;}
.mt148{margin-top:148px !important;}
.mt149{margin-top:149px !important;}
.mt150{margin-top:150px !important;}