@charset "utf-8";
/* 컨텐츠준비중 */
#detail_con .ready {text-align:center; margin-top:100px;}
#detail_con .ready p.stit {display:inline-block; padding:10px 100px; color:#fff; background:#000;}
#detail_con .ready p.con {position:relative; margin-top:30px; margin-bottom:200px; font-size:25px; ; line-height:140%}
#detail_con .ready p.con:after {display:block; content:""; position:absolute; left:50%; top:160%; width:1px; height:125px; background:#a8a8a8;}
#detail_con .ready .end {color:#4e4e4e;}

#gnb { background:#2b2b2b; border-bottom:0px; }
#gnb ul.family li a { color:#ccc; font-weight:400; }
#gnb ul.family li.gnb_m1 a { padding-left:0px; }
#gnb ul.family li:after, #gnb ul.gnb_menu>li:after { top:15px; height:12px; background:#8d8d8d; }
#gnb ul.gnb_menu li.allmenu, #gnb ul.gnb_menu li.lang { display:none; }
#gnb ul.gnb_menu li.home { background-image:url('/culture/images/inc/gnb_home.png') !important; }
#gnb ul.gnb_menu li.login { background-image:url('/culture/images/inc/gnb_login.png') !important; }
#gnb ul.gnb_menu li.login a { color:#fff; margin-left:5px; padding-right:0px; }
#gnb ul.gnb_menu li.login a span { color:#ccc !important; font-weight:300; }

header { background:#fff; }
header h1 { padding:15px; text-align:center; border-bottom:1px solid #ddd; }
header h1 a { display:inline-block; padding:15px 0 10px 130px; color:#000; font-size:20px; font-weight:400; background:url('/se/images/inc/logo.png') left center no-repeat; background-size:123px; }
header h1 a span{ font-size:0; text-indent:-5000px; }
header nav #lnb { overflow:hidden; padding-right:80px; }
header nav #lnb>li { float:left; }
header nav #lnb>li>a { display:block; padding:29px 35px; color:#000; font-size:18px; line-height:18px; text-align:center; letter-spacing:-1.5px; }
header nav #lnb>li>a.on { color:#c9493f; font-weight:400; } 
header nav .submenu { position:absolute; z-index:999; top:76px; display:none; width:180px; background:#e2574c; text-align:center; }
header nav .submenu ul li a { display:block; padding:10px 0; color:#fff; border-top:1px solid #fb685c; border-bottom:1px solid #c34338; font-size:15px; font-weight:300; }
header nav .submenu ul li a:hover { background:#c9493f; }
header nav li:nth-of-type(2) .submenu { margin-left:22px; }
header nav li:nth-of-type(3) .submenu { margin-left:47px; }
header nav li:nth-of-type(4) .submenu { margin-left:-20px; }
header nav li:nth-of-type(5) .submenu { margin-left:-24px; }
header nav li:nth-of-type(6) .submenu { margin-left:-22px; }
.se_all_btn a { position:absolute; z-index:3; top:0; right:0; display:block; width:76px; height:100%; background:#e2574c url('/se/images/inc/menu_btn.png') no-repeat center; background-size:24px; text-indent:-9999px; transition:0.3s all ease; }
.se_all_btn.on a { background-image:url('/se/images/inc/all_close.png'); }
#se_allmenu { position:absolute; z-index:999; display:none; width:100%; height:370px; background:#ce493f; color:#fff; }
#se_allmenu.on { display:block; }
#se_allmenu>div>ul { overflow:hidden; }
#se_allmenu>div>ul>li { float:left; padding:20px 2% 30px 2%; width:16.6%; height:370px; box-sizing:border-box; }
#se_allmenu>div>ul>li>p { display:inline-block; min-height:70px; width:100%; margin-top:10px; color:#fff; font-size:18px; font-weight:400; border-bottom:2px solid #fff; word-break:keep-all; }
#se_allmenu>div>ul>li>ul { margin-top:10px; }
#se_allmenu>div>ul>li>ul>li a { display:block; padding:5px 10px; color:#fff; font-size:15px; font-weight:300; transition:0.3s all ease; }
#se_allmenu>div>ul>li>ul>li a:hover { padding-left:15px; font-weight:400;}
/* Sweep To Bottom */
.s_btm { -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; position:relative; -webkit-transition-property:color; transition-property:color; -webkit-transition-duration:0.3s; transition-duration:0.2s; }
.s_btm:before { content:""; position:absolute; z-index:-1; top:0; left:0; right:0; bottom:0; background:#ba4239; -webkit-transform:scaleY(0); transform:scaleY(0); -webkit-transform-origin:50% 0; transform-origin:50% 0; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:0.2s; transition-duration:0.2s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; }
.s_btm:hover:before, .s_btm:focus:before, .s_btm:active:before { -webkit-transform:scaleY(1); transform:scaleY(1); }

footer { background:#fff; }
footer .wrapper { position:relative; }
footer .btm_menu { border-bottom:1px solid #ddd; }
footer .btm_menu ul { overflow:hidden; }
footer .btm_menu ul li { float:left; }
footer .btm_menu ul li:first-child a { font-weight:500; }
footer .btm_menu ul li a { display:block; padding:15px 25px; color:#333; font-size:15px; font-weight:300; }
footer .btm_menu ul li:first-child a { padding-left:0px; }
footer .btm_info { padding:25px 75px 25px 0; }
footer .btm_info .name { margin-bottom:15px; color:#333; font-size:18px; font-weight:500; }
footer .btm_info address, footer .btm_info .copyright { color:#333; font-size:14px; font-weight:300; letter-spacing:.1px; }

footer .btm_link{ position:absolute; width:300px; right:0px; top:3px; }
footer .btm_link div { position:relative; margin:5px 0px; padding:7px 25px 9px ; background:#f5f5f5; border-radius:100px; letter-spacing:-1.5px; }
footer .btm_link div input[type=button]{position:absolute; right:0; top:0; text-align:center; width:65px; height:35px; line-height:35px; color:#fff; background:#2b2b2b; border:0px; border-radius:100px; font-size:14px; font-weight:300; }
footer .btm_link select{width:100%; font-size:14px; color:#333; font-weight:300; border:0px; background:transparent; appearance:none; -webkit-appearance:none; letter-spacing:-1.5px;}
footer .btn_goTop { position:absolute; right:0; top:50%; margin-top:-31px; width:62px; height:62px;  border-radius:100%; background:#2b2b2b; transition:.3s; }
footer .btn_goTop:hover { margin-top:-21px; transition:.3s; }
.btn_goTop a { position:relative; display:block; padding-top:25px; text-align:center; color:#fff; font-size:14px; font-weight:300; letter-spacing:1px; text-decoration:none; }
.btn_goTop:before{content:''; position:absolute; left:50%; top:15px; margin-left:-5px; width:10px; height:10px; border-top:1px solid #fff; border-right:1px solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}


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

@media all and (min-width:770px) {
	header>div.wrapper { position:relative; }
	header h2 { display:none; font-size:0; text-indent:-5000px; }
}

@media all and (min-width:1200px) {
}

@media all and (max-width:1199px) {
	#gnb ul.family li:first-child { padding-left:20px; }
	#gnb ul.gnb_menu li.login { margin-right:20px; }
	header h1 { left:20px; }
	header nav #lnb>li { width:16.6%; }
	header nav #lnb>li>a { padding-left:15px; padding-right:15px; font-size:16px; }
	header nav .submenu {top:94px; }
	footer .wrapper { padding:0 20px; }
	footer .btn_goTop { right:20px; }
}

@media all and (max-width:769px) {
	header { position:relative; }
	header h1 { text-align:left; }
	header nav h2 a { position:absolute; z-index:3; top:15px; right:10px; display:block; width:60px; height:60px; background:#e2574c url('/se/images/inc/menu_btn.png') no-repeat center; background-size:24px; text-indent:-9999px; transition:0.3s all ease; }
	header nav h2 a.on { background-image:url('/se/images/inc/all_close.png'); }
	header nav #lnb { overflow:inherit; position:absolute; z-index:100; top:88px; width:100%; }
	header nav #lnb>li { width:100% !important; background:#cb5147; border-bottom:1px solid #b74137; }
	header nav #lnb>li>a { padding:15px 20px; color:#fff; text-align:left; font-size:16px; font-weight:400; }
	header nav #lnb>li>a.on { color:#fff; }
	header nav .submenu { position:static; margin:0 !important; width:100%; background:#fff; }
	header nav .submenu ul li a { padding:10px 20px; border:0px; color:#333333; text-align:left; }
	header nav .submenu ul li a:hover { background:#ececec; }
	.se_all_btn a { display:none; }
	#data_control { margin:20px 0 0; }
	footer .btm_menu ul li a { padding:15px 5px; }
	footer .btm_link { display:none; }
}

@media all and (max-width:640px) {
}

@media all and (max-width:480px) {
	header h1 a { padding-right:80px; padding-left:0; background:none; }
	#gnb ul.gnb_menu li.login { margin-right:10px; }
}