@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('reset.css');
@charset "utf-8";
/* reset */
body,
button,
input,
select,
textarea {
	color: #2b2b2b;
	font-family:'나눔바른고딕', NanumBarunGothic, nbg_bold, '나눔고딕', NanumGothic, Malgun Gothic,AppleSDGothicNeo,Apple Gothic,dotum, sans-serif, Lato, sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.7;
}
a {
	color:#ffd405; 
	text-decoration: none;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

a:active,
a:hover {
	color:#AF1D71;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	
	font-weight: 600;
	margin: 0;/*margin: 36px 0 12px;*/
}

h1 {
	font-size: 22px;
	line-height: 1.3846153846;
}

h2 {
	font-size: 20px;
	line-height: 1;
}

h3 {
	font-size: 18px;
	line-height: 1.0909090909;
}

h4 {
	font-size: 16px;
	line-height: 1.2;
}

h5 {
	font-size: 14px;
	line-height: 1.3333333333;
}

h6 {
	font-size: 13px;
	line-height: 1.5;
}


/* layout */

.logo-h{max-width:1024px; margin: 0 auto 0;text-align:right;padding-right: 10px}
.hblock{
    display:inline-block;text-align:right;
	display: inline-block;
	vertical-align:middle;
	padding-right: 10px;
	 };
.hbanner{max-width:90%; position:relative;float:right;}
.hbanner img{max-width:100%; height:auto;}
.logo-i{width:200px; margin: 0 auto;float: left;display: inline-block;text-align: left;padding-left: 50px;}
.mainmenu-h{width:100%; height: 38px; margin:0 auto 0 ;display:block; min-width:1024px;
voice-family : "\"}\"";
voice-family :inherit;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background-color:#2e1510;
height:92px;
/*-moz-box-shadow:
        0px 3px 11px rgba(000,000,000,0.5);
    -webkit-box-shadow:
        0px 3px 11px rgba(000,000,000,0.5);
    box-shadow:
        0px 3px 11px rgba(000,000,000,0.5);*/
}
.mainmenu-wrap{/*width:1260px;*/ margin:0 auto; display:block;}
.mainmenu-menu{position:relative;float:left; margin: 15px 0 0 0;z-index:20;display:block;color:#fff;}
.mainmenu-etc{position:relative;float:right;margin-top:-38px;color:#a5a5a5; clear:both;}

.slide-h{width:1024px; margin:0 auto 0 ;clear:both;}
.maincontainer{display: block;color:#000;max-width:1024px;margin:0 auto 0;height:auto;width:1024px;}
.maincontainer2{display: block;color:#000;width:100%;height:auto;}
.maincenter{float:left;min-height:100%;
width:976px;
voice-family : "\"}\""; 
voice-family : inherit; 
width: -webkit-calc(100% - 283px);
width:calc(100% - 283px);
background-color:#fff;background-color:rgba(255, 255, 255, .6); 
border: 1px solid rgba(255, 255, 255, 0.6);
padding:10px 10px 10px 10px;}
.maincenter2{float:left; margin:0; height:auto;min-height:480px;width: 1024px;background-color: #d9d1ac;margin:0;padding:0;}
.maincenter-cont{
	margin:0;padding: 8px 10px 20px 10px;
	background-color: #fff; 
min-height: 692px;
voice-family : "\"}\""; 
voice-family : inherit; 
width: -webkit-calc(100% - 284px);
width:calc(100% - 284px);
float:left;width: 780px;}
.main_index{width: 1024px;min-height: 450px;background-color: #d9d1ac;padding: 8px 0 0 0; }
.mainside2{position:relative; float:left;width:248px;voice-family : "\"}\"";voice-family :inherit; width:240px;height:100%;min-height:650px;margin:0;padding:10px;}
.mainside{position:relative; float:left; width:180px;height:100%;min-height:650px;padding: 0 10px 0 10px;
/*border-right: 1px solid rgba(151, 208, 251, .5);
background-color:#d9d1ac;
background-color:rgba(151, 208, 251, .6);*/}
.footer-h{clear:both;position:relative; float:left; width:100%; margin:20px auto 3px ;border-top: 1px solid rgba(40, 81, 147, .2);border-bottom: 1px solid rgba(40, 81, 147, .2);background-color:#285193;background-color:rgba(40, 81, 147, .5);}

.bottom-ha{clear:both;position:relative; width:100%; min-height:38px; margin:3px auto 0px ;background-color:#272F47;background-color:rgba(39, 47, 71, .8);}
.bottom-h{width:1024px;clear:both;position:relative;  height:120px; margin:0px auto 0;}
.bottom-bg{clear:both;position:relative; width:100%; min-height:60px; margin:0px auto 0;background-color: #beb698;min-width: 1024px;}
.bottom-logo{width: 150px;margin: 2px 0px 0 auto;display: inline;padding-left: 30px;float: left;}
.bottom-phonenum{margin:10px 10px 0 auto;display: inline;padding: 0px;float:right;}
/* main-menu setting */

.mainmenu-menu li {list-style: none;z-index: 10000;}
.mainmenu-menu li a {text-decoration: none;}
.mainmenu-menu li a:hover,
.mainmenu-menu li ul li a:hover,
.mainmenu-menu .depth1 > li a:hover {
color: #ffd405; 
font-weight:bold;
}

.mainmenu-menu .depth1 { display: block; height: 38px;margin:0;}
.mainmenu-menu .depth1 > li {width: 150px; height: 38px; float: left; position: relative; text-align: center; }
div.mainmenu-h > div.mainmenu-wrap > div > ul > li:nth-child(2) {width: 180px;}
div.mainmenu-h > div.mainmenu-wrap > div > ul > li:nth-child(3) {width: 200px;}
div.mainmenu-h > div.mainmenu-wrap > div > ul > li:nth-child(4) {width: 220px;}
div.mainmenu-h > div.mainmenu-wrap > div > ul > li:nth-child(5) {display: none}
.mainmenu-menu .depth1 > li:after {  content: ""; display: block; clear: both;}
.mainmenu-menu .depth1 > li a { display:block; height: 38px; font-size: 15px; line-height: 38px;
    font-family: '나눔바른고딕', NanumBarunGothic, nbg_bold, '나눔고딕', NanumGothic, dotum, gulim, sans-serif;
    color: #fff;
    font-weight: bold;
}
.mainmenu-menu .depth1 li a img {vertical-align:middle;}
.mainmenu-menu .depth2 {
    position: absolute;
    left: 10%;
    top: 38px;
    background: #fff;
    display: none;
    box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1);
    z-index: 999;
}
.mainmenu-menu .depth2 li {
    float: none;
    color:#361e11;
    font-weight: bold;
    background: #d4cdb1;
    width: 130px;
    height: 30px;
    border: 1px solid #e6e6e6;
    border-top: none;
    text-align: left;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.mainmenu-menu .depth2 li:first-child {
    border-top: 1px solid #e6e6e6;
}

.mainmenu-menu .depth2 li a {
	 display: block;
	 padding-left: 14px;
	 height:32px;
    line-height: 32px;
    font-weight: normal;
    font-size: 12px;
    font-family: 나눔바른고딕, NanumBarunGothic, nbg, 나눔고딕, NanumGothic, dotum, gulim, sans-serif;
    color: #585858;
}

.mainmenu-menu .depth2 > li:hover > a {
	color:#000;
    font-weight: bold;
}

.mainmenu-menu .depth2 .arrow-right {
    display: block;
    position: absolute;
    top: 0;
    right: 15px;
}

.mainmenu-menu .depth3 {
    position: absolute;
    left: 119px;
    top: -1px;
    background: #fff;
    display: none;

}

.mainmenu-menu .depth3 li a {
	    box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1);
    color: #585858;
}

.mainmenu-menu .depth3 > li:hover > a {
	color:#fff;
    font-weight: bold;
}

.mainmenu-menu .depth1 > li:hover > a .arrow-up {
    position: absolute;
    left: 80px;
    bottom: -1px;
    width: 0px;
    height: 0px;
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-bottom: 5px solid #fff;
    z-index: 12000;
}

.mainmenu-menu .depth1 > li:hover > a .arrow-up-back {
    position: absolute;
    left: 80px;
    bottom: -1px;
    width: 0;
    height: 0;
    border-left: 7px solid rgba(0, 0, 0, 0);
    border-right: 7px solid rgba(0, 0, 0, 0);
    border-bottom: 7px solid #e6e6e6;
}

/* side menu */
.lnb {position:relative; float :left; width: 100%;}
.lnb:after{content:"";display:block;clear:both}
.sidemenu-title{display:block;clear:both;width:100%; padding:20px 0 20px 0;color:#2e1510;font-size:15px;font-weight: bold;border-bottom: 1px solid rgba(255, 255, 255, .8);background-color:#beb698;/*background-color:rgba(40, 81, 147, .6);*/}
.lnb {list-style:none;}
.lnb li {display:block; cursor: pointer;width:100%; font-size:13px;font-weight:300;padding:6px 0 6px 0;border-bottom: 1px solid rgba(255, 255, 255, .8);background-color:#fff;background-color:rgba(255, 255, 255, .3); }
.lnb li a{color: #2e1510;margin-left:20px; width:100%; display: inline-block;}
.lnb li:hover {background-color:#beb698;/*background-color:rgba(40, 81, 147, .5);*/}
.lnb li:hover > a {color:#fff; }
.lnb li.active {background-color:#fff;background-color:rgba(255, 255, 255, .6); }
.lnb li.active:hover {background-color:#beb698;/*background-color:rgba(40, 81, 147, .5);*/}

/* contents */
.maincenter2 .maincenter-cont .title_set {display:block;list-style:none;width:100%; margin:0px 0px 12px; border-bottom:1px solid #c9c9c9; overflow:hidden; padding:0px 0;}
.maincenter2 .maincenter-cont .title_set h2{display:block;float:left; margin-top:0px; background:url(img/bul_h2.png) no-repeat 0 2px; padding-left:26px; font-size:18px; color:#3a3a3a;}
.maincenter2 .maincenter-cont .title_set ul{list-style:none;float:right; margin: 0 0 5px 0;}
.maincenter2 .maincenter-cont .title_set li{float:left; color:#3a3a3a; padding-left:14px; font-size:11px; background:url(img/bul_location_arrow.png) no-repeat 1px 4px;}
.maincenter2 .maincenter-cont .title_set li:first-child {background:url(img/bul_location_home.png) no-repeat 1px 4px;}

.hblock li{display: inline-block;list-style: none;margin-right:10px;font-size: 10px;}
.hblock a{color:#a27b5e;}
.hblock a:hover{color:#fff;}
.hblock i{margin-right:4px;font-size:18px;vertical-align:sub;}
.primary-navigation .nav-menu a:before { content: "\f069"; color:#fff; font-family: 'FontAwesome'; margin-right: 10px; } 

.footer-wrap{clear:both;max-width:1260px; margin:16px auto 16px;}
.fblock{display: inline-block;width: 33%; vertical-align:top; color:#fff; }
.fblock a{color:#70CCFE; }
.fblock a:hover{color:#AF1D71; }
.fblock-cont{width:86%;height:240px;margin:0 auto;padding:16px; background-color:#285193;background-color:rgba(40, 81, 147, .5); }
.fblock-cont-l{width:86%;height:240px;float:left;margin:0; padding:16px;background-color:#285193;background-color:rgba(40, 81, 147, .5); }
.fblock-cont-r{width:86%;height:240px;float:right;margin:0 ; padding:16px;background-color:#285193;background-color:rgba(40, 81, 147, .5); }
.fblock i{font-size:42px;float:left; margin-right:14px;}


.bottom-cont{font-size: 11px;padding:0; color:#58554a;  margin:0;margin-top: 20px;width: 420px;float: left;}
.bottom-cont .contact{color:#6b5445;font-weight:bold; width: 450px; display:block;}
.bottom-cont .copyright{ font-size: 10px;width: 420px; display:block;}

.bottom-menu{padding: 10px; color:#a59f9f; text-align: center; vertical-align: middle;}
.bottom-menu ul li { list-style: none; display:inline; border-left: 1px solid #666; padding: 0 15px; line-height: 12px;}
.bottom-menu ul:after { content: ""; display: block; clear: both;}
.bottom-menu ul li:first-child { border-left: none; padding-left: 0;}
.bottom-menu ul li a { font-size: 12px;  color: #a59f9f; line-height: 15px;}

/* navigation */

.searchbt{background-color: #a9487c;cursor: pointer;float:right;height: 30px;width: 30px;margin:3px 4px 4px 2px; text-align: center;}
.searchbt:hover,
.searchbt.active {background-color: #a0122a;}
.searchbt i{color: #fff;font-size: 18px;margin-top: 6px;}
.searchbox {display:none;z-index:50;float:right;font-size: 12px; width:150px;height:30px;margin: 4px;}
.s4search .iText {float:right;background:#BDB0AC;top:0px; border:0px; width:110px; height:20px;padding-left: 10px;padding-right: 10px; outline: none;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em;
margin-right:2px; margin-top:4px;vertical-align:top;}
.s4search .submit{float:right;margin-top:4px; width:32px !important; height:22px !important;}
.s4search .iText:focus{font-weight: 600;width: 130px;}

.allmenubt{background-color: #c05856;cursor: pointer;float:right;height: 30px;width: 30px;margin:3px 4px 4px 2px;text-align: center;clear:both;}
.allmenubt:hover,
.allmenubt.active {background-color: #a0122a;}
.allmenubt i{color: #fff;font-size: 18px;margin-top: 7px;}
.allmenu{display:none;width:100%;min-height:180px; font-size:12px; z-index:40;background-color:#474145;background-color:rgba(71, 65, 69, .7);vertical-align:top; }
.allmenu-cont{overflow:hidden;width:1260px;margin:0 auto; padding:10px 0 10px 0;}
/* 최상단 전체메뉴 (사이트맵) */
.allmenu-cont ul{text-decoration:none; list-style:none; padding:0px; margin:2px 0 0 10px;}
.allmenu-cont ul li{width:150px; margin:7px 10px;}
.allmenu-cont ul li a{color:white; font-size:14px; font-weight:bold;}
.allmenu-cont ul li li{float:left; margin:0px; margin-top:4px;margin-bottom:5px;}
.allmenu-cont ul li li:first-child{margin-top:10px;}
.allmenu-cont ul li li li:first-child{margin-top:4px;margin-bottom:5px;}
.allmenu-cont ul li li a{color:#C6B8CB; font-size:13px; font-weight:normal;}
.allmenu-cont ul li li li{margin-top:4px;margin-bottom:5px; margin-left:7px;}

.allmenu-cont .selected1{color:#F8DA8B;}
.allmenu-cont .selected2{color:#FFFFFF;}
.allmenu-cont .selected3{color:#FAB35A; text-decoration:underline;}
.allmenu-cont ul li:hover .strong{color:#E372ED;}
.allmenu-cont ul li li a:hover{color:white;}

.allmenu-cont ul li a:before { content: "\f069"; color:#fff; font-family: 'FontAwesome'; margin-right: 5px; }
.allmenu-cont ul li li a:before { content: "\f06c"; color:#C6B8CB; font-family: 'FontAwesome'; margin-right: 5px; }
.allmenu-cont ul li li li a:before { content: "\f141"; color:#C6B8CB; font-family: 'FontAwesome'; margin-right: 5px; }

/* Modal Login*/

#lean_overlay {
    position: fixed;
    z-index: 100;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}

#im_modal_login {
    width: 300px;
    padding: 20px 20px 20px 20px;
    background: #A56170;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.6);
    display: none;
    font-family: 나눔바른고딕, NanumBarunGothic, nbg, 나눔고딕, NanumGothic, dotum, gulim, sans-serif;
    position: relative;
}

#im_modal_login .loginWindow_header {
    margin-bottom: 18px;
}

#im_modal_login .loginWindow {
    width: 300px;
}

#im_modal_login .loginWindow dl dt {
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px;
    line-height: 10px;
}

#im_modal_login .loginWindow #uid, .loginWindow #upw {
    width: 270px;
    height: 38px;
    line-height: 38px;
    font-size: 18px;
    padding: 0 15px 0 15px;
    margin-bottom: 25px;
    color: #444;
    font-weight: bold;
    font-family: arial, dotum, gulim, sans-serif;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: none;
}

#im_modal_login .loginWindow .keep_text {
    font-size: 14px;
    color: #fff;
    display: inline-block;
    padding-top: 2px;
    float: left;
    margin-left: 10px;
    margin-bottom: 20px;
}

#im_modal_login .loginWindow .keepWrap:after {
    content: "";
    display: block;
    clear: both;
}

#im_modal_login .loginWindow .keep {
    width: 21px;
    height: 21px;
    position: relative;
    float: left;
}

#im_modal_login .loginWindow .keep label {
    cursor: pointer;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    left: 0;
    background: #eee;
    border: 1px solid #ddd;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

#im_modal_login .loginWindow .keep label:after {
    opacity: 0.2;
    content: '';
    position: absolute;
    width: 7px;
    height: 4px;
    background: transparent;
    top: 5px;
    left: 5px;
    border: 3px solid #A56170;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#im_modal_login .loginWindow .keep label:hover::after {
    opacity: 1;
}

#im_modal_login .loginWindow .keep input[type=checkbox]:checked + label:after {
    opacity: 1;
}

#im_modal_login .loginWindow .submit_btn a {
    display: inline-block;
    width: 270px;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    padding: 0 15px 0 15px;
    background-color: #4B3645;
    color: #fff;
    text-decoration: none;
    text-align: center;
}

#im_modal_login .loginWindow .login_menu ul {
    text-align: center;
    margin-top: 25px;
}

#im_modal_login .loginWindow .login_menu ul li {
    display: inline-block;
    padding: 0 10px;
    border-left: 1px solid #fff;
    list-style: none;
    line-height: 14px;
}

#im_modal_login .loginWindow .login_menu ul li:first-child {
    border-left: none;
}

#im_modal_login .loginWindow .login_menu ul li a {
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    line-height: 14px;
}

#im_modal_login .loginWindow .login_menu ul li a:hover, #im_modal_login .loginWindow .login_menu ul li a:focus {
    text-decoration: underline;
}

#im_modal_login .close_loginWindow {
    position: absolute;
    right: 25px;
    top: 25px;
}

#im_modal_login .modal_close {
    font-size: 26px;
    color: #fff;
}

.im_hidden {
    display: none;
    text-indent: -9999px;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
    overflow: hidden;
}

body {background-color:#d9d1ac}
.mainmenu-wrap{width:1024px;}

.slide-h{width:1024px;}
.mainmenu-etc {margin-top:-38px;}
.allmenu-cont{width:1024px;}

.sitemap{
float: left;
margin-left: 5%;
margin-top:20px;
width: 42%;
}
.sitemap .sitemap_section h4 {
height: 24px;
border-bottom: 1px solid #361813;
background-color: #beb698;
padding: 2px 6px;
font-weight: bold;
}
.sitemap .sitemap_section h4 a {
color: #2e1510;
}
.sitemap a:hover {
text-decoration: underline;
}
.sitemap .sitemap_section li{
    padding: 7px 0 0;
min-height: 31px;
border-bottom: 1px solid #e1e1e1;
}
.sitemap .sitemap_section li a {
color: #333;
font-size: 14px;
padding-left: 10px;
}
ul, ol {
list-style: none;
}
/*플래시 메인베너*/
.flashSlide{
    width:1024px;
    height:400px;
    position: relative; 
    overflow:hidden;
     background-image: url('img/main_img.jpg');
     background-size:1022px 399px;
     background-repeat: no-repeat;
     z-index: 0;
}

/*slide 자동 이미지 슬라이드 
#slidy .fl {
    float: left;
}

#slidy .slidepart {
    width: 456px;
    height: 253px;
    overflow: hidden;
    position: relative;
}
#slidy .slidepart img {
    position: absolute;
}
.sl_paginationpart {
    width: auto;
    height: 15px;
    display: block;
    position: absolute;
    right:420px;
    bottom: 0px;
    padding: 6px;
}

ul.slpagination {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
ul.slpagination li {
    margin: 0px;
    padding: 0px;
    list-style: none;
    float: left;
}

ul.slpagination li a.prev {
    background: url(img/sl_prev.png) no-repeat;
    width: 27px;
    height: 27px;
    display: block;
    margin-top: -180px;
margin-left: -440px;
}
ul.slpagination li a.next {
    background: url(img/sl_next.png) no-repeat;
     width: 27px;
    height: 27px;
    display: block;
    margin-top: -180px;
margin-right: -440px;
}
ul.slpagination li a.number {
    background: url(img/sl_nobg.png) no-repeat;
    width: 13px;
    height: 13px;
    display: block;
    text-align: center;
    margin: 0px 3px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}
ul.slpagination li a.select {
    background: url(img/select_sl.png) no-repeat;
}
*/