@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jua&display=swap');
@font-face {
    font-family: 'GyeonggiBatang';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GyeonggiBatang.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GowunDodum-Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/GowunDodum-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Paperlogy-6SemiBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-7Bold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-8ExtraBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Giants-Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-1@1.1/Giants-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'NexonLv2Gothic';
    src: url('/font/NEXON_r.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NexonLv2Gothic';
   src: url('/font/NEXON_b.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'NexonLv2Gothic';
     src: url('/font/NEXON_m.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'NexonLv2Gothic';
    src: url('/font/NEXON_l.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}
/* basic css */
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,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {margin: 0; padding: 0; border: 0; }
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
html, body { height:100%; line-height: 1.3;}
body {    font-family: 'NexonLv2Gothic', 'Pretendard';  color:#333; }
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
a:link {     color: #241b14 ; text-decoration: none; }

select, input, textarea {vertical-align: middle ;   font-family: 'Pretendard';}
input {margin: 0;padding: 0;  font-family: 'Pretendard';}
ol, ul {list-style: none;}
legend, caption {width: 0;height: 0; visibility: hidden; font-size: 0;line-height: 0;}
button {cursor: pointer;   border: medium none; overflow: visible; padding: 0; white-space: nowrap;  font-family: 'Pretendard';}
img {vertical-align: top;}


.hidden {position: absolute;width: 0;height: 0;visibility: hidden;font-size: 0;line-height: 0; top:-9999px}


#skipNav	{ z-index: 600; position: absolute; position: fixed;  top: 0; left: 0; width: 100%; }
#skipNav a { position: absolute;  top: -9999px; display: block; }
#skipNav a span { display: block; padding: 10px 0; border: 3px solid #FFB747; background: #000; color: #fff; text-align: center; }
#skipNav a:hover, #skipNav a:active, #skipNav a:focus { z-index: 600; top: 0; display: inline-block; width: 100%; }



/* form */
fieldset	{border:0 none;}
label	{ margin-bottom: 10px; display: block; font-weight: 400; }

input.txt	{height:24px; margin:0; padding:7px 9px 7px 9px; border:1px solid #999; background:#fff; color:#4c4c4c; font-size:13px; line-height:24px; vertical-align:middle;}
input.txt:focus	{border-color:#000;}

select	{    margin: 0; height: 40px;  outline: none; padding: 0 10px; background: #f7f7f7;
    border: none;  border: 1px solid #d5d5d5;  font-size: 16px !important;   color: #777; border-radius: 10px;
}
.custom-select{position: relative;}
.custom-select select{
  appearance: none; 
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
}
/* 화살표 커스텀 */
.custom-select::after {
    content: "▼";  position: absolute;   top: 58%;
    right: 12px;  font-size: 14px;  color: #d5d5d5;  pointer-events: none;}

select:active{   border:1px solid #0079fa;}
select:focus{    border: 1px solid #0079fa;}
select:hover{   border: 1px solid #0079fa;}

legend, caption {overflow:hidden; position:absolute; left:-9999px; top:0; font-size:0; line-height:0; text-indent:-9999px;}
.select {position:relative; display:inline-block; height:22px; padding:6px 4px 6px 4px; border:1px solid #b3b3b3; background-color:#fff; line-height:22px; vertical-align:middle;}
.select	 select	 {border:0 none; background:#fff; font-size:14px; color:#333; font-weight:normal;}

input.chk {border:0 none; margin-right:2px; vertical-align:middle;}

input[type=number]{
     line-height: 40px; border-radius: 10px;
    height: 40px;
    margin: 0;
    border: none;
    vertical-align: middle;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
    font-weight: 300;
    color: #444;
    font-size: 15.5px;
    outline: none;
    width: calc(100% - 10px); padding: 0 0 0 10px;
    transition: all .3s;
 border: 1px solid #d5d5d5; background: #f7f7f7;
}
input[type=text],
input[type=file],
input[type=tel],
input[type=email],
input[type=password] {  line-height: 40px; border-radius: 10px;
    height: 40px;
    margin: 0;
    border: none;
    vertical-align: middle;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
    font-weight: 300;
    color: #444;
    font-size: 15.5px;
    outline: none;
    width: calc(100% - 20px) !important; padding: 0 10px;
    transition: all .3s;
 border: 1px solid #d5d5d5; background: #f7f7f7;}
input[type=date]{ line-height: 34px;
    height: 34px;
    margin: 0; padding: 0 10px;
    border: none;
    vertical-align: middle;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
    font-weight: 300;
    color: #444;
    font-size: 15.5px;
    outline: none;
    width: calc(60% - 20px) !important;
    transition: all .3s;
  border: 1px solid #000}



input[type=date]:active{   border:1px solid #0079fa;}
input[type=date]:focus{    border: 1px solid #0079fa;}
input[type=date]:hover{   border: 1px solid #0079fa;}

input[type=text]:active{   border:1px solid #0079fa;}
input[type=text]:focus{    border: 1px solid #0079fa;}
input[type=text]:hover{   border: 1px solid #0079fa;}

input[type=number]:active{   border:1px solid #0079fa;}
input[type=number]:focus{    border: 1px solid #0079fa;}
input[type=number]:hover{   border: 1px solid #0079fa;}


input[type=tel]:active{   border:1px solid #0079fa;}
input[type=tel]:focus{    border: 1px solid #0079fa;}
input[type=tel]:hover{   border: 1px solid #0079fa;}

input[type=file]:active{   border: 1px solid #0079fa;}
input[type=file]:focus{   border: 1px solid #0079fa;}
input[type=file]:hover{   border:1px solid #0079fa;}

input[type=password]:active{   border: 1px solid #0079fa;}
input[type=password]:focus{   border: 1px solid #0079fa;}
input[type=password]:hover{    border: 1px solid #0079fa;}


#tel2_1{width: calc(30% - 14px);}
#tel2_2{width: calc(30% - 14px);}
#tel2_3{width: calc(30% - 14px);}

.hovern:active{border-bottom:2px solid transparent !important;}
.hovern:focus{border-bottom: 2px solid transparent !important;}
.hovern:hover{border-bottom: 2px solid transparent !important;}

input::input-placeholder {color:#999;  font-family: 'Pretendard'; }
input::-webkit-input-placeholder {color:#999;} 
input::-moz-placeholder {color:#999;}
input::-ms-placeholder {color:#999;} 
input[type=checkbox],
input[type=radio] {width:14px; height:14px; padding:0; margin:0; vertical-align:middle; border:none; background:none; border-radius:0px; box-shadow: none; }

#cmt{    position: relative;
    height: 100px;
    margin: 0;
    border: none;
    vertical-align: middle;
    -webkit-appearance: none;
    appearance: none;
    font-weight: 300;
    color: #666;
    font-size: 16px;
    outline: none;
    width: 98%;
    transition: all .3s;
    border-radius: 0 15px 0 0;
    background: #f7f7f7;
    border-bottom: 2px solid transparent;
    padding: 2% 0 2% 2%;}
#cmt:focus{border-bottom: 2px solid #014635;}
#cmt:active{border-bottom: 2px solid #014635;}
#cmt:hover{border-bottom: 2px solid #014635;}

.mdrop2{position: relative;}


.disnone {display:none;}

.fs14 {font-size:14px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt60 {padding-top:60px;}
.pt70 {padding-top:70px;}
.pt80 {padding-top:80px;}
.pt110 {padding-top:110px;}
.pt120 {padding-top:120px;}

.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb50 {padding-bottom:50px;}

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb30 {margin-bottom:30px;}

.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mt50 { margin-top:50px;}
.mt70 { margin-top:70px;}
.mt100 { margin-top:100px;}

.ml5 { margin-left: 5px;}
.ml10 {  margin-left: 10px;}

.fl {float:left;}
.fr {float:right;}

.tac {text-align:center;}
.tal {text-align:left;}
.tar {text-align:right;}

.f15 {font-size:15px;}

.fw600 {font-weight: 600;}
.b_blue01 {background:#0160b2; font-size:12px; padding:10px; color:#fff;}

.ls_01 {letter-spacing:-2px;}



.point {color:#0d6fb8;}
html, body {letter-spacing:-0.03em;}


table.table1 {border-collapse:collapse; border-top:2px solid #000;  border-left:1px solid #e1e1e1;  margin:0.3em 0 0.5em 0; width:100%; font-size:14px;}
table.table1 thead th {color:#000; font-weight:normal; background:#f6f6f6; text-align:center; vertical-align:middle; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1;padding:20px 0;}
table.table1 tbody th {color:#333; font-weight:normal;  background:#f6f6f6; text-align:center; vertical-align:middle; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}
table.table1 tbody td {text-align:center;}
table.table1 tbody td img{vertical-align:middle;}
table.table1 tbody td input {vertical-align:middle;}
table.table1 tbody td.le {text-align:left; padding-left:10px;}
table.table1 th, table.table1 td {border-bottom:1px solid #e1e1e1; line-height:140%; padding:10px;border-right:1px solid #e1e1e1;}

table.table2 {border-collapse:collapse;background:#fff;  margin:0 0 0 0; width:100%; font-size:15px;}
table.table2 thead th {letter-spacing:0;color:#fff; font-weight:400;  font-size:16px;background:#009591; text-align:center; vertical-align:middle; border-bottom:1px solid #fff; border-right:1px solid #fff;padding:10px 0;}
table.table2 tbody th {color:#fff; font-weight:400;  font-size:16px; background:#009591; text-align:center; vertical-align:middle; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1;padding:20px 0;}
table.table2 thead th.line_none{border-right:none;}



table.table2 tbody td {text-align:center;}
table.table2 tbody td img{vertical-align:middle;}
table.table2 tbody td input {vertical-align:middle;}
table.table2 tbody td.le {text-align:left; padding:20px; color:#666;}
table.table2 tbody td.cen {text-align:center;}
table.table2 td {border-bottom:1px solid #e1e1e1; line-height:160%; padding:10px 10px;border-right:1px solid #e1e1e1; font-size:15px;}

table.table2 tbody th.none, table.table2 tbody td.none {border-bottom:0 !important;}

table.table3 {border-collapse:collapse; border-top:1px solid #e1e1e1;  border-left:1px solid #e1e1e1;  margin:0.5em 0 0.5em 0; width:100%; font-size:12px;}
table.table3 thead th {color:#000; font-weight:normal; background:#f6f6f6; text-align:center; vertical-align:middle; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1;padding:10px 0;}
table.table3 tbody th {color:#333; font-weight:normal;  background:#f6f6f6; text-align:center; vertical-align:middle; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}
table.table3 tbody td {text-align:center;}
table.table3 tbody td img{vertical-align:middle;}
table.table3 tbody td input {vertical-align:middle;}
table.table3 tbody td.le {text-align:left; padding-left:10px;}
table.table3 th, table.table3 td {border-bottom:1px solid #e1e1e1; line-height:100%; padding:10px;border-right:1px solid #e1e1e1;font-family: 'Sbl';}
table.table3 td.tb, table.table3 tbody th.tb { border-top:1px solid #e1e1e1;}
/* layout*/
.all_wrap {position:relative; width:100%; background:#fff; height: 100%;}

.sub_wrapper {position:relative; width:100%; min-height:700px;}
.sub_wrap {padding:0px 0px 0 0;}
.s_con_wrap {position:relative; width:100%;}
.s_con_top {display:none;position:relative; margin:0 auto;max-width:1300px; margin:0 auto; height:50px; }

.contents {position:relative;margin:0 auto;line-height:1.6; letter-spacing:-0.3px; text-align:center; min-height:500px;}

.footer_con {position:relative; margin:0 auto;max-width:1100px;}
.f_con01 {width:100%;position:relative;}
.f_con01 ul li {padding-bottom:20px;}
.f_con01 ul li span {font-size:15px; display:inline-block; }
.f_con01 ul li img {margin-right:10px;}
.f_con02 {width:100%;position:relative;font-size:14px;font-family: 'PT Sans', sans-serif; line-height:25px; padding-top:15px;}
.f_con02 span {padding-right:20px;display:inline-block;}
.f_con02 p.f_btn {padding:15px 0;}
.f_con02 p.f_btn a {border:1px solid #aaa; font-size:13px; color:#999; padding:5px 20px;display:inline-block;}


@media screen and (max-width: 1400px){
.ri_sns_fix {display:none;} 
}

/**********************************************************/
@media screen and (max-width: 1024px){
 input[type=text], input[type=file], input[type=tel], input[type=email], input[type=password]{
        font-size: 15px; 
    }
    label{font-size: 16px;}
    .custom-select::after{top: 58%; font-size: 13px;}
}



@media(max-width:900px){

html, body {letter-spacing:-0.02em;}

table.table1 {font-size:12px;}
/* layout*/

.sub_wrapper {position:relative; width:100%; min-height:300px !important;}
.sub_wrap {padding:0px 0px 0 0;  min-height:300px !important;}
.s_con_top {display:none;max-width:900px;  height:50px; }
.page_root {font-size:12px; padding:15px 0 0 20px; color:#666;float:left; text-align:left; width:100%;}
.page_root span {display:inline-block; background:url("/img/common/bl_bg.png") no-repeat 0 17px; padding:10px 5px 0 10px ;}
.page_root span.home {background:url("/img/common/home_bg.png") no-repeat 0 10px; padding-left:25px; letter-spacing:0;}

.page_root_w {font-size:12px; padding:15px 0 0 20px; color:#fff;float:left; text-align:left; width:100%;}
.page_root_w span {display:inline-block; background:url("/img/common/bl_bg_w.png") no-repeat 0 17px; padding:10px 5px 0 10px ;}
.page_root_w span.home {background:url("/img/common/home_bg_w.png") no-repeat 0 10px; padding-left:25px; letter-spacing:0;}

.sub-navi {display:none;}

.s_title {padding:25px 0 20px 0;}
.s_title h2 {font-size:20px; color:#000;}
.s_title p {padding:10px 25px 0 25px;font-size:12px;}

.s_title0201 {padding:0px 0 20px 0;}
.s_title0201 h2 {font-size:20px; padding-top:60px;}
.s_title0201 p {font-size:13px; padding:10px 15px 0 15px;}

.contents {font-size:12px;line-height:1.6; letter-spacing:-0.3px; text-align:center; min-height:300px !important;}

.footer_con {max-width:90%;}
.f_con01 ul li {padding-bottom:20px;}
.f_con01 ul li span {font-size:12px; display:block; width:50px; padding-bottom:10px;}
.f_con01 ul li img {margin-right:5px; width:90px;}
.f_con02 {width:100%;position:relative;font-size:12px; line-height:20px; padding-top:10px;}
.f_con02 span {padding-right:20px;display:inline-block;}
.f_con02 p.f_btn {padding:15px 0;}
.f_con02 p.f_btn a {border:1px solid #aaa; font-size:12px; color:#999; padding:5px 20px;display:inline-block;}


.table-responsive2{display:block;clear:both;padding-top:20px}
.table-responsive2 table,.table-responsive2 thead,.table-responsive2 tbody,.table-responsive2 th,.table-responsive2 td,.table-responsive2 tr{display:block}
.table-responsive2 thead tr{position:absolute;top:-9999px;left:-9999px;display:none}
.table-responsive2 .header{display:none}
.table-responsive2 tr{border:1px solid #ddd;margin-bottom:10px;overflow:hidden;border-radius:5px}
.table-responsive2 td{padding:20px;border:none;border-bottom:1px solid #eee;border-top:none !important;position:relative;padding-left:5% !important}
.table-responsive2 td a{font-weight:bold;display:inline-block;color:black}
.table-responsive2 td:before{position:absolute;display:block;top:6px;left:6px;width:45%;padding-right:10px;white-space:nowrap}
.table-responsive2 td:before{font-size:12px;color:#aaa;line-height:25px;padding-left:10px}
.table-responsive2 td.cen {text-align:center;display:block;}

   
table.table2 {font-size:12px;}
table.table2 thead th {font-size:11px; padding:5px 0;}
table.table2 tbody th {padding:10px 0;font-size:12px;}
table.table2 tbody td.le {text-align:left; padding:10px; color:#666;}
table.table2 td {line-height:120%; padding:5px 0;border-right:1px solid #e1e1e1; font-size:11px; letter-spacing: -0.09em;}

table.table3 {border-collapse:collapse; border-top:1px solid #e1e1e1;  border-left:1px solid #e1e1e1;  margin:0.5em 0 0.5em 0; width:100%; font-size:12px;}
table.table3 thead th {color:#000; font-weight:normal; background:#f6f6f6; text-align:center; vertical-align:middle; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1;padding:20px 0;}
table.table3 tbody th {color:#333; font-weight:normal;  background:#f6f6f6; text-align:center; vertical-align:middle; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}
table.table3 tbody td {text-align:center;}
table.table3 tbody td img{vertical-align:middle;}
table.table3 tbody td input {vertical-align:middle;}
table.table3 tbody td.le {text-align:left; padding-left:10px;}
table.table3 th, table.table3 td {border-bottom:1px solid #e1e1e1; line-height:140%; padding:10px;border-right:1px solid #e1e1e1;}
table.table3 td.tb { border-top:1px solid #e1e1e1;}
table.table3 tbody td span {display:none;}
}

@media(max-width:810px){

}


@media screen and (max-width: 600px){
    input[type=text], input[type=file], input[type=tel], input[type=email], input[type=password]{font-size: 14px; height: 37px;}
    select{height: 37px; font-size: 14px !important;}
    label{font-size: 15px;}
    .custom-select::after {top: 59%; font-size: 10px;}
}