i{vertical-align: middle;}

/**/
.side{position: fixed; width: 225px; background: #fcfcfc; z-index:800; top: 0;
right: 0;border-left: 1px solid #d0d0d0; padding-top: 80px; box-sizing:border-box;}
.side-wrap{padding: 5px 0; overflow: auto;}
.side-inner{padding: 15px 20px 0px 20px; box-sizing:boder-box;}
.side-inner h1{font-size: 16px; color: #333; border-bottom: 1px solid #bdbdbd; line-height: 1.6em;}
.side-inner ul{padding: 10px 0 0; line-height: 1.6em;}
.side-inner ul li{font-size: 15px; color: #5f5f5f; letter-spacing: -0.4px;}
.side-inner.no1 .main{font-size: 21px; color: #333; font-weight: 500; color: #434343; padding-bottom: 5px;}
.side-inner.no2 .main{color: #333;}
.side-inner ul li.sub{font-size: 13px; line-height: 1.4em; position:relative; padding-top: 15px; padding-left: 6px; word-break:keep-all; font-weight: 300; color:#333; word-spacing: -1.5px;}
.side-inner ul li.sub:before{content: "*"; position: absolute; left: -1px;}
.side .control{width: 30px; padding: 15px 0; border: 1px solid #d0d0d0; border-right: 1px solid #e1e1e1; background:#fcfcfc; text-align: center; position: absolute; top: 50%; left: -30px; margin-top: -31px; border-radius: 2px 0 0 2px; cursor: pointer}
.side .control i{font-size: 30px; color: #3da5cc;}
.side .gotop{font-size: 15px; width: 225px; position: absolute; bottom: 80px; text-align: center; background: #b0b0b0; padding: 14px 0 10px; }
.side .gotop a{color: #fff; font-weight: 500; letter-spacing: 1px;}
.side .gotop i{padding-left: 5px; font-size: 17px; display: inline-block; margin-top: -3px; color: #fff;}


/**/
#header{position: fixed; width: 100%; z-index: 900; background:#fff; box-shadow: 0px 2px 3px rgba(0,0,0,0.2)}
#contents{padding-top: 85px;}
.top-wrap{background: #fff;}
.top-wrap .top{padding: 5px 0; }
.top-wrap .top .top-left a.hidden-md{float: left;}
.top-wrap .top .top-left a{display: block; float: left; color: #7f7f7f; font-size: 13px;padding-right: 10px; font-weight: 300; line-height: 1.8em;}
.top-wrap .top .top-left a:hover{color: #3da5cc;}
.top-wrap .top .top-right a{padding-left: 10px; display: inline-block; color: #7f7f7f; font-size: 13px; font-weight: 300; line-height: 1.8em;}



.menu{background: #3b454e; width: 100%; position: relative;}
.menu .menu-up,
.menu .menu-up a{color: #fff; font-size: 20px;}
.menu .menu-up i{font-size: 35px; display: inline-block; background: #4b5861; padding: 10px 7px; cursor: pointer; color: #fff;}
.menu .menu-up i.mypage-icon{color: #c4c8cb;}
.menu .menu-up a{font-size: 15px;}
.menu em.logo{display:inline-block; width: 232px; height: 30px; line-height: 30px; background:url(../img/logo.svg) 0 50% no-repeat; background-size: 222px; vertical-align: middle; margin-left:20px; margin-right:10px;}
.menu .menu-left span{display:inline-block; font-size: 18.64px; vertical-align: middle; color: #fff; height: 30px; line-height: 30px;}
.menu .menu-right a{display: inline-block; vertical-align: middle; line-height: 2em; margin-left: 15px; color:#c4c8cb;}
.menu .menu-right .mypage-wrap{display: inline-block; margin-left: 15px; position: relative;}
.menu .mypage{display:none; position: absolute; top: 55px; right:-1px; z-index: 1000; background: #fff; border: 1px solid #c0c0c0; width: 150px; height: 295px; text-align: left; box-shadow: 0px 2px 3px rgba(0,0,0,0.1);}
.menu .mypage:before{content: ""; display: block; height:0; border-color:transparent transparent #f3f3f3 transparent ; border-style:solid; border-width:8px; position: absolute;top: -15px; right:13px; z-index: 1001;}
.menu .mypage li{padding: 0;}
.menu .mypage li.login{background: #f3f3f3; padding: 5px 0;}
.menu .mypage li:nth-child(2){padding-top: 10px;}
.menu .mypage .li-topline{padding-top: 7px;margin-top: 7px; border-top: 1px dashed #e1e1e1;}
.menu .mypage a{color: #313131; padding: 10px; line-height: 1.4em; width: 100%; margin: 0; padding: 10px 20px; font-size: 16px; word-spacing: -1px; letter-spacing: -0.5px;}
.menu .mypage a em{color: #3da5cc; font-size: 16px;}
.menu .mypage a i.go-mypage{color: #aaa; font-size: 20px; display: inline; background: transparent; position: relative; top: -2px; text-decoration: none;}
.menu .mypage a:hover{color: #3da5cc;}
.menu .mypage a:hover i{color: #3da5cc;}
.menu .mypage a:hover em{text-decoration: underline;}
.menu .category-wrap{display: inline-block;}
.menu .category{display:none; position: absolute; z-index: 1000; background: #fff; border: 1px solid #c0c0c0; height: 380px; box-shadow: -2px 2px 2px rgba(0,0,0,0.1);}
.menu .category:before{content: ""; display: block; height:0; border-color:transparent transparent #f3f3f3 transparent ; border-style:solid; border-width:8px; position: absolute;top: -15px; left:13px; z-index: 1001;}

.menu .category .home{background: #f3f3f3; padding: 5px 0;}
.menu .category .home a{background: transparent; border-top: 0; border-bottom: 0;}
.menu .category i.go-home{color: #aaa; font-size: 20px; display: inline; background: transparent; position: relative; top: -2px; text-decoration: none;}
.menu .category>li:first-child{padding-top: 5px;}
.menu .category>li{background: #fff;}
.menu .category>li>span{display: block; width:140px;}
.menu .category>li>span a{display: block; float: left; width: 140px; padding:10px 15px; letter-spacing: -0.5px; border-right:0; box-sizing:border-box; border-top: 1px solid #fff; border-bottom: 1px solid #fff; border-right:1px solid #fff; background: #fff;font-size: 16px; color: #313131; line-height: 1.4em;}
.menu .category>li>span a.on,
.menu .category>li>span:hover>a{border-top: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; color: #3da5cc; text-decoration: underline; position: relative;}
.menu .category>li.home>span a.on,
.menu .category>li.home>span:hover>a{border-top: 0; border-bottom: 0; color: #3da5cc; text-decoration: none;}
.menu .category>li.home>span>a.on:after,
.menu .category>li.home>span:hover>a:after{content: ""; display: none;}

.menu .category>li>span>a.on:after,
.menu .category>li>span:hover>a:after{content: ""; display: block;width: 2px; height: 42px; background: #fff; position: absolute; top: 0; right: -2px; z-index: 9999;}
.menu .category>li>ul{display: none; float: right; width: 200px; position: absolute; top: -1px; left: 140px; background: #fff; border: 1px solid #c0c0c0; height: 380px; border-left: 1px dashed #c0c0c0; box-shadow: 0px 2px 3px rgba(0,0,0,0.1);}
.menu .category>li>ul>li{padding: 15px 15px 0; line-height: 1em;}
.menu .category>li>ul>li>a{color: #7f7e7e; font-size: 14px; letter-spacing: -0.5px;}
.menu .category>li>ul>li>a:hover{color: #3da5cc;}

/**/
.pop-up{display:none; position: fixed; background: rgba(0,0,0,0.5); width: 100%; z-index: 9999; height: 100%; overflow: hidden}
.pop-up .box{background: #fff; width: 420px; padding: 50px 30px 30px; position:relative; top: 150px; left: 50%;  margin-left: -210px; font-size: 16px; color: #444; font-weight: 300; border-radius: 1px; box-shadow: 2px 2px 10px rgba(0,0,0,0.2)}
.pop-up .box .pop-btn{margin-top: 50px;}
.pop-up .box .pop-btn p{padding: 0 5px;}
.pop-up .box .pop-btn p button{width: 100%; padding: 15px 0; background: #6d7074; color: #fff; font-size: 13px;}
.pop-up .box .pop-btn p.no2 button{background: #3da5cc; border-radius: 1px;}

/**/
.main.wrap{background: rgb(240,240,240)}
.section1{background: #d9d9d9; border-bottom: 1px solid #d9d9d9;}
.section1{margin-bottom: 80px;}
.section1 .slick-slider{margin-bottom: 0;}
.section1 .slick-dots{margin-top: 10px; }
.section1 .slick-dots li button:before{border-radius: 0; width: 23px; height: 7px;}
.section1 .slick-dots li.slick-active button:before{background: #3da5cc;}

.section2 .btn-wrap ul{width: 100%;}

.section2 .btn-wrap li:last-of-type{border-right:1px solid #c0c0c0;}
.section2 .btn-wrap li{width: 14.285714%; background: #fff; font-size: 16px; font-weight: 400; border: 1px solid #c0c0c0; box-sizing:border-box; border-right: 0; position: relative; transition:0.2s all;}
.section2 .btn-wrap li:hover{background: #dfdfdf;}
.section2 .btn-wrap li.on{background: #3da5cc; border: 1px solid #3da5cc;}
.section2 .btn-wrap li.on button{color: #fff;}
.section2 .btn-wrap li.on:before{content: ""; display: block; height:0; border-color:#3da5cc transparent transparent  transparent; border-style:solid; border-width:8px; position: absolute; bottom: -16px; left:50%; z-index:100; margin-left:-8px;}
.section2 .btn-wrap li button{width: 100%;padding: 10px 0; background: transparent; color: #5f5f5f;}

/* YH index�� �޴���*/
.section2.onnuri .btn-wrap ul{width: 100%; display: flex; justify-content: center;}
.section2.onnuri .btn-wrap li{width: 100%;}
.onnuri .onnuri-link{text-align: center;}
.onnuri .onnuri-link div{font-weight: bold; padding-top: 30px;}

.section2 .grid a{display: block; margin-top: 70px;}
.section2 .grid a .book-wrap{height: 240px; position: relative; text-align: center;}
.section2 .grid a img{display: block; position: absolute; bottom: 0; left: 50%; border: 1px solid #d2d2d2; margin: 0 auto; max-width: 164px; width: 100%; box-shadow: 1px 1px 3px rgba(0,0,0,0.1)}
.section2 .grid .sort5 a img,
.section2 .grid .sort6 a img{box-shadow: 0px 0px 0px rgba(0,0,0,0);}
.section2 .grid .sort5 a,
.section2 .grid .sort6 a{box-shadow: 1px 1px 3px rgba(0,0,0,0.1)}
.section2 .grid a span{display:block; text-align: center; font-size: 16px; color: #414141; padding-top: 20px; word-break:keep-all;}
.section2 .grid .subscription{background: #fcfcfc; border: 1px solid #d2d2d2; width: 95%; margin: 50px auto 0; display: table;}
.section2 .grid .subscription div{display: table-cell; vertical-align: middle;}
.section2 .grid .subscription img{border: 0; display: block; padding: 50px 0; margin: 0 auto!important; width: 300px; max-width: 300px; position: static;}
.section2 .grid .subscription.mobile img{padding: 25px 0; width: 250px;}
.section2 .grid .subscription span{display: block; text-align: left; font-size: 16px; color: #414141; letter-spacing: -0.5px; line-height: 1.5em; margin: 0 auto; width: 100%; max-width: 350px;}
.section2 .grid .subscription span strong{display:inline-block; font-size: 24px; color: #414141; font-weight: 600; padding-bottom: 15px;}

/**/
.detail .img-wrap{padding: 85px 5.7% 0 0}
.detail .img-wrap img{box-shadow: 1px 1px 3px rgba(0,0,0,0.2);margin-bottom:40px;}
.detail .event_txt{text-align: center;z-index:100; background: url(../img/price_bubble.png) no-repeat center bottom; background-size: 245px; padding:40px 0 8px 0;}
.detail .text-wrap{padding-top: 85px}
.detail .text-wrap h2{color: #333; font-size: 24px; letter-spacing: -1.5px; padding-bottom: 15px; border-bottom: 1px solid #e1e1e1;}
.detail .text-wrap h2 span{font-weight: 400; padding-left: 5px; font-size: 18px; letter-spacing: -0.5px;}
.detail .text-wrap .box{padding-top: 25px; font-size: 15px; color: #444; line-height: 1.4em; font-weight: 300;}
.detail .box h3{color: #444; font-size: 15px; line-height: 1.4em; font-weight: 500; letter-spacing: -0.5px;}
.detail .text-wrap .box ul li:before{content: ""; display: inline-block; width: 4px; height:4px; background: #444; vertical-align: middle; border-radius: 50%; margin-right: 8px;}
.detail .text-wrap .box ul li span{color: #cf1712; font-weight: 500; font-size: 17px;}
.detail .text-wrap .box ul li span:after{content: "¿ø"; font-size: 15px; padding-left: 2px; padding-right: 5px;}
.detail .text-wrap .box ul li button{background: #fdfdfd; border: 1px solid #aaa; color: #777; font-size: 13px; height: 25px; line-height: 25px; padding:0 5px; border-radius: 3px; margin: 0 5px;}
.detail .text-wrap .box ul li button i{color: #3da5cc; display:inline-block; vertical-align: middle; padding-bottom: 5px; padding-left: 5px;}
.detail .text-wrap .box.no2{border-bottom: 1px solid #e1e1e1; padding-bottom: 20px;}
.detail .text-wrap .box.no3{font-size: 14px; padding-bottom: 20px; color: #666;}
.detail .text-wrap .box.no3 span{font-weight: 400; padding-right: 5px;}
.detail .text-wrap .box.no3 span em {font-weight: 400; padding-right: 5px;  color: #cf1712;}
.detail .text-wrap .detail-btn li{}
.detail .text-wrap .detail-btn li button{width: 100%; padding: 18px 10px; font-size: 16px; font-weight: 400; color: #fff; cursor: pointer;}

.detail .text-wrap .detail-btn li.no0 button{background: #E4E4E4; color: #6C7073; }
.detail .text-wrap .detail-btn li.no1 button{background: #6d7074;}
.detail .text-wrap .detail-btn li.no2 button{background: #3da5cc;}

/* YH */
.detail.onnuri .txt-red{color: #cf1712;}
.detail.onnuri .txt-sky{color: #3da5cc;}
.detail.onnuri .txt-black{color: #444;}
.detail.onnuri .write span{display: inline-block; height: 40px; line-height: 40px;}

/**/
.app.detail .img-wrap .gift-img{margin-top: 0px;}
.app.detail .img-wrap img{box-shadow: 0px 0px 0px rgba(0,0,0,0)}
.gift-img{margin-top: 55px;} /**/
.detail .detail-more{margin-top: 40px; border-top: 1px dashed #e1e1e1;}
.detail .detail-more h3{padding-top: 30px; padding-bottom: 20px;}
.detail .detail-more ul{font-size: 15px; color: #444; line-height: 1.4em; font-weight: 300;}
.detail .detail-more ul a:hover{text-decoration: underline; color: #333;}
.gift .slick-dots{padding-top: 20px;}
/*.gift .slick-arrow{background-color: rgba(255,255,255,0.8); padding:3px; box-sizing:content-box; border-radius: 3px;}*/
.gift .slick-next{right: -15px;}
.gift .slick-prev{left: -8px;}
.gift select{font-size: 20px; width: 50%}
.gift select option{font-size: 16px;}
.detail .text-wrap .box ul.ul-app li{line-height:1.8em;}
.detail .text-wrap .box ul.ul-app li:before{display: none;}
.gift-textbox{display: inline-block; background: #efefef; padding: 8px 12px; border-radius: 3px; position: relative; top: 7px; font-weight: 300; font-size: 14px}
.gift-textbox:before{content: ""; border-width:8px; border-color: transparent transparent #efefef transparent; border-style: solid; height:0; position: absolute; top: -14px;}

/**/
/*.apply.detail .text-wrap h2{font-size: 22px;}
.apply.detail .text-wrap h2 span{font-size: 22px;}*/
.apply.detail .text-wrap .box.no1 ul li{padding-left: 0; height: 40px; line-height: 40px}
.apply.detail .text-wrap .box.no1 ul li input{margin-right: 10px;}
.apply.detail .text-wrap .box.no1 ul li:before{display: none;}
.apply.detail .text-wrap .box h3{height: 40px; line-height: 40px; white-space: nowrap}
.apply.detail .text-wrap .box.no2{border-bottom: 0; padding-bottom: 0;}
.apply.detail .text-wrap .box.no4 h3{background: #eef8fc; font-size: 18px; color: #2166be; font-weight: 400; padding-right: 20px; height: 60px; line-height: 60px; border-bottom: 1px solid #e1e1e1;}
.apply.detail .text-wrap .box.no4 h3 span{font-size: 20px; color: #2166be; font-weight: 800;}
.apply.detail .text-wrap .box.no4 h3 span:after{content:"¿ø"; font-size: 17px; font-weight: 400; padding-left: 3px;}
.apply.eng.detail .text-wrap .box.no4 h3 span:after{content:"KRW";}
.apply input[type='radio']{width: 15px; margin-right: 5px; display: inline-block; float: none;}
.apply input[type='checkbox']{width: 13px!important; height: 13px!important; display: inline-block; float: none; margin-left: 5px; margin-top: 0;}
.apply input,
.apply select{width: 25%; margin-right: 2.5%; display: block; float: left;}
.apply .select-date span{display: block;float: left; width: 33%;}
.apply .select-date span select{width: 70%; display: block; float: left; margin: 0;}
.apply .select-date span em{width: 30%; display: block; float: left; margin: 0; line-height: 40px; padding-left: 5px;}
.apply .w100{width: 80%!important;}
.apply .w50{width: 52.5%;}

/* YH */
.apply.onnuri .subscri-title{display:table-cell;float: none; vertical-align: middle; background: #fafafa; text-align: center; color: #444;}
.apply.onnuri .subscri-contents{display:table-cell;float: none; vertical-align: middle; text-align: center; padding-top: 10px; padding-bottom: 10px; color: #444;}

.matop10{margin-top: 10px;}
.apply .mari0{margin-right: 0px;}
.apply .input-wrap h3{border-bottom: 1px solid #c4c4c4; padding-top: 100px; padding-bottom: 20px; font-size: 18px; font-weight: 500;}
.apply .input-wrap h3.first{position: relative;}
.apply .input-wrap h3 em{font-size: 1em; padding: 0;}
.apply button.modify{position: absolute; top: 65%; right: 0;}
.apply .input-wrap .box{display:table; width:100%; border-bottom: 1px solid #e1e1e1;margin-left:0;}
.apply .input-wrap .box .title{display:table-cell;float: none; vertical-align: middle; background: #fafafa; text-align: center; color: #444;}
.apply .input-wrap .box .write{display:table-cell;float: none; vertical-align: middle; padding-top: 20px; padding-bottom: 20px; color: #444;}
.apply .input-wrap.pay ul{padding-top: 50px; padding-bottom: 30px;}
.apply .input-wrap.pay ul li{padding-bottom: 30px;}
.apply .input-wrap.pay ul li em{display: block; width: 100%; max-width: 150px; margin:0 auto; height:100px; border:2px solid #aaa; border-radius: 10px; background-image: url(../img/btn/pay-off01.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 80px;}
.apply .input-wrap.pay ul li em.pay1{background-image: url(../img/btn/pay-off01.png)}
.apply .input-wrap.pay ul li em.pay2{background-image: url(../img/btn/pay-off02.png)}
.apply .input-wrap.pay ul li em.pay3{background-image: url(../img/btn/pay-off03.png)}
.apply .input-wrap.pay ul li em.pay4{background-image: url(../img/btn/pay-off04.png)}
.apply .input-wrap.pay ul li.on em{border: 2px solid #3da5cc;}
.apply .input-wrap.pay ul li.on em.pay1{background-image: url(../img/btn/pay-on01.png); background-color: #fbfbfb;}
.apply .input-wrap.pay ul li.on em.pay2{background-image: url(../img/btn/pay-on02.png); background-color: #fbfbfb;}
.apply .input-wrap.pay ul li.on em.pay3{background-image: url(../img/btn/pay-on03.png); background-color: #fbfbfb;}
.apply .input-wrap.pay ul li.on em.pay4{background-image: url(../img/btn/pay-on04.png); background-color: #fbfbfb;}
.apply .input-wrap.pay ul li span{color: #666; font-weight: 300; font-size: 14px; margin-top: 10px; display: inline-block; white-space: nowrap;}
.apply .pay-input .box:first-of-type{border-top: 1px solid #c4c4c4;}
.apply .button{display:inline-block; background: #969696; color: #fff; height: 40px; line-height: 40px; padding: 0 15px; border-radius: 1px; font-size: 15px;}
.apply .button i{color: #fff; vertical-align: middle; margin-left: 7px; padding-bottom: 4px;}
.apply .pay-input.pay4 .box span{display: block; margin-top: 10px; color: #999; font-size: 14px;}
.apply .pay-input.pay1 ul li{display: table;}
.apply .pay-input.pay1 ul li .note{font-size: 15px; color: #333; display: table-cell; white-space: normal; padding-left: 5px;}
.apply .pay-input.pay1 ul li input[type='radio']{display: table-cell;}
.apply .pay-input .pay3-inner{padding-top: 10px; display: none;}
.apply .agree ul li{line-height: 1.4em; padding: 20px 10px 0; font-weight: 300;}
.apply .agree ul li span{font-weight: 400; font-size: inherit;}
.apply .agree ul li a{text-decoration: underline; font-size: 14px; color: #999; padding-left: 10px;}
.apply .agree ul li.all-check{border-top: 1px dashed #e1e1e1; margin-top: 20px;}
.apply-btn{border-top: 1px solid #e1e1e1;padding-top: 50px; margin-top: 20px;}
.apply-btn .button{background:#3da5cc; max-width: 250px; width: 100%; font-size: 16px; font-weight: 400; height: 60px; line-height: 60px;}

.apply .calculate ul li{text-align: center; padding: 0;}
.apply .calculate ul li em{display: block; background: #eef8fc; padding: 10px 0;}
.apply .calculate ul li span{font-size: 20px; font-weight: 800; letter-spacing: -1px; padding: 20px 0; display: block; border-bottom: 1px solid #e1e1e1; color: #666;}
.apply .calculate ul li span i{color: #fff; background: #aaa; border-radius: 3px;}
.apply .calculate ul li span i.all{background: #3da5cc}
.apply .calculate ul li span.won:after{content: "¿ø"; font-size: 16px; padding-left: 4px; font-weight: 400}
.apply.eng .calculate ul li span.won:after{content: "KRW";}
.apply .calculate ul li span.total{color: #2166be; font-weight: 800;}

.apply .giftcard h3 a{font-weight: 300; font-size: 14px; color: #666; text-decoration: underline; line-height: 2em;}
.apply .giftcard .cardnum ul li{padding: 0; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #e1e1e1;}
.apply .giftcard .cardnum ul li em{font-size: 15px; color: #444;}
.apply .giftcard .cardnum ul li.no1 em{width: 25%; float: left; margin: 0; display: block; text-align:center; line-height: 40px;}
.apply .giftcard .cardnum ul li.no1 input{width: 18%; float: left; margin: 0; margin-right: 1%;}
.apply .giftcard .cardnum ul li.no1 input:last-child{margin-right: 0;}
.apply .giftcard .cardnum ul li.no2 em{float: left; margin: 0; display: block; width: 35%; margin-left: 5%; text-align: center; line-height: 40px;}
.apply .giftcard .cardnum ul li.no2 input{margin: 0; width: 30%; margin-right: 1%;}
.apply .giftcard .cardnum ul li.no2 button{margin: 0; width: 29%}
.apply .giftcard .cardnum,
.apply .giftcard .carduse{display: none;}
.apply .giftcard .carduse ul li{padding: 0;}
.apply .giftcard .carduse ul li em{display: block; background: #eef8fc; padding: 10px 0; text-align: center;}
.apply .giftcard .carduse ul li span{display: block; line-height: 40px; text-align: center; padding: 20px 0; font-size: 16px; letter-spacing: 0.5px;}
.apply .giftcard .carduse ul li span input{width: 80%;}
.apply .giftcard .carduse ul li span strong{width: 20%; font-size: 15px; padding-left: 4px; font-weight: 400;}

.apply .final h3 span{color: #2166be; font-weight: 800; font-size: 20px;}
.apply .final h3 span:after{content: "¿ø"; font-size: 16px; padding-left: 4px; font-weight: 400;}

.apply .no-member{width:100%; height:300px; overflow-y: auto; margin-top:20px; border:1px solid #e1e1e1; padding:25px; box-sizing:border-box;}
.apply .no-member span{font-weight:500;}
.apply table{width: 100%;}
.apply table tr th:nth-child(1){border-right: 1px solid #e1e1e1;}
.apply table tr td:nth-child(1){border-right: 1px solid #e1e1e1;}
.apply table th{font-weight: 500; background: #fafafa; padding: 10px 15px; border-bottom: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1;}
.apply table td{padding: 10px 15px; border-bottom: 1px solid #e1e1e1;}



/**/ 
.confirm.apply .input-wrap .box.no1{border-top: 1px solid #c4c4c4;}
.confirm.apply .input-wrap.apply-btn{border-top: 0;}
.confirm.apply i{font-size: 100px; color: #d4d4d4;}
.confirm .comment{text-align: center; padding: 70px 70px 40px; letter-spacing: -0.5px;}
.confirm .comment h1{color: #333; font-size: 32px; padding-top: 40px; word-break:keep-all; line-height: 1.3em;}
.confirm .comment h1 span{color: #0184b5; font-size: 32px;}
.confirm .comment p{font-size: 17px; color: #666; padding-top: 15px; word-break:keep-all;}
.confirm.apply .input-wrap .box .cash{color: #cf1712; font-weight: 500; font-size: 17px; letter-spacing: -0.5px;}
.confirm.apply .input-wrap .box .cash:after{content: "¿ø"; font-size: 15px; }

/**/
.mylist .input-wrap h3{border-bottom: 1px solid #c4c4c4; padding-top: 70px; padding-bottom: 20px; font-size: 18px; font-weight: 500;}
.mylist .input-wrap h3 .top-lnb a{color: #666; font-weight: 400; letter-spacing: -0.5px; font-size: 14px;}
.mylist .input-wrap h3 .top-lnb a:hover{text-decoration: underline;}
.mylist .input-wrap h3 .top-lnb i{font-size: 17px; position: relative; top: -2px; padding: 0 5px; color: #999;}
.mylist .input-wrap h3.first{position: relative;}
.mylist .input-wrap .box{display:table; width:100%; border-bottom: 1px solid #e1e1e1;margin-left:0;}
.mylist .input-wrap .box .title{display:table-cell;float: none; vertical-align: middle; background: #fafafa; text-align: center; color: #777; font-weight: 500;}
.mylist .input-wrap .box .write{display:table-cell;float: none; vertical-align: middle; padding-top: 15px; padding-bottom: 15px; color: #444; cursor: pointer;}
.mylist .input-wrap .process-btn{padding: 10px; background: #fafafa; border-bottom: 1px solid #e1e1e1;}
.mylist .input-wrap .process-btn button.on{background: #3da5cc;}
.mylist button.modify{position: absolute; top: 57%; right: 0;}
.mylist button{background: #969696; color: #fff; height: 35px; line-height: 35px; padding: 0 15px; border-radius: 1px; font-size: 15px;}
.mylist button i{color: #fff; vertical-align: middle; margin-left: 7px; padding-bottom: 4px;}
.mylist h3 em{color: #3da5cc; font-size: 18px;}
.mylist .list .top .title{background: #fff;}
.mylist .list .top .title img{width:50px; vertical-align: middle; border: 1px solid #e1e1e1; margin:20px 10px; }
.mylist .list .top .write dl dt{font-size: 18px; padding-bottom: 8px; color: #666;}
.mylist .list .top .write dl dd span{display: block; font-size: 14px; color: #888; line-height: 1.8em;}
.mylist .list .top .write dl dd span a{font-size: 14px; color: #666; }
.mylist .list .top .write dl dd span a:hover{text-decoration: underline;}
.mylist .list .top .write dl dd span.read-text,
.mylist .list .top .write dl dd span.read-num{display: inline-block;}
.mylist .list .top .write dl dd span.read-text{font-weight: 500;padding-right: 5px;}
.mylist .list .btn-wrap{padding-top: 10px;}
.mylist .list button{background: #fdfdfd; border: 1px solid #aaa; color: #777; font-size: 13px; height: 25px; line-height: 25px; padding:0 5px; border-radius: 3px;}
.mylist .list button i{color: #3da5cc;}
.mylist .list .fa-angle-up,
.mylist .list .fa-angle-down{color: #ccc; font-size: 30px;}
.mylist .list .list-wrap{display: none; padding-bottom: 80px; border-bottom: 1px solid #e1e1e1;}
.mylist .apply-btn{border-top: 0; padding-top: 50px; margin-top: 20px;}
.mylist .apply-btn button{color:#fff; border:0; border-radius:1px; background:#3da5cc; max-width: 250px; width: 100%; font-size: 16px; font-weight: 400; height: 60px; line-height: 60px;}
.mylist .paging .pagination{padding-top: 50px;}
.mylist .paging .pagination i{color: #3da5cc;}
.mylist .paging .pagination a:hover,
.mylist .paging .pagination a:active,
.mylist .paging .pagination a:focus{color: #3da5cc}

/**/
.app.mylist .list .list-wrap{padding-bottom:20px;}
.app.mylist button.modify{position: absolute; top: 57%; right: 0;}
.app.mylist button.more{position: absolute; top: 57%; right: 135px;}
.app.mylist .list .top .write dl dt{padding-bottom: 2px;}

/**/
.mylist .list .write span{display: block; font-size: 14px; color: #888; line-height: 1.6em;}
.mylist .list .write em{font-size: 14px; color: #888;}
.mylist .list .write span a{font-size: 14px; color: #666; }
.mylist .list .write span a:hover{text-decoration: underline;}
.adress.mylist .list .list-wrap{border-bottom:0; padding-bottom: 0; display: block;}

/**/
.adress .matop10{margin-top: 10px;}
.mari10{margin-right: 10px;}

.adress .adress-input{margin-top: 20px;}
.adress em strong{font-size: inherit; font-weight: 500;}
.adress button.zipcode,.mylist button.zipcode{background: #969696; color: #fff; height: 40px; line-height: 40px; padding: 0 20px; border-radius: 1px;}

/**/
.zipcode-wrap{display:none; border:5px solid #3b454e; position:fixed; width:400px; height:500px; padding-bottom: 30px;left:50%; margin-left:-200px; top:50%; margin-top:-235px; overflow:hidden;-webkit-overflow-scrolling:touch; z-index:9999; background: #3b454e; border-radius: 2px;}
.zipcode-close{cursor:pointer; position:absolute; left:-3px; bottom:-3px; z-index:1; padding: 6px 8px; background: #3b454e; color: #fff;}

/**/
.certification button.certification{background:#3da5cc; max-width: 250px; width: 100%; font-size: 16px; font-weight: 400; height: 60px; line-height: 60px; color: #fff; border-radius: 1px; border: 0; margin-top: 20px;}
.certification .btn-wrap{margin:20px 0 50px;}
.certification .write span{margin-top: 10px;}
.certification ul{margin-top: 30px; }
.certification ul li{color: #666;padding-left: 15px;position: relative;}
.certification ul li:before{content: ""; display: block; width: 4px; height:4px; background: #444; vertical-align: middle; border-radius: 50%; margin-right: 8px; position: absolute; top: 5px; left: 0;}

/**/
.device.mylist .input-wrap .box .title img{padding: 10px;}
.device.mylist .input-wrap .box .top.title img{padding: 0;}
.device .device-remove{padding: 20px 0 0;}
.device .device-remove button{background: #969696; color: #fff; height: 40px; line-height: 40px; padding: 0 20px; border-radius: 1px; border:0; font-size: 15px;}
.device .device-remove span{font-size: 14px; color: #888; padding-right: 10px;}

/*FAQ*/
.faq.mylist .list .list-wrap{padding-bottom: 0; border-bottom: 0; font-weight: 300;}
.faq.mylist .input-wrap .box{}
.faq.mylist .input-wrap .box.top .write{padding-left: 15px; padding-right: 15px; cursor: pointer;}
.faq .top .write{font-size: 16px;}
.faq .top .write span{display:inline-block; color: #3da5cc;font-size: 16px; font-weight: 300; letter-spacing: -1px;}


/*QNA*/
.qna.mylist .list .list-wrap{border-bottom:0; padding-bottom: 0; display: block;}
.qna textarea{width:100%; height: 300px; line-height: 1.43em; padding-top: 10px; padding-bottom: 10px;}
.qna.mylist .list .write span{display: block; font-size: 14px; color: #888;}
.qna input[type='checkbox'],.qna input[type='radio']{width: 25px;}
.qna input,
.qna select{width: 30%;}
.qna .w100{width: 100%;}
.qna .w50{width: 52.5%;}

.comment-wait{font-size: 13px; font-weight: 500; color: #999; display: inline-block; line-height: 15px;}
.comment-end{font-size: 13px; font-weight: 500; color: #3da5cc; display: inline-block; line-height: 15px;}
.release button.zipcode{margin-left: 10px;}

/**/
.mypage-main h3.botop{border-top: 1px solid #e1e1e1; border-bottom: 0; padding-top: 30px; font-size: 16px;}
.mypage-main h3.botop i{font-size: 20px; vertical-align: bottom; color:#999;}
.mypage-main .mybox div{padding-top: 50px; padding-bottom: 50px; border-bottom: 1px dashed #e1e1e1;}
.mypage-main .mybox div:nth-child(4),
.mypage-main .mybox div:nth-child(5),
.mypage-main .mybox div:nth-child(6){border-bottom: 0;}
.mypage-main .mybox h4{text-align: center; font-size: 20px; color: #444; cursor: pointer}
.mypage-main .mybox h4 i{display: block; font-size: 50px; color: #dadada; padding: 20px; transition:0.5s all;}
.mypage-main .mybox div:hover h4 i{color: #3da5cc}
.mypage-main .mybox span{padding: 20px; display: block; font-size: 14px; color: #999; letter-spacing: -0.5px; text-align: center; font-weight: 300;}


.mypage-main #customer h3{background: #f3f3f3; padding: 20px; border-radius: 5px; border: 1px solid #e1e1e1; box-sizing:border-box; margin-top: 20px;}
.mypage-main #customer h4{font-size: 18px; color: #444; line-height: 1.6em; border-bottom: 1px solid #e1e1e1; padding: 10px 0; margin: 15px 0 10px;}
.mypage-main #customer ul{padding: 10px 5px 0; line-height: 1.6em;}
.mypage-main #customer ul li{font-size: 15px; color: #5f5f5f; letter-spacing: -0.4px;}
.mypage-main #customer ul li.sub{font-size: 14px; font-weight: 300; letter-spacing: -0.5px; padding-top: 10px;}
.mypage-main #customer ul li.main{color: #333; padding-bottom: 8px;}



/* trial.asp added at 2018-08-29 from bomi */ 
.trial .yellow-back{width: 100%; background: #FFFCF3;}
.trial .sky-back{width: 100%; background: #DDEEF1;}
.trial .pink-text{color: #EE5F5F; font-size: inherit; font-weight: inherit;}
.trial .img-area img{width: 100%;}
.trial .select-area img{width: 100%; border: 1px solid #ccc; box-shadow: 0 3px 6px rgba(0,0,0,0.16)}
.trial .notice-area{padding-top: 35px; padding-bottom: 35px;}
.trial .sub-area,
.trial .title-area{padding-top: 35px;}

.trial .notice-area ul{background: #F1EDE4; border-radius: 10px; padding: 20px; box-sizing: border-box;}
.trial .notice-area ul li{font-size: 14px; color: #666; line-height: 1.7em; text-indent: -18px; padding-left: 18px;}
.trial .notice-area ul li:before{content: ""; display: inline-block; width: 4px; height: 4px; background: #999; border-radius: 50%; vertical-align: middle; margin-top: -3px; margin-right: 14px;}

.trial .title-area{margin: 0 auto; width: 100%;}
.trial .title-area .table{display: table; width: auto; margin: 0 auto;}
.trial .title-area .table-cell{display: table-cell; vertical-align: middle;}
.trial .title-area img{padding: 0 6px;}
.trial .title-area .bold{display: inline; font-size: 22px; line-height: 1.9em; color: #333; background: #FFF4CC; font-weight: 500; padding: 4px 0; word-break: keep-all;}
.trial .sub-area{text-align: center; color: #666;}
.trial .sub-area p{text-align: center; color: inherit; padding: 0 15px; word-break: keep-all;}
.trial .sub-area .black-text{font-weight: 500; color: #EE5F5F;}
.trial .select-area{text-align: center; padding-bottom: 70px;}
.trial .select-area .book-pd{padding: 0 25px;}
.trial .select-area .book-h{padding: 35px 30px 0;}
.trial .select-area .book-h:nth-child(1),
.trial .select-area .book-h:nth-child(2),
.trial .select-area .book-h:nth-child(3),
.trial .select-area .book-h:nth-child(4),
.trial .select-area .book-h:nth-child(5),
.trial .select-area .book-h:nth-child(6),
.trial .select-area .book-h:nth-child(7),
.trial .select-area .book-h:nth-child(8){border-bottom: 1px dashed #ccc;}
.trial .select-area .book-h .book-wrap{position: relative; text-align: center;}
.trial .select-area img{width: 100%; position: absolute; bottom: 0; left: 0;}

.trial input[type='radio']{display: inline-block; width: 20px; height: 20px; border: 2px solid #999; border-radius: 50%; box-sizing: border-box; background: transparent;-webkit-appearance: none; -moz-appearance: none; appearance: none;}
.trial input[type='radio']:checked{border-color: #EE5F5F;}
.trial input[type='radio']:checked:after{content:""; display: block; width: 10px; height: 10px; background: #EE5F5F; border-radius: 50%; margin: 2.5px auto;}

.trial input[type='checkbox']{display: inline-block; width: 18px; height: 18px; border: 2px solid #999; border-radius: 2px; box-sizing: border-box; background: transparent;-webkit-appearance: none; -moz-appearance: none; appearance: none; vertical-align: middle; margin-top: 0;}
.trial input[type='checkbox']:checked{border: 0;}
.trial input[type='checkbox']:checked:after{content:""; display: block; width: 18px; height: 18px; background: url(../img/trial-checked.svg) 0 0 no-repeat; margin: 0 auto; border-radius: 2px;}

.trial .select-area .input-wrap{height: 100px; display: block; margin: 15px 0; font-size: 17px; font-weight: 500; color: #333; line-height: 1.47em;}
.trial .select-area .input-wrap em{color: inherit; font-size: 14px; font-weight: 400;}
.trial .select-area .input-wrap strong{color: #EE5F5F; font-size: 14px; font-weight: 400; background: #FFF4CC; padding: 3px;}
.trial .select-area input[type='checkbox']{margin-bottom: 10px;}


.trial .input-area h2{font-size: 35px; font-weight: 500; text-align: center; margin: 60px auto 50px; letter-spacing: -2px;}
.trial .input-area h2 .h2-sub{color: #EE5F5F; font-size: 15px; font-weight: 400; letter-spacing: -1px; padding: 0 15px; box-sizing: border-box; display: inline-block; line-height: 1.5em; margin-top: 10px; word-break: keep-all;}
.trial .input-area label{display: block; font-size: 15px; color: #333; font-weight: 400;}
.trial .input-area input[type='text']{border: 0; margin-top: 10px;}
.trial .input-area .input-half,
.trial .input-area .input-full{margin-bottom: 20px;}
.trial .input-area .input-half input[type='text']{width: 100%;}

.trial .input-area .input-check span{margin-left: 10px; vertical-align: middle;}
.trial .input-area button{background: #888; color: #fff; font-size: 15px; font-weight: 400; padding: 0 13px; line-height: 36px; height: 35px; border-radius: 5px; margin-left: 15px;}
.trial .input-area button.agree-show{padding-right: 7px;}
.trial .input-agree{padding: 30px; background: rgba(255,255,255,0.5); box-sizing: border-box; color: #666; margin-top: 20px;}
.trial .input-agree .bold{font-weight: 500; color: #333;}

.trial .btn-area{padding-top: 35px; padding-bottom: 100px;}
.trial .btn-area .dashed p{width:100%; border-top: 1px dashed #a2a2a2; padding-bottom: 35px}
.trial .btn-area button{font-size: 17px; color: #fff; background: #EE5F5F; width: 100%; padding: 21.5px 0; line-height: 1em;}
.trial .btn-area button.blue{background: #375478;}
.trial .btn-area .tel-area{padding-top: 35px; clear: both; padding: 35px 15px 0;}
.trial .btn-area .tel-area p{width: 100%; border-radius: 22px; height: 44px; line-height: 44px; background: #CAE2E6; font-size: 16px; font-weight: 500; color: #033879; text-align: center; }
.trial .btn-area .tel-area a{font-size: inherit; color: inherit; font-weight: inherit;}
.trial .btn-area .tel-area .icon.tel{width: 19px; display: inline-block; height: 19px; background: url(../img/trial-icon.svg) 0 -80px no-repeat; vertical-align: middle; margin-right: 5px;}

.trial .btn-area .sns-link{text-align: center; clear: both; padding-top: 60px;}
.trial .btn-area .sns-link li{display: inline-block;}
.trial .btn-area .sns-link li button{text-indent: -9999em; width: 40px; height: 40px; background: url(/duranno/img/sns-icon.svg) 0 0 no-repeat; border-radius: 50%; margin-left: 6px; background-size: 100%; padding: 0;}
.trial .btn-area .sns-link li button.tw{background-position: 0 -40px;}
.trial .btn-area .sns-link li button.kt{background-position: 0 -80px;}
.trial .btn-area .sns-link li button.ks{background-position: 0 -200px; background-color: #fff;}
.trial .btn-area .sns-link li button.lk{background-position: 0 -120px;}


.trial-body .footer{margin-top: 0;}
.trial-body .wrap{background: #F0F0F0;}



/* ���� �˸�â */
.modal .inner{position: fixed; z-index: 100; top: 50%; left: 50%; margin-top: -55px; margin-left: -55px; background: rgba(51,51,51,0.9); border-radius: 50%; width: 110px; height: 110px;}
.modal .inner span{display: block; text-align: center; margin: 20px auto 0; }
.modal .inner p{color: #fff; font-size: 14px; text-align: center; margin-top: 4px;}

.modal .text-inner{position: fixed;z-index: 600;top: 50%;left: 0;width: 100%;text-align: center;margin-top: -30px;}
.modal .text-inner p{color: #fff; background: rgba(51,51,51,0.9); padding: 20px 35px; font-size: 14px; display: inline-block; width: auto; border-radius: 5px; max-width: 230px;}



/*footer �ѱ�*/
.footer{padding: 50px 0 100px; box-sizing:border-box; background:#777777;}
.footer .left img{cursor: pointer; width: 155px;}
.footer ul{margin:20px 0;}
.footer ul li{float: left; color: #fff; cursor: pointer; font-size: 13px; font-weight: 400}
.footer .text{font-size: 12px; color: #aaa; line-height: 1.8em; word-break:keep-all;}
.footer .text a{color: #aaa; font-size: 12px;}
.footer .right{text-align: right; font-size: 12px; color: #aaa; line-height: 2.2em;}
.footer select{padding: 8px 30px 8px 15px; background:url(/biblecollege/img/footer-select.png) 100% 50% no-repeat; background-color:#e8e8e8; margin-left: 5px; color: #656565; margin-top: 15px; border:1px solid #ddd;}


.main.wrap{padding-bottom: 100px;}
.footer{margin-top: 200px;}
.main-body .footer{margin-top: 0;}


/* YH */
.onnuri .fw-700 {font-weight: 700;}
.onnuri .fs-18 {font-size: 18px;}
.onnuri .point-sena {font-size: 18px; font-weight: 700;}
.onnuri .point-yejo {font-size: 18px; font-weight: 700; color: #9A0283;}
.detail.onnuri .pd-top {padding-top: 20px;}
.detail.onnuri .word-keep {word-break: keep-all;}
.detail.onnuri .dis-none {display: none;}
.detail.onnuri .subscri-list.dis-none {display: none;}
.detail.onnuri .auto-write-area:hover {background-color: #969696; color: #fff; cursor: pointer;}
.detail.onnuri .auto-write-area:hover .subscri-contents {color: #fff; cursor: pointer;}
.detail.onnuri .searchSubscri {border: 0;}
.detail.onnuri .searchSubscri button {display: block; padding: 10px 20px; margin: 0 auto; margin-top: 20px;}
.detail.onnuri .searchSubscri button:hover {color: #fff; background-color: #969696;}
.apply.onnuri .searchNote {padding-top: 20px;}
.detail.onnuri .result .no1 div,
.detail.onnuri .result .no2 div {width: 100%; margin: 0 auto;}
.detail.onnuri .result .no1 div h3,
.detail.onnuri .result .no2 div h3 {display: inline-block; min-width: 88.73px;}
.detail.onnuri .text-wrap .no4 {padding-left: 20px; padding-right: 20px; padding-bottom: 50px;}
.detail.onnuri .dis-inbl {display: inline-block;}
/* .detail.onnuri .text-wrap h2 {
    color: #333;
    font-size: 22px;
    letter-spacing: -1.5px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e1e1e1;
} */

@media screen and (min-width:992px){ /**/
	.menu .logo-wrap-mobile{display: none}
}

@media screen and (max-width:1199px){
	.section2 .grid .subscription{width: 100%}
	.detail .text-wrap .detail-btn li{float: left; }

	/* YH */
	.detail.onnuri .detail-btn li.no0{display: none;}
	.apply.onnuri select[name="Campus_Name"],
	.apply.onnuri select[name="unityNam"],
	.apply.onnuri select[name="POS_NAME"],
	.apply.onnuri select[name="onBuseo"],
	.apply.onnuri input[name='ORD_INP_MAN']{width: 30%; margin-right: 2%;}
}

@media screen and (max-width:991px){
	#contents{padding-top: 55px; overflow-x: hidden;}
	.side{display: none;}	
	.top-wrap{display: none;}
	.menu .logo-wrap-mobile{display: block; position: absolute; left: 50%; margin-left: -100px; top: 12px;font-size: 16px;}
	.menu .logo-wrap-mobile em.logo{margin-left: 0; width: 200px; background-size: 200px; margin-right: 5px;}
	.menu .logo-wrap-mobile span{display:inline-block; font-size: 16px; color:#fff; vertical-align: middle; line-height: 2em; letter-spacing: 0px;}
	.menu .logo-wrap{display: none}	
	.menu .menu-up{position: relative;}	
	.menu .menu-right>a{display: none;}
	.menu .menu-right .mypage-wrap{margin-left: 0;}        
	.menu .mypage{height: 380px;}
	.menu .category>li>span a,.menu .mypage a{line-height: 1.1em;}

	.section2 .grid a img{width: 100%;}

	.detail .img-wrap{padding: 85px 2% 0 0}

	.zipcode-wrap{top: 75px; margin-top: 0;}

	.trial .notice-area{padding-left: 30px; padding-right: 30px;}

	/* YH */
	.apply.onnuri select[name="Campus_Name"],
	.apply.onnuri select[name="unityNam"],
	.apply.onnuri select[name="POS_NAME"],
	.apply.onnuri select[name="onBuseo"],
	.apply.onnuri input[name='ORD_INP_MAN']{width: 32%; margin-right: 2%;}
}
@media screen and (max-width:767px){
	.menu .menu-right{padding: 0;}
	.menu .menu-left{padding: 0;}
	.menu .menu-up i{background: #3a454e}

	.section1{margin-bottom: 50px;}
	.section1 .slick-slider{padding: 0}
	.section1 .slick-dots{margin-top: 15px;}
	.section2 .btn-wrap{overflow-x: scroll; overflow-y:hidden; box-sizing:border-box;}
	.section2 .btn-wrap ul{width: 854px; height: 60px;}

	.section2 .btn-wrap li{width: 120px;}
	.section2 .btn-wrap li:hover{background: #f2f2f2;}	
	.section2 .btn-wrap li.on:hover{background: #3da5cc;}
	.section2 .btn-wrap li button{padding: 7px 0;}
	.section2 .element-item:nth-child(odd){padding-left: 8%}
	.section2 .element-item:nth-child(even){padding-right: 8%}
	.section2 .element-item.sort5{padding: 0 3%;}
	.section2 .element-item.sort6{padding: 0 3%;}
	.section2 .grid a{margin-top: 30px;}
	.section2 .grid a img{max-width: 80%;}
	.section2 .grid .subscription{width: 100%; margin-top: 30px}
	.section2 .grid .subscription>div{display: block;}
	.section2 .grid .subscription span{padding: 30px; text-align: center; word-break:keep-all; max-width:100%;}
	.section2 .grid .subscription span strong{line-height: 1.4em;}
	.section2 .grid .subscription img{width: 70%; padding: 30px; padding-bottom: 0;}
	.section2 .grid .subscription.mobile img{width: 70%; padding: 30px; padding-top: 0;}


	.detail .img-wrap{padding: 40px 0 0 0; text-align: center;}
	.detail .img-wrap img{width: 100%; max-width: 200px; margin: 0 auto;}
	.detail .gift .img-wrap img{width: 80%; max-width: 80%; margin: 0 auto;}
	.gift.detail .img-wrap img{max-width: 100%;}
	.detail .text-wrap{padding-top: /*40px;*/ 25px;}
	.detail .text-wrap h2{text-align: center; padding-bottom: 30px;}
	.detail .text-wrap h2 span{display: block;padding: 10px 0;}
	.detail .box h3{padding-bottom: 5px; font-size: 16.5px; line-height: 1.63em;}
	.detail .text-wrap .box{font-size: 16.5px; line-height: 1.63em;}
	.detail .text-wrap .box.no2{border-bottom: 0;}
	.detail .text-wrap .box.no3{font-size: 15px; padding-top: 0; padding-bottom: 0;}
	.detail .text-wrap .box.no3 span{display: block;}
	.detail .detail-btn{position: fixed; z-index:100; bottom: 0; width: 100%; background: #fff; box-shadow: 0px -2px 3px rgba(0,0,0,0.2)}
	.detail .text-wrap .detail-btn li{padding: 0; float: left; width: 100%;}
    .col-xs-4 {width: 100% !important;}
	.detail .text-wrap .detail-btn li button{font-size: 16.5px; line-height: 1em; padding: 17px 10px; font-weight: 400; word-spacing: -2px;}
	.detail .detail-more{padding-bottom: 100px;}	
	.detail-body .footer{display: none;}
	.detail-body .gotop{bottom:70px;}
	.app .detail-more{margin-top: 0;}
	.app .text-wrap .box.no2{border-bottom: 0;}
	.app.detail .img-wrap .gift-img{margin: 30px auto 0; width: 80%;}

	.gift select{font-size: 20px; width: 80%; margin-top: 20px;}

	.apply.detail .text-wrap .box{padding-top: 10px;}
	.apply.detail .text-wrap .box.no3{padding-bottom: 10px;}
	.apply .input-wrap .box{display: block; border:0; overflow: hidden;}
	.apply .input-wrap .box .title{display: block; text-align: left; background: #fff; padding:20px 0 10px; font-weight: 500; position: relative; padding-left: 11px;}
	.apply .input-wrap .box .title:before{content: ""; display: block; width: 5px; height: 5px; border-radius:50%; background: #3da5cc; position: absolute; left:0 ; top: 50%;}
	.apply .input-wrap .box .write{display: block; padding: 0; padding-left: 11px; color: #666;}
	.apply .calculate ul li em,
	.apply .calculate ul li span{width: 50%; float: left; padding: 0; height:40px; line-height: 40px; background:#fff; border-bottom: 1px solid #e1e1e1;}
	.apply .calculate ul li span.won{text-align: right; padding-right: 30px;  font-size: 17px;}
	.apply .calculate ul li span.minus:before{content:"-";}
	.apply .calculate ul li em.total,
	.apply .calculate ul li span.total{background: #eef8fc; height:60px; line-height: 60px;}
	.apply .calculate ul li span.total{ font-size: 20px}
	.apply input,
	.apply select{width: 32%; margin-right: 2%;}
	.apply .box.no2 select{width: 49%;}
	.apply .box.no2 select:nth-of-type(2){margin-right: 0;}
	.apply .w50{width: 100%; margin-right: 0;}
	.apply .w100{width: 100%!important;}
	.apply .pay-input select{width: 100%; margin-right: 0}
	.apply .pay-input input{width: 60%; margin-right: 3%;}
	.apply .pay-input button{width: 37%;}
	.apply .pay-input input[type='radio']{width: 15px; margin-right: 0;}

	.apply .giftcard .cardnum{padding-bottom: 20px;}
	.apply .giftcard .cardnum ul li{border-bottom: 0; padding-top: 10px; padding-bottom: 0;}
	.apply .giftcard .cardnum ul li.no1 em{margin-left: 0; width: 35%; letter-spacing: -1px; word-spacing: -1px;}
	.apply .giftcard .cardnum ul li.no1 input{width: 15.5%; padding-right: 5px; padding-left: 5px;}
	.apply .giftcard .cardnum ul li.no2 em{margin-left: 0; width: 35%; letter-spacing: -1px; word-spacing: -1px;}
	.apply .giftcard .cardnum ul li.no2 input{width: 35%;}
	.apply .giftcard .carduse ul li em{border-top: 1px solid #e1e1e1;}

	.apply .giftcard .carduse ul li span{font-size: 14px; line-height: 1.5em; padding-bottom: 20px; letter-spacing: -1px;}
	.apply .giftcard .carduse ul li span.won{color: #2166be;}
	.apply .giftcard .carduse ul li span strong{display: none;}
	.apply .giftcard .carduse ul li span input{float: none; width: 100%; margin-top: -10px;}
	.apply .giftcard .carduse ul li:nth-of-type(2) span{padding-right: 10px;}

	/**/
	.confirm .comment{padding: 40px 20px;}
	.confirm .comment p{font-size: 15px;}
	.confirm.apply .input-wrap .box{display:table; width:100%; border-bottom: 1px solid #e1e1e1;margin-left:0;}
	.confirm.apply .input-wrap .box .title{display:table-cell;float: none; vertical-align: middle; background: #fafafa; text-align: center; color: #444; padding: 0 5px; font-weight: 400}
	.confirm.apply .input-wrap .box .title:before{display: none;}
	.confirm.apply .input-wrap .box .write{display:table-cell;float: none; vertical-align: middle; padding: 20px 10px; color: #444;}
	.confirm.apply .input-wrap .box .cash{color: #cf1712;}
	.confirm .comment h1 span,.confirm .comment h1{font-size: 24px;}


	/**/
	.mylist .input-wrap h3.first{padding-top:40px; padding-bottom: 20px;}
	.mylist button.modify{top: 35px;}
	.app.mylist button.modify{top: 35px;}
	.app.mylist button.more{top: 35px;}
	.mylist .input-wrap .box .title{white-space: nowrap; padding-right: 0; padding-left: 0;}
	.adress.mylist .input-wrap .box .title{white-space: normal; word-break:keep-all; line-height: 1.5em;}

	/**/
	.mypage-main .mybox div:nth-child(4){border-bottom: 1px dashed #e1e1e1;}
	.mypage-main .mybox div span{display: none;}
	.mypage-main .mybox div{padding-top: 20px; padding-bottom: 20px}
	.mypage-main #customer h3{margin-top: 50px;}


	/**/
	.release input,
	.release select{width: 50%;}
	.release button.zipcode{width: 45%; padding: 0!important; margin-left: 5%!important;}

	/*.trial .mobile-pd{padding-left: 0; padding-right: 0;}*/

	.trial .yellow-back>.row{background: #FFFCF3;}
	.trial .sky-back>.row{background: #DDEEF1;}
	.trial .img-area .web{display: none;}
	.trial .img-area .mobile{display: block; visibility: visible;}


	.trial .notice-area, .trial .title-area{padding-top: 20px; padding-bottom: 20px;}
	.trial .title-area img{margin-bottom: 10px;}
	.trial .title-area .table-cell{display: block; text-align: center;}
	.trial .title-area .bold{font-size: 18px;}
	.trial .sub-area p{text-align: left;}
	.trial .sub-area .pink-text{display: block;}
	.trial .select-area{padding-bottom: 40px;}
	.trial .select-area .book-pd{padding: 0;}
	.trial .select-area .book-h{padding: 35px 20px 0;}
	.trial .select-area .book-h:nth-child(9),
	.trial .select-area .book-h:nth-child(10){border-bottom: 1px dashed #ccc;}
	.trial input[type='radio']:checked:after{margin: 3px auto 0;}
	.trial .input-area h2{margin: 30px auto 20px; font-size: 28px;}
	.trial .input-area>div{padding-left: 0; padding-right: 0;}
	.trial .btn-area{padding-bottom: 70px;}
	.trial .btn-area>div{padding-left: 0; padding-right: 0;}

	.trial .input-area,
	.trial .btn-area{padding-left: 0; padding-right: 0;}

	/* YH */
	.detail.onnuri .bg-fa{background-color: #fafafa;}
	.section2.onnuri .btn-wrap li{height: 45px;}
	.apply.onnuri select[name="Campus_Name"],
	.apply.onnuri select[name="unityNam"],
	.apply.onnuri select[name="POS_NAME"],
	.apply.onnuri select[name="onBuseo"],
	.apply.onnuri input[name='ORD_INP_MAN']{width: 100%; margin-right: 2%;}
	.apply.onnuri .dis-none{display: none;}
	.apply.onnuri .showUnityNam select .dis-none{display: none;}
	.apply.onnuri .subscri-list.dis-none{display: none;}
	.apply.onnuri .subscri-title{display: inline-block; width: 24%; padding: 0;}
	.apply.onnuri .subscri-contents{display: inline-block; width: 24%; padding: 10px 0;}
	.apply.onnuri .searchNote span{font-size: 12px;}
	.detail.onnuri .result .no1 div,
	.detail.onnuri .result .no2 div{width: 50%;}
	.detail.onnuri .text-wrap .box.no3 span{display: inline;}
}

@media screen and (max-width:500px){

	.pop-up .box{width: 90%; margin-left: 0; left:5%;}

	/**/
	.mylist .list .top .title img{width: 65px; margin: 20px 20px 20px 10px;}
	.mylist .list .top .title{padding-left: 0; padding-right: 0;}
	.mylist .input-wrap .box.top .write{padding-right: 5px; padding-left: 0;}
	.app.mylist .input-wrap .box.top .write.name{padding-right: 5px; padding-left: 15px;}
	.mylist .list .fa-angle-up, .mylist .list .fa-angle-down{font-size: 25px;}

	/**/
	.app.mylist button.modify{top: 45px; right: 0; height: 30px; line-height: 30px;}
	.app.mylist button.more{top: 10px; right: 0; height: 30px; line-height: 30px;}

	/**/
	.zipcode-wrap{width: 90%; margin-left: 0; left: 5%;}
	.zipcode-close{cursor:pointer; position:absolute; right:-3px; bottom:-3px; z-index:1;}
	.post_search .placeholder{white-space: nowrap}

	/**/
	.qna select{width: 100%;}

	/* YH */
	.apply.onnuri .subscri-list .subscri-contents{font-size: 12px;}
	/* .apply.onnuri .subscri-list{font-size: 12px;} */
}

@media screen and (max-width:410px){
	.onnuri .mbrNamNote{word-break: keep-all; line-height: 10px;}
}
@media screen and (max-width:321px){
	.zipcode-wrap{width: 96%; left: 2%; height: 350px;}
}