@charset "UTF-8";

/* *2018 dreamkis*/
/* ++++++++++ 태그 리셋 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,button,time, mark, audio, video{margin:0;padding:0;border:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;margin:0;padding:0}

/* padding margin border 영향없이 사이즈 동일하게 */
*, *::before, *::after{box-sizing:border-box;}

/* +++++++++* scroll bar +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
body::-webkit-scrollbar{width:6px;height:6px}
body::-webkit-scrollbar-track{background-color:rgba(0,0,0,0);}
body::-webkit-scrollbar-thumb{border-radius:3px;background-color:rgba(0,0,0,0.4);}
._scrollbar{overflow-y:overlay;overflow-x:hidden;}
._scrollbar::-webkit-scrollbar{width:4px;height:4px;padding-right:10px}
._scrollbar::-webkit-scrollbar-track{background-color:rgba(0,0,0,0);}
._scrollbar::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(0,0,0,0.4);}
._scrollbar_width{overflow-x:overlay;overflow-y:hidden;padding-bottom:7px}
._scrollbar_width::-webkit-scrollbar{width:4px;height:4px;padding-right:10px}
._scrollbar_width::-webkit-scrollbar-track{background-color:rgba(0,0,0,0);}
._scrollbar_width::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(0,0,0,0.4);}

/* +++++++++* body setting +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
html, body{height:100%;}
body{overflow-y:overlay;}
body{font-family:'Pretendard','Open Sans','Apple SD Gothic Neo', 'Malgun Gothic',sans-serif;font-weight:300;font-size:16px;line-height:1.6;color:#111}
body.open{overflow:hidden;}

/* +++++++++* font-weight css +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.fw100{font-weight:100;}
.fw200{font-weight:200;}
.fw300{font-weight:300;}
.fw400{font-weight:400;}
.fw500{font-weight:500;}
.fw600{font-weight:600;}
.fw700{font-weight:700;}
.fw800{font-weight:800;}
.fw900{font-weight:900;}

h1{font-weight:800;font-size:1.8em}
h2{font-weight:700;font-size:1.65em}
h3{font-weight:600;font-size:1.45em}
h4{font-weight:500;font-size:1.3em}
h5{font-weight:400;font-size:1.2em}
h6{font-weight:300;font-size:1em}

/* +++++++++* font-family css +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.ptd{font-family:'Pretendard',sans-serif;}
.scd{font-family:'SCoreDream',serif;}

/* ++++++++++ text align +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.text-al{text-align:left !important;}
.text-ar{text-align:right !important;}
.text-ac{text-align:center !important;}
.text-aj{text-align:justify !important;}

/* ++++++++++ 403 404 500 error page ++++++++++++++++++++++++++++++++++++++++++++++++++ */
.error_wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;max-width:70%;min-width:300px;text-align:center;color:#aaa;line-height:1.2;font-size:0.9em}
.error_wrap .error_logo{display:inline-block;padding-left:40px}
.error_wrap .eng{font-size:2.2em;margin:10px 0 10px 0;color:#83b2b0;}
.error_wrap .etext-box span{display:inline-block}
.error_wrap .ebnt-box{margin-top:10px;border-top:1px solid #ddd;padding-top:10px}

/* ++++++++++ object rotate ++++++++++++++++++++++++++++++++++++++++++++++++++ */
._rotate45{transform:rotate(45deg);}
._rotate90{transform:rotate(90deg);}
._rotate135{transform:rotate(135deg);}
._rotate180{transform:rotate(180deg);}
._rotate225{transform:rotate(-45deg);}
._rotate270{transform:rotate(-90deg);}

ol ol, ul ul, ol ul, ul ol{margin:0;}
.unlist, .undot{padding:0;padding:0;;list-style:none;display:block}
.undot > li{display:block;margin:0;padding:0;}
.unlist > li{display:inline-block;margin:0;padding:0;}
.dul{list-style:none;padding-left:0;}
.dul li{position:relative;padding-left:0.6em;}
.dul li::before{content:"•";position:absolute;left:-2px;top:0;color:black;color:inherit;}

a, button{background-color:transparent;text-decoration:none;color:#000;cursor:pointer;}
a:focus, button:focus {
    outline: 2px dotted blue;outline-offset:2px;
}
a:hover{color:#008236;}
p{margin:0 0 10px 0;}

b, strong{font-weight:500;}
small{font-size:0.9em;}

img{vertical-align:middle;border-style:none;width:auto;max-width:100%;display:block;}

/* button style rule */
button{overflow:visible;box-sizing:border-box;line-height:normal;background:none;border-style:none;}

/* button style */
a.btn:hover{color:#fff;}
.btn{overflow:hidden;display:inline-flex;justify-content:center;align-items: center;text-align:center;font-family:'Pretendard',sans-serif;padding:0;margin:0;white-space:nowrap;vertical-align:middle;background:transparent;cursor:pointer;transition:all 0.1s ease;position:relative;border:none;z-index:1;color:#fff;border-radius:0;line-height:1;}
.btn::after{position:absolute;content:"";width:0;height:0;bottom:50%;left:50%;transform:translate(-50%, 0);z-index:-1;transition:all 0.1s ease;}
.btn:hover::after{bottom:0;height:100%;width:101%;background:rgba(0,0,0,0.2);}

.btn-ss{padding:2px 6px;font-size:11px;height:20px;}
.btn-s{padding:0 14px;font-size:12px;height:24px;}
.btn-m{padding:0 20px;font-size:14px;height:32px;}
.btn-x{padding:0 25px;font-size:16px;height:40px;}
.btn-xx{padding:0 30px;font-size:18px;height:48px;}

/* button color */
.btnc-black{background:#000;}
.btnc-darkgray{background:#444;}
.btnc-gray{background:#666;}
.btnc-lightgray{background:#ddd;color:#000}
.btnc-white{background:#ffff;color:#000;border:1px solid #ddd}
.btnc-darkbluegreen{background:#126b84;}
.btnc-bluegreen{background:#0097b7;}
.btnc-lightblue{background:#89ccf7;}
.btnc-blue{background:#53a6d8;}
.btnc-darkblue{background:#015c93;}
.btnc-lightgreen{background:#6ec16c;}
.btnc-green{background:#25b336;}
.btnc-darkgreen{background:#2f9679;}
.btnc-orange{background:#ff8b00;}
.btnc-yellow{background:#fac800;}
.btnc-lightred{background:#f5302c;}
.btnc-red{background:#d70102;}
.btnc-darkred{background:#ad1c4d;}
.btnc-darkpink{background:#be074c;}
.btnc-pink{background:#da0e52;}
.btnc-lightpink{background:#dd3e73;}
.btnc-lightbrown{background:#c48f4e;}
.btnc-brown{background:#894310;}
.btnc-darkbrown{background:#462807;}
.btnc-lightpurple{background:#8974f4;}
.btnc-purple{background:#5d49d5;}
.btnc-darkpurple{background:#4430a5;}
.btnc-site{background:#008236;}

.btn_box{padding:15px 0;position:relative;}
.btn_big_box{padding:30px 0;position:relative;}
.btn_big_box .right-btn{margin-top:20px}
.btn_big_box .block{margin-bottom:15px;display:block}

@media (min-width:768px){
	.btn_big_box .block{margin-bottom:0;display:inline-block}
	.btn_big_box .right-btn{position:absolute;right:0;top:50%;transform:translateY(-50%);margin-top:0;}
}

.radius-s{border-radius:12px}
.radius{border-radius:24px}
.radius-right{border-radius:0 24px 24px 0;}
.radius-left{border-radius:24px 0 0 24px;margin-right:-1px}
.full{width:100%}

/* Layer popup */
#popupBox{display:none;}
#popupBox.open{display:block;position:fixed;display:flex;justify-content:center;align-items:center;top:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:1100}
#popupBox .popupLayout{display:flex;flex-direction:column;width:450px;max-width:80%;max-height:90%;background:#fff;border-radius:10px;position:relative;padding-bottom:15px;font-size:14px}
#popupBox .popupLayout.bigsize{width:1000px;}
#popupBox .popupLayout .popTitle{padding:20px 20px 7px 20px;box-shadow:inset 0 -2px 5px rgba(0,0,0,.3);margin-top:-1px;border-radius:10px 10px 0 0;}
#popupBox #divInBox{width:100%;height:calc(100% - 0px);padding:15px 30px 15px 30px;margin-top:15px;}
#popupBox .popupLayout .popClose{position:absolute;text-align:center;width:50px;height:50px;top:0;left:50%;transform:translate(-50%, -50%);padding:5px 5px 6px 5px;border-radius:50%;}
#popupBox .popupLayout .popClose .gicon{font-size:30px;cursor:pointer;display:block;}
#popupBox .popupLayout .popClose .gicon:hover{color:#000}
#popupBox .popupLayout .popClose_btn{padding-top:15px;border-top:1px solid #eee}

/* Layer popup title box background */
.success{background:#5ebc0a;color:#fff}
.danger{background:#dc3545;color:#fff}
.warning{background:#fd7e14;color:#fff}
.info{background:#333;color:#fff}
.alert-success{background:#5ebc0a;color:#fff}
.alert-danger{background:#dc3545;color:#fff}
.alert-warning{background:#fd7e14;color:#fff}
.alert-info{background:#333;color:#fff}

/* file upload input box & btn */
.file_address{border-radius:20px 0 0 20px;}
.file_upload_box{border-radius:0 20px 20px 0;padding-left:15px}
.file_upload_box .gicon{margin-right:3px;}
.file_upload{width:0;position:absolute;top:0;left:0;margin:0;padding:0;cursor:pointer;height:100%;width:100%;opacity:0;filter:alpha(opacity=0);}
.editor_upload_btn{margin-left:5px;}

/* input,textarea 입력글 안내 문구*/
*::-moz-placeholder{opacity:1;color:#777;font-size:0.85em}
*:-ms-input-placeholder{color:#777;font-size:0.85em}
*::-webkit-input-placeholder{color:#777;font-size:0.85em}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#777;font-size:0.9em}

/*editor_file_box*/
.editor_file_box{padding:20px}
.editor_file_box .img_priview{padding-top:10px;display:none}
.editor_file_box .img_priview .result_box{padding:5px 0 15px 0;color:orange}
.editor_file_box .img_priview .div_view_title{padding-bottom:5px;}
.editor_file_box .img_priview .div_view{border:1px solid #ddd;height:auto;max-height:300px;padding:5px;border-radius:6px;position:relative;position:relative;overflow:hidden}
.editor_file_box .img_priview .div_view .div_img{max-height:285px;}
.editor_file_box .img_priview .editor_upfile{display:none;text-align:center;padding-top:15px}

/* table style rule */
table {border-spacing:0;border-collapse:collapse;font-size:inherit;width:100%;text-align:center;}
thead tr{border-bottom:1px solid #eee;}
tbody tr{border-bottom:1px solid #eee;}
tr td, tr th{padding:7px;font-weight:300}

label{display:inline-block;max-width:100%;vertical-align:middle}
.form-box label{display:block;max-width:100%;text-align:left;font-size:0.9em}
.form-box > label > span{display:inline-block;line-height:1.4}

input, button, select, optgroup, textarea{margin:0;font-size:inherit;color:inherit;border:0;line-height:1;padding:0;background:none;vertical-align:middle;font-weight:inherit;max-width:auto;font-family:'Pretendard',sans-serif;}

button, input{overflow:visible;}
button, select{text-transform:none;}
button[disabled], input[disabled]{cursor:default;}

input[type="radio"], input[type="checkbox"]{box-sizing:border-box;padding:0;vertical-align:middle}
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"]{-webkit-appearance:listbox;}
input:focus{outline:none;}
input[type=text]::-ms-clear{display:none;}
select::-ms-expand{background:none;border-left-width:0;border-right-width:0;border-top-width:0;border-bottom-width:0;}
select[multiple],select[size]{height:auto;}

textarea{overflow:auto;resize:vertical;}
progress{vertical-align:baseline;}

/*문자를 소문자로 변환*/
.text-lowercase{text-transform:lowercase;}
/*문자를 대문자로 변환*/
.text-uppercase {text-transform:uppercase;}
/*시작 문자를 대문자로 시작*/
.text-capitalize{text-transform:capitalize;}

.form-box input{width:80px;height:40px;border:1px solid #ddd;padding:0 15px;font-size:15px}
.form-box select{height:40px;border:1px solid #ddd;padding:0 10px;font-size:15px}
.form-box textarea{height:100px;padding:6px;resize:vertical;border:1px solid #ddd;font-size:15px;line-height:1.5}
input:focus,select:focus,textarea:focus{outline:1px solid #666;outline-offset:-1px;}
.form-box input:focus,.form-box select:focus,.form-box textarea:focus{z-index:1;box-shadow:inset 2px 2px 2px rgba(0,0,0,0.1);}
.form-box select[disabled], .form-box input[disabled], .form-box input[readonly], .form-box textarea[readonly]{background:#f8f8f8;}
.form-box select[disabled]:focus, .form-box input[disabled]:focus, .form-box input[readonly]:focus, .form-box textarea[readonly]:focus{border:1px solid #e8e8e8;z-index:0;box-shadow:none;}
.form-box input[type="radio"], .form-box input[type="checkbox"]{display:none;}

input[type="radio"] + label{line-height:0;margin-top:3px;}
input[type="checkbox"] + label::before{content:"\e835";font-size:24px;font-family:"Material Symbols Outlined";display:inline-block;color:#ccc;vertical-align:middle;margin:-0.15em 3px 0 5px;font-weight:500;}
input[type="checkbox"]:checked + label::before{content:"\e834";color:#71b536}
input[type="radio"] + label::before{content:"\e836";font-size:24px;font-family:"Material Symbols Outlined";display:inline-block;color:#aaa;vertical-align:middle;margin:-0.15em 3px 0 5px;font-weight:500;}
input[type="radio"]:checked + label::before{content:"\e837";color:#71b536;}

.form-box{padding:12px 0;border-bottom:1px dashed #ddd;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;position:relative;min-height:50px}
.form-box.column{justify-content:flex-end;}
.form-box.column > div{padding-bottom:3px}
.form-box.column > div:last-child{padding-bottom:0;}
.form-box > *{flex:auto;}
.form-box > label:first-child, .form-box > .label{flex:initial;width:100%;margin-bottom:10px;line-height:1;}
.form-box > div{display:flex;flex-wrap:nowrap;align-items:center;width:100%;margin-bottom:6px;}
.form-box > div:last-child{margin-bottom:0px}
.form-box > div > *{flex:auto;}
.form-box > div > *:last-child{margin-right:0px}
.form-box.join > div{margin-bottom:-1px}
@media (min-width:768px){
	.form-box.mulit_join{margin-bottom:-1px;}
	.form-box > *{flex:auto;}
	.form-box > label:first-child, .form-box > .label{flex:initial;width:100px !important;margin-bottom:0;}
	.form-box.column > label{height:100%;max-height:100%;position:absolute;top:0;left:0;display:flex;align-items:center;}
	.form-box > div{flex:initial;width:calc(100% - 100px);}
	.form-box input[type="checkbox"] + label, .form-box input[type="radio"] + label{flex:initial;width:auto !important;margin-right:12px}
	.form-box .auto{flex:initial;width:auto;max-width:40%}
	.form-box .half{flex:initial;width:50%}
	.form-box > div.auto{margin-bottom:0;}
}

.form-box .join{margin-right:-1px}
.form-box.fix > *{flex:auto;}
.form-box.fix > label{flex:initial;width:100px !important;margin-bottom:0;}
.form-box.fix.column > label{height:100%;max-height:100%;position:absolute;top:0;left:0;display:flex;align-items:center;}
.form-box.fix > div{flex:initial;width:calc(100% - 100px);}
.form-box .real_auto{flex:initial;width:auto;max-width:40%;min-width:22px;}
.form-wrap .form-box:last-child{margin-bottom:0}
.form-box .btn{min-width:33px}
.form-box.view{border-bottom:1px solid #eeee;padding:10px 0;margin:0}
.form-box span{line-height:2.5;}
.form-box span.nolh{line-height:1;}
.form-box span.msg{color:#aaa;font-size:0.9em}
.form-box .left{padding-right:8px;}
.form-box .right{padding-left:8px;}
.form-box .center{padding:0 8px;}
.form-box .left.line{border-right:1px solid #ddd;margin-right:10px}
.form-box .right.line{border-left:1px solid #ddd;margin-left:10px}
.form-box .center.line{border-right:1px solid #ddd;border-left:1px solid #ddd;margin:0 10px}
.form-box span.box{border:1px solid #ddd;border-left:0;background:#fff}

.mass-warning{color:red}
.form-box .tip{margin:0;padding:0;display:block}
.tip, .fimg{color:#999;font-size:0.85em;}
.fimg > img{flex:initial;width:150px;}
.tip span{margin-right:10px;padding:0;line-height:1}

.form-box .inpx50{width:50px}.form-box .inpx60{width:60px}.form-box .inpx70{width:70px}.form-box .inpx80{width:80px}.form-box .inpx90{width:90px}.form-box .inpx100{width:100px}.form-box .inpx110{width:110px}.form-box .inpx120{width:120px}.form-box .inpx130{width:130px}.form-box .inpx140{width:140px}.form-box .inpx150{width:150px}.form-box .inpx160{width:160px}.form-box .inpx170{width:170px}.form-box .inpx180{width:180px}.form-box .inpx190{width:190px}.form-box .inpx200{width:200px}
.inpx40{width:40px !important;}.inpx60{width:60px !important;}.inpx70{width:70px !important;}.inpx80{width:80px !important;}.inpx90{width:90px !important;}.inpx100{width:100px !important;}.inpx110{width:110px !important;}.inpx120{width:120px !important;}.inpx130{width:130px !important;}.inpx140{width:140px !important;}.inpx150{width:150px !important;}.inpx160{width:160px !important;}.inpx170{width:170px !important;}.inpx180{width:180px !important;}.inpx190{width:190px !important;}.inpx200{width:200px !important;}
.height-full{height:100%}

.wrap{margin-right:auto;margin-left:auto;overflow:hidden;width:94%;position:relative;}
.wrap-full{width:100%;}
.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}

.col-1{width:8.333333%;max-width:8.333333%;}
.col-2{width:16.666667%;max-width:16.666667%;}
.col-3{width:25%;max-width:25%;}
.col-4{width:33.333333%;max-width:33.333333%;}
.col-5{width:41.666667%;max-width:41.666667%;}
.col-6{width:50%;max-width:50%;}
.col-7{width:58.333333%;max-width:58.333333%;}
.col-8{width:66.666667%;max-width:66.666667%;}
.col-9{width:75%;max-width:75%;}
.col-10{width:83.333333%;max-width:83.333333%;}
.col-11{width:91.666667%;max-width:91.666667%;}
.col-12{width:100%;max-width:100%;}

@media (min-width:576px){
	.wrap{width:550px;}
	.col-s1{width:8.333333%;max-width:8.333333%;}
	.col-s2{width:16.666667%;max-width:16.666667%;}
	.col-s3{width:25%;max-width:25%;}
	.col-s4{width:33.333333%;max-width:33.333333%;}
	.col-s5{width:41.666667%;max-width:41.666667%;}
	.col-s6{width:50%;max-width:50%;}
	.col-s7{width:58.333333%;max-width:58.333333%;}
	.col-s8{width:66.666667%;max-width:66.666667%;}
	.col-s9{width:75%;max-width:75%;}
	.col-s10{width:83.333333%;max-width:83.333333%;}
	.col-s11{width:91.666667%;max-width:91.666667%;}
	.col-s12{width:100%;max-width:100%;}
}

@media (min-width:768px){
	.wrap{width:740px;}
	.col-m1{width:8.333333%;max-width:8.333333%;}
	.col-m2{width:16.666667%;max-width:16.666667%;}
	.col-m3{width:25%;max-width:25%;}
	.col-m4{width:33.333333%;max-width:33.333333%;}
	.col-m5{width:41.666667%;max-width:41.666667%;}
	.col-m6{width:50%;max-width:50%;}
	.col-m7{width:58.333333%;max-width:58.333333%;}
	.col-m8{width:66.666667%;max-width:66.666667%;}
	.col-m9{width:75%;max-width:75%;}
	.col-m10{width:83.333333%;max-width:83.333333%;}
	.col-m11{width:91.666667%;max-width:91.666667%;}
	.col-m12{width:100%;max-width:100%;}
}

@media (min-width:992px){
	.wrap{width:960px;}
	.col-l1{width:8.333333%;max-width:8.333333%;}
	.col-l2{width:16.666667%;max-width:16.666667%;}
	.col-l3{width:25%;max-width:25%;}
	.col-l4{width:33.333333%;max-width:33.333333%;}
	.col-l5{width:41.666667%;max-width:41.666667%;}
	.col-l6{width:50%;max-width:50%;}
	.col-l7{width:58.333333%;max-width:58.333333%;}
	.col-l8{width:66.666667%;max-width:66.666667%;}
	.col-l9{width:75%;max-width:75%;}
	.col-l10{width:83.333333%;max-width:83.333333%;}
	.col-l11{width:91.666667%;max-width:91.666667%;}
	.col-l12{width:100%;max-width:100%;}
}

@media (min-width:1200px){
	.wrap{width:1100px;}
	.col-x1{width:8.333333%;max-width:8.333333%;}
	.col-x2{width:16.666667%;max-width:16.666667%;}
	.col-x3{width:25%;max-width:25%;}
	.col-x4{width:33.333333%;max-width:33.333333%;}
	.col-x5{width:41.666667%;max-width:41.666667%;}
	.col-x6{width:50%;max-width:50%;}
	.col-x7{width:58.333333%;max-width:58.333333%;}
	.col-x8{width:66.666667%;max-width:66.666667%;}
	.col-x9{width:75%;max-width:75%;}
	.col-x10{width:83.333333%;max-width:83.333333%;}
	.col-x11{width:91.666667%;max-width:91.666667%;}
	.col-x12{width:100%;max-width:100%;}
}

.message-box{padding:15px 0;background:#eee}
.message-small-box{padding:5px;font-size:12px;background:#eee}
.message-box .warning, .message-small-box .warning{color:#ff6600}
.message-box .infor, .message-small-box .infor{color:#333}

/*--- 우편번호 찾기 -*/
.zipcode_pop{top:0;width:460px;max-width:90%;position:fixed;overflow:hidden;z-index:1002;-webkit-overflow-scrolling:touch;padding:50px 10px 10px 10px;background:#fff}
.zipcode_pop .zipclose{cursor:pointer;position:absolute;left:48%;top:13px;z-index:1;font-size:35px}
.zipback{top:0;width:100%;bottom:0;position:fixed;z-index:1001;-webkit-overflow-scrolling:touch;background:rgba(0,0,0,0.5)}

/* 동영상 */
.vod_wrap{width:1100px;position:relative;}
.vod_box{position:relative;width:100%;padding-bottom:56.25%;overflow:hidden}
.vod_box .yt_wrap{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;z-index:-99}
.vod_box .yt_box{position:absolute;left:0;top:0;width:100%;height:100%;background:#fff}
.vod_dot{background:url('/images/inc/dot_back.png');position:absolute;left:0;right:0;top:0;bottom:0;z-index:100}

/* sr-only: Screen Reader Only - 시각적으로는 숨기고 스크린 리더에만 노출 */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

.youtube-box{text-align:center;background:#f9f9f9;padding:30px;border:1px dashed #ddd}
.ybox_box .youtube-box{text-align:center;background:#fff;padding:0;border:0}

/* sms box */
.smsBack{background:rgba(0,0,0,0.5);position:fixed;width:100%;height:100%;top:0;left:0;z-index:1000;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity 0.3s ease-out, visibility 0s linear 0.3s;}
.smsBack.is-visible{opacity:1;visibility:visible;transition:opacity 0.3s ease-out;}
.smsPopup{position:relative;width:400px;border:1px solid #ddd;max-width:80%;padding:20px;border-radius:16px;background:#fff;box-shadow:3px 3px 5px rgba(0,0,0,0.3);transform:scale(0.8);opacity:0;transition:transform 0.3s ease-out, opacity 0.3s ease-out;}
.smsPopup.is-active{transform:scale(1);opacity:1;}
.smsPopup .form-box{padding:6px 0;border-bottom:1px dashed #ddd;}
.smsPopup .form-box input, .smsPopup .form-box select{height:36px;border-radius:16px}
.smsPopup .form-box textarea{height:100px;border-radius:10px}
.smsPopup .form-box > label:first-child{flex:initial;width:80px !important;font-size:0.85em;color:#777;}
.smsPopup .form-box > div{flex:initial;width:calc(100% - 80px);}
.smsPopup .form-box .tip{font-size:0.85em;line-height:1}
.smsPopup .smsclose{position:absolute;top:-32px;left:50%;transform:translateX(-50%);width:30px;height:30px;border-radius:50%;font-size:24px;display:flex;justify-content:center;align-items:center;background:#333;color:#fff;}
.sms-btn{text-align:center;padding-top:20px;}
.sms-hidden{display:none;}
.tooltip-wrap{display:inline-block;position:relative;}
.tooltip-icon{vertical-align:middle;display:inline-block;width:15px;height:15px;text-align:center;border-radius:50%;background:#555;color:#fff;cursor:pointer;margin-top:-2px;}
.tooltip-box{position:absolute;bottom:200%;left:50%;transform:translateX(-52%);background:#fff;padding:10px;border-radius:8px;white-space:normal;display:none;z-index:100;line-height:1.4em;width:280px;box-shadow:0 2px 6px rgba(0,0,0,0.1);border:1px solid #ddd;}
.tooltip-box::after{content:'';position:absolute;top:100%;left:50%;margin-left:-10px;border-width:10px;border-style:solid;border-color:#fff transparent transparent transparent;z-index:1;}
.tooltip-box::before{content:'';position:absolute;top:100%;left:50%;margin-left:-11px;border-width:11px;border-style:solid;border-color:#ddd transparent transparent transparent;z-index:0;}