@charset "utf-8";
/* CSS Document */

.wrap{width:100%;}
header{width:100%; border-bottom:2px solid #002251; min-width:1000px;}
.blink{position:absolute; text-indent:-9999px;vertical-align: middle;}
.blink_menu i{margin-left:5px; color:#777;}
.sub_menu div ul:hover .blink_menu a i{color:#fff;}

/*상단메뉴*/
.lnb_box{background-color:#f2f2f2;}
.lnb_inner{width:1000px; height:36px; margin:0 auto; overflow:hidden; background-color:#f2f2f2;}
.lnb{float:right;}
.lnb li{float:left; padding:10px;}
.lnb li:first-child a{background:URL(../img/lnb_icon00.gif) no-repeat; padding-left:18px;}
.lnb li:nth-child(2) a{background:URL(../img/lnb_icon.gif) no-repeat; padding-left:18px;}
.lnb li:nth-child(3) a{background:URL(../img/lnb_icon02.gif) no-repeat; padding-left:18px;}
.lnb li:nth-child(4) a{background:URL(../img/lnb_icon03.gif) no-repeat; padding-left:18px;}
.lnb li:last-child{background-color:#003e73;}
.lnb li:last-child a{color:#fff; background-image:none!important; padding-left:0!important;}
.lnb li a:hover{text-decoration:none!important;}
/*메인메뉴*/
.logo_box{width:1000px; height:84px; position: relative; margin:0 auto;}
h1{z-index:1; position:absolute; top:24px; left:0;}

/*menu_scroll*/
.gnb{position:absolute; top:35px; left:0; width:100%; height:84px;}
nav{position:relative; width:1000px; height:84px; margin:0 auto;}
.main_menu{overflow:hidden; position:absolute;  left:235px;}
.main_menu li{float:left; background:URL(../img/bar.gif) no-repeat 0 center;}
.main_menu li a{color:#555!important; font-weight:600; font-size:16px; display:inline-block; width:153px; padding:33px 0; text-align:center; vertical-align:top;}
.main_menu li:first-child{background-image:none;}
.main_menu li:hover a{text-decoration:none!important; background:URL(../img/menu_hover.gif) no-repeat bottom center;}

/*2depth menu*/
.sub_menu{opacity:0.98; z-index:9999; overflow:hidden; position:absolute; top:86px; width:100%; background:#f8fcff; border-bottom:2px solid #002251;}
.sub_menu > div{width:1000px; height:300px; margin:0 auto; background:URL(../img/sub_menu_bg.gif) no-repeat 0 center;}
.sub_menu div ul{float:left; width:153px; height:300px; padding:10px 0;}
.sub_menu div ul:first-child{margin-left:235px;}

/*2depth menu hover시*/
.sub_menu div ul:hover{background-color:#4093eb;}
.sub_menu div ul:hover li a{ color:#fff;}
.sub_menu div ul:hover li a:hover{font-weight:700; color:#fff; text-decoration:underline;}
.sub_menu div ul li{text-align:center; padding:7px 0;} 

/* 컨텐츠 시작*/
.container{width:100%; min-width:1000px; clear:both;}
.main_visual{max-width:100%; height:350px; background:URL(../img/main_visual.jpg) no-repeat; position:relative;}
.inner{width:1000px; margin:0 auto; position:relative;}
.main_txt{padding-top:50px;}

/*퀵메뉴*/
.quick_menu {background:#fff; overflow:hidden; letter-spacing:-0.05em; margin-bottom:40px; border-bottom:1px solid #dedede;}
.quick_menu .quick_inner {height:125px; width:1000px; margin:0 auto; position:relative;}
.quick_menu .quick_inner:before {content:""; position:absolute;	right:100%;	width:100%;	height:100%; top:0;	background:#002251; background-image:URL(../img/quick_menu_bg.png); 	display:block;}
.quick_menu .txt {height:100%; background:#002251; background-image:URL(../img/quick_menu_bg.png); width:140px; padding-left:20px; font-size:0; position:absolute; left:0; top:0;}
.quick_menu .txt:before {content:""; display:inline-block; vertical-align:middle; width:0; height:100%;}
.quick_menu .txt dl {vertical-align:middle; display:inline-block;}
.quick_menu .txt dl dt {font-size:13px; opacity:0.8; text-align:right; margin-right:10px; margin-bottom:5px; color:#fff!important;}
.quick_menu .txt dl dd {font-size:23px; text-align:right; margin-right:10px; margin-left:0!important;  color:#fff!important; font-weight:700;}
.quick_menu .quick_btn {float:right; text-align:center; padding-top:17px;}
.quick_menu .quick_btn a {display:block; float:left; position:relative;    width: 135px;}
.quick_menu .quick_btn a:first-child {margin-left:0;}
.quick_menu .quick_btn a span {display:block; padding-top:10px; font-size:13px; color:#555; font-weight:700;}
.quick_menu .quick_btn a em {overflow:hidden; position:absolute; left:0; top:0; width:100%; height:0; display:block; transition:0.3s;}
.quick_menu .quick_inner .quick_btn a:hover em {height:50px;text-decoration:}
.quick_menu .quick_inner .quick_btn a:hover{ text-decoration:none!important;}
.quick_menu .quick_inner .quick_btn a:hover span{color:#ff7f00; font-weight:700;}


/*메인 탭, 갤러리*/
.main_content{width:1000px; margin:0 auto;}
.con_top, .con_bottom{overflow:hidden;}
.top_left, .top_right{float:left; width:490px; border-left:1px solid #dedede; border-right:1px solid #dedede; border-bottom:1px solid #dedede; position:relative;}
.main_tab:after {content:"";display:block;clear:both;}
.main_tab a:hover{text-decoration:none!important;}
.main_tab .main_tab_tit{border-top:1px solid #dedede; display:block; float:left; padding:19.5px 10px; border-bottom:1px solid #dedede;}
.main_tab .main_tab_tit:hover span{color:#002b5f; font-weight:700;}
.main_tab .two_wid{width:221px; height:57px; box-sizing:border-box;}
.main_tab .main_tab_tit span {display:block; text-align:center;}
.main_tab .main_tab_tit.active span {color:#002b5f; font-weight:700!important;}
.main_tab .main_tab_tit.active{background:URL(../img/border_top.gif) repeat-x top;}
.tab_txt_box {padding:25px 20px; height:140px;}
.con {display:none;}
.con.active {display:block; overflow: hidden;}
.con dl {position:relative;padding-right:70px; font-size:13px; color:#4d4d4d; margin-top:10px;}
.con dl:first-child {margin-top:0;}
.con dl dt {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-indent:15px; background:URL(../img/bullet02.gif) no-repeat 0 center; padding:2px 0;}
.con dl dt a {color:#4d4d4d;}
.con dl dt a:hover {text-decoration:underline;}
.con dl dd {position:absolute; right:0; top:0;}
.more_btn{height:58px; box-sizing:border-box; box-sizing:border-box; display:block!important; width:50px; text-align:center; position:absolute; top:-1px; right:0; z-index:1000; padding:18px 10px; border-top:2px solid #dedede;  border-bottom:1px solid #dedede; border-right:#dedede!important; border-left:1px solid #dedede; font-size:17px; font-weight:bold;}
.main_tab .three_wid{width:126px;}
.tab_br{border-right:1px solid #dedede;}

.gallery{float:left; width:582px; height:200px; box-sizing:border-box;border:1px solid #dedede; padding:20px; overflow:hidden; position:relative;}
.gallery p span{font-size:19px; font-weight:700; margin-right:10px;}
.gallery p a:hover{text-decoration:none!important;}
.gal_list{margin-top:15px;}
.gal_list > ul{list-style-type: none; margin: 0px; padding: 0px;}
.gal_list > ul li{float:left; padding:0px; position:relative; overflow:hidden; text-align:center; padding:0 3px;}
.gal_list > ul li:hover .caption{opacity:1; transform: translateY(-5px); -webkit-transform:translateY(-5px); -moz-transform:translateY(-5px); -ms-transform:translateY(-5px); -o-transform:translateY(-5px);}
.gal_list > ul img{margin:0px; padding:0px; float:left; z-index:4;}
.gal_list > ul .caption{cursor: pointer; position: absolute; opacity: 0; top:80px; -webkit-transition:all 0.15s ease-in-out; -moz-transition:all 0.15s ease-in-out; -o-transition:all 0.15s ease-in-out; -ms-transition:all 0.15s ease-in-out; transition:all 0.15s ease-in-out;}
.gal_list > ul .blur{background-color:rgba(213,90,0,0.7); width:172px; height:123px; z-index:5; position:absolute;}
.gal_list > ul .caption_txt{z-index:10; color:#fff; position: absolute;width:172px; height:123px; text-align:center; top:8px;}
.gal_list > ul .caption_txt > p{color:#fff;}
.read_more_btn{font-weight:700; color:#555555; vertical-align:middle; position:absolute; top:22px; right:10px;}
.read_more_btn span{font-size:13px!important; font-variant:small-caps;}

.sm_banner{float:right; position:relative; overflow:hidden;}

/*footer*/
footer{clear:both; background-color:#f0f0f0; overflow:hidden; padding:20px; margin-top:50px!important; min-width:1000px;}
.ft_txt{width:1000px; margin:0 auto;}
.ft_logo{float:right; margin-top:40px;}
.add{float:left;}
.ft_menu li{ float:left;}
.ft_menu li a{ padding:0 10px;line-height:20px; font-weight:700; color:#555;}
.ft_menu li a:hover{text-decoration:none;}
.ft_menu li:first-child a{padding-left:0;}
address{clear:both; line-height:20px; font-size:12px!important;}
address{letter-spacing:-0.5px;}
