@charset "utf-8";
@import url('../../css/webfonts.css');
@import url('../../font/xeicon/xeicon.min.css');
@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');

/* reset.css(plan-i standard) */
html{font-size:10px;box-sizing:border-box;overflow-x:hidden;}
*,*:before,*:after{box-sizing:inherit;}
br{font-family:initial;}
body{height:auto;margin:0;padding:0;overflow-x:hidden;font-size:1.6rem;font-weight:400;font-family:'Pretendard','Noto Sans KR',"Apple SD Gothic Neo","맑은 고딕","Malgun Gothic","돋움",Dotum,"굴림",Gulim,AppleGothic,Sans-serif;line-height:1.4;color:#333;word-break:keep-all; -webkit-print-color-adjust: exact;letter-spacing: -0.48px;}
ul,ol,li,dl,dt,dd{margin:0;padding:0;list-style:none;}
p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;border:0;	vertical-align:middle;font-size:0;}
table{border-collapse:collapse;width:100%;}
caption,legend{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
select, input, textarea{color:#454545;font-size:.8rem;}
select, input{vertical-align:middle;}
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
select::-ms-expand { display: none; }
address,em,i{font-style:normal;}
button{border:0;background:none;cursor:pointer;}
hr{margin:0;border:none;padding:0;display:block;}
form, figure, figcaption{padding:0;margin:0;}
fieldset{border:none;padding:0;margin:0;}
input[type="submit"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
header, footer, article, section, aside, nav, main{display:block;}
button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit;margin:0;}
::selection{background:rgba(254, 110, 178, .35);}
/*button:hover,
button:focus{border:0;outline:0;}*/
caption, legend, .sr_only, .hidden, .blind, .IR { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0 none; clip: rect(0, 0, 0, 0); }
/* Skip Navigation */
#skip_nav{position:absolute; left:0; top:-1000px; width:100%; height: 0px; z-index:1000; line-height:0px; font-size:0px;}
#skip_nav a{display:block; text-align:center; width: 100%; line-height:0px; font-size:0px;}
#skip_nav a:hover,#skip_nav a:active,#skip_nav a:focus{position:absolute; left:0px; top:1000px; padding: 8px 0; display:block; height:30px; background:#20262c; font-size:12px; font-weight:bold; line-height:18px; color:#fff}
#wrap{position:relative;}
/* 기본 */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.responsive{max-width:100%;height:auto;}
.row{margin-right:-.75rem; margin-left:-.75rem;}
.row:before,
.row:after,
.clearfix:before,
.clearfix:after{content:"";display:table;clear:both;}
.float-left{float:left !important;}
.float-right{float:right !important;}
.float-wrap{overflow:hidden;}

/* 부트스트랩 */
fieldset{border:0;padding:0;}
legend{padding:0;border:0;font-size:0;}
.txt-left{text-align:left!important;}
.txt-right{text-align:right!important;}
.txt-center{text-align:center!important;}
.vertical{display:inline-block;vertical-align:middle;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.img-responsive{max-width:100%;height:auto;}

.container{width:128rem;margin:auto;max-width:100%;}
.form_textbox { width: 100%; height: 4rem; max-height: 100%; padding: 0 1rem; border: 1px solid #ddd; text-align: left; vertical-align: top; -webkit-transition: all 0.2s; transition: all 0.2s; }
.form_textbox:focus { border-color: #000; }
.form_radio { display: inline-block; position: relative; z-index: 0; margin-right: 2rem; padding-left: 2rem; vertical-align: top; }
.form_radio input { position: absolute; left: 0; top: 0; opacity: 0; }
.form_radio input:focus + label::before { outline: 1px dotted #000; }
.form_radio input:checked + label::after { background-color:#fff; border:4px solid #AE1C28;}
.form_radio label { cursor: pointer; }
.form_radio label::before { position: absolute; left: 0; top: 0.3rem; z-index: -2; width: 1.5rem; height: 1.5rem; border-radius: 100%; border: 2px solid #CFD1D3; background-color: #fff; content: ''; }
.form_radio label::after { position: absolute; left: 0; top: .3rem; z-index: -1; width: 1.5rem; height: 1.5rem; border-radius: 100%; content: ''; }
.form_radio:last-child { margin-right: 0;}
.form_select { display: inline-block; position: relative; height: 4rem; color: #333; }
.form_select::after { position: absolute; top: auto; left: auto; right: auto; font-family: "xeicon"; position: absolute; top: 50%; left: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 1rem; transform: translateY(-50%); content: ''; }
.form_select select { width: 100%; height: 4rem; padding: 0 3rem 0 1rem; border: 1px solid #ddd; vertical-align: top; -webkit-transition: all 0.2s; transition: all 0.2s; }
.form_select select:hover, .form_select select:focus { border-color: #000; }



.ellipsis{white-space: nowrap;text-overflow: ellipsis;overflow:hidden;display: block;}
.ellipsis_2{white-space: inherit;overflow:hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
.ellipsis_3{white-space: inherit;overflow:hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;}


@media screen and (max-width:1280px){
  html{font-size:9px;}
  .container{max-width: 94%;}

}


/* 프린트 */
@media print{
  #header, aside, #spot, .cont-bot, #footer{display:none;}
  .container{width:100% !important;}
}