/******************** layout ********************/
.d_width{width:1200px; margin:0px auto; position:relative;}

#wrap {position: relative;  width:100%;  min-width:340px;} 
#header {position:absolute; margin:0px auto;  z-index: 40; height:186px; width:100%; background:rgba(1,1,1,0.4);}
.header-menu {position:absolute; top:109px;  margin:0px auto;  z-index: 40; height:78px; width:100%;}
.header-menu-fixed {position:fixed;z-index:999;top: 0px;border-top: none;border-bottom: 1px solid #474341;background:rgba(1,1,1,0.95);}
.logo_wrap {position: relative;width:100%;height:108px;text-align: center;border-bottom:1px solid #474341;}
h1#logo{position: relative;top: 34px;}


/* 대메뉴 */
.gn_area {position:relative;width: 1000px;margin: 22px auto 0 auto; z-index:101; display:block;} 
.gn { display:block;  padding:0; }
.gn li { position:relative; display:block; float:left;  padding-bottom:30px;}
.gn .label { font-size:19px; color:#fff; font-weight:500;  line-height:30px;display:inline-block;text-align:center;margin-right:95px; }
.gn .mu5 {margin-right:0px;}

.gn li a{padding-bottom:30px;}

.sn {top:41px;box-sizing:border-box;z-index:9999999;}
.sn ul { display:block; height:190px; margin:0; padding:18px 0px 0 0; }
.sn ul li { list-style:none; display:block; float:none; margin:0; padding:0; }
.sn ul li a { display:block; padding:5px 10px 5px 0px; font-size:15px; color:#fff; line-height:16px; text-align:center;  font-weight:normal; }
.sn ul li a:hover,  .sn ul li a:active,  .sn ul li a:focus{ text-decoration: none;}

.gn li:hover .label {color:#fff;  }
.gn li ul li a:hover{ color:#fff;text-decoration:underline;}

ul.gn2:hover, ul.gn2:active, ul.gn2:focus{ width:100%;}


.gn li:hover .label {color:#fff;  }
.gn li:hover ul li a{ color:#fff;}
.gn li:hover ul li a:hover{color:#fff; }

ul.gn2:hover, ul.gn2:active, ul.gn2:focus{ width:100%;}


.sn {position: absolute; display:none;width: 100%;z-index: 999;top: 185px;background:#fff;border-bottom:2px solid #d6d6d6;}
.sn-fixed {position:fixed;z-index:999;top:79px;}
.sitemap-total-wrapper.show{display:block;}
.sitemap-total-container{position:relative;  overflow:hidden;}
.sitemap-wrapper > ul{height:auto;padding:10px 0 5px 0;}
.sitemap-wrapper > ul > li{width:100%;display:inline-block;border-bottom:1px solid #d6d6d6;}
.sitemap-wrapper > ul > li:last-child {border-bottom:none;}
.sitemap-wrapper > ul li > h2, .sitemap-wrapper > ul li > .sitemap-2dep{}
.sitemap-wrapper > ul li > h2{float:left; width:240px;font-size:17px; line-height:42px; color:#9f4b0d; letter-spacing:-1px; position:relative;padding:0;font-weight:bold;margin-left:30px;}
.sitemap-wrapper > ul li:hover h2{color:#351a0b !important;}
.sitemap-wrapper > ul li > .sitemap-2dep{float:left; width:920px;height:auto;padding:10px 0 14px 0;}
.sitemap-wrapper > ul li > .sitemap-2dep > li{float:left; width:calc(50% - 12px);text-align: left;padding-left: 12px;background: url('../images/carrow_3th.gif') 0 10px no-repeat;}
.sitemap-wrapper > ul li > .sitemap-2dep > li > a {font-size:14px; line-height:24px; color:#2f2f2f;text-align:left;font-weight:500;padding:0;}
.sitemap-wrapper > ul li > .sitemap-2dep > li > a:hover {color:#000;text-decoration:underline;}
.sitemap-wrapper > ul li > .sitemap-3dep{float:left; width:auto;height:auto;padding:0px;}
.sitemap-wrapper > ul li > .sitemap-3dep > li{position:relative;float:left; width:auto;}
.sitemap-wrapper > ul li > .sitemap-3dep > li:before {content: "";width: 1px;height: 11px;background: #cbcbcb;position: absolute;top: 9px;left: -8px;}
.sitemap-wrapper > ul li > .sitemap-3dep > li:first-child:before {display:none;}
.sitemap-wrapper > ul li > .sitemap-3dep > li > a {font-size:13px; line-height:22px; color:#676767;padding:2px 15px 7px 0px;}
.sitemap-wrapper > ul li > .sitemap-3dep > li > a:hover {color:#4b4b4b;text-decoration:underline;}


/******************** main_visual ********************/
.main_visual {
	position: relative;
	z-index: 0;
	height: 845px;
	width:100%;
	overflow:hidden;
}

.main_visual_img {
	width:100%;
	height: 845px;
	-webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
     transform: scale(1.2);
	-webkit-transition: all 5s linear 0s;
	-o-transition: all 5s linear 0s;
	transition: all 5s linear 0s;
	background: url('../images/main-visual.jpg') no-repeat center top;
	background-size:cover;
}

.main_visual.zoom .main_visual_img {
	width:100%;
	-webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
	-webkit-transition: all 5s linear 0s;
	-o-transition: all 5s linear 0s;
	transition: all 5s linear 0s;
}

.main_txt {
	position: absolute;
	z-index: 10;
	height: 845px;
	width:100%;
	overflow:hidden;
	top:0px;
}

.main_txt_img {
	width:100%;
	height: 845px;
	opacity: 0;
	-webkit-transition: all 2s linear 0s;
	-o-transition: all 2s linear 0s;
	transition: all 2s linear 0s;
	background: url('../images/main-visual-txt.png') no-repeat center top;
}

.main_txt.zoom .main_txt_img {
	width:100%;
	opacity: 1;
	-webkit-transition: all 2s linear 0s;
	-o-transition: all 2s linear 0s;
	transition: all 2s linear 0s;
}



/* 메인컨텐츠 */
.main-contents-wrap {}
.main-contents{}


.box01 {width:1365px;left:50%;margin-left:-681.5px;position: absolute;top:693px;z-index:99;}
.box0101, .box0102, .box0103, .box0104 {float:left;width:330px; height:480px;margin-right:15px;background:#fff;overflow:hidden;}
.box0104 {margin-right:0px;}
.box01-txt01{text-align:center;color:#391e0c;font-size: 27px;letter-spacing: -1px;font-weight: 500;margin: 47px 0 13px 0;line-height: 27px;}
.box01-txt02{text-align:center;color:#818181;font-size: 13px;line-height: 18px;}
.more-btn01 {transition:.2s;width:157px;height:41px;line-height:41px;font-size: 14px;margin: 28px auto 47px auto;border:1px solid #c4c4c4; text-align:center;color:#3f3f3f;}
.box0101:hover .more-btn01 {transition:.2s;color:#fff;background:#c4c4c4;}
.box0102:hover .more-btn01 {transition:.2s;color:#fff;background:#c4c4c4;}
.box0103:hover .more-btn01 {transition:.2s;color:#fff;background:#c4c4c4;}
.box0104:hover .more-btn01 {transition:.2s;color:#fff;background:#c4c4c4;}
.box01-img {width:330px;height:221px;overflow:hidden;}
.box01-img img {transition: all .5s;}
.box0101:hover .box01-img img {transition: all .5s;transform: scale(1.1);}
.box0102:hover .box01-img img {transition: all .5s;transform: scale(1.1);}
.box0103:hover .box01-img img {transition: all .5s;transform: scale(1.1);}
.box0104:hover .box01-img img {transition: all .5s;transform: scale(1.1);}



.main-contents02-wrap {width:100%;height: 600px; position: relative;}

.box02, .box03 {float:left;position:relative;width:50%;height: 600px;overflow: hidden;}
.box02 {background:url('../images/box02.jpg') no-repeat center top;background-size: cover;}
.box03 {background:url('../images/box03.jpg') no-repeat center top;background-size: cover;}
.box02-txt-w, .box03-txt-w {position: absolute;top: 420px;width: 511px;}
.box02-txt-w {right:89px;}
.box03-txt-w {left:89px;}
.box02-txt01, .box03-txt01 {width:100%;text-align:center;font-size:25px;color:#fff;font-weight:500; line-height:25px;}
.more-btn02, .more-btn03 {transition:.3s;width:127px; height:37px;font-size:13px;margin:17px auto 0 auto;text-align:center;line-height:37px;border:1px solid #968987;color:#bdb9b9;}
.more-btn02:hover, .more-btn03:hover {transition:.3s;color:#241a19;background:#fff;border:1px solid #fff;}





.top_btn { position:absolute; right:0px; bottom:-3px;}

/* footer */
.top00{position: fixed; bottom: 10px; right: 10px; z-index: 99990; display: block;}

.footer_box{clear:both;  background:#2d2d2d; width:100%;height: 335px; margin:0px auto;position: relative;font-size:13px;}
.footer_copy {width:100%; height:205px; border-bottom:1px solid #424242 ;}
.copy_menu_box {width: 1200px;margin: 0 auto;position: relative; text-align:center;padding-top: 50px;}

.copy_sns {width: 171px;margin: 0 auto 30px auto;display: block;height: 35px;}
.copy_sns li {float:left; padding:0 11px;}

.copy_address {font-size: 13px;color: #e0e4e3;line-height: 24px;}
.copy_tel {width: 437px;display: inline-block;text-align: center;}
.copy_tel li {float:left; padding:0 13px;font-size: 15px;color: #e0e4e3;}

.copyright_box{ clear:both; width:1200px; margin:0px auto;}
.copyright_box .copyright{color: #dcdcdc;padding: 40px 0px 0px 0px;text-align: center;font-size: 13px;}


.fSelectZone {display:block; width: 164px; height: 43px;border: 1px solid #484848;background: #2d2d2d; position:absolute; top:45px; right:0px;}
.f_site {height:43px; line-height:43px; text-align:left; padding-left:24px; color:#aeaeae;  font-size:14px; cursor:pointer; background:url('../images/family_btn_on.png') 130px 50% no-repeat;}
.selectList {position: absolute; left: -1px; top: -192px; width: 164px; overflow: hidden; background:#2d2d2d;  font-size: 12px;  padding:5px 0;border: 1px solid #484848;border-bottom: none;}
_:-ms-input-placeholder, :root .selectList  {top: -187px;}
.selectList li {padding:5px 0;  overflow: hidden; }
.selectList li a {color: #aeaeae; text-decoration:none;}
.selectList li a:hover {color: #fff; }


/********************/
.mobnone{display:none;}
.mob_br {display:none;}
.web_br {display:block;}
/********************/


#VideoLayer {position: absolute;top: 0px;width: 100%;height: 100%;background: rgba(1,1,1,0.8);z-index: 99999;}
.main-video {width:1000px;margin:180px auto;}
.main-video-close {position: absolute;top:5%;right:18%;cursor:pointer;}
.main-video-close img {width:100%;}

@media all and (max-width:1750px) {
.main-video-close {right:10%;}
}

@media all and (max-width:1370px) {
.main-video-close {right:5%;}
}

@media all and (max-width:1230px) {
.main-video-close {right:3%;}
}

@media all and (max-width:1199px) {
.main-video {width:90% !important;}
.main-video iframe {width:100% !important;}
}

@media all and (max-width:720px) {
.main-video iframe {width:100% !important;height:370px;}
.main-video-close {width:28px;}
}

@media all and (max-width:550px) {
.main-video iframe {width:100% !important;height:280px;}
}

@media all and (max-width:420px) {
.main-video {margin:220px auto;}
.main-video iframe {width:100% !important;height:215px;}
.main-video-close {top:180px;}
}



/******************** sub ********************/
.sub_visual{display:block; width:100%;position:relative; }

.sub_visual_wrap{position:relative;z-index:0;height:400px; overflow:hidden;}
.s_visual{
	width:100% !important;
	height:400px !important;
	background-image:url("../images/sub-visual.jpg");
	background-position:	center 0;
	background-repeat:repeat-x;
	-webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
     transform: scale(1.2);
	-webkit-transition: all 5s linear 0s;
	-o-transition: all 5s linear 0s;
	transition: all 5s linear 0s;
}
.sub_visual_wrap.zoom .s_visual {
	width:100%;
	-webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
	-webkit-transition: all 5s linear 0s;
	-o-transition: all 5s linear 0s;
	transition: all 5s linear 0s;
}

.s_visual_txt {width:100%; text-align:center; color:#fff;font-size:20px;padding: 88px 0;line-height: 34px;position: absolute;top: 185px;}
.s_visual_txt span {font-size: 36px;font-weight: 500;}

.sub_container{position: relative;text-align: left;margin: 0 auto 0 auto;width: 100%;}
#sub {position:relative; text-align: left; margin:0 auto;	clear:both; background:#ffffff; min-height: 650px; width: 1200px; }
#sidebar {display: inline; float: left; width: 220px; line-height: 1.5em; padding-bottom:40px;}
#sidebar h2.sidetitle { background: #561c00;padding: 55px 0;font-size: 24px;color: #ffffff;font-weight: 500;line-height: 27px;text-align: center;}
#sidemenu {padding: 0px 0px 0px 0px;}
.sub_Title{border-bottom:1px solid #ddd; padding-bottom:13px;}




/* 서브컨텐츠 */  
#sub_contents {width: 100%;margin-top:75px;  line-height:1.8em;}  

#contents_head {position: relative; top: 0px; height: 70px; padding: 0px;}
.contentsTitle {position: relative; top: 0px; padding: 0px; margin-bottom:20px;}
.contentsTitle h3 {padding:0px 0 0 0; font-size: 40px; font-weight: 500; color: #351a0b; letter-spacing:-1px; display:block; line-height: 1.2em;text-align: center;}

#contents_area{ font-size: 15px; line-height: 1.8em; color: #464646; z-index:50;padding: 15px 0 60px 0;}




/* 히스토리메뉴 */ 
.sub_location_wrap {width:100%;height:53px;border-bottom:1px solid #dfdfdf;}
.sub_location {width: 1200px;height: 53px;display:block;vertical-align: top;font-size:16px;margin:0 auto;}
.sub_location .home_m {width:75px;height: 53px;float: left;    border-right: 1px solid #dfdfdf;    overflow: hidden;}
.icons_m {display: inline-block;}
.icons_m span {background: transparent url("../images/l_home.png") no-repeat scroll 0px 0px;}
.sub_location .home_m span {display: block;width: 13px;height: 15px;background-position: center 17px;padding: 60px 0px 0px;    margin: 0px auto;}
.sub_location ul {float: left;width: 100%;}
.sub_location ul li {float: left; white-space: nowrap;border-right: 1px solid #dfdfdf;}
.sub_location ul li.location_home {padding: 16px 0 13px 0;background:none;width: 65px;text-align: center;border-left: 1px solid #dfdfdf;}
.sub_location ul li a:link {color:#000; text-overflow: ellipsis;  overflow: hidden; width: 200px;background: #fff;border-radius: 0px;border: none;font-size: 14px;}
.sub_location ul li.location_home a:link {border-right:none;}
.dep2 a:link  {width:auto !important; min-width: 200px;}

.positionHelper {cursor:pointer;}
.fg-button { clear:left;  padding:0px 15px; line-height: 53px; text-decoration:none !important; cursor:pointer; position: relative; text-align:left;}
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
a.fg-button { float:left;  }
button.fg-button { width:auto; overflow:visible; } /* removes extra button width in IE */
.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { }/* padding-right: 20px;  */
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right:-15px; margin-left: 0; }
.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	

/****** fg.menu.css *******/
.fg-menu-container { position: absolute; top:54px !important;left: -1px !important; padding: 0;  overflow: hidden; z-index: 99;border: none !important;border-radius: 0px !important; width:calc(100% + 22px) !important;}
.fg-menu-container.fg-menu-flyout { overflow: visible; }

.fg-menu, .fg-menu ul { list-style-type:none; padding: 0; margin:0; }

.fg-menu { position:relative; }
.fg-menu-flyout .fg-menu { position:static; }

.fg-menu ul { position:absolute; top:0; }
.fg-menu ul ul { top:-1px; }

.fg-menu-container.fg-menu-ipod .fg-menu-content, 
.fg-menu-container.fg-menu-ipod .fg-menu-content ul { background: none !important; }

.fg-menu.fg-menu-scroll,
.fg-menu ul.fg-menu-scroll { overflow: scroll;  overflow-x: hidden; }

.fg-menu li { clear:both; float:left; width:100%; margin: 0; padding:0; border: 0; }	
.fg-menu li li { font-size:1em; } /* inner li font size must be reset so that they don't blow up */

.fg-menu-flyout ul ul { padding: .4em; }
.fg-menu-flyout li { position:relative; }

.fg-menu-scroll { overflow: scroll; overflow-x: hidden; }

.fg-menu-breadcrumb { margin: 0; padding: 0; }

.fg-menu-footer {  margin-top: .4em; padding: .4em; }
.fg-menu-header {  margin-bottom: .4em; padding: .4em; }

.fg-menu-breadcrumb li { float: left; list-style: none; margin: 0; padding: 0 .2em; font-size: .9em; opacity: .7; }
.fg-menu-breadcrumb li.fg-menu-prev-list,
.fg-menu-breadcrumb li.fg-menu-current-crumb { clear: left; float: none; opacity: 1; }
.fg-menu-breadcrumb li.fg-menu-current-crumb { padding-top: .2em; }

.fg-menu-breadcrumb a, 
.fg-menu-breadcrumb span { float: left; }

.fg-menu-footer a:link,
.fg-menu-footer a:visited { float:left; width:100%; text-decoration: none; }
.fg-menu-footer a:hover,
.fg-menu-footer a:active {  }

.fg-menu-footer a span { float:left; cursor: pointer; }

.fg-menu-breadcrumb .fg-menu-prev-list a:link,
.fg-menu-breadcrumb .fg-menu-prev-list a:visited,
.fg-menu-breadcrumb .fg-menu-prev-list a:hover,
.fg-menu-breadcrumb .fg-menu-prev-list a:active { background-image: none; text-decoration:none; }
	
.fg-menu-breadcrumb .fg-menu-prev-list a { float: left; padding-right: .4em; }
.fg-menu-breadcrumb .fg-menu-prev-list a .ui-icon { float: left; }
	
.fg-menu-breadcrumb .fg-menu-current-crumb a:link,
.fg-menu-breadcrumb .fg-menu-current-crumb a:visited,
.fg-menu-breadcrumb .fg-menu-current-crumb a:hover,
.fg-menu-breadcrumb .fg-menu-current-crumb a:active { display:block; background-image:none; font-size:1.3em; text-decoration:none; }


.fg-menu a:link,
.fg-menu a:visited,
.fg-menu a:hover,
.fg-menu a:active { float:left; width:200px; padding:11px 15px;text-decoration:none; outline: 0 !important;margin-top: -1px;border-radius: 0px;}

.fg-menu a:hover {background:#f5f5f5;border:1px #ddd solid;}

.fg-menu a { border: 1px #ddd solid; background:#fff;font-size:14px;color:#000;}

.fg-menu a.ui-state-default:link,
.fg-menu a.ui-state-default:visited,
.fg-menu a.ui-state-default:hover,
.fg-menu a.ui-state-default:active,
.fg-menu a.ui-state-hover:link,
.fg-menu a.ui-state-hover:visited,
.fg-menu a.ui-state-hover:hover,
.fg-menu a.ui-state-hover:active,
.fg-menu a.ui-state-active:link,
.fg-menu a.ui-state-active:visited,
.fg-menu a.ui-state-active:hover,
.fg-menu a.ui-state-active:active { border-style: solid; font-weight: normal; }

.fg-menu a span { display:block; cursor:pointer; }


 /* SUGGESTED STYLES - for use with jQuery UI Themeroller CSS */	
 
.fg-menu-indicator span { float:left; }
.fg-menu-indicator span.ui-icon { float:right; }

.fg-menu-content.ui-widget-content, 
.fg-menu-content ul.ui-widget-content { border:0; }


/* ICONS AND DIVIDERS */

.fg-menu.fg-menu-has-icons a:link,
.fg-menu.fg-menu-has-icons a:visited,
.fg-menu.fg-menu-has-icons a:hover,
.fg-menu.fg-menu-has-icons a:active { padding-left:20px; }

.fg-menu .horizontal-divider hr, .fg-menu .horizontal-divider span { padding:0; margin:5px .6em; }
.fg-menu .horizontal-divider hr { border:0; height:1px; }
.fg-menu .horizontal-divider span { font-size:.9em; text-transform: uppercase; padding-left:.2em; }







@media all and (max-width:1350px) {
.box01 {width:100%;left:0%;margin-left:0px;}
.box0101, .box0102, .box0103, .box0104 {width:23.7%;margin-right:1%;}
.box0101 {margin-left:1%;}
.box01-txt01 {font-size:24px;}
.box01-txt02 {font-size:14px;line-height:20px;letter-spacing: -1px;}

}



@media all and (max-width:1099px) {
.d_width {width:100%;}

.mob_br {display:block;}
.web_br {display:none;}

#header {position:relative;height:70px;background:#351a0b;}
.logo_wrap {height:70px;border:none;}
h1#logo {top:16px;width:350px;margin:0 0 0 15px;}
#logo img {width:100%;}
.userR {top: 8px;right: 10px;}

.header-menu { display: none;}

#contents_area{ padding:10px 3%;}
#contents_area img.w100{width:100%;}



.mobnone {  display: block;}

.mobile-menu-icon a{position:relative;display:block;width:21px;height:30px;transition:top 0.25s ease}
.mobile-menu-icon a span{position:absolute;left:0;top:0;display:block;width:20px;height:2px;background:#fff;transform: rotate(0deg);-webkit-transform: rotate(0deg);transition: .25s ease-in-out;-webkit-transition: .25s ease-in-out;-webkit-border-radius:2px;border-radius:2px}
.mobile-menu-icon a span:first-child{top:5px}
.mobile-menu-icon a span:nth-child(2){top:14px}
.mobile-menu-icon a span:nth-child(3){top:14px;visibility:hidden}
.mobile-menu-icon a span:nth-child(4){top:23px}
.mobile-menu-icon.open span:first-child,
.mobile-menu-icon.open span:nth-child(4){display:none;}
.mobile-menu-icon.open span:nth-child(2){transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg)}
.mobile-menu-icon.open span:nth-child(3){visibility:visible;transform: rotate(-45deg);-o-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg)}

.mobile-menu-icon{   cursor: pointer;  position:absolute; right:10px; top:21px; z-index: 500;}

#mobile-menu {display: none; top: 0px; background:#fff;position:relative; z-index: 50;border-bottom:2px solid #d7cac4;}

#mobile-menu ul.clearfix{margin: 0;list-style: none;padding:0px 0;width:100%; display:block; }

#mobile-menu ul.sub-menu{display: none;padding: 0px;margin-top: 0px;margin-bottom: 0px; background:#f9f2ec;}
#mobile-menu ul.sub-menu li a{padding-left:15px;  color:#9f4b0d; text-decoration:none;font-size: 13px;}
#mobile-menu ul li{border-top:1px solid #d7cac4;position: relative;display: block}
#mobile-menu ul li a{display:block;color:#9f4b0d;padding:8px 0px 8px 10px; display: inline-block !Important; font-size:14px;}
#mobile-menu ul li.has-children>.action-expand{font-size:20px;line-height:35px;cursor: pointer;margin-right: 5px;position: absolute;right: 5px;top: 0px;}
#mobile-menu ul li.has-children>a{width: 85%; text-decoration:none;font-weight:500;}
#mobile-menu ul li.has-children>.action-expand>.opened,#mobile-menu ul li.has-children.menu-open>.action-expand>.closed{display: none; color:#351a0b;}
#mobile-menu ul li.has-children>.action-expand>.closed,#mobile-menu ul li.has-children.menu-open>.action-expand>.opened{display: block;  color:#351a0b;}
#mobile-menu ul ul li a:before{content:'-';margin-right:5px}
#mobile-menu ul ul li:first-child{border-top:1px solid #d7cac4;}
#mobile-menu ul.sub-menu li ul.sub-menu3{padding: 0;margin-top: 0px;margin-bottom: 0px; background:#F9E3D1;}
#mobile-menu ul.sub-menu li ul.sub-menu3 li:first-child{border-top:none}
#mobile-menu ul.sub-menu li ul.sub-menu3 li a{display:block;color:#9f4b0d;padding-left: 20px !important;display: inline-block !Important; font-size:13px;}

.main_visual {height:auto;top: -15px;}
.main_visual_img {height:500px;background-size:cover;}
.main_txt {height:auto;top:55px;}
.main_txt_img {height:500px;background-size:cover;}

.box01 {position: relative;top: 0px;z-index:5;}
.box0101, .box0102, .box0103, .box0104 {width:calc(48.5% - 2px);border:1px solid #ddd;margin-bottom:10px;}
.box0101, .box0103 {margin-left:1%;}
.box01-txt02 {padding:0 5%;height:60px;}
.box01-img {width:100%;}
.box01 img {width:100%;}

.main-contents02-wrap {top:0px;}
.box02, .box03 {width:100%;height: 120px;background-size:cover;background-position:center;}
.box02-txt-w, .box03-txt-w {position: relative;top: 20px;width: 100%;}
.box02-txt-w {right:0px;}
.box03-txt-w {left:0px;}
.box02-txt01, .box03-txt01 {font-size:23px;line-height:23px;}
.more-btn02, .more-btn03 {width:120px;height:35px;line-height:35px;margin:15px auto 0 auto;}

.footer_box {height:285px;}
.footer_copy {height:170px;}
.copy_menu_box, .copyright_box {width:100%;}
.copy_menu_box {padding-top:35px;}
.copy_sns {margin:0 auto 15px auto;}
.copyright_box .copyright {padding:25px 10px 0px 10px;}

.fSelectZone {top: 30px;right: 10px;}

.sub_visual {display:none;}
.sub_location_wrap {display:none;border-top: 1px solid #dfdfdf;height:42px;}
.sub_location {width: 100%;height:40px;font-size:14px;}
.sub_location ul li.location_home {padding: 11px 0 6px 0;width:50px;}
.sub_location ul li a:link {width:120px;font-size:14px;}
.fg-menu-container {top: 43px !important;background: none !important;}
.fg-button {padding: 0px 0px 0px 12px;line-height: 42px;}
.fg-menu a:link, .fg-menu a:visited, .fg-menu a:hover, .fg-menu a:active {width: 116px;padding: 9px 0px 9px 16px;}
.fg-menu a {font-size: 13px;}

#sub {width:96%;min-height: 380px;}
#sub_contents {margin-top: 35px;}
#contents_area {padding:0 12px 30px 12px;width:calc(100% - 24px);}
.contentsTitle h3 {font-size: 23px;}

/* 모바일메뉴 */


.contentsTitle_sub{background:#e1e1e1; }
.sub_location_m {    width: 100%;    height: 43px;    display:block;    vertical-align: top; font-size:12px;}
.sub_location_m .home_m {    width: 5%;    min-width: 43px;        height: 45px;    float: left;    border-right: 1px solid #999999;    overflow: hidden;}
.icons_m {    display: inline-block;}
.icons_m span {    background: transparent url("../images/icon_home.png") no-repeat scroll 0px 0px;}
.sub_location_m .home_m span {    display: block;    width: 13px;    height: 15px;    background-position: center 17px;    padding: 60px 0px 0px;    margin: 0px auto;}
.sub_location_m ul {    float: left;    width: 100%;}
.sub_location_m ul li {    float: left; white-space: nowrap; }
.sub_location_m ul li a:link{	color:#3c3c3c; text-overflow: ellipsis;  overflow: hidden; width: 100%;}





}




@media all and (max-width:600px) {
h1#logo {top:15px;width:285px;margin:0 0 0 10px;}
.main_visual_img {height:240px;}
.main_txt_img {height:240px;}

.box0101, .box0102, .box0103, .box0104 {width:calc(94% - 2px);height:auto;margin:0 3% 10px 3%;}
.box0104 {margin-bottom:15px;}
.box01-txt01 {margin:25px 0 10px 0;}
.box01-txt02 {height:auto;padding:0 3%;}
.more-btn01 {margin:20px auto 30px auto;}
.box01 img {margin-bottom:-5px;}

.footer_box {height:335px;}
.footer_copy {height:200px;}
.copy_menu_box {padding-top:85px;}
.copyright_box .copyright {padding:20px 10px 0px 10px;}
.fSelectZone {top:20px;right:0;left:50%;margin-left:-83px;}

.top00 {bottom:55px;}

}