@import 'http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfev.er.xe%2Spff%2Swvaurhat%2Spbzzba%2Sqrsnhyg.pff';
@import 'http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfev.er.xe%2Spff%2Swvaurhat%2Spbzzba%2Spbagrag.pff';
@import 'http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfev.er.xe%2Spff%2Swvaurhat%2Spbzzba%2Ssbag.pff';

/* font size */
.fs-11 {font-size:11px;}
.fs-12 {font-size:12px;}
.fs-13 {font-size:13px;}
.fs-14 {font-size:14px;}
.fs-15 {font-size:15px;}
.fs-16 {font-size:16px;}
.fs-17 {font-size:17px;}
.fs-18 {font-size:18px;}
.fs-19 {font-size:19px;}
.fs-20 {font-size:20px;}
.fs-21 {font-size:21px;}
.fs-22 {font-size:22px;}
.fs-23 {font-size:23px;}
.fs-24 {font-size:24px;}
.fs-25 {font-size:25px;}
.fs-26 {font-size:26px;}
.fs-27 {font-size:27px;}
.fs-28 {font-size:28px;}
.fs-29 {font-size:29px;}
.fs-30 {font-size:30px;}
.fs-31 {font-size:31px;}
.fs-32 {font-size:32px;}
.fs-33 {font-size:33px;}
.fs-34 {font-size:34px;}
.fs-35 {font-size:35px;}
.fs-36 {font-size:36px;}
.fs-37 {font-size:37px;}
.fs-38 {font-size:38px;}
.fs-39 {font-size:39px;}
.fs-40 {font-size:40px;}
.fs-41 {font-size:41px;}
.fs-42 {font-size:42px;}
.fs-43 {font-size:43px;}
.fs-44 {font-size:44px;}
.fs-45 {font-size:45px;}
.fs-46 {font-size:46px;}
.fs-47 {font-size:47px;}
.fs-48 {font-size:48px;}
.fs-49 {font-size:49px;}
.fs-50 {font-size:50px;}
.fs-54 {font-size:54px;}
.fs-60 {font-size:60px;}
.fs-64 {font-size:64px;}
.fs-66 {font-size:66px;}
.fs-68 {font-size:68px;}
.fs-70 {font-size:70px;}
.fs-72 {font-size:72px;}
.fs-75 {font-size:75px;}
.fw-100 {font-weight:100;}
.fw-200 {font-weight:200;}
.fw-300 {font-weight:300;}
.fw-400 {font-weight:400;}
.fw-500 {font-weight:500;}
.fw-600 {font-weight:600;}
.fw-700 {font-weight:700;}
.fw-800 {font-weight:800;}
.fw-900 {font-weight:900;}

@media screen and (max-width:800px){
	.fs-35{font-size:30px;}
	.fs-30{font-size:27px;}
	.fs-27{font-size:23px;}
	.fs-26 {font-size:22px;}
	.fs-24 {font-size:20px;}
	.fs-21{font-size:19px;}
	.fs-20 {font-size:18px;}
    .fs-18 {font-size:16px;}
    .fs-17 {font-size:15px;}
    .fs-16 {font-size:13px;}
    .fs-15 {font-size:12px;}
    .fs-13 {font-size:11px;}
    
}


/* width */
.w-10 {width:10%;}
.w-20 {width:20%;}
.w-30 {width:30%;}
.w-40 {width:40%;}
.w-50 {width:50%;}
.w-60 {width:60%;}
.w-70 {width:70%;}
.w-80 {width:80%;}
.w-90 {width:90%;}
.w-100 {width:100%;}

/* padding */
.pdt-0{padding-top:0 !important;}
.pdt-40{padding-top:40px;}
.pdt-50{padding-top:50px;}
.pdt-60{padding-top:60px;}
.pdt-80{padding-top:80px;}
.pdt-100{padding-top:100px;}

/* margin */
.mgt-80{margin-top:80px;}
.mgb-0{margin-bottom:0 !important;}

@media(max-width:1200px) {
	.pdt-40{padding-top:30px;}
	.pdt-50{padding-top:35px;}
	.pdt-60{padding-top:40px;}
	.pdt-80{padding-top:500px;}
	.pdt-100{padding-top:800px;}
	.mgt-80{margin-top:50px;}
}

@media(max-width:800px) {
	.pdt-40{padding-top:25px;}
	.pdt-50{padding-top:30px;}
	.pdt-60{padding-top:40px;}
	.pdt-80{padding-top:50px;}
	.pdt-100{padding-top:60px;}
	.mgt-80{margin-top:30px;}
}

/**/


/**/
.vertical-middle {vertical-align: middle !important;}


/* font family */
/*
.gsans {font-family: 'Gmarket Sans', 'Noto Sans KR',sans-serif;}
.gsansBold {font-family: 'Gmarket Sans Bold', 'Noto Sans KR',sans-serif;}
.gsansLight {font-family: 'Gmarket Sans Light', 'Noto Sans KR',sans-serif;}
.play {font-family: 'Play', sans-serif;}*/
.Oswald {font-family: 'Oswald', sans-serif;}
.Noto-Sans-KR {font-family: 'Noto Sans KR',sans-serif;}
.mont{font-family:'Montserrat', sans-serif;}
.Gsans{font-family:'Gmarket Sans';}
.GsansLight{font-family: 'Gmarket Sans Light';}
.GsansBold{font-family: 'Gmarket Sans Bold';}


/* font color */
.fc-black{color:#000 !important;}
.fc-white {color:#fff;}
.fc-red{color:#e74a3b;}
.fc-38{color:#383838 !important;}

/* font shadow */
.tx-shadow{text-shadow:2px 0 5px rgba(0,0,0,0.3);}

/* img */
img.auto{max-width:100%; max-height:100%; width:auto; height:auto;}


/**/
a {text-decoration:none;}
.hidden,
.hide {display:none;}
.bold {font-weight:bold;}
.bolder {font-weight:bolder;}
.underline {text-decoration:underline;text-underline-position:under;}

/**/
.file-upload-box {}
.file-upload-box ul {margin-top:10px;}
.file-upload-box li {padding:5px;border-bottom:1px dashed #ccc;}
.file-upload-box li .fa {float:right;display:none;cursor:pointer;margin-left:10px;}
.file-upload-box li .fa:hover {color:red;}
.file-upload-box li:hover {background:#eee;}
.file-upload-box li:hover .fa {display:block;}


/**/
.owl-carousel.background .owl-stage-outer,
.owl-carousel.background .owl-stage,
.owl-carousel.background .owl-item,
.owl-carousel.background .item {height:100%;}

/**/
.ellipsis {text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow:hidden;white-space: nowrap;word-wrap: normal !important;display: block;}
.absolute-center {position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;}

/*  */
.owl-carousel.background .item {background-repeat:no-repeat;background-position:center center;}

/*  */


/* table scroll */
.overflow-table{
    overflow: scroll !important;
    -webkit-overflow-scrolling: auto !important;
}
.overflow-table::-webkit-scrollbar{
    width: 6px; height: 6px; background: #ddd; border-radius: 20px;
    overflow: hidden; -webkit-overflow-scrolling: auto !important;
}
.overflow-table::-webkit-scrollbar-thumb{background: #1c2d50; border-radius: 20px;}
.overflow-table .row {margin-left:0; margin-right:0;}


/* br 태그 */
br.web{display:block;}
br.pad{display:none;}
br.respon{display:none;}
br.mobile{display:none;}

.mobileView {display:none;}
.pcView{display:block;}

@media screen and (max-width:1200px){
    br.web{display:none;}
    br.pad{display:block;}
}

@media screen and (max-width:991px) {
    .mobileView {display:block;}
    .pcView {display:none;}
}


@media screen and (max-width:800px){
    br.pad{display:none;}
    br.respon{display:block;}
}



@media screen and (max-width:430px) {
	br.mobile{display:block;}
}

