@charset "utf-8";

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

body {line-height:0;}
body * {line-height:1;}

body {font-family:'Noto Sans KR', Myriad Pro, Arial, dotum,gulim,Verdana,sans-serif,Nanum Gothic,나눔고딕;
	font-size:15px;font-weight: 300;}
a,a:visited,a:link {color:#000000;}

.test {border:1px solid red;}

/* 기본틀 */

.header, 
.contents, 
.footer {
    width:100%;
    min-width:1200px;
    max-width:100%;
    *zoom:1;
}
.header:after, 
.contents:after, 
.footer:after {
    display:block; content:" "; clear:both;
}

.container {
    width:1200px;
    min-width:1200px;
    max-width:1200px;
    margin:0 auto;
    *zoom:1;
}
.container:afte {
    display:block; content:" "; clear:both;
}


/* 헤더 header */
.header h1 {
    float:left;
    display: table;
    height: 90px;
}
.header h1 > a {
    display:table-cell;
    vertical-align:middle;
}

.header .header_main {
    float:right;
    *zoom:1;
}
.header .header_main:after {
    display:block; content:" "; clear:both;
}

.header_main .util_menu,
.header_main .main_menu {
    float:right;    
    clear:both;
    *zoom:1;
}
.header_main .util_menu:after,
.header_main .main_menu:after {
    display:block; content:" "; clear:both;
}
.header_main .util_menu {
    padding:0 0;margin-top:1px;
}
.header_main .util_menu > li {
    float:left;margin-right:1px;
}
.header_main .util_menu > li > a {
    display:block;
    font-size:13px;
	font-family: "Nanum Gothic", "나눔고딕", sans-serif;
    color:#00366a;
    text-decoration:uppercase;
	background:#efefef;border:1px solid #dedede;min-width:50px;text-align:center;
padding:6px 20px 6px 20px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;

}
.header_main .util_menu > li > a:hover {
    color:#fff;background:#00366a;border:1px solid #00366a;
}
.header_main .util_menu > li > a:after {
    display:inline-block;

}
.header_main .util_menu > li:last-child > a:after {
    display:none;
}
/*
.header_main .util_menu > li > a:after {
    display:inline-block;
    content:" / ";
    margin:0 8px;
}
.header_main .util_menu > li:last-child > a:after {
    display:none;
}
*/

.header_main .main_menu {
    padding:5px 0 0;
}
.header_main .main_menu > li {
    float:left;
    margin-right:40px;
    position:relative;
}
.header_main .main_menu > li:last-child {
    margin-right:0;
}
.header_main .main_menu > li > a {
    display:block;
    font-size:21px;
    color:#333333;
    text-transform:uppercase;
    font-weight:600;
    padding:12px 0;
    position:relative;
    z-index:1000;
    border-top:1px solid #fff;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    border-bottom:1px solid transparent;
	letter-spacing:-0.5px;
}
.header_main .main_menu > li > a:hover {
    color:#0f74ca;
}
.header_main .main_menu > li > a.active {
    color:#0f74ca;
    border-top:1px solid #fff;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
}
.main_menu > li > .sub_menu {
    display:none;
    z-index:1000;
    position:absolute;
    top:55px;
    left:0px;
    background-color:#fff;
    border:1px solid #fff;
    padding:0 0;
    width:220px;
}
.sub_menu > ul > li > a {
    display:block;
    color:#555;
    padding:6px 15px;
    font-size:13px;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
}
.sub_menu > ul > li > a:before {
    display:inline-block;
    content:"· ";
    margin-right:3px;
}
.sub_menu > ul > li > a:hover {
    background-color:#dfdfdf;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
}


/* 메인 콘텐츠 main contenets */
/* main visual */
.main_visual {
    position:relative;
}
.mv_list {
    width:100%;
    max-width:100%;
}
.mv_list li img {display:block; margin:0 auto;}
.mv_list li .visual1 {background:url(../images/main_visual01.jpg)no-repeat center top;width:100%;height:520px;}
.mv_list li .visual2 {background:url(../images/main_visual02.jpg)no-repeat center top;width:100%;height:520px;}
.mv_list li .visual3 {background:url(../images/main_visual03.jpg)no-repeat center top;width:100%;height:520px;}
.mv_list .visual_text_wrap {
    position:absolute;
    top:135px;
    left:50%;
    margin-left:-600px;
}
.mv_list .visual_text {
    display:table;
    position:relative;
    z-index:1000;
    top:50%;
    width:1000px;
    height:205px;
    margin:0 auto;
}
.mv_list .visual_text.bg {
    background-color:rgba(0,0,0,0.18);
    -webkit-transition:all 0.5s;
    transition:all 0.5s;
}
.mv_list .visual_text > p {
    display:table-cell;
    vertical-align: middle;
    color:#fff;
    font-family: "Nanum Gothic", "나눔고딕", sans-serif;
    text-align:center;
    font-weight:600;
    line-height:55px;
    letter-spacing:-2px;
        text-shadow: 0px 0px 3px #333;
}
.mv_list .visual_text .txt {
    font-size:55px;
}
.mv_list .visual_text .txt > span {
    display:block;
    font-size:45px;
    line-height:1.35em;
}

.main_visual .slick-dots {bottom:-25px;}


.product_preview {
    padding-top:20px;
    padding-bottom:50px;
    *zoom:1;
}
.product_preview:after {
    display:block; content:" "; clear:both;
}
.product_preview > li {
    float:left;
    width:350px;
    margin-right:74px;
	position:relative;
}
.product_preview > li:last-child {
    margin-right:0;
}
.product_preview > li > a {
    display:block;
}
.product_preview .thumbnail {
    margin-bottom:10px;
}
.product_preview .tit {
    display:block;
    font-size:22px;
    color:#111;
    padding:8px 0;
	font-weight:bold;
}
.product_preview .txt {
    font-size:18px;
    color:#666;
}

.product_preview .more {
    display:block;
	position:absolute;
	bottom:10px;right:0;
    font-size:14px;
    color:#fff;font-weight:bold;
	text-align:center;padding-top:12px;
	width:44px;height:32px;background:#006ac6;
	border:solid 0px #006ac6;
-moz-border-radius: 22px;
-webkit-border-radius: 22px;
border-radius: 22px;

}
.product_preview a:hover .more {background:#1d428a;}

/* foot_menu */
.foot_menu {
    background-color:#535d71;
    
}

.f_menu {width:1200px;margin:0 auto;overflow:hidden;padding-top:30px;
    padding-bottom:30px;}
.f_menu li {width:249px;border-left:1px solid #616578;float:left;padding:0 25px;}
.f_menu li.hh {height:195px;}
.f_menu li:last-child{width:248px;border-left:1px solid #616578;border-right:1px solid #616578;padding:0 25px;}
.f_menu li a {color:#fff;font-size:17px;font-weight:bold;padding: 10px 0;display:block;}
.f_menu li a:hover {color:#000;}
.f_menu li .f_sm li {border:none;width:220px;padding:0;}
.f_menu li .f_sm li a {color:#b1b1b1;font-size:14px;font-weight:normal;padding: 3px 0;}
.f_menu li .f_sm li a:hover {color:#fff;}


/* footer */
.footer {
    background-color:#dbe2e9;
    font-size:11px;
    color:#7e7e7e;
    padding-top:28px;
    padding-bottom:28px;
}
.footer_logo {
    float:left;
    width:280px;
}
.footer_main {
    float:left;
}

.footer_main .footer_nav,
.footer_main .footer_info {
    *zoom:1;
}
.footer_main .footer_nav:after,
.footer_main .footer_info:after {
    display:block; content:" "; clear:both;
}
.footer_main .footer_nav {margin-bottom:16px;}
.footer_main .footer_nav > li {
    display:inline-block;
}
.footer_main .footer_nav > li:after {
    content:" | ";
    color:#666666;
    margin: 0 10px;
}
.footer_main .footer_nav > li:last-child:after {
    display:none;
}

.footer_main .footer_nav > li a {
    color:#ffffff;
}
.footer_main .footer_nav > li a:hover {
    text-decoration:underline;
}
.footer_main .footer_info {
    text-align:left;
}
.footer_main .footer_info > li {
    margin-right:14px;padding:4px 0;font-size:13px;color:#2d2d2d;
}
.footer_main .copyright {
    font-size:13px;
    line-height:150%;letter-spacing:0;
}

.footer_gobiz {
    display:block;
    float:right;
}



/************************************************/
/* 클리어 픽스 */
.clx {*zoom:1;}
.clx:after {display:block;content:" ";clear:both;}

#topMenu { float:right;height: 28px;width: 120px; *zoom:1;}
#topMenu ul {list-style-type: none; margin: 0px;  padding: 0px; } 

#topMenu ul li {color:#ffffff;float: left;  
            vertical-align: middle; 
            text-align: center; 
            position: relative; 
        }

#topMenu .menuLink, #topMenu .submenuLink { 
            text-decoration: none; 
            display: block;
            width: 120px; 
            font-size: 14px; 
            color:#00366a;padding: 7px 0;
        } 


#topMenu .menuLink {background:#efefef; border:solid 1px #ddd; }

#topMenu .topMenuLi:hover .menuLink { color:#2594ff;background:#00366a; border:solid 1px #00366a; } 
#topMenu .submenuLink { background:#efefef;; border:solid 1px #ddd;  margin-top: -1px;}

#topMenu .longLink {width:120px;}

#topMenu .submenu { position: absolute;  z-index:10000;height: 0px; overflow: hidden; 
            transition: height .2s; 
            -webkit-transition: height .2s; 
            -moz-transition: height .2s;
            -o-transition: height .2s; 
        }

#topMenu .topMenuLi:hover .submenu { height: 50px; }
#topMenu .submenuLink:hover { color:#2594ff;background: #00366a;border: solid 1px #00366a;  }