@import url("https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean");
@import url("https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700,800&display=swap&subset=korean");
@import url("notosanskr.css");

/* ////////////////////////////////////////////////////////////////////////////////////////////////////
    Reset CSS
//////////////////////////////////////////////////////////////////////////////////////////////////// */

* { padding: 0px; margin: 0px; font-family: "Noto Sans KR", sans-serif; }
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, font, 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, main, menu, nav, section, summary, button, input { 
	margin: 0px; 
	padding: 0px; 
	border: 0px; 
	vertical-align: baseline; 
	background: transparent; 
	word-break: keep-all; 
	box-sizing: border-box; 
}
*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html, body { height: 100%; }
html { overflow: hidden auto; box-sizing: border-box; }
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select { margin: 0px; padding: 0px; }
body, input, textarea, select, button, table { font-family: "Noto Sans Kr", sans-serif; font-size: 100%; color:#242424; box-sizing: border-box; line-height: 1.6; }
/* img, fieldset { max-width: 100%; height: auto; border: 0px; } */
ul, ol { list-style: none; }
i, em, address { font-style: normal; }
a { text-decoration: none; color: #242424; }
a:hover, a:active, a:focus { text-decoration: none; }
button, input[type="submit"] { cursor: pointer; }
caption, legend { overflow: hidden; position: static; left: -1px; top: -1px; width: 1px; height: 1px; font-size: 0px; line-height: 0; }
textarea { padding: 4px 5px 6px; font-size: 0.938em; box-sizing: border-box; }

/* *********************************************************************************
 * 공통 기본
 * *********************************************************************************/
.hiden, .HIDEN, .hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; color: rgb(0, 0, 0); }
.blind { overflow: hidden; position: absolute; width: 0px; height: 0px; line-height: 0; text-indent: -9999px; }
.bold { font-weight: bold; }
.normal { font-weight: normal; }

textarea, input, select { border-radius: 0px; border:1px solid #e8e8e8; font-size:14px; outline-style: none; outline-width: medium; background-color:#fff }
textarea { color: inherit; }
textarea:focus::-webkit-input-placeholder { color: transparent; }
select { padding:0 53px 0 17px; height:36px; line-height:34px; background:#fff url('../_images/common/select_arrow.gif') no-repeat 100% 50%}
select.listBox { height:auto; padding-right:0; background-image:none;}
select::-ms-expand { display: none; }
input[type="reset"], input[type="button"], input[type="submit"] { cursor: pointer; line-height: normal !important; }
input[type="button"], input[type="text"], input[type="image"], input[type="submit"] { appearance: none; border-radius: 0px; }
input:checked[type="checkbox"] { background-color: rgb(255, 255, 255); appearance: checkbox; }
input { color: inherit; }
input::-webkit-input-placeholder { color: inherit; }
input:focus { border: 0px; }
input:focus::-webkit-input-placeholder { color: transparent; }
input:-webkit-autofill, textarea:-webkit-autofill, select { appearance: none; }
input:-webkit-autofill:-webkit-autofill, textarea:-webkit-autofill:-webkit-autofill, select:-webkit-autofill { -webkit-text-fill-color: inherit; box-shadow: white 0px 0px 0px 1000px inset; }
input[type="date"]::-webkit-clear-button { display: none; }
input[type="date"]::-webkit-inner-spin-button { display: none; }
input[type="date"]::-webkit-calendar-picker-indicator { color: rgb(52, 52, 52); background: rgb(255, 255, 255); }
input[type="date"] { appearance: none; display: inline-block !important; visibility: visible !important; }
input[type="date"], input:focus { box-shadow: none; }
input[type="text"], input[type="password"] { height: 36px; padding: 0px 15px; border: 1px solid #e8e8e8; margin-right: 0px; }

table { width: 100%; border-collapse: separate; border-spacing: 0px; table-layout: fixed; }
table.tbl_auto { table-layout: auto; }
th, td { vertical-align: middle; }

a { text-decoration: inherit; color: inherit; word-break: break-all; }
a:visited { }
a:active { }

button { cursor: pointer; }

fieldset { border: none; margin: 0px; padding: 0px; }
/* img { max-width: 100%; border: 0px none; } */
form { margin: 0px; padding: 0px; }
legend { display: none; margin: 0px; padding: 0px; }

/*caption*/
.skip { overflow: hidden; position: absolute; width: 1px; height: 1px; text-indent: -10000px; display: block; }
ul, ol, li { list-style: none; }
em { font-style: normal; }

hr { width: 100%; height: 1px; background-color: rgb(205, 205, 205); margin: 20px 0px; border: 0px; }
hr.no { background-color: transparent; padding: 0px; margin: 0px; }
br { display: block; }

/* *********************************************************************************
 *	건너뛰기 메뉴 정의
 * *********************************************************************************/
/* skipToContent */
#skipToContent { position: absolute; top: 0px; left: 0px; width: 100%; z-index: 999; }
#skipToContent a { display: block; height: 0px; width: 0px; margin-bottom: -1px; overflow: hidden; text-align: center; color: rgb(255, 255, 255); white-space: nowrap; background: rgb(0, 0, 17); }
#skipToContent a:focus, #skipToContent a:active { height: auto; width: auto; padding: 5px; margin-bottom: 10px; }
#dimed { display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 200; }

.va_middle { width: inherit; height: inherit; display: table-cell; vertical-align: middle; }

.ellipsis { white-space: nowrap; overflow: hidden; }
.ellipsis.multiline { white-space: normal; }

.dis_Block { display: block; }
.dis_None { display: none; }

/* Font Size */
.fs_11 { font-size: 11px !important; }
.fs_12 { font-size: 12px !important; }
.fs_13 { font-size: 13px !important; }
.fs_14 { font-size: 14px !important; }
.fs_15 { font-size: 15px !important; }
.fs_16 { font-size: 16px !important; }
.fs_17 { font-size: 17px !important; }
.fs_18 { font-size: 18px !important; }
.fs_19 { font-size: 19px !important; }
.fs_20 { font-size: 20px !important; }
.fs_21 { font-size: 21px !important; }
.fs_22 { font-size: 22px !important; }
.fs_23 { font-size: 23px !important; }
.fs_24 { font-size: 24px !important; }
.fs_25 { font-size: 25px !important; }
.fs_26 { font-size: 26px !important; }
.fs_27 { font-size: 27px !important; }
.fs_28 { font-size: 28px !important; }
.fs_29 { font-size: 29px !important; }
.fs_30 { font-size: 30px !important; }
.fs_31 { font-size: 31px !important; }
.fs_32 { font-size: 32px !important; }
.fs_33 { font-size: 33px !important; }
.fs_34 { font-size: 34px !important; }
.fs_35 { font-size: 35px !important; }
.fs_36 { font-size: 36px !important; }
.fs_37 { font-size: 37px !important; }
.fs_38 { font-size: 38px !important; }
.fs_39 { font-size: 39px !important; }
.fs_40 { font-size: 40px !important; }
.fs_41 { font-size: 41px !important; }
.fs_42 { font-size: 42px !important; }
.fs_43 { font-size: 43px !important; }
.fs_44 { font-size: 44px !important; }
.fs_45 { font-size: 45px !important; }
.fs_46 { font-size: 46px !important; }
.fs_47 { font-size: 47px !important; }
.fs_48 { font-size: 48px !important; }
.fs_49 { font-size: 49px !important; }
.fs_50 { font-size: 50px !important; }
.fs_51 { font-size: 51px !important; }
.fs_52 { font-size: 52px !important; }
.fs_53 { font-size: 53px !important; }
.fs_54 { font-size: 54px !important; }
.fs_55 { font-size: 55px !important; }
.fs_56 { font-size: 56px !important; }
.fs_57 { font-size: 57px !important; }
.fs_58 { font-size: 58px !important; }
.fs_59 { font-size: 59px !important; }
.fs_60 { font-size: 60px !important; }

/* Font Color */
.bold { font-weight: 500 !important; }
.red { color: rgb(179, 0, 6) !important; }
.red2 { color: rgb(237, 48, 36) !important; }
.red3 { color: rgb(238, 46, 36) !important; }
.red4 { color: rgb(226, 64, 62) !important; }
.white { color: rgb(255, 255, 255) !important; }
.blue { color: rgb(25, 87, 144) !important; }
.green { color: rgb(57, 181, 74) !important; }
.orange { color: rgb(255, 150, 0) !important; }
.gray_1 { color: rgb(17, 17, 17) !important; }
.gray_2 { color: rgb(34, 34, 34) !important; }
.gray_3 { color: rgb(51, 51, 51) !important; }
.gray_4 { color: rgb(68, 68, 68) !important; }
.gray_5 { color: rgb(85, 85, 85) !important; }
.gray_6 { color: rgb(102, 102, 102) !important; }
.gray_7 { color: rgb(119, 119, 119) !important; }
.gray_8 { color: rgb(136, 136, 136) !important; }
.gray_9 { color: rgb(153, 153, 153) !important; }
.gray_10 { color: rgb(170, 170, 170) !important; }
.gray_11 { color: rgb(187, 187, 187) !important; }
.gray_12 { color: rgb(204, 204, 204) !important; }
.gray_13 { color: rgb(221, 221, 221) !important; }
.gray_14 { color: rgb(238, 238, 238) !important; }
.khaki { color: rgb(161, 118, 65) !important; }
.link { color: rgb(0, 0, 255) !important; }
.blue2 { color: rgb(0, 112, 192) !important; }
.yellow { color: rgb(255, 255, 102) !important; }
.green2 { color: rgb(0, 134, 16) !important; }

/* Point Color */
.point_col01 { color: rgb(49, 65, 142) !important; }
.point_col02 { color: rgb(240, 0, 0) !important; }

.ju { font-size: 11px; color: rgb(136, 136, 136) !important; }

.f_w_nomal { font-weight: normal !important; }

.f_u { text-decoration: underline; }

/* BG Color */
.bg_gray { background-color: rgb(238, 238, 238) !important; }
.bg_gray2 { background-color: rgb(251, 251, 251) !important; }
.bg_gray3 { background-color: rgb(117, 117, 117) !important; }
.bg_gray4 { background-color: rgb(245, 245, 245) !important; }
.bg_white { background-color: rgb(255, 255, 255) !important; }
.bg_black { background-color: rgb(0, 0, 0) !important; }
.bg_sky { background-color: rgb(246, 250, 255) !important; }
.bg_sora { background-color: rgb(107, 174, 165) !important; }
.bg_red3 { background-color: rgb(238, 46, 36) !important; }
.bg_red4 { background-color: rgb(226, 64, 62) !important; }
.bg_brown1 { background-color: rgb(161, 138, 116) !important; }

.bg_image_no { background-image: none !important; }

/* align */
.tc { text-align: center !important; }
.tl { text-align: left !important; }
.tr { text-align: right !important; }

.fr { float: right !important; }
.fl { float: left !important; }
.fn { float: none !important; }

.mg_auto { margin: 0px auto !important; }

.clear { clear: both !important; }
.clearfix { display: block; }
.clearfix::after { display: table; content: ""; clear: both; }

.over_h { overflow: hidden !important; }
.over_a { overflow: auto !important; }
.over_s { overflow: scroll !important; }
.over_xh { overflow-x: hidden !important; }
.over_yh { overflow-x: hidden !important; }
.over_xa { overflow-x: auto !important; }
.over_ya { overflow-y: auto !important; }
.over_xs { overflow-x: scroll !important; }
.over_ys { overflow-y: scroll !important; }

.dis_inline { display: inline !important; }
.dis_block { display: block !important; }
.dis_i_block { display: inline-block !important; }
.dis_n { display: none !important; }

/* position */
.position_a { position: absolute !important; }
.position_f { position: fixed !important; }
.position_r { position: relative !important; }
.position_s { position: static !important; }

/* margin */
.m_0 { margin: 0px; }
.m_5 { margin: 5px; }
.m_10 { margin: 10px; }
.m_15 { margin: 15px; }
.m_20 { margin: 20px; }
.m_25 { margin: 25px; }
.m_30 { margin: 30px; }
.m_35 { margin: 35px; }
.m_40 { margin: 40px; }
.m_45 { margin: 45px; }
.m_50 { margin: 50px; }

.mt_0 { margin-top: 0px !important; }
.mt_5 { margin-top: 5px; }
.mt_10 { margin-top: 10px; }
.mt_15 { margin-top: 15px; }
.mt_20 { margin-top: 20px; }
.mt_25 { margin-top: 25px; }
.mt_30 { margin-top: 30px; }
.mt_35 { margin-top: 35px; }
.mt_40 { margin-top: 40px; }
.mt_45 { margin-top: 45px; }
.mt_50 { margin-top: 50px; }

.ml_0 { margin-left: 0px; }
.ml_5 { margin-left: 5px; }
.ml_10 { margin-left: 10px; }
.ml_15 { margin-left: 15px; }
.ml_17 { margin-left: 17px; }
.ml_20 { margin-left: 20px; }
.ml_25 { margin-left: 25px; }
.ml_30 { margin-left: 30px; }
.ml_35 { margin-left: 35px; }
.ml_40 { margin-left: 40px; }
.ml_45 { margin-left: 45px; }
.ml_50 { margin-left: 50px; }
.ml_100 { margin-left: 100px; }
.ml_200 { margin-left: 200px; }

.mr_0 { margin-right: 0px; }
.mr_5 { margin-right: 5px; }
.mr_10 { margin-right: 10px; }
.mr_15 { margin-right: 15px; }
.mr_20 { margin-right: 20px; }
.mr_25 { margin-right: 25px; }
.mr_30 { margin-right: 30px; }
.mr_35 { margin-right: 35px; }
.mr_40 { margin-right: 40px; }
.mr_45 { margin-right: 45px; }
.mr_50 { margin-right: 50px; }

.mb_0 { margin-bottom: 0px; }
.mb_5 { margin-bottom: 5px; }
.mb_10 { margin-bottom: 10px; }
.mb_15 { margin-bottom: 15px; }
.mb_20 { margin-bottom: 20px; }
.mb_25 { margin-bottom: 25px; }
.mb_30 { margin-bottom: 30px; }
.mb_35 { margin-bottom: 35px; }
.mb_40 { margin-bottom: 40px; }
.mb_45 { margin-bottom: 45px; }
.mb_50 { margin-bottom: 50px; }

/* padding */
.p_0 { padding: 0px; }
.p_5 { padding: 5px; }
.p_10 { padding: 10px; }
.p_15 { padding: 15px; }
.p_20 { padding: 20px; }

.pt_0 { padding-top: 0px; }
.pt_5 { padding-top: 5px; }
.pt_10 { padding-top: 10px; }
.pt_15 { padding-top: 15px; }
.pt_20 { padding-top: 20px; }
.pt_25 { padding-top: 25px; }
.pt_30 { padding-top: 30px; }
.pt_35 { padding-top: 35px; }
.pt_40 { padding-top: 40px; }
.pt_45 { padding-top: 45px; }
.pt_50 { padding-top: 50px; }

.pr_0 { padding-right: 0px; }
.pr_5 { padding-right: 5px; }
.pr_10 { padding-right: 10px; }
.pr_15 { padding-right: 15px; }
.pr_20 { padding-right: 20px; }
.pr_25 { padding-right: 25px; }
.pr_30 { padding-right: 30px; }
.pr_35 { padding-right: 35px; }
.pr_40 { padding-right: 40px; }
.pr_45 { padding-right: 45px; }
.pr_50 { padding-right: 50px; }

.pl_0 { padding-left: 0px; }
.pl_5 { padding-left: 5px; }
.pl_10 { padding-left: 10px; }
.pl_15 { padding-left: 15px; }
.pl_20 { padding-left: 20px; }
.pl_25 { padding-left: 25px; }
.pl_30 { padding-left: 30px; }
.pl_35 { padding-left: 35px; }
.pl_40 { padding-left: 40px; }
.pl_45 { padding-left: 45px; }
.pl_50 { padding-left: 50px; }
.pl_70 { padding-left: 70px; }
.pl_100 { padding-left: 100px; }

.pb_0 { padding-bottom: 0px; }
.pb_5 { padding-bottom: 5px; }
.pb_10 { padding-bottom: 10px; }
.pb_15 { padding-bottom: 15px; }
.pb_20 { padding-bottom: 20px; }
.pb_25 { padding-bottom: 25px; }
.pb_30 { padding-bottom: 30px; }
.pb_35 { padding-bottom: 35px; }
.pb_40 { padding-bottom: 40px; }
.pb_45 { padding-bottom: 45px; }
.pb_50 { padding-bottom: 50px; }

/* width */
.w100 { width: 100px; }
.w110 { width: 110px; }
.w120 { width: 120px; }
.w130 { width: 130px; }
.w140 { width: 140px; }
.w150 { width: 150px; }
.w160 { width: 160px; }
.w170 { width: 170px; }
.w180 { width: 180px; }
.w190 { width: 190px; }
.w200 { width: 200px; }
.w250 { width: 250px; }
.w260 { width: 260px; }
.w270 { width: 270px; }
.w300 { width: 300px; }
.w310 { width: 310px; }
.w320 { width: 320px; }
.w330 { width: 330px; }
.w340 { width: 340px; }
.w350 { width: 350px; }
.w360 { width: 360px; }
.w370 { width: 370px; }
.w380 { width: 380px; }
.w390 { width: 390px; }
.w400 { width: 400px; }
.w450 { width: 450px; }
.w500 { width: 500px; }
.w600 { width: 600px; }

.wp10 { width: 10%; }
.wp20 { width: 20%; }
.wp30 { width: 30%; }
.wp40 { width: 40%; }
.wp45 { width: 45%; }
.wp50 { width: 50%; }
.wp55 { width: 55%; }
.wp60 { width: 60%; }
.wp65 { width: 65%; }
.wp70 { width: 70%; }
.wp75 { width: 75%; }
.wp80 { width: 80%; }
.wp85 { width: 85%; }
.wp90 { width: 90%; }
.wp95 { width: 95%; }
.wp96 { width: 96%; }
.wp97 { width: 97%; }
.wp98 { width: 98%; }
.wp99 { width: 99%; }
.wp100 { width: 100%; }