@charset "utf-8";

/* 210609 추가 */
.tutorial-pointer { display:block; position:absolute; left:50%; bottom:-75px; margin-left:-30px !important; width:75px; height:125px; background:url('/resource/home/images/tutorial_pointer.png') no-repeat; animation: motion 0.3s linear 0s infinite alternate;  }
.tutorial-pointer2 { position:absolute; left:0; top:0; width:75px; height:125px; background:url('/resource/home/images/tutorial_pointer.png') no-repeat; animation: motion2 0.3s linear 0s infinite alternate; margin:0; padding:0; overflow:hidden; z-index:99; }

@keyframes motion {
    0% {bottom: -85px;}
    100% {bottom: -75px;}
}

@keyframes motion2 {
    0%   { margin-top: 0; }
    100% { margin-top: 15px; }
}

/* layout */
.wrap{position:absolute; top:0; left:0; width:1080px; height:1920px; margin:0; padding:0; overflow:hidden; }

/* 배너 */
.gbanner{position:relative; }

/* gnb */
.gnb-black{position:relative; height:162px; text-align:center; background:#000000;}
.gnb-black h1{font-size:60px; line-height:162px; color: #ffffff;}
.gnb-black .btn-back{position:absolute; top:50px; left:40px; width:103px; height:58px; overflow:hidden; text-indent:-9999px; background:url('/resource/home/images/btn_back_ffffff.png') no-repeat;}
.gnb-black .util{position:absolute; top:36px; right:50px; font-size:28px; color:#3194f7;}
.gnb-black .util a{ float:left; width:73px; height:100px; box-sizing:border-box; margin:0 0 0 30px; padding:65px 0 0; text-align:center; color:#3194f7;}
.gnb-black .util .btn-voice.on{background:url('/resource/home/images/ico_voice_on.png') no-repeat center 0;}
.gnb-black .util .btn-voice.off{background:url('/resource/home/images/ico_voice_off.png') no-repeat center 0;}
.gnb-black .util .btn-voice .status{position:absolute; top:-12px; left:12px; width:36px; height:36px; font-size:16px; font-weight:700; text-align:center; line-height:36px; border-radius:14px;}
.gnb-black .util .btn-voice.on .status{color:#f7de44; background:rgba(0, 0, 0, .9);}
.gnb-black .util .btn-voice.off .status{color:#fff; background:rgba(102, 102, 102, .9);}
.gnb-black .util .btn-home{background:url('/resource/home/images/ico_home.png') no-repeat center 0;}

.gnb-white{position:relative; height:162px; text-align:center; background:#ffffff;}
.gnb-white h1{font-size:60px; line-height:162px; color:#222222;}
.gnb-white .btn-back{position:absolute; top:60px; left:40px; width:83px; height:28px; overflow:hidden; text-indent:-9999px; background:url('/resource/home/images/btn_back_000000.png') no-repeat;}
.gnb-white .util{position:absolute; top:36px; right:50px; font-size:28px; color:#3194f7;}
.gnb-white .util a{ float:left; width:73px; height:100px; box-sizing:border-box; margin:0 0 0 30px; padding:65px 0 0; text-align:center; color:#3194f7;}
.gnb-white .util .btn-voice.on{background:url('/resource/home/images/ico_voice_on.png') no-repeat center 0;}
.gnb-white .util .btn-voice.off{background:url('/resource/home/images/ico_voice_off.png') no-repeat center 0;}
.gnb-white .util .btn-voice .status{position:absolute; top:-12px; left:12px; width:36px; height:36px; font-size:16px; font-weight:700; text-align:center; line-height:36px; border-radius:14px;}
.gnb-white .util .btn-voice.on .status{color:#f7de44; background:rgba(0, 0, 0, .9);}
.gnb-white .util .btn-voice.off .status{color:#fff; background:rgba(102, 102, 102, .9);}
.gnb-white .util .btn-home{background:url('/resource/home/images/ico_home.png') no-repeat center 0;}


/*
main
*/

.main-contents{position:relative; height:1518px; box-sizing:border-box; text-align:center; background:url('/resource/home/images/bg_main.jpg') no-repeat center 0;}

.main-contents .inner{position:relative; padding:220px 0 0;}
.main-contents p{margin:0 0 120px; font-size:48px; font-weight:500; line-height:1.8;}
.main-contents b{font-weight:600; color:#3194f7;}
.main-contents li{display:inline-block; margin:0 10px; font-size:36px; font-weight:600; }
.main-contents a{ position:relative;  display:block; width:292px; height:402px; box-sizing:border-box; padding:275px 0 0; border:4px solid transparent; border-radius:40px;}
.main-contents a:active{border-color:#3194f7;}


/*
contents
*/
.contents{position:relative; height:1518px; box-sizing:border-box; padding:0 80px;}
.page-title h2{margin:0 0 25px; font-size:52px; text-align:center;}
.page-title .notice{position:relative; left:50%; margin:0 0 75px; font-size:46px; text-align:center; letter-spacing:-0.08em; transform:translateX(-50%); line-height:1.4;}
.page-title .notice span{padding:0 0 0 70px; background:url('/resource/home/images/life_csc/ico_notice.png') no-repeat 0 0;}

.btn-area-bottom{position:absolute; bottom:58px; left:0; width:100%; box-sizing:border-box; padding:0 80px;}
.btn-area-bottom:after{clear:both; display:block; content:'';}
.btn-area-bottom a{display:inline-block; width:130px; height:130px; box-sizing:border-box; padding:68px 0 0; font-size:28px; text-align:center; color:#fff; text-shadow:3px 3px rgba(0, 0, 0, .2);}
.btn-area-bottom .left{float:left;}
.btn-area-bottom .left a{margin:0 15px 0 0;}
.btn-area-bottom .right{float:right;}
.btn-area-bottom .btn-home{background:url('/resource/home/images/life_csc/btn_red_home.png') no-repeat 0 0;}
.btn-area-bottom .btn-back{background:url('/resource/home/images/life_csc/btn_red_back.png') no-repeat 0 0;}
.btn-area-bottom .btn-confirm{background:url('/resource/home/images/life_csc/btn_blue_confirm.png') no-repeat 0 0;}
.btn-area-bottom .btn-certificate{background:url('/resource/home/images/life_csc/btn_blue_certificate.png') no-repeat 0 0;}

/* csc-content */
.csc-content{padding:107px 80px 0; border:0; background:url('/resource/home/images/life_csc/bg_csc.jpg') no-repeat center 0;}
.csc-content.type02{padding:107px 40px 0;}
.csc-content .notice b{font-weight:500; color:#396bc7;}
.csc-content .btn-default{display:inline-block; height:160px; overflow:hidden; box-sizing:border-box; text-align:center; border:6px solid transparent; border-radius:20px; background:url('/resource/home/images/life_csc/btn_default.png') no-repeat center center;}
.csc-content .btn-default:active,
.csc-content .btn-default.active{border-color:#ca0000;}
.csc-content .btn-default > div{position:relative; height:108px; color:#fff;}
.csc-content .btn-default > div span{position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%);}
.csc-content .btn-default .price{display:block; height:40px; padding:0 12px; font-size:24px; text-align:right; color:#f7de44; line-height:40px; letter-spacing:-0.08em;}

.csc-content .service-list{width:100%; box-sizing:border-box; margin:0 0 45px; padding:30px; border-radius:40px; background:rgba(255, 255, 255, .5);}
.csc-content .service-list:after{clear:both; display:block; content:'';}
.csc-content .service-list li{float:left; width:276px; margin:34px 15px 0 0;}
.csc-content .service-list li:nth-child(3n){margin-right:0;}
.csc-content .service-list li:nth-child(1),
.csc-content .service-list li:nth-child(2),
.csc-content .service-list li:nth-child(3){margin-top:0;}
.csc-content .service-list a{display:block; color:#fff;}
.csc-content .btn-area{margin:0 0 40px; font-size:34px;}
.csc-content .btn-area div{float:right;}
.csc-content .btn-area p{float:left; margin:5px 24px 0 0; line-height:1.3;}
.csc-content .btn-area a{display:inline-block; height:100px; text-align:center; color:#fff; line-height:100px; text-shadow:3px 3px rgba(0, 0, 0, .2);}
.csc-content .btn-area .btn-guide{width:241px; background:url('/resource/home/images/life_csc/btn_green_s.png') no-repeat 0 0;}
.csc-content .btn-area .btn-time{width:334px; background:url('/resource/home/images/life_csc/btn_green_l.png') no-repeat 0 0;}
.csc-content .btn-area .btn-return{width:102px; background:url('/resource/home/images/life_csc/btn_red_s.png') no-repeat 0 0;}
.csc-content .caution{margin:0 0 30px; font-size:38px; font-weight:400; text-align:center;}
.csc-content .btn-big{display:block; width:299px; height:140px; box-sizing:border-box; margin:0 auto; padding:20px 0 0; font-size:40px; font-weight:700; text-align:center; background:url('/resource/home/images/life_csc/btn_orange.png') no-repeat;}
.csc-content .btn-big span{display:block; margin:8px 0 0; font-size:28px; font-weight:500;}

.certificate{height:900px; box-sizing:border-box; margin:0 0 85px; padding:230px 0 0; border-radius:40px; background:rgba(255, 255, 255, .5);}
.certificate .btn-default{display:block; width:361px; margin:0 auto; background:url('/resource/home/images/life_csc/btn_default_l.png') no-repeat center center;}
.certificate .btn-default:first-child{margin-bottom:120px;}

.rrn .number{width:100%; height:140px; box-sizing:border-box; margin:0 0 25px; padding:0 20px; text-align:center; border:16px solid #3bb8e8; border-radius:20px; background:#fff;}
.rrn .number input{width:100%; height:108px; font-size:58px; text-align:center; letter-spacing:10px; border:0;}

.csc-content .number-pad{position:relative; height:770px; box-sizing:border-box; padding:17px; text-align:center; border-radius:40px; background:rgba(255, 255, 255, .5);}
.csc-content .number-pad .info{margin:0 0 40px; padding:32px 0; font-size:34px; line-height:1.4; border-radius:28px; background:#ebebec;}
.csc-content .number-pad div{width:700px; margin:0 auto;}
.csc-content .number-pad button{float:left; width:220px; height:110px; margin:16px 20px 0 0; padding:5px 0 0; font-size:80px; font-family:'NanumBarunGothic'; border-radius:20px; background:url('/resource/home/images/life_csc/btn_key_gray.png') no-repeat 0 0; box-shadow:0 10px 15px rgba(0, 0, 0, .2);}
.csc-content .number-pad button:nth-child(3n){margin-right:0;}
.csc-content .number-pad button:nth-child(1),
.csc-content .number-pad button:nth-child(2),
.csc-content .number-pad button:nth-child(3){margin-top:0;}
.csc-content .number-pad button span{background:linear-gradient(to bottom, #426b92, #24252a); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.csc-content .number-pad .btn-del{font-size:46px; color:#fff; background:url('/resource/home/images/life_csc/btn_key_red.png') no-repeat;}
.csc-content .number-pad .btn-modi{font-size:46px; color:#fff; background:url('/resource/home/images/life_csc/btn_key_green.png') no-repeat;}

.csc-content .finger{height:1012px; box-sizing:border-box; padding:130px 0 0; text-align:center; border-radius:40px; background:rgba(255, 255, 255, .5);}
.csc-content .finger img:first-child{margin:0 0 106px;}

.csc-content .confirm{position:relative; height:1012px; box-sizing:border-box; margin:147px 0 0; text-align:center; border-radius:40px; background:rgba(255, 255, 255, .5);}
.csc-content .confirm:before{position:absolute; top:50%; left:50%; width:96%; height:96%; box-sizing:border-box; content:''; border-radius:30px; border:16px solid rgba(59, 184, 232, .5); transform:translate(-50%, -50%);}
.csc-content .confirm p{position:absolute; top:50%; left:50%; width:100%; font-size:60px; font-weight:700; color:#396bc7; transform:translate(-50%, -50%);}

.certificate-guide{height:1010px; overflow:hidden; box-sizing:border-box; margin:55px 0 0; text-align:center; border-radius:40px; background:rgba(255, 255, 255, .5);}
.certificate-guide h2{height:145px; font-size:60px; font-weight:500; color:#ca0000; line-height:145px; -webkit-text-stroke:1px #fff; background:rgba(49, 148, 247, .5);}
.certificate-guide div{padding:190px 50px 0; letter-spacing:-1px; line-height:1.5;}
.certificate-guide p:first-child{margin:0 0 90px; font-size:48px;}
.certificate-guide p:last-child{padding:0 0 0 65px; text-align:left; background:url('/resource/home/images/life_csc/ico_arrow.png') no-repeat 0 0;}
.certificate-guide b{font-weight:500; color:#0a1eb5;}
.certificate-guide strong{font-weight:500; color:#ca0000;}

.doubleline-box{height:1110px; overflow:hidden; box-sizing:border-box; margin:55px 0 0; border-radius:40px; background:rgba(255, 255, 255, .5);}
.doubleline-box h2{height:145px; font-size:46px; font-weight:700; line-height:145px; text-align:center; letter-spacing:-1px; -webkit-text-stroke:1px #fff; background:rgba(49, 148, 247, .5);}
.doubleline-box h2 b{color:#0a1eb5;}
.doubleline-box > div{position:relative; height:920px; box-sizing:border-box; margin:20px; padding:135px 15px 0; border:16px solid #dee7ed; border-radius:30px;}
.doubleline-box > div:before{position:absolute; top:50%; left:50%; width:99%; height:99%; box-sizing:border-box; content:''; border:10px solid #dee7ed; border-radius:10px; transform:translate(-50%, -50%);}

.exemption .item{position:relative; float:left; width:50%; box-sizing:border-box; padding:25px 25px 33px; font-family:'NanumBarunGothic';}
.exemption .item:first-child:after{position:absolute; top:0; right:-4px; width:9px; height:100%; content:''; background:#222;}
.exemption .item > div{width:100%; height:352px; box-sizing:border-box; margin:0 0 30px; border-radius:24px; box-shadow:0 8px 10px rgba(0, 0, 0, .2);}
.exemption .item a{display:block; width:100%; height:148px; font-size:60px; text-align:center; line-height:148px; letter-spacing:50px; border-radius:24px; box-shadow:0 8px 10px rgba(0, 0, 0, .2);}
.exemption .item a span{margin-left:50px;}
.exemption .free > div{padding:70px 0 0; background:url('/resource/home/images/life_csc/bg_free.png') no-repeat;}
.exemption .free h3{margin:0 0 25px; font-size:46px; text-align:center; background:linear-gradient(to bottom, #1061b0, #24252a); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.exemption .free ul{padding:0 0 0 30px; line-height:1.5;}
.exemption .free a{background:url('/resource/home/images/life_csc/btn_free.png') no-repeat 0 0;}
.exemption .free a span{background:linear-gradient(to bottom, #1061b0, #24252a); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.exemption .paid > div{padding:110px 0 0; background:url('/resource/home/images/life_csc/bg_paid.png') no-repeat;}
.exemption .paid h3{font-size:60px; color:#8e3a23; text-align:center;}
.exemption .paid a{color:#8e3a23; background:url('/resource/home/images/life_csc/btn_paid.png') no-repeat;}

.copy > div{padding:50px 55px; background:#ebf0f3;}
.copy .number{position:relative; height:162px; margin:0 0 150px; font-weight:700; text-align:center; color:#0a1eb5; line-height:162px; -webkit-text-stroke:1px #fff; background:#b2ddf8;}
.copy .number:before{position:absolute; top:50%; left:50%; width:98%; height:90%; box-sizing:border-box; content:''; border:1px solid #fff; transform:translate(-50%, -50%);}
.copy .number span{display:inline-block;}
.copy .number span:first-child{}
.copy .number span:last-child{width:215px; text-align:right;}
.copy .number input{width:160px; margin:0 10px 0 0; font-size:80px; font-family:'NanumBarunGothic'; color:#222; text-align:right; vertical-align:middle; -webkit-text-stroke:0; border:0; background:none;}
.copy .number-pad{padding:0; background:none;}

.csc-content .method{position:relative;}
.csc-content .method a{display:inline-block; width:390px; height:352px; box-sizing:border-box; padding:180px 0 0; font-size:60px; font-family:'NanumBarunGothic'; text-align:center;}
.csc-content .method a span.subtext{display:block; font-size:28px; font-weight:400; color:#002; line-height:1.5;}
.csc-content .method .btn-card{float:left; color:#8e3a23; background:url('/resource/home/images/life_csc/bg_card.png') no-repeat;}
.csc-content .method .btn-cash{float:right; color:#8e3a23; background:url('/resource/home/images/life_csc/bg_cash.png') no-repeat;}
.csc-content .method .btn-cash span:first-child{background:linear-gradient(to bottom, #1061b0, #24252a); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.tbl-copy{border:4px solid #b2ddf8; background:#fff;}
.tbl-copy th{padding:4px; color:#0a1eb5; -webkit-text-stroke:1px #fff; border-bottom:4px solid #b2ddf8;}
.tbl-copy th div{padding:15px 0; background:#b2ddf8;}
.tbl-copy td{padding:0 30px; font-size:46px; text-align:center; border-bottom:4px solid #b2ddf8;}
.tbl-copy td span{float:right; margin:0 0 0 0; font-size:34px; color:#0a1eb5;}
.tbl-copy tr:last-child th,
.tbl-copy tr:last-child td{border-bottom:0;}
.csc-content .total{margin:25px 0 30px;}
.csc-content .total th{font-size:60px;}
.csc-content .total td{font-size:60px; color:#ca0000;}
.csc-content .total td span{font-size:60px; color:#0a1eb5;}

.singleline-box{height:1110px; overflow:hidden; box-sizing:border-box; margin:55px 0 0; border-radius:40px; background:rgba(255, 255, 255, .5);}
.singleline-box h2{height:145px; font-size:46px; font-weight:700; line-height:145px; text-align:center; letter-spacing:-1px; -webkit-text-stroke:1px #fff; background:rgba(49, 148, 247, .5);}
.singleline-box h2 b{color:#0a1eb5;}
.singleline-box > div{position:relative; height:920px; box-sizing:border-box; margin:20px; padding:15px; border-radius:30px; background:#dfe9ee;}
.singleline-box > div:before{position:absolute; top:50%; left:50%; width:97%; height:97%; box-sizing:border-box; content:''; border:4px solid #f0f4f7; border-radius:20px; transform:translate(-50%, -50%);}
.singleline-box .left{position:relative; float:left; width:50%; height:100%;}
.singleline-box .left img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.singleline-box .right{float:right; width:50%; height:100%; box-sizing:border-box; padding:48px 30px; border-left:4px solid #f0f4f7;}
.certificate-info{position:relative; height:160px; box-sizing:border-box; padding:0 25px; font-weight:700; color:#0a1eb5; background:#b2ddf8; -webkit-text-stroke:1px #fff;}
.certificate-info:before{position:absolute; top:50%; left:50%; width:96%; height:90%; box-sizing:border-box; content:''; border:3px solid #fff; transform:translate(-50%, -50%);}
.certificate-info:nth-child(1),
.certificate-info:nth-child(3){margin:0 0 64px;}
.certificate-info:nth-child(2){margin:0 0 10px;}
.certificate-info:nth-child(1):after,
.certificate-info:nth-child(3):after{position:absolute; bottom:-37px; left:0; width:100%; height:10px; content:''; background:url('/resource/home/images/life_csc/dot.png');}
.certificate-info span:first-child{float:left; margin-top:55px;}
.certificate-info span:last-child{float:right; margin-top:40px;}
.certificate-info b{margin:0 10px 0 0; font-size:60px; font-family:'NanumBarunGothic'; color:#222; vertical-align:middle; -webkit-text-stroke:0;}

.csc-content .print{padding:565px 25px 0; font-size:46px; line-height:1.5; background:url('/resource/home/images/life_csc/ico_print.png') no-repeat center 88px;}
.csc-content .print p{margin:0 0 40px; padding:0 35px; background:linear-gradient(to bottom, #1061b0, #24252a); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.csc-content .print span{display:block; width:100%; height:120px; color:#f7de44; text-align:center; line-height:120px; border-radius:20px; background:#2e3030;}

.csc-content .complete{position:relative; height:1012px; box-sizing:border-box; margin:147px 0 0; text-align:center; border-radius:40px; background:rgba(255, 255, 255, .5);}
.csc-content .complete:before{position:absolute; top:50%; left:50%; width:96%; height:96%; box-sizing:border-box; content:''; border-radius:30px; border:16px solid rgba(59, 184, 232, .5); transform:translate(-50%, -50%);}
.csc-content .complete > div{position:absolute; top:50%; left:50%; width:100%; font-size:60px; font-weight:700; color:#396bc7; transform:translate(-50%, -50%);}
.csc-content .complete p{margin:40px 0; font-size:46px; color:#3194f7;}
.csc-content .complete .caution{font-size:34px; color:#222;}
.csc-content .complete .caution b{color:#ca0000;}

.family-guide{height:920px; overflow:hidden; box-sizing:border-box; margin:-25px 0 0; border-radius:40px; background:rgba(255, 255, 255, .5);}
.family-guide.type02{margin:238px 0 0;}
.family-guide h2{height:145px; font-size:60px; font-weight:500; text-align:center; color:#ca0000; line-height:145px; -webkit-text-stroke:1px #fff; background:rgba(49, 148, 247, .5);}
.family-guide div{padding:190px 0px 0 45px; font-size:46px; line-height:1.5;}
.family-guide p{position:relative; padding:0 0 0 25px;}
.family-guide p:before{position:absolute; top:10px; left:0; width:4px; height:48px; content:''; background:#ca0000;}
.family-guide p + p{margin:50px 0 0;}
.family-guide span{color:#f7de44; background:#222;}
.family-guide .caution{width:96%; margin:55px 0 0 -12px; padding:25px 0; font-size:34px; color:#ca0000; border:4px solid #ca0000;}
.family-guide .caution:before{display:none;}

.certificate-select{height:933px; overflow:hidden; box-sizing:border-box; margin:-25px 0 0; border-radius:40px; background:rgba(255, 255, 255, .5);}
.certificate-select .inner{position:relative; width:960px; height:894px; box-sizing:border-box; margin:18px auto 0; padding:30px 0 0; border-radius:30px; background:#dee8ee;}
.certificate-select .inner:before{position:absolute; top:50%; left:50%; width:96.5%; height:96.5%; box-sizing:border-box; content:''; border:4px solid #f2f7f8; border-radius:20px; transform:translate(-50%, -50%);}
.certificate-select .inner > div{position:relative; width:900px; height:832px; margin:0 auto; box-sizing:border-box; padding:40px 17px 40px 27px; background:#e6ecf1;}
.certificate-select .type-select li{margin:0 0 30px;}
.certificate-select .type-select li:after{clear:both; display:block; content:'';}
.certificate-select .type-select p{float:left; width:572px; height:160px; box-sizing:border-box; padding:35px 30px 0; letter-spacing:-1px; line-height:1.3; background:#fff;}
.certificate-select .type-select a{float:right; width:260px; height:160px; box-sizing:border-box; padding:42px 0 0; font-size:46px; text-align:center; border:4px solid #999; border-radius:20px; background:linear-gradient(to bottom, #d7d7d7, #fff); box-shadow:0 8px 10px rgba(0, 0, 0, .2);}
.certificate-select .type-select span{font-family:'NanumBarunGothic'; background:linear-gradient(to bottom, #1061b0, #24252a); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.certificate-select .caution{clear:both; margin:0; padding:15px 0; font-size:34px; text-align:center; color:#f7de44; letter-spacing:-1px; background:#222;}

.secret{position:absolute; top:50%; left:50%; width:100%; text-align:center; transform:translate(-50%, -50%);}
.secret li{display:inline-block; margin:0 25px;}
.secret a{display:block; width:377px; height:168px; box-sizing:border-box; margin:0 0 50px; padding:50px 0 0; font-size:46px; text-align:center; border:4px solid #999; border-radius:20px; background:linear-gradient(to bottom, #d7d7d7, #fff); box-shadow:0 8px 10px rgba(0, 0, 0, .2);}
.secret a span{font-family:'NanumBarunGothic'; background:linear-gradient(to bottom, #1061b0, #24252a); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}

.csc-content .type{width:100%; box-sizing:border-box; margin:0 0 45px; padding:30px; border-radius:40px; background:rgba(255, 255, 255, .5);}
.csc-content .type:after{clear:both; display:block; content:'';}
.csc-content .type li{float:left; margin-top:30px;}
.csc-content .type li:nth-child(odd){margin-right:39px;}
.csc-content .type li:nth-child(1),
.csc-content .type li:nth-child(2){margin-top:0;}
.csc-content .type .btn-default{display:block; width:410px; height:160px; background:url('/resource/home/images/life_csc/btn_default_half.png') no-repeat center center;}

.csc-content.type-agree{padding:38px 40px 0;}
.inclusion-wrap{height:1260px; overflow:hidden; box-sizing:border-box; border-radius:40px; background:rgba(255, 255, 255, .5);}
.inclusion-wrap h2{height:145px; box-sizing:border-box; padding:25px 0 0; font-weight:700; text-align:center; line-height:1.5; -webkit-text-stroke:1px #fff; background:rgba(49, 148, 247, .5);}
.inclusion-wrap > div{padding:34px 20px 0; letter-spacing:-1px; line-height:1.5;}
.inclusion-wrap .all{float:right; margin:0 0 25px;}
.inclusion-wrap .all:after{clear:both; display:block; content:'';}
.inclusion-wrap .all li{float:left; width:208px; height:78px; margin:0 0 0 10px;}
.inclusion-wrap .all a{display:block; width:208px; height:78px; box-sizing:border-box; text-align:center; line-height:70px; border:4px solid #b5b5b5; border-radius:4px; background:linear-gradient(to bottom, #d7d7d7, #fff); box-shadow:0 4px 8px rgba(0, 0, 0, .2);}
.inclusion-wrap .all a span{background:linear-gradient(to bottom, #1061b0, #24252a); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.inclusion-wrap .agree-wrap{clear:both;}
.inclusion-wrap .tab{float:left; width:240px; margin:135px 0 0; background:url('/resource/home/images/life_csc/bg_tab.png') no-repeat right 0;}
.inclusion-wrap .tab li{margin:0 0 32px;}
.inclusion-wrap .tab a{display:block; width:188px; height:98px; font-family:'NanumBarunGothic'; text-align:center; line-height:98px; background:url('/resource/home/images/life_csc/bg_tab_off.png') no-repeat center center; box-shadow:0 4px 8px rgba(0, 0, 0, .2);}
.inclusion-wrap .tab a span{background:linear-gradient(to bottom, #1061b0, #24252a); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.inclusion-wrap .tab .active a{background:url('/resource/home/images/life_csc/bg_tab_on.png') no-repeat center center;}
.inclusion-wrap .tab .active a span{color:#fff; -webkit-text-fill-color:#fff; background:none;}
.inclusion-wrap .setting{float:right; width:720px; height:898px; overflow:hidden; margin:0 0 20px; font-size:24px; font-weight:400; border-radius:20px; background:#fff;}
.inclusion-wrap .setting .row{min-height:75px; box-sizing:border-box; padding:11px 20px;}
.inclusion-wrap .setting .row:after{clear:both; display:block; content:'';}
.inclusion-wrap .setting .row:nth-child(even){background:#f5f5f5;}
.inclusion-wrap .setting p{float:left; margin:9px 0 0; color:#f75900;}
.inclusion-wrap .setting .radio-wrap{float:right;}
.inclusion-wrap .setting .full{float:none; margin:5px 0 8px;}
.inclusion-wrap .setting .radio-wrap.full{float:right; margin:0;}
.inclusion-wrap .setting .radio-wrap input[type="text"]{float:left; width:125px; height:54px; box-sizing:border-box; margin:0 18px; text-align:center; border:0; border-bottom:2px solid #999;}
.inclusion-wrap .setting .radio,
.inclusion-wrap .setting .checkbox{position:relative; float:left; text-align:center; font-family:'NanumBarunGothic'; line-height:54px; text-align:center;}
.inclusion-wrap .setting .radio input[type="radio"],
.inclusion-wrap .setting .checkbox input[type="checkbox"]{position:absolute; top:0; left:0; opacity:0;}
.inclusion-wrap .setting .radio label,
.inclusion-wrap .setting .checkbox label{display:block; width:150px; height:54px; box-sizing:border-box; padding:0 0 0 45px; background:url('/resource/home/images/life_csc/bg_radio.png') no-repeat 0 0;}
.inclusion-wrap .setting .radio input[type="radio"]:checked + label{color:#8e3a23; background:url('/resource/home/images/life_csc/bg_radio_on.png') no-repeat 0 0;}
.inclusion-wrap .setting .checkbox input[type="checkbox"]:checked + label{color:#144b69; background:url('/resource/home/images/life_csc/bg_radio_blue_on.png') no-repeat 0 0;}
.inclusion-wrap .setting .radio + .radio{margin:0 0 0 10px;}
.inclusion-wrap .setting .mark{float:left; height:54px; margin:-15px 3px 0; font-size:50px; font-weight:400; vertical-align:top;}
.inclusion-wrap .caution{clear:both; margin:0; font-size:28px; text-align:right; color:#e0002a;}

/* hospital */
.hospital-content{position:relative; height:1518px; box-sizing:border-box; border:0; background:#f5f5f5;}
.hospital-content .page-header{height:138px; color:#fff; background:#1f3e68;}
.hospital-content .page-header h2{float:left; margin:0 0 0 42px; font-size:40px; font-weight:400; line-height:138px;}
.hospital-content .page-header .btn-home{float:right; width:186px; height:80px; margin:27px 42px 0 0; text-align:center; line-height:76px; border:2px solid #fff; border-radius:40px;}
.hospital-content .page-header.center{text-align:center; line-height:138px;}
.hospital-content .page-header.center h2{float:none; margin:0; font-size:50px;}
.hospital-content .inner{position:relative; padding:0 41px;}
.hospital-content .page-title{font-size:60px; font-weight:700; text-align:center;}
.hospital-content .disc{margin:25px 0 80px; font-size:40px; font-weight:400; text-align:center;}

.hospital-content .main-wrap{text-align:center;}
.hospital-content .main-wrap p{padding:335px 0 65px; font-size:80px; font-weight:700;}
.hospital-content .main-wrap .btn a{display:inline-block; width:380px; height:380px; box-sizing:border-box; padding:250px 0 0; font-size:60px; font-weight:700;}
.hospital-content .main-wrap .btn-accept{background:url('/resource/home/images/life_hospital/btn_accept.png') no-repeat;}
.hospital-content .main-wrap .btn-storage{background:url('/resource/home/images/life_hospital/btn_storage.png') no-repeat;}

.hospital-content .tab{overflow:hidden; margin:0 0 30px; border-radius:30px;}
.hospital-content .tab:after{clear:both; display:block; content:'';}
.hospital-content .tab li{float:left; width:50%; font-weight:400; text-align:center; background:#ddd;}
.hospital-content .tab li.active{font-weight:500; color:#fff; background:#1f3e68;}
.hospital-content .tab a{display:block; height:140px; font-size:48px; line-height:140px;}
.hospital-content .checkbox{clear:both; position:relative; height:54px; margin:0 0 35px; font-size:40px; font-weight:700; text-align:center; line-height:54px;}
.hospital-content .checkbox input[type="checkbox"]{position:absolute; top:0; left:0; opacity:0;}
.hospital-content .checkbox label{display:inline-block; height:54px; padding:0 0 0 78px; font-size:34px; background:url('/resource/home/images/life_hospital/checkbox.gif') no-repeat 0 0;}
.hospital-content .checkbox input[type="checkbox"]:checked + label{display:inline-block; height:54px; padding:0 0 0 78px; background:url('/resource/home/images/life_hospital/checkbox_checked.gif') no-repeat 0 0;}
.hospital-content .btn-area:after{clear:both; display:block; content:'';}
.hospital-content .btn-area a{display:inline-block; height:140px; overflow:hidden; font-size:40px; font-weight:700; text-align:center; line-height:140px; border-radius:30px;}
.hospital-content .btn-area a:active{color:#fff; background:#1f3e68;}
.hospital-content .btn-area .btn-small{width:251px;}
.hospital-content .btn-area .btn-medium{width:500px;}
.hospital-content .btn-area .btn-large{width:728px;}

.hospital-content .accept-wrap{padding-top:40px;}
.hospital-content .accept-wrap .info{margin:0 0 30px; font-size:40px; text-align:center; line-height:1.5;}
.hospital-content .accept-wrap input[type="text"]{height:150px; box-sizing:border-box; margin:0 0 38px; font-size:80px; font-weight:700; text-align:center; outline:none; border:2px solid #ddd; border-radius:30px; background:#fff;}
.hospital-content .accept-wrap .number-pad{width:455px; margin:0 auto 24px;}
.hospital-content .accept-wrap .number-pad:after{clear:both; display:block; content:'';}
.hospital-content .accept-wrap .number-pad button{float:left; width:139px; height:120px; margin:19px 19px 0 0; font-size:60px; border:2px solid #ddd; border-radius:10px; background:#fff;}
.hospital-content .accept-wrap .number-pad button:nth-child(3n){margin-right:0;}
.hospital-content .accept-wrap .number-pad button:nth-child(1),
.hospital-content .accept-wrap .number-pad button:nth-child(2),
.hospital-content .accept-wrap .number-pad button:nth-child(3){margin-top:0;}
.hospital-content .accept-wrap .number-pad .btn-back,
.hospital-content .accept-wrap .number-pad .btn-clear{font-size:30px;}
.hospital-content .accept-wrap .btn-prev{float:left; background:#e5e5e5;}
.hospital-content .accept-wrap .btn-next{float:right; background:#ccc;}
.hospital-content .accept-wrap a:active{color:#fff; background:#1f3e68;}

.hospital-content .patients-wrap{padding-top:180px; text-align:center;}
.hospital-content .patients-wrap .disc{font-size:50px;}
.hospital-content .patients-wrap .btn-prev{background:#e5e5e5;}
.hospital-content .select{margin:0 0 180px; font-size:60px;}
.hospital-content .select li{overflow:hidden; margin:0 0 30px;}
.hospital-content .select a{display:block; height:180px; box-sizing:border-box; line-height:176px; border:2px solid #ddd; border-radius:40px; background:#fff;}
.hospital-content .select li.active a{line-height:168px; border:6px solid #ca0000;}
.hospital-content .select li:last-child a{padding-top:10px; line-height:1.4;}
.hospital-content .select li:last-child.active a{padding-top:6px;}
.hospital-content .select span{display:block; font-size:40px;}

.hospital-content .waiting-wrap{padding-top:287px; text-align:center;}
.hospital-content .waiting{width:560px; height:241px; box-sizing:border-box; margin:0 auto 110px; padding:0 0 0 272px; background:url('/resource/home/images/life_hospital/ico_waiting.png') no-repeat 0 0;}
.hospital-content .waiting dt{padding:50px 0 0; font-size:40px; font-weight:400;}
.hospital-content .waiting dd{font-size:50px; font-weight:400;}
.hospital-content .waiting span{font-size:80px; font-weight:700;}
.hospital-content .info{margin:0 0 150px; font-size:50px;}
.hospital-content .info strong{display:block; margin:0 0 20px; font-size:60px;}
.hospital-content .btn-home{color:#fff; background:#1f3e68;}

.hospital-content .medical-wrap{padding-top:180px;}
.hospital-content .medical-wrap .page-title{margin:0 0 130px; text-align:center;}
.hospital-content .medical-wrap .detail{padding:0 60px; border:2px solid #ddd; border-radius:40px; background:#fff;}
.hospital-content .medical-wrap .detail h4{height:155px; font-size:60px; font-weight:700; text-align:center; line-height:155px; border-bottom:2px solid #ddd;}
.hospital-content .medical-wrap ul{padding:50px 0 15px;}
.hospital-content .medical-wrap li{position:relative; margin:0 0 35px; padding:0 0 0 25px; font-size:40px;}
.hospital-content .medical-wrap li:before{position:absolute; top:20px; left:0; width:10px; height:10px; content:''; border-radius:50%; background:#909090;}
.hospital-content .medical-wrap li b{color:#0172e4;}
.hospital-content .medical-wrap .sbj{display:inline-block; width:320px;}

.hospital-content .card-wrap{padding-top:180px; text-align:center;}
.hospital-content .card-wrap .info{margin:60px 0; font-size:40px; font-weight:500; border:2px solid #ddd; border-radius:40px; background:#fff;}
.hospital-content .card-wrap .info dl:first-child{border-bottom:2px solid #ddd;}
.hospital-content .card-wrap .info dl:after{clear:both; display:block; content:'';}
.hospital-content .card-wrap .info dt{float:left; height:146px; padding:0 0 0 60px; line-height:146px;}
.hospital-content .card-wrap .info dd{float:right; height:146px; padding:0 60px 0 0; line-height:146px;}
.hospital-content .card-wrap .price{font-size:60px; color:#0172e4;}
.hospital-content .card-wrap .btn-cancel{background:#e5e5e5;}

.hospital-content .card-wrap{padding-top:180px; font-size:40px; text-align:center;}
.hospital-content .card-wrap .step{position:relative; left:-50%; float:right; margin:0 0 250px;}
.hospital-content .card-wrap .step li{position:relative; left:50%; float:left; width:240px; height:315px; box-sizing:border-box; margin:0 25px; padding:270px 0 0;}
.hospital-content .card-wrap .step li:nth-child(1){background:url('/resource/home/images/life_hospital/step01_off.png') no-repeat center 0;}
.hospital-content .card-wrap .step li:nth-child(2){background:url('/resource/home/images/life_hospital/step02_off.png') no-repeat center 0;}
.hospital-content .card-wrap .step li:nth-child(3){background:url('/resource/home/images/life_hospital/step03_off.png') no-repeat center 0;}
.hospital-content .card-wrap .step li:nth-child(1).active{background:url('/resource/home/images/life_hospital/step01_on.png') no-repeat center 0;}
.hospital-content .card-wrap .step li:nth-child(2).active{background:url('/resource/home/images/life_hospital/step02_on.png') no-repeat center 0;}
.hospital-content .card-wrap .step li:nth-child(3).active{background:url('/resource/home/images/life_hospital/step03_on.png') no-repeat center 0;}
.hospital-content .card-wrap .caution{clear:both; font-size:50px; color:#ca0000; line-height:1.5;}

.hospital-content .complete-wrap{padding-top:315px; text-align:center;}
.hospital-content .complete-wrap .complete{padding:310px 0 0; background:url('/resource/home/images/life_hospital/ico_complete.png') no-repeat center 0;}
.hospital-content .complete-wrap dt{font-size:60px; font-weight:700;}
.hospital-content .complete-wrap dd{margin:35px 0 130px; font-size:40px;}

.cs-modal{position:fixed; z-index:102; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, .7);}
.cs-modal .modal-inner{position:absolute; top:50%; left:50%; width:940px; height:1496px; box-sizing:border-box; padding:90px 57px 0; font-size:46px; font-weight:400; border:1px solid #000; border-radius:10px; background:#fff; transform:translate(-50%, -50%);}
.cs-modal .btn-close{position:absolute; top:50px; right:50px; width:42px; height:42px; overflow:hidden; text-indent:-9999px;}
.cs-modal .btn-close:before{position:absolute; top:19px; left:-6px; width:54px; height:4px; content:''; background:#000; transform:rotate(45deg);}
.cs-modal .btn-close:after{position:absolute; top:19px; left:-6px; width:54px; height:4px; content:''; background:#000; transform:rotate(-45deg);}
.cs-modal h1{padding:0 0 70px; font-size:60px; font-weight:700; text-align:center;}
.cs-modal ul{margin:0 0 60px; padding:53px 0; border-top:5px solid #ccc; border-bottom:5px solid #ccc;}
.cs-modal li{padding:17px 0;}
.cs-modal li:after{clear:both; display:block; content:'';}
.cs-modal .sbj{float:left;}
.cs-modal .sbj i{font-style:normal; color:#396bc7;}
.cs-modal .detail{float:right; text-align:right;}
.cs-modal .total{height:200px; padding:0 40px; line-height:200px; border-radius:20px; background:#e5eef0;}
.cs-modal .total dt{float:left;}
.cs-modal .total dd{float:right; font-weight:500;}
.cs-modal .txt{margin:140px 0 130px; font-size:50px; font-weight:700; text-align:center; color:#396bc7;}
.cs-modal .btn-print{display:block; height:168px; box-sizing:border-box; font-size:60px; font-weight:700; text-align:center; line-height:168px; border:4px solid #999; border-radius:20px; background:linear-gradient(to bottom, #d7d7d7, #d7d7d7, #fff); box-shadow:0 5px 5px rgba(0, 0, 0, .2);}
.cs-modal .btn-print span{background:linear-gradient(to bottom, #1061b0, #24252a); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}

.cs-print-wrap{position:relative; width:260px; margin:0 0 0 9px; font-size:15px; font-weight:400; font-family:'Malgun Gothic'}
.cs-print-wrap h1{padding:12px 0 12px 0; font-size:20px; font-weight:700; text-align:center;}
.cs-print-wrap ul{margin:0 0 16px; padding:12px 0; border-top:2px solid #000000; border-bottom:2px solid #000000;}
.cs-print-wrap li{padding:6px 0;}
.cs-print-wrap li:after{clear:both; display:block; content:'';}
.cs-print-wrap .sbj{float:left;}
.cs-print-wrap .sbj i{font-style:normal; }
.cs-print-wrap .detail{float:right; text-align:right;}
.cs-print-wrap .total{height:50px; padding:0 10px; line-height:50px; border-radius:5px; background:#e5eef0;}
.cs-print-wrap .total dt{float:left;}
.cs-print-wrap .total dd{float:right; font-weight:500;}
.cs-print-wrap .txt{margin:12px 0 12px 0; font-size:15px; font-weight:700; text-align:center; }

/* express */
.express-content{position:relative; font-weight:400; background:#f5f5f5;}
.express-content .inner{height:1073px; box-sizing:border-box; padding:0 40px; background:#f5f5f5;}
.express-content .bus-info{height:160px; padding:0 40px; background:#1e3d8f;}
.express-content .bus-info h2{float:left; margin:48px 0 0; padding:0 0 2px 60px; font-size:50px; font-weight:700; color:#ffb033; background:url('/resource/home/images/express/ico_point_orange.png') no-repeat 0 0;}
.express-content .bus-info h2 span{font-size:34px; font-weight:400; color:#fff;}
.express-content .bus-info > div{float:right; margin:23px 0 0; color:#fff;}
.express-content .bus-info .date{display:block;}
.express-content .bus-info .time{font-size:60px; font-weight:700;}
.express-content .bus-info .time i{float:left; width:90px; margin:5px 0 0; font-size:28px; font-style:normal; font-weight:400;}
.express-content .page-body{position:relative; height:1196px; box-sizing:border-box; padding:0 40px;}
.express-content .page-body:after{position:absolute; bottom:0; left:0; width:100%; height:0; content:''; box-shadow:0 0 10px 5px rgba(0, 0, 0, .05);}
.express-content .btn-area{width:100%; height:163px; box-sizing:border-box; padding:20px 40px 0; background:#1f3e68;}
.express-content .btn-area a{height:122px; box-sizing:border-box; font-size:40px; font-weight:700; color:#fff; text-align:center; line-height:114px; border:4px solid rgba(255, 255, 255, .5); border-radius:20px;}
.express-content .btn-area .btn-home{float:left; width:139px; text-indent:-9999px; background:url('/resource/home/images/express/btn_home.png') no-repeat center center;}
.express-content .btn-area .btn-default{float:right; width:842px;}
.express-content .btn-area .btn-middle{float:left; width:412px; margin:0 0 0 19px;}
.express-content .btn-area .btn-primary{float:right; width:412px; color:#1e3d8f; background:#fff;}
.express-content .btn-area .btn-full{float:none; display:block; width:100%;}

.express-content .main-title{height:138px; padding:0 40px; background:#ff7829;}
.express-content .main-title h2{float:left; font-size:50px; font-weight:700; color:#fff; line-height:138px;}
.express-content .main-title p{float:right; width:295px; height:80px; margin:28px 0 0; color:#fff; text-align:center; line-height:80px; border-radius:40px; background:rgba(255, 255, 255, .2);}
.express-content .main-wrap{position:relative; height:1220px;}
.express-content .main-wrap:after{position:absolute; bottom:0; left:0; width:100%; height:0; content:''; box-shadow:0 0 10px 5px rgba(0, 0, 0, .05);}
.express-content .type{position:relative; top:50%; width:710px; margin:0 auto; color:#fff; transform:translateY(-50%);}
.express-content .type li{height:220px; box-sizing:border-box; margin:0 0 30px; font-size:40px; color:#fff;}
.express-content .type li:nth-child(1){background:url('/resource/home/images/express/bg_type01.png') no-repeat 0 0;}
.express-content .type li:nth-child(2){background:url('/resource/home/images/express/bg_type02.png') no-repeat 0 0;}
.express-content .type li:nth-child(3){background:url('/resource/home/images/express/bg_type03.png') no-repeat 0 0;}
.express-content .type a{display:block; height:100%; box-sizing:border-box; padding:48px 0 0 245px;}
.express-content .type span{display:block; margin:0 0 20px; font-size:60px; font-weight:700;}

.express-content .title{height:120px; margin:2px 0 0; padding:0 40px; font-size:34px; font-weight:700; color:#fff; background:url('/resource/home/images/express/bg_title.jpg') no-repeat 0 0;}
.express-content .title h2{line-height:120px;}
.express-content .double h2{padding:10px 0 0; font-size:34px; line-height:1.4;}
.express-content .double span{display:block; font-weight:400;}
.express-content .double b{color:#f7de44;}

.express-content .date-select{margin:0 0 100px; padding-top:175px; text-align:center;}
.express-content .date-select h3{display:inline-block; margin:0 0 38px; padding:0 0 0 58px; font-size:40px; font-weight:400; background:url('/resource/home/images/express/ico_calendar.png') no-repeat 0 2px;}
.express-content .date-select > div{position:relative; height:138px; box-sizing:border-box; padding:18px 0; border-top:4px solid #ddd; border-bottom:4px solid #ddd;}
.express-content .date-select > div:after{clear:both; display:block; content:'';}
.express-content .date-select a{position:absolute; top:18px; width:210px; height:90px; box-sizing:border-box; font-size:40px; font-weight:500; color:#999; text-align:center; line-height:82px; border:4px solid #ddd; border-radius:45px;}
.express-content .date-select .btn-prev{left:0; padding:0 0 0 32px;}
.express-content .date-select .btn-prev:before{position:absolute; top:32px; left:30px; width:16px; height:16px; content:''; border-left:4px solid #ddd; border-bottom:4px solid #ddd; transform:rotate(45deg);}
.express-content .date-select .btn-next{right:0; padding:0 32px 0 0 ;}
.express-content .date-select .btn-next:before{position:absolute; top:32px; right:30px; width:16px; height:16px; content:''; border-top:4px solid #ddd; border-right:4px solid #ddd; transform:rotate(45deg);}
.express-content .date-select .date{padding:12px 0 0; font-size:50px;}

.express-content .arrival-wrap .course{position:relative; left:-50%; float:right; margin:0 0 190px; text-align:center;}
.express-content .arrival-wrap .course li{position:relative; left:50%; float:left; width:340px; height:220px; box-sizing:border-box; margin:0 78px; padding:40px 0 0; font-size:40px; font-weight:500; border-radius:30px; background:#fff;}
.express-content .arrival-wrap .course span{display:inline-block; margin:0 0 30px; padding:0 0 2px 42px; font-size:34px; font-weight:400;}
.express-content .arrival-wrap .course a{display:block;}
.express-content .arrival-wrap .course li:nth-child(1){border:6px solid #1e3d8f;}
.express-content .arrival-wrap .course li:nth-child(1):after{position:absolute; top:90px; right:-115px; width:60px; height:40px; content:''; background:url('/resource/home/images/express/ico_arrow.png') no-repeat;}
.express-content .arrival-wrap .course li:nth-child(1) span{background:url('/resource/home/images/express/ico_point_blue.png') no-repeat;}
.express-content .arrival-wrap .course li:nth-child(2){border:6px solid #eee;}
.express-content .arrival-wrap .course li:nth-child(2) span{background:url('/resource/home/images/express/ico_point_green.png') no-repeat;}
.express-content .arrival-wrap .caution{clear:both; text-align:center; line-height:1.6;}
.express-content .arrival-wrap .caution b{font-weight:400; color:#ca0000;}

.express-content .accept-wrap{padding-top:40px;}
.express-content .accept-wrap .info{margin:0 0 30px; font-size:40px; text-align:center; line-height:1.5;}
.express-content .accept-wrap input[type="text"]{ width:1000px; height:130px; box-sizing:border-box; margin:0 0 38px; font-size:70px; font-weight:500; text-align:center; outline:none; border:2px solid #ddd; border-radius:30px; background:#fff;}
.express-content .accept-wrap .number-pad{width:455px; margin:0 auto 24px;}
.express-content .accept-wrap .number-pad:after{clear:both; display:block; content:'';}
.express-content .accept-wrap .number-pad button{float:left; width:139px; height:120px; margin:19px 19px 0 0; font-size:60px; border:2px solid #ddd; border-radius:10px; background:#fff;}
.express-content .accept-wrap .number-pad button:nth-child(3n){margin-right:0;}
.express-content .accept-wrap .number-pad button:nth-child(1),
.express-content .accept-wrap .number-pad button:nth-child(2),
.express-content .accept-wrap .number-pad button:nth-child(3){margin-top:0;}
.express-content .accept-wrap .number-pad .btn-back,
.express-content .accept-wrap .number-pad .btn-clear{font-size:30px;}
.express-content .accept-wrap .btn-prev{float:left; background:#e5e5e5;}
.express-content .accept-wrap .btn-next{float:right; background:#ccc;}
.express-content .accept-wrap a:active{color:#fff; background:#1f3e68;}

.location-wrap .search{position:relative; margin:0 -40px; padding:22px 40px; background:#fff;}
.location-wrap .search input[type="text"]{width:100%; height:120px; box-sizing:border-box; padding:0 130px 0 35px; font-size:40px; border:4px solid #ddd; border-radius:30px;}
.location-wrap .search button{position:absolute; top:22px; right:40px; width:120px; height:120px; overflow:hidden; text-indent:-9999px; background:url('/resource/home/images/express/btn_search.png') no-repeat center center;}
.location-wrap .location{height:809px; box-sizing:border-box; padding:40px 0 0;}
.location-wrap .location:after{clear:both; display:block; content:'';}
.location-wrap .area{float:left; width:180px; margin:0 20px 0 0;}
.location-wrap .area li{margin:0 0 20px;}
.location-wrap .area a{display:block; box-sizing:border-box; height:100px; color:#666; text-align:center; line-height:92px; border:4px solid #ddd; border-radius:20px; background:#fff;}
.location-wrap .area .active a{font-weight:500; color:#fff; border-color:#1e3d8f; background:#1e3d8f;}
.location-wrap .consonant{float:left; width:90px;}
.location-wrap .consonant li{margin:0 0 10px;}
.location-wrap .consonant a{display:block; height:90px; box-sizing:border-box; text-align:center; line-height:86px; border:2px solid #bd7100; border-radius:20px; background:#f0a12d;}
.location-wrap .detail{float:right; width:690px;}
.location-wrap .detail li{float:left; margin:0 0 20px;}
.location-wrap .detail li:nth-child(odd){margin-right:10px;}
.location-wrap .detail a{display:block; width:340px; height:100px; box-sizing:border-box; padding:0 0 0 25px; line-height:92px; border:4px solid #ddd; border-radius:20px; background:#fff;}
.location-wrap .paging{height:142px; margin:-40px -40px 0 -40px; padding:22px 40px 0; text-align:center; background:#eee;}
.location-wrap .paging a{display:inline-block; width:109px; height:102px; box-sizing:border-box; overflow:hidden; line-height:94px; border:4px solid #fff; border-radius:20px;}
.location-wrap .paging .active{color:#fff; border-color:#1e3d8f; background:#1e3d8f;}
.location-wrap .paging .btn-first{text-indent:-9999px; background:url('/resource/home/images/express/btn_first.png') no-repeat center center;}
.location-wrap .paging .btn-prev{margin:0 30px 0 0; text-indent:-9999px; background:url('/resource/home/images/express/btn_prev.png') no-repeat center center;}
.location-wrap .paging .btn-next{margin:0 0 0 30px; text-indent:-9999px; background:url('/resource/home/images/express/btn_next.png') no-repeat center center;}
.location-wrap .paging .btn-last{text-indent:-9999px; background:url('/resource/home/images/express/btn_last.png') no-repeat center center;}

.express-content .start-wrap{overflow:hidden; padding:0;}
.start-wrap .course{position:relative; height:142px; font-size:50px; font-weight:700; line-height:142px; text-align:center; background:#fff;}
.start-wrap .course .btn-refresh{position:absolute; top:0; right:0; width:142px; height:142px; overflow:hidden; text-indent:-9999px; background:url('/resource/home/images/express/btn_refresh.png') no-repeat center center;}
.start-wrap .course span{position:relative; margin:0 55px;}
.start-wrap .course span:first-child:after{position:absolute; top:17px; right:-95px; width:60px; height:40px; content:''; background:url('/resource/home/images/express/ico_arrow.png') no-repeat;}
.start-wrap .date-select{margin:0; padding:0; background:#e5e5e5;}
.start-wrap .date-select div{border:0;}
.start-wrap .date-select .btn-prev{top:24px; left:40px;}
.start-wrap .date-select .btn-next{top:24px; right:40px;}
.start-wrap .date-select .date{color:#1e3d8f;}
.start-wrap .bus{padding:40px 40px 0;}
.start-wrap .bus:after{clear:both; display:block; content:'';}
.start-wrap .time-table{float:left; width:140px;}
.start-wrap .time-table a{display:block; height:100px; text-align:center; line-height:100px; color:#999; background:#e5e5e5;}
.start-wrap .time-table .active a{color:#fff; background:#0ad0d5;}
.start-wrap .bus-list{float:right; width:830px;}
.start-wrap .sbj{height:80px; margin:0 0 10px; font-size:28px; font-weight:500; color:#999; background:#eee;}
.start-wrap .sbj:after{clear:both; display:block; content:'';}
.start-wrap .sbj li{float:left; height:80px; text-align:center; line-height:80px;}
.start-wrap .sbj li:nth-child(1){width:170px;}
.start-wrap .sbj li:nth-child(2){width:340px;}
.start-wrap .sbj li:nth-child(3){width:140px;}
.start-wrap .sbj li:nth-child(4){width:180px;}
.start-wrap .detail li{position:relative; margin:0 0 10px; font-weight:500; background:#28e9ee;}
.start-wrap .detail li:after{clear:both; display:block; content:'';}
.start-wrap .detail div{float:left; height:110px; box-sizing:border-box; font-size:28px; text-align:center;}
.start-wrap .detail a:after{position:absolute; top:45px; right:15px; width:16px; height:16px; content:''; border-top:2px solid #222; border-right:2px solid #222; transform:rotate(45deg);}
.start-wrap .detail .time{width:150px; color:#1e3d8f; line-height:110px;}
.start-wrap .detail .org{width:360px; padding:12px 0 0; line-height:1.5; color:#333; text-align:left;}
.start-wrap .detail .tag{float:left; width:60px; height:60px; margin:12px 20px 0 0; font-size:24px; text-align:center; color:#fff; line-height:60px; border-radius:50%; background:#e1002a;}
.start-wrap .detail .bus-type{width:140px; color:#ca0000; line-height:110px;}
.start-wrap .detail .able{width:180px; line-height:110px;}

.express-content .seat-wrap .seat-select{position:relative; float:left; width:519px; height:1016px; margin:10px 0 10px 0; background:url('/resource/home/images/express/bus.png') no-repeat 0 0;}
.express-content .seat-wrap .arival{position:absolute; top:2px; left:23px; width:454px; height:85px; font-size:38px; font-weight:500;}
.express-content .seat-wrap .arival span{display:inline-block; text-align:center; line-height:85px;}
.express-content .seat-wrap .arival span:first-child{width:250px;}
.express-content .seat-wrap .arival span:last-child{float:right; width:175px;}
.express-content .seat-wrap .bus{font-size:24px; font-weight:500;}
.express-content .seat-wrap .bus .bus-type{position:absolute; top:100px; left:260px; font-size:30px; color:#ca0000;}
.express-content .seat-wrap .bus .driver{position:absolute; top:103px; left:108px;}
.express-content .seat-wrap .seat-list li{position:absolute;}
.express-content .seat-wrap .seat-list li:nth-child(1){top:212px; left:55px;}
.express-content .seat-wrap .seat-list li:nth-child(2){top:212px; left:160px;}
.express-content .seat-wrap .seat-list li:nth-child(3){top:212px; right:69px;}
.express-content .seat-wrap .seat-list li:nth-child(4){top:300px; left:55px;}
.express-content .seat-wrap .seat-list li:nth-child(5){top:300px; left:160px;}
.express-content .seat-wrap .seat-list li:nth-child(6){top:300px; right:69px;}
.express-content .seat-wrap .seat-list li:nth-child(7){top:388px; left:55px;}
.express-content .seat-wrap .seat-list li:nth-child(8){top:388px; left:160px;}
.express-content .seat-wrap .seat-list li:nth-child(9){top:388px; right:69px;}
.express-content .seat-wrap .seat-list li:nth-child(10){top:476px; left:55px;}
.express-content .seat-wrap .seat-list li:nth-child(11){top:476px; left:160px;}
.express-content .seat-wrap .seat-list li:nth-child(12){top:476px; right:69px;}
.express-content .seat-wrap .seat-list li:nth-child(13){top:564px; left:55px;}
.express-content .seat-wrap .seat-list li:nth-child(14){top:564px; left:160px;}
.express-content .seat-wrap .seat-list li:nth-child(15){top:564px; right:69px;}
.express-content .seat-wrap .seat-list li:nth-child(16){top:652px; left:55px;}
.express-content .seat-wrap .seat-list li:nth-child(17){top:652px; left:160px;}
.express-content .seat-wrap .seat-list li:nth-child(18){top:652px; right:69px;}
.express-content .seat-wrap .seat-list li:nth-child(19){top:740px; left:55px;}
.express-content .seat-wrap .seat-list li:nth-child(20){top:740px; left:160px;}
.express-content .seat-wrap .seat-list li:nth-child(21){top:740px; right:69px;}
.express-content .seat-wrap .seat-list li:nth-child(22){top:828px; left:55px;}
.express-content .seat-wrap .seat-list li:nth-child(23){top:828px; left:160px;}
.express-content .seat-wrap .seat-list li:nth-child(24){top:828px; right:69px;}
.express-content .seat-wrap .seat-list li:nth-child(25){top:916px; left:55px;}
.express-content .seat-wrap .seat-list li:nth-child(26){top:916px; left:160px;}
.express-content .seat-wrap .seat-list li:nth-child(27){top:916px; right:179px;}
.express-content .seat-wrap .seat-list li:nth-child(28){top:916px; right:69px;}
.express-content .seat-wrap .seat-list a{display:block; width:70px; height:68px; overflow:hidden; box-sizing:border-box; padding:10px 0 0; text-align:center; border:0; background:url('/resource/home/images/express/seat_able.png') no-repeat 0 0;}
.express-content .seat-wrap .seat-list .disable a{text-indent:-9999px; background:url('/resource/home/images/express/seat_disable.png') no-repeat 0 0;}
.express-content .seat-wrap .seat-list .selected a{background:url('/resource/home/images/express/seat_selected.png') no-repeat 0 0;}
.express-content .seat-wrap .price{position:absolute; top:175px; left:75px; padding:15px; border-radius:20px; background:#f5f5f5;}
.express-content .seat-wrap .price li{margin:0 0 10px;}
.express-content .seat-wrap .price li:last-child{margin:0;}
.express-content .seat-wrap .price a{display:block; width:314px; height:100px; box-sizing:border-box; font-size:34px; font-weight:500; text-align:center; color:#fff; line-height:100px; border-radius:20px; background:#1e3d8f;}
.express-content .seat-wrap .price .btn-cancel{color:#222; border:2px solid #ddd; background:#fff;}
.express-content .seat-wrap .info{float:right; width:420px; margin:47px 0 0; font-weight:500;}
.express-content .seat-wrap .course{position:relative; height:140px; margin:0 0 10px; text-align:center; border-radius:20px; background:#fff;}
.express-content .seat-wrap .course p{position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%);}
.express-content .seat-wrap .seat-info{height:210px; margin:0 0 10px; text-align:center; border-radius:20px; background:#fff;}
.express-content .seat-wrap .seat-info li{display:inline-block; width:108px; padding:40px 0 0; font-size:24px;}
.express-content .seat-wrap .seat-info span{display:block; margin:15px 0 0;}
.express-content .seat-wrap .guide{height:435px; box-sizing:border-box; margin:0 0 10px; padding:47px 0 0 28px; font-weight:400; font-size:24px; border-radius:20px; background:#fff;}
.express-content .seat-wrap .guide strong{display:block; margin:0 0 45px; padding:0 0 5px 70px; font-weight:400; font-size:40px; background:url('/resource/home/images/express/ico_seat.png') no-repeat 0 0;}
.express-content .seat-wrap .guide p{padding:0 0 0 10px; line-height:1.6;}
.express-content .seat-wrap .guide2{height:435px; box-sizing:border-box; margin:0 0 10px; padding:0 20px; font-weight:400; font-size:24px; border-radius:20px; background:#fff;}
.express-content .seat-wrap .guide2 .selectList { }
.express-content .seat-wrap .guide2 .selectList li { padding:15px 0; border-bottom:1px solid #eeeeee; overflow:hidden; }
.express-content .seat-wrap .guide2 .selectList li .selectInfo { float:left; width:187px; line-height:36px; text-align:right; box-sizing: border-box; padding:0 30px; font-size:24px; }
.express-content .seat-wrap .guide2 .selectList li .selectBar { float:left; margin-top:12px; font-size:0; line-height:0; width:1px; height:43px; background-color:#eeeeee; }
.express-content .seat-wrap .guide2 .selectList li .selectTotal { float:right; line-height:66px; padding:0 30px; box-sizing: border-box; font-size:24px; }

.express-content .seat-wrap .total{height:165px; box-sizing:border-box; padding:28px 25px; color:#fff; border-radius:20px; background:#1e3d8f;}
.express-content .seat-wrap .total dd{text-align:right;}
.express-content .seat-wrap .total span{font-size:60px;}
.express-content .seat-wrap .caution{clear:both; font-size:24px;}

.express-content .purchase-wrap{padding-top:34px;}
.express-content .purchase-wrap .purchase-info{height:760px; box-sizing:border-box; margin:0 0 20px; padding:50px 40px; font-weight:500; border:4px solid #ddd; border-radius:40px; background:#fff;}
.express-content .purchase-wrap .purchase-info .date{margin:0 0 50px 10px; font-size:40px;}
.express-content .purchase-wrap .course{float:left; width:260px; margin:0 0 40px;}
.express-content .purchase-wrap .course li:first-child{position:relative; margin-bottom:134px;}
.express-content .purchase-wrap .course li:first-child:before{position:absolute; bottom:-134px; left:63px; width:4px; height:135px; content:''; background:#1e3d8f;}
.express-content .purchase-wrap .course li:after{clear:both; display:block; content:'';}
.express-content .purchase-wrap .course .tag{float:left; width:130px; height:130px; text-align:center; line-height:130px; color:#fff; border-radius:50%; background:#1e3d8f;}
.express-content .purchase-wrap .course div{float:right; width:125px; margin:45px 0 0; text-align:center;}
.express-content .purchase-wrap .tbl-info{float:right; width:564px;}
.express-content .purchase-wrap .tbl-info th{width:195px; padding:27px 0; font-weight:500; border-bottom:4px solid #ddd;}
.express-content .purchase-wrap .tbl-info td{padding:27px 0; border-bottom:4px solid #ddd;}
.express-content .purchase-wrap .total{clear:both; height:115px; padding:0 40px; color:#fff; border-radius:20px; background:#9e72c0;}
.express-content .purchase-wrap .total dt{float:left; margin:34px 0 0;}
.express-content .purchase-wrap .total dd{float:right; margin:16px 0 0;}
.express-content .purchase-wrap .total span{font-size:60px;}
.express-content .purchase-wrap .caution{height:220px; box-sizing:border-box; padding:50px 0; font-weight:500; text-align:center; border:4px solid #ddd; border-radius:40px; background:#fff;}
.express-content .purchase-wrap .caution p{margin:0 0 15px; font-size:40px;}
.express-content .purchase-wrap .caution strong{font-weight:500; color:#ca0000;}

.express-content .ticket-wrap{height:1236px; padding-top:74px;}
.express-content .ticket-wrap .btn-ticket{width:100%; height:140px; padding:0; font-size:40px; font-weight:700; color:#fff; border-radius:20px; background:#1e3d8f;}
.express-content .ticket-wrap .ticket{margin:20px 0 60px;}
.express-content .ticket-wrap .tbl-ticket th{padding:30px 0; color:#fff; background:#1e3d8f;}
.express-content .ticket-wrap .tbl-ticket td{padding:35px 0; text-align:center; border-bottom:4px solid #ddd;}

/* ktx */
.ktx-content{height:1518px; background:#f5f5f5;}
.ktx-content .page-header{position:relative; height:140px; font-size:40px; color:#fff; text-align:center; background:#1e3d8f;}
.ktx-content .page-header.purple{background:#8978c7;}
.ktx-content .page-header h2{line-height:140px; font-weight:500;}
.ktx-content .page-header .btn-back{position:absolute; top:45px; left:40px; width:30px; height:51px; overflow:hidden; text-indent:-9999px;}
.ktx-content .page-header .btn-back:before{position:absolute; top:8px; left:8px; width:32px; height:32px; content:''; border-left:4px solid #fff; border-bottom:4px solid #fff; transform:rotate(45deg);}
.ktx-content .page-header .btn-home{position:absolute; top:40px; right:50px; width:54px; height:53px; overflow:hidden; text-indent:-9999px; background:url('/resource/home/images/ktx/btn_home.png') no-repeat center center;}
.ktx-content .btn-inquiry{display:block; height:140px; font-size:40px; color:#fff; text-align:center; line-height:140px; background:#1f455c;}
.ktx-content .btn-area{height:140px; background:#eee;}
.ktx-content .btn-area a{position:relative; float:left; width:50%; height:140px; overflow:hidden; text-indent:-9999px; line-height:140px;}
.ktx-content .btn-area .btn-up:before{position:absolute; top:65px; left:260px; width:22px; height:22px; content:''; border-top:4px solid #666; border-left:4px solid #666; transform:rotate(45deg);}
.ktx-content .btn-area .btn-down:before{position:absolute; top:55px; left:260px; width:22px; height:22px; content:''; border-right:4px solid #666; border-bottom:4px solid #666; transform:rotate(45deg);}

.ktx-content .main-wrap{padding:385px 40px 0; font-weight:400; text-align:center;}
.ktx-content .main-wrap .btn{height:380px; margin:100px 0 55px; font-size:60px; font-weight:700; color:#fff; line-height:380px; background:url('/resource/home/images/ktx/bg_mainBtn.png') no-repeat center 0;}
.ktx-content .main-wrap a{float:left; width:50%;}

.quick-wrap{position:relative; top:50%; transform:translateY(-50%);}
.quick-wrap .quick{width:700px; margin:0 auto 80px;}
.quick-wrap .quick li{overflow:hidden; margin:0 0 20px; border-radius:70px;}
.quick-wrap .quick a{display:block; height:140px; font-size:50px; text-align:center; line-height:140px; color:#fff;}
.quick-wrap .quick li:nth-child(1){background:#4fa0d4 url('/resource/home/images/ktx/ico_quick01.png') no-repeat 20px center;}
.quick-wrap .quick li:nth-child(2){background:#216794 url('/resource/home/images/ktx/ico_quick02.png') no-repeat 20px center;}
.quick-wrap .quick li:nth-child(3){background:#1f455c url('/resource/home/images/ktx/ico_quick03.png') no-repeat 20px center;}
.quick-wrap .quick li:nth-child(4){background:#112531 url('/resource/home/images/ktx/ico_quick04.png') no-repeat 20px center;}
.quick-wrap .etc{display:table; margin:0 auto; color:#fff; text-align:center; border-spacing:28px;}
.quick-wrap .etc a{display:table-cell; width:240px; height:240px; margin:0 12px; font-size:50px; vertical-align:middle; border-radius:50%; background:#216794;}

.station-wrap{height:1237px;}
.station-wrap .setting-area{float:left; width:360px; font-size:28px; text-align:center;}
.station-wrap .setting-area > a{display:block; box-sizing:border-box; padding:55px 0 0; border-bottom:2px solid #ddd;}
.station-wrap .setting-area a.active{color:#fff !important; border-left:0; background:#4fa0d4 !important;}
.station-wrap .setting-area a.active *{color:#fff !important;}
.station-wrap .setting-area dt{margin:0 0 16px; color:#4fa0d4;}
.station-wrap .setting-area dd{font-size:32px; color:#1e3d8f;}
.station-wrap .setting-area .station{height:180px;}
.station-wrap .setting-area .station a{float:left; width:50%; height:180px; box-sizing:border-box; padding:40px 0 0; text-align:center; background:#fff;}
.station-wrap .setting-area .station span{display:block; margin:10px 0 0; font-size:40px; color:#1e3d8f;}
.station-wrap .setting-area .station .active span{color:#fff;}
.station-wrap .setting-area .station .arival{border-left:2px solid #f5f5f5;}
.station-wrap .setting-area .date{height:207px;}
.station-wrap .setting-area .time{height:198px;}
.station-wrap .setting-area .train{height:199px;}
.station-wrap .setting-area .member{height:200px;}
.station-wrap .setting-area .seat{height:200px;}

.station-wrap .detail-area{position:relative; float:right; width:720px; height:1237px; box-sizing:border-box; border-left:2px solid #ddd; background:#fff;}
.station-wrap .tab{height:120px;}
.station-wrap .tab li{float:left; width:33.3333%; text-align:center;}
.station-wrap .tab a{display:block; height:120px; box-sizing:border-box; color:#1e3d8f; line-height:112px; border-bottom:4px solid #ccc;}
.station-wrap .tab .active a{border-bottom-color:#1e3d8f;}
.station-wrap .station-list:after{clear:both; display:block;content:'';}
.station-wrap .station-list li{float:left; width:50%; box-sizing:border-box; border-bottom:2px solid #ddd;}
.station-wrap .station-list li:nth-child(even){border-left:2px solid #ddd;}
.station-wrap .station-list a{display:block; height:139px; box-sizing:border-box; padding:0 55px; line-height:139px;}
.station-wrap .nav{padding:32px 0 0; text-align:center;}
.station-wrap .nav a{position:relative; display:inline-block; width:72px; height:72px; overflow:hidden; box-sizing:border-box; margin:0 28px; text-indent:-9999px; border:2px solid #ddd; background:#eee;}
.station-wrap .nav .btn-up:before{position:absolute; top:26px; left:22px; width:22px; height:22px; content:''; border-top:4px solid #666; border-left:4px solid #666; transform:rotate(45deg);}
.station-wrap .nav .btn-down:before{position:absolute; top:14px; left:22px; width:22px; height:22px; content:''; border-right:4px solid #666; border-bottom:4px solid #666; transform:rotate(45deg);}

.station-wrap .date-nav{position:relative; height:118px; box-sizing:border-box; text-align:center; line-height:118px;}
.station-wrap .date-nav:after{clear:both; display:block; content:'';}
.station-wrap .date-nav a{position:absolute; top:30px; width:140px; height:60px; box-sizing:border-box; font-size:28px; color:#999; text-align:center; line-height:52px; border:2px solid #ddd; border-radius:45px;}
.station-wrap .date-nav .btn-prev{left:25px; padding:0 0 0 20px;}
.station-wrap .date-nav .btn-prev:before{position:absolute; top:21px; left:20px; width:11px; height:11px; content:''; border-left:2px solid #ddd; border-bottom:2px solid #ddd; transform:rotate(45deg);}
.station-wrap .date-nav .btn-next{right:25px; padding:0 20px 0 0 ;}
.station-wrap .date-nav .btn-next:before{position:absolute; top:21px; right:20px; width:11px; height:11px; content:''; border-top:2px solid #ddd; border-right:2px solid #ddd; transform:rotate(45deg);}
.station-wrap .date-nav .date{color:#1e3d8f;}
.station-wrap .tbl-calendar{width:100%; font-size:28px; font-weight:400; border-top:2px solid #ddd;}
.station-wrap .tbl-calendar .sun{color:#ca0000;}
.station-wrap .tbl-calendar .sat{color:#4fa0d4;}
.station-wrap .tbl-calendar th{width:calc(100% / 7); height:100px; font-weight:400; border-bottom:2px solid #ddd;}
.station-wrap .tbl-calendar td{height:140px; text-align:center;}
.station-wrap .tbl-calendar div{position:relative;}
.station-wrap .tbl-calendar .today div:before{position:absolute; top:-10px; left:70px; width:8px; height:8px; content:''; border-radius:50%; background:#1e3d8f;}
.station-wrap .tbl-calendar .today div:after{position:absolute; bottom:-30px; left:0; width:100%; font-size:20px; font-weight:500; color:#1e3d8f; content:'오늘';}

.station-wrap .time-table{padding:70px 40px 0; font-size:24px; font-weight:400; text-align:center;}
.station-wrap .time-table strong{display:block; margin:0 0 30px; font-weight:700;}
.station-wrap .time-table ol:after{clear:both; display:block; content:'';}
.station-wrap .time-table li{float:left; width:20%; height:120px; margin:0 0 20px; background:#eeeeee;}
.station-wrap .time-table a{display:block; height:100%; box-sizing:border-box; line-height:120px;}
.station-wrap .time-table .active{background:#9ec7e1;}
.station-wrap .time-table.pm a{padding:30px 0 0; line-height:1.2;}

.station-wrap .btn-list{padding:80px 40px 0; font-size:28px; font-weight:400;}
.station-wrap .btn-list:after{clear:both; display:block; content:'';}
.station-wrap .btn-list li{float:left; width:310px; height:90px; box-sizing:border-box; margin-bottom:30px; text-align:center; border:2px solid #ddd; border-radius:45px;}
.station-wrap .btn-list li:nth-child(odd){margin-right:18px;}
.station-wrap .btn-list a{display:block; height:100%; box-sizing:border-box; line-height:86px;}
.station-wrap .btn-list .active{color:#fff; border-color:#4fa0d4; background:#4fa0d4;}
.station-wrap .btn-list .double a{padding:10px 0 0; line-height:1.2;}

.station-wrap .trip-member{height:100%; box-sizing:border-box; padding:70px 0 140px; font-weight:400; text-align:center;}
.station-wrap .trip-member strong{color:#4fa0d4;}
.station-wrap .trip-member ul{margin:70px 0 0; padding:0 40px;}
.station-wrap .trip-member li{margin:0 0 45px;}
.station-wrap .trip-member li:after{clear:both; display:block; content:'';}
.station-wrap .trip-member .sbj{float:left; width:260px; margin:27px 0 0; padding:0 0 0 20px; text-align:left;}
.station-wrap .trip-member .number{float:right; width:300px; text-align:right;}
.station-wrap .trip-member .number input[type="text"]{width:90px; height:90px; text-align:center;  vertical-align:top; border:0; background:none;}
.station-wrap .trip-member .number button{position:relative; width:90px; height:90px; overflow:hidden; text-indent:-9999px; border:2px solid #ddd; border-radius:50%;}
.station-wrap .trip-member .btn-minus:before{position:absolute; top:50%; left:50%; width:20px; height:4px; content:''; background:#222; transform:translate(-50%, -50%);}
.station-wrap .trip-member .btn-plus:before{position:absolute; top:50%; left:50%; width:30px; height:3px; content:''; background:#222; transform:translate(-50%, -50%);}
.station-wrap .trip-member .btn-plus:after{position:absolute; top:50%; left:50%; width:3px; height:30px; content:''; background:#222; transform:translate(-50%, -50%);}
.station-wrap .trip-member .total{position:absolute; bottom:0; left:0; width:100%; height:140px; box-sizing:border-box; padding:0 40px 0 70px; font-size:28px; line-height:140px; color:#fff; background:#666;}
.station-wrap .trip-member .total dt{float:left;}
.station-wrap .trip-member .total dd{float:right; font-size:40px; text-align:right;}

.station-wrap .seat-option{padding:70px 0 0;}
.station-wrap .seat-option strong{display:block; margin:0 0 60px; font-size:34px; text-align:center; color:#4fa0d4;}
.station-wrap .seat-option .btn-list{margin:0 0 110px; padding:0 40px;}

.train-select{position:relative; height:100%; font-size:28px; font-weight:400; background:#fff;}
.train-select:before{position:absolute; top:0; left:201px; width:2px; height:100%; content:''; background:#ddd;}
.train-select .sbj{height:118px; font-weight:500; text-align:center; border-bottom:2px solid #ddd;}
.train-select .sbj:after{clear:both; display:block; content:'';}
.train-select .sbj li{float:left; height:118px; line-height:118px;}
.train-select .sbj li:nth-child(1){width:200px;}
.train-select .sbj li:nth-child(2){width:140px;}
.train-select .sbj li:nth-child(3){width:155px;}
.train-select .sbj li:nth-child(4){width:155px;}
.train-select .sbj li:nth-child(5){width:320px;}
.train-select .sbj li:nth-child(6){width:110px;}
.train-select .detail{position:relative; padding:0 0 0 200px; border-bottom:2px solid #ddd;}
.train-select .detail:after{clear:both; display:block; content:'';}
.train-select .plan{position:absolute; top:50%; left:0; width:200px; text-align:center; transform:translateY(-50%);}
.train-select .plan span{position:absolute; }
.train-select .list{width:880px; padding:25px 0;}
.train-select .list ul:after{clear:both; display:block; content:'';}
.train-select .list ul + ul{margin:25px 0 0;}
.train-select .list li{float:left; text-align:center;}
.train-select .list li:nth-child(1){width:140px;}
.train-select .list li:nth-child(2){width:155px;}
.train-select .list li:nth-child(3){width:155px;}
.train-select .list li:nth-child(4){width:320px;}
.train-select .list li:nth-child(5){width:110px;}
.train-select .list .btn-type{display:inline-block; width:130px; height:70px; overflow:hidden; color:#4fa0d4; line-height:66px; border:2px solid #4fa0d4;}
.train-select .list .btn-type.selected{text-indent:-9999px; background:#4fa0d4 url('/resource/home/images/ktx/btn_selected.png') no-repeat center center;}

.ktx-content .purchase-wrap{height:100%; background:#fff;}
.ktx-content .purchase-wrap .plan{padding:50px 40px; border-bottom:4px solid #fff; background:#666;}
.ktx-content .purchase-wrap .plan:after{clear:both; display:block; content:'';}
.ktx-content .purchase-wrap .type{float:left; width:110px; height:60px; font-size:28px; font-weight:400; text-align:center; color:#fff; line-height:60px; border-radius:30px; background:#4fa0d4;}
.ktx-content .purchase-wrap .detail{float:right; width:850px; font-weight:500; color:#fff; line-height:1.6;}
.ktx-content .purchase-wrap .detail span{margin:0 20px;}
.ktx-content .purchase-wrap .result{height:160px; margin:0 0 100px; background:#ccc;}
.ktx-content .purchase-wrap .result dl{float:left; width:50%; text-align:center; line-height:160px;}
.ktx-content .purchase-wrap .result dt{display:inline-block; margin:0 50px 0 0;}
.ktx-content .purchase-wrap .result dd{display:inline-block;}
.ktx-content .purchase-wrap .result span{font-size:50px;}
.ktx-content .purchase-wrap .btn-purchase{text-align:center;}
.ktx-content .purchase-wrap .btn-purchase a{display:inline-block; width:310px; height:90px; margin:0 7px; color:#4fa0d4; text-align:center; line-height:86px; border:2px solid #ddd; border-radius:45px;}

.ktx-content .insert-wrap{height:1237px; box-sizing:border-box; padding-top:140px; text-align:center; background:#fff;}
.ktx-content .insert-wrap h3{margin:95px 0 65px; font-size:50px; font-weight:700; color:#8978c7;}
.ktx-content .insert-wrap p{margin:0 0 45px; font-size:28px; line-height:1.6;}
.ktx-content .insert-wrap a{display:block; width:310px; height:90px; margin:70px auto 0; text-align:center; line-height:86px; border:2px solid #ddd; border-radius:45px;}
.ktx-content .insert-wrap .em{font-size:34px; font-weight:700;}
.ktx-content .insert-wrap .korail{padding:154px 0 100px;}
.ktx-content .insert-wrap .complete{font-size:40px;}

/* airport-content */
.airport-content{height:1518px; background:#f9f9f9;}
.airport-content > div{position:relative; height:1378px; box-sizing:border-box;}

.airport-content .main-wrap{height:1518px; padding:175px 40px 0; text-align:center;}
.airport-content .main-wrap h2{font-size:60px; font-weight:500;}
.airport-content .main-wrap p{margin:65px 0 95px; padding:40px 0; font-size:40px; line-height:1.6; border-radius:10px; background:#ebebeb;}
.airport-content .main-wrap li{display:inline-block; width:220px; height:220px; overflow:hidden; box-sizing:border-box; margin:0 18px 34px; border:2px solid #ddd; border-radius:50%; box-shadow:0 5px 6px rgba(0, 0, 0, .05);}
.airport-content .main-wrap a{display:block; width:216px; height:216px; line-height:216px; color:#396bc7; background:#fff;}

.airport-content .page-header{height:140px; padding:0 40px; font-size:40px; color:#fff; background:#396bc7;}
.airport-content .page-header h2{float:left; margin:45px 0 0 0; font-weight:500;}
.airport-content .page-header p{float:right; margin:45px 0 0 0;}

.airport-content .btn-area{position:absolute; left:0; bottom:0; width:100%; height:163px; box-sizing:border-box; padding:0 40px;}
.airport-content .btn-area a{position:relative; display:inline-block; height:120px; box-sizing:border-box; font-size:40px; text-align:center; line-height:120px; color:#396bc7; border-radius:20px; background:#add6f5;}
.airport-content .btn-area .btn-half{width:490px;}
.airport-content .btn-area .btn-back{float:left;}
.airport-content .btn-area .btn-back span{position:relative; padding:0 0 0 50px;}
.airport-content .btn-area .btn-back span:before{position:absolute; top:17px; left:0; width:24px; height:24px; content:''; border-left:4px solid #396bc7; border-bottom:4px solid #396bc7; transform:rotate(45deg);}
.airport-content .btn-area .btn-next{float:right;}
.airport-content .btn-area .btn-next span{position:relative; padding:0 50px 0 0;}
.airport-content .btn-area .btn-next span:before{position:absolute; top:17px; right:0; width:24px; height:24px; content:''; border-top:4px solid #396bc7; border-right:4px solid #396bc7; transform:rotate(45deg);}

.airport-content .method-wrap{padding:235px 0 0; text-align:center;}
.airport-content .method-wrap p{margin:0 0 100px; font-size:40px;}
.airport-content .method-wrap li{display:inline-block; width:260px; height:220px; box-sizing:border-box; margin:0 17px 40px; border:2px solid #ddd; border-radius:20px; box-shadow:0 5px 10px rgba(0, 0, 0, .05);}
.airport-content .method-wrap li:nth-child(1){background:#fff url('/resource/home/images/airport/method01.jpg') no-repeat center bottom;}
.airport-content .method-wrap li:nth-child(2){background:#fff url('/resource/home/images/airport/method02.jpg') no-repeat center bottom;}
.airport-content .method-wrap li:nth-child(3){background:#fff url('/resource/home/images/airport/method03.jpg') no-repeat center bottom;}
.airport-content .method-wrap li:nth-child(4){background:#fff url('/resource/home/images/airport/method04.jpg') no-repeat center bottom;}
.airport-content .method-wrap li:nth-child(5){background:#fff url('/resource/home/images/airport/method05.jpg') no-repeat center bottom;}
.airport-content .method-wrap a{display:block; height:100%; box-sizing:border-box; padding:35px 0 0;}

.airport-content .warning-wrap{padding:60px 40px 163px;}
.airport-content .warning-wrap > div{float:left; box-sizing:border-box;}
.airport-content .warning-wrap > div:first-child{border-right:4px solid #ddd;}
.airport-content .warning-wrap h3{margin:0 0 35px; font-weight:500;}
.airport-content .warning-wrap h3 span{display:block; font-size:26px;}
.airport-content .warning-wrap dl{margin:0 0 40px; font-size:24px; line-height:1.6;}
.airport-content .warning-wrap dl:last-child{margin:0;}
.airport-content .warning-wrap dt{height:59px; margin:0 0 10px; padding:0 0 0 68px; font-size:28px; line-height:59px;}
.airport-content .warning-wrap dd span{color:#999;}
.airport-content .warning-wrap .disable{width:501px;}
.airport-content .warning-wrap .disable dt{color:#ca0000;}
.airport-content .warning-wrap .disable dl:nth-child(2) dt{background:url('/resource/home/images/airport/ico_disable01.png') no-repeat 0 0;}
.airport-content .warning-wrap .disable dl:nth-child(3) dt{background:url('/resource/home/images/airport/ico_disable02.png') no-repeat 0 0;}
.airport-content .warning-wrap .disable dl:nth-child(4) dt{background:url('/resource/home/images/airport/ico_disable03.png') no-repeat 0 0;}
.airport-content .warning-wrap .disable dl:nth-child(5) dt{background:url('/resource/home/images/airport/ico_disable04.png') no-repeat 0 0;}
.airport-content .warning-wrap .able{width:499px; padding:0 0 0 38px;}
.airport-content .warning-wrap .able dt{color:#f75900;}
.airport-content .warning-wrap .able dl:nth-child(2) dt{background:url('/resource/home/images/airport/ico_able01.png') no-repeat 0 0;}
.airport-content .warning-wrap .able dl:nth-child(3) dt{background:url('/resource/home/images/airport/ico_able02.png') no-repeat 0 0;}
.airport-content .warning-wrap .able dl:nth-child(4) dt{background:url('/resource/home/images/airport/ico_able03.png') no-repeat 0 0;}
.airport-content .warning-wrap .able dl:nth-child(5) dt{background:url('/resource/home/images/airport/ico_able04.png') no-repeat 0 0;}
.airport-content .warning-wrap .able dl:nth-child(6) dt{background:url('/resource/home/images/airport/ico_able05.png') no-repeat 0 0;}

.airport-content .passport-wrap{padding:232px 0 163px; text-align:center;}
.airport-content .passport-wrap p{margin:0 0 20px; font-weight:400;}
.airport-content .passport-wrap .em{font-size:50px; font-weight:500;}
.airport-content .passport-wrap img{margin:110px 0 0;}

.airport-content .info-wrap{padding:190px 0 163px;}
.airport-content .info-wrap .btn-add{display:inline-block; width:210px; height:80px; margin:0 0 135px 40px; font-size:28px; text-align:center; color:#fff; line-height:80px; background:#396bc7;}
.airport-content .tbl-info{margin:0 0 30px;}
.airport-content .tbl-info th{padding:0 0 35px 40px; font-size:28px; font-weight:500; color:#396bc7; text-align:left;}
.airport-content .tbl-info td{padding:30px 0 30px 40px; font-size:40px; background:#eee;}
.airport-content .tbl-info a{display:inline-block; height:80px;padding:0 22px; font-size:28px; text-align:center; color:#fff; line-height:80px; background:#396bc7;}
.airport-content .tbl-info span{margin:0 20px 0 0;}
.airport-content .tbl-info .checked{padding:0 0 0 42px; background:url('/resource/home/images/airport/checked.png') no-repeat 0 6px;}
.airport-content .tbl-info .center{text-align:center;}
.airport-content .tbl-info.type02 td{font-size:34px;}

.airport-content .seat-wrap{padding:80px 0 163px;}
.airport-content .seat-wrap .info-detail{margin:0 0 55px;}
.airport-content .seat-wrap .info-detail:after{clear:both; display:block; content:'';}
.airport-content .seat-wrap .info{position:relative; float:left; width:314px; height:150px; font-size:28px; color:#fff; background:#1f3e68;}
.airport-content .seat-wrap .info:after{position:absolute; top:0; right:-105px; content:''; border:75px solid transparent; border-left:30px solid #1f3e68;}
.airport-content .seat-wrap .info p{float:left; margin:40px 0 0;}
.airport-content .seat-wrap .tag{float:left; width:80px; height:80px; margin:35px 18px 0 25px; font-size:40px; text-align:center; line-height:80px; color:#1f3e68; border-radius:50%; background:#fff;}
.airport-content .seat-wrap .info-detail ul{float:right; display:table; width:730px; height:150px; font-size:28px; background:#eee;}
.airport-content .seat-wrap .info-detail li{display:table-cell; width:33.3333%; height:150px; text-align:center; vertical-align:middle; line-height:1.5;}
.airport-content .seat-wrap .seat-list{float:right; width:690px; margin:0 40px 0 0; font-size:28px; font-weight:400; text-align:center;}
.airport-content .seat-wrap .line{float:left; width:88px; margin:0 10px 0 0;}
.airport-content .seat-wrap .line:last-child{margin:0;}
.airport-content .seat-wrap .line span{display:block; margin:0 0 25px;}
.airport-content .seat-wrap .line ul{margin:0 0 60px;}
.airport-content .seat-wrap .line li{margin:0 0 30px;}
.airport-content .seat-wrap .line a{position:relative; display:block; height:100px; box-sizing:border-box; overflow:hidden; text-indent:-9999px;}
.airport-content .seat-wrap .line .able{background:url('/resource/home/images/airport/seat_able.png') no-repeat 0 0;}
.airport-content .seat-wrap .line .disable{background:url('/resource/home/images/airport/seat_disable.png') no-repeat 0 0;}
.airport-content .seat-wrap .line .selected a{border:2px solid #ccc; border-radius:10px; background:#1f3e68;}
.airport-content .seat-wrap .line .selected a:after{position:absolute; top:50%; left:50%; width:58px; height:58px; font-size:29px; color:#1f3e68; text-indent:0; line-height:58px; content:'1'; border-radius:50%; background:#fff; transform:translate(-50%, -50%);}
.airport-content .seat-wrap .number{float:left; width:101px; margin:58px 10px 0 0;}
.airport-content .seat-wrap .number li{height:100px; margin:0 0 30px; text-align:center; line-height:100px;}
.airport-content .seat-wrap .guide{clear:both;}
.airport-content .seat-wrap .guide div{width:284px; text-align:left;}
.airport-content .seat-wrap .guide div:first-child{float:left;}
.airport-content .seat-wrap .guide div:last-child{float:right;}
.airport-content .seat-wrap .guide img{margin:0 10px 0 0;}

.airport-content .checkin-wrap{padding:165px 0 163px; text-align:center;}
.airport-content .checkin-wrap p{font-size:50px;}
.airport-content .checkin-wrap .tbl-info{margin:70px 0 80px; text-align:left;}

.airport-content .waiting-wrap{padding:440px 0 0; text-align:center;}
.airport-content .waiting-wrap p{padding:330px 0 0; font-size:60px; line-height:1.4; background:url('/resource/home/images/airport/waiting.gif') no-repeat center 0;}

.airport-content .complete-wrap{padding:440px 0 0; text-align:center;}
.airport-content .complete-wrap p{padding:330px 0 0; font-size:60px; line-height:1.4; background:url('/resource/home/images/airport/complete.gif') no-repeat center 0;}

/* fastfood */
.fastfood-content{height:1518px;}
.fastfood-content .main-wrap{height:1518px; padding:220px 0 0; text-align:center;}
.fastfood-content .main-wrap h2{margin:0 0 160px; font-size:60px; font-weight:500; line-height:1.4;}
.fastfood-content .main-wrap h2 strong{display:block; font-size:120px; font-weight:700; color:#7b3838;}
.fastfood-content .main-wrap a{position:relative; display:block; width:700px; height:140px; box-sizing:border-box; margin:0 auto; padding:0 0 0 40px; font-size:40px; line-height:140px; border-radius:70px; background:#f7de44;}
.fastfood-content .main-wrap a:before{position:absolute; top:15px; left:56px; width:132px; height:200px; content:''; background:url('/resource/home/images/fastfood/btn_touch.png') no-repeat 0 0;}

.fastfood-content > div{position:relative; height:1378px; box-sizing:border-box;}

.fastfood-content .page-header{height:140px; font-size:40px; text-align:center; background:#f8ede7;}
.fastfood-content .page-header h2{font-weight:500; line-height:140px;}

.fastfood-content .tab{width:100%; overflow:hidden; box-sizing:border-box; padding:0 80px;}
.fastfood-content .tab > a{position:absolute; top:0; z-index:2; width:80px; height:140px; overflow:hidden; text-indent:-9999px; background:#f8ede7;}
.fastfood-content .tab .btn-prev{left:0;}
.fastfood-content .tab .btn-prev:before{position:absolute; top:50px; left:30px; width:27px; height:27px; content:''; border-bottom:4px solid #222; border-left:4px solid #222; transform:rotate(45deg);}
.fastfood-content .tab .btn-next{right:0;}
.fastfood-content .tab .btn-next:before{position:absolute; top:50px; right:30px; width:27px; height:27px; content:''; border-top:4px solid #222; border-right:4px solid #222; transform:rotate(45deg);}
.fastfood-content .tab ul{position:relative; width:1380px; height:140px; overflow:hidden;}
.fastfood-content .tab li{float:left; width:230px;}
.fastfood-content .tab li a{display:block; height:140px; font-size:40px; text-align:center; line-height:140px;}
.fastfood-content .tab .active{padding-top:23px;}
.fastfood-content .tab .active a{height:117px; line-height:117px; border-top-left-radius:20px; border-top-right-radius:20px; background:#fff;}

.fastfood-content .btn-area{position:absolute; left:0; bottom:0; width:100%; height:163px; box-sizing:border-box; padding:0 40px;}
.fastfood-content .btn-area a{position:relative; display:inline-block; width:491px; height:122px; box-sizing:border-box; font-size:40px; text-align:center; line-height:122px; border-radius:20px; background:#f5f5f5;}
.fastfood-content .btn-area .btn-cancel{float:left;}
.fastfood-content .btn-area .btn-purchase{float:right; color:#fff; background:#e0002a;}

.fastfood-content .method-wrap li{float:left; width:50%; height:773px; box-sizing:border-box; font-size:40px; line-height:1.5;}
.fastfood-content .method-wrap a{display:block; height:100%; box-sizing:border-box; padding:430px 0 0; text-align:center;}
.fastfood-content .method-wrap li span{font-size:50px; font-weight:700;}
.fastfood-content .method-wrap li:nth-child(1){float:none; width:100%; height:605px; border-bottom:4px solid #ddd; background:url('/resource/home/images/fastfood/ico_card.png') no-repeat 160px 190px;}
.fastfood-content .method-wrap li:nth-child(1) a{padding:170px 0 0 540px; text-align:left;}
.fastfood-content .method-wrap li:nth-child(1) span{font-size:80px; color:#f75900;}
.fastfood-content .method-wrap li:nth-child(2){border-right:4px solid #ddd; background:url('/resource/home/images/fastfood/ico_coupon.png') no-repeat center 150px;}
.fastfood-content .method-wrap li:nth-child(2) span{color:#089eaf;}
.fastfood-content .method-wrap li:nth-child(3){background:url('/resource/home/images/fastfood/ico_cash.png') no-repeat center 190px;}
.fastfood-content .method-wrap li:nth-child(3) span{color:#396bc7;}

.fastfood-content .menu-wrap{padding:0 0 162px;}
.fastfood-content .menu-wrap .menu-list:after{clear:both; display:block; content:'';}
.fastfood-content .menu-wrap .menu-list{/*margin:0 0 60px; padding:55px 0 0;*/ margin:0; padding:0;}
.fastfood-content .menu-wrap .menu-list li{float:left;}
.fastfood-content .menu-wrap .menu-list a{display:block; box-sizing:border-box;}
.fastfood-content .menu-wrap .menu-list .txt strong{font-size:40px; font-weight:700; color:#ca0000;}
.fastfood-content .menu-wrap .set-list li{width:50%;}
.fastfood-content .menu-wrap .set-list a{height:240px;}
.fastfood-content .menu-wrap .set-list img{position:relative; height:150px; top:50%; float:left; margin:0 0 0 40px; transform:translateY(-50%);}
.fastfood-content .menu-wrap .set-list .txt{position:relative; top:50%; float:right; width:270px; transform:translateY(-50%);}
.fastfood-content .menu-wrap .bugger-list li{width:50%;}
.fastfood-content .menu-wrap .bugger-list a{height:240px;}
.fastfood-content .menu-wrap .bugger-list img{position:relative; height:220px; top:50%; float:left; margin:0 0 0 40px; transform:translateY(-50%);}
.fastfood-content .menu-wrap .bugger-list .txt{position:relative; top:50%; float:right; width:270px; transform:translateY(-50%);}
.fastfood-content .menu-wrap .drink-list li{width:25%; margin:0 0 70px; text-align:center;}
.fastfood-content .menu-wrap .drink-list li img { height:170px; }
.fastfood-content .menu-wrap .drink-list .txt{margin:50px 0 0;}
.fastfood-content .menu-wrap .total{position:relative; height:160px; padding:0 40px; background:#f5f5f5;}
.fastfood-content .menu-wrap .total span{float:left; height:160px; line-height:160px;}
.fastfood-content .menu-wrap .total span:nth-child(1){width:30%;}
.fastfood-content .menu-wrap .total span:nth-child(2){width:50%; text-align:center;}
.fastfood-content .menu-wrap .total span:nth-child(3){position:absolute; top:0; right:40px; width:35%; text-align:right;}
.fastfood-content .menu-wrap .total b{font-size:50px;}
.fastfood-content .menu-wrap .total .em{color:#ca0000;}
.fastfood-content .menu-wrap .detail{position:relative; height:145px; padding:0 40px; border-bottom:2px solid #ccc;}
.fastfood-content .menu-wrap .detail span{float:left; height:145px; line-height:145px;}
.fastfood-content .menu-wrap .detail span:nth-child(1){width:30%;}
.fastfood-content .menu-wrap .detail > div:nth-child(2){float:left; width:50%; height:145px; line-height:145px; text-align:center;}
.fastfood-content .menu-wrap .detail span:nth-child(3){position:absolute; top:0; right:40px; width:35%; text-align:right;}
.fastfood-content .menu-wrap .detail b{font-size:50px; vertical-align:top;}
.fastfood-content .menu-wrap .detail .em{color:#ca0000;}
.fastfood-content .menu-wrap .btn{display:inline-block; width:60px; height:118px; margin:15px 0 0 10px; line-height:1.2;}
.fastfood-content .menu-wrap .btn button{position:relative; width:100%; height:60px; overflow:hidden; text-indent:-9999px; border:2px solid #ddd;}
.fastfood-content .menu-wrap .btn button + button{border-top:0;}
.fastfood-content .menu-wrap .btn-plus:after{position:absolute; top:10px; left:16px; content:''; border:12px solid transparent; border-bottom:14px solid #222;}
.fastfood-content .menu-wrap .btn-minus:after{position:absolute; top:22px; left:16px; content:''; border:12px solid transparent; border-top:14px solid #222;}
.fastfood-content .menu-wrap .removebtn { position:absolute; right:350px; top:12px; font-size:50px; display:block; border:2px solid #ccc; text-align:center; width:70px; height:122px; line-height:122px; border-radius: 20px; }
/*
.fastfood-content .menu-wrap .total-price{position:absolute; top:0; right:0; }
*/

.fastfood-content .order-wrap{height:1518px; padding:0 0 162px;}
.fastfood-content .order-wrap .order{float:left; width:521px; box-sizing:border-box; padding:20px 0 20px 20px;}
.fastfood-content .order-wrap .tbl-order th{height:120px; font-weight:500; background:#f5f5f5;}
.fastfood-content .order-wrap .tbl-order td{height:100px; font-size:28px; text-align:center; border-bottom:2px solid #ccc;}
.fastfood-content .order-wrap .tbl-order .price{color:#ca0000;}
.fastfood-content .order-wrap .order-btn{margin:28px 0 78px;}
.fastfood-content .order-wrap .order-btn:after{clear:both; display:block; content:'';}
.fastfood-content .order-wrap .order-btn a{position:relative; width:164px; height:70px; font-size:32px; color:#fff; text-align:center; line-height:70px; border-radius:35px; background:#ccc;}
.fastfood-content .order-wrap .order-btn .btn-prev{float:left; padding:0 0 0 40px;}
.fastfood-content .order-wrap .order-btn .btn-prev:after{position:absolute; top:28px; left:43px; width:12px; height:12px; content:''; border-bottom:4px solid #fff; border-left:4px solid #fff; transform:rotate(45deg);}
.fastfood-content .order-wrap .order-btn .btn-next{float:right; padding:0 40px 0 0;}
.fastfood-content .order-wrap .order-btn .btn-next:after{position:absolute; top:28px; right:43px; width:12px; height:12px; content:''; border-top:4px solid #fff; border-right:4px solid #fff; transform:rotate(45deg);}
.fastfood-content .order-price{margin:0 0 30px; font-size:28px; border-top:2px solid #ccc;}
.fastfood-content .order-price dl{height:100px; line-height:100px; border-bottom:2px solid #ccc;}
.fastfood-content .order-price dt{display:inline-block;}
.fastfood-content .order-price dd{float:right;}
.fastfood-content .order-price dl:last-child dd{font-size:40px; font-weight:700; color:#ca0000;}
.fastfood-content .tbl-total{font-size:28px; text-align:center; border:2px solid #ccc; border-radius:10px;}
.fastfood-content .tbl-total th{height:70px; font-weight:500; border-bottom:2px solid #ccc;}
.fastfood-content .tbl-total td{height:70px;}
.fastfood-content .order-wrap .step{float:right; width:511px; height:1292px; box-sizing:border-box; margin:20px 20px 0 0; padding:16px; font-size:28px; text-align:center; border:4px solid #ca0000;}
.fastfood-content .step > ol > li{margin:0 0 24px;}
.fastfood-content .step p{height:102px; color:#fff; line-height:102px; background:#ca0000;}
.fastfood-content .step .item{display:flex; border-bottom:2px solid #ccc;}
.fastfood-content .step .item li{flex:1; height:296px; box-sizing:border-box;}
.fastfood-content .step .item li:not(:first-child){border-left:2px solid #ccc;}
.fastfood-content .step .item a{display:block; height:100%; box-sizing:border-box; padding:170px 0 0;}
.fastfood-content .step01 li span{display:block; font-size:34px;}
.fastfood-content .step01 li:nth-child(1) a{background:url('/resource/home/images/fastfood/ico_step01_01.png') no-repeat center 47px;}
.fastfood-content .step01 li:nth-child(2) a{background:url('/resource/home/images/fastfood/ico_step01_02.png') no-repeat center 47px;}
.fastfood-content .step02 li:nth-child(1) a{background:url('/resource/home/images/fastfood/ico_step02_01.png') no-repeat center 66px;}
.fastfood-content .step02 li:nth-child(2) a{background:url('/resource/home/images/fastfood/ico_step02_02.png') no-repeat center 66px;}
.fastfood-content .step02 li:nth-child(3) a{background:url('/resource/home/images/fastfood/ico_step02_03.png') no-repeat center 66px;}
.fastfood-content .step03 li:nth-child(1) a{background:url('/resource/home/images/fastfood/ico_step03_01.png') no-repeat center 77px;}
.fastfood-content .step03 li:nth-child(2) a{background:url('/resource/home/images/fastfood/ico_step03_02.png') no-repeat center 77px;}
.fastfood-content .step01 li:nth-child(1).active a{background:url('/resource/home/images/fastfood/ico_step01_01_on.png') no-repeat center 47px;}
.fastfood-content .step01 li:nth-child(2).active a{background:url('/resource/home/images/fastfood/ico_step01_02_on.png') no-repeat center 47px;}
.fastfood-content .step02 li:nth-child(1).active a{background:url('/resource/home/images/fastfood/ico_step02_01_on.png') no-repeat center 66px;}
.fastfood-content .step02 li:nth-child(2).active a{background:url('/resource/home/images/fastfood/ico_step02_02_on.png') no-repeat center 66px;}
.fastfood-content .step02 li:nth-child(3).active a{background:url('/resource/home/images/fastfood/ico_step02_03_on.png') no-repeat center 66px;}
.fastfood-content .step03 li:nth-child(1).active a{background:url('/resource/home/images/fastfood/ico_step03_01_on.png') no-repeat center 69px;}
.fastfood-content .step03 li:nth-child(2).active a{background:url('/resource/home/images/fastfood/ico_step03_02_on.png') no-repeat center 69px;}

.fastfood-content .insert-wrap{height:1518px; padding:190px 0 0; text-align:center; line-height:1.5;}
.fastfood-content .insert-wrap h3{font-size:60px; font-weight:700;}
.fastfood-content .insert-wrap p{margin:25px 0 95px;}
.fastfood-content .insert-wrap strong{display:block; margin:70px 0 0; font-size:60px; font-weight:500;}
.fastfood-content .insert-wrap strong b{color:#ca0000;}

.fastfood-content .invoice-wrap{height:1518px; padding:345px 0 0;}
.fastfood-content .invoice-wrap h3{margin:0 0 80px; font-size:60px; font-weight:700; text-align:center;}
.fastfood-content .invoice-wrap p{width:775px; height:271px; box-sizing:border-box; margin:0 auto 180px; padding:0 0 0 298px; font-size:40px; line-height:1.5; text-align:center; background:url('/resource/home/images/fastfood/ico_invoice.png') no-repeat 0 18px;}
.fastfood-content .invoice-wrap span{display:block; height:54px; margin:20px 0 0; font-size:34px; color:#fff; line-height:54px; border-radius:10px; background:#222;}
.fastfood-content .invoice-wrap .btn{text-align:center;}
.fastfood-content .invoice-wrap .btn a{display:inline-block; width:296px; height:224px; margin:0 16px; font-size:40px; line-height:224px; border-radius:20px; background:#f5f5f5;}

/* bank */
.bank-content .page-header{height:140px; padding:0 40px; font-size:40px; text-align:center; background:#298dcc;}
.bank-content .page-header h2{font-weight:500; line-height:140px; color:#fff;}
.bank-content .line-box{position:relative; height:720px; box-sizing:border-box; overflow:hidden; margin:0 0 90px; padding:220px 0 0; font-size:50px; text-align:center; border-radius:40px; background:#fff;}
.bank-content .line-box:before{position:absolute; top:-57px; left:50%; width:100%; height:0; box-sizing:border-box; content:''; border:35px solid #f1711b; border-radius:40px; transform:translateX(-50%);}
.bank-content .line-box:after{position:absolute; bottom:-57px; left:50%; width:100%; height:0; box-sizing:border-box; content:''; border:35px solid #f1711b; border-radius:40px; transform:translateX(-50%);}
.bank-content .line-box p{margin:0 0 90px;}

.bank-content .amount-list{margin:0 0 90px; padding:15px 40px 25px; border-radius:40px; background:#fff;}
.bank-content .amount-list li{position:relative; height:120px; line-height:120px; border-bottom:2px solid #ddd;}
.bank-content .amount-list li > div{float:left; width:650px;}
.bank-content .amount-list .sbj{position:relative; float:left; width:200px; padding:0 0 0 70px; text-align:left; background:url('/resource/home/images/life_bank/ico_amount.png') no-repeat 0 40px;}
.bank-content .amount-list .amount{float:right; box-sizing:border-box;}
.bank-content .amount-list li:last-child{border-bottom:0;}
.bank-content .amount-list li:last-child .amount{color:#0a1eb5;}
.bank-content .amount-list a{display:inline-block; width:220px; height:80px; font-size:30px; text-align:center; color:#fff; line-height:80px; border-radius:10px; background:#298dcc;}
.bank-content .amount-list .left{float:left;}
.bank-content .amount-list div .amount{float:left; width:50%; text-align:right;}
.bank-content .amount-list div .amount:first-child{padding:0 45px 0 0; border-right:2px solid #ddd;}

.bank-content .main-wrap{padding:250px 40px 0; text-align:center; border-top:2px solid #e5e5e5;}
.bank-content .main-wrap h3{position:absolute; top:45%; left:50%; font-size:40px; font-weight:500; line-height:1.6; transform:translate(-50%, -50%)}
.bank-content .main-wrap .service li{width:320px; height:140px; margin:0 0 30px; text-align:center;}
.bank-content .main-wrap .service a{display:block; height:140px; box-sizing:border-box; line-height:140px; color:#fff; border-radius:20px; background:#333;}
.bank-content .main-wrap .service.left{float:left;}
.bank-content .main-wrap .service.right{float:right;}
.bank-content .main-wrap .service.right a{border:2px solid #ddd; background:#298dcc;}
.bank-content .main-wrap .service.right li:nth-child(3) a{border-color:#21a087;}
.bank-content .main-wrap .service.right li:nth-child(4) a{border-color:#807ae7; background:#9792f4;}
.bank-content .main-wrap .service.right li:nth-child(5) a{color:#222; border-color:#e4ba61; background:#f7cf7a;}
.bank-content .main-wrap .service .double a{padding:18px 0 0; line-height:1.4;}
.bank-content .main-wrap .btn-big{position:absolute; bottom:306px; left:50%; width:320px; height:140px; box-sizing:border-box; line-height:140px; color:#fff; border-radius:20px; background:#07366a; transform:translateX(-50%);}

.bank-content > div{position:relative; height:1378px; box-sizing:border-box; background:#f5f5f5;}
.bank-content .btn-area{position:absolute; bottom:0; left:0; width:100%; height:163px; box-sizing:border-box; padding:0 40px; font-size:40px; text-align:center;}
.bank-content .btn-area a{display:block; width:292px; height:122px; color:#fff; line-height:122px; border-radius:61px;}
.bank-content .btn-area .btn-cancel{float:left; background:#e0002a;}
.bank-content .btn-area .btn-next{float:right; background:#0a1eb5;}

.bank-content .caution-wrap{padding:180px 0 163px; text-align:center;}
.bank-content .caution-wrap p{margin:0 0 95px; line-height:1.6;}
.bank-content .caution-wrap b{font-weight:500; color:#e0002a;}

.bank-content .warning-wrap{padding:140px 40px 0; text-align:center;}
.bank-content .warning-wrap h3{height:140px; margin:0 0 75px; font-size:50px; font-weight:500; color:#0a1eb5; text-align:center; line-height:140px; border-radius:70px; background:#fff;}
.bank-content .warning-wrap p{font-size:40px; line-height:1.6;}
.bank-content .warning-wrap b{font-weight:400; color:#e0002a;}

.bank-content .password-wrap{padding:135px 40px 0; text-align:center;}
.bank-content .password-wrap .password{float:left; width:500px; height:1070px; box-sizing:border-box; line-height:1.5; border-radius:30px; background:#fff;}
.bank-content .password-wrap .password h3{margin:230px 0 50px; font-size:50px; font-weight:500; color:#0a1eb5;}
.bank-content .password-wrap .password .disc{font-size:40px;}
.bank-content .password-wrap .password .disc b{font-weight:500; color:#0a1eb5;}
.bank-content .password-wrap .password input[type="password"]{width:360px; height:130px; box-sizing:border-box; margin:40px 0 50px; font-size:80px; text-align:center; border:4px solid #ddd; border-radius:20px;}
.bank-content .number-pad{float:right; width:455px; margin:255px 0 0;}
.bank-content .number-pad button{float:left; width:139px; height:120px; margin:0 19px 19px 0; font-size:60px; border:2px solid #ddd; border-radius:10px; background:#fff; box-shadow:0 10px 15px rgba(0, 0, 0, .1);}
.bank-content .number-pad button:nth-child(3n){margin-right:0;}
.bank-content .number-pad .btn-back{font-size:30px; color:#fff; background:#f1711b;}
.bank-content .number-pad .btn-clear{font-size:30px; color:#fff; border:0; background:#298dcc;}
.bank-content .number-pad .btn-cancel{float:right; margin:0; font-size:30px; color:#fff; border:0; background:#e0002a;}

.bank-content .amount-wrap{padding:188px 40px 0; text-align:center;}
.bank-content .amount-wrap ul{float:left; width:320px;font-size:40px;}
.bank-content .amount-wrap ul:first-child{margin:0 20px 0 0;}
.bank-content .amount-wrap li{margin:0 0 20px;}
.bank-content .amount-wrap a{display:block; height:140px; box-sizing:border-box; line-height:140px; border:2px solid #999; border-radius:20px; background:#fff; box-shadow:0 5px 5px rgba(0, 0, 0, .1);}
.bank-content .amount-wrap .info{float:left; width:320px; margin:0 20px 0 0;}
.bank-content .amount-wrap .info > p{height:300px; box-sizing:border-box; padding:100px 0 0; font-size:40px; line-height:1.5; border-radius:20px; margin:0 0 20px; background:#ddd;}
.bank-content .amount-wrap .info dl{height:620px; border-radius:20px; background:#fff;}
.bank-content .amount-wrap .info dt{padding:50px 0; font-size:40px; font-weight:700; line-height:1.5;}
.bank-content .amount-wrap .info p{margin:0 0 75px; line-height:1.5;}
.bank-content .amount-wrap .info .txt{margin:0 0 20px; padding:60px 0 0; background:none;}
.bank-content .amount-wrap .info .ad{height:458px; overflow:hidden; line-height:458px; border-radius:20px; background:#ccc;}
.bank-content .amount-wrap .btn-cancel{color:#fff; border:0; background:#e0002a;}
.bank-content .amount-wrap .btn-etc{color:#fff; border:0; background:#333;}

.bank-content .confirm-wrap{padding:170px 40px 163px; font-size:40px;}
.bank-content .confirm-wrap .disc{margin:0 0 45px; font-size:50px; text-align:center;}
.bank-content .confirm-wrap .disc b{font-weight:500; color:#0a1eb5;}
.bank-content .confirm-wrap .disc .em{color:#e0002a;}
.bank-content .confirm-wrap dl{margin:0 0 60px; text-align:center;}
.bank-content .confirm-wrap dt{margin:0 0 20px; font-size:60px;}
.bank-content .confirm-wrap .txt{text-align:center;}

.bank-content .counsel-wrap{padding:170px 40px 0; text-align:center;}
.bank-content .counsel-wrap .step li{position:relative; float:left; width:260px; height:136px; box-sizing:border-box; margin:0 110px 0 0; font-size:40px; line-height:140px; text-align:center; border:2px solid #ddd; border-radius:20px; background:#fff;}
.bank-content .counsel-wrap .step li:after{position:absolute; top:58px; right:-92px; width:63px; height:12px; content:''; background:url('/resource/home/images/life_bank/bg_dot.png') no-repeat 0 0;}
.bank-content .counsel-wrap .step li:last-child{margin:0;}
.bank-content .counsel-wrap .step li:last-child:after{display:none;}
.bank-content .counsel-wrap .step .active{color:#298dcc; line-height:128px; border:6px solid #298dcc; box-shadow:10px 10px 10px rgba(0, 0, 0, .1);}

.bank-content .return-wrap{padding:170px 0 0; text-align:center;}
.bank-content .return-wrap h3{margin:0 0 200px; font-size:60px;}

.bank-content .complete-wrap{padding:295px 40px 0;}
.bank-content .complete-wrap .line-box{padding:230px 0 0; font-size:40px;}
.bank-content .complete-wrap .line-box .em{margin:0 0 40px; font-size:60px;}

.bank-content .service-wrap{padding:165px 40px 0;}
.bank-content .service-wrap .line-box{float:left; width:640px; height:820px; padding:240px 0 0; line-height:1.5;}
.bank-content .service-wrap .line-box p{margin:0 0 80px;}
.bank-content .service-wrap .service{float:right; width:320px;}
.bank-content .service-wrap .service a{display:block; width:320px; height:140px; margin:0 0 20px; text-align:center; color:#fff; line-height:140px; border-radius:20px; background:#333;}
.bank-content .service-wrap .service .btn-cancel{background:#e0002a;}

.bank-content .welcome-wrap{padding:170px 40px 163px; text-align:center;}
.bank-content .welcome-wrap h3{font-size:60px; font-weight:500;}
.bank-content .welcome-wrap .disc{margin:25px 0 110px;}
.bank-content .welcome-wrap .type a{display:inline-block; width:460px; height:430px; box-sizing:border-box; margin:0 16px; padding:315px 0 0; font-size:40px; border:2px solid #ddd; border-radius:40px;}
.bank-content .welcome-wrap .type .btn-paper{background:#fff url('/resource/home/images/life_bank/ico_paper.png') no-repeat center 100px;}
.bank-content .welcome-wrap .type .btn-card{background:#fff url('/resource/home/images/life_bank/ico_card.png') no-repeat center 100px;}

.bank-content .cash-wrap{padding:170px 40px 163px; font-size:40px; text-align:center;}
.bank-content .cash-wrap h3{margin:0 0 50px; font-size:60px; font-weight:500;}
.bank-content .cash-wrap .box{height:720px; padding:90px 40px 0; border-radius:40px; background:#fff;}
.bank-content .cash-wrap p{color:#e0002a;}
.bank-content .tbl-cash{margin:0 0 105px; border:2px solid #ddd; border-radius:20px;}
.bank-content .tbl-cash th{height:110px; font-weight:500; border-right:2px solid #ddd; border-bottom:2px solid #ddd; background:#f5f5f5;}
.bank-content .tbl-cash td{height:115px; padding:0 0 0 60px; font-size:34px; text-align:left; border-right:2px solid #ddd;}
.bank-content .tbl-cash th:last-child,
.bank-content .tbl-cash td:last-child{border-right:0;}

.bank-content .waiting-wrap{padding:295px 40px 0;}
.bank-content .waiting-wrap .box{position:relative; height:720px; text-align:center; font-size:60px; line-height:1.5; border-radius:40px; background:#fff;}
.bank-content .waiting-wrap .box p{position:relative; top:50%; transform:translateY(-50%);}

.bank-content .confirm-wrap.type02{padding-top:95px;}

.bank-content .input-wrap{padding:135px 40px 163px; text-align:center;}
.bank-content .input-wrap .input{float:left; width:500px;}
.bank-content .input-wrap .input .inner{height:765px; box-sizing:border-box; margin:0 0 20px; padding:140px 40px 0; line-height:1.5; border-radius:30px; background:#fff;}
.bank-content .input-wrap .input h3{margin:0 0 50px; font-size:50px; font-weight:500; color:#0a1eb5;}
.bank-content .input-wrap .input .disc{padding:0 0 75px; font-size:40px;}
.bank-content .input-wrap .input .disc b{font-weight:500; color:#0a1eb5;}
.bank-content .input-wrap .input .inner dl{padding:65px 0 0; font-size:40px; border-top:2px solid #ddd;}
.bank-content .input-wrap .input .inner dt{margin:0 0 10px;}
.bank-content .input-wrap .input .price{height:122px; padding:0 30px; border:4px solid #ddd; border-radius:20px; background:#fff;}
.bank-content .input-wrap .input .price dt{float:left; height:122px; font-size:28px; line-height:122px;}
.bank-content .input-wrap .input .price dd{float:right; height:122px; line-height:122px;}
.bank-content .input-wrap .input .price span{font-size:50px;}
.bank-content .input-wrap .input .account{height:122px; padding:0 30px; border:4px solid #ddd; border-radius:20px; background:#fff;}
.bank-content .input-wrap .input .account dt{float:left;  height:122px; font-size:28px; line-height:122px;}
.bank-content .input-wrap .input .account dd{float:right; height:122px; font-size:36px; line-height:122px;}
.bank-content .input-wrap .number-pad{margin:185px 0 0;}

.bank-content .fishing-wrap{padding:295px 40px 163px;}
.bank-content .fishing-wrap .line-box{padding:145px 0 0;}
.bank-content .fishing-wrap p{margin:0 0 20px; font-size:40px; line-height:1.5;}
.bank-content .fishing-wrap .em{margin:0 0 40px; font-size:60px;}
.bank-content .fishing-wrap .btn-area a{box-sizing:border-box; padding:15px 0 0; line-height:1.2;}
.bank-content .fishing-wrap .btn-area span{display:block; font-size:28px;}

.bank-content .send-wrap{padding:60px 40px 163px; text-align:center;}
.bank-content .send-wrap h3{margin:0 0 25px; font-size:50px;}
.bank-content .send-wrap .disc{margin:0 0 20px; font-size:40px; line-height:1.4;}
.bank-content .send-wrap .disc b{font-weight:500; color:#0a1eb5;}
.bank-content .send-wrap .disc .em{color:#e0002a;}

.bank-content .more-wrap{padding:160px 40px 0; text-align:center;}
.bank-content .more-wrap .box{height:885px; box-sizing:border-box; margin:0 0 40px; padding:90px 40px 0; border-radius:40px; background:#fff;}
.bank-content .more-wrap h3{margin:0 0 45px; font-size:60px;}
.bank-content .more-wrap p{margin:0 0 85px; font-size:40px; line-height:1.5;}
.bank-content .more-wrap .btn-area{position:static; padding:0;}
.bank-content .more-wrap a{float:left; width:342px; height:122px; margin:0 9px 0 0; font-size:40px; color:#fff; line-height:122px; border-radius:61px; background:#333;}
.bank-content .more-wrap .btn-end{width:292px; margin:0; background:#0a1eb5;}

/* cafe */
.cafe-content{height:1518px; background:#f5f5f5;}
.cafe-content .page-header{height:138px; color:#fff; background:#1f3e68;}
.cafe-content .page-header h2{float:left; margin:0 0 0 42px; font-size:40px; font-weight:400; line-height:138px;}

.cafe-content > div{position:relative; height:1518px; box-sizing:border-box; background:#f5f5f5;}
.cafe-content .tbl-total{padding:0 40px; background:#fff;}
.cafe-content .tbl-total th{height:110px; font-weight:400; border-bottom:2px solid #ddd;}
.cafe-content .tbl-total td{height:110px; text-align:center;}
.cafe-content .tbl-total .btn-del{position:relative; display:inline-block; width:60px; height:60px; overflow:hidden; box-sizing:border-box; text-indent:-9999px; border:2px solid #222; border-radius:50%;}
.cafe-content .tbl-total .btn-del:before{position:absolute; top:27px; left:15px; width:27px; height:2px; content:''; background:#222; transform:rotate(45deg);}
.cafe-content .tbl-total .btn-del:after{position:absolute; top:27px; left:15px; width:27px; height:2px; content:''; background:#222; transform:rotate(-45deg);}

.cafe-content .main-wrap{height:1518px; text-align:center; background:#f7de44;}
.cafe-content .main-wrap a{display:block; height:100%; box-sizing:border-box; padding:285px 0 0; background:url('/resource/home/images/cafe/ico_cafe.png') no-repeat center 795px;}
.cafe-content .main-wrap h3{font-size:100px; line-height:1.5;}

.cafe-content .menu-wrap{padding:29px 0 0; background:#f7de44;}
.cafe-content .menu-wrap .tab{height:112px; margin:0 0 29px; padding:0 40px;}
.cafe-content .menu-wrap .tab li{float:left; width:260px; height:112px; margin:0 17px 0 0; font-size:40px; text-align:center;}
.cafe-content .menu-wrap .tab a{display:block; height:100%; line-height:112px; border-radius:20px; background:#fff;}
.cafe-content .menu-wrap .menu{margin:0 40px; padding:30px; border-radius:20px; background:#fff;}
.cafe-content .menu-wrap .menu:after{clear:both; display:block; content:'';}
.cafe-content .menu-wrap .menu li{float:left; width:235px; margin:0 0 20px; font-size:28px; text-align:center;}
.cafe-content .menu-wrap .menu span{display:block; margin:12px 0 0; white-space:nowrap;}
.cafe-content .menu-wrap .menu b{font-size:34px; color:#ca0000;}
.cafe-content .menu-wrap .paging{margin:35px 0 80px; text-align:center;}
.cafe-content .menu-wrap .paging span{display:inline-block; height:45px; vertical-align:top;}
.cafe-content .menu-wrap .paging a{position:relative; display:inline-block; width:45px; height:45px; overflow:hidden; text-indent:-9999px;}
.cafe-content .menu-wrap .paging .btn-prev:before{position:absolute; top:7px; left:16px; width:27px; height:27px; content:''; border-left:4px solid #222; border-bottom:4px solid #222; transform:rotate(45deg);}
.cafe-content .menu-wrap .paging .btn-next:before{position:absolute; top:7px; right:16px; width:27px; height:27px; content:''; border-right:4px solid #222; border-top:4px solid #222; transform:rotate(45deg);}
.cafe-content .menu-wrap .order{height:200px; box-sizing:border-box; padding:40px; background:#999;}
.cafe-content .menu-wrap .order .total{float:left; width:508px; height:120px; box-sizing:border-box; margin:0 20px 0 0; padding:0 30px; border-radius:20px; background:#fff;}
.cafe-content .menu-wrap .order dt{float:left; font-size:28px; line-height:120px;}
.cafe-content .menu-wrap .order dd{float:right; font-size:40px; line-height:120px;}
.cafe-content .menu-wrap .order a{float:left; width:226px; height:120px; box-sizing:border-box; color:#fff; text-align:center; border-radius:20px;}
.cafe-content .menu-wrap .order .btn-del{margin:0 20px 0 0; padding:10px 0 0; line-height:1.4; background:#1f3e68;}
.cafe-content .menu-wrap .order .btn-purchase{font-size:40px; line-height:120px; background:#e0002a;}

.cafe-content .detail-wrap{padding:30px 40px 0;}
.cafe-content .detail-wrap .prod{height:537px; box-sizing:border-box; margin:0 0 95px; padding:75px 55px 0; border-radius:20px; background:#fff;}
.cafe-content .detail-wrap .prod img{float:left;}
.cafe-content .detail-wrap .prod > div{float:right; width:440px;}
.cafe-content .detail-wrap .prod p{height:250px; padding:30px 0 0; font-size:40px;}
.cafe-content .detail-wrap .btn a{position:relative; float:left; width:100px; height:100px; box-sizing:border-box; text-indent:-9999px; border:2px solid #ddd;}
.cafe-content .detail-wrap .btn .btn-minus:before{position:absolute; top:50%; left:50%; width:34px; height:3px; content:''; background:#222; transform:translate(-50%, -50%);}
.cafe-content .detail-wrap .btn .btn-plus:before{position:absolute; top:50%; left:50%; width:34px; height:3px; content:''; background:#222; transform:translate(-50%, -50%);}
.cafe-content .detail-wrap .btn .btn-plus:after{position:absolute; top:50%; left:50%; width:3px; height:34px; content:''; background:#222; transform:translate(-50%, -50%);}
.cafe-content .detail-wrap .btn input[type="text"]{float:left; width:100px; height:100px; text-align:center; border:0; background:none;}
.cafe-content .detail-wrap .option{margin:0 0 75px;}
.cafe-content .detail-wrap .option:after{clear:both; display:block; content:'';}
.cafe-content .detail-wrap .option dt{margin:0 0 25px; font-size:40px;}
.cafe-content .detail-wrap .option .radio{position:relative; float:left; width:300px; height:131px; box-sizing:border-box; margin:0 20px 0 0; text-align:center;}
.cafe-content .detail-wrap .option .radio input[type="radio"],
.cafe-content .detail-wrap .option .radio input[type="checkbox"]{position:absolute; top:0; left:0; opacity:0;}
.cafe-content .detail-wrap .option .radio label{display:block; height:100%; box-sizing:border-box; padding:16px 0 0; border-radius:20px; background:#fff;}
.cafe-content .detail-wrap .option .radio span{display:block; font-size:40px;}
.cafe-content .detail-wrap .option .radio input[type="radio"]:checked + label,
.cafe-content .detail-wrap .option .radio input[type="checkbox"]:checked + label{color:#fff; background:#e0002a;}
.cafe-content .detail-wrap .order{position:absolute; bottom:0; left:0; height:200px; box-sizing:border-box; padding:40px; background:#999;}
.cafe-content .detail-wrap .order .total{float:left; width:508px; height:120px; box-sizing:border-box; margin:0 20px 0 0; padding:0 30px; border-radius:20px; background:#fff;}
.cafe-content .detail-wrap .order dt{float:left; font-size:28px; line-height:120px;}
.cafe-content .detail-wrap .order dd{float:right; font-size:40px; line-height:120px;}
.cafe-content .detail-wrap .order a{float:right; width:470px; height:120px; box-sizing:border-box; color:#fff; text-align:center; line-height:120px; border-radius:20px; background:#e0002a;}

.cafe-content .cup-wrap{padding:190px 0 0; text-align:center;}
.cafe-content .cup-wrap h3{margin:0 0 45px; font-size:60px;}
.cafe-content .cup-wrap p{margin:0 0 25px; font-weight:400;}
.cafe-content .cup-wrap .em{color:#e0002a;}
.cafe-content .cup-wrap div{margin:160px 0 0;}
.cafe-content .cup-wrap a{display:inline-block; width:400px; height:400px; box-sizing:border-box; margin:0 18px; padding:130px 0 0; font-size:50px; color:#fff; border-radius:50%; background:#1f3e68;}
.cafe-content .cup-wrap a span{display:block; margin:25px 0 0; font-size:34px;}

.cafe-content .method-wrap{padding:135px 40px 0;}
.cafe-content .method-wrap h3{margin:0 0 55px; text-align:center; font-size:60px; font-weight:500;}
.cafe-content .method-wrap .method{margin:0 0 95px; text-align:center;}
.cafe-content .method-wrap .method a{display:inline-block; width:320px; height:420px; box-sizing:border-box; margin:0 4px; padding:230px 0 0; font-size:40px; line-height:1; vertical-align:top; border-radius:20px;}
.cafe-content .method-wrap .method a:nth-child(1){background:#fff url('/resource/home/images/cafe/ico_card.gif') no-repeat center 63px;}
.cafe-content .method-wrap .method a:nth-child(2){background:#fff url('/resource/home/images/cafe/ico_pay.gif') no-repeat center 63px;}
.cafe-content .method-wrap .method a:nth-child(3){background:#fff url('/resource/home/images/cafe/ico_gifticon.gif') no-repeat center 63px;}
.cafe-content .method-wrap .method span{display:block; margin:20px 0 0;}
.cafe-content .method-wrap .tbl-total{margin:0 -40px;}
.cafe-content .method-wrap .total{position:absolute; bottom:0; left:0; width:100%; height:200px; box-sizing:border-box; padding:40px; background:#999;}
.cafe-content .method-wrap .total dl{height:120px; box-sizing:border-box; margin:0 20px 0 0; padding:0 30px; border-radius:20px; background:#fff;}
.cafe-content .method-wrap .total dt{float:left; font-size:28px; line-height:120px;}
.cafe-content .method-wrap .total dd{float:right; font-size:40px; line-height:120px;}

.cafe-content .insert-wrap{padding:230px 0 0; text-align:center; line-height:1.5;}
.cafe-content .insert-wrap h3{margin:0 0 90px; font-size:60px; font-weight:500; line-height:1.5;}
.cafe-content .btn-area{position:absolute; left:0; bottom:0; width:100%; height:163px; box-sizing:border-box; padding:0 40px;}
.cafe-content .btn-area a{position:relative; display:inline-block; width:491px; height:122px; box-sizing:border-box; font-size:40px; text-align:center; line-height:122px; border-radius:20px; background:#f5f5f5;}

.cafe-content .complete-wrap{padding:230px 40px 0; text-align:center;}
.cafe-content .complete-wrap h3{font-size:60px;}
.cafe-content .complete-wrap .disc{margin:30px 0 65px; font-size:40px;}
.cafe-content .complete-wrap .number{width:520px; height:650px; box-sizing:border-box; margin:0 auto 90px; padding:170px 0 0; border-radius:20px; background:#fff;}
.cafe-content .complete-wrap .number dt{margin:0 0 130px; font-size:60px;}
.cafe-content .complete-wrap .number dd{font-size:120px; font-weight:700; color:#e0002a;}
.cafe-content .complete-wrap .btn-area a{float:left; width:480px; height:122px; box-sizing:border-box; line-height:118px; border:2px solid #ddd; border-radius:20px; background:#fff;}
.cafe-content .complete-wrap .btn-area a:last-child{float:right;}

/* theater */
.theater-content{height:1518px; color:#ffffff; background:#000000;}
.theater-content:after{position:absolute; bottom:0; left:0; width:100%; height:0; content:''; box-shadow:0 0 10px 5px rgba(0, 0, 0, .05);}

.theater-content > div{position:relative; height:1518px; box-sizing:border-box;}
.theater-content .btn-area{position:absolute; bottom:0; left:0; width:100%; height:140px; box-sizing:border-box; padding:0 40px; background:#999;}
.theater-content .btn-area a{height:140px; overflow:hidden; text-indent:-9999px;}
.theater-content .btn-area .btn-back{float:left; width:28px; background:url('/resource/home/images/theater/btn_back.png') no-repeat center center;}
.theater-content .btn-area .btn-home{float:right; width:75px; background:url('/resource/home/images/theater/btn_home.png') no-repeat center center;}

.theater-modal{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.7);}
.theater-modal .modal-inner{position:absolute; top:50%; left:50%; width:1000px; height:1090px; box-sizing:border-box; padding:70px 0 0; color:#fff; border-radius:60px; background:#333; transform:translate(-50%, -50%);}
.theater-modal .btn-close{position:absolute; top:50px; right:50px; width:42px; height:42px; overflow:hidden; text-indent:-9999px;}
.theater-modal .btn-close:before{position:absolute; top:19px; left:-6px; width:54px; height:4px; content:''; background:#fff; transform:rotate(45deg);}
.theater-modal .btn-close:after{position:absolute; top:19px; left:-6px; width:54px; height:4px; content:''; background:#fff; transform:rotate(-45deg);}
.theater-modal h1{font-size:60px; font-weight:500; text-align:center;}
.theater-modal .disc{margin:30px 0 0; font-weight:400; text-align:center; line-height:1.5;}
.theater-modal .disc b{font-weight:400; color:#ff0101;}
.theater-modal .member{margin:70px 120px 0;}
.theater-modal .member p{font-weight:400; text-align:center;}
.theater-modal .member p span{font-size:60px; font-weight:500;}
.theater-modal .member ul{padding:65px 0 0; font-size:40px;}
.theater-modal .member li{height:90px; margin:0 0 30px; font-weight:400;}
.theater-modal .member li span{float:left; width:200px; line-height:90px;}
.theater-modal .member .radio{position:relative; float:left; width:90px; margin:0 8px 0 0;}
.theater-modal .member .radio input[type="radio"]{position:absolute; top:0; left:0; opacity:0;}
.theater-modal .member .radio label{display:block; height:90px; text-align:center; line-height:90px; border-radius:50%;}
.theater-modal .member .radio input[type="radio"]:checked + label{background:#e0002a;}
.theater-modal .member .btn-selet{display:block; width:440px; height:120px; margin:64px auto 0; font-size:50px; text-align:center; line-height:120px; border-radius:60px; background:#e0002a;}
.theater-modal .insert{padding:70px 0 0; text-align:center;}
.theater-modal .btn-area{position:absolute; left:230px; top:955px; width:100%; height:80px; box-sizing:border-box; padding:0 30px;}
.theater-modal .btn-area a{position:relative; display:inline-block; width:460px; height:80px; line-height:80px; box-sizing:border-box; font-size:40px; text-align:center; border-radius:20px; color:rgba(0,0,0,.8); background:#f5f5f5;}

.theater-content .main-wrap{padding:200px 40px 0; color:#fff;}
.theater-content .main-wrap .date{font-size:40px; text-align:center;}
.theater-content .main-wrap .time{margin:0 0 100px; font-size:100px; font-weight:700; text-align:center;}
.theater-content .main-wrap .menu li{float:left; width:312px; height:342px; box-sizing:border-box; margin:0 0 30px 30px; font-size:60px;}
.theater-content .main-wrap .menu li:nth-child(1){height:714px; margin:0; background:url('/resource/home/images/theater/menu01.png') no-repeat 0 0;}
.theater-content .main-wrap .menu li:nth-child(2){background:url('/resource/home/images/theater/menu02.png') no-repeat 0 0;}
.theater-content .main-wrap .menu li:nth-child(3){background:url('/resource/home/images/theater/menu03.png') no-repeat 0 0;}
.theater-content .main-wrap .menu li:nth-child(4){background:url('/resource/home/images/theater/menu04.png') no-repeat 0 0;}
.theater-content .main-wrap .menu li:nth-child(5){background:url('/resource/home/images/theater/menu05.png') no-repeat 0 0;}
.theater-content .main-wrap .menu li span{display:block; margin:10px 0 0; font-size:40px;}
.theater-content .main-wrap .menu a{display:block; height:100%; box-sizing:border-box; padding:40px;}

.theater-content .list-wrap .nav{height:98px; padding:0 40px; font-size:40px; border-bottom:2px solid #4d4d4d;}
.theater-content .list-wrap .nav ul{float:left; height:98px; margin:0 100px 0 0; line-height:98px;}
.theater-content .list-wrap .nav p{float:right; line-height:98px;}
.theater-content .theater-list{height:1278px; overflow:hidden;}
.theater-content .theater-list li{font-size:40px; border-bottom:2px solid #4d4d4d;}
.theater-content .theater-list a{position:relative; display:block; height:259px; padding:0 0 0 200px;}
.theater-content .theater-list .date{position:absolute; top:50%; left:0; width:200px; text-align:center; transform:translateY(-50%);}
.theater-content .theater-list .sbj{position:absolute; top:50%; left:410px; width:400px; padding:0 0 0 80px; text-align:left; transform:translateY(-50%);}
.theater-content .theater-list .tag{position:absolute; top:50%; left:0; width:60px; height:60px; font-size:28px; text-align:center; line-height:60px; border-radius:50%; transform:translateY(-50%);}
.theater-content .theater-list .tag.over12{background:#108db1;}
.theater-content .theater-list .tag.over15{background:#bea12c;}
.theater-content .theater-list .seat{position:absolute; top:50%; right:0; width:190px; padding:0 40px 0 0; font-size:34px; text-align:right; line-height:1.5; transform:translateY(-50%);}

.theater-content .movie-info{height:359px; border-bottom:2px solid #4d4d4d;}
.theater-content .movie-info > div{float:left; width:662px; height:100%; box-sizing:border-box; padding:40px; border-right:2px solid #4d4d4d;}
.theater-content .movie-info img{float:left; margin:0 40px 0 0;}
.theater-content .movie-info h2{margin:0 0 35px; font-size:50px; font-size:500;}
.theater-content .movie-info .tag{float:left; width:60px; height:60px; margin:0 20px 0 0; font-size:28px; text-align:center; line-height:60px; border-radius:50%;}
.theater-content .movie-info .tag.over12{background:#108db1;}
.theater-content .movie-info li{margin:0 0 20px;}
.theater-content .price{float:right; width:418px; box-sizing:border-box; padding:40px; text-align:right;}
.theater-content .price .sbj{display:inline-block; float:left; width:140px; text-align:left;}
.theater-content .price b{font-size:40px; font-weight:700; color:#ff0030;}
.theater-content .seat-wrap .nav{position:absolute; bottom:230px; left:0; width:100%; height:165px; box-sizing:border-box; padding:40px 0 0; background:linear-gradient(to top, rgba(0, 0, 0, .5) 50%, rgba(0, 0, 0, .3) 80%, rgba(0, 0, 0, 0) 100%);}
.theater-content .seat-wrap .nav .btn-down{position:relative; display:block; width:90px; height:55px; overflow:hidden; margin:0 auto 55px; text-indent:-9999px;}
.theater-content .seat-wrap .nav .btn-down:before{position:absolute; top:-21px; left:14px; width:49px; height:49px; content:''; border-right:14px solid #dde7ed; border-bottom:14px solid #dde7ed; transform:rotate(45deg);}
.theater-content .seat-wrap .nav .btn-purchase{display:block; width:520px; height:120px; margin:0 auto; font-size:50px; text-align:center; line-height:120px; border-radius:60px; background:#e0002a;}
.theater-content .seat-list{width:760px; margin:0 auto;}
.theater-content .seat-list span{display:block; height:185px; font-size:60px; text-align:center; line-height:185px; opacity:.5;}
.theater-content .seat-list ul{float:left; font-size:28px; color:#666;}
.theater-content .seat-list li{height:44px; margin:0 0 6px;}
.theater-content .seat-list .seat{float:left; margin:0 8px;}
.theater-content .seat-list .seat:after{clear:both; display:block; content:'';}
.theater-content .seat-list .seat ul{margin:0 31px 0 0;}
.theater-content .seat-list .seat ul:last-child{margin:50px 0 0;}
.theater-content .seat-list button{float:left; width:44px; height:44px; margin:0 6px 0 0; background:#c59e61;}
.theater-content .seat-list button:last-child{margin:0;}
.theater-content .seat-list button.disable{background:#666;}
.theater-content .seat-list button.selected{background:#ca0000;}

.theater-content .purchase-wrap .purchase-info{padding:60px 40px 0;}
.theater-content .purchase-wrap .purchase-info h3{margin:0 0 40px; font-weight:50; font-weight:500; text-align:center;}
.theater-content .purchase-wrap .method a{display:inline-block; width:320px; height:390px; box-sizing:border-box; margin:0 4px; padding:240px 0 0; font-size:50px; text-align:center; line-height:1; vertical-align:top; border-radius:20px;}
.theater-content .purchase-wrap .method a:nth-child(1){margin:0 0 30px; padding:220px 0 0; background:#333 url('/resource/home/images/theater/ico_card.png') no-repeat center 63px;}
.theater-content .purchase-wrap .method a:nth-child(1) span{display:block; margin:10px 0 0; font-size:34px;}
.theater-content .purchase-wrap .method a:nth-child(2){background:#333 url('/resource/home/images/theater/ico_kakao.png') no-repeat center 63px;}
.theater-content .purchase-wrap .method a:nth-child(3){background:#333 url('/resource/home/images/theater/ico_payco.png') no-repeat center 63px;}
.theater-content .purchase-wrap .method .easy{width:100%; height:130px; padding:0; line-height:130px; background:#333;}
.theater-content .purchase-wrap .method span{display:block; margin:20px 0 0;}
.theater-content .purchase-wrap .discount{padding:60px 0 0; font-size:40px; text-align:center;}
.theater-content .purchase-wrap .discount p{margin:0 0 35px;}
.theater-content .purchase-wrap .discount a{display:inline-block; width:400px; height:100px; box-sizing:border-box; font-weight:400; text-align:center; color:#fff; line-height:96px; border:2px solid #666; border-radius:50px;}

.theater-content .complete-wrap{padding:280px 0 0; text-align:center;}
.theater-content .complete-wrap h2{margin:0 0 140px; font-size:80px; line-height:1.5;}

.theater-content .online-wrap { }
.theater-content .online-wrap .nav{height:98px; text-align:center; line-height:96px; padding:0 40px; font-size:40px; border-bottom:2px solid #4d4d4d;}
.theater-content .online-wrap .info { text-align:center; margin:55px 0 44px 0;  }
.theater-content .online-wrap .info p:first-child { font-size:40px; font-weight:300; line-height:48px; color:#fff; }
.theater-content .online-wrap .info p:last-child { font-size:30px; font-weight:300; line-height:48px; color:#fff;  }
.theater-content .online-wrap .content-wrap { padding:0 40px;}

.theater-content .online-wrap .tab{overflow:hidden; margin:0 0 30px; border-radius:30px;}
.theater-content .online-wrap .tab:after{clear:both; display:block; content:'';}
.theater-content .online-wrap .tab li{float:left; width:50%; font-weight:400; text-align:center; background:#333333;}
.theater-content .online-wrap .tab li.active{font-weight:500; color:#fff; background:#e0002a;}
.theater-content .online-wrap .tab a{display:block; height:140px; font-size:48px; line-height:140px;}
.theater-content .online-wrap input[type="text"]{width:100%; height:150px; box-sizing:border-box; margin:0 0 38px; font-size:80px; font-weight:700; text-align:center; outline:none; border:2px solid #ddd; border-radius:30px; background:#fff;}
.theater-content .online-wrap .number-pad{width:455px; margin:0 auto 24px;}
.theater-content .online-wrap .number-pad:after{clear:both; display:block; content:'';}
.theater-content .online-wrap .number-pad button{float:left; width:139px; height:120px; margin:19px 19px 0 0; font-size:60px; color:#fff; border:2px solid #333333; border-radius:10px; background:#333333;}
.theater-content .online-wrap .number-pad button:active { background-color:#e0002a; border:2px solid #e0002a; }
.theater-content .online-wrap .number-pad button:nth-child(3n){margin-right:0;}
.theater-content .online-wrap .number-pad button:nth-child(1),
.theater-content .online-wrap .number-pad button:nth-child(2),
.theater-content .online-wrap .number-pad button:nth-child(3){margin-top:0;}
.theater-content .online-wrap .number-pad .btn-back,
.theater-content .online-wrap .number-pad .btn-clear{font-size:30px;}
.theater-content .online-wrap .submit-area { text-align:center; }
.theater-content .online-wrap .submit-btn { width:456px; height:121px; border:0; background-color:#e0002a; text-align:center; font-size:50px; font-weight:400; color:#fff; border-radius: 60px;  }
.theater-content .online-wrap .theater-list { height:auto;}
.theater-content .online-wrap .theater-list li { overflow:hidden; padding:58px 40px; }
.theater-content .online-wrap .theater-list li img { float:left;  box-sizing: border-box; }
.theater-content .online-wrap .theater-list li .infotxt { float:left; padding-left:40px; }
.theater-content .online-wrap .theater-list li .infotxt .sbj { position:relative; top:0; left:0; transform: translateY(0); font-size:50px;  }
.theater-content .online-wrap .theater-list li .infotxt .sub { font-size:40px; margin-top:50px; }
.theater-content .online-wrap .theater-list li .checked { float:right; padding:80px 0 0 10px; }


/* 인쇄 */

.pos-print-wrap{position:relative; width:255px; margin:0 0 0 5px; font-size:15px; font-weight:400; font-family:'Malgun Gothic'}
.pos-print-wrap h1{padding:12px 0 12px 0; font-size:20px; font-weight:700; text-align:center;}
.pos-print-wrap ul{margin:0 0 16px; padding:12px 0; border-top:2px solid #000000; border-bottom:2px solid #000000;}
.pos-print-wrap li{padding:6px 0;}
.pos-print-wrap li:after{clear:both; display:block; content:'';}
.pos-print-wrap .sbj{float:left;}
.pos-print-wrap .sbj i{font-style:normal; }
.pos-print-wrap .detail{float:right; text-align:right;}
.pos-print-wrap .total{height:50px; padding:0 10px; line-height:50px; border-radius:5px; background:#e5eef0;}
.pos-print-wrap .total dt{float:left;}
.pos-print-wrap .total dd{float:right; font-weight:500;}
.pos-print-wrap .txt{margin:12px 0 12px 0; font-size:15px; font-weight:700; text-align:center; }