@charset "utf-8";


/* layout */
html, body { height:100%;}
body { color:#686868; letter-spacing:-.05em; -webkit-text-size-adjust:none; -webkit-font-smoothing:antialiased;}
#wrap {	position:relative; width:100%; min-width:320px; font-size:1.6rem; }
.inner {	width:1300px;	position:relative;	margin-left:auto;	margin-right:auto;}
.s-inner {	width:1280px;	position:relative;	margin-left:auto;	margin-right:auto;}
#content{padding-top: 80px;}

@media all and (max-width:999px){
	#content{padding-top: 60px;}
	body.on{overflow: hidden;}
}

/* 타블렛 가로 */
@media all and (max-width:1279px) {	
.inner {width:94%;}
.s-inner {width:94%;}
}

/* header */
#header{background-color: #fff; position: fixed; width: 100%; z-index: 997; transition: .2s; border-bottom: 1px solid rgba(255,255,255,0.3); height: 80px;}
#header.menu_on, #header.scroll{background-color: #fff; box-shadow: 1px 2px 12px rgba(0,0,0,0.1);}
#header #logo a{background:center / 100% url("/wp-content/uploads/sites/6/legacy/images/common/logo.png") no-repeat; width: 145px; height: 100px; position: absolute; left: 60px; top: 5px; z-index:99;}
#header #pcGnb {width:100%; text-align:center;}
#header #pcGnb > ul{ font-size: 0;}
#header #pcGnb > ul > li {display:inline-block; vertical-align:top; text-align:center; position:relative;}
#header #pcGnb > ul > li > div > a {display:block; font-size:1.8rem; color:#111; line-height:80px; position:relative; font-weight: 500; font-weight: 500; width: 140px;}
#header.menu_on #pcGnb > ul > li > div > a, #header.scroll #pcGnb > ul > li > div > a{color: #333; text-decoration: 3px underline transparent;}
#header.menu_on #pcGnb > ul > li:hover > div > a, #header.scroll #pcGnb > ul > li:hover > div > a{color: #950312; text-decoration: 3px underline; text-underline-position: under;}
#header #pcGnb > ul > li > ul {display:none; width: 140px; height: auto;  position: absolute; z-index: 9; background:rgba(255,255,255,0.9); overflow:hidden;}
#header #pcGnb > ul > li > ul li{padding: 0 15px;}
#header #pcGnb > ul > li > ul > li > a {display:block; width:100%; font-size:1.6rem; color:#555; padding:13px 0; border-bottom: 1px solid #ccc; font-weight: 500;}
#header #pcGnb > ul > li > ul > li:last-child > a{border-bottom: 0;}
#header #pcGnb > ul > li > ul > li:hover > a{color: #222;}

#header .blog_btn{position: absolute; right: 110px; top:23px;}
#header .blog_btn img{height: 36px;}

#header .partner_btn{position: absolute; right: 0px; top: 23px; font-size: 1.6rem; font-weight: 400;}
#header .partner_btn a{color: #fff; background-color: #950312; padding: 6px 20px; border-radius: 20px; display: block;}

#menuToggle { position:absolute; display: none; left:0px; top:24px; width:30px; height:22px; cursor:pointer; z-index:101; z-index:999}
#menuToggle span {display:block; position:absolute; left:0; height:2px; background:#212121; transition:0.5s all; -webkit-transition:0.5s all;}
.menu_on #menuToggle span, .scroll #menuToggle span{background-color: #333;}
#menuToggle span.t {top:0; width:100%}
#menuToggle span.m {top:50%; margin-top:-1px; width:50%}
#menuToggle span.b {bottom:0; width:75%;}

#menuToggle.m_on span.t{width: 100%; background-color:#fff; transform: translateY(10px) rotate(45deg);}
#menuToggle.m_on span.m{width: 0;}
#menuToggle.m_on span.b{width: 100%; background-color:#fff; transform: translateY(-10px) rotate(-45deg);}

#gnb_mo { position:fixed; height:100%; z-index:998; left:0;  top:0; padding:120px 30px 2%; background:#AB1918;
                color:#FFF; width:100%; max-width:70vw; box-sizing:border-box; transition: all 0.4s ease;
            	-webkit-transform: translateX(100%) rotate(0); -moz-transform: translateX(-100%) rotate(0); -ms-transform: translateX(-100%) rotate(0); -o-transform: translateX(-100%) rotate(0);
               transform: translateX(-100%) rotate(0);
	line-height: 1.7em;
}
#gnb_bg{background: rgba(0,0,0,0.6); z-index: -1; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; height: 0; visibility: hidden; opacity: 0;}
#gnb_bg.on{opacity: 1; visibility: visible; z-index: 997; height:100%;}

#gnb_mo.m_menuOn{	-webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0);	-ms-transform: translateX(0) rotate(0);	-o-transform: translateX(0) rotate(0);	transform: translateX(0) rotate(0); }
#gnb_mo .gnb_dp1 div { font-weight:500;  padding:1.5em 0; cursor:pointer; border-bottom:1px dotted rgba(255, 255, 255, 0.5);}
#gnb_mo .gnb_dp1 > div > a { color:#fff; }

#gnb_mo .gnb_dp1 div { font-weight:500;  padding:1.5em 0; cursor:pointer; border-bottom:1px dotted rgba(255, 255, 255, 0.5);}
#gnb_mo .gnb_dp1 > div > a { color:#fff; }

#gnb_mo .smenu {display:none; padding:10px 0;}
#gnb_mo .smenu>li br{display:none;}
#gnb_mo .smenu>li>a,
#gnb_mo .smenu>li>span {display:block; padding:4px 10px; color:#fff;}
#gnb_mo .smenu>li>a:hover,
#gnb_mo .smenu>li>span:hover{background:rgba(0,0,0,0.2); color:#FFF; font-weight:500;}

@media all and (max-width:1279px){
	#header #logo a{left: 0;}
}
@media all and (max-width:999px){
    #header{height: 60px;}
    #header #logo a{max-width: 130px; top:6px; left: 50%; transform: translateX(-50%);}
    #header .blog{top: 16px;}
    #header .blog img{max-width: 40px;}
    #menuToggle{top: 20px;}
	#pcGnb{display: none;}
    #header .blog_btn{top: 16px; right: 100px;}
	#header .partner_btn{top: 16px; font-size: 1.4rem;}
	#menuToggle{display: block;}
}
@media all and (max-width:640px){
	#header #logo a{max-width: 110px; top: 0;}
    #header .blog_btn{ right: 73px;}
    #header .partner_btn a{padding: 6px 11px;}
}
    

/* sec_bot */
.sec_bot{padding: 130px 0; background: center center / cover url("/wp-content/uploads/sites/6/legacy/images/common/sec_bot_bg.jpg") no-repeat; cursor: pointer;}
.sec_bot .inner{}
.sec_bot .inner h4{font-size: 1.6rem; font-weight: 500; color: #dddddd;}
.sec_bot .inner h3{font-weight: 500; color: #fff; font-size: 4.2rem; line-height: 1.3em; margin: 1rem 0 2.5rem;}
.sec_bot .inner h3 span{font-weight: 600; color: #68ffba; display: inline-block;}
.sec_bot .inner a{}

@media all and (max-width:999px){
    .sec_bot{padding: 10% 0;}
    .sec_bot .inner h4{font-size: 1.5rem;}
    .sec_bot .inner h3{font-size: 3.6rem; margin-bottom: 2rem;}
}
@media all and (max-width:640px){
    .sec_bot .inner h3{font-size: 2.7rem;}
    .sec_bot .inner a img{max-width: 40px;}
}


/* f_fran */
.f_fran{background: url("/wp-content/uploads/sites/6/legacy/images/common/fran_bg.jpg") no-repeat center center / cover; height: 450px; position: relative; z-index: 2;}
.f_fran .txt{height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.f_fran .txt h4{font-size: 2rem; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 400;}
.f_fran .txt h3{font-size: 4rem; color: #ffb830; font-weight: 400;}
.f_fran .txt h3 span{font-family: 'Montserrat', sans-serif; font-size: 4.2rem; font-style: italic; font-weight: 700;}
.f_fran .txt p{margin-top: 10px; color: #fff; text-align: center; line-height: 1.8em; max-width:80%; word-break: keep-all; }
.f_fran .txt .btn_box{margin-top: 45px; display: flex;}
.f_fran .txt .btn_box a{font-weight: 500; display: flex; width: 244px; height: 54px; justify-content: center; align-items: center; margin: 0 10px;}
.f_fran .txt .btn_box a:nth-child(1){color: #fff; border: 1px solid #eee;}
.f_fran .txt .btn_box a:nth-child(2){color: #212121; background-color: #fff;}

@media all and (max-width:999px){
	.f_fran{height: 70vh;}
	.f_fran .txt{width: 96%; margin: 0 auto;}
	.f_fran .txt h3{font-size: 3.6rem;}
	.f_fran .txt h3 span{font-size: 3.8rem;}
	.f_fran .txt p br{display: none;}
	.f_fran .txt .btn_box{justify-content: space-between; width: 100%; margin-top: 8%;}
	.f_fran .txt .btn_box a{width: 49%;}
}
@media all and (max-width:640px){
	.f_fran{height: 60vh;}
	.f_fran .txt h3{font-size: 2.9rem;}
	.f_fran .txt h3 span{font-size: 3.2rem;}
}

/* footer */
#footer {font-family: 'Noto Sans KR',sans-serif; width:100%;	clear:both;	position:relative;	margin:0 auto; background-color: #AB1918; padding: 30px 0 70px; color: #fff; z-index: 3;}
#footer::before{content: ''; background: url("/wp-content/uploads/sites/6/legacy/images/common/footer_deco.png") repeat-x; width: 100%; height: 8px; display: block; position: absolute; top: -8px;}
#footer .top{display: flex; justify-content: space-between; align-items: center;}
#footer .top .left_box{display: flex;}
#footer .top .left_box li{margin-right: 30px;}
#footer .top .left_box li a{color: #fff; font-weight: 500; font-size: 1.6rem;}
#footer .top .right_box{font-weight: 500; font-size: 1.6rem;}
#footer .top .right_box span{font-weight: 600; font-size: 2.4rem;}
#footer .bottom{display: flex; margin-top: 50px;}
#footer .bottom .f_logo-b{display: flex;}
#footer .bottom .f_logo{margin-right: 40px;}
#footer .bottom .f_logo img{width:100px;}
#footer .bottom .info{}
#footer .bottom .info span{line-height: 1.8em; font-size: 1.5rem; margin-right: 15px; display: inline-block;}
#footer .bottom .info span.copy{}

@media all and (max-width:640px){
	#footer{padding: 30px 0 50px;}
	#footer .top{flex-direction: column-reverse}
	#footer .top .left_box li{margin-right: 0; margin: 0 10px;}
	#footer .top .right_box{margin-bottom: 15px;}
	#footer .bottom{flex-direction: column; align-items: center; margin-top: 35px;}
    #footer .bottom .f_logo-b{gap: 20px;}
	#footer .bottom .f_logo{margin-right: 0; margin-bottom: 30px;}
	#footer .bottom .f_logo img{max-width: 30vw;}
	#footer .bottom .info{text-align: center;}
	#footer .bottom .info br{display: none;}
}

.quick_btn{position: fixed; z-index: 99; bottom: 20px; right: 20px;}
.quick_btn .quick{width: 320px;  font-size: 2rem; font-weight: 700; display: flex;justify-content: center; align-items: center; margin: 0 auto;}
.quick_btn .quick img{width: 100%;}

@media all and (max-width:999px){
    .quick_btn{left: 50%; transform: translateX(-50%); width:500px;}
    .quick_btn .quick{width: 80%;}
}
@media all and (max-width:640px){
    .quick_btn{width:380px;}
    .quick_btn .quick{width: 100%;}
}
@media all and (max-width:540px){
    .quick_btn{width:260px;}
}