@charset "UTF-8";

@import url("../fonts/thejamsil.css");
@import url("../fonts/gmarketsans.css");
@import url("../fonts/kopubworlddotum.css");
@import url("../fonts/onemobiletitle.css");

#page{position:relative;font-family:"KoPubWorld Dotum",sans-serif;}
#page.padding_bottom_floating{padding-bottom:calc(200px + env(safe-area-inset-bottom)/2);}
#page *{font-family:inherit;box-sizing:border-box;}

@media all and (max-width:1200px)
{
	#page.padding_bottom_floating{padding-bottom:calc(190px + env(safe-area-inset-bottom)/2);}
}
@media all and (max-width:1000px)
{
	#page.padding_bottom_floating{padding-bottom:calc(180px + env(safe-area-inset-bottom)/2);}
}
@media all and (max-width:800px)
{
	#page.padding_bottom_floating{padding-bottom:calc(170px + env(safe-area-inset-bottom)/2);}
}
@media all and (max-width:600px)
{
	#page.padding_bottom_floating{padding-bottom:calc(160px + env(safe-area-inset-bottom)/2);}
}
@media all and (max-width:400px)
{
	#page.padding_bottom_floating{padding-bottom:calc(150px + env(safe-area-inset-bottom)/2);}
}


#page .page_width{width:100%;max-width:calc(1300px + 60px);padding:0 30px;margin:0 auto;}

@media all and (max-width:1000px)
{
	#page .page_width{padding:0 15px;}
}


#page [data-animation]{opacity:0;}
#page [data-animation-loop]{opacity:0;}
#page [data-animation][data-counter].animated{opacity:1;}


#page > .page_header{position:fixed;z-index:10;left:0;top:0;padding:0 30px;width:100%;height:95px;background-color:#ffffff;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:space-between;}
#page > .page_header:after{content:"";display:block;position:absolute;left:50%;bottom:0;transform:translateX(-50%);height:1px;background-color:#000000;width:100%;max-width:1590px;}
#page > .page_header .logo{position:relative;display:block;height:50px;aspect-ratio:740/212;background-image:url("../img/logo.png");background-size:100%;background-repeat:no-repeat;background-position:center center;flex-shrink:0;}
#page > .page_header .menu{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:"GmarketSans",sans-serif;}
#page > .page_header .menu ul{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;gap:30px;}
#page > .page_header .menu ul li{position:relative;}
#page > .page_header .menu .item{position:relative;margin:0;padding:0 20px;padding-top:2px;border:0;border-radius:30px;-webkit-appearance:none;height:60px;font-size:26px;font-weight:500;color:#222222;line-height:1.2;text-align:center;background-color:#ffffff;text-decoration:none;cursor:pointer;white-space:nowrap;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;gap:14px;}
#page > .page_header .menu .item:before{content:"";position:relative;top:-2px;display:block;width:30px;aspect-ratio:1/1;background-color:#e2e2e2;border-radius:50%;background-image:url("../img/menu_icon.svg");background-size:60%;background-position:center center;background-repeat:no-repeat;background-position:center center;}
#page > .page_header .menu .item:hover{background-color:#222222;color:#ffffff;}
#page > .page_header .menu .item.active{background-color:#000000;color:#ffffff;}
#page > .page_header .menu .item br.mobile{display:none;}

@media all and (max-width:1200px)
{
	#page > .page_header{height:80px;}
	#page > .page_header .logo{height:40px;}
	#page > .page_header .menu ul{gap:15px;}
	#page > .page_header .menu .item{padding:0 0.76em;border-radius:1.15em;height:2.3em;font-size:20px;gap:0.5em;}
	#page > .page_header .menu .item:before{width:1.15em;top:-1px;}
}
@media all and (max-width:1000px)
{
	#page > .page_header{height:60px;padding:0 15px;padding-right:10px;gap:15px;}
	#page > .page_header .logo{width:40px;aspect-ratio:1/1;background-image:url("../img/logo_symbol.png");}
	#page > .page_header .menu{position:relative;left:auto;top:auto;transform:translate(0,0);flex-grow:1;}
	#page > .page_header .menu ul{gap:10px;}
	#page > .page_header .menu ul li{flex:1;}
	#page > .page_header .menu .item{padding:0 8px;height:45px;font-size:16px;border:1px solid #aaaaaa;border-radius:10px;gap:8px;justify-content:center;}
	#page > .page_header .menu .item:before{width:1.15em;top:0;}
	
	#page > .page_header .menu .item:hover{border-color:#000000;}
	#page > .page_header .menu .item.active{border-color:#000000;}
}
@media all and (max-width:600px)
{
	#page > .page_header .menu .item{font-size:13px;}
	#page > .page_header .menu .item:before{display:none;}
	#page > .page_header .menu .item br.mobile{display:block;}
}


#page > .page_content{position:relative;padding-top:95px;container-type:inline-size;container-name:pages;}
#page > .page_content .page_section{position:relative;}
#page > .page_content .page_section.padding{padding:70px 0;}
#page > .page_content .page_section.padding.padding_botton_none{padding-bottom:0;}
#page > .page_content .page_section .inner{position:relative;}
#page > .page_content .page_section .inner_box{position:relative;}

@media all and (max-width:1200px)
{
	#page > .page_content{padding-top:80px;}
	#page > .page_content .page_section.padding{padding:65px 0;}
}
@media all and (max-width:1000px)
{
	#page > .page_content{padding-top:60px;}
	#page > .page_content .page_section.padding{padding:60px 0;}
}
@media all and (max-width:800px)
{
	#page > .page_content .page_section.padding{padding:55px 0;}
}
@media all and (max-width:600px)
{
	#page > .page_content .page_section.padding{padding:50px 0;}
}
@media all and (max-width:400px)
{
	#page > .page_content .page_section.padding{padding:45px 0;}
}

#page .page_footer{position:relative;padding:50px 0;background-color:#ffffff;border-top:1px solid #e0e0e0;background-color:#fafafa;}
#page .page_footer .inner{position:relative;display:flex;flex-wrap:nowrap;flex-direction:column;align-items:center;}
#page .page_footer .logo{position:relative;display:block;margin:0;padding:0;aspect-ratio:740/210;height:50px;background-image:url("../img/logo_footer.png?v=3");background-size:100%;background-repeat:no-repeat;background-position:center center;}
#page .page_footer .info{position:relative;margin:0;padding:0;font-size:16px;line-height:1.5;color:#000000;display:flex;flex-wrap:nowrap;flex-direction:column;align-items:center;gap:10px;align-self:stretch;}
#page .page_footer .info ul{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:column;gap:10px;align-items:center;}
#page .page_footer .info ul li{position:relative;}
#page .page_footer .info ul.column{flex-direction:row;gap:30px;}
#page .page_footer .info ul.column li:nth-child(n+2):before{content:"";position:absolute;left:-15px;top:50%;transform:translateY(-55%);display:block;width:1px;height:1em;background-color:#000000;}
#page .page_footer .info a{color:inherit;text-decoration:none;}
#page .page_footer .info .company_name{font-size:18px;font-weight:700;}
#page .page_footer * + .info{margin-top:40px;}

@media all and (max-width:1200px){
	#page .page_footer{font-size:20px;padding:2.5em 0;}
	#page .page_footer .logo{height:2.5em;}
	#page .page_footer .info{font-size:0.8em;}
	#page .page_footer .info ul{gap:0.625em;}
	#page .page_footer .info .company_name{font-size:1.125em;}
	#page .page_footer * + .info{margin-top:2.6em;}
}
@media all and (max-width:1000px){
	#page .page_footer{font-size:18px;}
	#page .page_footer .info{font-size:0.9em;}
}
@media all and (max-width:800px){
	#page .page_footer{font-size:16px;}
}
@media all and (max-width:600px){
	#page .page_footer{font-size:15px;}
	#page .page_footer .info{font-size:0.86em;}
}
@media all and (max-width:500px){
	#page .page_footer{font-size:14px;}
}


#page .common_keyword{position:relative;margin:0;padding:0;font-size:36px;font-weight:300;color:#000000;line-height:1.2;text-align:center;display:inline-flex;flex-wrap:nowrap;flex-direction:row;align-items:center;word-break:keep-all;}
#page .common_keyword:before,
#page .common_keyword:after{font-size:62px;font-weight:700;position:relative;top:2px;margin:0 25px;}
#page .common_keyword:before{content:"[";margin-left:0 !important;}
#page .common_keyword:after{content:"]";margin-right:0 !important;}
#page .common_keyword b{font-weight:700;}
#page .common_keyword u{position:relative;text-decoration:none;}
#page .common_keyword u:before{content:"";display:block;position:absolute;z-index:0;left:50%;bottom:5px;transform:translateX(-50%);width:calc(100% + 5px);height:22px;background-color:#ffe0e0;}
#page .common_keyword u > span{position:relative;z-index:1;}
#page .common_keyword.narrow:before,
#page .common_keyword.narrow:after{margin:0 20px;}
#page .common_keyword.narrow:before{margin-left:0 !important;}
#page .common_keyword.narrow:after{margin-right:0 !important;}

@media all and (max-width:1400px)
{
	#page .common_keyword{font-size:36px;}
	#page .common_keyword:before,
	#page .common_keyword:after{font-size:1.72em;margin:0 0.4em;}
	#page .common_keyword u:before{height:0.61em;bottom:0.13em;}
	#page .common_keyword.narrow:before,
	#page .common_keyword.narrow:after{margin:0 0.32em;}
}
@media all and (max-width:1200px)
{
	#page .common_keyword{font-size:32px;}
}
@media all and (max-width:1000px)
{
	#page .common_keyword{font-size:28px;}
	#page .common_keyword:before,
	#page .common_keyword:after{margin:0 0.3em;}
	#page .common_keyword.narrow:before,
	#page .common_keyword.narrow:after{margin:0 0.25em;}
}
@media all and (max-width:800px)
{
	#page .common_keyword{font-size:26px;}
}
@media all and (max-width:600px)
{
	#page .common_keyword{font-size:21px;line-height:1.4;}
}
@media all and (max-width:400px)
{
	#page .common_keyword{font-size:18px;}
}


#page .common_message{position:relative;padding:50px;border-radius:30px;background-color:#e6e6e6;display:flex;flex-wrap:nowrap;flex-direction:column;align-items:center;}
#page .common_message:before{content:"";display:block;position:absolute;right:-17px;top:-30px;width:100px;aspect-ratio:101/75;background-image:url("../img/common_message_icon.png");background-size:100%;background-repeat:no-repeat;background-position:center center;animation:ani_common_message_icon ease 500ms infinite alternate;}

@keyframes ani_common_message_icon
{
	from{transform:translateY(-25%);}
	to{transform:translateY(0);}
}

@media all and (max-width:1400px)
{
	#page .common_message{font-size:20px;}
	#page .common_message:before{width:5em;right:-0.85em;top:-1.5em;}
}
@media all and (max-width:1200px)
{
	#page .common_message{font-size:19px;border-radius:20px;padding:30px;}
}
@media all and (max-width:1000px)
{
	#page .common_message{font-size:18px;border-radius:15px;padding:20px 15px;}
	#page .common_message:before{width:3em;right:-0.5em;top:-1em;}
}
@media all and (max-width:800px)
{
	#page .common_message{font-size:16px;}
}
@media all and (max-width:600px)
{
	#page .common_message{font-size:15px;}
}
@media all and (max-width:400px)
{
	#page .common_message{font-size:14px;}
}


#page > .page_floating{position:fixed;z-index:9;left:0;padding:30px;padding-bottom:calc(30px + env(safe-area-inset-bottom)/2);bottom:0;width:100%;border-top:1px solid #000000;padding:;background-color:#ffffff;}
#page > .page_floating .description{position:relative;margin:0;padding:0;font-size:25px;font-weight:700;color:#000000;line-height:1.4;text-align:center;word-break:keep-all;}
#page > .page_floating .description b{font-weight:700;color:#ff5b5b;}
#page > .page_floating .description u{position:relative;text-decoration:none;}
#page > .page_floating .description u:before{content:"";display:block;position:absolute;left:50%;bottom:5px;transform:translateX(-50%);width:calc(100% + 5px);height:14px;background-color:#ffe0e0;}
#page > .page_floating .description u > span{position:relative;z-index:0;}
#page > .page_floating .description br.mobile{display:none;}
#page > .page_floating .menu{position:relative;font-family:"GmarketSans",sans-serif;}
#page > .page_floating .menu ul{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;gap:30px;}
#page > .page_floating .menu ul li{position:relative;}
#page > .page_floating .menu .item{position:relative;margin:0;padding:0 20px;padding-top:2px;border:0;border-radius:30px;-webkit-appearance:none;height:60px;font-size:26px;font-weight:500;color:#ffffff;line-height:1.2;text-align:center;background-color:#222222;text-decoration:none;cursor:pointer;white-space:nowrap;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;gap:14px;}
#page > .page_floating .menu .item:before{content:"";position:relative;top:-2px;display:block;width:30px;aspect-ratio:1/1;background-color:#e2e2e2;border-radius:50%;background-image:url("../img/menu_icon.svg");background-size:60%;background-position:center center;background-repeat:no-repeat;background-position:center center;}
#page > .page_floating .menu .item br.mobile{display:none;}
#page > .page_floating * + .menu{margin-top:30px;}

@media all and (max-width:1400px)
{
	#page > .page_floating{font-size:20px;}
	#page > .page_floating .description{font-size:1.25em;}
	#page > .page_floating .description u:before{bottom:0.2em;height:0.56em;}
	#page > .page_floating .menu ul{gap:15px;}
	#page > .page_floating .menu .item{padding:0 0.76em;border-radius:1.15em;height:2.3em;font-size:20px;gap:0.5em;}
	#page > .page_floating .menu .item:before{width:1.15em;top:-1px;}
	#page > .page_floating * + .menu{margin-top:1.5em;}
}
@media all and (max-width:1200px)
{
	#page > .page_floating{font-size:19px;}
}
@media all and (max-width:1000px)
{
	#page > .page_floating{font-size:18px;padding:15px;padding-bottom:calc(15px + env(safe-area-inset-bottom)/2);}
	#page > .page_floating .description{font-size:1.1em;}
	#page > .page_floating .description br.mobile{display:block;}
	#page > .page_floating .menu ul{gap:10px;}
	#page > .page_floating .menu ul li{flex:1;}
	#page > .page_floating .menu .item{padding:0 8px;height:45px;font-size:16px;border:1px solid #000000;border-radius:10px;gap:8px;justify-content:center;}
	#page > .page_floating .menu .item:before{width:1.15em;top:0;}
	#page > .page_floating * + .menu{margin-top:15px;}
}
@media all and (max-width:800px)
{
	#page > .page_floating{font-size:16px;}
}
@media all and (max-width:600px)
{
	#page > .page_floating{font-size:15px;}
	#page > .page_floating .menu .item{font-size:13px;}
	#page > .page_floating .menu .item:before{display:none;}
	#page > .page_floating .menu .item br.mobile{display:block;}
}
@media all and (max-width:400px)
{
	#page > .page_floating{font-size:14px;}
}


.page_popup{position:fixed;left:0;top:0;z-index:100;width:100%;height:100%;padding:30px;background-color:rgba(0,0,0,0.5);box-sizing:border-box;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;overflow:auto;display:none;}
.page_popup.active{display:flex;}
.page_popup .window{position:relative;background-color:#ffffff;width:400px;max-height:600px;border-radius:20px;display:flex;flex-wrap:nowrap;flex-direction:column;box-shadow:0 0 20px rgba(0,0,0,0.2);}
.page_popup .window .window_header{position:relative;height:45px;border-bottom:1px solid #dddddd;box-sizing:border-box;flex-shrink:0;padding:0 15px;padding-right:0;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;}
.page_popup .window .window_header .title{position:relative;margin:0;padding:0;font-size:16px;font-weight:700;color:#000000;}
.page_popup .window .window_header .close{position:relative;margin:0;padding:0;border:0;border-radius:0;-webkit-appearance:none;width:45px;aspect-ratio:1/1;cursor:pointer;background-color:transparent;background-image:url("../img/page_popup_close.png");background-size:45%;background-repeat:no-repeat;background-position:center center;}
.page_popup .window .window_content{position:relative;flex-grow:1;overflow:auto;padding:15px;}
.page_popup .window .agreement{position:relative;font-size:14px;line-height:1.5;}