@charset "utf-8";

@import url("/Content/css/base.css");
@import url("/Content/css/sub.css");
@import url("/Content/css/board.css");

/* CSS Document */
/* ----------------------------------------------------------------

- Title : Cascading Style Sheets

- Author : eun hye cho

- Date : 2014-01-09

- Description : gloazure_layout.css
---------------------------------------------------------------- */
/* wrap -----------------------------------------*/
#wrap {overflow:hidden; width:100%; min-width:1000px; position:relative;}

#header {overflow:hidden; width:100%;}
#con_wrap {overflow:hidden; width:100%;}
#footer {overflow:hidden; width:100%; border-top:1px solid #ccc;}

h2,h3{font-size:25px; font-weight:600;}

/* header --------------------------------------------------------*/
#header{}
.util_wrap{overflow:hidden; width:1000px; margin:10px auto 15px;}
.util_wrap .util{float:right; margin-top:3px;}
.util_wrap .util a{font-size:11px; font-weight:600; color:#999;}
.util_wrap .util span{width:1px; height:11px; margin:0 10px;}
.util_wrap .search{float:right; margin-left:10px;}
.util_wrap .search input[type="text"]{width:120px; height:21px; padding:0 5px; border:2px solid #0076c0; vertical-align:top;}
.top_wrap{overflow:hidden; width:100%;}
.top_wrap .gnb_wrap{position:relative; overflow:hidden; width:1000px; margin:0 auto;}
.top_wrap .gnb_wrap h1{float:left; margin-right:30px;}
.top_wrap .gnb_wrap .gnb ul{overflow:hidden; padding-left:40px;}
.top_wrap .gnb_wrap .gnb ul li{float:left; width:180px; padding:12px 0 35px 0; font-size:18px; font-weight:600; color:#333; text-align:center;}

.top_wrap .snb_wrap{position:absolute; overflow:hidden; width:100%; z-index:99;}
.top_wrap .snb_wrap .snb{position:relative; width:600px; height:auto; margin:0 auto; padding-left:135px;}
.snb_wrap .snb ul{float:left; width:155px; height:335px; padding:5px 15px; border-left:1px solid #ccc; border-bottom:2px solid #0076c0; border-top:1px solid #ccc; background:#fff; opacity: 0.9;}
.snb_wrap .snb li{font-size:12px; height:30px; color:#333;}
.snb_wrap .snb li a{display:block; line-height:30px;}
.snb_wrap .snb li a:hover{font-weight:600;}
.snb_wrap .snb li.line a{line-height:120%;}
.snb_wrap .snb li.line2 a{margin-top:7px; line-height:120%;}
.snb_wrap .snb ul li .dep2{position:absolute; right:199px; top:0; width:170px; border-left:none; background:#f4f4f4 url(../../Images/common/bg_snb.gif) right top no-repeat;}
.snb_wrap .snb ul li .dep2 li{padding-left:10px;}

/* main --------------------------------------------------------*/
.main_visu{position:relative; width:100%; height:250px; border-top:3px solid #0076c0; border-bottom:1px solid #ccc; background:#000;}
.main_visu .visu_btn{position:absolute; left:50%; top:95px; overflow:hidden; width:1110px; height:49px; margin-left:-555px; z-index:9;}
.main_visu .visu_btn .btn_l{float:left;}
.main_visu .visu_btn .btn_r{float:right;}
.main_visu .visu_img{position:absolute; left:50%; top:0; width:1920px; margin-left:-960px; z-index:1;}

.main_con{overflow:hidden; width:998px; height:400px; margin:0 auto; border-bottom:1px solid #ccc;}

.main_con .pd{float:left; width:644px;}
.main_con .pd h2{height:50px; margin-top:20px; padding-left:35px;}
.main_con .pd .thumb{overflow:hidden;}
.main_con .pd .thumb li{float:left; width:214px; height:154px; border-right:1px solid #ccc; border-top:1px solid #ccc; background:url(../../Images/common/bg_pd.gif) 185px 120px no-repeat;}
.main_con .pd .thumb li.border{border-right:none;}
.main_con .pd .thumb li .img{width:214px; height:100px; background:#eee;}
.main_con .pd .thumb li .name{padding:8px 0 0 20px; font-size:14px; color:#111;}
.main_con .pd .thumb li .name span{color:#999;}

.main_con .intro{float:left; width:353px; height:380px; border-left:1px solid #ccc;}
.main_con .intro h2{height:50px; margin-top:20px; padding-left:40px;}
.main_con .intro p{ padding-left:22px;}

.banner_wrap{width:100%;}
.banner_wrap .banner{overflow:hidden; width:998px; height:75px; margin:0 auto; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.banner_wrap .banner li{float:left;}
.banner_wrap .banner li.btn_l,.banner_wrap .banner li.btn_r{ margin-top:22px;}
.banner_wrap .banner li.logo{width:950px; height:75px;}
.banner_wrap .banner li.logo ul{overflow:hidden;}
.banner_wrap .banner li.logo ul li{float:left; margin:0 10px; background:#CCC;}

/* con --------------------------------------------------------*/
#con_wrap .sub_visu{position:relative; width:100%; height:150px; text-align:center; color:#FFF; border-top:3px solid #0076c0; border-bottom:1px solid #ccc; background:#000; z-index:9;}
#con_wrap .sub_visu img{position:absolute; left:50%; top:0; width:1920px; margin-left:-960px; z-index:1;}
#con_wrap .sub_con{overflow:hidden; width:999px; min-height:530px; margin:0 auto; border-left:1px solid #ccc;}

#con_wrap .sub_con .lnb{float:left; width:198px; padding-top:50px;}
#con_wrap .sub_con .lnb h2{height:45px; text-align:center; letter-spacing:-1px;}
#con_wrap .sub_con .lnb ul{border-top:1px solid #ccc;}
#con_wrap .sub_con .lnb ul li{border-bottom:1px solid #ccc; font-size:15px; font-weight:600; line-height:40px; text-align:left;}
#con_wrap .sub_con .lnb ul li.line a{ height:36px; padding-top:4px; line-height:110%;}
#con_wrap .sub_con .lnb ul li.line a:hover{display:block; height:36px; padding-top:4px; padding-left:20px; color:#fff; background:#1d3e61 url(../../Images/common/bg_lnb.gif) 180px 14px no-repeat;}
#con_wrap .sub_con .lnb ul li a{display:block; height:40px; padding-left:20px; color:#888;}
#con_wrap .sub_con .lnb ul li a:hover{display:block; height:40px; padding-left:20px; color:#fff; background:#1d3e61 url(../../Images/common/bg_lnb.gif) 180px 14px no-repeat;}
#con_wrap .sub_con .lnb ul li.select a{display:block; height:36px; padding-left:20px; color:#fff; background:#1d3e61 url(../../Images/common/bg_lnb.gif) 180px 14px no-repeat;}
#con_wrap .sub_con .lnb ul li ul.dep2 li{border:none; font-size:12px; font-weight:600; line-height:25px; text-align:left; background:#eee;}
#con_wrap .sub_con .lnb ul li ul.dep2 li a{display:block; height:25px; padding-left:30px; line-height:25px; color:#888; background:none;}
#con_wrap .sub_con .lnb ul li ul.dep2 li.line a{line-height:110%; padding-bottom:7px;}
#con_wrap .sub_con .lnb ul li ul.dep2 li a:hover,
#con_wrap .sub_con .lnb ul li ul.dep2 li.select a{display:block; height:25px; padding-left:30px; color:#0076c0; background:none;}

#con_wrap .sub_con .con{float:left; width:740px; min-height:450px; padding:50px 0 30px 60px; border-left:1px solid #ccc;}

/* main 추가 1404 ---------------------------------------*/
.main_pro{width:942px; margin-left:24px;}
.main_pro ul{}
.main_pro ul li{
	width:225.5px; height:179px;
	float:left;
	background:url(../../Images/common/main_pro_arrow.png)no-repeat;
	background-position: left 12px bottom 12px;
	margin:0 0 10px 8px;
	border: 1px solid #ddd; border-radius: 5px;
	}
.main_pro ul li .img00{width: 100%; height:122px; margin:5px 0 0 5px; text-align: center;}
.main_pro ul li .name00{padding:8px 0 0 40px; font-size:14px; color:#111; font-weight:bold;}
.main_pro ul li .name00 span{font-size:12px; color:#111;}


.main_pro ul:last-child li{width: 304px;}

.main_pro2{margin: 0 17px;}
.main_pro2 ul li{float:left;width:190px;text-align:center;}
.main_pro2 ul li a{color: #000;font-size: 13px;font-weight: 600;}


.main_tit{ margin:20px 0 0 32px;}
.main_iso{ margin:9px 0 0 32px;}
.clear{ clear:both;}


/* footer --------------------------------------------------------*/
#footer .copy_wrap{overflow:hidden; width:1000px; margin:25px auto; line-height:120%;position:relative;}
#footer .logo{float:left; width:160px;}
#footer .copy {float:left; width:840px; margin:0 auto; color:#999; font-size:11px;height:72px;}

#footer .mail_1{position:absolute;top:45px;right:275px;color: #999;font-size: 11px;}
#footer .mail_2{position:absolute;top:45px;right:0px;color: #999;font-size: 11px;}