/* CSS Document */
.wrapper{z-index:993;position:relative}
.container{max-width:1210px;margin:0 auto}
.content{text-align:center;background:#fff;border-top:2px solid #222;border-bottom:2px solid #222;padding:5% 8.3%}
.container-main{padding:5% 0}
h2{font-size:48px;color:#222;text-align:center;margin:3.6% 0}
h3{background:#f6f6f6;height:60px;padding-left:30px;line-height:60px;font-size:24px;font-weight:700}
h4{margin-bottom:1%}
.input-box hr{clear:both;margin:0;height:10px;border:0}
.input-box select{background-size:22px 8px;border:1px solid #dadada}
.input-box .h-pw{width:800px;margin-right:5px;vertical-align:middle}
.input-box input.h-phone{width:100%}
.input-box input.h-phone2{width:48%}
.input-box input.h-num{width:80%}
.input-box .input-row .label{position:relative;display:block;color:#222;font-weight:700;font-size:24px;padding-left:15px}
.input-box .input-row .label:before{position:absolute;left:0;top:14px;content:"";display:inline-block;background:#008cdb;border-radius:50%;width:5px;height:5px}
.mobile{display:none}

.text{text-align:center;font-size:24px;font-weight:700;margin:30% auto}

.input-box .input-cont{margin-top:5px}
.input-box .input-cont:after{display:block;clear:both;content:""}
.input-box .input-cont.agree{border:1px solid #666}

.input-box .input-row{padding:25px 0 0 0;text-align:left;overflow:hidden}
.input-box .input-row.first{padding-top:0}

.input-cont .btn-search{width:201px;height:58px;text-align:center;border:0;background-color:#666;line-height:58px;display:inline-block;color:#fff;letter-spacing:-0.25px;vertical-align:middle;margin-left:5px;position:relative}
.input-cont .btn-search input[type="file"]{position:absolute;right:0;top:0;opacity:0;cursor:pointer;width:201px;height:58px;text-indent:-9999px;overflow:hidden;border:0}
.input-cont .btn-search button {display:inline-block;width:201px;color:#fff;font-size:24px;line-height:58px;height:58px;vertical-align:top;cursor:pointer;text-align:center;z-index:1;font-weight:700;background-color:#666}
.input-cont .btn-search input[type="file"]:focus +button{outline:1px dashed #aaa}
.input-cont .search-text{float:left;width:800px}

 ul.bullet{padding:0px 5px 0 9px}
.bullet li{background:url(../images/img_bullet.png) no-repeat left 8px;padding-left:24px;letter-spacing:-1px;margin-top:7px;color:#73b3e6;font-size:24px;font-weight:400}

.btn-wrap{margin-top:50px}
.btn-wrap.main{margin:50px 50px 0 50px}
.btn-wrap.main button.gray{background:#666}
.btn-wrap:after{display:block;clear:both;content:""}
.btn-wrap span{height:80px;float:left;padding:0 1%}
.btn-wrap span:only-child{width:100%;padding:0}

.btn-wrap button{width:100%;padding:0;font-size:30px;color:#fff;line-height:80px;height:80px;background:#008cdb;font-weight:700}
.btn-wrap span:first-child:nth-last-child(2), .btn-wrap span:first-child:nth-last-child(2) ~ span{width:50%}

.btn_pw{display:inline-block}
.btn_pw button{width:201px;font-size:24px;line-height:58px;height:58px;vertical-align:middle;cursor:pointer;text-align:center;z-index:1;font-weight:700;background-color:#666;color:#fff}

/* accodions */
.accordions {width:100%;border-top:1px solid #666;text-align:left}
.accordions li{border-top:1px dotted #717171}
.accordions li:first-child{border-top:none}
.accordions .accordion-trigger {position:relative;display:block;font-size:24px;line-height:30px;color:#222;padding:16px 25px}
.accordions .accordion-contents {display:none;font-size:24px;line-height:30px;color:#666;background-color:#f3f3f3;padding:4% 5%}
.accordions .accordion-contents.active {display:block}
.accordions .accordion-contents p{margin-bottom:8px}

.popupWrap{z-index:998;height:100%;width:100%;position:fixed;top:0;left:0;overflow:hidden}
.popupBack{background: #222;opacity:0.8;z-index:994;height: 100%;width: 100%;display:block;position: absolute;top:0;left:0;overflow: hidden}
.wrap{z-index:995;margin:8% auto 0 auto;width:90%;background:#fff;max-width:700px;min-height:143px;text-align:center;position:relative}
.pop_header{font-size:36px;font-weight:700;background:#222;color:#fff;height:94px;text-align:center;line-height:94px}
.cont{padding:5%}
.wrap p.txt-info{font-size:13px;text-align:left}
.cont{background:#fff}
.citation{font-size:24px;display:inline-block;vertical-align:middle;margin-left:5px}

@media screen and (max-width:1279px){
.input-box input.h-phone2{width:100%}
.wrap{margin:17% auto 0 auto;}
.input-cont .btn-search,.input-cont .btn-search input[type="file"],.input-cont .btn-search button{height:38px;line-height:38px;width:110px;font-size:14px}
}
@media screen and (min-width:768px) and (max-width:1279px){
h2{font-size:38px}
h3{height:40px;padding-left:15px;line-height:40px;font-size:18px}
.container{max-width:720px;margin:0 auto 157px auto}
.bullet li{font-size:16px;background-size:11px;background-position:0 5px;padding-left:16px}
.input-box .input-row .label{font-size:18px}
.accordions .accordion-trigger {font-size:18px;padding:16px 25px}
.input-cont .search-text{width:64%}

.btn-wrap button{font-size:24px;height:52px;line-height:52px}
.btn-wrap span{height:52px}
.accordions .accordion-trigger{font-size:15px;padding:16px 15px}
.accordions .accordion-contents {font-size:15px;line-height:22px}
.pop_header{font-size:24px;height:72px;line-height:72px}
}
@media screen and (min-width:320px) and (max-width:767px){
h2{font-size:24px}
.container{margin:0 3% 10%}
.input-box .input-row .label{font-size:16px;padding-left:10px}
.input-box .input-row .label:before{top:7px}
.bullet li{background-size:11px;background-position:0 3px;font-size:12px;padding-left:15px}
.input-cont .search-text,.input-box .h-pw{width:63%}
.input-cont .btn-search{width:110px}
.btn-wrap{margin-top:30px}
.btn-wrap span{height:42px}
.btn-wrap button{height:42px;line-height:42px;font-size:16px}
.btn_pw button{width:110px;font-size:14px;line-height:38px;height:38px}
h3{height:40px;padding-left:15px;line-height:40px;font-size:16px}

.accordions .accordion-trigger{font-size:15px;padding:16px 15px}
.accordions .accordion-contents {font-size:15px;line-height:22px}
.mobile{display:block}
.web{display:none}
.btn-wrap.main{margin:25px 15px}

.pop_header{font-size:20px;height:48px;line-height:48px}
.citation{font-size:13px}
}

@media screen and (min-width:373px) and (max-width:403px){
.input-cont .search-text,.input-box .h-pw{width:59%}
}
@media screen and (min-width:320px) and (max-width:372px){
.input-cont .search-text,.input-box .h-pw{width:52%}

.accordions .accordion-trigger{font-size:15px;padding:16px 30px 16px 15px}
.accordions .accordion-contents {display:none;font-size:15px;line-height:30px;padding:18px 42px}
.text{text-align:center;font-size:18px;font-weight:700;margin:30% auto}
}