@charset "UTF-8";

/*=================================================================================
 * 공통부분 정의
 =================================================================================*/
.readonly {background-color: #F7F8FA;}
.req {font-weight: 500 !important; color: #EC193A;}
.link {display: inline-block; color: #007AFD; text-decoration: underline;}
.link:hover {color: #007AFD; text-decoration: underline;}

/* Show, Hide, Clear, Sr(스크린리더) */
.blind {display: none !important;}
.hide, .hidden, legend, #go-main {display:block;position:absolute;width:0;height:0;text-indent:-9999999px;overflow:hidden;}
.sr {position: absolute; width: 1px; height: 1px; clip: rect(0 0 0 0); overflow: hidden;}

/* Br */
.br {display: block;}
.pc-hide{display:none !important;}
.mobile-hide {display:block !important;}

/* Display */
.dis-i {display:inline !important;}
.dis-ib {display:inline-block;}
.dis-b {display:block;}
.dis-n {display:none !important;}
.dis-fl {display: flex;}

/* Float */
.fl {float:left !important;}
.fr {float:right !important;}
.cb {clear:both !important; font-size:0px !important;}

/* Flex */
.flex {display: flex;}
.noflow {flex-flow: row nowrap;}
.fl-fs {display:flex; justify-content: flex-start !important; align-items: center;}
.fl-fe {display:flex; justify-content: flex-end; align-items: flex-end;}
.fl-sa {display:flex; justify-content: space-around;}
.fl-ct {display:flex; justify-content: center;}
.fl-sb {display:flex; justify-content: space-between; align-items: center;}
.fl-fc {flex-flow: column;}
.fl-as{display:flex; align-items:flex-start !important;}
.fl-ac{display:flex; align-items:center;}

/* Position */
.ps-ab {position: absolute;}
.ps-re {position: relative;}

/* Border-none */
.bd0 {border: none !important;}
.bd-t0 {border-top: 0 !important;}
.bd-b0 {border-bottom: 0 !important;}

/* Scroll */
.scro {overflow: auto !important;}
.scro-x {overflow-x: scroll !important;}
.scro-y {overflow-y: scroll !important;}
.scro-y-auto {overflow-y: auto !important;}

/*=================================================================================
 * Color
 =================================================================================*/
/*Color*/
.black {color:#000 !important}
.gray {color: #8B8B8B !important;}
.green {color:#16BB8F !important;}
.lightgreen {color:#B7F831 !important;}
.orange {color:#fdad2f !important;}
.yellow {color:#fffc00 !important;}
.red {color:#FF004D !important;}
.lightblue{color:#2194b9 !important;}
.blue{color:#1261F1 !important;}
.white {color: #fff !important;}
.purple {color:#A24EFF !important;}

.bg-white {background-color:#fff;}
.bg-gray {background-color:#F4F7FA !important;}
.bg-ligtegreen {background-color:#C7EC4B !important;}
.bg-green {background-color:#16BB8F !important;}
.bg-orange {background-color:#ff7c2d !important;}
.bg-yellow {background-color:#FFC83E !important ;}
.bg-red {background-color:#FF3C50 !important;}
.bg-blue {background-color:#007AFD !important;}
.bg-lightblue {background-color:#D7E1EE !important;}
.bg-skyblue {background-color: #3598F2 !important;}
.bg-purple {background-color: #6F3EF4;}
.bg-mint {background-color:#27DEAD !important;}
.bg-navy {background-color:#293358 !important;}

/*=================================================================================
 * Font Style
 =================================================================================*/
/* Font Size */
.fs11 {font-size:11px !important;}
.fs12 {font-size:12px !important;}
.fs13 {font-size:13px !important;}
.fs14 {font-size:14px !important;}
.fs15 {font-size:15px !important;}
.fs16 {font-size:16px !important;}
.fs17 {font-size:17px !important;}
.fs18 {font-size:18px !important;}
.fs20 {font-size:20px !important;}
.fs24 {font-size:24px !important;}
.fs26 {font-size:26px !important;}
.fs28 {font-size:28px !important;}
.fs32 {font-size:32px !important;}
.fs38 {font-size:38px !important;}
.fs36 {font-size:36px !important;}
.fs40 {font-size:40px !important;}
.fs48 {font-size:48px !important;}
.fs54 {font-size:54px !important;}

/* Line Height */
.lh11 {line-height:11px !important;}
.lh12 {line-height:12px !important;}
.lh13 {line-height:13px !important;}
.lh14 {line-height:14px !important;}
.lh16 {line-height:16px !important;}
.lh18 {line-height:18px !important;}
.lh20 {line-height:20px !important;}
.lh30 {line-height:30px !important;}

/* Font Weight */
.fw100 {font-weight:100 !important;}
.fw200 {font-weight:200 !important;}
.fw300 {font-weight:300 !important;}
.fw400 {font-weight:400 !important;}
.fw500 {font-weight:500 !important;}
.fw600 {font-weight:600 !important;}
.fw700 {font-weight:700 !important;}
.fw800 {font-weight:800 !important;}
.fw900 {font-weight:900 !important;}

/* Text Align */
.ta-l {text-align:left !important;}
.ta-c {text-align:center !important;}
.ta-r {text-align:right !important;}
.ta-r5 {text-align:right !important;}
.ta-r10 {text-align:right !important;}

/* Vertical-align */
.va-t {vertical-align: top !important;}
.va-m {vertical-align: middle !important;}
.va-b {vertical-align: bottom !important;}
.va-bl{vertical-align: baseline !important;}

/*=================================================================================
 * Size
 =================================================================================*/
.wi{width:inherit;}
.wauto {width:auto !important;}

/* width px */
.w30 {width: 30px !important;}
.w40 {width: 40px !important;}
.w50 {width: 50px !important;}
.w60 {width: 60px !important;}
.w70 {width: 70px !important;}
.w80 {width: 80px !important;}
.w90 {width: 90px !important;}
.w100 {width: 100px !important;}
.w115 {width: 115px !important;}
.w120 {width: 120px !important;}
.w130 {width: 130px !important;}
.w140 {width: 140px !important;}
.w150 {width: 150px !important;}
.w160 {width: 160px !important;}
.w170 {width: 170px !important;}
.w180 {width: 180px !important;}
.w190 {width: 190px !important;}
.w200 {width: 200px !important;}
.w215 {width: 215px !important;}
.w220 {width: 220px !important;}
.w230 {width: 230px !important;}
.w235 {width: 235px !important;}
.w300 {width: 300px !important;}
.w390 {width: 390px !important;}
.w400 {width: 400px !important;}
.w500 {width: 500px !important;}
.w600 {width: 600px !important;} 
.w700 {width: 700px !important;}
.w800 {width: 800px !important;}
.w1000{width: 1000px !important;}
.w1200{width: 1200px !important;}
.w1600{width: 1600px !important;}

/* width % */
.wp1 {width: 1% !important;}
.wp2 {width: 2% !important;}
.wp3 {width: 3% !important;}
.wp4 {width: 4% !important;}
.wp5 {width: 5% !important;}
.wp6 {width: 6% !important;}
.wp7 {width: 7% !important;}
.wp8 {width: 8% !important;}
.wp9 {width: 9% !important;}
.wp10 {width:10% !important;}
.wp11 {width:11% !important;}
.wp12 {width:12% !important;}
.wp13 {width:13% !important;}
.wp14 {width:14% !important;}
.wp15 {width:15% !important;}
.wp16 {width:16% !important;}
.wp17 {width:17% !important;}
.wp18 {width:18% !important;}
.wp19 {width:19% !important;}
.wp20 {width:20% !important;}
.wp21 {width:21% !important;}
.wp22 {width:22% !important;}
.wp23 {width:23% !important;}
.wp24 {width:24% !important;}
.wp25 {width:25% !important;}
.wp26 {width:26% !important;}
.wp27 {width:27% !important;}
.wp28 {width:28% !important;}
.wp29 {width:29% !important;}
.wp30 {width:30% !important;}
.wp31 {width:31% !important;}
.wp32 {width:32% !important;}
.wp33 {width:33% !important;}
.wp34 {width:34% !important;}
.wp35 {width:35% !important;}
.wp36 {width:36% !important;}
.wp37 {width:37% !important;}
.wp38 {width:38% !important;}
.wp39 {width:39% !important;}
.wp40 {width:40% !important;}
.wp41 {width:41% !important;}
.wp42 {width:42% !important;}
.wp43 {width:43% !important;}
.wp44 {width:44% !important;}
.wp45 {width:45% !important;}
.wp46 {width:46% !important;}
.wp47 {width:47% !important;}
.wp48 {width:48% !important;}
.wp49 {width:49% !important;}
.wp50 {width:50% !important;}
.wp51 {width:51% !important;}
.wp52 {width:52% !important;}
.wp53 {width:53% !important;}
.wp54 {width:54% !important;}
.wp55 {width:55% !important;}
.wp56 {width:56% !important;}
.wp57 {width:57% !important;}
.wp58 {width:58% !important;}
.wp59 {width:59% !important;}
.wp60 {width:60% !important;}
.wp61 {width:61% !important;}
.wp62 {width:62% !important;}
.wp63 {width:63% !important;}
.wp64 {width:64% !important;}
.wp65 {width:65% !important;}
.wp66 {width:66% !important;}
.wp67 {width:67% !important;}
.wp68 {width:68% !important;}
.wp70 {width:70% !important;}
.wp71 {width:71% !important;}
.wp72 {width:72% !important;}
.wp73 {width:73% !important;}
.wp74 {width:74% !important;}
.wp75 {width:75% !important;}
.wp76 {width:76% !important;}
.wp77 {width:77% !important;}
.wp78 {width:78% !important;}
.wp79 {width:79% !important;}
.wp80 {width:80% !important;}
.wp81 {width:81% !important;}
.wp82 {width:82% !important;}
.wp83 {width:83% !important;}
.wp84 {width:84% !important;}
.wp85 {width:85% !important;}
.wp86 {width:86% !important;}
.wp87 {width:87% !important;}
.wp88 {width:88% !important;}
.wp89 {width:89% !important;}
.wp90 {width:90% !important;}
.wp91 {width:91% !important;}
.wp92 {width:92% !important;}
.wp93 {width:93% !important;}
.wp94 {width:94% !important;}
.wp95 {width:95% !important;}
.wp96 {width:96% !important;}
.wp97 {width:97% !important;}
.wp98 {width:98% !important;}
.wp99 {width:99% !important;}
.wp100 {width:100% !important;}
.wp105 {width:105% !important;}
.wp120 {width:120% !important;}
.wp150 {width:150% !important;}
.wp200 {width:200% !important;}

/* height % */
.hp10 {height: 10% !important;}
.hp20 {height: 20% !important;}
.hp50 {height: 50% !important;}
.hp55 {height: 55% !important;}
.hp60 {height: 60% !important;}
.hp70 {height: 70% !important;}
.hp75 {height: 75% !important;}
.hp76 {height: 76% !important;}
.hp80 {height: 80% !important;}
.hp90 {height: 90% !important;}
.hp94 {height: 94% !important;}
.hp95 {height: 95% !important;}
.hp100 {height: 100% !important;}

/* height px */
.h20 {height: 20px !important;}
.h23 {height: 23px !important;}
.h25 {height: 25px !important;}
.h26 {height: 26px !important;}
.h28 {height: 28px !important;}
.h30 {height: 30px !important;}
.h32 {height: 32px !important;}
.h38 {height: 38px !important;}
.h40 {height: 40px !important;}
.h50 {height: 50px !important;}
.h58 {height: 58px !important;}
.h60 {height: 60px !important;}
.h70 {height: 70px !important;}
.h100 {height: 100px !important;}
.h120 {height: 120px !important;}
.h128 {height: 128px !important;}
.h130 {height: 130px !important;}
.h140 {height: 140px !important;}
.h180 {height: 180px !important;}
.h200 {height: 200px !important;}
.h210 {height: 210px !important;}
.h215 {height: 215px !important;}
.h220 {height: 220px !important;}
.h230 {height: 230px !important;}
.h237 {height: 237px !important;}
.h250 {height: 250px !important;}
.h260 {height: 260px !important;}
.h280 {height: 280px !important;}
.h300 {height: 300px !important;}
.h350 {height: 350px !important;}
.h360 {height: 360px !important;}
.h400 {height: 400px !important;}
.h420 {height: 420px !important;}
.h500 {height: 500px !important;}
.h600 {height: 600px !important;}
.h700 {height: 700px !important;}
.h1000 {height: 1000px !important;}
.h1500 {height: 1500px !important;}

/*=================================================================================
 * Margin / Padding
 =================================================================================*/
/* Margin */
.mg-auto {margin:auto;}
.mg0    {margin:0px !important;}
.mg6    {margin:6px !important;}
.mg10   {margin:10px !important;}
.mg-t2  {margin-top:2px !important;}
.mg-t3  {margin-top:3px !important;}
.mg-t4  {margin-top:4px !important;}
.mg-t5  {margin-top:5px !important;}
.mg-t10 {margin-top:10px !important;}
.mg-t12 {margin-top:12px !important;}
.mg-t15 {margin-top:15px !important;}
.mg-t20 {margin-top:20px !important;}
.mg-t23 {margin-top:23px !important;}
.mg-t25 {margin-top:25px !important;}
.mg-t30 {margin-top:30px !important;}
.mg-t40 {margin-top:40px !important;}
.mg-t50 {margin-top:50px !important;}
.mg-t100 {margin-top:100px !important;}
    
.mg-r0  {margin-right:0px !important;}
.mg-r3  {margin-right:3px !important;}
.mg-r5  {margin-right:5px !important;}
.mg-r10 {margin-right:10px !important;}
.mg-r15 {margin-right:15px !important;}
.mg-r20 {margin-right:20px !important;}
.mg-r24 {margin-right:24px !important;}
.mg-r30 {margin-right:30px !important;}
.mg-r40 {margin-right:40px !important;}
.mg-r45 {margin-right:45px !important;}
.mg-r70 {margin-right:70px !important;}
.mg-r75 {margin-right:75px !important;}

.mg-b0  {margin-bottom:0px !important;}
.mg-b3  {margin-bottom:3px !important;}
.mg-b5  {margin-bottom:5px !important;}
.mg-b6  {margin-bottom:6px !important;}
.mg-b7  {margin-bottom:7px !important;}
.mg-b8  {margin-bottom:8px !important;}
.mg-b10 {margin-bottom:10px !important;}
.mg-b15 {margin-bottom:15px !important;}
.mg-b16 {margin-bottom:16px !important;}
.mg-b20 {margin-bottom:20px !important;}
.mg-b25 {margin-bottom:25px !important;}
.mg-b30 {margin-bottom:30px !important;}
.mg-b35 {margin-bottom:35px !important;}
.mg-b40 {margin-bottom:40px !important;}
.mg-b50 {margin-bottom:50px !important;}
.mg-b55 {margin-bottom:55px !important;}
.mg-b80 {margin-bottom:80px !important;}

.mg-l3 {margin-left: 3px !important;}
.mg-l4 {margin-left: 4px !important;}
.mg-l5  {margin-left:5px !important;}
.mg-l6  {margin-left:6px !important;}
.mg-l8 {margin-left: 8px !important;}
.mg-l10 {margin-left:10px !important;}
.mg-l15 {margin-left:15px !important;}
.mg-l20 {margin-left:20px !important;}
.mg-l25 {margin-left:20px !important;}
.mg-l30 {margin-left:30px !important;}
.mg-l55 {margin-left:55px !important;}

/* Padding */
.pd0  {padding:0px !important;}
.pd1  {padding:1px !important;}
.pd5  {padding:5px !important;}
.pd8  {padding:8px !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}

.pd-t3  {padding-top:3px !important;}
.pd-t5  {padding-top:5px !important;}
.pd-t8  {padding-top:8px !important;}
.pd-t10 {padding-top:10px !important;}
.pd-t15 {padding-top:15px !important;}
.pd-t20 {padding-top:20px !important;}
.pd-t30 {padding-top:30px !important;}
.pd-t40 {padding-top:40px !important;}
.pd-t50 {padding-top:50px !important;}

.pd-r3  {padding-right:3px !important;}
.pd-r5  {padding-right:5px !important;}
.pd-r10 {padding-right:10px !important;}
.pd-r15 {padding-right:15px !important;}
.pd-r20 {padding-right:20px !important;}
.pd-r25 {padding-right:25px !important;}
.pd-r30 {padding-right:30px !important;}
.pd-r35 {padding-right:35px !important;}
.pd-r40 {padding-right:40px !important;}
.pd-r45 {padding-right:45px !important;}
.pd-r50 {padding-right:50px !important;}

.pd-b0  {padding-bottom: 0px !important;}
.pd-b2  {padding-bottom: 2px !important;}
.pd-b5  {padding-bottom: 5px !important;}
.pd-b10 {padding-bottom:10px !important;}
.pd-b15 {padding-bottom:15px !important;}
.pd-b20 {padding-bottom:20px !important;}
.pd-b25 {padding-bottom:25px !important;}
.pd-b30 {padding-bottom:30px !important;}
.pd-b35 {padding-bottom:35px !important;}
.pd-b40 {padding-bottom:40px !important;}
.pd-b50 {padding-bottom:50px !important;}
.pd-b70 {padding-bottom:70px !important;}
.pd-b100 {padding-bottom:100px !important;}

.pd-l3  {padding-left:3px !important;}
.pd-l5  {padding-left:5px !important;}
.pd-l10 {padding-left:10px !important;}
.pd-l15 {padding-left:15px !important;}
.pd-l20 {padding-left:20px !important;}
.pd-l25 {padding-left:25px !important;}
.pd-l30 {padding-left:30px !important;}
.pd-l40 {padding-left:40px !important;}
.pd-l45 {padding-left:45px !important;}
.pd-l50 {padding-left:50px !important;}


@media screen and (max-width:1200px) {
	
}

@media screen and (max-width:1024px) {
	.br {display: inline-block;}
}

@media screen and (max-width:800px) {
	
}

@media screen and (max-width:768px) {

}

@media screen and (max-width:640px) {
	.pc-hide{display:block !important;}
	.mobile-hide{display:none !important;}
}

@media screen and (max-width:400px) {
	
}