@charset "utf-8";

section{display:block}
#contents {text-align:justify;}
html, body {height:100%;}
body {font-size:15px;font-family:'Noto Sans KR', 'Noto Sans', sans-serif;font-weight:300}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*::before, *::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#doc_wrap { -webkit-text-size-adjust:none}
#doc_wrap,#global_wrap,#header_wrap,#footer_wrap,#quicks {position:relative;display:block;width:100%;}

/* 레이아웃 기본 스타일 선언(컨텐츠 중앙 정렬) : 최대 width 확인 */
.div-abs {position:absolute;}
.div-wrap {position:relative;width:100%;margin:0 auto;text-align:center;}
.div-wrap:after {clear:both;content:"";display:block;}
.div-cont {position:relative;max-width:1200px;width:100%;margin:0 auto;text-align:left;}
.div-cont:after {clear:both;content:"";display:block;}
.div-conts {text-align:left;position:relative;display:block;padding-bottom:50px;min-height:300px;}

.body-slide-wrap {position:relative;width:100%;height:100%;}
.body-slide-wrap:after {clear:both;content:"";display:block;}

@media all and (max-width:1000px){
	.body-slide-bg {position:fixed;display:block;width:0px;height:100%;
		right:200px;
		box-shadow:2px 0px 5px 5px rgba(0,0,0,0.7);
		z-index:3000;
		color:#303030;
	}
	.page-slide-bg {
		position:absolute;
		display:none !important;
		width:100%;height:100%;background:#333 url('/_img/bg/back_bg.png') repeat;opacity:0.5;filter:alpha(opacity:70);background-color:#282828;left:0px;top:0px;z-index:6001;
	}
}

.docbg_wrap {position:absolute;display:none;width:100%;height:100%;background-color:#000;z-index:3000;}


/* 공통 적용 레이아웃 */
#global-top {z-index:6000;position:relative;}
#global-bar {z-index:6000;height:30px;position:relative;background:#f8f6f9;font-size:11px;font-family:돋움,Dotum;letter-spacing:-1px;color:#4f4f4d}
#global-bar a, #global-bar a:hover, #global-bar a:active, #global-bar a:visited {color:#4f4f4d}
#global-bar a span, #global-bar a:hover span, #global-bar a:active span, #global-bar a:visited span {color:#4f4f4d}
#global-bar:after {content:"";display:block;clear:both;}
#global-bar .gnb-left {float:left;border-left:1px solid #e9e7ea;height:30px;}
#global-bar .gnb-right {float:right;}
#global-bar .btn-skipnv {width:80px;height:100%;line-height:30px;padding:0px;position:absolute;left:0;top:0;background-color:#e9e7ea;border-left:1px solid #e9e7ea;border-right:1px solid #e9e7ea;text-align:center;display:block;}
#global-bar .btn-popups {position:absolute;left:80px;top:0;line-height:1.3em;border-left:1px solid #783b4d;border-right:1px solid #4b1525;}
#global-bar .btn-popups span {display:block;width:65px;height:16px;padding:10px 15px 4px 0;border-right:1px solid #783b4d;text-align:center;display:block;background:url('/_img/common/tpop_btns.gif') no-repeat 56px 10px;}

.gbtn-btn {float:left;display:block;border-left:1px solid #e9e7ea;}
.gbtn-btn span {display:inline-block;cursor:pointer;height:100%;padding:0px 10px 0px 10px;line-height:30px;}
.gbtn-btn span.icon {padding:0;display:inline-block;width:16px;height:11px;background:url('/_img/common/top_icons01.gif') no-repeat 0px -30px;margin-left:5px;border:0;}


.gbtn-fsize-tit {display:block;float:left;}
.gbtn-fsize1,.gbtn-fsize2 , .gbtn-fsize3 {background:url('/_img/common/top_fsize_btn2.png') no-repeat left top;overflow:hidden;width:30px;height:30px;display:block;float:left;}
.gbtn-fsize1 span, .gbtn-fsize2 span, .gbtn-fsize3 span {white-space:nowrap;padding-left:40px;border:0;}
.gbtn-fsize1 {background-position:left top;}
.gbtn-fsize2 {background-position:-30px top;}
.gbtn-fsize3 {background-position:-60px top;}

.gbtn-whome {background-color:#450619}
.gbtn-sns1, .gbtn-sns2, .gbtn-sns3, .gbtn-sns4 {width:28px;height:30px;border:0;padding:0;overflow:hidden;}
.gbtn-sns1 span , .gbtn-sns2 span  , .gbtn-sns3 span  , .gbtn-sns4 span {white-space:nowrap;padding-left:40px;border:0;}


	@keyframes fadeInDown {
	  from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	  }

	  to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	  }
	}
	#header-wrap {position:absolute;display:block;width:100%;/*top:0;left:0;z-index:5000;overflow:hidden;*/background:url('/_img/bg/header_bg.png') center top repeat-x;}
	#header-wrap.animated {
	    -webkit-animation-duration: 0.5s;
		animation-duration: 0.5s;
	}


	#header-wrap.is-open {border-bottom:1px solid #e9e7ea;}

	#header-wrap .header_menu_bg  {position:absolute;display:none;left:0px;right:0px;top:80px;height:39px;bottom:0px;background:#e9e7ea;opacity:0.8;border-top:1px solid #e9e7ea;}

	#header {z-index:3000;height:74px;border-bottom:1px solid #888;}
	#container-wrap {padding-top:74px;}

	#logo {max-width:70%;max-height:100%;margin:0 auto;text-align:center;overflow:hidden}
	#logo img {max-width:100%;max-height:100%;}
	#logo a {display:block;}

	#hbtn-home {position:absolute;display:none;top:10px;width:50px;height:50px;background:url('/_img/common/mobile_mbtns.png') no-repeat -5px -5px;background-size:auto 90px;overflow:hidden;}
	#hbtn-home span {display:block;cursor:pointer;white-space:nowrap;height:50px;width:50px;text-indent:-9999px;}

	#mn-ctrs-btns {position:absolute;display:none;top:10px;width:50px;height:50px;}
	#mn-ctrs-btns:after {content:"";display:block;clear:both;}
	/*
	#mn-ctrs-btns button {width:50px;height:50px;position:absolute;left:0;top:0;background:url('/_img/common/mobile_mbtns2.png') no-repeat -65px -5px;background-size:auto 90px;overflow:hidden;border:0;}
	#mn-ctrs-btns button span {display:block;cursor:pointer;white-space:nowrap;height:50px;width:50px;text-indent:-9999px;}
	*/

	#mn-ctrs-btns .mn-ctrs-btn {
		position: relative;
		float: right;
		padding: 9px 10px;
		margin-top: 5px;
		margin-right: 15px;
		margin-bottom: 8px;
		background-color: transparent;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 4px;
	}
	#mn-ctrs-btns .mn-ctrs-btn .icon-bar + .icon-bar {
		margin-top: 4px;
	}

	.m_menu_close{display:none}


	.ico-more {
		position: absolute;
		display:inline-block;
		right: 16px;
		top: 50%;
		margin-top: -7px;
		height: 14px;
		width: 18px;
		color: #fff;
		margin-left: 6px;
		text-indent: -99em;
		overflow: hidden;
	}
	.mn_s2 i.blank {display: inline-block;width: 9px;height: 12px;background: url(/_img/icon/icon_popup.gif) no-repeat left center;margin-left: 10px;}
	.mn_s2 i.blank::before {padding-left:0px;content:"";}

	.mn_l1.over .mn_s1 .ico-more::after, .mn_l2.over .mn_s2 .ico-more::after {
		-webkit-transform: rotate(-135deg);
		-ms-transform: rotate(-135deg);
		transform: rotate(-135deg);
		top: 7px;
	}
	.ico-more::after {
		display: inline-block;
		clear: both;
		content: "";
		position: absolute;
		right: 7px;
		top: 0px;
		height: 8px;
		width: 8px;
		border-bottom: 1px solid #f1f2f9;
		border-right: 1px solid #f1f2f9;
		-webkit-transform-origin: 100% 100%;
		-ms-transform-origin: 100% 100%;
		transform-origin: 100% 100%;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.ico-more::after {
		border-bottom: 1px solid #fff;
		border-right: 1px solid #fff;
		-webkit-transform-origin: center center;
		-ms-transform-origin: center center;
		transform-origin: center center;
		-webkit-transition: -webkit-transform .3s ease-out;
		transition: transform .3s ease-out;
	}


@media all and (max-width:1000px){
	#mn-ctrs-btns .mn-ctrs-btn {
		display:block !important;
		margin-top: 5px;
		margin-right: 0px;
		margin-bottom: 0px;
		width: 40px;
		height: 40px;
		border:0 !important;
		outline:0 !important;
	}
	#mn-ctrs-btns .mn-ctrs-btn .icon-bar {
		display: block;
		position: relative;
		background: #fff;
		width: 24px;
		height: 2px;
		border-radius: 1px;
		margin: 0 auto;
	}
	#mn-ctrs-btns .mn-ctrs-btn .icon-bar {background-color: #888;}
	#mn-ctrs-btns .mn-ctrs-btn .bar1, #mn-ctrs-btns .mn-ctrs-btn .bar2, #mn-ctrs-btns .mn-ctrs-btn .bar3 {
		outline: 1px solid transparent;
	}
	#mn-ctrs-btns .mn-ctrs-btn .bar1 {
		top: 0px;
		-webkit-animation: topbar-back 500ms linear 0s;
		-moz-animation: topbar-back 500ms linear 0s;
		animation: topbar-back 500ms 0s;
		-webkit-animation-fill-mode: forwards;
		-moz-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
	}
	#mn-ctrs-btns .mn-ctrs-btn .bar3 {
		bottom: 0px;
		-webkit-animation: bottombar-back 500ms linear 0s;
		-moz-animation: bottombar-back 500ms linear 0s;
		animation: bottombar-back 500ms 0s;
		-webkit-animation-fill-mode: forwards;
		-moz-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
	}
	#mn-ctrs-btns .mn-ctrs-btn.toggled .bar1 {
		top: 6px;
		-webkit-animation: topbar-x 500ms linear 0s;
		-moz-animation: topbar-x 500ms linear 0s;
		animation: topbar-x 500ms 0s;
		-webkit-animation-fill-mode: forwards;
		-moz-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
	}
	#mn-ctrs-btns .mn-ctrs-btn.toggled .bar2 {
		opacity: 0;
	}
	#mn-ctrs-btns .mn-ctrs-btn.toggled .bar3 {
		bottom: 6px;
		-webkit-animation: bottombar-x 500ms linear 0s;
		-moz-animation: bottombar-x 500ms linear 0s;
		animation: bottombar-x 500ms 0s;
		-webkit-animation-fill-mode: forwards;
		-moz-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
	}
	/*
	.m_menu_close{position:relative;display:block;height:63px;background:#563830 url('/_img/bg/m_lm_title_bg.png') no-repeat top right;background-size:contain;border-bottom:1px solid #a69792;}
	.m_menu_close .icon {position:absolute;display:block;width:30px;height:30px;top:0px;left:0px;background:#bb5a61 url('/_img/btn/btn_close_w.gif') no-repeat center center;background-size:11px 11px;cursor:pointer;}
	*/
	body.tmenu_type_L .m_menu_close .icon {left:auto;right:0px;}
}


	body.tmenu_type_L #hbtn-home {right:15px;}
	body.tmenu_type_L #mn-ctrs-btns {left:15px;}
	body.tmenu_type_R #hbtn-home {left:15px;}
	body.tmenu_type_R #mn-ctrs-btns {right:15px;}



/*	#mainNavi {z-index:9999 !important;} */


	/*사이드 배너*/
	.side-banner {position:relative;width:100%;padding:20px 0 10px 0;}
	.side-banner:after {content:"";display:block;clear:both;}
	.side-banner li {width:50%;float:left;}
	.side-banner li a {display:block;height:60px;padding-top:0;padding-bottom:10px;text-align:center;width:100%;position:relative;}
	.side-banner li a .ptxt {position:absolute;bottom:15px;left:0;width:100%;text-align:center;font-size:0.95em;}
	.side-banner li a .picon {width:40px;height:40px;display:block;background-image:url('/_img/common/lm_ban_icons1.png');background-repeat:no-repeat;overflow:hidden;margin-left:auto;margin-right:auto;}
	.side-banner .picon-icon1 {background-position:0px 0px;}
	.side-banner .picon-icon2 {background-position:-40px 0px;}
	.side-banner .picon-icon3 {background-position:-80px 0px;}
	.side-banner .picon-icon4 {background-position:-120px 0px;}
	.side-banner .picon-icon5 {background-position:-160px 0px;}
	.side-banner .picon-icon6 {background-position:-200px 0px;}
	.side-banner .picon-icon7 {background-position:-240px 0px;}
	.side-banner .picon-icon8 {background-position:-280px 0px;}
	.side-banner .picon-icon8 {background-position:-320px 0px;}
	.side-banner .picon-icon10 {background-position:-360px 0px;}

	#mainNavi .side-banner li a .ptxt {color:#FFF}
	#mainNavi .side-banner .picon-icon1 {background-position:0px -50px;}
	#mainNavi .side-banner .picon-icon2 {background-position:-40px -50px;}
	#mainNavi .side-banner .picon-icon3 {background-position:-80px -50px;}
	#mainNavi .side-banner .picon-icon4 {background-position:-120px -50px;}
	#mainNavi .side-banner .picon-icon5 {background-position:-160px -50px;}
	#mainNavi .side-banner .picon-icon6 {background-position:-200px -50px;}
	#mainNavi .side-banner .picon-icon7 {background-position:-240px -50px;}
	#mainNavi .side-banner .picon-icon8 {background-position:-280px -50px;}
	#mainNavi .side-banner .picon-icon8 {background-position:-320px -50px;}
	#mainNavi .side-banner .picon-icon10 {background-position:-360px -50px;}



#container-wrap {z-index:2000}




/* 공통 스타일 */

.m-popupzone01 {position:relative;width:100%;height:145px;width:230px;}
.m-popupzone01 h3 {position:absolute;left:0;top:5px;font-size:16px;color:#333;font-weight:bold;}

.m-popupzone01 .pop-btns {position:absolute;right:0;top:6px;}
.m-popupzone01 .pop-btns button {width:20px;height:14px;border:0;margin:0;background-color:#FFF;cursor:pointer;background-repeat:no-repeat;background-position:0 0;float:left;background-image:url(/_Img/Common/ctrl_btns01.png);background-repeat:no-repeat;border-left:1px solid #DDD;}
.m-popupzone01 .pop-btns button span {visibility:hidden;display:block;width:18px;height:14px;cursor:pointer;}
.m-popupzone01 .pop-btns .btn-prev {background-position:2px -1px;border-left:0;}
.m-popupzone01 .pop-btns .btn-next {background-position:-18px -1px;}
.m-popupzone01 .pop-btns .btn-pause {background-position:-38px -1px;}
.m-popupzone01 .pop-btns .btn-play {background-position:-58px -1px;}

.m-popupzone01 ul {position:relative;padding-left:0px;}
.m-popupzone01 li {float:left;}
.m-popupzone01 .pcont {position:absolute;left:0;top:35px;width:230px;height:110px;overflow:hidden;}
.m-popupzone01 .pcont img {max-width:230px;max-height:110px;}



/*/////////////////////////////////////////////////////////////////////////////////////////////////*/
/*PC : W 1000 ~*/
@media all and (min-width:1000px){
	.gbtn-home {display:block}
	.gbtn-fsize {display:block;background-color:#f8f6f9}

	/*
	.gsel-lang {display:block;float:left;width:120px;position:relative;line-height:1.3em;background:#f8f6f9;z-index:1500;height:30px;border-right:1px solid #e9e7ea;border-left:1px solid #e9e7ea;}
	.gsel-lang dl {display:block;position:absolute;width:120px;left:0;top:0px;z-index:1500;background:#f8f6f9;height:29px;overflow:hidden;}
	.gsel-lang dt a {display:block;padding:0px 10px 0px 10px;height:100%;line-height:30px;background:url('/_img/common/top_icons01.gif') no-repeat 100px 10px;font-weight:bold;}
	.gsel-lang ul {position:absolute;left:0;top:30px;width:120px;padding-top:5px;padding-bottom:5px;background:#f8f6f9;}
	.gsel-lang ul a {display:block;padding:0px 10px;height:26px;line-height:26px;background:#f8f6f9;}
	.gsel-lang ul a:hover, .gsel-lang ul a:focus {text-decoration:underline;}
	*/

	.gsel-lang {position:relative;display:block;float:left;width:auto;line-height:1.3em;background:#f8f6f9;z-index:1500;height:30px;border-right:1px solid #e9e7ea;border-left:1px solid #e9e7ea;}
	.gsel-lang ul {position:relative;background:#f8f6f9;}
	.gsel-lang ul li {float:left;display:block;border-left:1px solid #e9e7ea;}
	.gsel-lang ul li:first-child {border-left:0px;}
	.gsel-lang ul a {display:block;padding:0px 10px;height:30px;line-height:30px;background:#f8f6f9;}
	.gsel-lang ul a:hover, .gsel-lang ul a:focus {text-decoration:underline;}



	.gbtn-sns1, .gbtn-sns2, .gbtn-sns3, .gbtn-sns4 {float:left;background-image:url('/_img/common/top_sns_icons.png');background-repeat:no-repeat;margin-left:2px;}
	.gbtn-sns1 {background-position:0px top;}
	.gbtn-sns2 {background-position:-30px top;}
	.gbtn-sns3 {background-position:-89px top;}
	.gbtn-sns4 {background-position:-59px top;}

	#header-wrap {
		top:0;
		left:0;
		z-index:5000;
		overflow:hidden;
		-webkit-transition: top 300ms ease-out;
		-moz-transition: top 300ms ease-out;
		-o-transition: top 300ms ease-out;
		-ms-transition: top 300ms ease-out;
		transition: top 300ms ease-out;
	}
	.sticked_menu #header-wrap  {position:fixed;top:0px;left:0px;right:0px;opacity:0.99;-webkit-animation-name: fadeInDown;animation-name: fadeInDown;}
	#header-wrap .header_menu_bg  {display:none;}

	#header-wrap.b_line {border-bottom:1px solid #303030;}


	#header {position:relative;text-align:left;width:100%;max-width:1200px;height:74px;margin:0 auto;z-index:3000;border-bottom:0px;}
	#header:after {clear:both;content:"";display:block;}

	#logo{position:relative;display:block;left:0%;top:0px;margin-left:0px;width:180px;max-width:200px;text-align:left;margin:0;}
	#logo img {max-width:394px;max-height:140px;}


	#.global_gnb {display:none;}

	#hbtn-home {display:none;}
	#mn-ctrs-btns {display:none;}

	#mainNavi {position:absolute;display:block;top:18px;left:220px;margin:0px;padding:0px;right:0px;}
	#mainNavi .side-banner {display:none}
	#mainNavi .side-banner2 {display:none}


	/*상단 메뉴 스타일 */
	.ico-more {display:none;}
	.topmenu {display:block;max-width:1200px;width:100%;}
	.topmenu:after {display:block;content:"";clear:both;}
	.topmenu li.mn_l1 {position:relative;float:left;width:20%;text-align:center;background:none;}
	.topmenu li.mn_l1:last-child {float:right;}
	.topmenu li .mn_a1 {display:block;height:40px;line-height:40px;}
	.topmenu li a .mn_s1 {display:block;color:#000;font-size:17px;font-weight:500;letter-spacing:-1px;cursor:pointer;padding:0px;}
	.topmenu li:hover .mn_s1{color:#000}
	.topmenu a, .topmenu span {white-space:nowrap;color:#fff}

/*	.topmenu .depth2-wrap {position:absolute;display:none;right:0px;top:40px;padding-top:15px;min-height:100px;min-width:1200px;width:100%;line-height:120%;visibility:visible;}*/
	.topmenu .depth2-wrap {position:absolute;display:none;top:56px;width:100%;min-height:100px;line-height:120%;visibility:visible;}
	.topmenu .mn_l1:hover .depth2-wrap {background-color:#f1f1f1;}
	.topmenu .depth2-wrap {display:block !important;}

	.topmenu .depth2-wrap:after {content:"";display:block;clear:both;}
	.topmenu .depth2-wrap h2.mn_tit {position:absolute;display:none;font-weight:bold;font-size:1.85em;letter-spacing:-1px;width:240px;text-align:right;z-index:300;line-height:1.3em;color:#ddd;}
	.topmenu .depth2-wrap .depth2 {padding:25px 0px;/*padding-left:330px;*/}
	.topmenu .depth2-wrap .depth2::after {
		content: "";
		width: 1px;
		height: 300px;
		background: #f0f0f0;
		position: absolute;
		right: 0px;
		top: 0px;
		display: block;
	}
	.topmenu #mn_01 .depth2-wrap .depth2::before {
		content: "";
		width: 1px;
		height: 300px;
		background: #f0f0f0;
		position: absolute;
		left: 0px;
		top: 0px;
		display: block;
	}


	.topmenu .depth2-wrap .depth2 .mn_l2 {position:relative;display:block;width:100%;/*float:left;*/margin:5px 0;color:#444;white-space:nowrap;letter-spacing:-0.03em;line-height:1.3em;text-align:left;}
	.topmenu .depth2-wrap .depth2 a.mn_a2 {position:relative;display:block;font-size:14px;padding:6px 0;/*background:url('/_img/icon/dot-array.png') no-repeat left center;*/}
	.topmenu .depth2-wrap .depth2 a.mn_a2 span {display:block;/*padding:0 20px 0 10px;*/cursor:pointer;color:#444;white-space:nowrap;text-align:center;}
	.topmenu .depth2-wrap .depth2 a, .topmenu .depth2-wrap > ul.depth2 span {display:inline-block;font-weight:normal;}

	.topmenu .depth2-wrap .depth2 .over a.mn_a2 span, .topmenu .depth2-wrap .depth2 a.mn_a2:hover span {color:#ae1608;font-weight:500;letter-spacing:-0.03em;}
	.topmenu .depth2-wrap .depth2 a.mn_a2:before {content:'';position:absolute;bottom:-1px;left:50%;right:50%;height:1px;background:transparent;transition:all .2s .1s;}
	.topmenu .depth2-wrap .depth2 a.mn_a2:hover:before {background-color:#ae1608;left:0px;right:0px;transition:all .3s;}

	.topmenu .depth2-wrap .sub-bg1 {position:absolute;display:none;width:350px;height:240px;left:-65px;top:0px;z-index:1;}
	.topmenu .depth2-wrap .sub-bg2 {}

	.topmenu .depth3-wrap {display:none;}
	.topmenu .depth3 {margin-top:5px;}
	.topmenu .depth3 li {padding-top:0px;padding-bottom:0px;}
	.topmenu .depth3 .mn_a3 {display:block;padding:0px;}
	.topmenu .depth3 .mn_a3 span {font-weight:normal;font-size:12px;margin-left:10px;padding:3px 7px;}
	.topmenu .depth3 .mn_a3:hover span,
	.topmenu .depth3 .over .mn_a3 span {color:#fff;background-color:#bb5a61;}

/*
	.topmenu .depth2 li {width:140px;float:left;position:relative;padding-top:7px;padding-bottom:7px;color:#333;white-space:nowrap;letter-spacing:-1px;line-height:1.3em}
	.topmenu .depth2 a, .topmenu .depth2 a span {display:inline-block;font-weight:bold;}
	.topmenu .depth2 a {}
	.topmenu .depth2 .mn_a2 {background:url('/_img/icon/dot5.gif') no-repeat left center;padding-left:7px;font-size:13px;}
	.topmenu .depth2 .mn_a2 span {color:#333333;cursor:pointer;}
	.topmenu .depth2 .mn_a2:hover span , .topmenu .depth2 .over span {}

	.topmenu .depth3 {margin-top:10px;}
	.topmenu .depth3 li {padding-top:0;padding-bottom:0;}
	.topmenu .depth3 .mn_a3 {display:block;padding:0;}
	.topmenu .depth3 .mn_a3 span {font-weight:normal;font-size:12px;padding-top:3px;padding-bottom:3px;padding-right:7px;padding-left:7px;}
	.topmenu .depth3 .mn_a3:hover, .topmenu .depth3 .over .mn_a3 {}
	.topmenu .depth3 .mn_a3:hover span, .topmenu .depth3 .over .mn_a3 span {color:#FFF;background-color:#c30c27;}
*/

	#mainNavi .ovbar {position:absolute;display:block;top:52px;height:4px;background:#ae1608;z-index:200;
		border-radius: 0.2em 0.2em 0 0;
		-moz-border-radius: 0.2em 0.2em 0 0;
		-webkit-border-radius: 0.2em 0.2em 0 0;

		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;
		transition: all 300ms ease-out;
	}
	.hide-mn-close {display:none;}
	#container-wrap {padding-top:74px;}
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////*/
/*Tablet : W 481 ~ 999*/
@media all and (min-width:481px) and (max-width:999px){

	.gbtn-amenu {display:block}
	.gbtn-fsize {display:block}

	/*
	.gsel-lang {display:block;float:left;width:120px;position:relative;line-height:1.3em;background:#f8f6f9;z-index:1500;height:30px;border-right:1px solid #e9e7ea;border-left:1px solid #e9e7ea;}
	.gsel-lang dl {display:block;position:absolute;width:120px;left:0;top:0px;z-index:1500;background:#f8f6f9;height:29px;overflow:hidden;}
	.gsel-lang dt a {display:block;padding:0px 10px 0px 10px;height:100%;line-height:30px;background:url('/_img/common/top_icons01.gif') no-repeat 100px 10px}
	.gsel-lang ul {position:absolute;left:0;top:30px;width:120px;padding-top:5px;padding-bottom:5px;background:#f8f6f9;}
	.gsel-lang ul a {display:block;padding:0px 10px;height:26px;line-height:26px;background:#f8f6f9;}
	.gsel-lang ul a:hover, .gsel-lang ul a:focus {text-decoration:underline;}
	*/

	.gsel-lang {position:relative;display:block;float:left;width:auto;line-height:1.3em;background:#f8f6f9;z-index:1500;height:30px;border-right:1px solid #e9e7ea;border-left:1px solid #e9e7ea;}
	.gsel-lang ul {position:relative;background:#f8f6f9;}
	.gsel-lang ul li {float:left;display:block;border-left:1px solid #e9e7ea;}
	.gsel-lang ul li:first-child {border-left:0px;}
	.gsel-lang ul a {display:block;padding:0px 10px;height:30px;line-height:30px;background:#f8f6f9;}
	.gsel-lang ul a:hover, .gsel-lang ul a:focus {text-decoration:underline;}


	.gbtn-sns1, .gbtn-sns2, .gbtn-sns3, .gbtn-sns4 {float:left;background-image:url('/_img/common/top_sns_icons.png');background-repeat:no-repeat;margin-left:2px;}
	.gbtn-sns1 {background-position:0px top;}
	.gbtn-sns2 {background-position:-30px top;}
	.gbtn-sns3 {background-position:-89px top;}
	.gbtn-sns4 {background-position:-59px top;}


	#hbtn-home {display:block;}
	#mn-ctrs-btns {display:block;}
	.mn-ctr-close {display:none;}

	#mainNavi {
		position:fixed;
		display:block;
		width:200px;
		height:100%;
		min-height:100%;
		top:25px;
		right:-201px;
		margin:0px;
		padding:0px;
		background:#4e4e4e url('/_img/bg/mobile_menu_bg.png') repeat-y left top;
		border:0px solid #000;
		overflow-x:hidden;
		overflow-y:auto;
		z-index:3000;
		transition: top 0.2s ease-in-out;
		-webkit-transition: top 0.2s ease-in-out;
		-moz-transition: top 0.2s ease-in-out;
		-o-transition: top 0.2s ease-in-out;
		-ms-transition: top 0.2s ease-in-out;
	}

}

/*/////////////////////////////////////////////////////////////////////////////////////////////////*/
/*Tablet : W ~480*/
@media all and (max-width:480px) {
	.div-cont1 {max-width:1000px;width:100%;}

	#global-bar {z-index:4500;}
	#global-bar .div-cont {}
	#global-bar .gnb-left  {display:none;}
	#global-bar .gnb-right  {width:100%;position:relative;float:right;}

	.gbtn-btn {width:20%;border:0;padding:0;overflow:hidden;height:30px;background:url('/_img/common/top_icons.png') no-repeat -420px top;background-size:421px 60px;}
	.gbtn-btn span {display:block;cursor:pointer;white-space:nowrap;height:16px;padding:38px 10px 6px 10px;margin:0 auto;max-width:40px;line-height:1.3em;border:0;background-image:url('/_img/common/top_icons.png');background-repeat:no-repeat;background-size:421px 60px;}

	.gbtn-my span {background-position:-64px 0;}

	.gbtn-home {display:none}
	.gbtn-amenu {display:none}
	.gbtn-fsize {display:none}

	/*
	.gsel-lang {display:block;height:30px;width:20%;float:left;padding:0;overflow:hidden;height:30px;}
	.gsel-lang dt  {background:url('/_img/common/top_icons.png') no-repeat -420px top;background-size:421px 60px;padding:0;height:30px;overflow:hidden;text-align:center;}
	.gsel-lang dt a {display:block;}
	.gsel-lang dt a span {display:block;cursor:pointer;padding-top:30px;max-width:60px;background:url('/_img/common/top_icons.png') no-repeat -128px top;background-size:421px 60px;margin:0 auto;border:0;}
	.gsel-lang ul {position:absolute;display:none;left:0;top:30px;background:#e9e7ea;width:100%;z-index:4500;border-top:1px solid #f8f6f9;}
	.gsel-lang ul:after {content:"";display:block;clear:both;}
	.gsel-lang ul li {float:left;width:33.3%;}
	.gsel-lang ul li a {display:block;padding:5px 0;line-height:1.3em;text-align:center;border-left:1px solid #f8f6f9;}
	.gsel-lang ul li:first-child a  {border-left:0px;}
	*/

	.gsel-lang {position:relative;display:block;float:none;width:100%;line-height:1.3em;background:#f8f6f9;z-index:1500;height:30px;}
	.gsel-lang ul {position:relative;background:#f8f6f9;}
	.gsel-lang ul li {float:left;display:block;width:calc( (100% - 2px)  / 3);border-left:1px solid #e9e7ea;}
	.gsel-lang ul li:first-child {border-left:0px;}
	.gsel-lang ul a {display:block;padding:0px 10px;height:30px;line-height:30px;background:#f8f6f9;text-align:center;}
	.gsel-lang ul a:hover, .gsel-lang ul a:focus {text-decoration:underline;}


/*
	.gsel-lang {display:block;float:left;width:120px;position:relative;line-height:1.3em;background:#f8f6f9;z-index:1500;height:30px;}
	.gsel-lang dl {display:block;position:absolute;width:120px;left:0;top:0px;z-index:1500;background:#f8f6f9;height:29px;overflow:hidden;}
	.gsel-lang dt a {display:block;padding:10px 10px 4px 10px;height:16px;background:url('/_img/common/top_icons01.gif') no-repeat 100px 10px}
	.gsel-lang ul {position:absolute;left:0;top:30px;width:120px;padding-top:5px;padding-bottom:5px;background:#f8f6f9;}
	.gsel-lang ul a {display:block;padding:6px 10px;height:14px;line-height:1.5em;background:#f8f6f9;}
	.gsel-lang ul a:hover, .gsel-lang ul a:focus {text-decoration:underline;}
*/


	.gbtn-sns1 , .gbtn-sns2, .gbtn-sns3, .gbtn-sns4 {width:13.333%;background-image:url('/_img/common/top_icons.png');background-repeat: no-repeat ;background-size:421px 60px;background-position:-420px top; }
	.gbtn-sns1 span , .gbtn-sns2 span, .gbtn-sns3 span , .gbtn-sns4 span {display:block;padding-top:30px;padding-left:0;padding-right:0;max-width:40px;margin:0 auto;background-image:url('/_img/common/top_icons.png');background-repeat: no-repeat ;background-size:421px 60px;}
	.gbtn-sns1 {background-color:rgba(75, 114, 171, 1);}
	.gbtn-sns2 {background-color:rgba(43, 171, 0, 1); }
	.gbtn-sns3 {background-color:rgba(224, 44, 43, 1);}
	.gbtn-sns4 {background-color:rgba(51, 203, 254, 1);}

	.gbtn-sns1 span {background-position:-239px top;}
	.gbtn-sns2 span {background-position:-282px top;}
	.gbtn-sns3 span {background-position:-195px top;}
	.gbtn-sns4 span {background-position:-335px top;}

	.gbtn-sns1 span, 	.gbtn-sns2 span {}

	#header-wrap, #header  {height:60px;}
	#header #logo img {max-height:60px;}
	#container-wrap {padding-top:60px;}

	#hbtn-home {display:block;top:5px;}
	#mn-ctrs-btns {display:block;top:5px;}
	body.tmenu_type_L #hbtn-home {right:0px;}
	body.tmenu_type_L #mn-ctrs-btns {left:0px;}
	body.tmenu_type_R #hbtn-home {left:0px;}
	body.tmenu_type_R #mn-ctrs-btns {right:0px;}

	#mainNavi {
		position:fixed;
		display:block;
		width:200px;
		height:100%;
		min-height:100%;
		top:25px;
		right:-201px;
		margin:0px;
		padding:0px;
		background-color:#4e4e4e;
		border:0px solid #000;
		overflow-x:hidden;
		overflow-y:auto;
		z-index:3000;
    box-shadow: 2px 5px 10px #000;
		/*
		transition: top 0.2s ease-in-out;
		-webkit-transition: top 0.2s ease-in-out;
		-moz-transition: top 0.2s ease-in-out;
		-o-transition: top 0.2s ease-in-out;
		-ms-transition: top 0.2s ease-in-out;
		*/
	}
}



/*/////////////////////////////////////////////////////////////////////////////////////////////////*/

/* 세로형 메뉴 메뉴따로 설정 */
@media all and (max-width:999px) {

	.hide-mn-close {display:block;}
	.hide-mn-close button {width:1px;height:1px;}
	.hide-mn-close button:focus {width:100%;height:30px;}
	.topmenu {display:block;position:relative;width:100%;}
	.topmenu:after {display:block;content:"";clear:both;}
	.topmenu li {float:left;line-height:130%;}
	.topmenu a, .topmenu span {white-space:nowrap;}

	.topmenu .mn_l1 {display:block;float:left;width:100%;background:#4e4e4e;line-height:130%;text-align:left;border-bottom: 1px solid #e2e2e2;}
	.topmenu li a.mn_a1 {display:block;width:100%;}
	.topmenu li span.mn_s1 {position:relative;display:block;padding:0px 23px 0px 17px;line-height:42px;overflow:hidden;font-family:'Nanum Gothic';font-size:16px;font-weight:800;letter-spacing:-1px;cursor:pointer;color:#fff;}
	.topmenu .over .mn_a1 span, .topmenu  .mn_a1:hover span {color:#fff;}

	.topmenu .depth2-wrap {}
	.topmenu .depth2-wrap .mn_tit {display:none;}
	.topmenu .depth2-wrap .depth2 {position:relative;width:100%;background:#c5c5c5;padding:0px;}

	.topmenu .depth2-wrap .depth2:after {clear:both;content:"";display:block}
.topmenu .depth2-wrap .depth2 li {display:block;width:100%;float:left;font-size:14px;line-height:1.3em;border-top:1px solid #eee;overflow:hidden;/*background:url('/_img/common/mn_arr.png') no-repeat center right;background-size: 25px 25px;*/}
	.topmenu .depth2-wrap .depth2 a{display:block;}
	.topmenu .depth2-wrap .depth2 a.mn_a2 :before {padding-left:5px;content:"· "}
	.topmenu .depth2-wrap .depth2 a.mn_a2 span.mn_s2 {position:relative;display:block;padding:8px 20px 8px 15px;word-break:break-all;}
	.topmenu .depth2-wrap .depth2 .mn_a2:hover span,
	.topmenu .depth2-wrap .depth2 li.over span.mn_s2 {font-weight:normal;color:#ae1608;}
	.topmenu .depth2-wrap .depth2 .mn_a2 {}
	.topmenu .depth2-wrap .depth2 .mn_a2 span.mn_s2 {display:block;font-weight:normal;cursor:pointer;color:#fff;padding:8px 17px 5px 17px;white-space:nowrap;word-break:break-all;}

	/*media all and (max-width: 1100px) */
	.topmenu .depth3-wrap .depth3 {position:relative;width:100%;background:#f6f6f6;}
	.topmenu .depth3-wrap .depth3:after {clear:both;content:"";display:block}
	.topmenu .depth3-wrap .depth3 li {width:100%;float:left;font-size:12px;color:#fff;line-height:1.3em;border-bottom:0px solid #eee;overflow:hidden;}
	.topmenu .depth3-wrap .depth3 .mn_a3 {display:block;padding:0px;}
	.topmenu .depth3-wrap .depth3 a.mn_a3 span {color:#565656;font-size:12px;font-weight:normal;display:block;padding:7px 17px 7px 25px;word-break:break-all;}
	.topmenu .depth3-wrap .depth3 a.mn_a3 span:before {content:"- "}

	.topmenu .depth3-wrap .depth3 .mn_a3:hover span.mn_s3,
	.topmenu .depth3-wrap .depth3 li.over a.mn_a3 span.mn_s3 {color:#ae1608;font-weight:600;}


	.mn_s2 i.blank {height: 18px;}
	.mn_s2 i.blank::after {content:"" !important;}
	.mn_s2 i.blank::before {content:"" !important;}

}


/*----------------------------------카피라이터--------------------------------------------------------------------*/
/*카피라이터*/

#footer-wrap {position:relative;display:block;background:url('/_img/bg/bg_footer.png') 0 0 repeat-x #303030;z-index:2000;margin-bottom:0px;color:#fff}
#footer-wrap:after {display:block; clear:both; content:""}
#footer { position:relative; z-index:20; height:200px; }
/* footer > footer_nav */
#footer > div.footer_nav { position:relative;height:35px; margin:0 auto; }
#footer > div.footer_nav > ul { }
#footer > div.footer_nav > ul:after { clear:both; display:block; content:""; }
#footer > div.footer_nav > ul > li { float:left; width:20%; height:35px; background:url('/_img/bg/bul_footer_nav.jpg') 0 50% no-repeat; }
#footer > div.footer_nav > ul > li:first-child { background:none; }
#footer > div.footer_nav > ul > li > a { display:block; height:35px; line-height:35px; font-size:14px;font-weight:400; color:#fff; text-align:center; }

/* footer > footer_info */
#footer > div.footer_info { position:relative; top:25px; left:50%; width:1200px; margin-left:-600px; }
#footer > div.footer_info > div.footer_logo { position:absolute; top:0; left:0; width:95px; height:31px; }
#footer > div.footer_info > div.footer_logo > img { width:95px; height:31px; }

#footer > div.footer_info > div.footer_nav2 { position:absolute; left:10px; height:12px; }
#footer > div.footer_info > div.footer_nav2 > ul {  }
#footer > div.footer_info > div.footer_nav2 > ul:after { clear:both; display:block; content:""; }
#footer > div.footer_info > div.footer_nav2 > ul > li { float:left; height:12px; line-height:12px; padding:0 12px; background:url("../../img/layout/bul_footer_nav2.png") 0 50% no-repeat; }
#footer > div.footer_info > div.footer_nav2 > ul > li:first-child { padding-left:0; background:none; }
#footer > div.footer_info > div.footer_nav2 > ul > li > a { font-weight:bold; font-size:12px; color:#888; }

/* footer > address */
#footer > div.footer_info > div.address { position:absolute; top:0px; left:10px;  }
#footer > div.footer_info > div.address > p { margin:0; padding:0; line-height:24px; font-size:15px;font-weight:400; color:#fff; }
#footer > div.footer_info > div.address > p > strong { font-weight:500;color:#f1f1f1; }
#footer > div.footer_info > div.address > p > span { margin:0 10px; }

/* footer > family */
#footer > div.footer_info > div.family { position:absolute; top:0; right:0; }
#footer > div.footer_info > div.family:after { clear:both; display:block; content:""; }
#footer > div.footer_info > div.family > a { float:left; display:block; height:34px; }
#footer > div.footer_info > div.family > a > img { width:34px; height:34px; }
#footer > div.footer_info > div.family > a.btn_open_family > img { width:172px; }

#family_site { display:none; position:absolute; bottom:33px; right:0; width:172px; /*padding:20px 0 15px;*/ background:#fafafa;border:1px solid #ddd; }
#footer > div.footer_info > div.open #family_site { display:block; }
#family_site > ul {}
#family_site > ul > li {  }
#family_site > ul > li > a { display:block; padding:8px 12px; color:#666;line-height:1.4285; font-size:14px;font-weight:400;border-bottom:1px solid #ddd; }
#family_site > ul > li > a:hover {color:#ae1608}
#family_site > ul > li:last-child a {border-bottom:0px;}
#family_site > div.close_family { position:absolute;display:none; top:5px; right:5px; width:25px; height:25px; }
#family_site > div.close_family > button { width:100%; height:100%; margin:0; padding:0; background:none; border:0;cursor:pointer }
#family_site > div.close_family > button > img { width:11px; height:11px; }

/*
	테블릿 시작
*/
@media all and (max-width:1099px){

	/* footer > footer_nav */
	#footer > div.footer_nav { left:0; width:100%; margin-left:0; }

	/* footer > footer_info */
	#footer > div.footer_info { top:25px; left:0; width:100%; margin-left:0; }
	#footer > div.footer_info > div.footer_logo { position:relative; left:15px; }
	#footer > div.footer_info > div.footer_nav2 { position:relative; top:20px; left:15px; }

	/* footer > address */
	#footer > div.footer_info > div.address { position:relative; top:0px; left:15px; }

	/* footer > family */
	#footer > div.footer_info > div.family { right:15px; }
}

@media all and (max-width:767px){
	#footer { height:320px; }

	/* footer > footer_nav */
	#footer > div.footer_nav { height:auto; background:#303030; }
	#footer > div.footer_nav > ul > li:first-child {display:none;}
	#footer > div.footer_nav > ul > li { width:50%; height:40px; background:none; border-bottom:1px solid #888888; }
	#footer > div.footer_nav > ul > li > a { height:40px; line-height:40px; border-right:1px solid #888888; text-align:center; }
	#footer > div.footer_nav > ul > li > a:hover, #footer > div.footer_nav > ul > li > a:focus { text-decoration:none; }

	/* footer > footer_info */
	#footer > div.footer_info { top:50px; }
	#footer > div.footer_info > div.footer_logo { display:none; }
	#footer > div.footer_info > div.footer_nav2 { height:33px; }
	#footer > div.footer_info > div.footer_nav2 > ul > li:last-child { float:none; position:absolute; bottom:0; left:0; padding-left:0; background:none; }

	/* footer > address */
	#footer > div.footer_info > div.address {top:15px; padding-right:15px; }

	/* footer > family */
	#footer > div.footer_info > div.family { top:-35px; left:15px; right:auto; }

}
/*Tablet : W ~480*/
@media all and (max-width:480px) {
	#footer > div.footer_nav > ul > li { width:100%;}
  .cycle-pager {display: none;}
}
/*----------------------------------카피라이터--------------------------------------------------------------------*/




/* 메인의 상단 비주얼 영역 */
.cycle-navi {position:absolute;display:block;width:100%;top:50%;margin-top:-24px;z-index:200}
.visImgs {position:relative;}
.visImgs .cycle-prev {margin-left:-50px;text-indent:-9999px;float:left;background:url('/_img/btn/prev_th.png') no-repeat;width:25px;height:46px;
	transition:margin-left 0.3s ease-in;
	-moz-transition:margin-left 0.3s ease-in;
	-webkit-transition:margin-left 0.3s ease-in;
	-o-transition:margin-left 0.3s ease-in;
}
.visImgs .cycle-next {margin-right:-50px;text-indent:-9999px;float:right;background:url('/_img/btn/next_th.png') no-repeat;width:25px;height:46px;
	transition:margin-right 0.3s ease-in;
	-moz-transition:margin-right 0.3s ease-in;
	-webkit-transition:margin-right 0.3s ease-in;
	-o-transition:margin-right 0.3s ease-in;
}
.visImgs:hover .cycle-prev {margin-left:10px;}
.visImgs:hover .cycle-next {margin-right:10px;}

.cycle-slideshow {margin:0 auto}

#cycle-2 div {cursor:pointer;}
.cycle-slide-active .show{display:none;}
.cycle-slide-active .hide{display:inline;}
#progress { position: absolute; top: 0; height:2px; width: 0px; background:#ae1608; z-index: 500; }

.cycle-slideshow .items {width:100%;text-align:center;}

.cycle-pager {position:absolute; text-align:center; width: 100%;height:12px; z-index: 500; bottom:20px; overflow: hidden; }
.cycle-pager span {width:30px; height:12px; display:inline-block;border:0px;margin:0 3px;background:url('/_img/common/pager_btn_set.png') no-repeat center top;text-indent:-9999px;overflow:hidden;cursor: pointer;}
.cycle-pager span.cycle-pager-active {background:url('/_img/common/pager_btn_set.png') no-repeat center bottom;color: #ae1608;}
.cycle-pager > * { cursor: pointer;}


.visual_wrap {position:relative;display:block;width:100%;max-height:450px;background:#f1f1f1;z-index:4000;overflow:hidden}
.visual_wrap:after {clear:both;content:"";display:block;}
	.visual_img {position:relative;display:block;width:100%;height:100%;max-height:100%;text-align:center;}
	.visual_img:after {clear:both;content:"";display:block;}
	.visual_img img {max-height:450px;max-width:1200px;margin:0 auto}

#visual_img > div.visImgs { position:relative;z-index:10; height:100%;}
#visual_img .scroll_down {
    position: absolute;
	display:none;
    bottom: 10px;
    left: 50%;
    width: 54px;
    height: 54px;
    margin-left: -27px;
    background: url('_img/main/btn_scroll_down.png') no-repeat 0 0;
    z-index: 1000;
	opacity:0.5;
}
#visual_img .scroll_down:hover {opacity:1;}