@CHARSET "utf-8";
body *{font-family:'Nanum Gothic';}

.wrap_top_bar{background:#000;}
.wrap_top_bar .top_bar{height:37px;width:1100px;margin:0 auto;position:relative;line-heighT:37px;}
.wrap_top_bar .top_bar li{display:inline-block;}
.wrap_top_bar .top_bar a{line-heighT:37px;display:block;}
.wrap_top_bar .top_bar .menu01 a{color:#fff;font-size:14px;padding:0 30px;font-weight:bold;}
.wrap_top_bar .top_bar .menu01 .active a{color:#000;background:#fff;}
.wrap_top_bar .top_bar .menu01 .active a span{color:#d50000;font-size:14px;font-weight:bold;}
.wrap_top_bar .top_bar .menu02{position:absolute;right:0;top:0;}
.wrap_top_bar .top_bar .menu02 a{color:#fff;font-size:12px;padding-left:30px;font-weight:bold;}
.wrap_top_bar .top_bar .menu02 .btn_bookmark a{padding-right:27px;background: url('../img/btn_favor.png') right 10px no-repeat;}

.header{width:1100px;margin:0 auto;height:95px;position:relative;}
.header h1{padding:20px 0 0 0px;display:inline-block;}
.header #gnb_main {
    position: absolute;
    right: 0px;
    bottom: 12px;
}
.header #gnb_main li{display:inline-block;}
.header #gnb_main li a{display:block;color:#000;font-size:16px;}
.header #gnb_main li a:hover,.header #gnb_main li.active a{color:#fff;}

#gnb_main{clear:both;height:34px;}
#gnb_main ul{}
#gnb_main i{float:right;padding-right:5px;position:relative;top:1px}
#gnb_main li{display:block;float:left;padding:0 0px;margin-right:0px;text-align:center;position:relative;width:166px;}
#gnb_main li a{display:block;color:#fff;font-size:16px;padding:14px 14px;box-sizing:border-box;}
#gnb_main li a:hover{text-decoration:none;color:#fff;font-weight:bold;}
#gnb_main:hover li.bg{border-radius:10px 10px 0 0;}
#gnb_main li:hover a.menu{position:relative;z-index:9999;overflow:hidden;background:#d3255b;border:1px solid #fff;box-sizing:border-box;border-bottom:1px solid #fff;;color:#fff;}

#gnb_main ul.depth2{position:absolute;width:166px;background:#000!important;display:none;z-index:1000;border:1px solid #ababab;border-top:0px;box-sizing:border-box;margin-top:-5px;padding:5px 0 0px 0px;overflow:hidden;}
#gnb_main ul.depth2 li{font-weight:bold;font-size:14px;color:#fff;display:block;clear:both;float:none;position:relative;text-align:left;padding:0;}
#gnb_main ul.depth2 li a{color:#fff;border:none;display:block;padding:0 0 0 0px;line-height:34px;font-size:14px;border-bottom:1px solid #fff;text-align:center}
#gnb_main ul.depth2 .tit{padding:15px 0 2px;}
#gnb_main ul.depth2 *{box-sizing:border-box}
.wrap_slider {position:relative;}
.wrap_slider li{height:545px;}
.wrap_slider .bg01{background: url('../img/img_slide01.png') center 0px no-repeat;}
.wrap_slider .bg02{background: url('../img/img_slide02.png') center 0px no-repeat;}
.wrap_slider .bg03{background: url('../img/img_slide03.png') center 0px no-repeat;}
.wrap_slider .bx-wrapper .bx-pager {
	z-index:999;
	position:absolute;
	left:0;
	bottom:31px;
	width:100%;
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 10px;
}

.wrap_slider .bx-wrapper .bx-pager .bx-pager-item,
.wrap_slider .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.wrap_slider .bx-wrapper .bx-pager.bx-default-pager a {
	background: #000;
	text-indent: -9999px;
	display: block;
	width: 16px;
	height: 16px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	opacity:0.3;
}

.wrap_slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
.wrap_slider .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;opacity:1;
}

#container{width:1200px;margin:0 auto; }
#wrap.main .section01{overflow:hidden;padding:30px 0 62px;}

#wrap.main .section01 .section01_1{width:371px;float:left;background: url('../img/bar_section01.png') right 0px no-repeat;padding-bottom: 50px;}
#wrap.main .section01 .section01_2{width:702px;float:right;}
#wrap.main .section01 .section01_1 .more{margin-right:18px;}
#wrap.main .section01 h2{overflow:hidden;color:#000;font-size:15px;padding-top:19px;}
#wrap.main .section01 h2 p{color:#3d3d3d;font-size:28px;padding-top:5px;font-weight: normal;}
#wrap.main .section01 h2 p strong{font-weight: bold;font-size:28px;}
#wrap.main .section01 h2 .more{float:right;}
#wrap.main .section01 .section01_1 .cont{padding-top:28px;}
#wrap.main .section01 .section01_1 .cont p{font-size:14px;line-height:20px;}
#wrap.main .section01 .section01_1 .cont p strong{font-size:14px;color:#114ba3;}
#wrap.main .section01 .section01_1 .img{padding:9px 33px 0 0;text-align:right;}
#wrap.main .section01 .section01_2 ul{overflow:hidden;width:110%;margin-top:19px;}
#wrap.main .section01 .section01_2 ul li{float:left;width:169px;margin-right:8px;text-align:center;}
#wrap.main .section01 .section01_2 ul li .img,#wrap.main .section01 .section01_2 ul li .img img{width:167px;height:129px;}
#wrap.main .section01 .section01_2 ul li .img{border:1px solid #c7c7c7;}

#wrap.main .section01 .section01_2 ul li p{color:#686868;font-size:14px;line-height:18px;margin-top:11px;}

#wrap.main .section02 h2{overflow:hidden;color:#000;font-size:12px;background: url('../img/bar_amin_tit.png') 0 bottom no-repeat;text-transform: uppercase;margin-bottom:18px;}
#wrap.main .section02 h2 *{color:#6f6f6f;font-size:12px;}
#wrap.main .section02 h2 .more{float:right;}
#wrap.main .section02{padding-bottom:121px;overflow:hidden;}
#wrap.main .section02 .wrap_news{width:373px;float:left;}
#wrap.main .section02 .section02_1{width:395px;float:left;margin:0 24px 0 46px;}
#wrap.main .section02 .section02_2{float:left;width:261px;}
#wrap.main .section02 .section02_2 .wrap_custom .btn_custom{padding:42px 0 14px 7px;background: url('../img/img_custom.png') right 20px no-repeat;}
#wrap.main .section02 .section02_2 .wrap_custom .btn_custom p{font-weight:bold;padding-bottom:12px;color:#959595;font-size:10px;}
#wrap.main .section02 .section02_2 .wrap_custom .btn_custom .btn {
    font-weight: bold;
    padding: 4px 13px 9px 20px;
    color: #797979;
    font-size: 11px;
    background: url('../img/bg_btn_custom.png') 0 0px no-repeat;
    letter-spacing: -1px;
}
#wrap.main .section02 .section02_2 .wrap_custom .num{
	padding: 8px 0px 8px 51px;
    color: #3b5a81;
    font-size: 35px;
    background: url('../img/icon_custom_tel.png') 0 center no-repeat;
	font-weight: bold;
	letter-spacing: -2px;
}
#wrap.main .section02 .section02_2 .wrap_custom h3{
	padding: 14px 0px 10px 2px;
    color: #646564;
    font-size: 13px;
	font-weight: bold;
}
#wrap.main .section02 .section02_2 .wrap_custom h3 span{
    color: #a3a3a3;
    font-size: 10px;
	font-weight: bold;
}
#wrap.main .section02 .section02_2 .wrap_custom h3 span em{
    color: #c2331a;
    font-size: 10px;
	font-weight: bold;
	font-style:normal;
}
#wrap.main .section02 .section02_2 .wrap_custom .time{
	padding:2px 16px;width:218px;
	box-sizing:border-box;color: #4a4a4a;
	background:#e7e7e7;font-weight: bold;font-size: 11px;line-height: 17px;
}
#wrap.main .section02 .section02_2 .wrap_custom .time *{
    color: #4a4a4a;
    font-size: 11px;
	font-weight: bold;
}
#wrap.main .section02 .section02_2 .wrap_custom .time strong{color:#ab5b2a;}
#wrap.main .section02 .section02_2 .wrap_custom .mail{
	padding: 9px 0px 8px 67px;
    color: #959595;
	display:block;
    font-size: 17px;
	margin-top:9px;
    background: url('../img/icon_custom_mail.png') 21px 0 no-repeat;letter-spacing: -1px;
}



.wrap_slider02 {position:relative;padding-top:10px;}
.wrap_slider02 li{height:268px;border:1px solid #d8d8d8;}
.wrap_slider02 li img{width:393px;height:268px;}
.wrap_slider02 .bg01{background: url('../img/img_slide01.png') center 0px no-repeat;}
.wrap_slider02 .bx-wrapper .bx-pager {
    z-index: 999;
    position: absolute;
    right: -3px;
    top: -2px;
    width: 100%;
    text-align: right;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
}
.wrap_slider02 .bx-wrapper .bx-pager .bx-pager-item,
.wrap_slider02 .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.wrap_slider02 .bx-wrapper .bx-pager.bx-default-pager a {
	background: #c2c2c2;
	text-indent: 9999px;
	display: block;
	width: 7px;
	height: 7px;
	margin: 0 3px;
	outline: 0;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.wrap_slider02 .bx-wrapper .bx-pager.bx-default-pager a:hover,
.wrap_slider02 .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #454545;
}

#wrap.main .section02 .wrap_news .news{padding-bottom:18px;}
#wrap.main .section02 .wrap_news .news *{color:#6d6969;font-size:13px;}
#wrap.main .section02 .wrap_news .news li{background: url('../img/dot_news.png') 0px center  no-repeat;padding-left:10px;overflow:hidden;line-height:20px;}
#wrap.main .section02 .wrap_news .news li .date{float:right;font-size:12px;}

#wrap.main .section02 .banner{overflow:hidden;border-left:1px solid #b8b8b8;}
#wrap.main .section02 .banner li{float:left;width:185px;border:1px solid #b8b8b8;border-left:0;padding:82px 0 20px;text-align:center;}
#wrap.main .section02 .banner li *{color:#7f7f7f;font-size:11px;}
#wrap.main .section02 .banner li strong{color:#000;font-size:16px;}
#wrap.main .section02 .banner li p{line-height:15px;padding-top:8px;}
#wrap.main .section02 .banner li p span{color:#2e6ba9;font-weight:bold;}
#wrap.main .section02 .banner li.banner01{background: url('../img/icon_inquiry.png') center 18px no-repeat;}
#wrap.main .section02 .banner li.banner02{background: url('../img/icon_map.png') center 18px no-repeat;}

.wrap_footer{background:#292929}
.footer {
    width: 1100px;
    margin: 0 auto;
    padding: 35px 0 37px 417px;
    box-sizing: border-box;
    background: url('../img/logo_tail.png') 225px 55px no-repeat;
}
.footer *{color:#b8b8b8;font-size:14px;line-height:24px}
.footer .menu_tail li{display:inline-block;padding:0 16px;background: url('../img/bar_footer.png') 0 center no-repeat;}
.footer .menu_tail li:first-child{padding-left:0;background:none}
.footer .address{margin:14px 0 0px;}
.footer i{vertical-align: -7px;display:inline-block;width:16px;height:24px;background: url('../img/bar_footer.png') center center no-repeat;}
.footer span{color:#b77321;}
#wrap.sub .img_sub{overflow:hidden;}
#wrap.sub .img_sub img{float:left;width:100%;}
/*#wrap.sub .img_sub.ceo{background: url('../img/img_sub_ceo.png') center 0 no-repeat;}*/
#container.sub .sub_title{line-heighT:135px;color:#2a2a2a;font-size:43px;border-bottom:1px solid #dedede;text-align:center;font-weight:bold;}
.contens_sub{padding:50px 0; text-align: center;}
.contens_sub.cont_img{padding:84px 0;}
.wrap_submenu{background:#d4d4d4}
.wrap_submenu .submenu{width:1100px;margin:0 auto;height:41px;}
.wrap_submenu .submenu *{color:#000;font-size:16px;line-height:40px}
.wrap_submenu .submenu h2{display:inline-block;padding:0 0px 0 26px;background: url('../img/icon_arrow.png') 0 center no-repeat;}
#menu_sub{position:relative;cursor:pointer;display:inline-block;padding:0 48px 0 0;background: url('../img/btn_submenu.png') right center no-repeat;}
.wrap_submenu .submenu h2 i {
    display: inline-block;
    width: 54px;
    height: 41px;
    background: url('../img/bar_submenu.png') center center no-repeat;
    vertical-align: -15px;
}
#menu_sub .menu_list{position:absolute;left:-25px;top:40px;display:none;border:1px solid #d5d5d5;border-bottom:0;background:#fafafa;}
#menu_sub .menu_list li{padding:0 30px;border-bottom:1px solid #d5d5d5;}
#menu_sub .menu_list li:hover{background:#f3f3f3}
#menu_sub .menu_list li a{display:block; }
#menu_sub .menu_list li a span{display:inline-block;color:#545454;font-size:13px;line-height:15px;padding:5px 15px 5px 2px; white-space:nowrap; word-break:keep-all}
#menu_sub .menu_list li a:hover span{color:#d50000;}


#privacy-policy { position: fixed; /* keeps the privacy-policywindow in the current viewport */ top: 0; left: 0; display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A6000000, endColorstr=#A6000000);
text-align: center; z-index: 999999; }
#privacy-policy .policy-wrapper { overflow: hidden; margin: 50px auto; position: relative; box-shadow: 0 0 25px #111; -webkit-box-shadow: 0 0 25px #111; -moz-box-shadow: 0 0 25px #111; width: 90%; background-color: #fff; border: 1px solid #999; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5); box-shadow: 0 3px 9px rgba(0,0,0,0.5); background-clip: padding-box; max-width: 820px; border-radius: 10px; }
#privacy-policy .close-popup { position: absolute; top: 15px; right: 15px; background-color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 21px; font-weight: bold; line-height: 1; color: #ccc; text-shadow: 0 1px 0 #fff; }
#privacy-policy .policy-wrapper h4 { padding: 15px; border-bottom: 1px solid #e5e5e5; font-size: 18px; }
#privacy-policy .policy { overflow-y: auto; padding: 30px; text-align: left }
form a.popup-trigger { display: inline-block; padding: 0 5px; line-height: 1.25; text-indent: 0; color: #fff; background-color: #8C8984; font-size: 12px; vertical-align: middle; }
a.popup-trigger2 { display: inline-block; padding: 0 5px; line-height: 1.25; color: #fff; font-size: 12px; vertical-align: middle; }
.keypos { position:relative; }

.popup-prd { position: fixed; /* keeps the privacy-policywindow in the current viewport */ top: 0; left: 0; display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A6000000, endColorstr=#A6000000);
text-align: center; z-index: 999999; }
.popup-prd .prd-wrapper { overflow: hidden; margin: 50px auto; position: relative; box-shadow: 0 0 25px #111; -webkit-box-shadow: 0 0 25px #111; -moz-box-shadow: 0 0 25px #111; width: 1100px; background-color: #fff; border: 1px solid #999; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5); box-shadow: 0 3px 9px rgba(0,0,0,0.5); background-clip: padding-box; max-width: 1100px; border-radius: 10px; }
.popup-prd .close-popup { cursor:pointer;position: absolute; top: 46px; right: 76px; background-color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 21px; font-weight: bold; line-height: 1; color: #ccc; text-shadow: 0 1px 0 #fff; }
.popup-prd .prd-wrapper h4 { padding: 15px; border-bottom: 1px solid #e5e5e5; font-size: 18px; }
.popup-prd .prd { overflow-y: auto; padding: 30px; text-align: left }
form a.popup-trigger { display: inline-block; padding: 0 5px; line-height: 1.25; text-indent: 0; color: #fff; background-color: #8C8984; font-size: 12px; vertical-align: middle; }
a.popup-trigger2 { display: inline-block; padding: 0 5px; line-height: 1.25; text-indent: 0; color: #fff; font-size: 12px; vertical-align: middle; }

.view_port{padding:0px 0 0 40px;overflow:hidden;}
.view_port .tab_content{width:757px;float:left;}
.view_port .tab_content .img{border:10px solid #5a83b6;}
.view_port .tab_content .img img{width:733px;height:558px;}
.view_port .tab_content .tit{padding:17px 0 32px 3px;font-size: 22px;color:#595959;}
.view_port .tab_content .tit strong{font-size: 22px;color:#000;}
.view_port .tab_menu{margin-top: 71px;width:181px;float:left;margin-left:16px;}
.view_port .tab_menu li{border:1px solid #5a83b6;margin-bottom:7px;}
.view_port .tab_menu li img{width:177px;height:136px;}

.portfolio .list_port{padding:34px 0 0 35px;overflow:hidden;}
.portfolio .list_port ul{width:105%;}
.portfolio .list_port li{float:left;margin:0px 44px 33px 0;width:224px;}
.portfolio .list_port li .img{border:1px solid #5a83b6;}
.portfolio .list_port li .img img{width:222px;height:169px;}
.portfolio .list_port li .txt{font-size: 16px;color:#595959;text-align:center;line-height:37px;}

.pagination{text-align:center;padding:60px 0;}
.pagination *{font-size: 13px;color:#595959;}
.pagination strong{font-size: 13px;color:#000;}
.pagination .direction{margin:0 3px;vertical-align: -1px;}
.pagination .direction.prev{margin-right:23px;}
.pagination .direction.next{margin-left:23px;}

.wrap_tab_port{text-align:center;}
.wrap_tab_port ul{line-height: 32px;margin-top: -20px;padding-bottom: 28px;}
.wrap_tab_port li{line-height:32px;width:124px;border:1px solid #bab7b9;display:inline-block;margin:0 3px;}
.wrap_tab_port li a{display:block;color:#424242;font-size:14px;font-weight:bold;}
.wrap_tab_port li.active,.wrap_tab_port li:hover{border:1px solid #c18c9f;}
.wrap_tab_port li:hover a,.wrap_tab_port li.active a{color:#d1235f;}

.txt_total{padding:0 0 8px 7px;color:#515151;}

.wrap_map {width:1000px;margin:0 auto;overflow:hidden;padding:15px 0 80px;}
.wrap_map .btn_print{width:93px;height:108px;display:inline-block;float:right;}
.wrap_map .txt *{font-size:18px;font-weight:bold;line-height:150%;}
.wrap_map .txt strong{font-size:30px;display:block;padding:0 0 10px;}
.wrap_map .txt{display:inline-block;}