@charset 'utf-8';

/* 공통 */
.floatL { float:left !important; }
.floatR { float:right !important; }
.clear { clear:both !important; }

.alignL { text-align:left !important; }
.alignC { text-align:center !important; }
.alignR { text-align:right !important; }
.valignT { vertical-align:top !important; }
.valignM { vertical-align:middle !important; }
.valignB { vertical-align:bottom !important; }

/* Font */
.f_normal {font-weight:normal !important;}
.f_s7 {font-size:7px !important;}
.f_s8 {font-size:8px !important;}
.f_s9 {font-size:9px !important;}
.f_s10 {font-size:10px !important;}
.f_s11 {font-size:11px !important;}
.f_s12 {font-size:12px !important;}
.f_s13 {font-size:13px !important;}
.f_s14 {font-size:14px !important;}
.f_s15 {font-size:15px !important;}
.f_s16 {font-size:16px !important;}
.f_s17 {font-size:17px !important;}
.f_s18 {font-size:18px !important;}
.f_s19 {font-size:19px !important;}
.f_s20 {font-size:20px !important;}
.f_s21 {font-size:21px !important;}
.f_s22 {font-size:22px !important;}
.f_s23 {font-size:23px !important;}
.f_s24 {font-size:24px !important;}
.f_s25 {font-size:25px !important;}


/* color */
.f_white {color:#fff !important;}
.f_gray_3 {color:#333 !important;}
.f_gray_6 {color:#666 !important;}
.f_gray_9 {color:#999 !important;}
.f_gray_a {color:#aaa !important;}
.f_gray_b {color:#bbb !important;}
.f_gray_c {color:#ccc !important;}
.f_gray_d {color:#ddd !important;}
.f_gray_e {color:#eee !important;}


/* background-color */
.bg_white  {background-color:#fff !important;}
.bg_blue   {background-color:#018ed3 !important; }
.bg_red    {background-color:#f4617c !important; }
.bg_orange {background-color:#f1a457 !important; }
.bg_green  {background-color:#7fcb3a !important; }
.bg_gray_3 {background-color:#333 !important;}
.bg_gray_6 {background-color:#666 !important;}
.bg_gray_9 {background-color:#999 !important;}
.bg_gray_a {background-color:#aaa !important;}
.bg_gray_b {background-color:#bbb !important;}
.bg_gray_c {background-color:#ccc !important;}
.bg_gray_d {background-color:#ddd !important;}
.bg_gray_e {background-color:#eee !important;}


/* border */
.bd_none {border:none !important;}
.bd_solid { border: 1px #cecece solid !important; }
.bd_dot { border: 1px #cecece dotted !important; }
.bd_dash { border: 1px #cecece dashed !important; }
.bd_top_solid { border-top: 1px #cecece solid !important; }
.bd_top_dot { border-top: 1px #cecece dotted !important; }
.bd_top_dash { border-top: 1px #cecece dashed !important; }
.bd_bottom_solid { border-bottom: 1px #cecece solid !important; }
.bd_bottom_dot { border-bottom: 1px #cecece dotted !important; }
.bd_bottom_dash { border-bottom: 1px #cecece dashed !important; }
.bd_r1 {border-radius:1px !important; }
.bd_r2 {border-radius:2px !important; }
.bd_r3 {border-radius:3px !important; }
.bd_r4 {border-radius:4px !important; }
.bd_r5 {border-radius:5px !important; }
.bd_r6 {border-radius:6px !important; }
.bd_r7 {border-radius:7px !important; }
.bd_r8 {border-radius:8px !important; }
.bd_r9 {border-radius:9px !important; }
.bd_r10 {border-radius:10px !important; }
.bd_r15 {border-radius:15px !important; }
.bd_r20 {border-radius:20px !important; }


/* Width */
.w4p  {width:4%  !important;}
.w5p  {width:5%  !important;}
.w10p {width:10% !important;}
.w12p {width:12% !important;}
.w15p {width:15% !important;}
.w16p {width:16% !important;}
.w20p {width:20% !important;}
.w22p {width:22% !important;}
.w24p {width:24% !important;}
.w25p {width:25% !important;}
.w28p {width:28% !important;}
.w30p {width:30% !important;}
.w33p {width:33% !important;}
.w34p {width:34% !important;}
.w35p {width:35% !important;}
.w36p {width:36% !important;}
.w40p {width:40% !important;}
.w45p {width:45% !important;}
.w48p {width:48% !important;}
.w50p {width:50% !important;}
.w52p {width:52% !important;}
.w55p {width:55% !important;}
.w60p {width:60% !important;}
.w64p {width:64% !important;}
.w65p {width:65% !important;}
.w66p {width:66% !important;}
.w67p {width:67% !important;}
.w70p {width:70% !important;}
.w72p {width:72% !important;}
.w75p {width:75% !important;}
.w76p {width:76% !important;}
.w78p {width:78% !important;}
.w80p {width:80% !important;}
.w84p {width:84% !important;}
.w85p {width:85% !important;}
.w88p {width:88% !important;}
.w90p {width:90% !important;}
.w95p {width:95% !important;}
.w96p {width:96% !important;}
.w5 {width:5px !important}
.w10 {width:10px !important}
.w15 {width:15px !important}
.w20 {width:20px !important}
.w25 {width:25px !important}
.w30 {width:30px !important}
.w35 {width:35px !important}
.w40 {width:40px !important}
.w45 {width:45px !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}
.w110 {width:110px !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}
.w210 {width:210px !important}
.w220 {width:220px !important}
.w230 {width:230px !important}
.w240 {width:240px !important}
.w250 {width:250px !important}
.w260 {width:260px !important}
.w270 {width:270px !important}
.w280 {width:280px !important}
.w290 {width:290px !important}
.w300 {width:300px !important}
.w350 {width:350px !important}
.w400 {width:400px !important}
.w450 {width:450px !important}
.w500 {width:500px !important}

/* Height */
.h2 {height:2px !important}
.h5 {height:5px !important}
.h10 {height:10px !important}
.h15 {height:15px !important}
.h20 {height:20px !important}
.h25 {height:25px !important}
.h30 {height:30px !important}
.h35 {height:35px !important}
.h40 {height:40px !important}
.h45 {height:45px !important}
.h50 {height:50px !important}
.h60 {height:60px !important}
.h70 {height:70px !important}
.h80 {height:80px !important}
.h90 {height:90px !important}
.h100 {height:100px !important}
.h110 {height:110px !important}
.h120 {height:120px !important}
.h130 {height:130px !important}
.h140 {height:140px !important}
.h150 {height:150px !important}
.h160 {height:160px !important}
.h170 {height:170px !important}
.h180 {height:180px !important}
.h190 {height:190px !important}
.h200 {height:200px !important}
.h210 {height:210px !important}
.h220 {height:220px !important}
.h230 {height:230px !important}
.h240 {height:240px !important}
.h250 {height:250px !important}
.h300 {height:300px !important}


/* Margin */
.ma_none  {marign:0px !important;}
.mal_none {margin-left:0px !important;}
.mar_none {margin-right:0px !important;}
.mat_none {margin-top:0px !important;}
.mab_none {margin-bottom:0px !important;}

.ma1  {margin:1px !important;}
.ma2  {margin:2px !important;}
.ma3  {margin:3px !important;}
.ma4  {margin:4px !important;}
.ma5  {margin:5px !important;}
.ma6  {margin:6px !important;}
.ma7  {margin:7px !important;}
.ma8  {margin:8px !important;}
.ma9  {margin:9px !important;}
.ma10 {margin:10px !important;}
.ma15 {margin:15px !important;}
.ma20 {margin:20px !important;}
.ma25 {margin:25px !important;}
.ma30 {margin:30px !important;}
.ma35 {margin:35px !important;}
.ma40 {margin:40px !important;}
.ma45 {margin:45px !important;}
.ma50 {margin:50px !important;}

.mal1  {margin-left:1px !important;}
.mal2  {margin-left:2px !important;}
.mal3  {margin-left:3px !important;}
.mal4  {margin-left:4px !important;}
.mal5  {margin-left:5px !important;}
.mal6  {margin-left:6px !important;}
.mal7  {margin-left:7px !important;}
.mal8  {margin-left:8px !important;}
.mal9  {margin-left:9px !important;}
.mal10 {margin-left:10px !important;}
.mal15 {margin-left:15px !important;}
.mal20 {margin-left:20px !important;}
.mal25 {margin-left:25px !important;}
.mal30 {margin-left:30px !important;}
.mal35 {margin-left:35px !important;}
.mal40 {margin-left:40px !important;}
.mal45 {margin-left:45px !important;}
.mal50 {margin-left:50px !important;}

.mar1  {margin-right:1px !important;}
.mar2  {margin-right:2px !important;}
.mar3  {margin-right:3px !important;}
.mar4  {margin-right:4px !important;}
.mar5  {margin-right:5px !important;}
.mar6  {margin-right:6px !important;}
.mar7  {margin-right:7px !important;}
.mar8  {margin-right:8px !important;}
.mar9  {margin-right:9px !important;}
.mar10 {margin-right:10px !important;}
.mar15 {margin-right:15px !important;}
.mar20 {margin-right:20px !important;}
.mar25 {margin-right:25px !important;}
.mar30 {margin-right:30px !important;}
.mar35 {margin-right:35px !important;}
.mar40 {margin-right:40px !important;}
.mar45 {margin-right:45px !important;}
.mar50 {margin-right:50px !important;}

.mat1  {margin-top:1px !important;}
.mat2  {margin-top:2px !important;}
.mat3  {margin-top:3px !important;}
.mat4  {margin-top:4px !important;}
.mat5  {margin-top:5px !important;}
.mat6  {margin-top:6px !important;}
.mat7  {margin-top:7px !important;}
.mat8  {margin-top:8px !important;}
.mat9  {margin-top:9px !important;}
.mat10 {margin-top:10px !important;}
.mat15 {margin-top:15px !important;}
.mat20 {margin-top:20px !important;}
.mat25 {margin-top:25px !important;}
.mat30 {margin-top:30px !important;}
.mat35 {margin-top:35px !important;}
.mat40 {margin-top:40px !important;}
.mat45 {margin-top:45px !important;}
.mat50 {margin-top:50px !important;}

.mab1  {margin-bottom:1px !important;}
.mab2  {margin-bottom:2px !important;}
.mab3  {margin-bottom:3px !important;}
.mab4  {margin-bottom:4px !important;}
.mab5  {margin-bottom:5px !important;}
.mab6  {margin-bottom:6px !important;}
.mab7  {margin-bottom:7px !important;}
.mab8  {margin-bottom:8px !important;}
.mab9  {margin-bottom:9px !important;}
.mab10 {margin-bottom:10px !important;}
.mab15 {margin-bottom:15px !important;}
.mab20 {margin-bottom:20px !important;}
.mab25 {margin-bottom:25px !important;}
.mab30 {margin-bottom:30px !important;}
.mab35 {margin-bottom:35px !important;}
.mab40 {margin-bottom:40px !important;}
.mab45 {margin-bottom:45px !important;}
.mab50 {margin-bottom:50px !important;}

.ma-x-1  {margin-left: 1px  !important; margin-right: 1px  !important;}
.ma-x-2  {margin-left: 2px  !important; margin-right: 2px  !important;}
.ma-x-3  {margin-left: 3px  !important; margin-right: 3px  !important;}
.ma-x-4  {margin-left: 4px  !important; margin-right: 4px  !important;}
.ma-x-5  {margin-left: 5px  !important; margin-right: 5px  !important;}
.ma-x-6  {margin-left: 6px  !important; margin-right: 6px  !important;}
.ma-x-7  {margin-left: 7px  !important; margin-right: 7px  !important;}
.ma-x-8  {margin-left: 8px  !important; margin-right: 8px  !important;}
.ma-x-9  {margin-left: 9px  !important; margin-right: 9px  !important;}
.ma-x-10 {margin-left: 10px !important; margin-right: 10px !important;}
.ma-x-15 {margin-left: 15px !important; margin-right: 15px !important;}
.ma-x-20 {margin-left: 20px !important; margin-right: 20px !important;}
.ma-x-25 {margin-left: 25px !important; margin-right: 25px !important;}
.ma-x-30 {margin-left: 30px !important; margin-right: 30px !important;}
.ma-x-35 {margin-left: 35px !important; margin-right: 35px !important;}
.ma-x-40 {margin-left: 40px !important; margin-right: 40px !important;}
.ma-x-45 {margin-left: 45px !important; margin-right: 45px !important;}
.ma-x-50 {margin-left: 50px !important; margin-right: 50px !important;}

.ma-y-1  {margin-top: 1px  !important; margin-bottom: 1px  !important;}
.ma-y-2  {margin-top: 2px  !important; margin-bottom: 2px  !important;}
.ma-y-3  {margin-top: 3px  !important; margin-bottom: 3px  !important;}
.ma-y-4  {margin-top: 4px  !important; margin-bottom: 4px  !important;}
.ma-y-5  {margin-top: 5px  !important; margin-bottom: 5px  !important;}
.ma-y-6  {margin-top: 6px  !important; margin-bottom: 6px  !important;}
.ma-y-7  {margin-top: 7px  !important; margin-bottom: 7px  !important;}
.ma-y-8  {margin-top: 8px  !important; margin-bottom: 8px  !important;}
.ma-y-9  {margin-top: 9px  !important; margin-bottom: 9px  !important;}
.ma-y-10 {margin-top: 10px !important; margin-bottom: 10px !important;}
.ma-y-15 {margin-top: 15px !important; margin-bottom: 15px !important;}
.ma-y-20 {margin-top: 20px !important; margin-bottom: 20px !important;}
.ma-y-25 {margin-top: 25px !important; margin-bottom: 25px !important;}
.ma-y-30 {margin-top: 30px !important; margin-bottom: 30px !important;}
.ma-y-35 {margin-top: 35px !important; margin-bottom: 35px !important;}
.ma-y-40 {margin-top: 40px !important; margin-bottom: 40px !important;}
.ma-y-45 {margin-top: 45px !important; margin-bottom: 45px !important;}
.ma-y-50 {margin-top: 50px !important; margin-bottom: 50px !important;}

/* Padding */
.pad_none  {padding:0px !important;}
.padl_none {padding-left:0px !important;}
.padr_none {padding-right:0px !important;}
.padt_none {padding-top:0px !important;}
.padb_none {padding-bottom:0px !important;}

.pad1  {padding:1px !important;}
.pad2  {padding:2px !important;}
.pad3  {padding:3px !important;}
.pad4  {padding:4px !important;}
.pad5  {padding:5px !important;}
.pad6  {padding:6px !important;}
.pad7  {padding:7px !important;}
.pad8  {padding:8px !important;}
.pad9  {padding:9px !important;}
.pad10 {padding:10px !important;}
.pad15 {padding:15px !important;}
.pad20 {padding:20px !important;}
.pad25 {padding:25px !important;}
.pad30 {padding:30px !important;}
.pad35 {padding:35px !important;}
.pad40 {padding:40px !important;}
.pad45 {padding:45px !important;}
.pad50 {padding:50px !important;}

.padl1  {padding-left:1px !important;}
.padl2  {padding-left:2px !important;}
.padl3  {padding-left:3px !important;}
.padl4  {padding-left:4px !important;}
.padl5  {padding-left:5px !important;}
.padl6  {padding-left:6px !important;}
.padl7  {padding-left:7px !important;}
.padl8  {padding-left:8px !important;}
.padl9  {padding-left:9px !important;}
.padl10 {padding-left:10px !important;}
.padl15 {padding-left:15px !important;}
.padl20 {padding-left:20px !important;}
.padl25 {padding-left:25px !important;}
.padl30 {padding-left:30px !important;}
.padl35 {padding-left:35px !important;}
.padl40 {padding-left:40px !important;}
.padl45 {padding-left:45px !important;}
.padl50 {padding-left:50px !important;}

.padr1  {padding-right:1px !important;}
.padr2  {padding-right:2px !important;}
.padr3  {padding-right:3px !important;}
.padr4  {padding-right:4px !important;}
.padr5  {padding-right:5px !important;}
.padr6  {padding-right:6px !important;}
.padr7  {padding-right:7px !important;}
.padr8  {padding-right:8px !important;}
.padr9  {padding-right:9px !important;}
.padr10 {padding-right:10px !important;}
.padr15 {padding-right:15px !important;}
.padr20 {padding-right:20px !important;}
.padr25 {padding-right:25px !important;}
.padr30 {padding-right:30px !important;}
.padr35 {padding-right:35px !important;}
.padr40 {padding-right:40px !important;}
.padr45 {padding-right:45px !important;}
.padr50 {padding-right:50px !important;}

.padt1  {padding-top:1px !important;}
.padt2  {padding-top:2px !important;}
.padt3  {padding-top:3px !important;}
.padt4  {padding-top:4px !important;}
.padt5  {padding-top:5px !important;}
.padt6  {padding-top:6px !important;}
.padt7  {padding-top:7px !important;}
.padt8  {padding-top:8px !important;}
.padt9  {padding-top:9px !important;}
.padt10 {padding-top:10px !important;}
.padt15 {padding-top:15px !important;}
.padt20 {padding-top:20px !important;}
.padt25 {padding-top:25px !important;}
.padt30 {padding-top:30px !important;}
.padt35 {padding-top:35px !important;}
.padt40 {padding-top:40px !important;}
.padt45 {padding-top:45px !important;}
.padt50 {padding-top:50px !important;}

.padb1  {padding-bottom:1px !important;}
.padb2  {padding-bottom:2px !important;}
.padb3  {padding-bottom:3px !important;}
.padb4  {padding-bottom:4px !important;}
.padb5  {padding-bottom:5px !important;}
.padb6  {padding-bottom:6px !important;}
.padb7  {padding-bottom:7px !important;}
.padb8  {padding-bottom:8px !important;}
.padb9  {padding-bottom:9px !important;}
.padb10 {padding-bottom:10px !important;}
.padb15 {padding-bottom:15px !important;}
.padb20 {padding-bottom:20px !important;}
.padb25 {padding-bottom:25px !important;}
.padb30 {padding-bottom:30px !important;}
.padb35 {padding-bottom:35px !important;}
.padb40 {padding-bottom:40px !important;}
.padb45 {padding-bottom:45px !important;}
.padb50 {padding-bottom:50px !important;}

.pad-x-1  {padding-left: 1px  !important; padding-right: 1px  !important;}
.pad-x-2  {padding-left: 2px  !important; padding-right: 2px  !important;}
.pad-x-3  {padding-left: 3px  !important; padding-right: 3px  !important;}
.pad-x-4  {padding-left: 4px  !important; padding-right: 4px  !important;}
.pad-x-5  {padding-left: 5px  !important; padding-right: 5px  !important;}
.pad-x-6  {padding-left: 6px  !important; padding-right: 6px  !important;}
.pad-x-7  {padding-left: 7px  !important; padding-right: 7px  !important;}
.pad-x-8  {padding-left: 8px  !important; padding-right: 8px  !important;}
.pad-x-9  {padding-left: 9px  !important; padding-right: 9px  !important;}
.pad-x-10 {padding-left: 10px !important; padding-right: 10px !important;}
.pad-x-15 {padding-left: 15px !important; padding-right: 15px !important;}
.pad-x-20 {padding-left: 20px !important; padding-right: 20px !important;}
.pad-x-25 {padding-left: 25px !important; padding-right: 25px !important;}
.pad-x-30 {padding-left: 30px !important; padding-right: 30px !important;}
.pad-x-35 {padding-left: 35px !important; padding-right: 35px !important;}
.pad-x-40 {padding-left: 40px !important; padding-right: 40px !important;}
.pad-x-45 {padding-left: 45px !important; padding-right: 45px !important;}
.pad-x-50 {padding-left: 50px !important; padding-right: 50px !important;}

.pad-y-1  {padding-top: 1px  !important; padding-bottom: 1px  !important;}
.pad-y-2  {padding-top: 2px  !important; padding-bottom: 2px  !important;}
.pad-y-3  {padding-top: 3px  !important; padding-bottom: 3px  !important;}
.pad-y-4  {padding-top: 4px  !important; padding-bottom: 4px  !important;}
.pad-y-5  {padding-top: 5px  !important; padding-bottom: 5px  !important;}
.pad-y-6  {padding-top: 6px  !important; padding-bottom: 6px  !important;}
.pad-y-7  {padding-top: 7px  !important; padding-bottom: 7px  !important;}
.pad-y-8  {padding-top: 8px  !important; padding-bottom: 8px  !important;}
.pad-y-9  {padding-top: 9px  !important; padding-bottom: 9px  !important;}
.pad-y-10 {padding-top: 10px !important; padding-bottom: 10px !important;}
.pad-y-15 {padding-top: 15px !important; padding-bottom: 15px !important;}
.pad-y-20 {padding-top: 20px !important; padding-bottom: 20px !important;}
.pad-y-25 {padding-top: 25px !important; padding-bottom: 25px !important;}
.pad-y-30 {padding-top: 30px !important; padding-bottom: 30px !important;}
.pad-y-35 {padding-top: 35px !important; padding-bottom: 35px !important;}
.pad-y-40 {padding-top: 40px !important; padding-bottom: 40px !important;}
.pad-y-45 {padding-top: 45px !important; padding-bottom: 45px !important;}
.pad-y-50 {padding-top: 50px !important; padding-bottom: 50px !important;}


/* position */
.pos_abs { position: absolute; }
.pos_rel { position: relative; }
.pos_fix { position: fixed; }

/* display */
.disp_inline { display:inline-block !important; }
.disp_block { display: block !important; }


/* display-flex */
.disp_flex { display: flex !important; }
.flexDirection_column { flex-direction: column !important; }
.flexWrap { flex-wrap: wrap !important; }
.flexWrap_no { flex-wrap: nowrap !important; }

/* align-item */
.alignItem_start { align-items: flex-start !important; }
.alignItem_center { align-items: center !important; }
.alignItem_end { align-items: flex-end !important; }

/* justify-conntent */
.justify_start { justify-content: flex-start !important; }
.justify_center { justify-content: center !important; }
.justify_end { justify-content: flex-end !important; }
.justify_between { justify-content: space-between !important; }


/* overflow */
.overflow_auto { overflow: auto !important; }
.overflow_auto_x { overflow-x: auto !important; }
.overflow_auto_y { overflow-y: auto !important; }
.overflow_hide { overflow: hidden !important; }
.overflow_hide_x { overflow-x: hidden !important; }
.overflow_hide_y { overflow-y: hidden !important; }
.overflow_scrl { overflow: scroll !important; }
.overflow_scrl_x { overflow-x: scroll !important; }
.overflow_scrl_y { overflow-y: scroll !important; }


/* profile image */
.profile_photo { position: relative; width: 32px; height: 32px; border:1px #ebeef3 solid; border-radius: 50%; overflow: hidden; }
.profile_photo img { position: absolute; top: 50%; left: 50%; width: 32px; transform: translate(-50%, -42%); }


.ui-tabs:not(.sub_top) .ui-tabs-nav li a.basic {
	display:inline-block;
	border:1px solid #e0e2e5;
	line-height:27px;
	font-size:11px;
	font-weight:600;
	color:#3f4145;
	background-color:#fff;
	padding:0px 12px;
	margin:-2px 0 0 0px;
	vertical-align:middle;
	cursor:pointer;
}

.ui-tabs:not(.sub_top) .ui-tabs-nav li a.basic:hover {color: var( --txt_color_base );}