@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body, td, th {
	font-family: "Dotum";
	color: #333333;
}

img {border:0;}
form {margin:0}
.hand {cursor:pointer}

/*맵점선없애주는*/
a,img {selector-dummy:expression(this.hideFocus=true);}
a,img {outline: none;selector-dummy:expression(this.hideFocus=true);}

/*오른쪽네비*/
.aaa {
	font-family: "Dotum";
	font-size: 11px;
	color: #aaaaaa;
}
/*오른쪽네비끝*/
.bbb {
	font-family: "돋움";
	font-size: 11px;
	color: #333333;
}



 
.t12_b {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}
 
ul,li{list-style:none;}
a{text-decoration: none;}

a.menu01:link {font-family: "Dotum"; font-size: 12px; color: #b1cff4; text-decoration: none;}
a.menu01:visited {font-family: "Dotum"; font-size:12px; color: #b1cff4; text-decoration: none;}
a.menu01:active {font-family: "Dotum"; font-size:12px; color: #b1cff4; text-decoration: none;}
a.menu01:hover {font-family: "Dotum"; font-size:12px; color: #b1cff4; text-decoration: underline;}


/*입력폼 CLASS */
.input_01 {font-family: "Dotum"; font-size: 11px;color: #666666;  border: 1px solid #dddddd; background-color: #f0f0f0;}
.input_02 {font-family: "Dotum"; font-size: 11px;color: #777777;  border: 1px solid #eeeeee; background-color: #f8f8f8;}

#quick {position:absolute;left:50%;margin-left:510px;top:160px}
#writeContents {line-height:1.6em}


.sub03 {position:relative;width:780px; height:400px; overflow:hidden;margin:10px 0 40px;}
.sub03 img {width:778px;height:auto;border:1px solid #e9e9e9}
.text_bg{position:absolute;bottom:0;width:780px; height:49px; background:url(../re_images/sub03_list_bg.png) no-repeat;  font-family:'Nanum Gothic','나눔고딕';}
.text_bg .text {text-align:center;line-height:50px;}
.text_bg .text a{font-size:22px; color:#fff; font-weight:bold;text-decoration:none}

#nav{font-family:'Noto Sans KR', sans-serif;}
#nav ul{}
#nav ul li{float:left;}
#nav a{text-decoration: none;}
#nav>ul>li{position:relative; margin-top:-10px;}
#nav .dep1{display:block;  font-size:15px; color:#444; margin-left:32px; font-weight:600;padding:0 0 16px ;}
#nav .dep2{position:absolute; left:0; top:20px; overflow:hidden; padding:0; width:635px; margin-top:17px; display:none;}
#nav .dep2 li{float:left; background:#315487;}
#nav .dep2 li a{display:block; padding: 5px 10px; color:#fff;} 
#nav .dep1:hover + .dep2{display:block;}
#nav .dep2:hover{display:block}
#nav>ul>li:nth-child(6) .dep2{margin-left:29px;}
#nav>ul>li:nth-child(4) .dep2{margin-left:-120px;}

#top_nav{ overflow:hidden;}
#top_nav ul{overflow:hidden; float:right; margin-top:0;}
#top_nav ul li{float:left;}
#top_nav ul li a{text-decoration: none; font-size:13px; color:#777; display:block; padding-right:23px;font-family:'Noto Sans KR', sans-serif; }



#left_menu{}
.dep2_list{padding:0; margin-bottom:20px;}
.dep2_list li{}
.dep2_list li a{ color:#fff; font-size:13px; font-family:'Noto Sans KR', sans-serif; padding:10px; display:block; padding:5px 15px; text-decoration: none; font-weight:600; width:180px; position:relative; margin-bottom:5px;}
.dep2_list li a:hover{background:#315487; border-radius:10px;}
.dep2_list li a.on{background:#315487; border-radius:10px;}
.dep2_list li a.on span{background:url(../re_images/menu_a.png) no-repeat right top; width:10px; height:10px; display:inline-block; background-size:contain; margin-left:10px; position:absolute; right:15px; top:50%; transform:translateY(-50%)}

.quick_menu ul{padding:0; margin:0; overflow:hidden;}
.quick_menu ul li{float:left}

.left_quick ul{overflow:hidden; padding:0; margin:0;}
.left_quick ul li{float:left; }
.left_quick ul li a{display:block; }

#m_visual{background:url(../re_images/main_visual.jpg) no-repeat center top; height:395px; overflow:hidden; }
#visual{width:1100px; float:left;}
#visual ul{padding:0; margin:0; width:589px;}
#visual .v01{background:url(../re_images/main_visual01.png) no-repeat center top; height:395px;}
#visual .v02{background:url(../re_images/main_visual02.png) no-repeat center top; height:395px;}
#visual .v03{background:url(../re_images/main_visual03.png) no-repeat center top; height:395px;}
#visual .v04{background:url(../re_images/main_visual04.png) no-repeat center top; height:395px;}
#visual .v05{background:url(../re_images/main_visual05.png) no-repeat center top; height:395px;}
#visual .v06{background:url(../re_images/main_visual06.png) no-repeat center top; height:395px;}
#visual .v07{background:url(../re_images/main_visual07.png) no-repeat center top; height:395px;}
#visual .v08{background:url(../re_images/main_visual08.png) no-repeat center top; height:395px;}

.visu_txt{background:url(../re_images/visu_txt.png) no-repeat center top; height:241px; float:left;width:511px; margin-top:50px;}

#visual>ul>li{position:relative;}
#visual>ul>li>a{position:absolute; right:180px; top:52%; text-decoration: none; width:220px; background:#315487; color:#fff; text-align:center; padding:8px 0;  font-family:'Noto Sans KR', sans-serif; font-size:15px; transition-duration: .5s; border:1px solid #315487;}
#visual>ul>li>a:hover{background:#205cb3; }

.p_wrapper{position:relative;}
#product{width:305px; overflow:hidden;}
#product ul{padding:0; margin:0; overflow:hidden;}
#product .swiper-pagination-bullets{top:20px; width:115px; left:180px;}
#product .swiper-pagination-bullet{background:#fff;}

.tab_bar ul{overflow:hidden; padding:0; margin-bottom:30px; }
.tab_bar ul li{float:left; width:20%; margin-bottom:5px; box-sizing:border-box;}
.tab_bar ul li a{display:block; padding:10px 0; text-align:center;  font-family:'Noto Sans KR', sans-serif; font-size:14px; text-decoration:none; border:1px solid #315487; border-right:0; letter-spacing: -0.5px}
.tab_bar ul li:last-child a,.tab_bar ul li:nth-child(5) a{border-right:1px solid #315487;}
.tab_bar ul li a.active{background:#315487; color:#fff;}

.tab_cont h5.tit{font-size:20px;font-family:'Noto Sans KR', sans-serif; margin:10px 0;  border-bottom:1px solid #ddd; padding:10px 0;}
.tab_cont p{color:#ff7e00; font-size:18px; font-family:'Noto Sans KR', sans-serif; font-weight:700;}

.tab_cont .box ul{overflow:hidden;}
.tab_cont .box ul li{float:left; width:50%;}
.tab_cont .box ul li p{text-align:center; color:#555;}