@charset "utf-8";
@import url('/resources/common/css/fonts/NotoSansKR/NotoSanskr.css');
/* @import url('/resources/common/css/fonts/NotoSerifKR/NotoSerifKR.css');
@import url('/resources/common/css/fonts/kimm/kimm.css');
@import url('/resources/common/css/fonts/pretendard/pretendard.css');
@import url('/resources/common/css/fonts/ONEMobileTitle/ONEMobileTitle.css');
@import url('/resources/common/css/fonts/nexen/nexen.css'); */

html{font-size: 16px;}

*{margin: 0; padding: 0; box-sizing: border-box}
a{text-decoration: none; color: inherit}
ul, li, ol{list-style: none;}
body{color: #555; line-height: 1.4; position: relative; background-color: #fff;  font-family: "NotoSansKR"; font-weight: 400; letter-spacing: -0.015em;} /* 'Pretendard', */
#wrap{overflow: hidden;}
button{cursor: pointer; border: 0; background: none; font-size: 1rem}
h1, h2, h3, h4, h5, h6{font-size: 1em; font-weight: 700;}
/* p, h1, h2, h3, h4, h5, h6, a, span, label, button {transform: skew(-0.03deg);} */
legend, .hd-element,.hide,caption,legend,.hidden{position:absolute !important; left:-300px; width:0 !important; height:0 !important; margin:0 !important; padding:0 !important; background:none; line-height:0; overflow: hidden}
.accessibilityWrap dd a{display:block;position:absolute;top:-10000px;left:0;z-index:500;width:100%;font-size:1.3em;text-align:center}
.accessibilityWrap dd a:hover,.accessibilityWrap dd a:focus,.accessibilityWrap dd a:active{position:absolute;top:0;z-index:500;padding:15px 0;background:#1d60a7;font-weight:bold;color:#fff}
table{border-collapse: collapse; border-spacing: 0; width: 100%;}
select {border: 1px solid #dedede; -webkit-appearance: none; -moz-appearance: none; appearance: none; font: inherit; font-size: 1em; 
	background: #fff url('../img/common/select_3x.png') calc(100% - 15px) center no-repeat; padding: 0 1.250em; height: 2.5rem; background-size:15px}
select::-ms-expand {display:none}
input[type="file"]{width: 100%;}
input[type="text"], input[type="password"], input[type="email"], input[type="number"], textarea {-webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #dedede; padding: 0.5em 1em; width: 100%; height: 3.750rem; border-radius: 5px; overflow: auto; font:inherit}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
textarea{-webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #dedede; padding: 0.5em 1em; width: 100%;resize: none;}
input[type="radio"]{width: 1.25rem; height: 1.25rem; appearance: none; -webkit-appearance: none; -moz-appearance: none; border-radius: 100%;margin-right: 0.3em; cursor: pointer; border: 1px solid #dedede; vertical-align: bottom; background: #fff;}
label{cursor: pointer}
label.col{cursor: auto;}
img{max-width: 100%;vertical-align: middle;}
button.arrow:focus, a.arrow:focus{outline: 2px solid #000;}

*:focus:not(:focus-visible){outline:none}
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video,img {
	margin: 0;
	padding: 0;
	border: 0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* 공통 */
a{text-decoration:none; color: inherit}
a:focus{outline:2px solid black;}
/* input[type="text"],input[type="password"],textarea{
	appearance:none;
	border:1px solid #ddd;
	color: inherit;
	font:inherit
} */
/* input[type="button"]{
	appearance:none ;
	border-radius: 0;
	font: inherit;
	border: 0
}
input[type="checkbox"]{margin: 0;}
input[type="radio"],input[type="checkbox"],label{vertical-align: middle;} */
/* select{
	border: 1px solid #ddd;
	border-radius: 0px;
	appearance: none;
	font: inherit;
	font-size: 1em;
	padding: 0 25px 0 10px; color: inherit;
	background-size: 15px
}
select::-ms-expand {
    display: none;
} */
*{box-sizing: border-box;}
img{max-width: 100%; vertical-align: middle;}
.mt0{margin-top:0px !important}
.mt5{margin-top: 5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt30{margin-top:30px !important}
.mt40{margin-top:40px !important}
.mt50{margin-top:50px !important}

.mt1p{margin-top: 1% !important}
.mt2p{margin-top: 2% !important}
.mt3p{margin-top: 3% !important}
.mt4p{margin-top: 4% !important}
.mt5p{margin-top: 5% !important}
.mt6p{margin-top: 6% !important}
.mt7p{margin-top: 7% !important}
.mt8p{margin-top: 8% !important}
.mt9p{margin-top: 9% !important}
.mt10p{margin-top: 10% !important}
.mb0{margin-bottom: 0 !important}
h1,h2,h3,h4,h5{font-size: 1em}
button,input[type="button"]{
	margin: 0;
  padding: 0;
  border: none;
  background: none;
	font:inherit;
	font-size: 1em; color: inherit
}
button,label{cursor: pointer;}
address,em{font-style: normal}

.align_l{text-align: left}
.align_c{text-align: center}
.align_r{text-align: right}
.fl{float: left !important}
.fr{float: right !important}
.clearfix:after{content: ''; display: block; clear: both}
.mobile{display: none}

.ta-l{text-align: left !important;}
.ta-c{text-align: center !important;}
.ta-r{text-align: right !important;}

.mt0{margin-top:0px !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt40{margin-top:40px !important}
.mt50{margin-top:50px !important}
.mt60{margin-top:60px !important}
.mt70{margin-top:70px !important}
.mt80{margin-top:80px !important}
.mt90{margin-top:90px !important}
.mt100{margin-top:100px !important}

.mr0{margin-right: 0px !important;}
.mr5{margin-right: 5px !important;}
.mr10{margin-right: 10px !important;}
.mr20{margin-right: 20px !important;}

.ml0{margin-left: 0px !important;}
.ml5{margin-left: 5px !important;}
.ml10{margin-left: 10px !important;}
.ml20{margin-left: 20px !important;}

.mb0{margin-bottom: 0px !important;}
.mb5{margin-bottom: 5px !important;}
.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 15px !important;}
.mb20{margin-bottom: 20px !important;}
.mb30{margin-bottom: 30px !important;}
.mb40{margin-bottom: 40px !important;}
.mb50{margin-bottom: 50px !important;}
.mb60{margin-bottom: 50px !important;}


.pl0{padding-left: 0px !important;}
.pl5{padding-left: 5px !important;}
.pl10{padding-left: 10px !important;}
.pl15{padding-left: 15px !important;}
.pl20{padding-left: 20px !important;}

.pr0{padding-right: 0px !important;}
.pr5{padding-right: 5px !important;}
.pr10{padding-right: 10px !important;}
.pr15{padding-right: 15px !important;}
.pr20{padding-right: 20px !important;}

.pt0{padding-top:0px !important}
.pt5{padding-top:5px !important}
.pt10{padding-top:10px !important}
.pt15{padding-top:15px !important}
.pt20{padding-top:20px !important}
.pt25{padding-top:25px !important}
.pt30{padding-top:30px !important}
.pt40{padding-top:40px !important}
.pt50{padding-top:50px !important}
.pt60{padding-top:60px !important}

.wid10{width: 10% !important;}
.wid20{width: 20% !important;}
.wid30{width: 30% !important;}
.wid40{width: 40% !important;}
.wid50{width: 50% !important;}
.wid60{width: 60% !important;}
.wid70{width: 70% !important;}
.wid80{width: 80% !important;}
.wid90{width: 90% !important;}
.wid100{width: 100% !important;}

.min-w50{width: 50px !important;}
.min-w100{width: 100px !important;}


.font-14{font-size: 0.875rem;}
.font-15{font-size: 0.938rem;}
.font-16{font-size: 1rem;}
.font-17{font-size: 1.063rem;}
.font-17_b{font-size: 1.063rem; font-weight: 700;}
.font-18{font-size: 1.125rem;}
.font-18_b{font-size: 1.125rem; font-weight: 700;}
.font-20{font-size: 1.250rem;}
.font-20_b{font-size: 1.250rem; font-weight: 700;}
.font-22{font-size: 1.375rem;}
.font-22_b{font-size: 1.375rem; font-weight: 700;}
.font-32{font-size: 2rem;}
.font-32_b{font-size: 2rem; font-weight: 700;}

.rel{position: relative;}
.fl_left{float:left;}
.fl_right{float:right;}
.align_left{text-align: left !important;}
.align_right{text-align: right !important;}
.align_center{text-align: center !important;}
.vertical_top{vertical-align: top;}
.underline{text-decoration: underline;}
.word_keep{word-break: keep-all;}
.round{border-radius: 5px;}
.clear_fix::after{display: block; content: ''; clear: both;}
.flex-1{flex: 1;}
.bg-white{background-color: #fff;}
.bg-blue{background-color: #2b66df;}
.bg-blue2{background-color: #4d87c7;}
.bg-blue3{background-color: #395cb4;}
.bg-sky{background-color: #58bac9;}
.bg-sky2{background-color: #e5f4f6 !important;}
.bg-acua{background-color: #0095ab;}
.bg-orange{background-color: #ff7804;}
.bg-wgray{background-color: #f6f7f8;}
.bg-gray{background-color: #737678;}
.bg-gray2{background-color: #7d7d7d;}
.bg-wgreen{background-color: #6a9d41;}
.bg-green{background-color: #eff8f1 !important;}
.bg-green2{background-color: #2D7D44;}/* 접근성 47af1b */
.bg-green3{background-color: #3a6047 !important;}
.bg-green4{background-color: #e9f1eb !important;}
.bg-green5{background-color: #e4f8e2;}
.bg-pink{background-color: #df2b99;}
.bg-pink2{background-color: #e76e90;}
.bg-coral{background-color: #e62716;}
.bg-red{background-color: #fdf6f4 !important;}
.bg-mint{background-color: #009596;}
.bg-mint2{background-color: #028072;}
.bg-purple{background-color: #965a9d;} 
.bg-purple2{background-color: #f0eaf5;} 
.bg-purple3{background-color: #c47dcd;} 
.bg-yellow{background-color: #f2efe0;} 
.bg-yellow2{background-color: #fbf5d7;} 
.color-red{color: #E60000 !important;}/* 접근성 */
.color-red2{color: #ff5e5e !important;}
.color-main{color: var(--main-color);}
.color-orange{color: #ff4504}
.color-orange2{color: #ff7804;}/* 메인 오렌지 컬러 */
.color-orange3{color: #eb8927}
.color-coral{color: #e62716 !important;}
.color-green{color: #3a6047 !important;}
.color-green2{color: #80c397;}
.color-green3{color: #15552b;}
.color-mint{color: #009596 !important;}
.color-mint2{color: #5ccdc2;}
.color-mint3{color: #028072;}/* 접근성 28b2a4 */
.color-sky{color: #17a5bb !important;}
.color-purple{color: #965a9d;}
.color-purple2{color: #bfb1e8;}
.color-gray{color: #58524f;}
.color-gray2{color: #797676 !important;}/* 접근성 858585 */
.color-gray6{color: #666;}
.color-gray7{color: #797676;}
.color-gray9{color: #797676;}
.color-gray10{color: #999;}
.color-black1{color: #111;}
.color-black2{color: #222;}
.color-black3{color: #333;}
.btn-list{border: 1px solid #222; width: 240px; height: 3.75rem; font-size: 1rem; padding: 1rem 0; display: inline-block; border-radius: 5px; text-align: center;}
.btn-coral{background-color: #e62716; color: #fff; }
.btn-coral_l{background-color: #fff; color: #e62716 !important; border: 1px solid #e62716;}
.btn-coral2{background-color: #c7493e; color: #fff; }
.btn-gray{background-color: #666666; color: #fff; }
.btn-gray2{background-color: #e5e5e5; color: #666; border: 1px solid #cdcdcd;}
.btn-gray3{background-color: #d1d2d3; color: #333; }
.btn-gray4{background-color: #757778; color: #fff; }
/* .btn-gray5{} */
.btn-gray5{padding: 5px 1rem; width: 240px; height: 3.750rem; background-color: #333; color: #fff;}
.btn-orange{background-color: #ff7804; color: #fff; }
.btn-mint{background-color: #009596; color: #fff; }
.btn-mint_l{background-color: #fff; color: #009596; border: 1px solid #009596;}
.btn-mint2{background-color: #028072; color: #fff; }
.btn-mint2_l{background-color: #fff; color: #028072; border: 1px solid #028072;}
.btn-green{background-color: #3a6047; color: #fff; }
.btn-green_l{background-color: #fff; color: #3a6047; border: 1px solid #3a6047;}
.btn-purple{background-color: #965a9d; color: #fff; }
.btn-purple_l{background-color: #fff; color: #965a9d; border: 1px solid #965a9d;}
.btn-white{background-color: #fff; color: #666; border: 1px solid #cdcdcd;}
.btn-hide{visibility: hidden; opacity: 0;}
.btn-big{font-size: 1rem;width: 7em;padding: .8em 0;display: inline-block;border-radius: 8px; text-align: center;}
.btn-small{font-size: 1rem;width: 5em;padding: .3em 0;display: inline-block;border-radius: 8px;text-align: center;}
.btn-mid{font-size: 1rem; width: 7em; padding: .5em 0;display: inline-block;border-radius: 8px; text-align: center;}
.btn-wide{font-size: 1rem; width: 8.5em; padding: .8em 0;display: inline-block;border-radius: 8px; text-align: center;}
.btn-wide2{font-size: 1rem; width: 10em; padding: .5em 0;display: inline-block;border-radius: 8px; text-align: center;}
.btn-wide3{font-size: 1rem; width: 12.5em;padding: .865em 5px; display: inline-block;border-radius: 8px; text-align: center;}
.btn-100{font-size: 1rem; width: 100%; padding: .8em 0;display: inline-block;border-radius: 10px; text-align: center;}
.btn-pad{font-size: 1rem; padding: 14px 25px; display: inline-block !important; border-radius: 10px; text-align: center;}

.layout_850{width:850px; margin:0 auto; padding: 3.75rem 0 5em;}
.layout_920{width:920px; margin:0 auto; padding: 3.75rem 0 5em;}
.inner{max-width:1200px; margin:0 auto}
.tablet{display: none}
.block_pc{display: block}
.mobile{display: none !important;}

#mainPopUp .modal-dialog{margin:1.75em; max-width:540px;}
.modal-backdrop{display:none;}

@media (max-width:1024px){
	html{font-size: 15px;}
}
@media (max-width:768px){
	html{font-size: 14px;}
	.block_pc{display: none !important;}
	.mobile{display: block !important;}
}
/* @media (max-width:450px){
	html{font-size: 13px;}
} */

.sub-share{margin-top: 30px; visibility: hidden}
.sub-share .s-b{margin: 0.875rem auto 0; display: block; width: 45px; height: 45px; border-radius:50%; border:1px solid #ccc; background: #fff url('') center center no-repeat; display: block; white-space: nowrap;overflow: hidden; text-indent:-999px; transition:background ease-in-out .15s}
.sub-share .s-b:first-child{margin-top: 0;}
.fixed .sub-share{visibility: visible; position: fixed; right: 2%; bottom: 10%; z-index: 140}

.sub-share .share-print{background-image: url('../img/common/share-print.png')}
.sub-share .share-url{background-image: url('../img/common/share-url.png')}
.sub-share .share-sns{background:#fff url('../img/common/share-sns.png') center center no-repeat}
.sub-share .share-print:hover{background-image: url('../img/common/share-print_w.png')}
.sub-share .share-url:hover{background-image: url('../img/common/share-url_w.png')}
.sub-share .share-print:hover,.sub-share .share-url:hover{border-color:var(--main-color); background-color: var(--main-color);}
.sub-share .share-sns:hover,.sub-share .share-sns.on{background: #fff url('/resources/compnt/img/common/sns/share-sns_g.png') center center no-repeat; border-color:var(--main-color);}
 
.share-sns_w{margin-top: .875rem; position:relative;}

.toggleS{position: absolute; right: 100%; top:50%; transform:translateY(-50%); overflow: hidden; padding-right: 19px;}
.toggleS.on .share-sns_in{right:0; visibility: visible;}

/* .toggleS.on{width: auto;} */
.share-sns_in{background: #f7f7f7; padding: 10px; display: flex; position: relative; white-space: nowrap; font-size: 0; right:calc(-100% - 40px); transition:all ease-in-out .3s; visibility: hidden}
.share-sns_in:before{
	width: 0;
	height: 0;
	border-width: 17.5px 0 17.5px 19px;
	border-color: transparent transparent transparent #F7F7F7;
	border-style: solid; position: absolute; content: ''; left: 100%; top:50%; transform:translateY(-50%)}
.share-sns_in button{display: inline-block; white-space: nowrap;overflow: hidden; text-indent:-999px; margin: 0 3px; background: url('') center center no-repeat; width: 45px; height: 45px; cursor:pointer;}
.share-sns_in .btn-f{background-image: url('../img/common/sns/f.png')}
.share-sns_in .btn-t{background-image: url('../img/common/sns/t.png')}
.share-sns_in .btn-blog{background-image: url('../img/common/sns/blog.png')}
.share-sns_in .btn-band{background-image: url('../img/common/sns/band.png')}
.share-sns_in .btn-k{background-image: url('../img/common/sns/k.png')}

.satis-box{font-size: 16px; line-height: 1.35; margin: 20px 0; color: #666}
.satis-top{display: flex; padding: 15px 20px;    justify-content: space-between; align-items: end; }
.satis-top strong{font-weight: 600;}
.satis-top .det{display: flex; align-items: center; flex-wrap:wrap; flex:1; margin: 0 -10px -10px 0;}
.satis-top .det > *{margin: 0 50px 10px 0}
.satis-top .det strong{background: url('/resources/compnt/img/bbs/ico-part.png') left center no-repeat; padding-left: 1.35em; color:#333; margin-right: 8px;}
.satis-top .det strong
.satis-top .det .ico-person{background-image: url('/resources/compnt/img/bbs/ico-person.png')}
.satis-top .det .ico-call{background-image: url('/resources/compnt/img/bbs/ico-call.png')}
.satis-top .det .ico-fax{background-image: url('/resources/compnt/img/bbs/ico-fax.png')}
.satis-top .edit strong{background: url('../img/common/ico-time.png') left center no-repeat; padding-left: 1.35em; margin-right: 10px; position: relative; padding-right: 15px;}
.satis-top .edit strong:after{position: absolute; right: 0; top:50%; width: 1px; height: 8px; background: #ccc; content: ''; margin-top: -4px;}
.satis-form{background: #F7F7F7;display: flex; padding: 45px 60px;justify-content: space-between; align-items: center; border: 1px solid #ccc; flex-wrap: wrap}
.satis-radio{font-size: 1.125em; color: #333; display: flex; flex-wrap:wrap}
.satis-radio > * {position: relative; display: inline-block;; margin-right: 50px;}
.satis-radio > *:last-child{margin-right: 0;}
.satis-radio > * input{position:absolute; top:50%; left:50%; width:40%; height:40%; transform:translate(-50%, -50%)}
.satis-radio > * label {position: relative;display: block;background: #F7F7F7;padding-left: 1.5em; z-index: 1; font-size: 1rem;}
.satis-radio input + label span{position: absolute; display: block; width:1em;height:1em; top:.15em; left: 0; border:1px solid #ccc; border-radius: 50%; background: #fff}
.satis-radio input:focus + label span{border:1px solid #000}
.satis-radio input:checked + label span:before{position: absolute; left: 50%; top:50%; width: 10px; height: 10px; transform:translate(-50%,-50%); content: ''; background: #000; border-radius:50%}

.satis-form .s-t{background: url('') left top no-repeat; color :#111; font-size: 1rem; font-weight: 500; padding-left: 70px; line-height: 1.5}
.satis-form .s-t_small{font-size: 1.35rem;font-weight: 600;}
.satis-submit{margin-top: 15px; position: relative; padding-right: 124px;}
.satis-submit button{position: absolute; right: 0; top:0; height: 100%; width: 114px; text-align: center;background: #333; color: #fff; font-size: 13px;border-radius: 8px;}
.satis-submit input[type="text"]{width: 100%; height: 40px; padding: 0 20px; font-size: 1rem; font-size: 13px;}

.satis-form .s-t{width: 47%; margin-right: 4%; max-width:600px; display: block;}
.satis-form .s-f{flex:1}

/* .satis_w{margin-top: 80px;} */
.satis_w .satis-box{margin-top: 0;}

/* #surveyFrm{display: none;} */

.clearfix:after{display: block; content: ''; clear: both;}


.block-pc{display: block;}
.block-t{display: none !important}
.block-m{display: none !important}