@import url("https://fonts.googleapis.com/css?family=Lato");
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

html, body {height: 100%;margin: 0;padding: 0;}
p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button {margin: 0;padding: 0;}
img, fieldset {border: 0 none;}
ol, ul, li {list-style: none outside none;}

/* 초기화 */
html {overflow-y:scroll; overflow-x:}
body {margin:0;padding:0;/*font-size:0.85em;font-family:dotum*/}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:dotum}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family:dotum;font-size:1em}
button {cursor:pointer}

textarea, select {font-family:dotum;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {text-decoration:none;}
a:hover, a:focus, a:active {
	/*color:#FFF;
	text-decoration:underline*/
}

.input {background: none repeat scroll 0 0 #F6F6F6;border: 1px solid #D7D7D7;color: #666666;font-size: 11px;height: 14px;margin-top: 0;padding: 3px 0 0 5px;}
.select {background: none repeat scroll 0 0 #F6F6F6;border: 1px solid #D7D7D7;color: #666666;font-size: 11px;margin: 0;padding: 0;}
.none {display: none;}
#wrap {width:100%; overflow:hidden;}
#blind {display: none;}

input[type=text],input[type=password], textarea {-webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out;-ms-transition: all 0.30s ease-in-out;-o-transition: all 0.30s ease-in-out;outline: none;}
input[type=text]:focus,input[type=password]:focus  {-webkit-box-shadow:  0 0 5px #9ed4ff;-moz-box-shadow:  0 0 5px #9ed4ff;box-shadow: 0 0 5px #9ed4ff;border: 1px solid #5db5ff !important;}
input::placeholder {color: #ddd;}

input:-moz-read-only {background-color: #e8f0fe !important;}  /* Firefox */
input[type=text]:read-only {background-color: #e8f0fe !important;}  
input[type=text]:read-only::placeholder {color: #43b4ff !important;}  



/****************************패딩및마진********************************/
.paddingt03 {padding-top:3px !important;}
.paddingt05 {padding-top:5px !important;}
.paddingt07 {padding-top:7px !important;}
.paddingt10 {padding-top:10px !important;}
.paddingt13 {padding-top:13px !important;}
.paddingt15 {padding-top:15px !important;}
.paddingt20 {padding-top:20px !important;}
.paddingt25 {padding-top:25px !important;}
.paddingt30 {padding-top:30px !important;}
.paddingt35 {padding-top:35px !important;}
.paddingt40 {padding-top:40px !important;}
.paddingt45 {padding-top:45px !important;}
.paddingt50 {padding-top:50px !important;}
.paddingt55 {padding-top:55px !important;}
.paddingt60 {padding-top:60px !important;}
.paddingt65 {padding-top:65px !important;}
.paddingt70 {padding-top:70px !important;}
.paddingt75 {padding-top:75px !important;}
.paddingt80 {padding-top:80px !important;}
.paddingt100 {padding-top:100px !important;}

.paddingb03 {padding-bottom:3px !important;}
.paddingb05 {padding-bottom:5px !important;}
.paddingb07 {padding-bottom:7px !important;}
.paddingb10 {padding-bottom:10px !important;}
.paddingb13 {padding-bottom:13px !important;}
.paddingb15 {padding-bottom:15px !important;}
.paddingb20 {padding-bottom:20px !important;}
.paddingb25 {padding-bottom:25px !important;}
.paddingb30 {padding-bottom:30px !important;}
.paddingb35 {padding-bottom:35px !important;}
.paddingb40 {padding-bottom:40px !important;}
.paddingb45 {padding-bottom:45px !important;}
.paddingb50 {padding-bottom:50px !important;}
.paddingb55 {padding-bottom:55px !important;}
.paddingb60 {padding-bottom:60px !important;}
.paddingb65 {padding-bottom:65px !important;}
.paddingb70 {padding-bottom:70px !important;}
.paddingb75 {padding-bottom:75px !important;}
.paddingb80 {padding-bottom:80px !important;}
.paddingb80 {padding-bottom:80px !important;}

.paddingl03 {padding-left:3px !important;}
.paddingl05 {padding-left:5px !important;}
.paddingl07 {padding-left:7px !important;}
.paddingl10 {padding-left:10px !important;}
.paddingl13 {padding-left:13px !important;}
.paddingl15 {padding-left:15px !important;}
.paddingl20 {padding-left:20px !important;}
.paddingl25 {padding-left:25px !important;}
.paddingl30 {padding-left:30px !important;}
.paddingl35 {padding-left:35px !important;}
.paddingl40 {padding-left:40px !important;}
.paddingl45 {padding-left:45px !important;}
.paddingl50 {padding-left:50px !important;}
.paddingl55 {padding-left:55px !important;}
.paddingl60 {padding-left:60px !important;}
.paddingl65 {padding-left:65px !important;}
.paddingl70 {padding-left:70px !important;}
.paddingl75 {padding-left:75px !important;}
.paddingl80 {padding-left:80px !important;}

.paddingr03 {padding-right:3px !important;}
.paddingr05 {padding-right:5px !important;}
.paddingr07 {padding-right:7px !important;}
.paddingr10 {padding-right:10px !important;}
.paddingr13 {padding-right:13px !important;}
.paddingr15 {padding-right:15px !important;}
.paddingr20 {padding-right:20px !important;}
.paddingr25 {padding-right:25px !important;}
.paddingr30 {padding-right:30px !important;}
.paddingr35 {padding-right:35px !important;}
.paddingr40 {padding-right:40px !important;}
.paddingr45 {padding-right:45px !important;}
.paddingr50 {padding-right:50px !important;}
.paddingr55 {padding-right:55px !important;}
.paddingr60 {padding-right:60px !important;}
.paddingr65 {padding-right:65px !important;}
.paddingr70 {padding-right:70px !important;}
.paddingr75 {padding-right:75px !important;}
.paddingr80 {padding-right:80px !important;}

.margint03 {margin-top:3px !important;}
.margint05 {margin-top:5px !important;}
.margint07 {margin-top:7px !important;}
.margint10 {margin-top:10px !important;}
.margint13 {margin-top:13px !important;}
.margint14 {margin-top:14px !important;}
.margint15 {margin-top:15px !important;}
.margint16 {margin-top:16px !important;}
.margint20 {margin-top:20px !important;}
.margint25 {margin-top:25px !important;}
.margint30 {margin-top:30px !important;}
.margint35 {margin-top:35px !important;}
.margint40 {margin-top:40px !important;}
.margint45 {margin-top:45px !important;}
.margint50 {margin-top:50px !important;}
.margint55 {margin-top:55px !important;}
.margint60 {margin-top:60px !important;}
.margint65 {margin-top:65px !important;}
.margint70 {margin-top:70px !important;}
.margint75 {margin-top:75px !important;}
.margint80 {margin-top:80px !important;}
.margint100 {margin-top:100px !important;}

.marginb03 {margin-bottom:3px !important;}
.marginb05 {margin-bottom:5px !important;}
.marginb07 {margin-bottom:7px !important;}
.marginb10 {margin-bottom:10px !important;}
.marginb13 {margin-bottom:13px !important;}
.marginb15 {margin-bottom:15px !important;}
.marginb20 {margin-bottom:20px !important;}
.marginb25 {margin-bottom:25px !important;}
.marginb30 {margin-bottom:30px !important;}
.marginb35 {margin-bottom:35px !important;}
.marginb40 {margin-bottom:40px !important;}
.marginb45 {margin-bottom:45px !important;}
.marginb50 {margin-bottom:50px !important;}
.marginb55 {margin-bottom:55px !important;}
.marginb60 {margin-bottom:60px !important;}
.marginb65 {margin-bottom:65px !important;}
.marginb70 {margin-bottom:70px !important;}
.marginb75 {margin-bottom:75px !important;}
.marginb80 {margin-bottom:80px !important;}
.marginb100 {margin-bottom:100px !important;}

.marginl03 {margin-left:3px !important;}
.marginl05 {margin-left:5px !important;}
.marginl07 {margin-left:7px !important;}
.marginl10 {margin-left:10px !important;}
.marginl13 {margin-left:13px !important;}
.marginl15 {margin-left:15px !important;}
.marginl20 {margin-left:20px !important;}
.marginl25 {margin-left:25px !important;}
.marginl30 {margin-left:30px !important;}
.marginl35 {margin-left:35px !important;}
.marginl40 {margin-left:40px !important;}
.marginl45 {margin-left:45px !important;}
.marginl50 {margin-left:50px !important;}
.marginl55 {margin-left:55px !important;}
.marginl60 {margin-left:60px !important;}
.marginl65 {margin-left:65px !important;}
.marginl70 {margin-left:70px !important;}
.marginl75 {margin-left:75px !important;}
.marginl80 {margin-left:80px !important;}


.marginr01 {margin-right:1px !important;}
.marginr03 {margin-right:3px !important;}
.marginr05 {margin-right:5px !important;}
.marginr07 {margin-right:7px !important;}
.marginr10 {margin-right:10px !important;}
.marginr13 {margin-right:13px !important;}
.marginr15 {margin-right:15px !important;}
.marginr20 {margin-right:20px !important;}
.marginr25 {margin-right:25px !important;}
.marginr30 {margin-right:30px !important;}
.marginr35 {margin-right:35px !important;}
.marginr40 {margin-right:40px !important;}
.marginr45 {margin-right:45px !important;}
.marginr50 {margin-right:50px !important;}
.marginr55 {margin-right:55px !important;}
.marginr60 {margin-right:60px !important;}
.marginr65 {margin-right:65px !important;}
.marginr70 {margin-right:70px !important;}
.marginr75 {margin-right:75px !important;}
.marginr80 {margin-right:80px !important;}

/**********************************************************************/

/******************************기본약자스타일****************************************/

.floatl {float:left;}
.floatr {float:right;}
.floatn {float:none;}
.display_n {display:none;}
.display_b {display:block;}
.display_i {display:inline;}
.display_ib {display:inline-block;}
.alignc {text-align:center;}
.alignl {text-align:left;}
.alignr {text-align:right;}
.center {margin:0 auto;}
.bold {font-weight:bold;}
.boldn {font-weight:normal;}
caption {display:none;}
table {border-collapse:collapse;}
legend {visibility:hidden;}
.red {color:#ed1c24;}
.pink {color:#f47782;}
.input_text {height:18px; border:1px solid #eeeeee;}
.overflowh {overflow:hidden;}

/* UI Object */
.paginate_complex{padding:15px 0;line-height:normal;text-align:center}
.paginate_complex a,
.paginate_complex strong{display:inline-block;position:relative;z-index:2;margin:0 -3px;padding:1px 8px;background-color:#fff;font:bold 12px/16px Tahoma, Sans-serif;color:#323232;text-decoration:none;vertical-align:top}
.paginate_complex a:hover,
.paginate_complex a:active,
.paginate_complex a:focus{background-color:#f8f8f8}
.paginate_complex strong{color:#ff8600}
.paginate_complex .direction{border:0;font-weight:normal;color:#767676;text-decoration:none;z-index:1}
.paginate_complex .direction:hover,
.paginate_complex .direction:active,
.paginate_complex .direction:focus{color:#323232;background-color:#fff}
.paginate_complex .prev{border-left:0}
.paginate_complex .next{border-right:0}
.paginate_complex .direction span{display:inline-block;position:relative;top:4px;width:0;height:0;font-size:0;line-height:0;vertical-align:top}
.paginate_complex .prev span{*left:-4px;margin-right:1px;border:3px solid;border-top:solid #fff;border-bottom:solid #fff;border-left:0}
.paginate_complex .next span{margin-left:1px;border:3px solid;border-top:solid #fff;border-bottom:solid #fff;border-right:0}
/* //UI Object */

/* 텍스트 정렬 */
.center, .c {text-align:center !important;}
.right, .r {text-align:right !important;}
.left, .l {text-align:left !important;}

/* 폰트색상 */
.c0  {color:#000 !important;}
.c2  {color:#222 !important;}
.c3  {color:#333 !important;}
.c5  {color:#555 !important;}
.c6  {color:#666 !important;}
.c8  {color:#888 !important;}
.c9  {color:#999 !important;}
.cf  {color:#fff !important;}

/*회색조*/
.cg1 {color:#69696a !important;}
.cg2 {color:#ababab !important;}
.cg3 {color:#848484 !important;}
.cg4 {color:#727272 !important;}
.cg5 {color:#b3b7bc !important;}
.cred {color:#DF2519 !important;}
.cblue {color:#2176C6 !important;}
.cblue1 {color:#4e70a5 !important;}
.cpink {color:#f9587d !important}
.cgold {color:#b8883c !important;}
.cgreen {color:#758d0a !important;}
.cbrown {color:#9F2C00 !important;}
.corg {color:#ff5612 !important;}
.bgray {background-color:#EAEAEA;border:1px solid #7F9DB9;}

.f9 {font-size:9px;}
.f10 {font-size:10px;}
.f11 {font-size:11px;}
.f12 {font-size:12px;}
.f13 {font-size:13px;}
.f14 {font-size:14px;}
.f15 {font-size:15px;}
.f16 {font-size:16px;}
.f17 {font-size:17px;}
.f18 {font-size:18px;}
.f20 {font-size:20px;}

.wps_5 {width:5%!important; }
.wps_10{width:10%!important;}
.wps_15{width:15%!important;}
.wps_20{width:20%!important;}
.wps_25{width:25%!important;}
.wps_30{width:30%!important;}
.wps_35{width:35%!important;}
.wps_40{width:40%!important;}
.wps_45{width:45%!important;}
.wps_50{width:50%!important;}
.wps_55{width:55%!important;}
.wps_60{width:60%!important;}
.wps_65{width:65%!important;}
.wps_70{width:70%!important;}
.wps_75{width:75%!important;}
.wps_80{width:80%!important;}
.wps_85{width:85%!important;}
.wps_90{width:90%!important;}
.wps_95{width:95%!important;}
.wps_100{width:100% !important; _width:100% !important; *width:100% !important;}

/* 패딩 */
.pad0a {padding:0px !important}
.pad0l {padding-left:0px !important}
.pad0r {padding-right:0px !important}
.pad0t {padding-top:0px !important}
.pad0f {padding-bottom:0px !important}
.pad5a {padding:5px !important}
.pad5tf {padding-top:5px !important;padding-bottom:5px !important;}
.pad5lr {padding-left:5px !important; padding-right:5px !important;}
.pad5r {padding-right:5px !important}
.pad5l {padding-left:5px !important}
.pad5t {padding-top:5px !important}
.pad5f {padding-bottom:5px !important}
.pad10a {padding:10px !important}
.pad10tf {padding-top:10px !important;padding-bottom:10px !important}
.pad10lr {padding-left:10px;padding-right:10px;}
.pad10r {padding-right:10px !important}
.pad10l, .pad10 {padding-left:10px !important}
.pad10t {padding-top:10px !important}
.pad10f {padding-bottom:10px !important}
.pad15a {padding:15px !important}
.pad15tf {padding-top:15px !important;padding-bottom:15px}
.pad15lr {padding-left:15px !important;padding-right:15px !important}
.pad15r {padding-right:15px !important}
.pad15l, .pad15 {padding-left:15px !important}
.pad15t {padding-top:15px !important}
.pad15f {padding-bottom:15px !important}
.pad20a {padding:20px !important}
.pad20tf {padding-top:20px !important;padding-bottom:20px !important}
.pad20lr {padding-left:20px !important;padding-right:20px !important}
.pad20r {padding-right:20px !important}
.pad20l, .pad20 {padding-left:20px !important}
.pad20t {padding-top:20px !important}
.pad20f {padding-bottom:20px !important}
.pad25a {padding:25px !important}
.pad25tf {padding-top:25px !important;padding-bottom:25px !important}
.pad25lr {padding-left:25px !important;padding-right:25px; !important}
.pad25r {padding-right:25px !important}
.pad25l,.pad25 {padding-left:25px !important}
.pad25t {padding-top:25px !important}
.pad25f {padding-bottom:25px !important}
.pad30a {padding:30px !important}
.pad30tf {padding-top:30px !important;padding-bottom:30px !important}
.pad30lr {padding-left:30px !important;padding-right:30px !important}
.pad30r {padding-right:30px !important}
.pad30l, .pad30 {padding-left:30px !important}
.pad30t {padding-top:30px !important}
.pad30f {padding-bottom:30px !important}

/*마진*/
.mg5t {margin-top:5px !important;}
.mg5l {margin-left:5px !important;}
.mg5r {margin-right:5px !important;}
.mg5f {margin-bottom:5px !important;}
.mg10r {margin-right:10px !important;}
.mg10l {margin-left:10px !important;}
.mg10t {margin-top:10px !important;}
.mg10f {margin-bottom:10px !important;}
.mg10tf {margin-top:10px !important;margin-bottom:10px !important;}
.mg15f {margin-bottom:15px !important;}
.mg20f {margin-bottom:20px !important;}
.mg25f {margin-bottom:25px !important;}
.mg30f {margin-bottom:30px !important;}
.mg15t {margin-top:15px !important;}
.mg20t {margin-top:20px !important;}
.mg25t {margin-top:25px !important;}
.mg30t {margin-top:30px !important;}
.mg5 {margin-left:5px !important;}
.mg10 {margin-left:10px !important;}
.mg15 {margin-left:15px !important;}
.mg20 {margin-left:20px !important;}
.mg25 {margin-left:25px !important;}
.mg30 {margin-left:30px !important;}
.mg5a {margin:5px !important;}
.mg10a {margin:10px !important;}
.mg15a {margin:15px !important;}
.mg20a {margin:20px !important;}
.mg25a {margin:25px !important;}
.mg30a {margin:30px !important;}

.gap5 {gap:5px;}
.gap10 {gap:10px;}
.gap15 {gap:15px;}
.gap20 {gap:20px;}
.gap25 {gap:25px;}
.gap30 {gap:30px;}
.gap35 {gap:35px;}
.gap40 {gap:40px;}


/* Basic styling */

[type=checkbox] {width: 1rem;height: 1rem;color: dodgerblue;vertical-align: middle;-webkit-appearance: none;background: none;border: 0;outline: 0;flex-grow: 0;border-radius: 0%;background-color: #FFFFFF;transition: background 300ms;cursor: pointer;}
[type=radio] { width: 1rem;height: 1rem;color: dodgerblue;vertical-align: middle;-webkit-appearance: none;background: none;border: 0;outline: 0;flex-grow: 0;border-radius: 50%;background-color: #FFFFFF;transition: background 300ms;cursor: pointer;}

/* Pseudo element for check styling */
[type=checkbox]::before {content: "";color: transparent;display: block;width: inherit;height: inherit;border-radius: inherit;border: 0;background-color: transparent;background-size: contain;box-shadow: inset 0 0 0 1px #CCD3D8;}
[type=radio]::before {content: "";color: transparent;display: block;width: inherit;height: inherit;border-radius: inherit;border: 0;background-color: transparent;background-size: contain;box-shadow: inset 0 0 0 1px #CCD3D8;}

/* Checked */
[type=checkbox]:checked, [type=radio]:checked {background-color: currentcolor;}
[type=checkbox]:checked::before, [type=radio]:checked::before {box-shadow: none;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath d='M15.88 8.29L10 14.17l-1.88-1.88a.996.996 0 1 0-1.41 1.41l2.59 2.59c.39.39 1.02.39 1.41 0L17.3 9.7a.996.996 0 0 0 0-1.41c-.39-.39-1.03-.39-1.42 0z' fill='%23fff'/%3E %3C/svg%3E");}

/* Disabled */
[type=checkbox]:disabled, [type=radio]:disabled {background-color: #CCD3D8;opacity: 0.84;cursor: not-allowed;}

/* IE */
[type=checkbox]::-ms-check, [type=radio]::-ms-check {content: "";color: transparent;display: block;width: inherit;height: inherit;border-radius: inherit;border: 0;background-color: transparent;background-size: contain;box-shadow: inset 0 0 0 1px #CCD3D8;}
[type=checkbox]:checked::-ms-check, [type=radio]:checked::-ms-check {box-shadow: none;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath d='M15.88 8.29L10 14.17l-1.88-1.88a.996.996 0 1 0-1.41 1.41l2.59 2.59c.39.39 1.02.39 1.41 0L17.3 9.7a.996.996 0 0 0 0-1.41c-.39-.39-1.03-.39-1.42 0z' fill='%23fff'/%3E %3C/svg%3E");}