@charset "utf-8";

@import url(layout.css);

/* font */
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

@import url('https://fonts.googleapis.com/css2?family=Jost:wght@100;200;300;400;500;600;700;800;900&display=swap');
/* font-family: 'Jost', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@900&family=Norican&display=swap');
/*font-family: 'Merriweather', serif; font-family: 'Norican', cursive;*/

@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
/* font-family: 'Pacifico', cursive; */

@font-face { font-family: 'NEXON Lv2 Gothic'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic Light.woff') format('woff'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'NEXON Lv2 Gothic'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic.woff') format('woff'); font-weight: 400; font-weight: normal; font-style: normal; }
@font-face { font-family: 'NEXON Lv2 Gothic'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic Bold.woff') format('woff'); font-weight: 600; font-style: normal; }

/*==========================================================================
Base
==========================================================================*/
*,
*:after,
*:before {	margin: 0;	padding: 0; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;	box-sizing: border-box;}

::selection {*background: rgba(254, 211, 0, 0.8); /* Firefox */ background: rgba(254, 211, 0, 0.8); /* Safari */    color: #fff;}
::-moz-selection {*background: rgba(254, 211, 0, 0.8); /* Firefox */ background: rgba(254, 211, 0, 0.8); /* Firefox */    color: #fff;}

/* word-break: break-all; word-wrap: break-word; */
html, body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,textarea,p,blockquote,p,iframe,span,strong,em { margin:0; padding:0; font-size:inherit; word-break:break-word; word-break:keep-all; -webkit-text-size-adjust:none; }
body{font-family:'NEXON Lv2 Gothic', 'Noto Sans KR', 'Noto Sans Korean', sans-serif;font-size:16px;color:#363636;line-height:auto;font-weight:normal; padding:0px;margin:0px;letter-spacing:-.02em; word-break:keep-all;}
li, dd { list-style:none; word-break:break-word; word-break:keep-all; }

a, a code { color:#5c5c5c; text-decoration:none;  /*콺 ڿ*/transition-duration: 300ms;   transition-property: color, border-color, background-color;   transition-timing-function: ease; }
a:active, a:active code { text-decoration:none;  /*콺 ڿ*/transition-duration: 300ms;   transition-property: color, border-color, background-color;   transition-timing-function: ease; }
a:hover, a:hover code, a:focus, a:focus code { text-decoration:none; /*콺 ڿ*/transition-duration: 300ms;   transition-property: color, border-color, background-color;   transition-timing-function: ease;  }

a {outline:none; select-dummy: expression(this.hideFocus=true);cursor:pointer}
.hand {cursor:pointer}
/****************************************************************************************************************************/


/****************************************************************************************************************************/
#header_2023 {position:absolute; top:40px; width:100%;max-width:1300px; height:80px; left:50%; margin-left:-650px; box-sizing:border-box; background-color:rgba(255,255,255,1);z-index:300;}
#header_2023 #logo {position:absolute; top:0px; line-height: 80px;width:100%; max-width:300px;text-align:center;height:100%;padding-top:10px;}
#header_2023 #logo img{vertical-align:top;}

#gnb_pc {width:75%;float:right;padding-right:0px;}
#gnb_pc > ul > li { float: left; position:relative;height:80px;}
#gnb_pc > ul > li > div {display:block; font-size:1.2em; color:#000; line-height:80px;position:relative; width: auto; margin-right:60px; cursor: pointer;}
#gnb_pc > ul > li > div > a { position: relative; color:#000; padding: 10px 0; }
#gnb_pc > ul > li > div > span { position: relative; padding: 10px 0;}
#gnb_pc > ul > li > div > a:after,
#gnb_pc > ul > li > div > span:after{display:block; content:''; width:100%; height:3px; position:absolute; left:0%; bottom:0px; background:#ff647e; transition:all .3s; transform:scaleX(0);}
#gnb_pc > ul > li > ul { display: none; width:160px; position: absolute; left:-10px; text-align:left;background:rgba(255, 100, 126, 0.8); padding: 15px 0; }/*서버메뉴배경#ff647e*/
#gnb_pc > ul > li > ul > li > a {display:block; width:100%; font-size:1em; color:#fff; padding:0 12px; line-height: 2.2em; box-sizing: border-box; }
#gnb_pc > ul > li > ul > li:last-child > a {border-bottom:0;}
#gnb_pc > ul > li > ul > li > a:hover { color:#ffff00;}

#gnb_pc > ul > li:hover > div > a:after,
#gnb_pc > ul > li:hover > div > span:after{ transform:scaleX(1);}
/*프랜차이즈 메뉴*/
#gnb_pc > ul > li > a  {display:block; height:80px; font-size:1.05em; color:#fff; line-height:80px; position:relative; width: auto; padding:0px;margin:0px; cursor: pointer;}
#gnb_pc > ul > li.last > a > div > span {top:0px;background: #ff647e; height:40px;padding: 8px 20px 10px 20px; border-radius: 25px;}

.menuToggle {margin-right:4%;}
#gnb_mo { background:#fff1d0;}
#gnb_mo > ul > li > div { border-bottom:1px solid rgba(255,100,126,0.4);}
#gnb_mo > ul > li > div > a { color:#000;font-weight: 500;font-size:0.9em; }
#gnb_mo > ul > li.last > a { color:#9e0b0f;font-size:0.9em;border-bottom:1px solid rgba(0,0,0,0.4);}
#gnb_mo > ul > li > ul > li > a {font-weight: 500;}

/* 모바일 메뉴 +버튼 */
#gnb_mo > ul > li > div:after {background:#000;}
#gnb_mo > ul > li > div:before {background:#000;}

/* 모바일 메뉴 X버튼 */
#header_2023.mo_on .menuToggle span.t {transform:translateY(8.5px) rotate(45deg);background:#ff647e;}
#header_2023.mo_on .menuToggle span.m {width:0;border:0px;}
#header_2023.mo_on .menuToggle span.b {transform:translateY(-8.5px) rotate(-45deg);background:#ff647e;}

#header_2023.mo_on #gnb_mo {display:block;}

.bt-quick, .bt-info {padding:0 0 2% 3%;font-size:0.9em;}
.bt-info, .bt-quick li a p {color:#000;padding-bottom:3%;}
.bt-info dl dt {line-height:100%;margin-top:1%;}
.bt-info dl dd {font-size:0.9em;line-height:140%;}
.all-sns a { border:0px;background-color:rgba(0,0,0,0.2);}
.f-sns {margin: 10px 3px 0 0;}
@media screen and (max-width:1300px){
#header_2023 {left:0%; margin-left:0px;}
#header_2023 #logo {max-width:260px;}
#gnb_pc {padding-right:20px;}
}
@media screen and (max-width:1100px){
#header_2023 {position: fixed;top:0px;border-bottom:1px solid rgba(255,100,126,0.4);}
#header_2023 #logo img{max-width:200px;}
#gnb_pc {padding-right:40px;}
#header_2023.mo_on::before { content:''; width: 100%; height: 80px; background:rgba(255, 100, 126, 0.1); position: absolute; left:0; top:0; }
#header_2023.mo_on .menuToggle span { background: #fff; }
#header_2023 #logo {top:0px;padding-top:5px;}
#gnb_pc {display:none;}
.menuToggle {display:block;}
}

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

}