@charset "utf-8";
/* font */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');
/* Light 300, Regular 400, Medium 500,Semi-bold 600, bold700 */
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700;800;900&display=swap');
/* font-family:'Raleway', sans-serif; Light 300, Regular 400, Medium 500, Semi Board 600, bold700 */

*{-webkit-text-size-adjust:none;}
*{ margin:0; padding:0; vertical-align:top; box-sizing:border-box}
body{font-family:'Montserrat', 'Raleway', 'Malgun Gothic', '돋움', Dotum, sans-serif; color:#555; font-weight:500;line-height:1; -webkit-text-size-adjust:none;}

body.stop_scrolling {height:100%; overflow:hidden !important;}

/* Responsive */
html {font-size:20px;}
body {font-size:1em;}
@media all and (max-width:1024px)	{ html {font-size:19px;} }
@media all and (max-width:780px)	{ html {font-size:18px;} }
@media all and (max-width:640px)	{ html {font-size:17px;} }
@media all and (max-width:480px)	{ html {font-size:16px;} }
@media all and (max-width:380px)	{ html {font-size:15px;} }

@media all and (min-width:1025px) {.not-pc, .only-ta, .only-mo {display:none !important;}}
@media all and (min-width:641px) and (max-width:1024px) {.not-ta, .only-pc, .only-mo {display:none !important;}}
@media all and (max-width:640px) {.not-mo, .only-pc, .only-ta {display:none !important;}}

#wrap,
#headerWrap {padding-left:1em; padding-right:1em;}
@media all and (max-width:480px) {
	#wrap,
	#headerWrap {padding-left:.5em; padding-right:.5em;}
}


.mT80 {margin-top:80px !important;}
.mT120 {margin-top:120px !important;}

.mB37 {margin-bottom:37px !important;}
.mB55 {margin-bottom:55px !important;}
.mB80 {margin-bottom:80px !important;}
.mB85 {margin-bottom:85px !important;}

.mB107 {margin-bottom:107px !important;}
.mB120 {margin-bottom:120px !important;}


/****************************************************************
	Slider Common Style
****************************************************************/

.slider .swiper-slide {width:100%;}
.slider .swiper-slide > a {display:block;}
.slider .swiper-slide img {display:block; max-width:100%;}
/*
.fix-scroll .swiper-container {display:block; position:relative;}
.fix-scroll .swiper-wrapper {display:block !important; transform:none !important; -webkit-transform:none !important; height:100% !important; overflow:auto; white-space:nowrap;}
.fix-scroll .swiper-wrapper .swiper-slide {display:inline-block !important; vertical-align:top; transform:none !important; -webkit-transform:none !important; opacity:1 !important;}
.fix-scroll .swiper-wrapper .swiper-slide a {display:block; position:relative;}
.fix-scroll .swiper-wrapper .swiper-slide a:focus:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; border:5px solid rgba(0,0,0,.5); z-index:2;}
*/
.goto-control {display:block; position:absolute; width:100%; height:0; overflow:hidden; bottom:0; left:0; right:0; z-index:-1000; background:#2292e9; text-align:center; color:#fff !important; opacity:0; box-sizing:border-box;}
.goto-control:focus {z-index:9999; opacity:1; height:auto; padding:10px;}


/********************
	Tab Style
********************/

.tabs .selected {display:none; position:absolute; top:0; left:0; z-index:-999; overflow:hidden; width:0; height:0; opacity:0;}
.tabs .on .selected {display:block;}
.tab-group .tab-con {display:none;}
.tab-group .tab-con.on {display:block;}



/********************
	Grid Style
********************/

.grid-layout {display:block; clear:both;}
.grid-layout:after {content:""; display:block; clear:both;}
.grid-layout > li,
.grid-layout .grid-item {float:left; box-sizing:border-box;}


.grid-layout.pad-10 {margin-left:-.27em; margin-right:-.27em;} .grid-layout.pad-10 > li, .grid-layout.pad-10 > .grid-item {padding:.27em;}
.grid-layout.pad-20 {margin-left:-.56em; margin-right:-.56em;} .grid-layout.pad-20 > li, .grid-layout.pad-20 > .grid-item {padding:.56em;}
.grid-layout.pad-30 {margin-left:-.83em; margin-right:-.83em;} .grid-layout.pad-30 > li, .grid-layout.pad-30 > .grid-item {padding:.83em;}
.grid-layout.pad-40 {margin-left:-1.11em; margin-right:-1.11em;} .grid-layout.pad-40 > li, .grid-layout.pad-40 > .grid-item {padding:1.11em;}
.grid-layout.pad-50 {margin-left:-1.38em; margin-right:-1.38em;} .grid-layout.pad-50 > li, .grid-layout.pad-50 > .grid-item {padding:1.38em;}

.grid-layout.cols-8 > li,
.grid-layout.cols-8 .grid-item {width:12.5% !important;}
.grid-layout.cols-7 > li,
.grid-layout.cols-7 .grid-item {width:14.28% !important;}
.grid-layout.cols-6 > li,
.grid-layout.cols-6 .grid-item {width:16.66% !important;}
.grid-layout.cols-5 > li,
.grid-layout.cols-5 .grid-item {width:20% !important;}
.grid-layout.cols-4 > li,
.grid-layout.cols-4 .grid-item {width:25% !important;}
.grid-layout.cols-3 > li,
.grid-layout.cols-3 .grid-item {width:33.33% !important;}
.grid-layout.cols-2 > li,
.grid-layout.cols-2 .grid-item {width:50% !important;}
.grid-layout.cols-1 > li,
.grid-layout.cols-1 .grid-item {width:100% !important;}

@media all and (max-width:1024px) {
	.grid-layout.ta-pad-10 {margin-left:-.27em; margin-right:-.27em;} .grid-layout.ta-pad-10 > li, .grid-layout.ta-pad-10 > .grid-item {padding:.27em;}
	.grid-layout.ta-pad-20 {margin-left:-.56em; margin-right:-.56em;} .grid-layout.ta-pad-20 > li, .grid-layout.ta-pad-20 > .grid-item {padding:.56em;}
	.grid-layout.ta-pad-30 {margin-left:-.83em; margin-right:-.83em;} .grid-layout.ta-pad-30 > li, .grid-layout.ta-pad-30 > .grid-item {padding:.83em;}
	.grid-layout.ta-pad-40 {margin-left:-1.11em; margin-right:-1.11em;} .grid-layout.ta-pad-40 > li, .grid-layout.ta-pad-40 > .grid-item {padding:1.11em;}
	.grid-layout.ta-pad-50 {margin-left:-1.38em; margin-right:-1.38em;} .grid-layout.ta-pad-50 > li, .grid-layout.ta-pad-50 > .grid-item {padding:1.38em;}

	.grid-layout.ta-cols-8 > li,
	.grid-layout.ta-cols-8 .grid-item {width:12.5% !important;}
	.grid-layout.ta-cols-7 > li,
	.grid-layout.ta-cols-7 .grid-item {width:14.28% !important;}
	.grid-layout.ta-cols-6 > li,
	.grid-layout.ta-cols-6 .grid-item {width:16.66% !important;}
	.grid-layout.ta-cols-5 > li,
	.grid-layout.ta-cols-5 .grid-item {width:20% !important;}
	.grid-layout.ta-cols-4 > li,
	.grid-layout.ta-cols-4 .grid-item {width:25% !important;}
	.grid-layout.ta-cols-3 > li,
	.grid-layout.ta-cols-3 .grid-item {width:33.33% !important;}
	.grid-layout.ta-cols-2 > li,
	.grid-layout.ta-cols-2 .grid-item {width:50% !important;}
	.grid-layout.ta-cols-1 > li,
	.grid-layout.ta-cols-1 .grid-item {width:100% !important;}
}
@media all and (max-width:640px) {
	.grid-layout.mo-pad-10 {margin-left:-.27em; margin-right:-.27em;} .grid-layout.mo-pad-10 > li, .grid-layout.mo-pad-10 > .grid-item {padding:.27em;}
	.grid-layout.mo-pad-20 {margin-left:-.56em; margin-right:-.56em;} .grid-layout.mo-pad-20 > li, .grid-layout.mo-pad-20 > .grid-item {padding:.56em;}
	.grid-layout.mo-pad-30 {margin-left:-.83em; margin-right:-.83em;} .grid-layout.mo-pad-30 > li, .grid-layout.mo-pad-30 > .grid-item {padding:.83em;}
	.grid-layout.mo-pad-40 {margin-left:-1.11em; margin-right:-1.11em;} .grid-layout.mo-pad-40 > li, .grid-layout.mo-pad-40 > .grid-item {padding:1.11em;}
	.grid-layout.mo-pad-50 {margin-left:-1.38em; margin-right:-1.38em;} .grid-layout.mo-pad-50 > li, .grid-layout.mo-pad-50 > .grid-item {padding:1.38em;}

	.grid-layout.mo-cols-8 > li,
	.grid-layout.mo-cols-8 .grid-item {width:12.5% !important;}
	.grid-layout.mo-cols-7 > li,
	.grid-layout.mo-cols-7 .grid-item {width:14.28% !important;}
	.grid-layout.mo-cols-6 > li,
	.grid-layout.mo-cols-6 .grid-item {width:16.66% !important;}
	.grid-layout.mo-cols-5 > li,
	.grid-layout.mo-cols-5 .grid-item {width:20% !important;}
	.grid-layout.mo-cols-4 > li,
	.grid-layout.mo-cols-4 .grid-item {width:25% !important;}
	.grid-layout.mo-cols-3 > li,
	.grid-layout.mo-cols-3 .grid-item {width:33.33% !important;}
	.grid-layout.mo-cols-2 > li,
	.grid-layout.mo-cols-2 .grid-item {width:50% !important;}
	.grid-layout.mo-cols-1 > li,
	.grid-layout.mo-cols-1 .grid-item {width:100% !important;}
}


/*********************************************
	Button
*********************************************/

.btn {display:inline-block; position:relative; font-size:.8888889em; line-height:1.1876em; border:1px solid #0094FF !important; border-radius:6px; background-color:#fff !important; color:#0094FF !important; font-weight:700; padding:1.032em 1.5em;}
.btn.point {background-color:#0094FF !important; border-color:#0094FF !important; color:#fff !important;}
.btn.normal {background-color:#111 !important; border-color:#111 !important; color:#fff !important;}
.btn.disable {background-color:#fff !important; border-color:#ccc !important; color:#ccc !important;}
.btn.small {font-size:.7777778em !important; padding:.264em .71428em;}

.btn.normal:hover,
.btn.normal:focus {background-color:#fff !important; color:#111 !important;}

.btn.icon {padding-right:3.125em; background:no-repeat top 50% right 1.125em; background-size:1.5em auto;}
.btn.icon.small {padding-right:2em; background-position:top 50% right .571428em; background-size:1.142857em auto;}

.btn-search {font-size:.8888889em; border:1px solid #0094FF !important; border-radius:6px; background-color:#0094FF !important; color:#fff !important; font-weight:700; padding:1.032em 1.5em; padding-right:3.125em; background:no-repeat top 50% right 1.125em; background-size:1.5em auto; font-weight:400;}

/* Icon : Blue */
.btn.icon.search {background-image:url(../img/button/blue/search.svg);}
.btn.icon.arrow {background-image:url(../img/button/blue/arrow.svg);}
.btn.icon.home {background-image:url(../img/button/blue/home.svg);}
.btn.icon.blank {background-image:url(../img/button/blue/blank.svg);}

.btn.icon.small.arrow {background-image:url(../img/button/blue/arrow_small.svg);}


/* Icon : White */
.btn.icon.point.search {background-image:url(../img/button/white/search.svg);}
.btn.icon.point.home {background-image:url(../img/button/white/home.svg);}
.btn.icon.point.arrow {background-image:url(../img/button/white/arrow.svg);}
.btn.icon.point.blank {background-image:url(../img/button/white/blank.svg);}

.btn.icon.normal.search {background-image:url(../img/button/white/search.svg);}
.btn.icon.normal.home {background-image:url(../img/button/white/home.svg);}
.btn.icon.normal.arrow {background-image:url(../img/button/white/arrow.svg);}
.btn.icon.normal.blank {background-image:url(../img/button/white/blank.svg);}

.btn.icon.small.point.arrow {background-image:url(../img/button/white/arrow_small.svg);}
.btn.icon.small.normal.arrow {background-image:url(../img/button/white/arrow_small.svg);}

.btn-search {background-image:url(../img/button/white/search.svg);}


/* Icon : Black */
.btn.icon.normal.search:hover,
.btn.icon.normal.search:focus {background-image:url(../img/button/black/search.svg);}
.btn.icon.normal.home:hover,
.btn.icon.normal.home:focus {background-image:url(../img/button/black/home.svg);}
.btn.icon.normal.arrow:hover,
.btn.icon.normal.arrw:focus {background-image:url(../img/button/black/arrow.svg);}
.btn.icon.normal.blank:hover,
.btn.icon.normal.blank:focus {background-image:url(../img/button/black/blank.svg);}


/*********************************************
	Input (Board Style)
*********************************************/

.bod_write {display:flex; position:relative; flex-wrap:wrap; margin-left:-.5em; margin-right:-.5em;}
.bod_write dl {display:block; position:relative; flex-grow:1; min-width:280px; width:50%; margin-bottom:1.6666667em; padding:0 .5em;}
.bod_write dl.full {width:100%;}
.bod_write input,
.bod_write select,
.bod_write textarea {font-size:1em !important;}
.bod_write dt {color:#111; font-weight:700; margin-bottom:.3em;}
.bod_write dt em {margin-left:.5em;}
.bod_write dd {position:relative; font-size:.8888889em;}
.bod_write dd label {display:inline-block; vertical-aign:middle; margin-right:1em;}

.bod_write em,
.bod_write .em {color:#0094FF;}

.bod_write dd input[type="radio"],
.bod_write dd input[type="checkbox"] {position:absolute; top:0; left:0; z-index:-999; opacity:0;}
.bod_write dd input[type="radio"] + label:before,
.bod_write dd input[type="checkbox"] + label:before {content:""; display:inline-block; vertical-align:middle; margin-right:.4em; width:1.25em; height:1.25em; background:no-repeat 50% 50%; background-size:contain;}
.bod_write dd input[type="radio"] + label:before {background-image:url(../img/form/ico_radio_off.svg);}
.bod_write dd input[type="radio"] + label.white:before {background-image:url(../img/form/ico_radio_white_off.svg);}
.bod_write dd input[type="radio"]:checked + label:before {background-image:url(../img/form/ico_radio_on.svg) !important;}
.bod_write dd input[type="radio"][disabled] + label:before {background-image:url(../img/form/ico_radio_disabled_off.svg) !important;}
.bod_write dd input[type="radio"][disabled]:checked + label:before {background-image:url(../img/form/ico_radio_disabled_on.svg) !important;}
.bod_write dd input[type="checkbox"] + label:before {background-image:url(../img/form/ico_checkbox_off.svg);}
.bod_write dd input[type="checkbox"] + label.white:before {background-image:url(../img/form/ico_checkbox_white_off.svg);}
.bod_write dd input[type="checkbox"]:checked + label:before {background-image:url(../img/form/ico_checkbox_on.svg) !important;}
.bod_write dd input[type="checkbox"][disabled] + label:before {background-image:url(../img/form/ico_checkbox_disabled_off.svg) !important;}
.bod_write dd input[type="checkbox"][disabled]:checked + label:before {background-image:url(../img/form/ico_checkbox_disabled_on.svg) !important;}

.bod_write select,
.bod_write textarea,
.bod_write input[type="text"] {width:100%; border:1px solid #111; padding:0 1.125em; height:3.375em; margin:0; border-radius:0;}
.bod_write textarea {height:auto; padding:1.125em;}