@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo&display=swap');

@font-face {
    font-family:'GmarketSans';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight:500;
    font-style:normal;
}

@font-face {
    font-family:'GmarketSans';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight:300;
    font-style:normal;
}

@font-face {
    font-family:'GmarketSans';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight:800;
    font-style:normal;
}

/* CSS Reset */
body,html,
header,footer,aside,nav,section,article,details,figure,figcaption,menu,command,
div,dl,dd,ol,ul,li,form,fieldset,legend,iframe,table,caption,thead,tfoot,tbody,tr,th,td, /* Block Element */
h1,h2,h3,h4,h5,h6,dt,summary,input,textarea,button,select,datalist,
img,embed,object,canvas,audio,video,meter,progress,keygen, /* Inline Block Element */
a,label,output,dialog, /* Inline Element */
address,blockquote, /* Text Block Element */
p,pre,/* Text Inline Block Element */
span,b,strong,i,em,dfn,var,u,ins,s,del,q,mark,small,sub,sup,abbr,bdi,bdo,cite,time,ruby,rp,rt,code,kbd,samp, /* Text Inline Element */
acronym,big,frame,frameset,noframes,tt, /* Not HTML5 Used Element */
map,option,hr,*{border:0;padding:0;margin:0;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;}
header,footer,aside,nav,section,article,details,summary,figure,figcaption,menu,command{display:block} /* HTML5 Block Element */
applet,basefont,center,dir,font,strike{display:none} /* XHTML4, HTML5 Element Not Used Remove */
q,blockquote{quotes:none;content:none}
li,menu{list-style:none;word-break:break-all}

table{width:100%;border-spacing:0;border-collapse:separate;} /* Table Border (separate) */
caption{text-align:left}
th,td{text-align:center;vertical-align:middle}

address{font-style:normal}
label{display:inline-block;}
a{text-decoration:none;display:inline-block;} /* A Attribute  */

/* Common Setting */
html{overflow-y:auto;}
html,body{height:100%;} /* Horizen Scroll */
body{color:#333;font-size:15px;font-family:'GmarketSans', 'Noto Sans KR', sans-serif, "Nanum Gothic";font-weight:500;min-width:320px;}
div{outline:0}
img {vertical-align:middle;}

::selection {background-color:#c22620;color:#fff;}

/* Comm */
.commhead {position:relative;color:white;text-align:center;padding:0 0 65px 0;}
.commhead span {font-size:14px;font-weight:700;opacity:0.4;}
.commhead h1 {font-size:45px;font-weight:300;padding:28px 0 5px 0;}
.commhead p {font-size:18px;}
.clear {position:relative;clear:both;}


/* Visual */
.visual {position:relative;width:100%;height:calc(100% - 209px);text-align:center;}
.visual .text {position:absolute;width:1200px;top:50%;left:50%;margin-left:-600px;margin-top:-130px;text-align:center;color:white;}
.visual .text h2 {font-family:'Nanum Myeongjo';font-size:50px;font-weight:500;}
.visual .text h1 {font-family:'Nanum Myeongjo';font-size:80px;font-weight:500;}
.visual .text h1 b {color:#c22620;}
.visual .text .linetx {position:relative;margin:35px 0;}
.visual .text .linetx p {font-size:15px;border-top:solid 1px white;border-bottom:solid 1px white;display:inline-block;padding:10px 0 9px 0;letter-spacing:2px;}
.visual .scroll {position:absolute;width:100px;bottom:30px;left:50%;margin-left:-50px;text-align:center;color:white;font-size:13px;animation-name:ani_sroll;animation-duration:1s;animation-delay:1s;animation-iteration-count:infinite;}
.visual .scroll img {width:20px;padding:0 5px 2px 0;filter:invert(100);}
@keyframes ani_sroll {0%{bottom:30px;}50%{bottom:20px;}100%{bottom:30px;}}



.fullscreen-bg{
    position:absolute;
    inset:0;
    overflow:hidden;
    z-index:-1;
}

.fullscreen-bg video{
    width:100%;
    height:100%;
    object-fit:cover;
}


/* DBSection */
.DBSection {position:relative;width:100%;background-color:#c22620;padding:10px 0 5px 0;z-index:201;}
.DBSection .inbox {position:relative;padding:10px 20px 5px 20px;width:1160px;margin:0 auto;background-color:white;border-radius:20px;}
.DBSection .inbox .intext {position:relative;width:calc(100% - 180px);margin:0 160px 0 20px;}
.DBSection .inbox .intext ul:nth-child(4) {clear:both;}
.DBSection .inbox .intext li {float:left;margin-bottom:5px;}
.DBSection .inbox .intext ul:nth-child(1) li:nth-child(1) {width:5%;}
.DBSection .inbox .intext ul:nth-child(1) li:nth-child(2) {width:22%;}
.DBSection .inbox .intext ul:nth-child(2) li:nth-child(1) {width:8%;}
.DBSection .inbox .intext ul:nth-child(2) li:nth-child(2) {width:40%;}
.DBSection .inbox .intext ul:nth-child(3) li:nth-child(1) {width:8%;}
.DBSection .inbox .intext ul:nth-child(3) li:nth-child(2) {width:17%;}
.DBSection .inbox .intext ul:nth-child(4) li:nth-child(1) {width:5%;}
.DBSection .inbox .intext ul:nth-child(4) li:nth-child(2) {width:22%;}
.DBSection .inbox .intext ul:nth-child(5) li:nth-child(1) {width:8%;}
.DBSection .inbox .intext ul:nth-child(5) li:nth-child(2) {width:40%;}
.DBSection .inbox .intext ul:nth-child(6) li:nth-child(1) {width:8%;}
.DBSection .inbox .intext ul:nth-child(6) li:nth-child(2) {width:17%;}
.DBSection .inbox .intext li:nth-child(odd) {font-size:16px;padding-top:13px;}
.DBSection .inbox .intext li input {font-weight:18px;font-weight:700;color:#c22620;padding:10px 10px 8px 10px;border:solid 2px #eecece;border-radius:10px;width:75%;;}
.DBSection .inbox .intext li input::placeholder {color:#eecece;}
.DBSection .inbox .intext li select {font-weight:18px;font-weight:700;color:#c22620;padding:10px 10px 8px 10px;border:solid 2px #eecece;border-radius:10px;width:90%;}
.DBSection .inbox .intext li .inp3 {width:23%;text-align:center;}
.DBSection .inbox .checkbox {position:relative;text-align:left;padding:10px 0 0 70px;clear:both;}
.DBSection .inbox .checkbox i {font-style:normal;}
.DBSection .inbox .checkbox a {font-weight:700;color:#c22620;margin-left:10px;}
.DBSection .inbox .btn {position:absolute;top:10px;right:20px;text-align:center;}
.DBSection .inbox .btn a {display:block;padding:20px 20px;background-color:#000;border-radius:15px;}
.DBSection .inbox .btn a img {width:130px;}
.DBSection .inbox .btn a p {font-size:20px;color:#ffd800;font-weight:700;}
.DBSection .text {position:relative;width:1200px;margin:0 auto;padding:10px 0 5px 0;text-align:center;}
.DBSection .text p {color:white;font-size:13px;line-height:17px;}
.DBSection .text p b {color:#ffcc00;font-weight:400;}
.DBSection .closebtn {display:none;}

/* 셀렉트 변경 */
.selectdiv {position:relative;margin:0;}
select::-ms-expand {display:none;}
.selectdiv:after {content:'>';font-size:15px;color:#c22620;font-weight:700;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform: rotate(90deg);transform:rotate(90deg);left:83%;top:12px;position:absolute;pointer-events:none;}
.selectdiv select {-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;position:absolute;font-size:15px;background-color: #ffffff;}

/* 체크박스 변경 */
.DBSection .inbox .checkbox .chk_box {display:inline-block;position:relative;padding-left:25px;margin-bottom:5px;cursor:pointer;font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.DBSection .inbox .checkbox .chk_box input[type="checkbox"] {display:none;}
.DBSection .inbox .checkbox .on {width:18px;height:18px;background:#ddd;position:absolute;top:-0px;left:0;border-radius:3px;}
.DBSection .inbox .checkbox .chk_box input[type="checkbox"]:checked + .on {background:#aa3b2c;}
.DBSection .inbox .checkbox .on:after {content:"";position:absolute;display:none;}
.DBSection .inbox .checkbox .chk_box input[type="checkbox"]:checked + .on:after {display:block;}
.DBSection .inbox .checkbox .on:after {width:4px;height:8px;border:solid #fff;border-width: 0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);position:absolute;left:6px;top:3px;}

/* 라디오 버튼 변경 */
.DBSection .inbox .intext input[type="radio"] {display:none;}
.DBSection .inbox .intext input[type="radio"] + span {display:inline-block;padding:13px 15px 11px 15px;background-color:#b2b2b2;color:#eaeaea;text-align:center;cursor:pointer;font-weight:700;}
.DBSection .inbox .intext input[type="radio"]:checked + span {background-color:#c22620;color:#ffffff;font-weight:700;}
.DBSection .inbox .intext .a_3081_1086 input[type="radio"] + span {border-top-left-radius:10px;border-bottom-left-radius:10px;}
.DBSection .inbox .a_3081_1087 input[type="radio"] + span {border-top-right-radius:10px;border-bottom-right-radius:10px;margin-left:-5px;}
.DBSection .inbox .a_3081_1088 input[type="radio"] + span {border-top-left-radius:10px;border-bottom-left-radius:10px;}
.DBSection .inbox .a_3081_1089 input[type="radio"] + span {border-top-right-radius:10px;border-bottom-right-radius:10px;margin-left:-5px;}

/* popup */
.pop_back {position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.65;z-index:200;display:none;}
.pop_start {position:fixed;top:50%;left:50%;width:410px;height:500px;margin-top:-250px;margin-left:-205px;z-index:201;display:none;}
.pop_start .close {position:absolute;right:20px;top:15px;}
.pop_start .close img {filter:invert(100);width:25px;}
.pop_start .btn {position:relative;text-align:center;border-top:solid 1px #284b73;}
.pop_start .btn li {float:left;border-right:solid 1px #284b73;background-color:#0f3560;}
.pop_start .btn li:first-child {border-bottom-left-radius:30px;width:calc(60% - 1px);}
.pop_start .btn li:last-child {border-right:0;border-bottom-right-radius:30px;width:40%;}
.pop_start .btn li a {color:white;font-size:13px;padding:20px 0;}

.pop_private {position:fixed;top:50%;left:50%;width:760px;height:600px;margin-top:-300px;margin-left:-380px;z-index:201;background-color:white;display:none;}
.pop_private .text {position:relative;padding:20px;}
.pop_private .text h1 {font-size:20px;font-weight:500;padding:5px 0 15px 0;}
.pop_private .text .insection {position:relative;background-color:#f2f2f2;padding:15px;height:435px;font-size:12px;color:#666;line-height:24px;overflow-y:scroll;}
.pop_private .btn {position:relative;background-color:#333;text-align:center;padding:20px 0;}
.pop_private .btn a {color:white;font-size:15px;line-height:15px;display:block;}

.pop_end {position:fixed;top:50%;left:50%;width:500px;height:330px;margin-top:-165px;margin-left:-250px;background-color:white;text-align:center;z-index:201;display:none;}
.pop_end .text {position:relative;padding:45px 30px 30px 30px;}
.pop_end .text img {width:200px;}
.pop_end .text h2 {font-size:24px;padding:35px 0 5px 0;}
.pop_end .text p {line-height:20px;}
.pop_end .btn {position:relative;background-color:#333;text-align:center;padding:20px 0;}
.pop_end .btn a {color:white;font-size:15px;line-height:15px;display:block;}

.DBbtn {display:none;}
.DBsection .close {display:none;}





/* ==========================================================================================================*/
/* 타블렛 사이즈 적용 */
@media only screen and (max-width:1200px) { 

/* Comm */
.commhead {padding:0 0 45px 0;}
.commhead span {font-size:13px;}
.commhead h1 {font-size:40px;padding:20px 0 5px 0;}
.commhead p {font-size:16px;}


/* Visual */
.visual {height:calc(100% - 45px);}
.visual .text {width:100%;left:50%;margin-left:-50%;margin-top:-180px;}
.visual .text h2 {font-size:38px;padding-bottom:10px;}
.visual .text h1 {font-size:65px;}
.visual .text .linetx {margin:30px 0;}
.visual .text .linetx p {font-size:15px;padding:9px 0 9px 0;letter-spacing:5px;}
.visual .text img {width:200px;}


/* DBSection */
.DBSection {padding:10px;width:calc(100% - 20px);margin-top:-150px;}
.DBSection .inbox {width:auto;padding:10px 10px 5px 10px;width:auto;border-radius:15px;}
.DBSection .inbox .intext {width:calc(100% - 140px);margin:0 120px 0 10px;}
.DBSection .inbox .intext ul:nth-child(1) li:nth-child(1) {width:6%;}
.DBSection .inbox .intext ul:nth-child(1) li:nth-child(2) {width:13%;}
.DBSection .inbox .intext ul:nth-child(2) li:nth-child(1) {width:10%;}
.DBSection .inbox .intext ul:nth-child(2) li:nth-child(2) {width:35%;}
.DBSection .inbox .intext ul:nth-child(3) li:nth-child(1) {width:11%;}
.DBSection .inbox .intext ul:nth-child(3) li:nth-child(2) {width:25%;}

.DBSection .inbox .intext ul:nth-child(4) li:nth-child(1) {width:6%;}
.DBSection .inbox .intext ul:nth-child(4) li:nth-child(2) {width:13%;}
.DBSection .inbox .intext ul:nth-child(5) li:nth-child(1) {width:10%;}
.DBSection .inbox .intext ul:nth-child(5) li:nth-child(2) {width:35%;}
.DBSection .inbox .intext ul:nth-child(6) li:nth-child(1) {width:11%;}
.DBSection .inbox .intext ul:nth-child(6) li:nth-child(2) {width:25%;}
.DBSection .inbox .intext li:nth-child(odd) {font-size:14px;padding-top:10px;white-space:nowrap;}
.DBSection .inbox .intext li input {font-size:14px;padding:7px 7px 3px 7px;width:60%;border-radius:5px;}
.DBSection .inbox .intext li select {font-size:14px;padding:7px 7px 3px 7px;width:92%;border-radius:5px;}
.DBSection .inbox .intext li .inp3 {width:21%;}
.DBSection .inbox .checkbox {padding:5px 0 0 5.7%;}
.DBSection .inbox .btn {top:10px;right:15px;}
.DBSection .inbox .btn a {padding:22px 20px;}
.DBSection .inbox .btn a img {width:110px;padding-bottom:5px;}
.DBSection .inbox .btn a p {font-size:19px;}
.DBSection .text {width:auto;}

.DBSection .inbox .intext input[type="radio"] + span {padding:10px 12px 8px 12px;font-size:14px;}
.selectdiv:after {font-size:13px;left:84%;top:7px;}

/* popup */
.pop_private {width:90%;height:550px;margin-top:-300px;margin-left:-45%;}
.pop_private .text {padding:20px 20px 0 20px;}
.pop_private .text h1 {font-size:17px;}
.pop_private .text .insection {line-height:22px;}
.pop_private .btn {padding:15px 0;}
.pop_private .btn a {font-size:14px;}

.DBbtn {display:none;}
.DBsection .close {display:none;}


}



/* ==========================================================================================================*/
/* 모바일 사이즈 적용 */
@media only screen and (max-width:767px) {

/* Comm */
.commhead {padding:0 0 30px 0;}
.commhead span {font-size:11px;}
.commhead h1 {font-size:30px;padding:20px 0 5px 0;}
.commhead p {font-size:14px;line-height:20px;padding:0 20px;}

/* Visual */
.visual {height:calc(100% - 50px);}
.visual .text {width:100%;left:50%;margin-left:-50%;margin-top:-35%;}
.visual .text h2 {font-size:1.8em;padding-bottom:5px;}
.visual .text h1 {font-size:2.4em;}
.visual .text .linetx {margin:20px 0;}
.visual .text .linetx p {font-size:0.8em;padding:9px 0 9px 0;letter-spacing:1px;border-top:solid 1px #848484;border-bottom:solid 1px #848484;}
.visual .text img {width:45%;}
@media (max-aspect-ratio: 16/9) { .fullscreen-bg__video {width:320%;left:-100%;} }


/* DBSection */
.DBSection {width:calc(100% - 10px);padding:5px;margin-top:-120px;}
.DBSection .inbox {padding:10px 10px 55px 10px;border-radius:10px;}
.DBSection .inbox .intext {width:auto;margin:0;}
.DBSection .inbox .intext ul {clear:both;}
.DBSection .inbox .intext li {padding-bottom:2px;}
.DBSection .inbox .intext ul:nth-child(1) li:nth-child(1) {width:22%;}
.DBSection .inbox .intext ul:nth-child(1) li:nth-child(2) {width:78%;}
.DBSection .inbox .intext ul:nth-child(2) li:nth-child(1) {width:22%;}
.DBSection .inbox .intext ul:nth-child(2) li:nth-child(2) {width:78%;}
.DBSection .inbox .intext ul:nth-child(3) li:nth-child(1) {width:22%;}
.DBSection .inbox .intext ul:nth-child(3) li:nth-child(2) {width:78%;}
.DBSection .inbox .intext ul:nth-child(4) li:nth-child(1) {width:22%;}
.DBSection .inbox .intext ul:nth-child(4) li:nth-child(2) {width:78%;}
.DBSection .inbox .intext ul:nth-child(5) li:nth-child(1) {width:22%;}
.DBSection .inbox .intext ul:nth-child(5) li:nth-child(2) {width:78%;}
.DBSection .inbox .intext ul:nth-child(6) li:nth-child(1) {width:22%;padding-top:21px;}
.DBSection .inbox .intext ul:nth-child(6) li:nth-child(2) {width:78%;padding-top:11px;}
.DBSection .inbox .intext li:nth-child(odd) {font-size:14px;padding-top:8px;}
.DBSection .inbox .intext li input {font-size:15px;padding:10px 10px 7px 10px;border:solid 1px #eecece;border-radius:5px;width:90%;;}
.DBSection .inbox .intext li select {font-size:15px;padding:10px 10px 7px 10px;border:solid 1px #eecece;border-radius:5px;width:98%;}
.DBSection .inbox .intext li .inp3 {width:22%;}
.DBSection .inbox .checkbox {padding:0;}
.DBSection .inbox .checkbox i {display:none;}
.DBSection .inbox .checkbox a {font-weight:400;margin-left:5px;color:#333;}

.DBSection .inbox .btn {top:auto;right:auto;bottom:5px;left:5px;width:calc(100% - 10px);text-align:center;}
.DBSection .inbox .btn a {padding:14px 0 10px 0;border-radius:10px;display:block;}
.DBSection .inbox .btn a br {display:none;}
.DBSection .inbox .btn a img {display:none;}
.DBSection .inbox .btn a p {font-size:17px;}
.DBSection .text {display:none;}

/* 셀렉트 변경 */
.selectdiv:after {font-size:13px;left:90%;top:10px;}
/* 체크박스 변경 */
.DBSection .inbox .checkbox .chk_box {padding-left:18px;font-size:12px;}
.DBSection .inbox .checkbox .on {width:16px;height:15px;top:-2px;left:0;}
.DBSection .inbox .checkbox .on:after {width:2px;height:6px;}
/* 라디오 버튼 변경 */
.DBSection .inbox .intext input[type="radio"] + span {padding:10px 12px 7px 12px;font-size:14px;}
.DBSection .inbox .intext .a_3081_1086 input[type="radio"] + span {border-top-left-radius:5px;border-bottom-left-radius:5px;}
.DBSection .inbox .a_3081_1087 input[type="radio"] + span {border-top-right-radius:5px;border-bottom-right-radius:5px;margin-left:-5px;}
.DBSection .inbox .a_3081_1088 input[type="radio"] + span {border-top-left-radius:5px;border-bottom-left-radius:5px;}
.DBSection .inbox .a_3081_1089 input[type="radio"] + span {border-top-right-radius:5px;border-bottom-right-radius:5px;margin-left:-5px;}

.DBSection .closebtn {display:block;position:absolute;right:10px;top:-30px;}
.DBSection .closebtn a img {filter:invert(100);}

.DBbtn {position:fixed;bottom:5px;left:5px;width:calc(100% - 10px);display:block;z-index:199;}
.DBbtn a {display:block;background-color:#ff6f6f;text-align:center;font-size:17px;padding:19px 0 17px 0;animation: txchange4 infinite 3s;font-weight:700;border-radius:20px;}
.DBbtn a::before {content:"우먼시크릿 무료상담신청";animation: txchange5 infinite 5s;}
@keyframes txchange5 {0% {content:"우먼시크릿 무료상담신청";} 50%{content:"30초면 무료 신청완료!";} 75% {content:"지금 바로 신청하세요!";}} 
@keyframes txchange4 {from {background-color:#ff6f6f;}to {background-color: #ffdc00;}}
.DBbtn .arrowup01 {position:absolute;top:19px;left:15px;}
.DBbtn .arrowup01 img {width:20px;}
.DBbtn .arrowup02 {position:absolute;top:19px;right:15px;}
.DBbtn .arrowup02 img {width:20px;}

/* popup */
.pop_start {width:90%;height:100%;margin-top:-50%;margin-left:-45%;z-index:201;}
.pop_start img {width:100%;}
.pop_start .btn {width:100%;}
.pop_start .btn li:first-child {border-bottom-left-radius:20px;}
.pop_start .btn li:last-child {border-bottom-right-radius:20px;}

.pop_private {width:90%;height:500px;margin-top:-270px;margin-left:-45%;}
.pop_private .text {padding:10px;}
.pop_private .text h1 {font-size:16px;padding:5px 0 10px 0;}
.pop_private .text .insection {padding:10px;height:420px;}
.pop_private .btn {padding:15px 0;}
.pop_private .btn a {font-size:13px;line-height:13px;}

.pop_end {width:90%;height:280px;margin-top:-140px;margin-left:-45%;}
.pop_end .text {padding:25px 20px 20px 20px;}
.pop_end .text img {width:70px;}
.pop_end .text h2 {font-size:18px;}
.pop_end .text p {line-height:17px;font-size:13px;}
.pop_end .btn {padding:15px 0;}
.pop_end .btn a {font-size:13px;line-height:13px;}

}