/* headerCommon -- START */
#headerCommon {position:fixed;top:0;left:0; z-index:1002; background:#fff; width:100%;  font-family:"Paperlogi";}
#headerCommon a.logo {display:inline-block;}
#headerCommon .left {display:inline-block; font-size:16px; text-align:left;}
#headerCommon .right .volList {width:120px; height:34px; display:inline-block; position:relative;}
#headerCommon .right .volList button {width:100%; height:34px; font-weight:600; text-align:left; padding:0 10px; outline:0; border:1px solid #777; background:#fff; color:#777; display:inline-block; font-size:1.3em}
#headerCommon .right .volList button span {font-size:0.5em; position:relative; bottom:2px; padding-left:30px;}
#headerCommon .right .volList .list {width:100%; height:0; padding:0 0 0 8px; overflow-Y:auto; background:#fff;  position:absolute; top:100%; left:0; border:1px solid #777; border-bottom:0; border-top:0; transition:0.3s ease-out;}
#headerCommon .right .volList .list::-webkit-scrollbar {width:12px;}
#headerCommon .right .volList .list::-webkit-scrollbar-track {background-color:#fff;}
#headerCommon .right .volList .list::-webkit-scrollbar-thumb {background-color:#babac0; border-radius:16px; border:4px solid #fff;}
#headerCommon .right .volList .list::-webkit-scrollbar-button {display:none;}
#headerCommon .right .volList .list li {border-bottom:1px solid #ccc;}
#headerCommon .right .volList .list li:last-child {border-bottom:0;}
#headerCommon .right .volList .list li a {height:34px; line-height:38px; padding:0 4px; display:block; font-size:15px; text-align:left; color:#777;}
#headerCommon .right .volList.active button span {display:inline-block; transform:rotate(180deg); bottom:1px; padding-left:0px; padding-right:30px;}
#headerCommon .right .volList.active .list {height:190px; border-bottom:1px solid #777; z-index:99999;} /* script Ȯ�� �ʿ� */
#headerCommon .right .subscript {display:inline-block; cursor:pointer; background:#003d87; height:34px; line-height:34px; padding:0 15px; margin-left:10px; vertical-align:top;}
#headerCommon .right .subscript span {position:relative; color:#fff; font-weight:600; font-size:1.3em}
#headerCommon .right .subscript span:before {content:''; display:inline-block; position:relative; top:2px; width:20px; height:15px; margin-right:5px; background:url('../images/apply_icon.png') center center/cover no-repeat;}
#headerCommon .right {display:inline-block; text-align:right; right:0; margin-left:20px; float: right; vertical-align: middle; margin-top: 24px;}
#headerCommon .left a.sns {width:auto; height:50px; line-height:50px; color:#fff; margin-right:15px; font-size: 14px; } 
#headerCommon .left a.sns:last-child {padding-right:0;}
#headerCommon .left a.sns img {height:29px; display:inline-block; transition:All .3s ease; -webkit-transition:All .3s ease; -moz-transition:All .3s ease; -o-transition:All .3s ease; vertical-align: middle; margin-right:10px;}
#headerCommon .left a.sns:hover img {opacity:1;}
#headerCommon .header_mid{background:#fff; width:100%; height:90px; border-bottom:1px solid #cdcdcd;display:block; position:relative; z-index:9990;}
#headerCommon .header_logo {width:auto; margin:0 auto; padding:15px 0px; text-align:left;}
#headerCommon .header_wrap{width:1200px; margin:0 auto; padding:0px ;} 
/* headerCommon -- END */


/* new ������û ������ css */
#subscript_modal {position:fixed; width:100%; height:100%; top:0; left:0; z-index:999; opacity:0; pointer-events:none; transition:All .4s ease-in-out;}
#subscript_modal.open {opacity:1; pointer-events:visible;}
#subscript_modal .modalBG {width:100%; height:100%; background-color:rgba(0, 0, 0, 0.4);}
#subscript_modal .inner {width:calc(100% - 10vw); max-width:600px; position:fixed; z-index:999; top:15vh; left:50%; transform:translateX(-50%); font-size:18px; border:5px  solid #fcb859; background:#f8f8f8;  -webkit-box-shadow:0 0 20px 1px rgb(0 0 0 / 20%); -moz-box-shadow:0 0 20px 1px rgb(0 0 0 / 20%); box-shadow:0 0 20px 1px rgb(0 0 0 / 20%); padding:50px 50px 30px; display:none; flex-flow:column; border-radius:40px;}
#subscript_modal.open .inner {display:flex; animation:showUp .4s forwards;}
#subscript_modal .inner .closeBtn {position:absolute; top:20px; right:20px; width:40px; height:40px; background:url('../images/closeBtn.svg') transparent center/cover no-repeat; border:0;}
#subscript_modal .inner .titleWrap {position:relative; font-family:'Cafe24Ssurround'; font-size:2em; letter-spacing:-1px; margin-bottom:20px; padding:}
#subscript_modal .inner .titleWrap:before {content:''; width:50px; height:35px; display:block; background:url('../images/secTitleBG.png') top center/cover no-repeat; position:absolute; bottom:60%; left:-20px;}
#subscript_modal .inner .inputWrap {display:flex; flex-flow:row; justify-content:flex-start; padding:0 5px; margin-bottom:10px;}
#subscript_modal .inner .inputWrap.text {border-bottom:1px solid #ccc;}
#subscript_modal .inner .inputWrap.text label {font-family:'SBAggroM'; line-height:34px;}
#subscript_modal .inner .inputWrap.text input[type=text] {height:30px; line-height:30px; background-color:transparent;  border:none; padding:0 10px; font-size:18px;}
#subscript_modal .inner .inputWrap.text input[type=text]:-webkit-autofill {-webkit-box-shadow:0 0 0 1000px #f8f8f8 inset;}
#subscript_modal .inner .agreeWrap {margin-top:20px;}
#subscript_modal .inner .agreeWrap strong {display:block; font-family:'SBAggroM'; font-weight:normal; font-size:1.05em; padding:0 5px; margin-bottom:5px;}
#subscript_modal .inner .agreeWrap > div {padding:10px; border:1px solid #ccc; background:#fff; font-size:0.9em; line-height:1.3em; margin-bottom:10px;}
#subscript_modal .inner .agreeWrap > div p {margin-bottom:10px;}
#subscript_modal .inner .agreeWrap > div ul {margin-bottom:-3px;}
#subscript_modal .inner .agreeWrap > div ul li {text-indent:-18px; padding-left:15px; padding-bottom:3px;}
#subscript_modal .inner .inputWrap.checkbox {font-family:'SBAggroL'; line-height:32px; cursor:pointer;}
#subscript_modal .inner .inputWrap.checkbox input[type=checkbox] {display:none;}
#subscript_modal .inner .inputWrap.checkbox input[type=checkbox]+label {cursor:pointer;}
#subscript_modal .inner .inputWrap.checkbox input[type=checkbox]+label::before {content:''; position:relative; top:5px; display:inline-block; vertical-align:top; width:15px; height:15px; border:1px solid #000; background-color:#fff; margin-right:8px;}
#subscript_modal .inner .inputWrap.checkbox input[type=checkbox]:checked+label::before {border:1px solid #ff9800; background:url('../images/checked.png') #ff9800 center/cover no-repeat;}
#subscript_modal .inner .btnWrap {text-align:center; margin-top:20px;}
#subscript_modal .inner .btnWrap button {font-family:'Cafe24Ssurround'; font-size:1.3em; padding:10px 40px 6px; letter-spacing:-1px; outline:0; border:0; display:inline-block; background:#ff9800; color:#fff; border-radius:8px;}

/* 2022�� 7��ȣ ���� vol ���� */
.content .top{position:relative;}
.content .top .DateVolumn{z-index:999;display:inline-block;margin-top:1%;}
.content .top .DateVolumn > div{position:relative;display:inline-block;background-color:#fff;padding:10px 40px;border-radius:50px;font-size:20px;color:#777;}
.content .top .DateVolumn.type1 > div{position: absolute;bottom: 10%;left: 50%;transform: translate(-50%, 10%);}



.hd_pops {top:95px !important;}

@media only screen and (max-width:600px) {
    #headerCommon .header_logo {padding:25px 0 0;}
#headerCommon .header_wrap{width:600px; margin:0 auto; padding:0px 10px ; height:90px; } 
#headerCommon .header_mid {text-align:center; height:170px;}

#headerCommon .right {margin-left:0; text-align:center; padding-bottom:20px; margin-top:10px; float:none; }


#hd_pop {width:90% !important; margin:0 auto !important;}
.hd_pops {top:180px !important}
.hd_pops_footer {font-size:1.7em;}


#headerCommon .right .volList {width:180px; height:50px;}
#headerCommon .right .volList button { height:50px; font-size:1.8em; line-height:50px;}
#headerCommon .right .volList button span {font-size:0.8em; padding-left:60px;}
#headerCommon .right .volList .list li a { font-size:20px;}
#headerCommon .right .volList.active button span { padding-left:0px; padding-right:60px;}

#headerCommon .right .subscript {width:180px; height:50px; line-height:50px; padding:0 15px; margin-left:10px; vertical-align:top;}
#headerCommon .right .subscript span { font-size:1.7em; line-height:50px;}
#headerCommon .right .subscript span:before { top: 4px; width: 30px; height: 22px;margin-right:10px; background:url('../images/apply_icon.png') center center/cover no-repeat;}
#h

}