@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700&display=swap');


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, 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, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: top;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary, form,fieldset { display: block;}
fieldset { min-width: 100%; }
audio,canvas,progress,video {display: inline-block;vertical-align: top;}
audio:not([controls]) {display: none;height: 0}
[hidden],template {display: none}
body {}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-spacing: 0; }
a {color:inherit;}
a, a:hover, a:active, a:focus {text-decoration: none;}
abbr[title] {border-bottom: 1px dotted}
em, address { font-style: normal;}
b,strong {font-weight: 500}
small {font-size: 80%}
img {vertical-align: top; max-width:100%;}
hr {box-sizing: content-box;height: 0}
pre {overflow: auto}
button {padding:0; border:0; cursor: pointer;overflow: visible; background:transparent;}
button,input,optgroup,select,textarea {color: inherit; font: inherit;margin: 0;}
button,select {text-transform: none}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;border:0;}
button[disabled],html input[disabled] {cursor: default}
input {line-height: normal}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box; padding: 0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0}

table {border-collapse: collapse;border-spacing: 0}
td,th {padding: 0}
html {-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; height:100%;} /* -webkit-tap-highlight-color:transparent; */
*{-webkit-tap-highlight-color:transparent;}

body {font-family: 'Noto Sans KR','sans-serif','맑은 고딕','돋움','굴림',Gulim,Helvetica, 'Apple SD Gothic Neo',Tahoma, Geneva, sans-serif,verdana; color:#666666; line-height:1.2; font-size:17px; font-weight:400; word-break:keep-all; letter-spacing:-0.04em;}

* {-webkit-box-sizing: border-box !important;-moz-box-sizing: border-box !important;box-sizing: border-box !important;}
*:before,*:after {-webkit-box-sizing: border-box !important;-moz-box-sizing: border-box !important;box-sizing: border-box !important;}
a:tel {text-decoration:none;}
* {outline:none;}

img {max-width:100%;}

.v_pc {display:block; margin:auto;}
.v_mo {display:none; margin:auto;}


.blind, caption, legend{padding: 0; margin: 0; font-size: 0; width: 0; height: 0; line-height: 0; text-indent: -9999px;}
.d_none {display:none;}

.t_center { text-align: center !important; }
.t_left { text-align: left !important; }
.t_right { text-align: right !important; }
.v_top { vertical-align: top !important }
.v_middle { vertical-align: middle !important; }
.f_left { float: left !important }
.f_right { float: right !important }
.clear_b { clear: both; }
.clearfix{*zoom:1}.clearfix:after{content:""; display:block; clear:both}
.relative {position:relative;}



/* skipToContent */
#skipToContent a {position:absolute; top:0; left:0; z-index:9999; width:100%; height:1px; margin-top:-1px; display:block; background-color:#3875c1; font-size:14px; font-weight:bold; color:#fff; line-height:1; text-align:center; overflow:hidden;}
#skipToContent a:focus,
#skipToContent a:active {margin-top:0; height:auto; padding:10px 0px;}



/* input */
input[type="text"], input[type="password"], input[type="search"], input[type="number"], input[type="date"], input[type="datetime"], input[type="email"], input[type="tel"] {height:40px; margin:0; padding:0 10px; border:1px solid #e2e2e2; font-size:17px; color:#333333;}
input[type="file"] {height:40px; font-size:17px;}
select {height:40px; padding-left:10px; padding-right:20px; border:1px solid #e2e2e2; font-size:17px; color:#333333;}
textarea {padding:10px; border:1px solid #e2e2e2; font-size:17px; color:#333333;}
select, textarea, input[type="text"], input[type="password"], input[type="search"], input[type="number"], input[type="date"], input[type="datetime"], input[type="email"], input[type="tel"],input[type="submit"] {
	-webkit-border-radius:0;
	border-radius: 0px; /* iOS 둥근모서리 제거 */
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;	
}
select::-ms-expand {display: none;}
select{background: transparent url('../images/icon/icon_sel_arr.jpg') 100% 50% no-repeat !important;}
label {font-size:16px; color:#151515;}


input::-webkit-input-placeholder {color:#888888;}
input:-moz-placeholder {color:#888888; opacity: 1;}
input::-moz-placeholder {color:#888888; opacity: 1;}
input::-ms-input-placeholder {color:#888888;}
input:-ms-input-placeholder {color:#888888;}
input::input-placeholder {color:#888888;}

textarea::-webkit-input-placeholder {color:#888888;}
textarea:-moz-placeholder {color:#888888; opacity: 1;}
textarea::-moz-placeholder {color:#888888; opacity: 1;}
textarea::-ms-input-placeholder {color:#888888;}
textarea:-ms-input-placeholder {color:#888888;}
textarea::input-placeholder {color:#888888;}



.filebox {overflow:hidden; position:relative; height:40px; padding-right:93px;}
.filebox input[type="file"] {position: absolute; top:-10px; left:0; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.filebox label {position:absolute; top:0; right:0px; width:85px; height:40px; color:#fff !important; text-align:center; font-size:16px; line-height:40px; background:#666666; cursor:pointer;}
.filebox .upload_name {float:left; width:100%; border:1px solid #d2d2d2; color:#000000; background:#ffffff;}
.filebox .btn_add {position:absolute; top:0; right:0; width:100px; height:40px; color:#fff; background:#6b6d6f;}

.file_attach_list .finput {display:inline-block; width:100%;}
.file_attach_list .filebox {float:left;}
.file_attach_list .btn_wrap {float:right;}
.file_attach_list li .btn_file_add {display:none;}
.file_attach_list li:first-child .btn_file_add {display:inline-block;}
.file_attach_list li:first-child .btn_file_remove {display:none;}




.checkbox {position:relative;}
.checkbox input {position:absolute; left:0; top:50%; width:25px; height:25px; margin-top:-12px; opacity:0; appearance:none; -webkit-appearance:none; -moz-appearance:none; outline:0}
.checkbox label {padding-left:35px; font-size:18px; color:#000; line-height:45px;}
.checkbox label:before {position:absolute; top:50%; left:0; width:25px; height:25px; margin-top:-12px; border:1px solid #dddddd; background:url('../images/icon/icon_checkbox.jpg') no-repeat 0 center #fff; content:'';}
.checkbox input:checked + label:before {border-color:#1c87ea; background-position:right center;}
.checkbox input:focus + label:before {outline:1px dotted #000}



.radio {display:inline-block; overflow:hidden; height:40px; position:relative; margin-right:30px;}
.radio * {vertical-align:middle;}
.radio input {position:absolute; top:-100px; left:0; width:0 !important;}
.radio label {display:inline-block; position:relative; padding-left:33px; font-size:18px; color:#101010; line-height:40px; text-align:left;}
.radio label:before {position:absolute; top:9px; left:0; width:25px; height:25px; border:1px solid #dfdfdf; border-radius:50%; content:'';}
.radio label:after {position:absolute; top:16px; left:7px; width:11px; height:11px; border-radius:50%; background:#fff; content:'';}
.radio input:checked+label:after {background:#1c87ea;}
.radio.txt_none {margin-right:0;}
.radio.txt_none label {width:18px; padding:0; text-indent:-99999px;}




/* common */
.clear {clear:both;}
.clearfix {width:100%;}
.clearfix:after {content:"";display:block;visibility:hidden;clear:both;}
.disNonei {display:none !important;} 
.disBlock {display:block !important;}
.ovH {overflow:hidden; width:100%; margin-bottom:6px;}
.ovH:after {clear:both; content:""; display:block;} 
.vm {vertical-align:middle !important;}
.clearBoth {clear:both !important;}
.textDeco {text-decoration:underline!important;}
.textInde {text-indent:0 !important;}


/* Font Color */
.colorBlu {color:#3154af !important;}
.colorRed {color:#c8212f !important;}
.colorYel {color:#9a6a2b !important;}
.colorGry01 {color:#333 !important;}
.colorGry02 {color:#555 !important;}
.colorGry03 {color:#676767 !important;}

/* 폰트사이즈 */
.font11   {font-size:11px !important;}
.font13   {font-size:13px !important;}
.font12   {font-size:12px !important;}
.font14   {font-size:14px !important;}
.font16   {font-size:16px !important;}

/* 컨텐츠정렬관련 */
.al {text-align:left !important;}
.ac {text-align:center !important;}
.ar {text-align:right !important;}
.vtm{vertical-align:middle;}

/* 커서 */
.cursor {cursor:pointer;}


.fc_blue {color:#1c87ea !important;}
.fc_red {color:#f03b3b !important;}




/* Hidden Type */
.skip{position:absolute;top:0;height:0;visibility:hidden;font-size:0}
.hide{clear:both;position:absolute;visibility:hidden;overflow:hidden;left:0;top:0;width:0;height:0;margin:0;padding:0;background:none;font-size:0;line-height:0;text-indent:-99999px}
.hidden {overflow:hidden; position:absolute; left:-9999em; height:0; font-size:0; line-height:0;}
.m_visible {display:none;}
.blind, caption, legend{padding: 0; margin: 0; font-size: 0; width: 0; height: 0; line-height: 0; text-indent: -9999px;}
.sr_only {position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}



.block {display:block;}
.underline {text-decoration:underline;}


.icon {display:inline-block; overflow:hidden; text-indent:-999px; vertical-align:middle; background:no-repeat center;}




/* size */
.full {width:100% !important;}
.half {width:50% !important;}
.quarter {width:25% !important;}
.fauto {width:auto !important;}
.fsize01 {display:inline-block; width:100%; max-width:300px;}
.fsize02 {width:100%; max-width:470px;}
.fsize03 {width:100%; max-width:150px;}

.t_visible {display:none;}

.inline_block {display:inline-block;}


.img_full {display:block; width:100%;}


.wow {visibility: hidden;}
.load .wow {visibility: visible;}


.mg_t0 {margin-top:0 !important;}
.mg_t60 {margin-top:60px !important;}
.mg_t30 {margin-top:30px !important;}
.pd_t0 {padding-top:0 !important;}
.pd0 {padding:0 !important;}



@media all and (max-width: 991.98px){
	html ,body {font-size:14px; font-weight:400;}
	
	input[type="text"], input[type="password"], input[type="search"], input[type="number"], input[type="date"], input[type="datetime"], input[type="email"], input[type="tel"], input[type="file"], select, textarea {font-size:14px;}

	.checkbox input {width:18px; height:18px; margin-top:-9px;}
	.checkbox label {padding-left:26px; font-size:14px; line-height:30px;}
	.checkbox label:before {width:18px; height:18px; margin-top:-9px;}
	.checkbox label:before {background-size:auto 100%;}


	.radio {height:25px; margin-right:15px;}
	.radio label {padding-left:26px; font-size:14px; line-height:25px;}
	.radio label:before {top:5px; width:19px; height:19px;}
	.radio label:after {top:11px; left:6px; width:7px; height:7px;}
	
	select{background-size:16px auto !important;}

	.file_attach_list .finput {position:relative; padding-right:65px !important;}
	.file_attach_list .finput .btn_wrap {position:absolute; top:13px; right:0;}
	.file_attach_list .finput .btn_wrap .btn {width:55px;}

	.m_visible {display:block;}
	.m_hidden {display:none;}

	.v_pc {display:none;}
	.v_mo {display:block;}

	.mg_t60 {margin-top:30px !important;}
	.mg_t30 {margin-top:15px !important;}
}