@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+KR:200,300,400,500,600,700,900');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP|Noto+Sans+SC:400,500&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,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,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;line-height:155%;letter-spacing:normal} /* delete vertical-align,font:inherit; */
body,html{width:100%; font-size:13px; color:#000; font-family:'NanumSquare-R','µ¸¿ò',sans-serif; height:100%;}
*{font-family:NanumSquare-R,sans-serif; }
ol,ul,li{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table {border-collapse:separate;border-spacing:0; font-size:15px;}
table caption {overflow:hidden; font-size:0; line-height:0; font-size:16px;}
tbody,tfoot,thead,tr,th,td {margin:0;line-height:160%;letter-spacing:normal;}
dt{display:block;}
hr{display:none;}
a{cursor:pointer;text-decoration:none;color:#666;}
address{font-style:normal;}
input,select,img{vertical-align:middle;}
input:focus, textarea:focus, button:focus {outline:none;}  /* Å©·Ò¿¡¼­ Ä¿¼­ Ŭ¸¯½Ã ÆĶõ»ö Å׵θ® Á¦¿Ü*/
.input_search {border:0; background:none; height:20px; width:155px; font-size:12px; color:#909496; font-family:NotoKR-Regular,sans-serif;}

/* Web Content Accessibility TTS(Text To Speech) Code */
.blind {position:absolute; top:0px; left:0px; overflow:hidden; display:inline-block !important; width:1px !important; height:1px !important; margin:0 !important; font-size:0 !important; line-height:0 !important;}

/* ¹Ù·Î°¡±â */
#accessibilityMenu {position:absolute; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}

/* Common */
.line_bg{height:2px; background-color:#f5f5f5}
.img_bor{border:1px solid #ddd}

/* ·¹À̾ƿô */
#wrap {position:relative; width:100%; min-width:1200px; }

#header{position:absolute; z-index:999; width:100%; clear:both;  border-bottom:1px solid #ddd; background:#fff;}
	.header_in{position:relative; margin:0 auto; width:1200px; height:100px;}
	.header_in h1{position:relative; float:left; padding:15px 0 0 0; z-index: 999999;}	
	.top_box{position: absolute; top:30px; right:0; background:url('../image/tel.jpg') left center no-repeat; padding-left:55px; }
	.top_box .tit{font-size:18px; line-height:100%; color:#333; letter-spacing:-0.7pt; margin-bottom:8px; }
	.top_box .tel{font-family: 'NanumSquare-R', sans-serif; font-size:20px; color:#333; font-weight:800; line-height:100%}

/* TOP ¸Þ´º */
.gnbDiv {min-width:1200px; width:100%; height:300px;  overflow:hidden; position:absolute; top:29px; left:0; z-index:998;}
.gnbDiv .gnbWrap{position:relative; z-index:998; height:220px; margin: 0 auto; overflow: hidden; width: 1180px;}
.gnbDiv .gnbWrap .gnb{position:absolute; width:880px; z-index:998; height:350px; left:280px;}
.gnbDiv .gnbWrap .gnb .oneDep{height:30px; padding:10px 0 60px 0}
.gnbDiv .gnbWrap .gnb ul{overflow:hidden; width:100%; height:350px}
.gnbDiv .gnbWrap .gnb ul li{position:relative; float:left; height:340px; text-align:center;} /* position:relative;*/

.gnbDiv .gnbWrap .gnb ul li.one{width:120px;} 
.gnbDiv .gnbWrap .gnb ul li.two{width:120px;}  
.gnbDiv .gnbWrap .gnb ul li.three{width:120px;} 
.gnbDiv .gnbWrap .gnb ul li.four{width:120px;} 
.gnbDiv .gnbWrap .gnb ul li.five{width:120px;} 
.gnbDiv .gnbWrap .gnb ul li.six{width:90px;} 

.gnbDiv .gnbWrap .gnb ul li a.oneDep{display:block; text-decoration:none; position:relative; font-family: 'NanumSquare-R', sans-serif; font-size:20px; color:#2a2a2a; font-weight:600;}
.gnbDiv .gnbWrap .gnb ul li a.oneDep span{letter-spacing:-0.5px;}
.gnbDiv .gnbWrap .gnb ul li.one::after{position: absolute;top: 67px;left: 0;content: "";display: block;width: 100%;height: 4px; background: #700000;color:#700000;transform: scale(0, 1);transition: all 0.3s ease;}
.gnbDiv .gnbWrap .gnb ul li.on a.oneDep{color:#343798; text-decoration:none;}
.gnbDiv .gnbWrap .gnb ul li.on.six{padding-right:0}

.gnbDiv .gnbWrap .twoDep{height:240px; margin-top:-20px; display:block; position:relative; visibility: visible;}
.gnbDiv .gnbWrap .off:hover{color:#6865fa; vertical-align:top; text-decoration: underline;}
.gnbDiv .gnbWrap li .twoDep a.on{color:#700000; vertical-align:top; border:1px solid #ddd;}
.gnbDiv .gnbWrap li .twoDep a{color:#666; font-size:14px; line-height:20px; padding:4px 0 5px 0; letter-spacing:-0.3pt;}
.disB{display:block;}
.twoDbg{display:; position:absolute; top:71px; left:0; height:180px; width:100%; z-index:90; background:#fff; border-top:1px solid #ddd; border-bottom: 1px solid #ddd;} /*bgÀ§Ä¡Á¶Àý*/
.gnbDiv .gnbWrap li.on .guideBg{position:absolute; top:130px; left:0; display:block;}
.guideBg{display:none; position:relative;}

/* Underline From Left */
.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;}
.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  top:69px;
  background: #6865fa;
  height: 3px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {right: 0;}






/* »çÀÌÆ®¸Ê */
#sitemap{position:relative; width:100%; clear:both; overflow:hidden; background-color:#f5f5f5;}
#sitemap .sitemap_in{position:relative; margin:0 auto; width:1020px; overflow:hidden; padding:40px 0;}
	.sitemap_in dl{float:left; width:16.66666666666%;}
	.sitemap_in dt{font-size:16px; color:#444; letter-spacing:-0.7pt; font-weight:600; padding:0 0 10px 0;}
	.sitemap_in dt.two{padding-top:40px;}
	.sitemap_in dd{line-height:24px}
	.sitemap_in dd a:link, .sitemap_in dd a:visited{line-height:24px; letter-spacing:-0.7pt}

/* ÇÏ´Ü */
#footer {position:relative; width:100%; clear:both; overflow:hidden;  background: #1f1f20}
#footer .foot_in {position:relative; margin:0 auto; width:1170px; overflow:hidden; padding:35px 0 30px 0;}
#footer .foot_bn{position:relative; overflow:hidden; border-bottom:1px solid #48484b;}
#footer .foot_bn .fbn_in{position:relative; overflow:hidden; width:1170px; margin:0 auto }
	.foot_bn ul{position:relative; overflow:hidden; margin:20px 0; float: left;}
	.foot_bn li{float:left; padding:0 16px; background:url('../image/foot_line.png') right 3px no-repeat}
	.foot_bn li.first{padding:0 16px 0 0}
	.foot_bn li.last{background:none; padding:0 0 0 16px}
	.foot_bn li a:link, .foot_bn li a:visited{color:#fff; font-size:15px;}
	.foot_bn li a:hover{text-decoration:none}
#footer .flogo{float:left; width:235px;}
#footer .copy{float:left; position:relative; overflow:hidden; }
#footer .copy ul{}
#footer .copy li{line-height:24px; color:#ffffff; font-size:15px; letter-spacing:-0.3pt;}
#footer .copy li strong{font-weight:600}
#footer .copy a:link, .copy a:visited{line-height:22px; text-decoration:underline}
#footer .copy li.copyright{font-size:15px; color:#ffffff; padding-top:5px}


.foot_select{width:180px; background:#333337; position:relative; overflow:hidden; float:right; border-left:1px solid #48484b; color:#b5b5b5;
border-right:1px solid #48484b;border-top: none; border-bottom: none; padding:20px 15px;font-size:14px; letter-spacing:-0.5pt; }





/* °Ô½ÃÆÇ ÆäÀÌ¡ */
.page_num { position: relative; width: 100%; text-align: center; padding: 15px 0 0 0 }
.page_num ul.pagination { display: inline-block; padding: 0; margin: 0 }
.page_num ul.pagination li { display: inline }
.page_num ul.pagination li a { color: #666; float: left; padding: 6px 12px; text-decoration: none; border: 1px solid #CBCBCB; margin: 0 1px }
.page_num ul.pagination li a.active { background: #484C57; color: #FFF; border: 1px solid #484C57 }




 /*ž ¹öÆ°*/
div.topBtn { position:fixed; right:30px; bottom:90px; z-index:999; }
div.topBtn #scroll {display:block; background:url('../image/top_c.png') 24px 13px no-repeat, #121CA0; border-radius:63px; width:63px; height:63px; box-shadow:5px 5px 20px rgb(0,0,0,0.2);}
div.topBtn #scroll span{padding-top:34px; font-family: 'NanumGothic', sans-serif; font-weight:700; display:block; color:#fff; font-size:13px; line-height:100%; text-align:center;}



/* Æ˾÷ ¹è°æ*/
.white-popup2 {position: relative; width:auto; max-width:800px;margin: 20px auto; padding-top:50px}
.white-popup2 .mpbox{background:#fff; text-align:center; padding:30px 20px}
.white-popup2 .mpbox img{width:30px}
.white-popup2 .mfp-close{right:-18px}
.white-popup2 .padd{padding:0 20px 20px 20px;}
.white-popup2 .potit{font-size:20px; line-height:100%; color:#333;  letter-spacing: -0.8pt; font-family:NotoKR-Bold; margin-bottom:20px;}


.white-popup3{position: relative; width:auto; max-width:500px;margin: 20px auto; padding-top:50px}
.white-popup3 .mpbox{background:#fff; text-align:center; padding-bottom:30px}
.white-popup3 .mpbox img{width:30px}
.white-popup3 .mfp-close{right:-18px}
.white-popup3 .potit{background: #f9f9f9; padding-top:20px; padding-bottom:20px; border-bottom:1px solid #ddd; font-size:20px; line-height:100%; color:#333;  letter-spacing: -0.8pt; margin-bottom:30px;}
.white-popup3 .txt{font-size:30px; line-height:100%; letter-spacing:-2pt; color:#333; margin-bottom:15px;}
.white-popup3 .txt span{font-family:NotoKR-Bold;letter-spacing:-2pt;letter-spacing:-2pt;  }
.white-popup3 .txt span.bold2{color:#700000}
.white-popup3 .txt2{font-size:15px; line-height:100%; letter-spacing:-0.5pt;}