@charset "euc-kr";
/*CSS Document*/
@import url(reset.css);
@font-face { font-family: 'S-CoreDream-3Light'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'S-CoreDream-4Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'S-CoreDream-5Medium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'S-CoreDream-6Bold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'S-CoreDream-7ExtraBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); font-weight: normal; font-style: normal; }


#Header { height:70px; background:#fff; border-bottom:1px solid #ddd;}

#Gnb {  width:1000px; margin:0 auto; position:relative;}
#Gnb h1{ position:absolute; left:0; top:10px; }
#Gnb .utill { position:absolute; right:0; top:19px; white-space: nowrap; font-size:12px;}
#Gnb .utill a { padding:20px 0 0 15px; display:inline-block; color:#999; }

#Navi { width:1000px; margin:0 auto; position:relative; }
#Navi ul { position:absolute; left:220px;  width:560px; margin:0 auto; overflow:hidden; }
#Navi ul li { width:25%; float:left; }
#Navi ul li a { display:block; text-align:center; color:#333; line-height: 48px;font-size:14px; letter-spacing:1px; font-family: 'S-CoreDream-4Regular'; padding-top: 22px; font-family: 'S-CoreDream-4Regular';}
#Navi ul li a:hover { color:#81b6db; }

/*¸ÞÀκñÁÖ¾ó¿¡ °ÉÄ¡´Â ¸Þ´º*/
#Visual{position: absolute; width: 100%; top: 589px; z-index: 999;}

.main_cont { width:1000px; margin:0 auto; overflow:hidden; background:#fff; border-radius:10px;}
.main_cont li { margin:0 15px 0; width:290px; float:left; background:url(../img/main/arrow.gif) right 50% no-repeat; padding:10px 0px 10px 10px; }
.main_cont li.border { border-bottom:1px solid #eee; }
.main_cont li.last { background:none; }
.main_cont li.last a  { color:#2666ab; }
.main_cont li a { line-height:30px; display:inline-block; }
.main_cont li a b { color:#333; font-size:13px; letter-spacing:-0.05em;  }
.main_cont li a span { color:#666; font-size:11px; display:inline-block; margin-left:10px; letter-spacing:-0.05em; }

/*¸ÞÀÎ ÇÏ´Ü ¹è³Ê3Á¾*/
.m_bn{padding:90px 0 40px; background-color:#ddd; text-align:center;}

.main_cont2 { width:1000px; margin:0 auto;}
.snip1585 {
  background-color: #000; color: #fff; display: inline-block; font-family: 'NanumSquare', sans-serif !important; font-size: 24px; margin:1%; max-width:22.333333333%; min-width: 22%.333333333; overflow: hidden;
  position: relative; text-align: center; width: 100%;}

.snip1585 * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.45s ease; transition: all 0.45s ease;}

.snip1585:before,
.snip1585:after { background-color: rgba(0, 0, 0, 0.5); border-top: 50px solid rgba(0, 0, 0, 0.5); border-bottom: 50px solid rgba(0, 0, 0, 0.5); position: absolute;  top: 0;  bottom: 0;
  left: 0; right: 0;  content: ''; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 1; opacity: 0;}
.snip1585:before { -webkit-transform: scaleY(2); transform: scaleY(2);}

.snip1585:after { -webkit-transform: scaleY(2); transform: scaleY(2);}

.snip1585 img { vertical-align: top; max-width: 100%; backface-visibility: hidden;}

.snip1585 figcaption { position: absolute; top: 0; bottom: 0; left: 0; right: 0; align-items: center; z-index: 1; display: flex; flex-direction: column; justify-content: center;
  line-height: 1.1em; opacity: 0; z-index: 2; -webkit-transition-delay: 0s; transition-delay: 0s;}

.snip1585 h3 { font-size: 17px; font-weight: 700; letter-spacing: -0.5; margin: 0; text-transform: uppercase;}

.snip1585 h3 span { display: block; font-size:14px; font-weight:normal;}

.snip1585 a { position: absolute; top: 0; bottom: 0; left: 0; right: 0;  z-index: 3;}

.snip1585:hover > img,
.snip1585.hover > img { opacity: 0.7;}

.snip1585:hover:before,
.snip1585.hover:before,
.snip1585:hover:after,
.snip1585.hover:after { -webkit-transform: scale(1); transform: scale(1);  opacity: 1;}

.snip1585:hover figcaption,
.snip1585.hover figcaption { opacity: 1; -webkit-transition-delay: 0.1s; transition-delay: 0.1s;}




/*Æз¯·¢½º ÅؽºÆ®*/
.parallax-window {min-height: 340px; background: transparent; padding-bottom: 0;}

.parallax-window .para_text{text-align: center;	padding-top: 100px;	padding-bottom: 100px;	color: #f4f4f5;	}
#para{	margin: 0px auto;	height: 430px;}
.para_text h1 {font-family: "³ª´®½ºÄù¾î";	font-size: 25px;}
.para_text1 h2 {font-family: "³ª´®½ºÄù¾î"; color: white; font-size: 60px; font-weight:700; line-height:150%;}
.para_text1 p {font-family: "³ª´®½ºÄù¾î"; color: white; font-size: 22px; font-weight:500;}

/*¸ÞÀÎÇϴܹè³Ê µÎ¹ø°*/
.m_bn1{background:#fff;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ */
#m_container{width:1000px; margin:0 auto 50px; overflow:hidden; }
#m_container h4{font-size:18px; color: #454545; font-weight:600; font-family: 'NanumSquare', sans-serif !important;}

.main_title { font-size:18px; font-weight:600; text-align:center;  font-family: 'NanumSquare', sans-serif !important;}
.bn_tit { text-align:center; line-height:90px; border:1px solid #; background:#f7f7f7; margin-top:10px; font-size:20px; }

/* »ó´ã */
.m_cs{overflow:hidden; margin:0 0px 0px 0; }
.m_cs span{font-size:43px; color:#00458d; font-family:Calibri; letter-spacing:-1.7px; display:block; line-height:60px; }
.m_cs small{ font-size:17px; line-height: 160%; color:#616161;}

/* °øÁö»çÇ× */
#m_notice{position:relative; overflow:hidden; }
#m_notice h2{height:18px; font-size:18px; font-weight:600; margin-bottom:24px; font-family: 'NanumSquare', sans-serif !important;}
#m_notice table{float:left; letter-spacing:-0.05em;}
#m_notice table td{font-size:13px; color:#a3a3a3; margin-bottom:2px; }
#m_notice .m_notice_title{padding-right:75px; margin-bottom:0;}
#m_notice .m_notice_title a{font-size:13px; color:#666666; line-height: 150%;}
#m_notice .m_notice_title a:hover{color:#4794d5;}
#m_notice button{position:absolute; top:7px; right:4px; font-size:11px; color:#7d7d7d;}

/* »ó´ã¹®ÀÇ */
#m_ask{position:relative; overflow:hidden; }
#m_ask h2{height:18px; font-size:18px; font-weight:600; margin-bottom:24px; font-family: 'NanumSquare', sans-serif !important;}
#m_ask table{float:left; letter-spacing:-0.05em;}
#m_ask table td{font-size:13px; color:#a3a3a3; margin-bottom:2px;     line-height: 140%;}
#m_ask .m_notice_title{padding-right:75px; margin-bottom:0;}
#m_ask .m_notice_title a{font-size:13px; color:#666666;     line-height: 150%;}
#m_ask .m_notice_title a:hover{color:#4794d5;}
#m_ask button{position:absolute; top:7px; right:4px; font-size:11px; color:#7d7d7d;}


#Sub_Wrap { width:1000px; margin: 0 auto; overflow:hidden; }

#Sub_Category { float:left; width:200px; margin-top:30px; }
#Sub_Container { float:right; width:750px; margin-top:30px;  }

/*¼­ºêÄ«Å×°í¸®*/
#Sub_Category .Category_Title { padding:30px 0 15px 20px; letter-spacing:-0.05em; 	background:#444; }
#Sub_Category .Category_Title span { color:#999; font-size:13px; }
#Sub_Category h2 { font-size:24px; font-weight:normal; color:#fff;  height:40px; line-height:40px; font-family: 'S-CoreDream-4Regular';  }
#Sub_Category ul { border-width:0px 1px 0px; border-style:solid; border-color:#ddd; }
#Sub_Category li { border-bottom:1px solid #ddd; background:#fff; }
#Sub_Category li a { display:block; line-height:1.2!important; color:#666; padding:13px 0 13px 20px; font-size:13px; font-family: 'S-CoreDream-4Regular'; }
#Sub_Category li a:hover { background:url(../img/comm/arrow.png) no-repeat 90% 17px #f8f8f8; }
#Sub_Category li.on a  { font-weight:bold; color:#0084dd; background:url(../img/comm/arrow.png) no-repeat 90% 17px #fff; }

/*¼­ºêŸÀÌƲ*/
#Sub_Title { position:relative; border-bottom:1px solid #ddd; height:48px;}
#Sub_Title h3 { position:absolute; font-size:26px; font-weight:normal; color:#333; letter-spacing:-0.05em; font-family: 'S-CoreDream-4Regular';  }
#Sub_Title ul { position:absolute; overflow:hidden; right:0; top:10px; }
#Sub_Title li {font-family: 'S-CoreDream-4Regular'; float:left; color:#666; letter-spacing:-0.05em; padding-left:15px; background:url(../img/comm/arrow.png) no-repeat 4px -29px;  font-size:12px !important;}
#Sub_Title li.home {  background:url(../img/comm/home.png) no-repeat 4px 4px; }
#sub_title ul li span{color:#555;  }

/*¼­ºêÄÁÅÙÃ÷*/
#Sub_Body  { margin-top:30px; min-height:500px; padding-bottom:50px; }
.sub_tit {font-size:24px; font-family: 'S-CoreDream-5Medium'; color:#333; letter-spacing:-0.5px;}
.sub_mtit {font-size:20px; font-family: 'NanumSquare', sans-serif !important; color:#666; font-weight:bold; letter-spacing:-0.8px; }
.sub_btit {font-family: 'S-CoreDream-4Regular'; font-size:22px; text-align:left; font-weight:700; border-left:5px solid #006db8; padding-left:5px; line-height:22px; color:#333}
.sub_mbtit {font-family: 'S-CoreDream-4Regular'; font-size:19px; text-align:left; font-weight:700; border-left:5px solid #006db8; padding-left:5px; line-height:22px; color:#333}
.sub_txt {font-size:17px; color:#333; line-height:150%;  font-family: 'NanumSquare', sans-serif !important; }

.sub_txt2 {font-size:14px; color:#333; line-height:170%; letter-spacing:-0.5px; font-family: 'S-CoreDream-4Regular';}

.bus1 {background:url('../img/sub/bus1bg.jpg') no-repeat; padding-top:100px; font-size:17px; font-family: 'S-CoreDream-4Regular'; line-height:170%; height:320px; letter-spacing:-0.5px; padding-left:10px;}
.txtbox {padding:20px; background:#f2f2f2; border-radius:10px;}

.bu_txt {font-size:18px; color:#000;margin-left:140px; padding: 10px 0 10px 30px; border-radius: 8px; font-family: 'NanumSquare', sans-serif !important;  font-weight:600;  margin-top: 10px;}
.subtop {background:url('../img/sub/subtop.jpg')repeat-x; height:150px; text-align:center; line-height:150px; font-size:24px; font-weight:bold; font-family: 'S-CoreDream-4Regular';}

/*ÇÏ´ÜÀÎÆ÷*/
#Footer { border-top:1px solid #ddd; margin:10px auto 0; width:100%;    background: #f2f2f2; }
.footer_cont { width:1000px; margin: 0 auto; padding:30px 0; } 
.footer_cont .copyright { text-align:center; }
.footer_cont span { padding:0 10px; background:url(../img/comm/line_g.gif) no-repeat center 3px; color:#999}
.footer_cont .copyright { color:#666; font-size:12px; font-family: 'S-CoreDream-4Regular'; line-height:160%; }
.footer_cont .copyright p { color:#999; }