@charset "utf-8";

/* 메인폰트 - 나눔스퀘어*/

@font-face {
    font-family: 'nanum-square-r';
    src: url('nanum-square-r/nanumsquarer.eot');
    src: url('nanum-square-r/nanumsquarer.eot?#iefix') format('embedded-opentype'),
    url('nanum-square-r/nanumsquarer.woff2') format('woff2'),
    url('nanum-square-r/nanumsquarer.woff') format('woff'),
    url('nanum-square-r/nanumsquarer.ttf') format('truetype'),
    url('nanum-square-r/nanumsquarer.svg#nanumsquarerregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nanum-square-b';
    src: url('nanum-square-b/nanumsquareb.eot');
    src: url('nanum-square-b/nanumsquareb.eot?#iefix') format('embedded-opentype'),
    url('nanum-square-b/nanumsquareb.woff2') format('woff2'),
    url('nanum-square-b/nanumsquareb.woff') format('woff'),
    url('nanum-square-b/nanumsquareb.ttf') format('truetype'),
    url('nanum-square-b/nanumsquareb.svg#nanumsquarebregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Main Layout */
#wrap { width:100%; }
#headerWrap { width:100%; height:145px; /*background:url(../img/main/header_bg.gif) repeat-x;*/ }
#headerWrap #header { width:1200px; /*width:1000px;*/ margin:0 auto; position:relative; background:url(../img/main/header_topbg.gif) right top no-repeat; }
#headerWrap #header h1 { width:258px; height:37px; padding:32px 0 0 389px; }
#headerWrap #header .top_menu { width:169px; height:13px; position:absolute; top:32px; right:0px; }
#headerWrap #header .top_menu li { float:left; }
#headerWrap #header .gnb { width:1000px; height:45px; position:absolute; top:99px; }
#headerWrap #header .gnb li { float:left; }
#containerWrap { clear:both; width:100%; background:url() center top no-repeat; position:relative; top:0px;background-repeat:no-repeat;background-attachment:fixed;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover; } 
/* #containerWrap { clear:both; width:100%; height:734px; background:url(../img/main/main_contBg.jpg) center top no-repeat; position:relative; top:0px;background-repeat:no-repeat;background-attachment:fixed;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover; } */

/* #containerWrap { clear:both; width:100%; height:734px; background:url(../img/main/main_contBg.jpg) center top no-repeat; position:relative; top:0px;background-repeat:no-repeat;} */

#containerWrap #container { width:1200px; margin:0 auto; height:220px; position:relative; }
#containerWrap #container #slogan { position:absolute; }
#containerWrap #container #slogan .slogan_img { width:374px; height:300px; margin-bottom:135px; }
#containerWrap #container #slogan .slogan_btn li { float:left; margin-left:8px; }
#containerWrap #container #bannerBox { width:100%; top no-repeat; top:34px;position:relative; }
#containerWrap #container #bannerBox #banner01 { width:360px; height:120px; float:left; position:relative; }
#containerWrap #container #bannerBox #banner02 { width:301px; height:120px; float:left; position:relative; }
#containerWrap #container #bannerBox #banner02 .requestBox { width:269px; height:116px; position:absolute; top:0px; left:0; background:url(../img/main/m_request_bg.gif) no-repeat; }
#containerWrap #container #bannerBox #banner02 .requestBox .snsbox { width:114px; height:px; position:relative; padding:30px 0 0 14px; }
#containerWrap #container #bannerBox #banner02 .requestBox .snsbox textarea { font-size:12px; font-family: 'nanum-square-r'; color:#939292; line-height:1.4em; }
#containerWrap #container #bannerBox #banner02 .requestBox .name_input { position:absolute; top:21px; left:135px; }
#containerWrap #container #bannerBox #banner02 .requestBox .name_input input { font-size:12px; font-family: 'nanum-square-r'; color:#939292; line-height:1.4em; }
#containerWrap #container #bannerBox #banner02 .requestBox .tel_input { position:absolute; top:61px; left:135px; width:135px; }
#containerWrap #container #bannerBox #banner02 .requestBox .tel_input input { font-size:12px; font-family: 'nanum-square-r'; color:#939292; line-height:1.4em; }
#containerWrap #container #bannerBox #banner02 .requestBox .requsetBtn { position:absolute; top:87px; left:135px; width:128px; height:24px; }
#containerWrap #container #bannerBox #banner03 { width:240px; float:left; position:relative; }
#containerWrap #container #bannerBox #banner03 h2 {left:0px; position:absolute; }
#containerWrap #container #bannerBox #banner03 .more_btn { top:28px; right:11px; position:absolute; }
#containerWrap #container #bannerBox #banner03 .latest { top:35px; left:0px; position:absolute; text-align:left;float:left}
#containerWrap #container #bannerBox #banner03 .latest li { margin-bottom:6px; height:14px; }
#containerWrap #container #bannerBox #banner03 .latest li .notice_txt { color:#ff0000; font-weight:bold; font-size:12px; font-family: 'nanum-square-r'; }
#containerWrap #container #bannerBox #btnBox { clear:both; width:1000px; height:61px; }
#containerWrap #container #bannerBox #btnBox li { float:left; }

/* Footer CSS */
#footerWrap { width:100%; /*background:url(../img/main/footer_bg.gif) repeat-x;*/ clear:both;font-family: 'nanum-square-r'; }
#footerWrap #footer { width:1200px; margin:0 auto; /*height:97px;*/ position:relative; border-top: 1px solid #dadada; }
#footerWrap #footer h1 { top:23px; /*left:2px;*/ position:absolute; width:200px; }

/* Footer CSS - Final */
#footerWrap #footer .info_grp {position: absolute; top:20px; left:200px; width:600px; font-size: 12px; color:#5a5a5a; line-height: 20px;}
#footerWrap #footer .info_grp .info_list {}
#footerWrap #footer .info_grp .info_list>li {width:33%;float:left;font-family: 'nanum-square-r';}
#footerWrap #footer .info_grp .info_list_even >li:first-child {width:33%;float:left;}
#footerWrap #footer .info_grp .info_list_even >li:last-child {width:65%;float:left;}
#footerWrap #footer .info_grp .copyright {position:absolute; top:60px; left:0; font-family: 'nanum-square-r'; font-size: 13px; color:#5a5a5a; margin-top: 10px; font-weight: bold;}
#footerWrap #footer .copyright { font-family: 'nanum-square-r'; position:absolute; top:20px; left:230px; clear:both; /*margin-bottom: 30px;*/padding-bottom:30px; width:500px; }

#footerWrap #footer .partner_lnk {width: 418px; /*width:450px;*/position:absolute; top:20px; left:854px; /*top:20px; left:860px; border: 1px solid #dadada;*/}
#footerWrap #footer .partner_lnk .partner_list {}
#footerWrap #footer .partner_lnk .partner_list >li {width:33%; height: 40px; /*padding:20px; background-color: #f0f0f0;*/ float:left;}
#footerWrap #footer .partner_lnk .partner_list >li:first-child {width:25%; float:left;}
#footerWrap #footer .partner_lnk .partner_list >li:last-child {width:50%; float:left;}

#footerWrap #footer table.partner {width:380px;position:absolute; top:20px; left:820px; /*top:20px; left:720px; border: 1px solid #dadada;*/}
#footerWrap #footer table.partner tr {}
#footerWrap #footer table.partner td {width:33%; height: 40px; /*padding:20px; background-color: #f0f0f0;*/ text-align: center;}


/* Footer - Util CSS / 20180222 ver. */
#footerWrap .footer_util {width:1200px; height: 60px; display: block;margin: 0 auto; position: relative; border-top:1px solid #dadada;border-bottom: 1px solid #dadada; }
#footerWrap .footer_util ul.utilmenu {font-family: 'nanum-square-r'; line-height: 60px; position:absolute; left:50%; margin-left: -245px;}
#footerWrap .footer_util ul>li {float: left; font-size:14px; width:150px; text-align: center; display: blockl; margin: 0 auto;}
#footerWrap .footer_util ul>li.divide {width:20px;}
#footerWrap .footer_util ul>li:hover {text-decoration: none;}
#footerWrap .footer_util ul>li a {text-decoration: none;font-size: 14px; color:#8c8c8c}
#footerWrap .footer_util ul>li a:link {font-family: 'nanum-square-r'; color:#8c8c8c; }
#footerWrap .footer_util ul>li a:visited {font-family: 'nanum-square-r'; color: #8c8c8c; }


/* GNB 서브메뉴*/
#subMenuWrap {width:100%; height:133px; position:absolute; top:45px; background:url(../img/main/gnbSub_bg.png) top repeat-x; clear:both; z-index:1;display:none}
#subMenuWrap #subMenu { width:1000px; height:133px; margin:0 auto; position:relative; }
#subMenuWrap #subMenu dl { float:left; }
#subMenuWrap #subMenu dl.subCate1 { width:131px; height:12px; padding:19px 0 0 52px; }
#subMenuWrap #subMenu dl.subCate2 { width:132px; height:12px; padding:19px 0 0 51px; margin-left:21px; }
#subMenuWrap #subMenu dl.subCate3 { width:124px; height:12px; padding:19px 0 0 59px; margin-left:21px; }
#subMenuWrap #subMenu dl.subCate4 { width:118px; height:12px; padding:19px 0 0 65px; margin-left:21px; }
#subMenuWrap #subMenu dl.subCate5 { width:117px; height:12px; padding:19px 0 0 66px; margin-left:21px; }
#subMenuWrap #subMenu dl.subCate6 { width:117px; height:12px; padding:19px 0 0 66px; margin-left:21px; }
#subMenuWrap #subMenu dd { margin-bottom:9px; height:12px;}