@charset "utf-8";
/* CSS Document */
@import url("font/font.css");
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');
.roboto {font-family: 'Roboto', "Noto Sans KR", sans-serif; font-weight:400; letter-spacing:0em;}
.arial {font-family: 'arial', "Noto Sans KR", sans-serif; font-weight:400; letter-spacing:0em;}


/*********** Base Style ***********/
body {} /*** min-width:1900px ***/
body {font-size: 18px; color: #333; font-family: "Noto Sans KR", "Nanum Gothic",나눔고딕, 맑은고딕, "Malgun Gothic", "Apple SD Gothic Neo", sans-serif, Dotum; font-weight:300; line-height:1.2; word-break:keep-all; letter-spacing:-0.06em;}
a { color: inherit; text-decoration: inherit;}
a:hover {color: inherit; text-decoration: inherit; } /* underline */
/*none : 기본값, 텍스트기본
/*underline: 앵커 태그와 같은 밑줄 효과
/*overline: 윗줄 효과
/* line-through : 중앙에 줄 효과

/* 링크 걸었을때 주위에 테두리 점선 없애기 
a,img {outline: none; selector-dummy: expression(this.hideFocus=true);}*/




body, div, ul, ol, form, fieldset, td, th, li,dl,dt,dd, h1, h2, h3, h4, p { margin:0; padding:0; border: 0;}
header, main, footer {display:block;}
img { border: 0; vertical-align:top;}
img .middle { vertical-align:middle; margin-bottom:3px;}
img .top {vertical-align:top; margin-top: 3px;}
img .block { display:block;}
h1 img,h2 img,h3 img { vertical-align: top; }
h1,h2,h3,h4,h5 { line-height: 1; font-weight:300;}
ol,ul,li { list-style: none;}
fieldset, img { border: none;}
hr { display:none;}
form {display:inline;}
div .hide { display:none;}
table {border-collapse: collapse;}
legend, caption {overflow:hidden; text-indent:-999px; width:100%; height:1px; font-size:0; line-height:0;}
table th { text-align:center;}
em { font-style: normal;}
address {font-style: normal; }
*{-webkit-box-sizing: border-box;- moz-box-sizing: border-box; box-sizing: border-box;}

a{}

.relative {position:relative;}

/***************************** 설명박스 숨기기 class *******************************/

.hidden_t {font-size:0;line-height:0;margin-left:-1600px;}
.blind {overflow:hidden; position:absolute; top:-999px; left:0; width:0; height:0; text-indent:-999px;}

/***************************** 기본 class *******************************/

#skip_nav {position:fixed; left:0; top:-40px; width:100%; text-align:center; line-height:40px; background:rgba(0, 0, 0, 0.5); color:#ffffff; font-size:16px; z-index:10000; transition:top 0.3s;}
#skip_nav:focus {top:0;}

ul li img { vertical-align:top;}
.t_right {text-align:right;}
.t_left {text-align:left;}
.t_center {text-align:center;}
.t_center2 {margin:0 auto;}
.f_right {float:right;}
.f_rightw {float:right;padding-right:10px;}
.f_left {float:left;}

.btnR {margin-bottom:15px; text-align:right;}
.btnC {margin-bottom:15px; text-align:center;}

.underLine {text-decoration:underline !important;}

/* img */
.middle { vertical-align:middle;}
.middle1 { vertical-align:middle; margin-top:1px;}
.middle2 { vertical-align:middle; margin-top:2px;}
.middle3 { vertical-align:middle; margin-bottom:2px;}

.line{height:1px; background:#e7e7e7; font-size:0; line-height:0;}/** 기본 라인 **/
.b {font-weight:bold;}/** 굵은 텍스트 **/
.hand {cursor: pointer; }
/* * 이미지에 onClick 처리했을 때 손바닥 모양 만들기 **/
.clr {clear:both; font-size:0; line-height:0;}/** 플로팅 된 요소를 clear하기 **/
.clearfix:after { content: "."; display: block; height: 0; overflow: hidden; clear: both;}
.sound_only{overflow:hidden; position:absolute; top:-500px; left:0px; font-size:0px;}
.blind {font-size:0; position:absolute; top:-999999px;}


.imgwrap {margin:0; padding:0; border:0;}
.imgwrap img { display:block;}
.svi_info img { display:block;}
.imgwrap2 { text-align:center;}
.imgwrap2 img { margin:0 auto; display:block;}


.sr_only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/** COLOR ******************************************************************************/
.c_white {color:#fff !important;}
.c_orange {color:#f37339 !important;}
.c_orange02 {color:#f37339 !important;}
.c_drakblue {color:#2b3f4e !important;}
.c_pink {color:#e2c4c6 !important;}
.c_green {color:#96b29a !important;}


.bg_green {background-color:#cfe4d2 !important;}
.bg_pink {background-color:#f6dada !important;}
.bg_orange {background-color:#eed6c8 !important;}


.relative {position:relative;}


.f_bold {font-weight:bold;}

button {outline-style:none; border:0;}


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