@charset "utf-8";


html{overflow-x:hidden; width:100%; height:100%; font-size:16px; }
body{width:100%; height:100%; position:relative;}
body.sitemap-open{overflow:hidden; height:100vh;}
.modal-open{overflow:visible;}
*{font-family:'NotoSansKR'; font-weight:400; margin:0; padding:0; line-height:1.4; letter-spacing:-0.05em; box-sizing:border-box; word-break:keep-all; color:#333;  }

.board-view__item *{color:inherit;}

a{text-decoration:none; color:inherit;}
ul, ol{list-style:none;}
table{border-spacing:0; border-collapse:collapse;}
table caption{height:0; overflow:hidden; padding:0; text-indent:-9999px;}
img{max-width:100%; height:auto;}
button{cursor:pointer;}
sub{bottom:0;}
a:hover{text-decoration:none; color:inherit;}
p, ul, h1, h2, h3, h4, h5, h6, address{margin:0; padding:0;}
label{margin-bottom:0; cursor:pointer;}


input[type="radio"]{position:absolute; left:-9999px; width:0; height:0; overflow:hidden;}
input[type="radio"] + label{position:relative; display:flex; align-items:center; cursor:pointer;}
input[type="radio"] + label::before {display:inline-block; width:25px; height:25px;  pointer-events:none; margin-right:0.313rem; content:""; background-color:#fff; border:#515957 solid 1px; border-radius:50%; transition:all .4s;}
input[type="radio"] + label::after{position:absolute; top:50%; left:0; transform:translateY(-50%); display:inline-block; width:25px; height:25px;  margin-right:0.313rem; content:""; background:50%/50% 50% no-repeat; transition:all .4s;}
input[type="radio"]:focus{outline:0;}
input[type="radio"]:checked + label{}
input[type="radio"]:checked + label::before{color:#fff; border-color:#007bff; background-color:#007bff;}
input[type="radio"]:checked + label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");}
input[type="radio"]:checked + label::before{border:1px solid #000;}
input[type="radio"]:focus + label::before{border:1px solid #000;}
input[type="radio"]:focus-visible + label::before{outline:2px dotted #ff0000;}

input[type="checkbox"]{position:absolute; left:-9999px; width:0; height:0; overflow:hidden;}
input[type="checkbox"] + label{display:flex; flex-wrap:wrap;  align-items:center; position:relative; margin-bottom:0; cursor:pointer;}
input[type="checkbox"] + label::before{transition:all .4s; border-radius:0.25rem; display:inline-block; width:25px; height:25px;  margin-right:0.313rem; pointer-events:none; content:""; background-color:#fff; border:#515957 solid 1px;}
input[type="checkbox"] + label::after{transition:all .4s; position:absolute; top:50%; left:0; transform:translateY(-50%); display:inline-block; width:25px; height:25px;  margin-right:0.313rem; content:""; background:50% / 50% 50% no-repeat;}

input[type="checkbox"] + label span {display:inline-block; width:calc(100% - 31px);}

input[type="checkbox"]:focus{outline:0;}
input[type="checkbox"]:checked + label::before{border-color:#007bff; background-color:#007bff;}
input[type="checkbox"]:checked + label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");}
input[type="checkbox"]:focus + label::before{border:1px solid #000;}
input[type="checkbox"]:focus-visible + label::before{outline:2px dotted #ff0000;}

input[type="text"],input[type="date"],
input[type="password"]{display:inline-block; height:2rem; padding:0 0.625rem; border:1px solid #cdcdcd;}

input.datepicker{width:8.75rem; height:2rem; padding:0 1.875rem 0 0.625rem; border:1px solid #cdcdcd;  border-radius:0; font-size:0.938rem; font-weight:200; color:#666;background:url("/reference/assets/f1ca53b0f8abe140.png") right center no-repeat;}

select{min-width:8.75rem; height:2rem; padding:0 1.875rem 0 0.625rem; border:1px solid #cdcdcd; border-radius:0; font-size:0.938rem; font-weight:200; color:#666; background:url("/reference/assets/32fbe1973e7c1a21.png") right center no-repeat; -moz-appearance:none; -webkit-appearance:none; appearance:none;}
select::-ms-expand{display:none; display:hidden;}

textarea{resize:none; border:1px solid #cdcdcd; padding:0.625rem;}


.ft-white{color:#fff !important;}
.ft-blue{color:#008fd2 !important;}
.ft-red{color:#fc5662 !important;}
.ft-lightgray{color:#999 !important;}
.ft-darkgray{color:#333 !important;}

.ft-regular{font-weight:300 !important;}
.ft-medium{font-weight:500 !important;}
.ft-bold{font-weight:600 !important;}

.ft-14{font-size:0.875rem !important;}
.ft-16{font-size:1rem !important;}
.ft-17{font-size:1.063rem !important;}
.ft-18{font-size:1.125rem !important;}


.ft-yellow{color:#f99800 !important;}
.ft-cyan{color:#13aace !important;}


.ft-email{color:#008fd2; font-size:1rem; font-weight:500; display:flex; align-items:center;}
.ft-email::before{content:''; display:block; width:1.25rem; height:1rem; background:url("/reference/assets/e0e64d67836a8f92.png"); background-size:1.25rem auto; margin-right:0.313rem;}
.ft-fax{color:#008fd2; font-size:1rem; font-weight:500; display:flex; align-items:center;}
.ft-fax::before{content:''; display:block; width:1.25rem; height:1.188rem; background:url("/reference/assets/0dd998693effca93.png"); background-size:1.25rem auto;  margin-right:0.313rem;}


a:focus, input:focus, select:focus, button:focus{outline:1px dotted gray; }



.v-align-bottom{vertical-align:bottom !important;}
.v-align-top{vertical-align:top !important;}


.onlyPc{}
.onlyMo{display:none;}


.content-btn{display:flex; width:8.75rem; height:2.813rem; align-items:center; padding:0 1.25rem; font-size:0.938rem; font-weight:500; color:#fff; border-radius:0.188rem; border:0; background:url("/reference/assets/4dc3855080d4ae8a.png") no-repeat right 20px center;}
.content-btn:hover{color:#fff !important;}

.btn-link{display:inline-flex; align-items:center; justify-content:center; width:7.5rem; height:3.125rem; border-radius:0.313rem;}
.btn-link.confirm{background-color:#666; color:#fff;}
.btn-link.cancel{background-color:#e5e5e5; color:#666; border:1px solid #cdcdcd;}

.btn-link.big{color:#fff; width:8.75rem; height:2.813rem;}

.btn-small{display:inline-flex; align-items:center; justify-content:center; height:1.75rem; padding:0 0.938rem; border-radius:0.188rem; font-size:0.938rem; font-weight:300;}
.btn-small.dark{color:#fff; background:#666;}
.btn-small.dark:focus {outline:2px dotted #ff0000;}
.btn-small.default{border:1px solid #c8c8c8; background:#f7f7f7; color:#666;}

.btn-small.link{min-width:15.625rem; padding-right:1.25rem; background-image:url("/reference/assets/a0f925cb50183077.png"); background-position:right 0.75rem center; background-repeat:no-repeat; border:1px solid #c8c8c8; background-color:#f7f7f7; color:#666; justify-content:flex-start;}


.bg-cyan{background-color:#0ca2c6 !important;}
.bg-blue{background-color:#0f6bb7 !important;}
.bg-navy{background-color:#243d91 !important;}
.bg-magenta{background-color:#b80c96 !important;}


.layout{max-width:75rem; width:75rem; margin:0 auto;}
.contents-title{font-size:2rem; font-weight:600; color:#222; line-height:1; display:flex; align-items:center;}
.contents-title::before{content:''; display:block; width:1.375rem; height:1.25rem; background:url("/reference/assets/98c9ad7624fd5421.png") no-repeat 0 0; background-size:1.375rem auto; margin:0 0.625rem 0 0;}
.contents-txt{font-size:1rem; color:#666; letter-spacing:-0.025em; line-height:1.4;}

.subtitleWrap{display:flex; align-items:center; justify-content:space-between;}
.sub-title{font-size:1.5rem; font-weight:600; color:#333; letter-spacing:-0.025em; line-height:1;}
.sub-title.type2{font-size:1.25rem;}

.sub-txt{font-size:1rem; color:#666; letter-spacing:-0.025em; line-height:1.4;}
.sub-txt p:not(:last-child){margin-right:1.25rem;}
.sub-txt.big{font-size:1.125rem; line-height:1.6;}
.sub-small-txt{font-size:0.875rem; color:#666;}

.subtxt-indent{padding-left:5.938rem !important; text-indent:-5.938rem !important;}


.board-write,
.board-write.type2{width:100%; border-top:2px solid #333; }
.board-write tbody tr{}
.board-write tbody tr th,
.board-write tbody tr td{height:3.125rem; border-bottom:1px solid #cdcdcd;}
.board-write tbody tr th{font-size:1rem; font-weight:600; color:#333; background-color:#f7f7f7; text-align:center; border-right:1px solid #cdcdcd;}
.board-write tbody tr th:not(:first-child){border-left:1px solid #cdcdcd;}
.board-write tbody tr th.required::before{content:'필수입력'; display:inline-block; vertical-align:top; text-indent:-99999px; width:8px; height:8px; background:url("/reference/assets/112fe825121bf205.png") no-repeat 0 0; margin-right:3px;}
.board-write tbody tr td{padding:0.625rem 1.25rem;}
.board-write tbody tr td textarea{width:100%; height:7.5rem;}

.board-write.type2{}
.board-write.type2 thead tr th{height:3.125rem; border-bottom:1px solid #cdcdcd; background-color:#f7f7f7; text-align:center; font-size:1rem; font-weight:600;}
.board-write.type2 tbody tr td{font-weight:200; color:#666; text-align:center;}
.board-write.type2 thead tr th:not(:last-child),
.board-write.type2 tbody tr td:not(:last-child){border-right:1px solid #cdcdcd;}

.board-count{font-size:1rem; line-height:1;}
.board-count span{color:#008fd2;}

.board-paging{display:flex; align-items:center; justify-content:center;}
.board-paging a{display:flex; align-items:center; font-size:1rem; font-weight:600; color:#666; background-repeat:no-repeat; background-size:100% auto;}
.board-paging a:hover{text-decoration:underline; text-underline-position:under;}
.board-paging a:not(.first):not(.prev):not(.last):not(.next){margin-right:2.5rem;}
.board-paging a.active{color:#a27002; text-decoration:underline; text-underline-position:under;}
.board-paging .first{width:0.875rem; height:0.688rem; background-image:url("/reference/assets/8fbfe0da32d17879.png"); }
.board-paging .prev{width:0.438rem; height:0.688rem; margin:0 2.5rem 0 1.563rem; background-image:url("/reference/assets/dd2d235db1b49b31.png");}
.board-paging .next{width:0.438rem; height:0.688rem; margin:0 1.563rem 0 0; background-image:url("/reference/assets/8d971e87c234c32e.png");}
.board-paging .last{width:0.875rem; height:0.688rem; background-image:url("/reference/assets/0fea3724e195a3b6.png");}

.board-total{font-size:1rem; color:#111; font-weight:200;}
.board-total strong{color:#008fd2;}


.sub-files{}
.sub-files li{display:flex; align-items:center;}
.sub-files li:not(:last-child){}
.sub-files li input[type="file"]{width:0; height:0; overflow:hidden;}
.sub-files li input[type="text"]{display:inline-block; border:0; width:9.375rem;}
.sub-files li label{margin-right:0.938rem;}
.sub-files li .fileAdd,
.sub-files li .fileRemove{margin-left:0.938rem;}
.sub-files li input[type="text"].file_txt {border: 1px solid #cdcdcd;}
.sub-files li .file_txt_btn {border:1px solid #ccc; background:#fafafa;}

.input-file {
  display: inline-block;
}

.input-file [type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0 none;
}


.file-focus {
   outline: 2px dotted #ff0000;
}





.board-write{width:100%; border-top:2px solid #333; }
.board-write tbody tr{}
.board-write tbody tr th,
.board-write tbody tr td{height:3.125rem; border-bottom:1px solid #cdcdcd;}
.board-write tbody tr th{font-size:1rem; font-weight:600; color:#333; background-color:#f7f7f7; text-align:center; border-right:1px solid #cdcdcd;}
.sub-txt.required::before,
.board-write tbody tr th.required, .board-write tbody tr td.required {position:relative;text-indent:5px;}
.board-write tbody tr th.required::before,
.board-write tbody tr td.required::before{content:'필수입력'; position:relative; display:inline-block; vertical-align:top; text-indent:-99999px; font-size:0; width:8px; height:8px; background:url("/reference/assets/112fe825121bf205.png") no-repeat 0 0; margin-right:3px;}
.board-write tbody tr td{padding:0.625rem 1.25rem;}
.board-write tbody tr th a,
.board-write tbody tr td a{color:inherit;}
.board-write tbody tr th a:hover,
.board-write tbody tr td a:hover{text-decoration:underline;}

.board-write tbody tr td input[type="text"],
.board-write tbody tr td input[type="password"],
.board-write tbody tr td select{width:17.5rem;}
.board-write .phone-write,
.board-write .email-write,
.board-write .date-write{display:flex; align-items:center;}

.board-write .phone-write input[type="text"]{width:8.125rem;}
.board-write .email-write select{margin-left:0.938rem;}
.board-write .date-write .datepicker{width:8.75rem;}
.board-write .date-write select{width:5rem; min-width:auto;}
.board-write .sub-files input[type="text"]{width:auto;}

.content-box{border-top:2px solid #333; background-color:#f7f7f7; padding:1.25rem; border-bottom:1px solid #cdcdcd;}



.w-5p{width:5% !important;}
.w-8p{width:8% !important;}
.w-10p{width:10% !important;}
.w-15p{width:15% !important;}
.w-20p{width:20% !important;}
.w-25p{width:25% !important;}
.w-30p{width:30% !important;}
.w-35p{width:35% !important;}
.w-40p{width:40% !important;}
.w-45p{width:45% !important;}
.w-50p{width:50% !important;}
.w-55p{width:55% !important;}
.w-60p{width:60% !important;}
.w-65p{width:65% !important;}
.w-80p{width:80% !important;}
.w-45{width:2.813rem !important;}
.w-50{width:3.125rem !important;}
.w-60{width:3.75rem !important;}
.w-70{width:4.375rem !important;}
.w-90{width:5.625rem !important;}
.w-100px{width:6.25rem !important;}
.w-110{width:6.875rem !important;}
.w-125{width:7.813rem !important;}
.w-130{width:8.125rem !important;}
.w-140{width:8.75rem !important;}
.w-150{width:9.375rem !important;}
.w-280{width:17.5rem !important;}
.w-360{width:22.5rem !important;}

.w-30p{width:30% !important;}
.w-40p{width:40% !important;}
.w-100p{width:100% !important;}
.w-280px{width:17.5rem !important;}



.mt0{margin-top:0 !important;}
.mt5{margin-top:0.313rem !important;}
.mt10{margin-top:0.625rem !important;}
.mt15{margin-top:0.938rem !important;}
.mt20{margin-top:1.25rem !important;}
.mt25{margin-top:1.563rem !important;}
.mt30{margin-top:1.875rem !important;}
.mt35{margin-top:2.188rem !important;}
.mt40{margin-top:2.5rem !important;}
.mt45{margin-top:2.813rem !important;}
.mt50{margin-top:3.125rem !important;}
.mt55{margin-top:3.438rem !important;}
.mt60{margin-top:3.75rem !important;}
.mt65{margin-top:4.063rem !important;}
.mt70{margin-top:4.375rem !important;}
.mt75{margin-top:4.688rem !important;}
.mt80{margin-top:5rem !important;}
.mt85{margin-top:5.313rem !important;}
.mt90{margin-top:5.625rem !important;}
.mt95{margin-top:5.938rem !important;}
.mt100{margin-top:6.25rem !important;}

.mb0{margin-bottom:0 !important}
.mb5{margin-bottom:0.313rem !important;}
.mb10{margin-bottom:0.625rem !important;}
.mb15{margin-bottom:0.938rem !important;}
.mb20{margin-bottom:1.25rem !important;}
.mb25{margin-bottom:1.563rem !important;}
.mb30{margin-bottom:1.875rem !important;}
.mb35{margin-bottom:2.188rem !important;}
.mb40{margin-bottom:2.5rem !important;}
.mb45{margin-bottom:2.813rem !important;}
.mb50{margin-bottom:3.125rem !important;}
.mb55{margin-bottom:3.438rem !important;}
.mb60{margin-bottom:3.75rem !important;}
.mb65{margin-bottom:4.063rem !important;}
.mb70{margin-bottom:4.375rem !important;}
.mb75{margin-bottom:4.688rem !important;}
.mb80{margin-bottom:5rem !important;}
.mb85{margin-bottom:5.313rem !important;}
.mb90{margin-bottom:5.625rem !important;}
.mb95{margin-bottom:5.938rem !important;}
.mb100{margin-bottom:6.25rem !important;}
.mb120{margin-bottom:7.5rem !important;}

.ml0{margin-left:0 !important}
.ml5{margin-left:0.313rem !important;}
.ml10{margin-left:0.625rem !important;}
.ml15{margin-left:0.938rem !important;}
.ml20{margin-left:1.25rem !important;}
.ml25{margin-left:1.563rem !important;}
.ml30{margin-left:1.875rem !important;}
.ml35{margin-left:2.188rem !important;}
.ml40{margin-left:2.5rem !important;}
.ml45{margin-left:2.813rem !important;}
.ml50{margin-left:3.125rem !important;}
.ml55{margin-left:3.438rem !important;}
.ml60{margin-left:3.75rem !important;}
.ml65{margin-left:4.063rem !important;}
.ml70{margin-left:4.375rem !important;}
.ml75{margin-left:4.688rem !important;}
.ml80{margin-left:5rem !important;}
.ml85{margin-left:5.313rem !important;}
.ml90{margin-left:5.625rem !important;}
.ml95{margin-left:5.938rem !important;}
.ml100{margin-left:6.25rem !important;}

.mr0{margin-right:0 !important}
.mr5{margin-right:0.313rem !important;}
.mr10{margin-right:0.625rem !important;}
.mr15{margin-right:10.313rem !important;}
.mr20{margin-right:1.25rem !important;}
.mr25{margin-right:1.563rem !important;}
.mr30{margin-right:1.875rem !important;}
.mr35{margin-right:2.188rem !important;}
.mr40{margin-right:2.5rem !important;}
.mr45{margin-right:2.813rem !important;}
.mr50{margin-right:3.125rem !important;}
.mr55{margin-right:3.438rem !important;}
.mr60{margin-right:3.75rem !important;}
.mr65{margin-right:4.063rem !important;}
.mr70{margin-right:4.375rem !important;}
.mr75{margin-right:4.688rem !important;}
.mr80{margin-right:5rem !important;}
.mr85{margin-right:5.313rem !important;}
.mr90{margin-right:5.625rem !important;}
.mr95{margin-right:5.938rem !important;}
.mr100{margin-right:6.25rem !important;}

.pt0{padding-top:0 !important;}
.pt5{padding-top:0.313rem !important;}
.pt10{padding-top:0.625rem !important;}
.pt15{padding-top:10.313rem !important;}
.pt20{padding-top:1.25rem !important;}
.pt25{padding-top:1.563rem !important;}
.pt30{padding-top:1.875rem !important;}
.pt35{padding-top:2.188rem !important;}
.pt40{padding-top:2.5rem !important;}
.pt45{padding-top:2.813rem !important;}
.pt50{padding-top:3.125rem !important;}
.pt70{padding-top:4.375rem !important;}
.pt80{padding-top:5rem !important;}
.pt100{padding-top:6.25rem !important;}

.pb0{padding-bottom:0 !important;}
.pb5{padding-bottom:0.313rem !important;}
.pb10{padding-bottom:0.625rem !important;}
.pb15{padding-bottom:10.313rem !important;}
.pb20{padding-bottom:1.25rem !important;}
.pb25{padding-bottom:1.563rem !important;}
.pb30{padding-bottom:1.875rem !important;}
.pb35{padding-bottom:2.188rem !important;}
.pb40{padding-bottom:2.5rem !important;}
.pb45{padding-bottom:2.813rem !important;}
.pb50{padding-bottom:3.125rem !important;}
.pb70{padding-bottom:4.375rem !important;}
.pb80{padding-bottom:5rem !important;}
.pb100{padding-bottom:6.25rem !important;}

.pr0{padding-right:0 !important;}
.pr5{padding-right:0.313rem !important;}
.pr10{padding-right:0.625rem !important;}
.pr15{padding-right:10.313rem !important;}
.pr20{padding-right:1.25rem !important;}
.pr25{padding-right:1.563rem !important;}
.pr30{padding-right:1.875rem !important;}
.pr35{padding-right:2.188rem !important;}
.pr40{padding-right:2.5rem !important;}
.pr45{padding-right:2.813rem !important;}
.pr50{padding-right:3.125rem !important;}
.pr70{padding-right:4.375rem !important;}
.pr80{padding-right:5rem !important;}
.pr100{padding-right:6.25rem !important;}

.pl0{padding-left:0 !important;}
.pl5{padding-left:0.313rem !important;}
.pl10{padding-left:0.625rem !important;}
.pl15{padding-left:10.313rem !important;}
.pl20{padding-left:1.25rem !important;}
.pl25{padding-left:1.563rem !important;}
.pl30{padding-left:1.875rem !important;}
.pl35{padding-left:2.188rem !important;}
.pl40{padding-left:2.813rem !important;}
.pl50{padding-left:3.125rem !important;}
.pl70{padding-left:4.375rem !important;}
.pl80{padding-left:5rem !important;}
.pl100{padding-left:6.25rem !important;}



.skipNav{position:relative; width:100%; z-index:99999;}
.skipNav a{position:fixed; top:-1000px; left:0; display:block; width:100%; padding:0.625rem 0; font-size:0.875rem; font-weight:700; text-align:center; color:#fff; background-color:#000; z-index:1000;}
.skipNav a:focus{top:0; left:0;}
.skipNav a:focus-visible {outline:2px dotted #ffff00;}

#pcSkipNav {display:block;}
#mobiSkipNav {display:none}

@media screen and (max-width:1024px){
	#pcSkipNav {display:none;}
	#mobiSkipNav {display:block;}
}


.header{position:fixed; top:0; left:0; width:100%; opacity:1; transition:all 0.8s cubic-bezier(.6,.01,.35,1); z-index:9999; }
.header.on{top:0; opacity:1;}
.header::before,
.header::after{content:''; visibility:hidden; opacity:0; position:fixed; left:0; top:8.75rem; width:100%; height:100%; background-color:rgba(0,0,0,.8); transition:all .4s; }
.header::after{top:0;}
.header.bg::before,
.header.sitemap-bg::after{visibility:visible; opacity:1; }

.header .top_menu{background:#2d374d; opacity:1; overflow:hidden; height:3.125rem; transition:all .4s; display:flex;}
.header .top_menu .layout{display:flex; justify-content:space-between;}
.header .top_menu .layout div{display:flex; }
.header .top_menu .layout div a{font-size:0.875rem; position:relative; display:flex; align-items:center; padding:0 0.938rem; color:#9198a7;}
.header .top_menu .left a{display:block; font-weight:500;}
.header .top_menu .left span {display:block;}
.header .top_menu .left span a.gangnam{display:block;height:calc(100% - 4px);width:calc(12.813rem - 4px); background:url("/reference/assets/ea28f0e74ddad576.png") center center no-repeat #fff; background-size:auto 100%; text-indent:-9999px; overflow:hidden;top:2px;}
.header .top_menu .left span a.gangnam:focus-visible {outline:2px dotted #ff0000;}
.header .top_menu .left a:not(.gangnam):not(:first-child):not(:nth-child(3))::before{content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:0.063rem; height:0.75rem; background-color:#7084ac; }
.header .top_menu .left span:nth-child(2) a{display:block;height:calc(100% - 4px);background-color:#037cc2; color:#fff;line-height:3rem;}
.header .top_menu .left span:nth-child(2) a:focus-visible {outline:2px dotted #ff0000;}
.header .top_menu .right{}
.header .top_menu .right a::after{content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:0.063rem; height:0.75rem; background-color:#7084ac; }
.header .top_menu .right .ftSizeChange{display:flex; align-items:center; margin:0 0 0 0.938rem; font-size:0.875rem; color:#ffeb0a;}
.header .top_menu .right .ftSizeChange button{overflow:hidden; display:block; width:1.25rem; height:1.25rem; text-indent:-9999px; background-position:center center; background-size:0.625rem auto; background-color:transparent; border:1px solid #ffeb0a; background-repeat:no-repeat;}
.header .top_menu .right .ftSizeChange button:focus {outline: 2px dotted red;}
.header .top_menu .right .ftSizeChange .big{background-image:url("/reference/assets/6260cbe4544059c9.png"); margin-left:0.938rem;}
.header .top_menu .right .ftSizeChange .small{background-image:url("/reference/assets/0602f1581f185ba3.png"); margin-left:0.125rem;}

.header .header_menu{background-color:#fff; border-bottom:1px solid transparent;}
.header .header_menu > .layout{display:flex; justify-content:space-between; align-items:center; position:relative; height:5.625rem; transition:all .4s;}

.header .header_menu .logo{}
.header .header_menu .logo > a{display:block; line-height:1;}
.header .header_menu .logo > a img{width:14.375rem; height:auto;}


.header .header_menu .gnb{flex:1; margin:0 0 0 4.688rem; height:5.625rem; display:flex; transition:all .4s;}
.header .header_menu .gnb > ul{display:flex;}
.header .header_menu .gnb > ul > li{display:flex;}
.header .header_menu .gnb > ul > li > a{position:relative; display:flex; align-items:center; font-size:1.188rem; font-weight:500; color:#1f1f1f; transition:all .1s;}
.header .header_menu .gnb > ul > li:not(:first-child) > a{padding-left:3.75rem;}
.header .header_menu .gnb > ul > li > a:hover,
.header .header_menu .gnb > ul > li > a.active{font-weight:600; color:#008fd2; }

.header .header_menu .gnb > ul > li > a::after{content:''; position:absolute; bottom:0; right:0; max-width:0; width:100%; height:0.188rem; background:#008fd2; transition:all .4s; z-index:10; }
.header .header_menu .gnb > ul > li:not(:first-child) > a::after{width:calc(100% - 3.438rem);}
.header .header_menu .gnb > ul > li > a:hover::after,
.header .header_menu .gnb > ul > li > a.active::after{max-width:100%; left:0;}
.header .header_menu .gnb > ul > li:not(:first-child)> a:hover::after,
.header .header_menu .gnb > ul > li:not(:first-child) > a.active::after{left:3.438rem;}

.header .header_menu .gnb > ul > li > .depth2{overflow:hidden; visibility:hidden; opacity:0; position:absolute; top:100%; left:50%; transform:translateX(-50%); max-height:0; width:100vw; z-index:10; background-image: linear-gradient(to bottom, #c5d9f4, #ddebf8); border-top:1px solid #cdcdcd; transition:all .4s;}
.header .header_menu .gnb > ul > li > a.active + .depth2{overflow:visible; visibility:visible; opacity:1; max-height:50rem; z-index:90;}
.header .header_menu .gnb > ul > li > .depth2 .layout{overflow:visible; visibility:visible; opacity:1; display:flex; min-height:13.75rem; position:relative; transition:all .4s;}
.header .header_menu .gnb > ul > li > .depth2 .layout::before{content:''; display:block; width:100vw; height:100%; position:absolute; left:16.875rem; top:0; background:#fff; transition:all .4s; border-bottom:1px solid #cdcdcd;}

.header .header_menu .gnb ul li .depth2 .title{position:absolute; bottom:0; overflow:hidden; visibility:hidden; opacity:0; width:16.875rem; min-height:100%; max-height:100%; padding:2.5rem 0 0; font-size:1.5rem; font-weight:600; color:#222; background-repeat:no-repeat; background-position:0 bottom; transition:opacity .5s .7s; background-size:100% auto;}

.header .header_menu .gnb ul li:nth-child(1) .depth2 .title{background-image:url("/reference/assets/e9104f768be23788.png");}
.header .header_menu .gnb ul li:nth-child(2) .depth2 .title{background-image:url("/reference/assets/3a3c7f90e475f640.png");}
.header .header_menu .gnb ul li:nth-child(3) .depth2 .title{background-image:url("/reference/assets/1b1699c045d800da.png");}
.header .header_menu .gnb ul li:nth-child(4) .depth2 .title{background-image:url("/reference/assets/f2857082f668da4d.png");}
.header .header_menu .gnb ul li:nth-child(5) .depth2 .title{background-image:url("/reference/assets/72c51d0bb7afe832.png");}
.header .header_menu .gnb ul li:nth-child(6) .depth2 .title{background-image:url("/reference/assets/156888ab913de77e.png");}


.header .header_menu .gnb > ul > li > .depth2 .layout,
.header .header_menu .gnb > ul > li > .depth2 .layout::before,
.header .header_menu .gnb ul li .depth2 .title{overflow:visible; visibility:visible; opacity:1; max-height:100%;}
.header .header_menu .gnb ul li .depth2 ul{position:relative; width:calc(100% - 16.875rem); margin-left:16.875rem; padding:1.875rem 2.5rem 2.188rem 1.25rem;}
.header .header_menu .gnb ul li .depth2 ul li{display:flex; width:100%; padding-right:2.5rem;}
.header .header_menu .gnb ul li .depth2 > .layout > ul > li > a{display:flex; flex-wrap:wrap; align-items:center; width:40%; padding:0.625rem 1.25rem; font-size:0.938rem; color:#666; line-height:1.2; word-break:break-all; transition:all .4s;}
.header .header_menu .gnb ul li .depth2 > .layout > ul > li > a:hover,
.header .header_menu .gnb ul li .depth2 > .layout > ul > li > a.active{font-weight:500; color:#fff; background-color:#008fd2;}

.header .header_menu .gnb ul li .depth2.depth2_row .layout > ul{display:flex; flex-wrap:wrap;}
.header .header_menu .gnb ul li .depth2.depth2_row .layout > ul li{width:50%;}
.header .header_menu .gnb ul li .depth2.depth2_row .layout > ul li > a{width:100%;}

.header .header_menu .gnb ul li .depth2 > .layout > ul > li > a:hover + .depth3,
.header .header_menu .gnb ul li .depth2 > .layout > ul > li > a.active + .depth3{overflow:visible; visibility:visible; opacity:1;}

.header .header_menu .gnb ul li .depth2 ul li .depth3{position:absolute; right:0; top:0; width:50%; min-height:100%; padding:1.875rem 2.5rem; background-color:#e6eef8; overflow:visible; visibility:hidden; opacity:0; transition:all .6s .1s;}
.header .header_menu .gnb ul li .depth2 ul li .depth3 li{display:block;}
.header .header_menu .gnb ul li .depth2 ul li .depth3 li a{display:flex; padding:0.625rem 0;  font-size:0.938rem; color:#666; line-height:1; transition:all .4s; align-items:center;}
.header .header_menu .gnb ul li .depth2 ul li .depth3 li a.newTab::after{content:''; display:block; width:0.875rem; height:0.875rem; background:url("/reference/assets/41b2a6ebf2517eb4.png") no-repeat 0 0; margin-left:0.625rem;}
.header .header_menu .gnb ul li .depth2 ul li .depth3 li a:hover,
.header .header_menu .gnb ul li .depth2 ul li .depth3 li a.active{color:#333; font-weight:500;}

.header .header_menu .button{display:flex; align-items:center; padding:0;}
.header .header_menu .button > button{overflow:hidden; text-indent:-9999px; background-repeat:no-repeat; background-position:center center; background-color:transparent; border:0;}
.header .header_menu .button .search{overflow:hidden; position:relative; width:1.625rem; height:1.625rem; background-image:url("/reference/assets/1b61a4a2068cb084.png"); transition:all .4s; background-position:center center; background-size:1.625rem auto;}
.header .header_menu .button .search::before,
.header .header_menu .button .search::after{content:''; position:absolute; top:0.125rem; display:block; width:0; height:0.188rem; background-color:#999; }
.header .header_menu .button .search::before{left:0.188rem; transform-origin:left; transform:rotate(45deg); transition:all .4s .1s;}
.header .header_menu .button .search::after{right:0.25rem; transform-origin:right; transform:rotate(-45deg); transition:all .4s .3s;}
.header .header_menu .button .search.active{background-position:center -1.625rem; }
.header .header_menu .button .search.active::before{width:100%;}
.header .header_menu .button .search.active::after{width:100%;}

.header .sitemap,
.header__sitemap .close{position:relative; width:1.625rem; height:1.188rem; margin-left:1.563rem; border:0; visibility:visible; text-indent:-9999px; }
.header .sitemap span,
.header__sitemap.active .close span{position:absolute; top:50%; transform:translateY(-50%); right:0; display:block; width:0.938rem; height:0.188rem; background-color:#777; transition:all .4s; text-indent:-999px; overflow:hidden;}
.header .sitemap::before,
.header .sitemap::after,
.header__sitemap.active .close::before,
.header__sitemap.active .close::after{content:''; position:absolute; right:0; display:block; width:1.375rem; height:0.188rem; background-color:#777; transition:bottom .4s .4s, top .4s .4s, transform .4s;}
.header .sitemap::before{top:0; transform-origin:left center;}
.header .sitemap::after{bottom:0; transform-origin:right center;}

.header .sitemap.active,
.header__sitemap.active .close{height:1.625rem; z-index:1000;}
.header__sitemap.active .close{top:-5.313rem; right:-1.875rem; transition:all .4s;}
.header .sitemap.active span,
.header__sitemap.active .close span{width:0;}
.header__sitemap.active .close::before{top:0; transform:rotate(45deg); left:0.438rem; transform-origin:left center; width:1.625rem;}
.header__sitemap.active .close::after{top:0; transform:rotate(-45deg); right:0; transform-origin:right center; width:1.625rem;}

.header__sitemap.active .close::before,
.header__sitemap.active .close::after{transition:all .4s; }


.header__sitemap{position:fixed; left:0; top:0; overflow:hidden; opacity:0; visibility:hidden; width:100%; height:100%; z-index:999; transition:all .4s;}
.header__sitemap.active{overflow:auto; opacity:1; visibility:visible; }
.header__sitemap .sitemap-layout{position:relative; top:8.438rem; left:50%; transform:translateX(-50%); max-width:93.75rem; background:url("/reference/assets/f84edcd3b0c6f68f.jpg") no-repeat right bottom #e6eef8; background-size:18rem auto; padding:1.875rem 1.875rem 10.938rem; z-index:999999; }
.header__sitemap .sitemap-content{width:100%; padding:2.188rem 1.875rem; background-color:#fff;}
.header__sitemap .sitemap-content > li{display:flex;}
.header__sitemap .sitemap-content > li:not(:last-child){margin-bottom:3.125rem;}
.header__sitemap .sitemap-content > li p{min-width:12.5rem; margin-right:1.875rem; font-size:1.75rem; font-weight:600; color:#333; line-height:1; }
.header__sitemap .sitemap-content > li > ul{display:flex; flex-wrap:wrap; flex:1;}
.header__sitemap .sitemap-content > li > ul > li{width:calc(100% / 6); line-height:1;}


.header__sitemap .sitemap-content > li:last-child > ul > li:first-child{display:none;}


.header__sitemap .sitemap-content > li:nth-child(2) > ul > li:nth-child(8) > a {letter-spacing:-0.1rem;}

.header__sitemap .sitemap-content > li > ul > li:not(:nth-child(-n+6)){margin-top:1.25rem;}
.header__sitemap .sitemap-content > li > ul > li > a{font-size:1.125rem; color:#111;}
.header__sitemap .sitemap-depth3{margin-top:0.625rem;}
.header__sitemap .sitemap-depth3 > li{line-height:1;}
.header__sitemap .sitemap-depth3 > li:not(:last-child){margin-bottom:0.313rem;}
.header__sitemap .sitemap-depth3 > li > a{font-size:0.938rem; font-weight:200; color:#333; }
.header__sitemap .sitemap-depth3 > li > a:hover{text-decoration:underline; text-underline-position:under;}

body.sitemap-open .header__sitemap{overflow-x:hidden; overflow-y:auto; _padding:0 0.625rem; }
body.sitemap-open .sitemap.active{visibility:hidden;}


.header .header_menu .search-item{position:absolute; top:100%; left:50%; transform:translateX(-50%); width:100vw; display:flex; padding:0; background-color:#edf1f8; border-top:1px solid #cdcdcd; overflow:hidden; visibility:hidden; max-height:0; opacity:0; transition:all .4s;}
.header .header_menu .search-item.active{max-height:8.438rem; visibility:visible; opacity:1; padding:2.5rem 0;}
.header .header_menu .search-item .layout{display:flex; justify-content:space-between; align-items:center;}


.header .header_menu .search-item .header-data{display:flex; }
.header .header_menu .search-item .header-data li{position:relative; padding-left:3.563rem; }
.header .header_menu .search-item .header-data li::before{content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); background-repeat:no-repeat; background-position:0 0;}

.header .header_menu .search-item .header-data li.clearSky::before{width:42px; height:42px; background-image:url("/reference/assets/998d539f4c643e35.png");}
.header .header_menu .search-item .header-data li.nebulousness::before{width:46px; height:32px; background-image:url("/reference/assets/fa224e7c733b2134.png");}
.header .header_menu .search-item .header-data li.cloudy::before{width:45px; height:26px; background-image:url("/reference/assets/f0f8651dd92c79ee.png");}
.header .header_menu .search-item .header-data li.rainy::before{width:40px; height:38px; background-image:url("/reference/assets/235aac04e3a7e9c6.png");}
.header .header_menu .search-item .header-data li.snow::before{width:38px; height:43px; background-image:url("/reference/assets/79910ffd0400ac53.png");}


.header .header_menu .search-item .header-data li p{line-height:1;}
.header .header_menu .search-item .header-data li .date{font-size:0.938rem; color:#777; }
.header .header_menu .search-item .header-data li .temperature{font-size:1.625rem; font-weight:600; color:#333; margin-top:11px;}
.header .header_menu .search-item .header-data li .temperature::after{content:' ℃'; font-size:1rem; line-height:1;}




.header .header_menu .search-item form{display:flex; justify-content:center; width:100%; margin:0 auto; }
.header .header_menu .search-item form input[type="text"]{display:block; width:25.688rem; height:3.125rem; padding:0 1.25rem 0 2.5rem; background:url("/reference/assets/d00f6c06501f5ef1.png") no-repeat; background-size:25.688rem auto; border:0;}
.header .header_menu .search-item form button[type="submit"]{display:block; width:3.063rem; height:3.125rem; margin-left:-0.06rem; background:url("/reference/assets/6d0a4bdcde783273.png") no-repeat; background-size:3.063rem auto; border:0; text-indent:-9999px; }
.header .header_menu .search-item .layout > img{display:flex; justify-content:flex-end; margin-left:auto; width:11.563rem; height:auto; }

.header.on{height:3.75rem;}
.header.on::before{top:3.75rem;}
.header.on .top_menu{height:0;}
.header.on .header_menu{background-color:#fff; border-color:#cdcdcd; transition:all .4s;}
.header.on .header_menu > .layout{height:3.75rem;}
.header.on .header_menu .gnb{height:3.75rem;}


.sitemap{border-top:2px solid #333;}
.sitemap > div{display:flex; padding:3.125rem 0;}
.sitemap > div:not(:last-child){border-bottom:1px solid #e7e7e7;}
.sitemap > div .title{font-size:1.5rem; font-weight:600; color:#008fd2; width:16.563rem; line-height:1;}
.sitemap > div .dep2{display:flex; flex-wrap:wrap; justify-content:flex-start; flex:1;}
.sitemap > div .dep2 > li{position:relative; width:calc(100% / 4); padding-left:0.938rem; line-height:1; }
.sitemap > div .dep2 > li:not(:nth-child(-n + 4)){margin-top:1.875rem;}
.sitemap > div .dep2 li::before{content:''; position:absolute; top:0.375rem; left:0; width:0.313rem; height:0.313rem; background-color:#008fd2;}
.sitemap > div .dep2 li a{font-size:1rem; font-weight:500; color:#666; line-height:1; }
.sitemap > div .dep2 li .dep3{margin-top:0.938rem;}
.sitemap > div .dep2 li .dep3 li:not(:last-child){margin-bottom:0.75rem;}
.sitemap > div .dep2 li .dep3 a{display:block; font-size:0.875rem; color:#999; font-weight:400; line-height:1; transition:all .4s;}
.sitemap > div .dep2 li .dep3 a:hover,
.sitemap > div .dep2 li .dep3 a.active{color:#333;}
.sitemap > div .dep2 li .dep3 a:not(:last-child){margin-bottom:0.75rem;}



.footer{background:#fff;}
.footer .footer_top{display:flex; align-items:center; background-color:#484d68;}
.footer .footer_top > .layout{display:flex; justify-content:space-between; height:4.375rem;}
.footer .footer_top .button{display:flex;}
.footer .footer_top .button a{display:flex; align-items:center; position:relative; font-size:1rem; color:#fff; line-height:1;}
.footer .footer_top .button a:hover{text-decoration:underline; text-underline-position:under;}
.footer .footer_top .button a:first-child{padding:0 1.25rem 0 0;}
.footer .footer_top .button a:not(:first-child){padding:0 1.25rem;}
.footer .footer_top .button > a:not(:last-child)::after{content:''; position:absolute; top:50%; transform:translateY(-50%); right:-1px; width:0.063rem; height:1rem;  background-color:#9194a4;}
.footer .footer_top .button a strong{font-weight:500; color:#ffeb0a;}

.footer .footer_top .button .select-event{height:4.375rem; background-color:transparent; }
.footer .footer_top .button .select-event li{position:relative; width:9.375rem; height:100%;}
.footer .footer_top .button .select-event li a{position:relative; display:flex; align-items:center; height:100%; padding:0 1.25rem; font-size:1rem; color:#fff;}
.footer .footer_top .button .select-event > li > a::after{content:''; position:absolute; top:50%; transform:translateY(-50%); right:1.25rem; display:none; width:0.75rem; height:0.438rem; background:url("/reference/assets/fc7ee54ac587d8b8.png") no-repeat; transition:all .4s;}
.footer .footer_top .button .select-event > li > a.active::after{transform:translateY(-50%) rotate(180deg);}
.footer .footer_top .button .select-event li > ul{position:absolute; bottom:100%; display:block; width:9.375rem; visibility:hidden; opacity:0; transition:all .4s; z-index:2;}
.footer .footer_top .button .select-event li a.active + ul{visibility:visible; opacity:1;}
.footer .footer_top .button .select-event li > ul > li{width:9.375rem; }
.footer .footer_top .button .select-event li > ul > li a{display:flex; width:100%; padding:1.25rem; background-color:#484d68; border-bottom:1px solid rgba(225,225,225,.2); transition:all .4s;}
.footer .footer_top .button .select-event li > ul > li:first-child a{border-top:1px solid rgba(225,225,225,.2);}
.footer .footer_top .button .select-event li > ul > li a:hover{background-color:#3a3e53;}
.footer .footer_top .button .select-event a:hover{text-decoration:none;}

.footer .footer_top .sns{display:flex; height:100%; background-color:rgba(0,0,0,.2);}
.footer .footer_top .sns > a{display:block; width:4.375rem; height:100%;  text-indent:-9999px; overflow:hidden; background-repeat:no-repeat; background-position:center center;}
.footer .footer_top .sns > a:focus {outline:2px dotted red;}
.footer .footer_top .sns > a:not(:last-child){border-right:1px solid #484d68;}
.footer .footer_top .sns > a.facebook{background-image:url("/reference/assets/fe4e516c957ee236.png"); background-size:0.563rem auto;}
.footer .footer_top .sns > a.youtube{background-image:url("/reference/assets/d7dec4d15758813c.png"); background-size:1.125rem auto;}
.footer .footer_top .sns > a.insta{background-image:url("/reference/assets/d4116c5959ac176c.png"); background-size:1.188rem auto;}
.footer .footer_top .sns .select-site{height:4.375rem; display:flex;}
.footer .footer_top .sns .select-site li{position:relative; width:10.313rem; height:100%;}
.footer .footer_top .sns .select-site li:first-child {border-right:1px solid #484d68;}
.footer .footer_top .sns .select-site li a, .footer .footer_top .sns .select-site > li > a.closeb {display:flex; align-items:center; height:100%; padding:0 1.25rem; font-size:1rem; color:#fff;}
.footer .footer_top .sns .select-site > li > a::after{content:''; position:absolute; top:50%; transform:translateY(-50%); right:1.25rem; display:block; width:0.75rem; height:0.438rem; background:url("/reference/assets/fc7ee54ac587d8b8.png") no-repeat; transition:all .4s;}

.footer .footer_top .sns .select-site > li > a.openb {display:flex;}
.footer .footer_top .sns .select-site > li > a.closeb {display:none;}
.footer .footer_top .sns .select-site > li > a.closeb.flexs {display:flex;}

.footer .footer_top .sns .select-site > li > a.active::after, .footer .footer_top .sns .select-site > li > a.closeb::after {transform:translateY(-50%) rotate(180deg);}
.footer .footer_top .sns .select-site > li > a.active + ul{opacity:1; visibility:visible;}
.footer .footer_top .sns .select-site li > ul{position:absolute; bottom:100%; display:block; width:10.313rem; opacity:0; visibility:hidden; z-index:99999; transition:all .1s;}
.footer .footer_top .sns .select-site li > ul > li{width:100%; }

.footer .footer_top .sns .select-site li > ul > li > a{position:relative; display:flex; align-items:center; width:100%; padding:1.25rem 0.75rem; background-color:#484d68; border-bottom:1px solid rgba(225,225,225,.2); transition:all .4s;}
.footer .footer_top .sns .select-site li > ul > li:first-child > a{border-top:1px solid rgba(225,225,225,.2);}
.footer .footer_top .sns .select-site li > ul > li > a:hover{background-color:#3a3e53;}
.footer .footer_top .sns .select-site li > ul > li > a:focus {outline:2px dotted #ff0000;}
.footer .footer_top .sns .select-site a:hover{text-decoration:none;}

.footer .footer_bot{display:flex; justify-content:space-between; align-items:center; padding:3.125rem 0;}
.footer .footer_bot .f-logo{}
.footer .footer_bot .f-logo a{}
.footer .footer_bot .f-logo a img{width:14.938rem; height:auto;}
.footer .footer_bot address{}
.footer .footer_bot address .address{color:#666; line-height:1;}
.footer .footer_bot address .address > span{margin:0 0 0 0.625rem; color:#666;}
.footer .footer_bot address .copyright{color:#888; line-height:1; margin:0.625rem 0 0;}
.footer .footer_bot .foot-icon{display:flex; }
.footer .footer_bot .foot-icon a{display:block;overflow:hidden; background-repeat:no-repeat; background-position:center center; text-indent:-99999px; background-size:100% auto;}

.footer .footer_bot .foot-icon a:nth-child(1){width:2.125rem; height:2.125rem; background-image:url("/reference/assets/8cf5f3bc681cb1a4.png"); background-size:2.125rem auto;}
.footer .footer_bot .foot-icon a:nth-child(2){width:1.938rem; height:1.813rem; background-image:url("/reference/assets/84e102f69b5f22b9.png"); background-size:1.938rem auto;}
.footer .footer_bot .foot-icon a:nth-child(3){width:2.188rem; height:2.125rem; background-image:url("/reference/assets/c0684ee516d151fa.png"); background-size:2.188rem auto;}
.footer .footer_bot .foot-icon a:nth-child(4){width:2.188rem; height:2.125rem; background-image:url("/reference/assets/214e677c1c410628.png"); background-size:2.188rem auto;}
.footer .footer_bot .foot-icon a:nth-child(5){width:2.563rem; height:2.125rem; background-image:url("/reference/assets/00d093b10785e201.png"); background-size:2.563rem auto;}
.footer .footer_bot .foot-icon a:nth-child(6){width:3.063rem; height:2.063rem; background-image:url("/reference/assets/29b96aa0698d25d8.png"); background-size:3.063rem auto;}
.footer .footer_bot .foot-icon a:not(:last-child){margin-right:0.938rem; }


@media screen and (max-width:1400px){
	.header .top_menu .left a.gangnam{width:9rem;}
	.header .header_menu{padding:0 1.25rem;}
	.header .header_menu > .layout{width:100%;}
	.header .header_menu .gnb ul li .depth2 .title{width:16.875rem; padding:2.5rem 1.25rem 0;}
	.header .header_menu .gnb ul li .depth2 ul{width:calc(100% - 16.875rem);}

	.header__sitemap .sitemap-layout{width:calc(100% - 1.25rem);}
	.header__sitemap.active .close{right:-1.25rem;}
	.header__sitemap .sitemap-content > li{flex-wrap:wrap;}
	.header__sitemap .sitemap-content > li > ul{flex:none; width:100%; margin-top:1.875rem;}

	.section4 .section4_top,
	.footer .footer_bot{padding:3.125rem 1.25rem;}
	.footer .footer_top .button a:first-child{padding:0 1.25rem 0 1.25rem;}
}

@media screen and (max-width:1200px){
	.header .top_menu .layout div a{padding:0 0.625rem;}
	.header .top_menu .right{margin-right:1.25rem;}
	.header .top_menu .layout,
	.header .header_menu{width:100%;}
	.header .header_menu .gnb{justify-content:center; margin:0;}
	.header .header_menu .gnb > ul > li:not(:first-child) > a{padding-left:1.875rem;}
	.header .header_menu .gnb > ul > li:not(:first-child)> a:hover::after,
	.header .header_menu .gnb > ul > li:not(:first-child) > a.active::after{left:1.563rem;}
	.header .header_menu .gnb > ul > li:not(:first-child) > a::after{width:calc(100% - 1.563rem);}
	.header .header_menu .gnb ul li .depth2 .title{padding:2.5rem 1.25rem 0;}

	.header .header_menu .search-item .layout{width:100%; padding:0 1.25rem;}
	
	.header__sitemap .sitemap-content > li > ul > li > a{font-size:1.063rem;}
	
	
	.section4 .section4_top .layout,
	.section4 .section4_bot,
	.footer .footer_top > .layout,
	.section4 .section4_top,
	.footer .footer_bot{width:100%;}
	.footer .footer_top .sns .select-site li{width:9.375rem;}
	.footer .footer_top .button a,
	.footer .footer_top .button .select-event li a,
	.footer .footer_top .sns .select-site li a{font-size:0.9rem;}
	.footer .footer_top .button a:first-child,
	.footer .footer_top .button a:not(:first-child),
	.footer .footer_top .button .select-event li a,
	.footer .footer_top .sns .select-site li a{padding:0 0.875rem;}
	.footer .footer_top .button .select-event li > ul > li a,
	.footer .footer_top .sns .select-site li > ul > li > a{padding:1.25rem 0.875rem;}
	.footer .footer_top .sns .select-site li > a::after,
	.footer .footer_top .button .select-event li a::after{right:0.875rem;}
	.footer .footer_top .button select a{font-size:0.9rem; padding:0 0.875rem;}

	.subtitleWrap > .sub-title{width:auto;}
	
	.board-write tbody tr td select{width:calc(100% / 3);}
	.board-write tbody tr td input[type="text"],
	.board-write tbody tr td input[type="password"] {width:100%;}


}

@media screen and (max-width:1024px){
	input[type="checkbox"] + label::before {width:24px !important;}


	
    
	.header .top_menu .layout{flex-wrap:wrap; justify-content:space-between; text-align: center;}
	.header .top_menu .layout .left span, .header .top_menu .layout .left a {display:none;}
	.header .top_menu .layout .left span.c_p, .header .top_menu .layout .left span.c_p a {display:block;}
	.header .top_menu .layout .right{align-items:center}
	.header .top_menu .layout .right a:nth-child(3),.header .top_menu .layout .right div {display:none;}
	.header .top_menu .layout .right a:nth-child(2)::after{display:none;}


	.header .header_menu .gnb{display:none;}

	.header__sitemap .sitemap-layout{top:5.625rem;}
	.header__sitemap .sitemap-content > li > ul > li{width:calc(100% / 4);}
	.header__sitemap .sitemap-content > li > ul > li:not(:nth-child(-n+4)){margin-top:1.25rem;}

	.footer .footer_top > .layout{flex-wrap:wrap; height:auto; padding:0;}
	.footer .footer_top .button,
	.footer .footer_top .sns{width:100%; align-items:center;}
	.footer .footer_top .sns .select-site{width:calc(100% - 13.125rem);}
	.footer .footer_top .sns .select-site li{width:100%;}
	.footer .footer_top .sns .select-site li > ul{width:100%;}
	.footer .footer_top .button a{width:100%; height:100%; justify-content:center;}
	.footer .footer_top .button a:first-child,
	.footer .footer_top .button a:not(:first-child),
	.footer .footer_top .button .select-event li a,
	.footer .footer_top .sns .select-site li a{width:calc(100% / 4); padding:1.25rem 0.875rem;}

	.footer .footer_top .sns .select-site li > a{width:100%;}

	.footer .footer_top .button .select-event{width:calc(100% / 4);}
	.footer .footer_top .button .select-event li,
	.footer .footer_top .button .select-event li a{width:100%; height:100%; justify-content:space-between;}
	.footer .footer_top .button .select-event li > ul,
	.footer .footer_top .button .select-event li > ul > li{width:100%;}
	.footer .footer_bot{flex-wrap:wrap; justify-content:center;}
	.footer .footer_bot.layout{padding:1.875rem 1.25rem;}
	.footer .footer_bot address{width:100%; margin:1.25rem 0 1.875rem; text-align:center;}

	.board-write .datepicker-wrap .date-write{flex-wrap:wrap;}
	.board-write .datepicker-wrap .date-write span:nth-of-type(2){width:100%;}

}

@media screen and (max-width:768px){
	.onlyPc{display:none;}
	.onlyMo{display:block;}
	.header .top_menu .layout div a{font-size:0.813rem; padding:0 8px;}
	.header .header_menu .search-item .layout{justify-content:center;}
	.header .header_menu .search-item .layout > img{display:none;}
	

	.header__sitemap.active .close{top:-75px; right:-20px;}
	.header__sitemap .sitemap-layout{padding:20px 20px 155px;}
	.header__sitemap .sitemap-content{padding:35px 20px;}
	.header__sitemap .sitemap-content > li > ul > li{width:calc(100% / 3);}
	.header__sitemap .sitemap-content > li > ul > li:not(:nth-child(-n+3)){margin-top:20px;}
	.header__sitemap .sitemap-content > li > ul > li > a{font-size:1rem; word-break:keep-all;}

	.footer .footer_top .button{flex-wrap:wrap; justify-content:center;}
	.footer .footer_top .button a{width:auto; height:60px; font-size:0.875rem; }
	.footer .footer_top .button .select-event{width:calc(100% / 4); height:60px;}

	.footer .footer_top .button a:first-child,
	.footer .footer_top .button a:not(:first-child),
	.footer .footer_top .button .select-event li a,
	.footer .footer_top .sns .select-site li a{width:auto; padding:0 10px;}

	.board-write{table-layout:fixed;}
	.board-write.type2{table-layout:auto;}

	.board-write tbody tr th,
	.board-write tbody tr td,
	.board-write tbody tr th a,
	.board-write tbody tr td a,
	.board-write.type2 thead tr th,
	.board-write.type2 thead tr td{font-size:0.938rem; word-break:break-word;}
	
	.board-write tbody tr td select{width:27% !important; vertical-align:top;}
	.board-write tbody tr td input[type="text"],
	.board-write tbody tr td input[type="password"]{width:100% !important; vertical-align:top;}
	.board-write tbody tr td .id input[type="text"]{width:50% !important;}
	.board-write tbody tr td.name input[type="text"],
	.board-write tbody tr td.password input[type="password"]{width:100% !important;}

	.btn-link{padding:0 30px 0 10px; background-position:right 10px center;}
	.btn-link.confirm,
	.btn-link.cancel{text-align:center; padding:0;}
	.btn-small.link{min-width:50%; height:auto;}

	.content-box .btn-link{text-align:center; padding:0;}


}


.header__sitemap.active .close.clb2 {display:none;}

@media screen and (max-width:1024px){
	.header__sitemap.active .close.clb2 {top:30px !important; right:0 !important;  display:block;}
}

@media screen and (max-width:768px){
	.header__sitemap.active .close.clb2 {top:30px !important; right:0 !important;  display:block;}
}


@media screen and (max-width:480px){
	.w-60,
	.w-70,
	.w-90,
	.w-100,
	.w-110,
	.w-125,
	.w-130,
	.w-150,
	.w-280,
	.w-360{width:auto !important;}
	.header .top_menu .left{flex-wrap:wrap; justify-content:center;}
	.header .top_menu .right .ftSizeChange{display:none;}
    
    .header .top_menu .layout .right a:nth-child(1)::before{display:none;}
	.header .top_menu .layout{height:auto;}
	.header .top_menu .layout div a{padding:5px 8px;}
	.header .top_menu .layout div{float:left; display:contents; position:relative;}
	.header .top_menu .layout div.right a:first-child::before{content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:12px;  background-color:#7084ac;}
	.header .header_menu .search-item form input[type="text"]{width:290px;}
	.header .header_menu .button .sitemap{margin-left:15px;}

	.header__sitemap .sitemap-content{padding:20px 10px;}
	.header__sitemap .sitemap-content > li > ul{margin-top:20px;}
	.header__sitemap .sitemap-content > li > ul > li{width:calc(50% - 10px);}
	.header__sitemap .sitemap-content > li > ul > li:not(:nth-child(2n)){margin-right:20px;}
	.header__sitemap .sitemap-content > li > ul > li:not(:nth-child(-n+2)){margin-top:15px;}

	.footer .footer_top .button .select-event li a, .footer .footer_top .sns .select-site li a{padding:0 35px 0 10px;}
	.footer .footer_top .button .select-event{width:auto;}

	.board-paging a{}
	.board-paging .prev{margin:0 15px;}
	.board-paging .next{margin:0 15px 0 0;}
	.board-paging a:not(.first):not(.prev):not(.last):not(.next){margin-right:15px;}
	.footer .footer_top .button a,
	.footer .footer_top .button .select-event,
	.footer .footer_top .sns > a,
	.footer .footer_top .sns .select-site{height:50px;}

	.subtitleWrap{flex-wrap:wrap;}
	.sub-txt.required{display:block; margin-top:10px;}

	.board-write .email-write{flex-wrap:wrap;}
	.board-write .email-write select{margin-left:0 !important; margin-top:5px;}
	.board-write .email-write input[type="text"]{width:44% !important;}
	.board-write tbody tr td{padding:10px;}
	.board-write tbody tr td input[type="password"]{width:100% !important;}
	.board-write .date-write .datepicker{width:100% !important; margin-bottom:5px;}
	.board-write .datepicker-wrap .date-write select{width:45% !important;}

	.sub-files li{flex-wrap:wrap;}
	.sub-files li:not(:last-child){margin-bottom:10px; border-bottom:1px solid #ddd; padding:0 0 10px;}
	.sub-files li label{margin-right:5px;}
	.board-write tbody tr td .sub-files li input[type="text"]{width:100% !important; margin:10px 0;}
	.sub-files li .fileAdd{min-width:80px; margin-left:0; padding:0 5px;}
}


@media screen and (max-width:320px){
	.footer .footer_top .sns .select-site{width:100%;}
	.footer .footer_top .sns .select-site li > a::after, 
	.footer .footer_top .button .select-event li a::after{right:0.875rem;}
	.footer .footer_bot .foot-icon a:not(:last-child){margin-right:0.8rem;}
}






td.form_td input[type="radio"] + label,
td.form_td input[type="radio"] + label::before {display:inline-block;vertical-align:middle;}
td.form_td input[type="radio"] + label::before {margin-top:-4px;margin-left:10px;}
td.form_td input[type="radio"]:first-child + label::before {margin-left:0;}
td.form_td input[type="radio"]:focus-visible + label::before {outline:1px dotted #ff0000;}

td.form_td input[type='text'].w-45p {}
td.form_td .w-45p {width:100% !important;max-width:300px !important;margin-top:5px;}
div.name_box {display:inline-block;width:calc(100% - 110px);vertical-align:middle !important;}
div.name_box .w-45p.inL {float:left;width:calc(50% - 10px) !important;margin-left:10px;}
.board-write td.form_td .phone-write input[type="text"] {width:31%;}
td.form_td .w-75 {width:100% !important;}

@media screen and (max-width:768px){
	.board-write tbody tr td.form_td select.w-75 {width:100% !important;}
}

@media screen and (max-width:587px){
	td.form_td input[type="radio"] + label {
	    position: relative;
	    display: flex;
	    align-items: center;
	    cursor: pointer;
	}
	td.form_td input[type="radio"] + label::before {display:block;margin-left:0;}
	td.form_td .w-45p.inL {margin-left:0;}
}









#mobi_Nav_btn {display:none;position:relative;}

#total_m_lay{display:none;position:fixed;}



@media screen and (max-width: 1024px){
	button.sitemap {display:none;}
	button.search {margin-right:15px;}
	#mobi_Nav_btn{width:28px;height:28px;text-indent:-999px;overflow:hidden;background:url("/reference/assets/8663f37267625835.png") no-repeat 0 0;z-index:10000; background-color:none !important;}

	#mobi_Nav_btn {display:block;}

	#total_m_lay{display:none;top:0;width:230px;height:100%;overflow:auto;background:#2364a6;z-index:10002;transition: all 0.3s;-ms-transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s; -o-transition: all 0.3s;}
	#total_m_lay .mbTopLink{position:relative;padding-top:15px;height:105px;border-bottom:1px solid rgba(255,255,255,0.8)}
	#total_m_lay .mbTopLink::before{display:block;margin:0 auto 10px;width:105px;height:30px;content:'';}
	#total_m_lay .mbTopLink a{position:relative;display:block;margin:0 auto;padding-left:0;width:170px;height:32px;line-height:28px;font-size:15px;text-indent:-9999px;color:#fff;font-weight:bold;background:url("/reference/assets/bfc46846636ae356.png") 50% 50% no-repeat;background-size:100% auto;}
	#total_m_lay .mbTopLink a::before{display:inline-block;margin-right:5px;width:18px;height:15px;content:'';vertical-align:middle;}
	#total_m_lay .mbTopLink a:focus {outline:1px dotted #fff;}
	#total_m_lay .total_m > ul{background:#2364a6; text-align:left;}
	#total_m_lay .total_m li{position:relative}
	#total_m_lay .total_m li a{display:block}
	#total_m_lay .total_m li button{position:absolute;top:0;left:0;width:100%;height:100%;text-indent:-999px;overflow:hidden;}
	#total_m_lay .total_m > ul > li{width:auto !important;font-size:18px;border-bottom:1px solid rgba(255,255,255,0.4)}
	#total_m_lay .total_m > ul > li.has-sub > a::after{position:absolute;top:22px;right:20px;width:12px;height:6px;content:'';background:url("/reference/assets/949c69b77c4972b6.png") no-repeat 50% 50%}
	#total_m_lay .total_m > ul > li.has-sub.open > a::after{background:url("/reference/assets/46079fcab3413683.png") no-repeat 50% 50%}
	#total_m_lay .total_m > ul > li > a{display:block;font-family:'NanumSquare';color:#fff;padding:15px 0 15px 20px;font-weight:bold;text-decoration:none;word-break: keep-all;}
	#total_m_lay .total_m > ul > li.open > a{color:#fff;background:#3f3f3f}
	#total_m_lay .total_m > ul > li.has-sub.open > a{background:#3f3f3f}
	#total_m_lay .total_m > ul > li > ul{display:none;padding:0;background:#e7e7e7;}
	#total_m_lay .total_m > ul > li > ul > li{font-size:15px;border-bottom:1px solid #fff}
	#total_m_lay .total_m > ul > li > ul > li.has-sub{}
	#total_m_lay .total_m > ul > li > ul > li.has-sub.open{background-color:#fff;}
	#total_m_lay .total_m > ul > li > ul > li > a{padding:10px 10px 10px 20px;color:#333;}
	#total_m_lay .total_m > ul > li > ul > li.open > a{color:#fff;font-weight:bold;background:#4ba657}
	#total_m_lay .total_m > ul > li > ul > li.on > a{color:#fff;font-weight:bold;background:#6f6f6f}
	#total_m_lay .total_m > ul > li > ul > li.has-sub > a::after{position:absolute;top:20px;right:20px;width:12px;height:6px;content:'';background:url("/reference/assets/a6bdacae606e5311.png") no-repeat 50% 50%}
	#total_m_lay .total_m > ul > li > ul > li.has-sub.open > a::after{background:url("/reference/assets/46079fcab3413683.png") no-repeat 50% 50%}
	#total_m_lay .total_m > ul > li > ul > li > ul{display:none;margin:5px 0;}
	#total_m_lay .total_m > ul > li > ul > li > ul > li{font-size:14px;letter-spacing:-1px;}
	#total_m_lay .total_m > ul > li > ul > li > ul > li > a::before{position:absolute;top:12px;left:20px;width:5px;height:7px;content:'';}
	#total_m_lay .total_m > ul > li > ul > li > ul > li.on > a{color:#005fca;font-weight:bold}
	#total_m_lay .total_m > ul > li > ul > li > ul > li > a{padding:5px 10px 5px 30px;}
	#total_m_lay .total_m > ul > li > ul > li > ul > li > a:after{position:absolute;top:13px;right:20px;width:7px;height:7px;content:'';}

	#total_m_lay .total_m > ul > li > a:focus {outline:2px solid #000;}
	
	.btnMenuClose{position:absolute;top:0;left:0;width:40px;height:40px;text-indent:-999px;overflow:hidden;background: url("/reference/assets/580331c2662eac51.png") no-repeat 0 0;z-index:20;border:none;}
	.btnMenuClose:focus{outline:1px dotted #fff;}

	.wra_box{position:fixed !important;top:0;left:0;width:100%;height:auto;z-index:200;}
	.fix_bg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.7;z-index:10001}



	#total_m_lay{left:-230px;}
	#total_m_lay.mOpen{left:0}
}


a:focus, input:focus {outline:3px solid;} 

.blinds, .blinds * {width:0 !important; height:0 !important; line-height:0 !important; font-size:0 !important; text-indent:-99999px !important; padding:0 !important; margin:0 !important;}


.d-flex {flex-wrap: wrap;}