@charset "utf-8";

/* common */
#wrap {position:relative;}
.inner {position:relative; width:1000px; margin:0 auto;}
img {max-width:100%;}
.eng_font {font-family:'BebasNeue' !important;}

/* header */
#header {position:absolute; top:0; left:0; right:0; z-index:9;}
#header .header_top {padding:10px 0;}
#header .header_top ul {text-align:right; font-size:0;}
#header .header_top ul li {display:inline-block;}
#header .header_top ul li a {display:inline-block; margin:10px 0; padding:0 10px; border-left:1px solid #666; font-size:14px; line-height:1.1;}
#header .header_top ul li:first-child a {border-left:0;}
#header .header_top ul li:last-child a {padding-right:0;}
#header .header_wrap {height:65px;}
#header .logo {position:absolute; top:0; left:0; display:block; padding:35px 30px; text-align:center;}
#header .logo a {display:block; height:50px;}
#header .logo a img {height:50px; vertical-align:top;}
#header .logo span {display:inline-block; color:#fff; font-size:14px; font-weight:400; letter-spacing:3px;}
#header .btn_menu_open {float:right; position:relative; width:40px; height:22px; margin:15px 0 15px 30px; text-indent:-9999em;}
#header .btn_menu_open span {display:block; position:absolute; top:50%; bottom:0; right:0; width:60%; height:2px; margin-top:-1px; background:#230846;}
#header .btn_menu_open:before,
#header .btn_menu_open:after {content:'';display:block; position:absolute; right:0; background:#230846; height:2px;}
#header .btn_menu_open:before {top:0; width:100%;}
#header .btn_menu_open:after {bottom:0; width:100%;}
#header .btn_menu_open:hover span,
#header .btn_menu_open:hover:before,
#header .btn_menu_open:hover:after {background:#ff6780;}

/* gnb */
#gnb {float:right; text-align:right;}
#gnb ul li {position:relative; display:inline-block; height:65px; padding:0 15px;}
#gnb ul li a {position:relative; display:block; padding:10px; font-size:20px; font-weight:700;}
#gnb ul li a:hover,
#gnb ul li a.active {text-decoration:none; color:#ff6780;}
#gnb ul li ul {display:none; position:absolute; top:65px; left:0; right:0; background:rgba(255,255,255,0.8); text-align:center;}
#gnb ul li ul li {display:block; height:auto; padding:0;}
#gnb ul li ul li:last-child {margin-bottom:10px;}
#gnb ul li ul li a {font-size:18px; font-weight:400;}
#gnb ul li ul li a:hover {text-decoration:none; color:#ff6780;}
#pageName {position:absolute; left:-9999em; overflow:hidden; width:1px !important; height:1px !important; font-size:0; line-height:0; text-indent:-9999em;}

/* mGnb */
#mGnb {position:fixed; top:0; right:-320px; bottom:0; width:320px; padding-top:50px; background:#222; z-index:99; overflow-y:auto;}
#mGnb .btn_menu_close {position:absolute; top:20px; right:20px; width:30px; height:30px; text-indent:-9999em; background:url('../images/common/btn_menu_close.png') no-repeat 50%;}
#mGnb ul {margin:0 50px; padding:50px 0;}
#mGnb ul li {padding:5px 0;}
#mGnb ul li a {display:inline-block; padding:5px 0; color:#fff; font-size:18px;}
#mGnb ul li a:hover {text-decoration:none;}
#mGnb ul li ul {display:none; margin:5px 0 0; padding:0;}
#mGnb ul li ul li a {font-size:16px; font-weight:300;}
#mGnb ul + ul {border-top:1px solid #fff;}
#mGnb .menu_list ul {display:none;}
#mGnb .menu_list ul li {padding-left:20px;}
#mGnb .menu_list li a {position:relative; letter-spacing:0.1em;}
#mGnb .menu_list li a:hover {color:#fff; text-decoration:none;}
#mGnb .menu_list li a:after {content:''; position:absolute; bottom:0; left:0; display:block; width:0; border-bottom:2px solid #f9c3cc;}
#mGnb .menu_list li a:hover:after {width:100%; transition:width linear 0.25s;}

/* footer */
#footer {padding:30px 0; background:#f5f5f5;}
#footer .footer_logo {padding-bottom:30px;}
#footer .footer_cont p {font-size:14px; color:#666; padding: 5px 0;}
#footer .footer_cont .info span {display:inline-block; padding:0 15px; line-height:1.1; border-left:1px solid #ccc;}
#footer .footer_cont .info span:first-child {padding-left:0; border-left:0;}
#footer .footer_cont .terms {padding:20px 0;}
#footer .footer_cont .terms a {display:inline-block; padding-right:25px; background:url('../images/common/ico_link.png') no-repeat 99% 50%; color:#666;}
#footer .sns_link {position:absolute; bottom:0; right:0;}
#footer .sns_link a {margin:0 5px;}
#footer .sns_link a:first-child {margin-left:0;}

#topBtn {display:none; position:fixed; bottom:100px; right:50%; margin-right:-500px; z-index:20;}
#topBtn a {display:block; width:50px; height:50px; line-height:50px; background:rgba(0,0,0,0.7); border-radius:50%; text-align:center; color:#fff; font-size:14px;}

/* 210609 추가 */
#header .logo a img._pc {display:inline-block;}
#header .logo a img._mobile {display:none;}
#footer .footer_logo img._pc {display:inline-block;}
#footer .footer_logo img._mobile {display:none;}

/* 210615 추가 */
#footer .sns_link a {display:inline-block; vertical-align:middle; width:32px; height:32px; background-size:32px !important;}
#footer .sns_link a.cafe._b {background:url('../images/common/ico_cafe_b_pc.png') no-repeat 50%;}
#footer .sns_link a.blog._b {background:url('../images/common/ico_blog_b_pc.png') no-repeat 50%;}
#footer .sns_link a.insta._b {background:url('../images/common/ico_insta_b_pc.png') no-repeat 50%;}
#footer .sns_link a.fb._b {background:url('../images/common/ico_fb_b_pc.png') no-repeat 50%;}
#footer .sns_link a.sns._b {background:url('../images/common/ico_sns_b_pc.png') no-repeat 50%;}
#footer .sns_link a.cafe._w {background:url('../images/common/ico_cafe_w_pc.png') no-repeat 50%;}
#footer .sns_link a.blog._w {background:url('../images/common/ico_blog_w_pc.png') no-repeat 50%;}
#footer .sns_link a.insta._w {background:url('../images/common/ico_insta_w_pc.png') no-repeat 50%;}
#footer .sns_link a.fb._w {background:url('../images/common/ico_fb_w_pc.png') no-repeat 50%;}
#footer .sns_link a.sns._w {background:url('../images/common/ico_sns_w_pc.png') no-repeat 50%;}

/* 211216 추가 */
#footer .footer_cont .info span b {padding-right:6px;}


@media screen and ( max-width:1024px ){

	#header .logo {padding:35px 20px;}

	#gnb ul li {padding:0;}
	#gnb ul li a {font-size:18px;}
	#gnb ul li ul li a {font-size:16px;}

	.inner {width:100%; padding:0 16px; box-sizing:border-box;}

	#topBtn {right:16px; margin-right:0;}

}

@media screen and ( max-width:768px ){

	#header .header_top ul li a {font-size:12px;}
	#header .header_wrap {height:50px;}
	#header .logo {padding:50px 20px 10px;}
	#header .logo a {height:40px;}
	#header .logo a img {height:40px;}
	#header .btn_menu_open {width:30px; height:18px; margin:10px 0;}

	#gnb {display:none;}

	#footer .footer_logo {padding-bottom:20px;}
	#footer .footer_logo img {width:auto; height:40px;}
	#footer .footer_cont p {font-size:12px;}
	#footer .footer_cont .info span {display:block; padding:0; line-height:1.5; border-left:0;}
	#footer .footer_cont .terms a {padding-right:20px; background-size:auto 12px;}
	#footer .sns_link {position:relative; bottom:auto; right:auto; padding-top:20px;}
	
	#topBtn {bottom:30px;}
	#topBtn a {width:40px; height:40px; line-height:40px;}

	/* 210609 추가 */
	#header .logo {float:none; position:absolute; top:25px; left:16px; padding:0;}
	#header .logo a img {width:auto; height:50px; vertical-align:top;}
	#header .logo a img._pc {display:none;}
	#header .logo a img._mobile {display:inline-block;}
	#header .btn_menu_open {margin-top:10px;}
	#footer .footer_logo img {width:auto; height:30px;}
	#footer .footer_logo img._pc {display:none;}
	#footer .footer_logo img._mobile {display:inline-block;}

	/* 210615 추가 */
	#footer .sns_link a {background-size:32px !important;}
	#footer .sns_link a.cafe._b {background:url('../images/common/ico_cafe_b_m.png') no-repeat 50%;}
	#footer .sns_link a.blog._b {background:url('../images/common/ico_blog_b_m.png') no-repeat 50%;}
	#footer .sns_link a.insta._b {background:url('../images/common/ico_insta_b_m.png') no-repeat 50%;}
	#footer .sns_link a.fb._b {background:url('../images/common/ico_fb_b_m.png') no-repeat 50%;}
	#footer .sns_link a.sns._b {background:url('../images/common/ico_sns_b_m.png') no-repeat 50%;}
	#footer .sns_link a.cafe._w {background:url('../images/common/ico_cafe_w_m.png') no-repeat 50%;}
	#footer .sns_link a.blog._w {background:url('../images/common/ico_blog_w_m.png') no-repeat 50%;}
	#footer .sns_link a.insta._w {background:url('../images/common/ico_insta_w_m.png') no-repeat 50%;}
	#footer .sns_link a.fb._w {background:url('../images/common/ico_fb_w_m.png') no-repeat 50%;}
	#footer .sns_link a.sns._w {background:url('../images/common/ico_sns_w_m.png') no-repeat 50%;}

}


/* display */
.dp_inline {display:inline !important;}
.dp_inBlock {display:inline-block !important;}
.dp_block {display:block !important;}
.dp_none {display:none !important;}

.hidden,
legend > span,
caption > span {position:absolute;left:-9999em;overflow:hidden;width:1px !important;height:1px !important;font-size:0;line-height:0;text-indent:-9999em;}

/* float */
.floatL {float:left !important;}
.floatR {float:right !important;}
.clear:after {content:'';display:block;clear:both;}
.clearL {clear:left;}
.clearR {clear:right;}

/* width */
.w10p {width:10% !important;}
.w20p {width:20% !important;}
.w30p {width:30% !important;}
.w40p {width:40% !important;}
.w50p {width:50% !important;}
.w60p {width:60% !important;}
.w70p {width:70% !important;}
.w80p {width:80% !important;}
.w90p {width:90% !important;}
.w95p {width:95% !important;}
.w100p {width:100% !important;}

/* height */
.h10p {height:10% !important;}
.h20p {height:20% !important;}
.h30p {height:30% !important;}
.h40p {height:40% !important;}
.h50p {height:50% !important;}
.h60p {height:60% !important;}
.h70p {height:70% !important;}
.h80p {height:80% !important;}
.h90p {height:90% !important;}
.h100p {height:100% !important;}

/* input, select, textarea size */
.size80 {width:80px !important;}
.size100 {width:100px !important;}
.size150 {width:150px !important;}
.size200 {width:200px !important;}
.size250 {width:250px !important;}
.size100p {width:100% !important;}

/* overflow */
.overHidden {overflow:hidden;}
.scroll {overflow:auto;}
.scrollX {overflow-x:scroll;}
.scrollY {overflow-y:scroll;}

/* margin */
.mg0{margin:0 !important;}
.mgT0 {margin-top:0px !important;}
.mgT5 {margin-top:5px !important;}
.mgT10 {margin-top:10px !important;}
.mgT15 {margin-top:15px !important;}
.mgT20 {margin-top:20px !important;}
.mgT25 {margin-top:25px !important;}
.mgT30 {margin-top:30px !important;}
.mgT40 {margin-top:40px !important;}
.mgT50 {margin-top:50px !important;}
.mgT80 {margin-top:80px !important;}
.mgT100 {margin-top:100px !important;}

.mgR0 {margin-right:0px !important}
.mgR5 {margin-right:5px !important}
.mgR10 {margin-right:10px !important}
.mgR15 {margin-right:15px !important}
.mgR20 {margin-right:20px !important}
.mgR25 {margin-right:25px !important}
.mgR30 {margin-right:30px !important}
.mgR40 {margin-right:40px !important}
.mgR50 {margin-right:50px !important}
.mgR80 {margin-right:80px !important}
.mgR100 {margin-right:100px !important}

.mgB0 {margin-bottom:0px !important;}
.mgB5 {margin-bottom:5px !important;}
.mgB10 {margin-bottom:10px !important;}
.mgB15 {margin-bottom:15px !important;}
.mgB20 {margin-bottom:20px !important;}
.mgB25 {margin-bottom:25px !important;}
.mgB30 {margin-bottom:30px !important;}
.mgB40 {margin-bottom:40px !important;}
.mgB50 {margin-bottom:50px !important;}
.mgB80 {margin-bottom:80px !important;}
.mgB100 {margin-bottom:100px !important;}

.mgL0 {margin-left:0px !important;}
.mgL5 {margin-left:5px !important;}
.mgL10 {margin-left:10px !important;}
.mgL15 {margin-left:15px !important;}
.mgL20 {margin-left:20px !important;}
.mgL25 {margin-left:25px !important;}
.mgL30 {margin-left:30px !important;}
.mgL40 {margin-left:40px !important;}
.mgL50 {margin-left:50px !important;}
.mgL80 {margin-left:80px !important;}
.mgL100 {margin-left:100px !important;}

/* padding */
.pd0{padding:0 !important;}

.pdT0 {padding-top:0px !important;}
.pdT5 {padding-top:5px !important;}
.pdT10 {padding-top:10px !important;}
.pdT15 {padding-top:15px !important;}
.pdT20 {padding-top:20px !important;}
.pdT25 {padding-top:25px !important;}
.pdT30 {padding-top:30px !important;}
.pdT40 {padding-top:40px !important;}
.pdT50 {padding-top:50px !important;}
.pdT80 {padding-top:80px !important;}
.pdT100 {padding-top:100px !important;}

.pdR0 {padding-right:0px !important;}
.pdR5 {padding-right:5px !important;}
.pdR10 {padding-right:10px !important;}
.pdR15 {padding-right:15px !important;}
.pdR20 {padding-right:20px !important;}
.pdR25 {padding-right:25px !important;}
.pdR30 {padding-right:30px !important;}
.pdR40 {padding-right:40px !important;}
.pdR50 {padding-right:50px !important;}
.pdR80 {padding-right:80px !important;}
.pdR100 {padding-right:100px !important;}

.pdB0 {padding-bottom:0px !important;}
.pdB5 {padding-bottom:5px !important;}
.pdB10 {padding-bottom:10px !important;}
.pdB15 {padding-bottom:15px !important;}
.pdB20 {padding-bottom:20px !important;}
.pdB25 {padding-bottom:25px !important;}
.pdB30 {padding-bottom:30px !important;}
.pdB40 {padding-bottom:40px !important;}
.pdB50 {padding-bottom:50px !important;}
.pdB80 {padding-bottom:80px !important;}
.pdB100 {padding-bottom:100px !important;}

.pdL0 {padding-left:0px !important;}
.pdL5 {padding-left:5px !important;}
.pdL10 {padding-left:10px !important;}
.pdL15 {padding-left:15px !important;}
.pdL20 {padding-left:20px !important;}
.pdL25 {padding-left:25px !important;}
.pdL30 {padding-left:30px !important;}
.pdL40 {padding-left:40px !important;}
.pdL50 {padding-left:50px !important;}
.pdL80 {padding-left:80px !important;}
.pdL100 {padding-left:100px !important;}

/* border style */
.bd0 {border:0 !important;}
.bdT0 {border-top:0 !important;}
.bdR0 {border-right:0 !important;}
.bdB0 {border-bottom:0 !important;}
.bdL0 {border-left:0 !important;}

.bd_solid {border:1px solid #ccc !important;}
.bdT {border-top:1px solid #ccc !important;}
.bdR {border-right:1px solid #ccc !important;}
.bdB {border-bottom:1px solid #ccc !important;}
.bdL {border-left:1px solid #ccc !important;}

.bd_black {border-color:#333 !important;}
.bd_white {border-color:#fff !important;}
.bd_gray {border-color:#eee !important;}

/* color */
.black {color:#333 !important;}
.white {color:#fff !important;}

/* background color */
.no_bg {background:none !important;}
.bg_black {background-color:#333 !important;}
.bg_white {background-color:#fff !important;}

/* align */
.alignL {text-align:left !important;}
.alignC {text-align:center !important;}
.alignR {text-align:right !important;}

.valignT {vertical-align:top !important;}
.valignM {vertical-align:middle !important;}
.valignB {vertical-align:bottom !important;}

/* font Size */
.fs13 {font-size:13px !important;}
.fs14 {font-size:14px !important;}
.fs15 {font-size:15px !important;}
.fs16 {font-size:16px !important;}
.fs20 {font-size:20px !important;}
.fs24 {font-size:24px !important;}
.fs36 {font-size:36px !important;}

/* font-weight */
.fw100 {font-weight:100 !important;}
.fw300 {font-weight:300 !important;}
.fw350 {font-weight:350 !important;}
.fw400 {font-weight:400 !important;}
.fw500 {font-weight:500 !important;}
.fw700 {font-weight:700 !important;}
.fw900 {font-weight:900 !important;}

/* grid */
.row {position:relative; margin:0 -0.625rem; overflow:hidden;}
.row > div {float:left;box-sizing:border-box;padding:0 0.625rem;}
.row .col1 {width:8.333%;}
.row .col2 {width:16.666%;}
.row .col3 {width:25%;}
.row .col4 {width:33.333%;}
.row .col5 {width:41.666%;}
.row .col6 {width:50%;}
.row .col7 {width:58.333%;}
.row .col8 {width:66.666%;}
.row .col9 {width:75%;}
.row .col10 {width:83.333%;}
.row .col11 {width:91.666%;}
.row .col12 {width:100%;}

@media screen and (max-width:768px) {
	.row > div {width:100% !important; padding-bottom:1.25rem;}
}