@charset "utf-8";
/* ----------
css
---------- */


/* layout | 퍼블리셔 */
html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
html,body{overflow-x:hidden;font-family: 'NanumGothic', 'NG', 'Nanum Gothic', '나눔고딕', 'Dotum', sans-serif;_font-family:'NanumGothic', 'NG', 'Nanum Gothic', '나눔고딕', 'Dotum';}
/** strong {font-weight:600 !important} **/
a { color:#666; text-decoration:none;outline:none; }
a:active, a:hover, a:focus { text-decoration:none;outline:none; }
a:hover { color:#333;outline:none; }

#main_top {background-color:#ddd;width:100%;height:23px;margin:0;padding:1px 0 0 0}
#main_top ul{width:1000px;margin:0 auto;list-style:none;}
#main_top ul li{float:right;margin-left:1px;}
nav {width:1090px;height:86px;margin:0 auto;padding:0}
nav h1{float:left;margin:0;padding:0;padding:17px 0 0 0}
nav ul {list-style:none;float:left;padding:0;margin:0 0 0 0;overflow:hidden;height:85px}
nav ul li {color:#444;font-size:16px;float:left;width:165px;height:86px;margin:0;text-align:center;font-weight:600}
nav > ul > li > a {padding:30px 0 20px 0;}
nav ul li a {text-decoration:none;color:#444;font-size:16px;display:block;font-weight:600}
nav ul li a:hover {text-decoration:underline;color:#000061}

nav ul li dl {position:absolute;z-index:999;width:165px;line-height:100%;text-align:left;display:none;margin:0;padding:0;height:215px;top:109px}
**nav ul li dl {position:absolute;z-index:999;width:165px;line-height:100%;text-align:left;display:none;margin:0;padding:0;height:215px;top:109px}
nav ul li dl dd {line-height:30px;text-align:left;margin:0;padding:0 0 0 10px}
nav ul li dl dd a{text-decoration:none;color:#555;font-size:12px}
.engdd { line-height:15px;text-align:left;margin:0;padding:0 0 7px 10px;}

#sub_gnb{
	position:absolute;
	width:100%;height:213px;
	top:109px;left:0;
	border-top:2px solid #000061;border-bottom:1px solid #000061;
	display:none;z-index:888;background:#fff url(/images/layout/gnb-bg.jpg) no-repeat center top;
	box-shadow:1px 1px 5px #444;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4);
}

#main_visual ul{margin:0;padding:0}
.slides{position:absolute;width:2000px;height:500px;left:50%;margin-left:-1000px;}
.slides .slide{overflow:none;position:relative;margin:0;padding:0;}
.slides .slide li{display:block;width:2000px;height:500px;margin:0;padding:0}
.slides .slide li a{display:block}
.slides .page{z-index:100;position:absolute;top:460px;left:50%;width:250px;text-align:center;list-style:none}
.slides .page li{display:inline-block;_display:inline;margin:0 1px;_zoom:1;float:left}
.slides .page li a{display:block;overflow:hidden;width:20px;height:14px;background:url('/images/layout/sp_page.png') 0 0 no-repeat;line-height:999px;vertical-align:top}
.slides .page li.current a{background-position:0 -16px}

#main_visual_bottom{background-color:#f5f5f5;height:52px;width:100%;margin:0;padding:0;position:relative;border-bottom:1px solid #ddd}
#main_banner{height:260px;width:1000px;position:absolute;z-index:999;top:610px;background-color:#ffffff;left:50%;margin-left:-500px;border:1px solid #ddd}
#main_banner .main_banner_title{height:51px;background-color:#f5f5f5;border-bottom:1px solid #dddddd;margin:0;padding:0;list-style:none}
#main_banner .main_banner_title .main_banner_title_li{width:249px;border-right:1px solid #dddddd;float:left;height:51px}
#main_banner .main_banner_title .main_banner_title_li_last{width:249px;border-right:0;float:left;height:51px}

#main_banner .main_banner_title li {cursor:pointer;color:#777}
#main_banner .main_banner_title li h3 {font-size:13px;font-weight:600;line-height:51px;margin:0;padding-left:18px;float:left}
#main_banner .main_banner_title li img{float:right;padding:20px 20px 0 0}
#main_banner .main_banner_title li:hover {background-color:#fff;color:#444}
#main_banner .main_banner_contents{list-style:none;margin:0;padding:0}
#main_banner .main_banner_contents li {float:left;cursor:pointer}
#main_banner .main_banner_contents li h4 {font-size:15px;color:#444;margin:0;padding:19px 0 10px 16px;font-weight:600;line-height:16px}
#main_banner .main_banner_contents li p {font-size:11px;color:#999;margin:10px 0 0 0;padding:0 0 0 16px;line-height:17px;font-weight:600}
#main_banner .main_banner_contents .main_banner_contents01{width:249px;height:208px;border-right:1px solid #ddd;background:url('/images/layout/main_banner_bg01.png')}
#main_banner .main_banner_contents .main_banner_contents01:hover {background-color:#f5f5f5}
#main_banner .main_banner_contents .main_banner_contents02{width:249px;height:208px;border-right:1px solid #ddd;background:url('/images/layout/main_banner_bg02.png')}
#main_banner .main_banner_contents .main_banner_contents02:hover {background-color:#f5f5f5}
#main_banner .main_banner_contents .main_banner_contents03{width:249px;height:208px;border-right:1px solid #ddd;background:url('/images/layout/main_banner_bg03.png')}
#main_banner .main_banner_contents .main_banner_contents03:hover {background-color:#f5f5f5}
#main_banner .main_banner_contents .main_banner_contents04{width:249px;height:208px;border-right:0;background:url('/images/layout/main_banner_bg04.png')}
#main_banner .main_banner_contents .main_banner_contents04:hover {background-color:#f5f5f5}

.main-bottom {margin-top:235px;padding:0;border-top:1px solid #ddd;border-bottom:1px solid #ddd}

footer {width:100%;background-color:#eee;border-top:1px solid #ddd;height:65px;position:absolute;top:990px}
footer address{width:1000px;margin:15px auto 0}
footer address span{color:#888;font-size:12px;font-style:normal;padding-left:50px}
footer address select{float:right;font-size:11px;color:#888;font-family:'Dotum';margin-top:2px;padding:3px;border:1px solid #ccc}

#fade {display:none;background:#000; position:fixed; left:0; top:0; width:100%; height:100%;opacity:.80;z-index:9999;}

.popup-block {
	display:none;background:#fff;float:left;
	font-size:1.2em;position:fixed;top:50%; left:50%;
	z-index:99999;width:600px; height:450px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4);
	border:3px solid #f58326
}
.sitemap {width:100%;margin:0 auto;padding:10px 0 0 0;overflow:hidden;}
.sitemap dl {width:42%;float:left;padding:0 4% 0 4%;overflow:hidden;}
.sitemap dl dt {font-size:18px;color:#555;font-weight:600;margin:0 0 10px 0 ;padding:0 0 10px 0;border-bottom:1px dotted #777}
.sitemap dl dd  {font-size:13px;color:#999;margin:0;padding:0;list-style:none;line-height:30px}

.gullery {display:none;background:#fff;float:left;font-size:1.2em;position:fixed;top:50%; left:50%;z-index:99999;}
img.btn-close {position:absolute;top:0;right:0;}
*html #fade {position:absolute;}
*html .popup-block {position:absolute;}
*html .gullery {position:absolute;}


#sub_visual_wrap{background-image:url('/images/layout/sub_visual.jpg');width:2000px;height:140px;position:relative;left:50%;margin-left:-1000px}
#sub_visual_wrap .sub_visual{width:1000px;height:90px;margin:0 auto}
#sub_visual_wrap .sub_visual h1{color:#ffffff;font-size:72px;font-weight:400;margin:13px 0 0 0;padding:0;float:left}
#sub_visual_wrap .sub_visual ul {float:right;background-color:#ffffff;list-style:none;margin:0;padding:0;height:30px;padding:0 15px 0 15px;border-radius:3px;margin-top:115px}
/*html>body #sub_visual_wrap .sub_visual ul{float:right;background:url('/images/layout/sub_location_bg.png');list-style:none;margin:0;padding:0;height:30px;padding:0 15px 0 15px;margin-top:64px;background-size:contain;background-repeat:no-repeat;width:162px}
*/

#sub_visual_wrap .sub_visual ul li{float:left;font-family:'dotum';color:#999999;font-size:12px;line-height:30px;margin:0 2px 0 2px}

#sub_title {width:1000px;height:64px;border-bottom:1px solid #888;margin:0 auto;padding:27px 0 0 0}
#sub_title h2{font-size:28px;color:#555;padding:0;margin-top:40px;font-weight:600;float:left;}
#sub_title ul{float:right;list-style:none;margin:21px 0 0 0;padding:0;}
**#sub_title ul{float:right;list-style:none;margin:25px 0 0 0;padding:0;}
#sub_title ul li{float:left;margin:0 0 0 1px;padding:0;width:146px;height:42px;cursor:pointer;}
#sub_title ul .sub_title_on {
	height:43px;
	background:url('/images/layout/sub_tab_on.jpg') no-repeat right top;
	display:block;padding-left:15px;font-size:14px;color:#222;text-align:left;font-weight:600;line-height:42px;
	border:1px solid #888;border-bottom:none;background-color:#fff
}
#sub_title ul .sub_title_on:hover {
	background:url('/images/layout/sub_tab_on_on.jpg') no-repeat right top;
	display:block;padding-left:15px;font-size:14px;color:#222;text-align:left;font-weight:600;line-height:42px;
	border:1px solid #888;border-bottom:none;background-color:#fff
}
#sub_title ul .sub_title_off {
	display:block;padding-left:15px;font-size:14px;color:#fff;text-align:left;font-weight:600;line-height:42px;
	border:1px solid #0f6bbc;border-bottom:none;background-color:#0f6bbc
}
#sub_title ul .sub_title_off:hover {
	display:block;padding-left:15px;font-size:14px;color:#fff;text-align:left;font-weight:600;line-height:42px;
	border:1px solid #333;border-bottom:none;background-color:#333
}
#sub_title ul .sub_title_on2{background:url('/images/layout/sub_tab_on.jpg');display:block;font-size:14px;color:#222;font-weight:600;line-height:44px;background-repeat:no-repeat}
#sub_title ul .sub_title_off2{background:url('/images/layout/sub_tab_off.jpg');display:block;font-size:14px;color:#888;font-weight:600;line-height:44px;background-repeat:no-repeat}


#sub_contents{width:1000px;margin:0 auto;position:relative}
#sub_contents .sub01_text{font-size:16px;color:#777;line-height:22px;margin-bottom:30px;}
#sub_contents .sub01_text span{color:#555555}
#sub_contents .sub02_text{font-size:16px;color:#888;line-height:22px;margin-top:90px;}
#sub_contents .sub02_text p {text-align:right;margin:0;padding:0}
#sub_contents .sub02_text p span{font-weight:600;letter-spacing:5px}


#footer {width:100%;background-color:#eeeeee;border-top:1px solid #dddddd;height:60px;position:relative;bottom:0;overflow:hidden}
#footer address{width:1000px;margin:15px auto 0}
#footer address span{color:#999999;font-size:12px;font-style:normal;padding-left:50px}
#footer address select {float:right;font-size:11px;color:#999;font-family:'Dotum';margin-top:0px;padding:3px;border:1px solid #ccc;}



/*
#sub_contents .notice{margin:0 0 15px 0}
#sub_contents .notice table{width:100%;margin:0;padding:0;border-top:2px solid #747474}
#sub_contents .notice table th{height:40px;line-height:40px;color:#888888;font-size:15px;font-weight:normal;background-color:#FCFCFC;text-align:center;border-bottom:1px solid #dddddd}
#sub_contents .notice table .last{border-right:0}
#sub_contents .notice table td{height:40px;line-height:40px;color:#777777;font-size:12px;font-family:'Dotum';border-bottom:1px solid #dddddd}
#sub_contents .notice table .number{border-right:1px solid #dddddd;text-align:center}
#sub_contents .notice table .contents_title{border-right:1px solid #dddddd;text-align:left;padding-left:20px}
#sub_contents .notice table .contents_title a{text-decoration:none;color:#777777}
#sub_contents .notice table .writer{border-right:1px solid #dddddd;text-align:center}
#sub_contents .notice table .date{border-right:0;text-align:center}
#sub_contents .paging{margin-top:50px;width:1000px;display:inline-block}
#sub_contents .paging ul{list-style:none;margin:0 auto;text-align:center}
#sub_contents .paging ul li{width:30px;height:30px;text-align:center;line-height:30px;margin-right:3px;border:1px solid #dddddd;border-radius:3px;display:inline-block}
#sub_contents .paging ul .paging_on{background-color:#3C60A2}
#sub_contents .paging ul .paging_on a{text-decoration:none;color:#ffffff;display:block}
#sub_contents .paging ul .paging_off{background-color:#FCFCFC;}
#sub_contents .paging ul .paging_off a{text-decoration:none;color:#888888;display:block}
*/


.case {width:1100px;}
.case ul{list-style:none;margin:0;padding:0}
.case ul:after {content: ""; visibility: hidden; display: block; height:0; clear: both;list-style:none}
.case ul li {position:relative; float:left; width:210px; height:290px;margin:0 45px 50px 0}
/* .case ul li a {display:block; width:100%; height:100%;} */
.case ul li a:hover {}
.case ul li a:hover img {opacity:0.3; filter: alpha(opacity=30);}
.case ul li figure {height:100%; background-color:#333;}
.case ul li figure p{width:290px;height:30px;margin:0;padding:0;font-size:14px;line-height:30px}
.case ul li figure:hover {}
.case ul li figure:hover figcaption {transform:translate(0,0); -webkit-transform:translate(0,0); -moz-transform:translate(0,0)}
.case ul li figure:hover figcaption img {opacity:1; filter: alpha(opacity=100);}
.case ul li figure > img {position:absolute; top:0; left:0; width:100%; height:auto; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all}

.used-view {width:100%;margin:0 auto;padding:0}
.used-view > dl {overflow:hidden;margin:0}
.used-view > dl > dt {float:left;width:48%;text-align:center}
.used-view > dl > dd {float:left;width:48%;text-align:left}
.used-view > dl > dd p {padding:10px 0 10px 0}
.used-view > dl > dd p span {width:100px;display:inline-block}
.used-view .used-tit {font-size:22px;color:#444;padding:0 0 15px 0;margin:0 0 15px 0;border-bottom:1px solid #ddd}
.used-view .used-price {font-size:30px;color:#e5001e;}
.used-last {border-bottom:1px solid #ddd;height:40px}

/* 게시판 하단 버튼 */
.prevnext {overflow:hidden; margin:0 0 50px 0;font-size:12px}
.prevnext p {margin:0 0 0 1px}
.prevnext a {display:inline-block; border:1px solid #ddd; width:80px; padding:15px 0; font-weight:600; text-align:center; color:#9f9f9f;}
.prevnext a:hover {text-decoration:none; color:#555;}

.fl {float:left}
.fr {float:right}
.cb {clear:both}

/* 공지사항 */
.notice-list-header {width:100%;height:40px;margin:55px auto 0;line-height:40px;border-top:1px solid #555;border-bottom:1px solid #ccc;text-align:center;list-style:none;padding:0;font-size:13px;}
.notice-list-header dl {overflow:hidden;list-style:none;margin:0;padding:0}
.notice-list-header dl dd {display:inline-block;*float:left;text-align:center;list-style:none;margin:0;padding:0}
.notice-list-middle {width:100%;height:40px;padding:0;border-bottom:1px solid #ddd;line-height:40px;text-align:center;font-size:13px;}
.notice-list-middle dl {overflow:hidden;cursor:pointer;color:#777;list-style:none;margin:0;padding:0}
.notice-list-middle dl:hover {background-color:#f5f5f5;color:#333;list-style:none;margin:0;padding:0}
.notice-list-middle dl dd {display:inline-block;*float:left;text-align:center;color:#777;list-style:none;margin:0;padding:0}

/* 뷰페이지 폼 */
.board-view {top:15px;border-top:1px solid #555;width:100%;margin:0 auto;padding:0}
.board-view dl {border-bottom:1px solid #bbb;overflow:hidden;background-color:#f7f7f7;list-style:none;margin:0;padding:0}
.board-view dl dt {text-align:left;font-size:16px;margin:0 0 0 10px;padding:20px 0 0 0;color:#555;list-style:none}
.board-view dl dd {float:right;text-align:right;padding:10px 10px 0 10px;font-size:14px;color:#555;list-style:none;margin:0}
.board-view div {padding:20px 0 20px;border-bottom:1px solid #ddd;line-height:26px}

/* 게시판 검색 폼 */
.board_search {text-align:right;list-style:none;margin:0;padding:0}
.board_search * {vertical-align:middle;list-style:none;margin:0;padding:0}
.board_search select {border:1px solid #d9d9d9; width:79px; padding:9px;font-size:12px}
.board_search input[type="text"] {border:1px solid #d9d9d9; width:200px; padding:10px;font-size:12px}

/* 페이징 */
.paging {width:100%;margin:30px auto 30px; text-align:center;list-style:none;}
.paging li {display:inline-block;margin:0 2px 0 0;padding:0;list-style:none}
.paging a {display:inline-block;width:35px;height:35px;margin:0;padding:0;border:1px solid #acacac;font-size:14px;line-height:35px;font-weight:600;text-align:center; color:#acacac;list-style:none}
.paging a:hover, .paging a.on {background-color:#aaa; border:1px solid #aaa; text-decoration:none; color:white;list-style:none;margin:0;padding:0}
.paging .paging_on a {color:#fff;background-color:#3C60A2;border:1px solid #3C60A2;list-style:none;margin:0;padding:0}
.paging a.paging_on {color:#fff;background-color:#3C60A2;border:1px solid #3C60A2;list-style:none}
.paging a.paging_off {border:1px solid #ccc;list-style:none}
.paging a.paging_off:hover {background:#ccc; border:1px solid #ccc; text-decoration:none; color:white;list-style:none}
.paging a.arrow_l:hover,.paging a.arrow_r:hover {height:37px;background:#ccc;color:#fff;list-style:none}
.paging a.arrow_l {border:none !important;margin-right:5px;list-style:none}
.paging a.arrow_r {border:none !important;margin-left:5px;list-style:none}
/* 게시판 하단 버튼 */
.prevnext {overflow:hidden; margin:15px auto 0;font-size:12px}
.prevnext p {margin:0 0 0 1px}
.prevnext a {display:inline-block; border:1px solid #ddd; width:80px; padding:15px 0; font-weight:600; text-align:center; color:#9f9f9f;}
.prevnext a:hover {text-decoration:none; color:#063988;}

/* FAQ */
.faq {margin:10px auto 50px}
.faq dl {overflow:hidden}
.faq dl dt {
	margin:0 0 5px 0;padding:0 0 0 20px;display:block;
	line-height:50px;font-size:14px;color:#666;cursor:pointer;border:1px solid #ddd;
	font-weight:600;background:url('/images/content/faq_off_bg.jpg') no-repeat 960px 18px
}
.faq dl dt strong {color:#c92525;font-size:20px}
.faq dl dd {font-size:14px;color:#777;line-height:22px;padding:20px 0 30px 35px}
.faq dl dd strong {color:#2567c9;font-size:20px}

/* NR-7소개 */
.pro-intro {margin:0 auto 10px}
.pro-intro dl dt {margin:0 auto 15px;padding:0 0 0 10px;font-size:16px;color:#444;font-weight:600;line-height:16px;border-left:3px solid #364d96}
.pro-intro dl dd {font-size:14px;line-height:25px;/**color:#666;**/margin:0;padding:15px 0 0 0; font-weight:bold;}
.pro-intro dl dd strong {display:block;color:#444}
.pro-intro dl dd p {margin:3px 0 3px 0;padding:0 0 0 10px; margin-bottom:20px;}
.pro-intro table {font-size:13px;/**color:#555**/}
.pro-intro table tr td {padding:7px 0 7px 0;text-align:center;border-right:1px solid #ddd;border-bottom:1px solid #ddd}
.pro-intro .bn-r {border-right:none}


.pro-intro2 {margin-bottom:50px;} border:1px solid #ccc;
.pro-intro2 dl dt {margin:0 auto 15px;padding:0 0 0 10px;font-size:16px;color:#444;font-weight:600;line-height:16px;border-left:3px solid #364d96}
.pro-intro2 dl dd {font-size:14px;line-height:25px;color:#666;margin:0;padding:15px 0 0 0; border:#ccc; }
.pro-intro2 dl dd strong {display:block;color:#444}
.pro-intro2 dl dd p {margin:3px 0 3px 0;padding:0 0 0 10px}
.pro-intro2 table {font-size:13px;color:#555}
.pro-intro2 table tr td {padding-left:30px; }
.pro-intro2 .bn-r {border-right:none}