@charset "utf-8";
*{margin:0; padding:0;}
/* 전체 body */
body {height:100%; margin:0; padding:0; font-size:0.75em; color:#666666; font-family:'Malen Gothic',"맑은 고딕","Arial Black", "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; line-height:180%;}

table {border-collapse:collapse; border-spacing:0}
img {border:0 none; vertical-align:top}

/* 전체 링크 */
a:link,a:visited {text-decoration:none; outline:none; color:#333}
a:hover, a:active, a:focus {text-decoration:none}
textarea {overflow:auto}

a { onfocus : "this.blur();" } /*링크시 테두리 점선안생기게*/

/**/
li {list-style:none} /*블릿해제*/
.clear {clear:both} /*float해제*/
.cf:after{content:''; display:block; clear:both;}

.fl {float:left;}
.fr {float:right;}
.center {text-align:center;}
.right{text-align:right;}


#wrap{width:100%; margin:0 auto;overflow-x:hidden}


#main_visual{margin:0 auto; height:654px;/*background:url(../images/main/main_visu_bg.jpg) top center no-repeat;*/}


.slider02 {margin: 0; padding: 0; height:654px;}
.slider02 .flex-viewport {max-height: 2000px;}
.slider02 .slides {zoom: 1;margin: 0; padding: 0;}
.slider02 .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.slider02 .slides img {display: block;}

/* Control Nav */
.slider02 .flex-control-nav {width: 100%; position:relative; top: -30px; text-align: center;margin: 0; padding: 0; list-style: none;}
.slider02 .flex-control-nav li {margin: 0 10px; display: inline-block; zoom: 1; }
.slider02 .flex-control-paging li a {width: 50px; height: 10px; display: block; background: #ffffff; opacity:0.6;cursor: pointer; text-indent: -9999px; }
.slider02 .flex-control-paging li a:hover { background: #e60012; opacity:1;}
.slider02 .flex-control-paging li a.flex-active { background: #e60012;cursor: default; opacity:1;}

/* Direction Nav */
.slider02 .flex-direction-nav {height: 0;margin: 0; padding: 0; list-style: none;}
.slider02 .flex-direction-nav a {width: 30px; height: 30px; display: block; background: url(../bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1;}
.slider02 .flex-direction-nav .flex-next {background-position: 100% 0; right: 5px; }
.slider02 .flex-direction-nav .flex-prev {left: 5px;}



#main_pro{width:100%; background:#ffffff; margin:27px 0;}
#main_pro>div{width:1226px; margin:0 auto; overflow-x:hidden;}


/* product */

.h2m{font-family:Arial; font-size:37px; line-height:40px; font-weight:bold; color:#014c95;}
.h2t{font-size:14px; font-weight:600; color:#494747;}
.pro_list{position:relative; left:50%; float:left; padding:20px 0px 0px 0px;}
.pro_list li{position:relative; left:-50%; float:left; margin-right:8px;}
.pro_list li dd {position:relative; z-index:999; border: 1px solid #e5e5e5;}
.pro_list li dd:hover{transition: all 0.5s; z-index:1000; opacity:0.5;border: 1px solid #434343;}
.pro_list li dt{font-weight:bold; font-size:14px; text-align:center; color:#3e3e3e; padding-top:5px; letter-spacing:-0.2px;}
.pro_list li dt2{font-weight:bold; font-size:12px; color:#a0a0a0; padding-top:5px; letter-spacing:-0.2px;}



.pro_tbl,.pro_tbl th,.pro_tbl td{border:0}
.pro_tbl{width:100%; font-size:13px; border-collapse:collapse;}
/*.pro_tbl caption{font-size:24px; font-weight:bold; color:#666666; text-align:left; margin-bottom:5px;}*/
.pro_tbl td{color:#fff;}
.pro_tbl a:hover{transition: all 0.5s; z-index:1000; opacity:0.5;color:#fff;}
.pro_tbl a:link{text-decoration:none; outline:none; color:#fff}
.pro_tbl a:visited {text-decoration:none; outline:none; color:#fff}
.pro_tbl a:active{text-decoration:none; outline:none; color:#fff}
.pro_tbl a:focus{text-decoration:none; outline:none; color:#fff}
.pro_tbl .s_td {font-size:14px; line-height:14px; color:#fff; padding:10px; font-weight:bold;}


.footer_site_link{padding-top:20px; background:#313131; min-width:1150px;}

.footer_t{margin:10px auto; height:90px; font-size:11px; width:1150px; min-width:1150px;}
.footer_logo{float:left; width:252px; }
.footer_txt{float:left; width:800px; padding-left:70px; color:#b5b5b5}
.footer_txt p{font-size:12px; padding-bottom:10px;}
.footer_00{float:right; width:340px; text-align:right; padding:17px 0px 0px 0px; }
.footer_00 a{font-size:12px;}



@keyframes ani {
	0% {transform:sclae(1); opacity:1;}
	100% {transform:scale(1.5); opacity:0;}
}


#header_bg{position:relative;margin:0px auto;width:1226px;}
#header {position:relative;margin:0px auto;width:1226px;height:130px;background:#fff;z-index:100}
/* Common */
.head-top {border-top:3px solid #014c95;;}
.head-top-inner {position:relative;width:1132px;height:30px;margin:0 auto;}
.head-top-inner .ci {position:absolute;left:15px;top:30px}
.head-top-inner .util {float:right; margin-right:10px;}
.head-top-inner .util ul {overflow:hidden;}
.head-top-inner .util ul li {float:left}
.head-top-inner .util ul li a {display:block;padding:0 10px;font-size:11px;color:#a0a0a0;line-height:25px;/*border-left:1px solid #a78c7e;*/}
.head-top-inner .util ul li a.login {color:#b5b5b5}
.head-top-inner .util ul li a.join {color:#b5b5b5}
.head-top-inner .util ul li+li+li+li+li+li a {border:0}


#gnb-wrap {position:relative; width:100%;margin:0 auto;}
#gnb {position:absolute; width:900px;top:26px; left:38%;z-index:10}
#gnb>ul {}
#gnb>ul:after {content:"";display:block;clear:both}
#gnb>ul>li {float:left}
#gnb>ul>li>a {display:block;font-size:16px;font-weight:600;color:#333333;padding:10px 50px 15px 50px;/* background:url(../images/sline_gnb.gif) no-repeat right 68% */}
#gnb>ul>li>a.r {background:none}
#gnb>ul>li>ul {display:none;height:250px;border-right:1px solid #dddddd; margin-top:27px;}
#gnb>ul>li>ul.r {border-right:0}
#gnb>ul>li>ul>li>a {display:block; font-size:13px;padding:5px 10px; text-align:center;}
#gnb>ul>li>ul>li>a:hover {color:#e60012;;/*text-decoration:underline;*/}

.gnb-bg {position:absolute;left:0;top:99px;width:100%;background:#ffffff; opacity:0.7;}


#main_container{width:100%; position:relative; }
#main_container ul{margin: 0 auto;}
#main_container li{}
#main_container div.con1{width:1200px; height:84px; background:#e8e8e8;}
#main_container h2{font-family:'Arial-Black','Verdana'; font-size:35px; margin-top:10px; color:#004797; letter-spacing:-0.05em}
#main_container div.con2Wrap{width:100%; /*background:#eaeaea;*/ height:200px;}
#main_container div.con2{width:1200px; position:relative; margin:0 auto;}
#main_container div.con2 ul{}
#main_container div.con2 li{float:left; margin:50px 25px 0px 30px; font-size: 13px; text-align:center; }
#main_container div.con2 li.last{margin-right:0; }
#main_container div.con2 li:hover{top:0; transition: all 0.5s; z-index:1000; opacity:0.5;}