/* headerCommon -- START */
#headerCommon {position:fixed;top:0;left:0; z-index:990; background:#fff; width:100%; }
#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;}
#headerCommon .right .volList button span {font-size:0.5em; position:relative; bottom:2px; padding-left:10px;}
#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 10px; display:block; font-size:15px;}
#headerCommon .right .volList.active button span {display:inline-block; transform:rotate(180deg); bottom:1px; padding-left:0; padding-right:10px;}
#headerCommon .right .volList.active .list {height:170px; border-bottom:1px solid #777; z-index:99999;} /* script Ȯ�� �ʿ� */
#headerCommon .right .subscript {display:inline-block; cursor:pointer; background:#f15d4b; height:34px; line-height:34px; padding:0 15px; margin-left:10px; display:inline-block;}
#headerCommon .right .subscript span {position:relative; color:#fff; font-weight:600;}
#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:center; right:0; margin-left:20px; float: right; vertical-align: middle; margin-top: 6px;}
#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_top{background:#22325c; width:100%; height:50px;display:block; position:relative; border-bottom:1px solid #cdcdcd; z-index:9999;}

#headerCommon .header_mid{background:#fff; width:100%; height:80px; border-bottom:1px solid #cdcdcd;display:block; position:relative; z-index:9990;}
#headerCommon .header_logo {width:800px; margin:0 auto; padding:20px 0px; text-align:center;}
#headerCommon .header_wrap{width:800px; 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 #f15d4b; 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-size:1.8em; letter-spacing:-1px; margin-bottom:20px; padding:}
#subscript_modal .inner .titleWrap:before {content:''; width:50px; height:35px; display:block; 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 { 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-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 { 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; font-size:0.85em }
#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 #f15d4b; background:url('../images/checked.png') #f15d4b center/cover no-repeat;}
#subscript_modal .inner .btnWrap {text-align:center; margin-top:20px;}
#subscript_modal .inner .btnWrap button { font-size:1.3em; padding:10px 40px 11px; letter-spacing:-1px; outline:0; border:0; display:inline-block; background:#f15d4b; 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%);}