@charset "utf-8";

@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-style: normal;
    src: url('../fonts/Pretendard-Regular.otf');
    src: url('../fonts/Pretendard-Regular.otf?#iefix') format('embedded-opentype'),
        url('../fonts/Pretendard-Regular.woff2') format('woff2'),
        url('../fonts/Pretendard-Regular.woff') format('woff'),
        url('../fonts/Pretendard-Regular.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    font-style: normal;
    src: url('../fonts/Pretendard-SemiBold.otf');
    src: url('../fonts/Pretendard-SemiBold.otf?#iefix') format('embedded-opentype'),
        url('../fonts/Pretendard-SemiBold.woff2') format('woff2'),
        url('../fonts/Pretendard-SemiBold.woff') format('woff'),
        url('../fonts/Pretendard-SemiBold.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 800;
    font-style: normal;
    src: url('../fonts/Pretendard-ExtraBold.otf');
    src: url('../fonts/Pretendard-ExtraBold.otf?#iefix') format('embedded-opentype'),
        url('../fonts/Pretendard-ExtraBold.woff2') format('woff2'),
        url('../fonts/Pretendard-ExtraBold.woff') format('woff'),
        url('../fonts/Pretendard-ExtraBold.ttf') format("truetype");
    font-display: swap;
}

body,input,textarea,select,button,table {font-family:Pretendard, '나눔고딕','돋움',dotum,AppleGothic,serif}
input[type="password"] {font-family:Pretendard,'나눔고딕','돋움',dotum,AppleGothic,serif}

* {font-family:Pretendard, NBG, '나눔고딕','돋움',dotum,AppleGothic,serif; word-break:break-all;}

@media all and (min-width:769px){
	
}

/* Common */
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,a,button,select{margin:0;padding:0}

/* 폰트 사이즈 */
html {font-size: 62.5%;} 
body {font-size:14px; word-break:break-all; background-color:#fff;}
image,fieldset,iframe{border:0}
img {max-width:100%; vertical-align:middle;}
image, video {max-width:100%; border:0;}
li{list-style:none}
em,address{font-style:normal}
input,select,button{vertical-align:middle}

h1   {font-size: 24px;}
h2   {font-size: 22px;}
h3   {font-size: 17px;}
h4   {font-size: 18px;}
h5   {font-size: 16px;}
h6   {font-size: 14px;}


/* Common Add */
caption,legend,.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:-999px;width:0;height:0;font-size:0;line-height:0;text-align:left}
caption{position:static}
input[type=text]{height:25px;padding:0 7px;border-top:1px solid #c1c6cd;border-right:1px solid #e0e4ea;border-bottom:1px solid #e0e4ea;border-left:1px solid #c1c6cd;color:#464d61;line-height:2.2em;}
input[type=text].readonly{border-top:1px solid #bfc6cc;border-left:1px solid #bfc6cc;border-right:1px solid #d8dee3;border-bottom:1px solid #d8dee3;background:#f1f3f4}
/*input[type=text]:focus,select:focus{border:1px solid #00a2e2;background:#edf6fb;color:#464d61}*/
input[type=radio]{width:13px; height:13px}
select{height:27px; padding:4px 4px 5px 4px;border-top:1px solid #c1c6cd;border-right:1px solid #e0e4ea;border-bottom:1px solid #e0e4ea;border-left:1px solid #c1c6cd;line-height:1.5em;color:#464d61}
textarea{width:98%; padding:5px;border:1px solid #cfcfcf;line-height:1.5; resize:vertical;}
table{ border-collapse:collapse; border-spacing:0;line-height:1.5}
input[type="submit"], button {cursor:pointer;}
hr{display:none}

/* aline */
.fl_l {float:left}
.fl_r {float:right}
.overflow_h {overflow:hidden; zoom:1}
.clearfix {content:""; display:block; clear:both;}
.cboth {clear:both;}

/* font-size */
.fs22 {font-size:22px !important;}
.fs18 {font-size:18px !important;}
.fs16 {font-size:16px !important;}
.fs15 {font-size:15px !important;}
.fs14 {font-size:14px !important;}
.fs13 {font-size:13px !important;}
.fs12 {font-size:12px !important;}
.fs11 {font-size:11px !important;}
.fs10 {font-size:10px !important;}

/*font-color*/
.fc_white {color:#fff !important;}
.fc_black {color:#000 !important;}
.fc_blue {color:#0084ff !important;}
.fc_green {color:#22917f !important;}
.fc_red {color:#c91313 !important;}
.fc_orange {color:#f26522 !important;}
.point{ color:#22917f; font-family:NBG_B;}


/* font-weight */
.fw_b {font-weight:600;}

/* font-face */
.ft_engtype {font-family:verdana}
.ft_NanumMyeongjo {font-family:'Nanum Myeongjo',serif; letter-spacing:-0.2px;}

.wordwrap {word-break:keep-all;
     white-space:-moz-pre-wrap;
     white-space:-pre-wrap;
     white-space:-o-pre-wrap;
     word-wrap:break-word;}


/*정렬*/
.ta_c {text-align:center !important;}
.ta_l {text-align:left !important;}
.ta_r {text-align:right !important;}
.va_t {vertical-align:top !important;}
.va_m {vertical-align:middle !important;}
.va_b {vertical-align:bottom !important;}

/*display*/
.on {display:block !important;}
.off {display:none !important;}
.is_active {display:block;}

.di_in {display:inline;}
.di_inb {display:inline-block;}
.di_block {display:block;}

/* 링크 */
a:link,a:visited {color:#4f565b; text-decoration:none;}
a:active,a:hover,a:focus{color:#000;}

/* border */
.border_t_no {border-top:none;}
.border_r_no {border-right:none;}
.border_b_no {border-bottom:none !important;}
.border_l_no {border-left:none;}


/* skip navigation */
#skipnavi{position:relative;z-index:1000;margin-left:20px}
#skipnavi a{position:absolute;top:-30px;left:0;width:128px;border:1px solid #4ec53d;background-color:#000; text-align:center;outline:none}
#skipnavi a:active,#skipnavi a:focus{top:0;text-decoration:none;cursor:pointer;zoom:1}
#skipnavi span{display:inline-block;padding:2px 6px 0 0;font-size:11px;line-height:26px;color:#fff;letter-spacing:-1px}


/* shadow */
.shadow {-webkit-box-shadow:3px 3px 10px 3px rgba(0,0,0,0.2); -moz-box-shadow:3px 3px 10px 3px rgba(0,0,0,0.2); box-shadow:3px 3px 10px 3px rgba(0,0,0,0.2);}
.shadow_small {-webkit-box-shadow:1px 1px 3px 1px rgba(0,0,0,0.1); -moz-box-shadow:1px 1px 3px 1px rgba(0,0,0,0.1); box-shadow:1px 1px 3px 1px rgba(0,0,0,0.1);}

/* 말줄임 */
.ellipsis {display:block;overflow:hidden;width:auto;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;}
.tspace {letter-spacing:-1px}

/*숨김처리*/
.hidden {position:absolute; text-indent:-9999px; font-size:0;}

/*포지션*/
.pos_rel {position:relative !important;}


/* radius */
 .r_2 {-webkit-border-radius:2px; -o-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
 .r_3 {-webkit-border-radius:3px; -o-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
 .r_5 {-webkit-border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
 .r_10 {-webkit-border-radius:10px; -o-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
 .r_20 {-webkit-border-radius:20px; -o-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}
 .r_30 {-webkit-border-radius:30px; -o-border-radius:30px; -moz-border-radius:30px; border-radius:30px;}
 .r_40 {-webkit-border-radius:40px; -o-border-radius:40px; -moz-border-radius:40px; border-radius:40px;}
 .r_60 {-webkit-border-radius:60px; -o-border-radius:60px; -moz-border-radius:60px; border-radius:60px;}

/* margin */
.mg_t0 {margin-top:0px !important;}
.mg_t5 {margin-top:5px !important;}
.mg_t10 {margin-top:10px !important;}
.mg_t15 {margin-top:15px !important;}
.mg_t20 {margin-top:20px !important;}
.mg_t25 {margin-top:25px !important;}
.mg_t30 {margin-top:30px !important;}
.mg_t35 {margin-top:35px !important;}
.mg_t40 {margin-top:40px !important;}
.mg_t45 {margin-top:45px !important;}
.mg_t50 {margin-top:50px !important;}

.mg_b0 {margin-bottom:0 !important;}
.mg_b5 {margin-bottom:5px !important;}
.mg_b10 {margin-bottom:10px !important;}
.mg_b15 {margin-bottom:15px !important;}
.mg_b20 {margin-bottom:20px !important;}
.mg_b25 {margin-bottom:25px !important;}
.mg_b30 {margin-bottom:30px !important;}
.mg_b35 {margin-bottom:35px !important;}
.mg_b40 {margin-bottom:40px !important;}
.mg_b45 {margin-bottom:45px !important;}
.mg_b50 {margin-bottom:50px !important;}

.mg_l0 {margin-left:0px !important;}
.mg_l5 {margin-left:5px !important;}
.mg_l10 {margin-left:10px !important;}
.mg_l15 {margin-left:15px !important;}
.mg_l20 {margin-left:20px !important;}
.mg_l25 {margin-left:25px !important;}
.mg_l30 {margin-left:30px !important;}
.mg_l35 {margin-left:35px !important;}
.mg_l40 {margin-left:40px !important;}
.mg_l45 {margin-left:45px !important;}
.mg_l50 {margin-left:50px !important;}

.mg_r0 {margin-right:0px !important;}
.mg_r5 {margin-right:5px !important;}
.mg_r10 {margin-right:10px !important;}
.mg_r15 {margin-right:15px !important;}
.mg_r20 {margin-right:20px !important;}
.mg_r25 {margin-right:25px !important;}
.mg_r30 {margin-right:30px !important;}
.mg_r35 {margin-right:35px !important;}
.mg_r40 {margin-right:40px !important;}
.mg_r45 {margin-right:45px !important;}
.mg_r50 {margin-right:50px !important;}

/* padding */
.pd_t0 {padding-top:0px !important;}
.pd_t5 {padding-top:5px !important;}
.pd_t10 {padding-top:10px !important;}
.pd_t15 {padding-top:15px !important;}
.pd_t20 {padding-top:20px !important;}
.pd_t25 {padding-top:25px !important;}
.pd_t30 {padding-top:30px !important;}
.pd_t35 {padding-top:35px !important;}
.pd_t40 {padding-top:40px !important;}
.pd_t45 {padding-top:45px !important;}
.pd_t50 {padding-top:50px !important;}

.pd_b0 {padding-bottom:0px !important;}
.pd_b5 {padding-bottom:5px !important;}
.pd_b10 {padding-bottom:10px !important;}
.pd_b15 {padding-bottom:15px !important;}
.pd_b20 {padding-bottom:20px !important;}
.pd_b25 {padding-bottom:25px !important;}
.pd_b30 {padding-bottom:30px !important;}
.pd_b35 {padding-bottom:35px !important;}
.pd_b40 {padding-bottom:40px !important;}
.pd_b45 {padding-bottom:45px !important;}
.pd_b50 {padding-bottom:50px !important;}

.pd_l0 {padding-left:0px !important;}
.pd_l5 {padding-left:5px !important;}
.pd_l10 {padding-left:10px !important;}
.pd_l15 {padding-left:15px !important;}
.pd_l20 {padding-left:20px !important;}
.pd_l25 {padding-left:25px !important;}
.pd_l30 {padding-left:30px !important;}
.pd_l35 {padding-left:35px !important;}
.pd_l40 {padding-left:40px !important;}
.pd_l45 {padding-left:45px !important;}
.pd_l50 {padding-left:50px !important;}

.pd_r0 {padding-right:0px !important;}
.pd_r5 {padding-right:5px !important;}
.pd_r10 {padding-right:10px !important;}
.pd_r15 {padding-right:15px !important;}
.pd_r20 {padding-right:20px !important;}
.pd_r25 {padding-right:25px !important;}
.pd_r30 {padding-right:30px !important;}
.pd_r35 {padding-right:35px !important;}
.pd_r40 {padding-right:40px !important;}
.pd_r45 {padding-right:45px !important;}
.pd_r50 {padding-right:50px !important;}