@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/moonspam/NanumBarunGothic@latest/nanumbarungothicsubset.css");

/* css reset */
* {margin:0;padding:0;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, button, cite, code,del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
font-family:'NanumBarunGothic', sans-serif; font-weight:300; background:none; line-height:1.2; color:#262626;}
table, tr, td, th {border-collapse:collapse;border-spacing:0px;}
ol, ul, li{list-style:none;}
legend {display:none;}
caption {width:0;height:0;font-size:0;overflow:hidden;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
strong, b {font-weight:bold;}
select, button {cursor:pointer;}
input,textarea,select { font-size:inherit; font-weight:inherit;font-family:'Noto Sans', sans-serif;}
a, a:hover, a:focus, a:visited {text-decoration:none; color:inherit;}
label {display:inline-block; vertical-align:middle;}
input[type="checkbox"], input[type="radio"] {vertical-align:middle;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}

/* layout */
html {font-size:62.5%;}
body {font-size:10px; letter-spacing:-0.5px;}
.row {display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center; flex-wrap:wrap;}
.row:after {content:''; display:block; overflow:hidden; clear:both;}
.col {display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center; flex-direction:column;}
.col:after {content:''; display:block; overflow:hidden; clear:both;}
.inner {width:1280px; margin:0 auto; position:relative;}
.inner:after {content:''; display:block; overflow:hidden; clear:both;}
.after:after {content:''; display:block; overflow:hidden; clear:both;}

/* scale */
.scale {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transition: all 0.3s ease-in-out;
}
.scale:hover {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}

/* css defalt setting */
.blind {display:block; overflow:hidden; position:absolute !important; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; text-indent:-9999px;}
.blank {margin:0; padding:0; border:none; background:none;}
.clearfix:before, .clearfix:after {content:"";display:table;padding:0;}
.clearfix:after {clear:both;}
.tct {text-align:center !important;}
.tlt {text-align:left !important;}
.trt {text-align:right !important;}
.fl {float:left;}
.fr {float:right;}
.keep {word-break:keep-all;}
.break {word-break:break-all;}
.ovh {overflow:hidden !important;}
.ovv {overflow:visible !important;}
.tan {touch-action:none;}

/* bullet */
.bul01:before {content:''; display:block; width:1.4rem; height:1.4rem; background:#3c35aa; transform:rotate(45deg) translateX(-50%); position:absolute; top:0.8rem; left:1.0rem;}
.bul02:before {content:''; display:block; width:3px; height:3px; border-radius:3px; background:#fff; position:absolute; top:1.0rem; left:0;}
.bul03:before {content:''; display:block; width:7px; height:7px; border-radius:7px; background:#000; position:absolute; top:1.7rem; left:0;}
.bul04:before {content:''; display:block; width:10px; height:10px; border-radius:10px; background:#d7e4f1; position:absolute; top:0.4rem; left:0;}
.bul05:before {content:''; display:block; width:10px; height:4px; border-radius:4px; background:#cacaca; position:absolute; top:0.6rem; left:0;}

/* line-height */
.lh12 {line-height:1.2;}
.lh14 {line-height:1.4;}

/* font-color */
.font-blue {color:#007bff !important;}
.font-mint {color:#2faa98 !important;}
.font-gray {color:#959595 !important;}
.font-red {color:#d20917 !important;}
.font-navy {color:#111e8f !important;}
.font-orange {color:#f29600 !important;}
.font-white {color:#ffffff !important;}
.font-black {color:#333333 !important;}

/* font-size */
.font-14 {font-size:1.4rem !important;}
.font-15 {font-size:1.5rem !important;}
.font-16 {font-size:1.6rem !important;}
.font-17 {font-size:1.7rem !important;}
.font-18 {font-size:1.8rem !important;}
.font-20 {font-size:2.0rem !important;}
.font-24 {font-size:2.4rem !important;}
.font-28 {font-size:2.8rem !important;}

/* width */
.w100p {width:100% !important;}
.w90p {width:90% !important;}
.w80p {width:80% !important;}
.w70p {width:70% !important;}
.w60p {width:60% !important;}
.w50p {width:50% !important;}
.w40p {width:40% !important;}
.w30p {width:30% !important;}
.w20p {width:20% !important;}
.w10p {width:10% !important;}
.w_auto {width:auto;}

/* margin */
.mg0 {margin:0 !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}

/* padding */
.pd0 {padding:0 !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;}
.pl40 {padding-left:40px !important;}
.pl50 {padding-left:50px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr20 {padding-right:20px !important;}
.pr30 {padding-right:30px !important;}
.pr40 {padding-right:40px !important;}
.pr50 {padding-right:50px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}

/* li Colum */
.columUl {margin:0 -10px;}
.columUl.type2 li {float:left; width:50%; padding:0 10px;}
.columUl.type3 li {float:left; width:33.33%; padding:0 10px;}
.columUl.type4 li {float:left; width:25%; padding:0 10px;}
.columUl.type5 li {float:left; width:20%; padding:0 10px;}

/* Scroll top */
#scroll-top {display:none; position:fixed; right:20px; bottom:20px; width:45px; height:45px;
	border-radius:50%;background-color:rgba(102 0 153 / 80%); box-shadow:0px 2px 10px 0px rgba(0,0,0,.35); text-align:center; z-index:300;}
#scroll-top button {display:block; width:100%; height:100%; font-size:3.0rem;}
#scroll-top button i {display:block; color:#fff;}

@media screen and (max-width:799px) {
	html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, button, cite, code,del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-weight:400;
	}
}