﻿@charset "utf-8";
/* 초기화­ css */
*{box-sizing:border-box}
body{overflow-y:scroll;}
body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,dl,dd,ol,ul,fieldset,legend,figure,menu{margin:0;padding:0;border:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
table,th,td{border-spacing:0/* ;border-collapse:collapse */}
ol,ul,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:normal}
input,textarea,select,button{margin:0;padding:0;border-radius:0;color:#333;font:normal 12px/1.2 'Nanum Barun Gothic','NanumSquare', 'Malgun Gothic','돋움', 'dotum',sans-serif;outline:0;vertical-align:middle}
body{color:#333;font:normal 12px/1.2 'Nanum Barun Gothic','Malgun Gothic','돋움', 'dotum',sans-serif}
a,a:link,a:visited,a:hover,a:active{text-decoration:none}
a,button,input[type="submit"],input[type="button"],input[type="reset"]{border:0;background:transparent;cursor:pointer}
select{cursor:default}
img{border:0;vertical-align:top}
html,body{width:100%;min-width:1000px;height:100%}

input[type="checkbox"]{width:19px;height:19px}

/* 공통 */
.clearfix::after{display:block;content:"";clear:both}
.blind{width:0px;height:0px;opacity:0;overflow:hidden}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}
.ts,.ts::before,.ts::after{-o-transition:all 0.5 ease;-moz-transition:all 0.5 ease;-webkit-transition:all 0.5 ease}
.layout{margin:0 auto;max-width:1000px}

.btn_tab li{cursor:pointer}


/* 컬러,폰트 공통 */

/* 헤더 시작 */
header{position:relative}
.gnb{height:97px}
.gnb .logo{float:left;padding:10px 0 0 5px}
.gnb ul{float:right;margin:40px 30px 0 0}
.gnb ul li{float:left;margin:0 20px 0 0}
.gnb ul li a{color:#666;font-size:12px}

.visual img{width:1000px}

.container{min-height: 680px}

.menu_wrap{z-index:31;position:absolute;left:0;top:97px;width:100%;padding:0;background:#fff;box-shadow:0px 4px 10px -2px rgba(195,195,195,1)}
nav{position:relative;height:49px !important;border-top:1px solid #ccc;border-bottom:2px solid #b20000; box-shadow:0px 4px 10px -2px rgba(195,195,195,1)}
.mainMenu>li{float:left;width:166.6px;height:46px;border-right:1px solid #ccc;line-height:46px;text-align:center}
.mainMenu>li:first-of-type{border-left:1px solid #ccc}
.mainMenu>li a{display:block;color:#000;font-size:16px}
.mainMenu>li:hover,.mainMenu>li.act{background:#b20000}
.mainMenu>li:hover>a,.mainMenu>li.act>a{color:#fff}
.mainMenu>li:hover .subMenu{display:block;background:#f7f7f7;color:#333}
.mainMenu:hover .subMenu{display:block}

.menu_bg{display:none;position:absolute;top:48px;left:0;width:100%;height:49px;background:#fff;box-shadow:0px 4px 10px -2px rgba(195,195,195,1)}
.subMenu{display:none;position:relative;width:166.6px;height:276px;border-top:2px solid #b20000; border-right:1px solid #ccc;background:#fff;z-index:10;overflow:hidden}
.subMenu li a{font-size:14px;color:#333}
.mainMenu>li:first-child>.subMenu{margin:0 0 0 -1px;border-left:1px solid #ccc}
.subMenu li{float:left;width:166.6px;height:46px;line-height:46px;text-align:center;z-index:10}

.subMenu li:hover{background:#333}
.subMenu li:hover>a{color:#fff}

/* FOOTER 시작 */
footer{border-top:1px solid #ccc;}
footer .logo_f{display:block;float:left;width:350px;height:128px;padding:20px 0 0 5px}
footer ul{float:left}
footer ul li{float:left;padding:27px 0 20px 0}
footer ul li a{margin:0 14px 0 0;padding:0 14px 0 0;border-right:1px solid #333;color:#333}
footer ul li:last-child a{border:none}
footer p{float:left;color:#a29c99;font-size:12px;line-height:18px}

/* 서브공통 */
.lnb{height:42px;margin-top:49px;border-bottom:1px solid #c3c3c3;line-height:42px}
.lnb p{float:right;color:#555;font-size:14px}
.menu_left{float:left;width:212px}
.menu_left h2{width:212px;height:119px;background:#b20000;color:#fff;font-size:20px;font-weight:bold;text-align:center;line-height:119px}
.menu_left ul{padding:2px 0 2px 0;background:#f3f3f3;border-bottom:1px solid #b20000}
.menu_left ul li{height:50px;line-height:50px}
.menu_left ul li a{display:block;padding:0 0 0 33px;color:#333;font-size:16px}
.menu_left ul li.act a{background:#b20000;color:#fff}
.menu_left ul li ul li a{display:block;padding:0 0 0 43px;color:#333;font-size:16px}
.menu_right{max-width:761px;width:100%;float:left;margin:0 0 0 27px}

.child_menu{display: none;}
.sub_plus{float: right; margin-right: 15px;}
.menu_depth li{display:block;padding:0 0 0 33px;color:#333;font-size:16px}
.child_menu li a:hover, .child_menu li a:active, .child_menu li a:focus,.child_menu li.current a {background:#b20000; color:#fff;}


/* .subTitle{position:relative;margin:0 0 28px 0;padding:62px 0 20px 0;color:#333;font-size:33px} */
.subTitle2{position:relative;margin:0 0 10px 0;padding:36px 0 20px 0;color:#333;font-size:26px}
.subTitle2::after{display:block;content:'';position:absolute;left:0;bottom:0;width:48px;height:2px;background:#000}
.subTitle{position:relative;margin:0 0 30px 0;padding:36px 0 20px 0;color:#333;font-size:26px}
.subTitle::after{display:block;content:'';position:absolute;left:0;bottom:0;width:48px;height:2px;background:#000}


/* 여백관련  */
.magin_t25{margin-top: -25px;}
.magin_b35{margin-bottom: -35px;}

@media all and (max-width:768px){

}
@media all and (max-width:420px){

}