@charset "utf-8";



/* img */
img {max-width:100%;}

/* block */
.d-inline-block {display:inline-block;}
.c_both { clear:both; }
.c-pointer {cursor: pointer; }

.dn { display:none; }
.db { display:block; }

.d-table {display:table; width:100%; height:100%; }
.d-table-cell {display:table-cell; vertical-align:middle; }

.wb_keep { word-break:keep-all !important; }


/* width ********************************************************************************************************************************************************/
.w10p {width:10% !important;}
.w20p {width:20% !important;}
.w30p {width:30% !important;}
.w31p {width:31% !important;}
.w32p {width:32% !important;}
.w33p {width:33% !important;}
.w40p {width:40% !important;}
.w50p {width:50% !important;}
.w60p {width:60% !important;}
.w70p {width:70% !important;}
.w80p {width:80% !important;}
.w90p {width:90% !important;}
.w100p {width:100% !important;}

.w80 {width:80px !important;}
.w100 {width:100px !important;}
.w150 {width:150px !important;}
.w170 {width:170px !important;}
.w200 {width:200px !important;}
.w300 {width:300px !important;}
.w400 {width:400px !important;}
.w500 {width:500px !important;}
.w600 {width:600px !important;}
.w1200 {width:1200px !important;}

.min-w200 {min-width:200px !important;}
.min-w300 {min-width:300px !important;}
.min-w400 {min-width:400px !important;}
.min-w600 {min-width:600px !important;}
.min-w800 {min-width:800px !important;}
.min-w1000 {min-width:1000px !important;}

.max-w400 {max-width:400px !important;}

.w40p_7 {width:calc(40% - 7px); }
.w60p_7 {width:calc(60% - 7px); }

.w50p_5 {width:calc(50% - 5px); }
.w50p_7 {width:calc(50% - 7px); }
.w50p_10 {width:calc(50% - 10px); }

.w100p_100 {width:calc(100% - 100px); }
.w100p_200 {width:calc(100% - 200px); }


/* Height ********************************************************************************************************************************************************/
.h100p {height:100% !important}


/* Positions start ********************************************************************************************************************************************************/
.p-relative { position: relative; }
.p-absolute { position: absolute; }
.p-static { position: static; }
.p-fixed { position: fixed; }


/* Overflow css start ********************************************************************************************************************************************************/
.o-hidden { overflow: hidden; }
.o-auto { overflow: auto; }
.o-visible { overflow: visible; }

/* Float Align ********************************************************************************************************************************************************/
.fl { float:left !important; }
.fr { float:right !important; }
.fn { float:none !important; }

/* Vertical Align ****************************************************************************************************************************************************/
.valign_t { vertical-align:top !important; }
.valign_m { vertical-align:middle !important; }
.valign_b { vertical-align:bottom !important; }

/* Text Align *********************************************************************************************************************************************************/
.t_c { text-align:center !important; }
.t_l { text-align:left !important; }
.t_r { text-align:right !important; }

/* Line Height ********************************************************************************************************************************************************/
.line_h10 { line-height:10px; }
.line_h12 { line-height:12px; }
.line_h14 { line-height:14px; }
.line_h16 { line-height:16px; }
.line_h18 { line-height:18px; }
.line_h20 { line-height:20px; }
.line_h22 { line-height:22px; }
.line_h24 { line-height:1.5em; }
.line_h26 { line-height:26px; }
.line_h28 { line-height:28px; }
.line_h30 { line-height:30px; }
.line_h32 { line-height:32px; }
.line_h34 { line-height:34px; }
.line_h36 { line-height:36px; }
.line_h38 { line-height:38px; }
.line_h40 { line-height:40px; }
.line_h42 { line-height:42px; }
.line_h44 { line-height:44px; }
.line_h46 { line-height:46px; }
.line_h48 { line-height:48px; }
.line_h50 { line-height:50px; }
.line_h52 { line-height:52px; }
.line_h54 { line-height:54px; }
.line_h56 { line-height:56px; }
.line_h58 { line-height:58px; }
.line_h60 { line-height:60px; }
.line_h62 { line-height:62px; }
.line_h64 { line-height:64px; }
.line_h66 { line-height:66px; }
.line_h80 { line-height:80px; }


/* Font Color *********************************************************************************************************************************************************/
/* Basic Color */
.em_fff { color:#fff !important; }
.em_000 { color:#000 !important; }
.em_111 { color:#111 !important; }
.em_222 { color:#222 !important; }
.em_333 { color:#333 !important; }
.em_444 { color:#444 !important; }
.em_555 { color:#555 !important; }
.em_666 { color:#666 !important; }
.em_777 { color:#777 !important; }
.em_888 { color:#888 !important; }
.em_999 { color:#999 !important; }
.em_ccc { color:#ccc !important; }

/* Web Color */
.em_blue { color:#3671b7 !important; }
.em_red { color:#f07668 !important; }
.em_red2 { color:#ee6a5b !important; }
.em_gray { color:#464646 !important; }
.em_dgray { color:#202020 !important; }

/* Text-color css start */
.txt-primary { color: #2196F3 !important; }
.txt-white { color: #fff !important; }
.txt-muted { color: #777 !important; }
.txt-success { color: #4CAF50 !important; }
.txt-info { color: #40c4ff !important; }
.txt-warning { color: #fff58a !important; }
.txt-warning2 { color: #f57c00 !important; }
.txt-danger { color: #ff5252 !important; }
.txt-green { color: #1eb7bd !important; }


/* box********************************************************************************************************************************************************/
.conBox01  {border:1px solid #ededed; background-color:#f7f7f7; padding:2em; border-radius:5px; }
.conBox02  {border:1px solid #ededed;  padding:2em; border-radius:15px;  box-shadow:1px 3px 10px rgba(0,0,0,0.1); }


/* Font Weight ********************************************************************************************************************************************************/
.normal { font-weight:normal !important; }
.bold { font-weight:bold !important; }	

/* Font Size **********************************************************************************************************************************************************/
.fs_10 { font-size:10px; }
.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_22 { font-size:22px; }
.fs_24 { font-size:24px; }
.fs_26 { font-size:26px; }
.fs_28 { font-size:28px; }
.fs_30 { font-size:30px; }
.fs_32 { font-size:32px; }
.fs_34 { font-size:34px; }
.fs_36 { font-size:36px; }
.fs_38 { font-size:38px; }
.fs_40 { font-size:40px; letter-spacing:-1px; }
.fs_42 { font-size:42px; letter-spacing:-1px; }
.fs_44 { font-size:44px; letter-spacing:-1px; }
.fs_46 { font-size:45px; letter-spacing:-1px; }
.fs_48 { font-size:48px; letter-spacing:-1px; }
.fs_50 { font-size:50px; letter-spacing:-2px; }
.fs_52 { font-size:52px; letter-spacing:-2px; }
.fs_54 { font-size:54px; letter-spacing:-2px; }

.fs_11em {font-size:1.1em; }
.fs_12em {font-size:1.2em; }
.fs_13em {font-size:1.3em; }
.fs_14em {font-size:1.4em; }

/* Letter-spacing ********************************************************************************************************************************************************/
.ls_0 { letter-spacing:0px !important; }
.ls_1 { letter-spacing:-1px !important; }
.ls_2 { letter-spacing:-2px !important; }
.ls_10 { letter-spacing:1px !important; }
.ls_20 { letter-spacing:2px !important; }

/* Padding **********************************************************************************************************************************************************************************************/
/* top */
.pt_00 { padding-top:0px !important; }
.pt_01 { padding-top:1px !important; }
.pt_02 { padding-top:2px !important; }
.pt_03 { padding-top:3px !important; }
.pt_04 { padding-top:4px !important; }
.pt_05 { padding-top:5px !important; }
.pt_06 { padding-top:6px !important; }
.pt_07 { padding-top:7px !important; }
.pt_08 { padding-top:8px !important; }
.pt_09 { padding-top:9px !important; }
.pt_10 { padding-top:10px !important; }
.pt_15 { padding-top:15px !important; }
.pt_20 { padding-top:20px !important; }
.pt_25 { padding-top:25px !important; }
.pt_30 { padding-top:30px !important; }
.pt_35 { padding-top:35px !important; }
.pt_40 { padding-top:40px !important; }
.pt_45 { padding-top:45px !important; }
.pt_50 { padding-top:50px !important; }
.pt_55 { padding-top:55px !important; }
.pt_60 { padding-top:60px !important; }
.pt_65 { padding-top:65px !important; }
.pt_70 { padding-top:70px !important; }
.pt_75 { padding-top:75px !important; }
.pt_80 { padding-top:80px !important; }
.pt_85 { padding-top:85px !important; }
.pt_90 { padding-top:90px !important; }
.pt_95 { padding-top:95px !important; }
.pt_100 { padding-top:100px !important; }

/* right */
.pr_00 { padding-right:0px !important; }
.pr_01 { padding-right:1px !important; }
.pr_02 { padding-right:2px !important; }
.pr_03 { padding-right:3px !important; }
.pr_04 { padding-right:4px !important; }
.pr_05 { padding-right:5px !important; }
.pr_06 { padding-right:6px !important; }
.pr_07 { padding-right:7px !important; }
.pr_08 { padding-right:8px !important; }
.pr_09 { padding-right:9px !important; }
.pr_10 { padding-right:10px !important; }
.pr_15 { padding-right:15px !important; }
.pr_20 { padding-right:20px !important; }
.pr_25 { padding-right:25px !important; }
.pr_30 { padding-right:30px !important; }
.pr_35 { padding-right:35px !important; }
.pr_40 { padding-right:40px !important; }
.pr_45 { padding-right:45px !important; }
.pr_50 { padding-right:50px !important; }
.pr_55 { padding-right:55px !important; }
.pr_60 { padding-right:60px !important; }
.pr_65 { padding-right:65px !important; }
.pr_70 { padding-right:70px !important; }
.pr_75 { padding-right:75px !important; }
.pr_80 { padding-right:80px !important; }
.pr_85 { padding-right:85px !important; }
.pr_90 { padding-right:90px !important; }
.pr_95 { padding-right:95px !important; }
.pr_100 { padding-right:100px !important; }

/* bottom */
.pb_00 { padding-bottom:0px !important; }
.pb_01 { padding-bottom:1px !important; }
.pb_02 { padding-bottom:2px !important; }
.pb_03 { padding-bottom:3px !important; }
.pb_04 { padding-bottom:4px !important; }
.pb_05 { padding-bottom:5px !important; }
.pb_06 { padding-bottom:6px !important; }
.pb_07 { padding-bottom:7px !important; }
.pb_08 { padding-bottom:8px !important; }
.pb_09 { padding-bottom:9px !important; }
.pb_10 { padding-bottom:10px !important; }
.pb_15 { padding-bottom:15px !important; }
.pb_20 { padding-bottom:20px !important; }
.pb_25 { padding-bottom:25px !important; }
.pb_30 { padding-bottom:30px !important; }
.pb_35 { padding-bottom:35px !important; }
.pb_40 { padding-bottom:40px !important; }
.pb_45 { padding-bottom:45px !important; }
.pb_50 { padding-bottom:50px !important; }
.pb_55 { padding-bottom:55px !important; }
.pb_60 { padding-bottom:60px !important; }
.pb_65 { padding-bottom:65px !important; }
.pb_70 { padding-bottom:70px !important; }
.pb_75 { padding-bottom:75px !important; }
.pb_80 { padding-bottom:80px !important; }
.pb_85 { padding-bottom:85px !important; }
.pb_90 { padding-bottom:90px !important; }
.pb_95 { padding-bottom:95px !important; }
.pb_100 { padding-bottom:100px !important; }

/* left */
.pl_00 { padding-left:0px !important; }
.pl_01 { padding-left:1px !important; }
.pl_02 { padding-left:2px !important; }
.pl_03 { padding-left:3px !important; }
.pl_04 { padding-left:4px !important; }
.pl_05 { padding-left:5px !important; }
.pl_06 { padding-left:6px !important; }
.pl_07 { padding-left:7px !important; }
.pl_08 { padding-left:8px !important; }
.pl_09 { padding-left:9px !important; }
.pl_10 { padding-left:5px !important; }
.pl_10 { padding-left:10px !important; }
.pl_15 { padding-left:15px !important; }
.pl_17 { padding-left:17px !important; }
.pl_20 { padding-left:20px !important; }
.pl_25 { padding-left:25px !important; }
.pl_30 { padding-left:30px !important; }
.pl_35 { padding-left:35px !important; }
.pl_40 { padding-left:40px !important; }
.pl_45 { padding-left:45px !important; }
.pl_50 { padding-left:50px !important; }
.pl_55 { padding-left:55px !important; }
.pl_60 { padding-left:60px !important; }
.pl_65 { padding-left:65px !important; }
.pl_70 { padding-left:70px !important; }
.pl_75 { padding-left:75px !important; }
.pl_80 { padding-left:80px !important; }
.pl_85 { padding-left:85px !important; }
.pl_90 { padding-left:90px !important; }
.pl_95 { padding-left:95px !important; }
.pl_100 { padding-left:100px !important; }


/* Margin **********************************************************************************************************************************************************************************************/
/* top */
.mt_00 { margin-top:0px !important; }
.mt_01 { margin-top:1px !important; }
.mt_02 { margin-top:2px !important; }
.mt_03 { margin-top:3px !important; }
.mt_04 { margin-top:4px !important; }
.mt_05 { margin-top:5px !important; }
.mt_06 { margin-top:6px !important; }
.mt_07 { margin-top:7px !important; }
.mt_08 { margin-top:8px !important; }
.mt_09 { margin-top:9px !important; }
.mt_10 { margin-top:10px !important; }
.mt_15 { margin-top:15px !important; }
.mt_20 { margin-top:20px !important; }
.mt_25 { margin-top:25px !important; }
.mt_30 { margin-top:30px !important; }
.mt_35 { margin-top:35px !important; }
.mt_40 { margin-top:40px !important; }
.mt_45 { margin-top:45px !important; }
.mt_50 { margin-top:50px !important; }
.mt_55 { margin-top:55px !important; }
.mt_60 { margin-top:60px !important; }
.mt_65 { margin-top:65px !important; }
.mt_70 { margin-top:70px !important; }
.mt_75 { margin-top:75px !important; }
.mt_80 { margin-top:80px !important; }
.mt_85 { margin-top:85px !important; }
.mt_90 { margin-top:90px !important; }
.mt_95 { margin-top:95px !important; }
.mt_100 { margin-top:100px !important; }

/* right */
.mr_00 { margin-right:0px !important; }
.mr_01 { margin-right:1px !important; }
.mr_02 { margin-right:2px !important; }
.mr_03 { margin-right:3px !important; }
.mr_04 { margin-right:4px !important; }
.mr_05 { margin-right:5px !important; }
.mr_06 { margin-right:6px !important; }
.mr_07 { margin-right:7px !important; }
.mr_08 { margin-right:8px !important; }
.mr_09 { margin-right:9px !important; }
.mr_10 { margin-right:10px !important; }
.mr_15 { margin-right:15px !important; }
.mr_20 { margin-right:20px !important; }
.mr_25 { margin-right:25px !important; }
.mr_30 { margin-right:30px !important; }
.mr_35 { margin-right:35px !important; }
.mr_40 { margin-right:40px !important; }
.mr_45 { margin-right:45px !important; }
.mr_50 { margin-right:50px !important; }
.mr_55 { margin-right:55px !important; }
.mr_60 { margin-right:60px !important; }
.mr_65 { margin-right:65px !important; }
.mr_70 { margin-right:70px !important; }
.mr_75 { margin-right:75px !important; }
.mr_80 { margin-right:80px !important; }
.mr_85 { margin-right:85px !important; }
.mr_90 { margin-right:90px !important; }
.mr_95 { margin-right:95px !important; }
.mr_100 { margin-right:100px !important; }

/* bottom */
.mb_00 { margin-bottom:0px !important; }
.mb_01 { margin-bottom:1px !important; }
.mb_02 { margin-bottom:2px !important; }
.mb_03 { margin-bottom:3px !important; }
.mb_04 { margin-bottom:4px !important; }
.mb_05 { margin-bottom:5px !important; }
.mb_06 { margin-bottom:6px !important; }
.mb_07 { margin-bottom:7px !important; }
.mb_08 { margin-bottom:8px !important; }
.mb_09 { margin-bottom:9px !important; }
.mb_10 { margin-bottom:10px !important; }
.mb_15 { margin-bottom:15px !important; }
.mb_20 { margin-bottom:20px !important; }
.mb_25 { margin-bottom:25px !important; }
.mb_30 { margin-bottom:30px !important; }
.mb_35 { margin-bottom:35px !important; }
.mb_40 { margin-bottom:40px !important; }
.mb_45 { margin-bottom:45px !important; }
.mb_50 { margin-bottom:50px !important; }
.mb_55 { margin-bottom:55px !important; }
.mb_60 { margin-bottom:60px !important; }
.mb_65 { margin-bottom:65px !important; }
.mb_70 { margin-bottom:70px !important; }
.mb_75 { margin-bottom:75px !important; }
.mb_80 { margin-bottom:80px !important; }
.mb_85 { margin-bottom:85px !important; }
.mb_90 { margin-bottom:90px !important; }
.mb_95 { margin-bottom:95px !important; }
.mb_100 { margin-bottom:100px !important; }

/* left */
.ml_00 { margin-left:0px !important; }
.ml_01 { margin-left:1px !important; }
.ml_02 { margin-left:2px !important; }
.ml_03 { margin-left:3px !important; }
.ml_04 { margin-left:4px !important; }
.ml_05 { margin-left:5px !important; }
.ml_06 { margin-left:6px !important; }
.ml_07 { margin-left:7px !important; }
.ml_08 { margin-left:8px !important; }
.ml_09 { margin-left:9px !important; }
.ml_10 { margin-left:10px !important; }
.ml_15 { margin-left:15px !important; }
.ml_17 { margin-left:17px !important; }
.ml_20 { margin-left:20px !important; }
.ml_25 { margin-left:25px !important; }
.ml_30 { margin-left:30px !important; }
.ml_35 { margin-left:35px !important; }
.ml_40 { margin-left:40px !important; }
.ml_45 { margin-left:45px !important; }
.ml_50 { margin-left:50px !important; }
.ml_55 { margin-left:55px !important; }
.ml_60 { margin-left:60px !important; }
.ml_65 { margin-left:65px !important; }
.ml_70 { margin-left:70px !important; }
.ml_75 { margin-left:75px !important; }
.ml_80 { margin-left:80px !important; }
.ml_85 { margin-left:85px !important; }
.ml_90 { margin-left:90px !important; }
.ml_95 { margin-left:95px !important; }
.ml_100 { margin-left:100px !important; }


/*trans */
.trans200{-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s}
.trans300{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.trans400{-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.trans500{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}



/* Background Color css start****************************************************************************************************************************************************/
.bg-color-box { text-align: center; display: inline-block; color: #fff; padding: 10px 20px; -webkit-box-shadow: 0 0 5px 2px rgba(128, 128, 128, 0.49); box-shadow: 0 0 5px 2px rgba(128, 128, 128, 0.49); font-weight: 600; margin-right: 20px; margin-bottom: 20px; cursor: pointer; }
.bg-color-box span { display: block; }
.bg-primary { background-color: #2196F3 !important; }
.bg-dark-primary { background-color: #2f80e7 !important; }
.bg-success { background-color: #4CAF50 !important; }
.bg-dark-success { background-color: #4ca250 !important; }
.bg-danger { background-color: #ff5252 !important; }
.bg-danger { background-color: #ff5252 !important; }
.bg-info { background-color: #40c4ff !important; }
.bg-warning { background-color: #f57c00 !important; }
.bg-dark-warning { background-color: #de7203 !important; }
.bg-default { background-color: #757575 !important; }
.bg-white { background-color: #fff !important; }
.bg-twitter { background-color: #1da1f2; }
.bg-facebook { background-color: #3b5998; }
.bg-dark-facebook { background-color: #334e88 !important; }
.bg-gray { background-color: #d7d8da; }
.danger-color { background: #ff4444; }
.warning-color { background: #ffbb33; }
.success-color { background: #00C851; }
.info-color { background: #33b5e5; }
.default-color { background: #2BBBAD; }
.primary-color { background: #4285F4; }
.secondary-color { background: #aa66cc; }
.elegant-color { background: #2E2E2E; }
.stylish-color { background: #3F729B; }
.stylish-color { background: #3F729B; }
.special-color { background: #37474F; }



/* ��ư */ 
.btn {font-weight: 400; padding: .5em .75rem; font-size: 1em; line-height: 20px; text-align: center; white-space: nowrap; vertical-align: top; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; font-size: 0.9em; border-radius: .15rem}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px}
.btn:focus, .btn:hover {text-decoration: none}
.btn.focus {text-decoration: none}
.btn.active, .btn:active {background-image: none; outline: 0}
.btn.disabled, .btn:disabled {cursor: not-allowed; opacity: .65}
a.btn.disabled, fieldset[disabled] a.btn {pointer-events: none}

.btn-tumblr { background-color: #32506D; color: #fff;}
.btn-tumblr:hover {color: #fff; background-color: #32506D; border-color: #253f59}
.btn-tumblr.focus, .btn-tumblr:focus {color: #fff; background-color: #13273b; border-color: #13273b}
.btn-tumblr.active, .btn-tumblr:active, .open>.btn-tumblr.dropdown-toggle {color: #fff; background-color: #13273b; border-color: #13273b; background-image: none}

.btn-black { background-color: #222; color: #fff;}
.btn-black:hover {color: #fff; background-color: #222; border-color: #253f59}
.btn-black.focus, .btn-black:focus {color: #fff; background-color: #13273b; border-color: #13273b}
.btn-black.active, .btn-black:active, .open>.btn-black.dropdown-toggle {color: #fff; background-color: #13273b; border-color: #13273b; background-image: none}

.btn-primary {color: #fff; background-color: #0275d8; border-color: #0275d8}
.btn-primary:hover {color: #fff; background-color: #025aa5; border-color: #01549b}
.btn-primary.focus, .btn-primary:focus {color: #fff; background-color: #025aa5; border-color: #01549b}
.btn-primary.active, .btn-primary:active, .open>.btn-primary.dropdown-toggle {color: #fff; background-color: #025aa5; border-color: #01549b; background-image: none}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.btn-primary.dropdown-toggle.focus, .open>.btn-primary.dropdown-toggle:focus, .open>.btn-primary.dropdown-toggle:hover {color: #fff; background-color: #014682; border-color: #01315a}
.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary:disabled.focus, .btn-primary:disabled:focus {background-color: #0275d8; border-color: #0275d8}
.btn-primary.disabled:hover, .btn-primary:disabled:hover {background-color: #0275d8; border-color: #0275d8}

.btn-secondary {color: #373a3c; background-color: #fff; border-color: #ccc}
.btn-secondary:hover {color: #373a3c; background-color: #e6e6e6; border-color: #adadad}
.btn-secondary.focus, .btn-secondary:focus {color: #373a3c; background-color: #e6e6e6; border-color: #adadad}
.btn-secondary.active, .btn-secondary:active, .open>.btn-secondary.dropdown-toggle {color: #373a3c; background-color: #e6e6e6; border-color: #adadad; background-image: none}
.btn-secondary.active.focus, .btn-secondary.active:focus, .btn-secondary.active:hover, .btn-secondary:active.focus, .btn-secondary:active:focus, .btn-secondary:active:hover, .open>.btn-secondary.dropdown-toggle.focus, .open>.btn-secondary.dropdown-toggle:focus, .open>.btn-secondary.dropdown-toggle:hover {color: #373a3c; background-color: #d4d4d4; border-color: #8c8c8c}
.btn-secondary.disabled.focus, .btn-secondary.disabled:focus, .btn-secondary:disabled.focus, .btn-secondary:disabled:focus {background-color: #fff; border-color: #ccc}
.btn-secondary.disabled:hover, .btn-secondary:disabled:hover {background-color: #fff; border-color: #ccc}

.btn-info {color: #fff; background-color: #5bc0de; border-color: #5bc0de}
.btn-info:hover {color: #fff; background-color: #31b0d5; border-color: #2aabd2}
.btn-info.focus, .btn-info:focus {color: #fff; background-color: #31b0d5; border-color: #2aabd2}
.btn-info.active, .btn-info:active, .open>.btn-info.dropdown-toggle {color: #fff; background-color: #31b0d5; border-color: #2aabd2; background-image: none}
.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open>.btn-info.dropdown-toggle.focus, .open>.btn-info.dropdown-toggle:focus, .open>.btn-info.dropdown-toggle:hover {color: #fff; background-color: #269abc; border-color: #1f7e9a}
.btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info:disabled.focus, .btn-info:disabled:focus {background-color: #5bc0de; border-color: #5bc0de}
.btn-info.disabled:hover, .btn-info:disabled:hover {background-color: #5bc0de; border-color: #5bc0de}

.btn-success {color: #fff; background-color: #19a019; border-color: #19a019}
.btn-success:hover {color: #fff; background-color: #19a019; border-color: #419641}
.btn-success.focus, .btn-success:focus {color: #fff; background-color: #19a019; border-color: #419641}
.btn-success.active, .btn-success:active, .open>.btn-success.dropdown-toggle {color: #fff; background-color: #19a019; border-color: #419641; background-image: none}
.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open>.btn-success.dropdown-toggle.focus, .open>.btn-success.dropdown-toggle:focus, .open>.btn-success.dropdown-toggle:hover {color: #fff; background-color: #398439; border-color: #2d672d}
.btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success:disabled.focus, .btn-success:disabled:focus {background-color: #19a019; border-color: #19a019}
.btn-success.disabled:hover, .btn-success:disabled:hover {background-color: #19a019; border-color: #19a019}

.btn-warning {color: #fff; background-color: #f57c00; border-color: #f57c00}
.btn-warning:hover {color: #fff; background-color: #f57c00; border-color: #eb9316}
.btn-warning.focus, .btn-warning:focus {color: #fff; background-color: #f57c00; border-color: #eb9316}
.btn-warning.active, .btn-warning:active, .open>.btn-warning.dropdown-toggle {color: #fff; background-color: #f57c00; border-color: #eb9316; background-image: none}
.btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open>.btn-warning.dropdown-toggle.focus, .open>.btn-warning.dropdown-toggle:focus, .open>.btn-warning.dropdown-toggle:hover {color: #fff; background-color: #d58512; border-color: #b06d0f}
.btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning:disabled.focus, .btn-warning:disabled:focus {background-color: #f57c00; border-color: #f57c00}
.btn-warning.disabled:hover, .btn-warning:disabled:hover {background-color: #f57c00; border-color: #f57c00}

.btn-danger {color: #fff; background-color: #ae0e0a; border-color: #ae0e0a}
.btn-danger:hover {color: #fff; background-color: #ae0e0a; border-color: #c12e2a}
.btn-danger.focus, .btn-danger:focus {color: #fff; background-color: #ae0e0a; border-color: #c12e2a}
.btn-danger.active, .btn-danger:active, .open>.btn-danger.dropdown-toggle {color: #fff; background-color: #ae0e0a; border-color: #c12e2a; background-image: none}
.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open>.btn-danger.dropdown-toggle.focus, .open>.btn-danger.dropdown-toggle:focus, .open>.btn-danger.dropdown-toggle:hover {color: #fff; background-color: #ac2925; border-color: #8b211e}
.btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger:disabled.focus, .btn-danger:disabled:focus {background-color: #ae0e0a; border-color: #ae0e0a}
.btn-danger.disabled:hover, .btn-danger:disabled:hover {background-color: #ae0e0a; border-color: #ae0e0a}

.btn-outline-primary {color: #0275d8; background-image: none; background-color: transparent; border-color: #0275d8}
.btn-outline-primary:hover {color: #fff; background-color: #0275d8; border-color: #0275d8}
.btn-outline-primary.focus, .btn-outline-primary:focus {color: #fff; background-color: #0275d8; border-color: #0275d8}
.btn-outline-primary.active, .btn-outline-primary:active, .open>.btn-outline-primary.dropdown-toggle {color: #fff; background-color: #0275d8; border-color: #0275d8}
.btn-outline-primary.active.focus, .btn-outline-primary.active:focus, .btn-outline-primary.active:hover, .btn-outline-primary:active.focus, .btn-outline-primary:active:focus, .btn-outline-primary:active:hover, .open>.btn-outline-primary.dropdown-toggle.focus, .open>.btn-outline-primary.dropdown-toggle:focus, .open>.btn-outline-primary.dropdown-toggle:hover {color: #fff; background-color: #014682; border-color: #01315a}
.btn-outline-primary.disabled.focus, .btn-outline-primary.disabled:focus, .btn-outline-primary:disabled.focus, .btn-outline-primary:disabled:focus {border-color: #43a7fd}
.btn-outline-primary.disabled:hover, .btn-outline-primary:disabled:hover {border-color: #43a7fd}

.btn-outline-secondary {color: #ccc; background-image: none; background-color: transparent; border-color: #ccc}
.btn-outline-secondary:hover {color: #fff; background-color: #ccc; border-color: #ccc}
.btn-outline-secondary.focus, .btn-outline-secondary:focus {color: #fff; background-color: #ccc; border-color: #ccc}
.btn-outline-secondary.active, .btn-outline-secondary:active, .open>.btn-outline-secondary.dropdown-toggle {color: #fff; background-color: #ccc; border-color: #ccc}
.btn-outline-secondary.active.focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.active:hover, .btn-outline-secondary:active.focus, .btn-outline-secondary:active:focus, .btn-outline-secondary:active:hover, .open>.btn-outline-secondary.dropdown-toggle.focus, .open>.btn-outline-secondary.dropdown-toggle:focus, .open>.btn-outline-secondary.dropdown-toggle:hover {color: #fff; background-color: #a1a1a1; border-color: #8c8c8c}
.btn-outline-secondary.disabled.focus, .btn-outline-secondary.disabled:focus, .btn-outline-secondary:disabled.focus, .btn-outline-secondary:disabled:focus {border-color: #fff}
.btn-outline-secondary.disabled:hover, .btn-outline-secondary:disabled:hover {border-color: #fff}

.btn-outline-info {color: #5bc0de; background-image: none; background-color: transparent; border-color: #5bc0de}
.btn-outline-info:hover {color: #fff; background-color: #5bc0de; border-color: #5bc0de}
.btn-outline-info.focus, .btn-outline-info:focus {color: #fff; background-color: #5bc0de; border-color: #5bc0de}
.btn-outline-info.active, .btn-outline-info:active, .open>.btn-outline-info.dropdown-toggle {color: #fff; background-color: #5bc0de; border-color: #5bc0de}
.btn-outline-info.active.focus, .btn-outline-info.active:focus, .btn-outline-info.active:hover, .btn-outline-info:active.focus, .btn-outline-info:active:focus, .btn-outline-info:active:hover, .open>.btn-outline-info.dropdown-toggle.focus, .open>.btn-outline-info.dropdown-toggle:focus, .open>.btn-outline-info.dropdown-toggle:hover {color: #fff; background-color: #269abc; border-color: #1f7e9a}
.btn-outline-info.disabled.focus, .btn-outline-info.disabled:focus, .btn-outline-info:disabled.focus, .btn-outline-info:disabled:focus {border-color: #b0e1ef}
.btn-outline-info.disabled:hover, .btn-outline-info:disabled:hover {border-color: #b0e1ef}

.btn-outline-success {color: #19a019; background-image: none; background-color: transparent; border-color: #19a019}
.btn-outline-success:hover {color: #fff; background-color: #19a019; border-color: #19a019}
.btn-outline-success.focus, .btn-outline-success:focus {color: #fff; background-color: #19a019; border-color: #19a019}
.btn-outline-success.active, .btn-outline-success:active, .open>.btn-outline-success.dropdown-toggle {color: #fff; background-color: #19a019; border-color: #19a019}
.btn-outline-success.active.focus, .btn-outline-success.active:focus, .btn-outline-success.active:hover, .btn-outline-success:active.focus, .btn-outline-success:active:focus, .btn-outline-success:active:hover, .open>.btn-outline-success.dropdown-toggle.focus, .open>.btn-outline-success.dropdown-toggle:focus, .open>.btn-outline-success.dropdown-toggle:hover {color: #fff; background-color: #398439; border-color: #2d672d}
.btn-outline-success.disabled.focus, .btn-outline-success.disabled:focus, .btn-outline-success:disabled.focus, .btn-outline-success:disabled:focus {border-color: #a3d7a3}
.btn-outline-success.disabled:hover, .btn-outline-success:disabled:hover {border-color: #a3d7a3}

.btn-outline-warning {color: #f57c00; background-image: none; background-color: transparent; border-color: #f57c00}
.btn-outline-warning:hover {color: #fff; background-color: #f57c00; border-color: #f57c00}
.btn-outline-warning.focus, .btn-outline-warning:focus {color: #fff; background-color: #f57c00; border-color: #f57c00}
.btn-outline-warning.active, .btn-outline-warning:active, .open>.btn-outline-warning.dropdown-toggle {color: #fff; background-color: #f57c00; border-color: #f57c00}
.btn-outline-warning.active.focus, .btn-outline-warning.active:focus, .btn-outline-warning.active:hover, .btn-outline-warning:active.focus, .btn-outline-warning:active:focus, .btn-outline-warning:active:hover, .open>.btn-outline-warning.dropdown-toggle.focus, .open>.btn-outline-warning.dropdown-toggle:focus, .open>.btn-outline-warning.dropdown-toggle:hover {color: #fff; background-color: #d58512; border-color: #b06d0f}
.btn-outline-warning.disabled.focus, .btn-outline-warning.disabled:focus, .btn-outline-warning:disabled.focus, .btn-outline-warning:disabled:focus {border-color: #f8d9ac}
.btn-outline-warning.disabled:hover, .btn-outline-warning:disabled:hover {border-color: #f8d9ac}

.btn-outline-danger {color: #ae0e0a; background-image: none; background-color: transparent; border-color: #ae0e0a}
.btn-outline-danger:hover {color: #fff; background-color: #ae0e0a; border-color: #ae0e0a}
.btn-outline-danger.focus, .btn-outline-danger:focus {color: #fff; background-color: #ae0e0a; border-color: #ae0e0a}
.btn-outline-danger.active, .btn-outline-danger:active, .open>.btn-outline-danger.dropdown-toggle {color: #fff; background-color: #ae0e0a; border-color: #ae0e0a}
.btn-outline-danger.active.focus, .btn-outline-danger.active:focus, .btn-outline-danger.active:hover, .btn-outline-danger:active.focus, .btn-outline-danger:active:focus, .btn-outline-danger:active:hover, .open>.btn-outline-danger.dropdown-toggle.focus, .open>.btn-outline-danger.dropdown-toggle:focus, .open>.btn-outline-danger.dropdown-toggle:hover {color: #fff; background-color: #ac2925; border-color: #8b211e}
.btn-outline-danger.disabled.focus, .btn-outline-danger.disabled:focus, .btn-outline-danger:disabled.focus, .btn-outline-danger:disabled:focus {border-color: #eba5a3}
.btn-outline-danger.disabled:hover, .btn-outline-danger:disabled:hover {border-color: #eba5a3}

.btn-link {font-weight: 400; color: #0275d8; border-radius: 0}
.btn-link, .btn-link.active, .btn-link:active, .btn-link:disabled {background-color: transparent}
.btn-link, .btn-link:active, .btn-link:focus {border-color: transparent}
.btn-link:hover {border-color: transparent}
.btn-link:focus, .btn-link:hover {color: #014c8c; text-decoration: underline; background-color: transparent}
.btn-link:disabled:focus, .btn-link:disabled:hover {color: #818a91; text-decoration: none}
.btn-group-lg>.btn, .btn-lg {padding: .75rem 1.5rem; font-size: 1.25rem; border-radius: .3rem}
.btn-group-sm>.btn, .btn-sm {padding: .25rem .5rem; font-size: .875rem; border-radius: .2rem}
.btn-block {display: block; width: 100%}
.btn-block+.btn-block {margin-top: .5rem}

.btn-lg2 {font-size:1.1em  !important; padding:0.75em 2em   !important;}

/*inverse button css*/
.btn-inverse-default {background-color: #FFFFFF; border-color: #757575; color: #757575; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: border-color linear 0.4s; -moz-transition: border-color linear 0.4s; -ms-transition: border-color linear 0.4s; transition: border-color linear 0.4s; }
.btn-inverse-default:hover { border-color: #757575; color: #757575; }

.btn-inverse-primary {background-color: #fff; border-color: #2196F3; color: #2196F3; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all ease-in 0.3s; -moz-transition: all ease-in 0.3s; -ms-transition: all ease-in 0.3s; transition: all ease-in 0.3s; }
.btn-inverse-primary:hover { border-color: #2196F3; background-color: #2196F3; color: #fff; }

.btn-inverse-success {background-color: #fff; border-color: #4CAF50; color: #4CAF50; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all ease-in 0.3s; -moz-transition: all ease-in 0.3s; -ms-transition: all ease-in 0.3s; transition: all ease-in 0.3s; }
.btn-inverse-success:hover { border-color: #4CAF50; background-color: #4CAF50; color: #fff; }

.btn-inverse-warning {background-color: #fff; border-color: #f57c00; color: #f57c00; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all ease-in 0.3s; -moz-transition: all ease-in 0.3s; -ms-transition: all ease-in 0.3s; transition: all ease-in 0.3s; }
.btn-inverse-warning:hover { border-color: #f57c00; background-color: #f57c00; color: #fff; }

.btn-inverse-danger {background-color: #fff; border-color: #ff5252; color: #ff5252; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all ease-in 0.3s; -moz-transition: all ease-in 0.3s; -ms-transition: all ease-in 0.3s; transition: all ease-in 0.3s; }
.btn-inverse-danger:hover { border-color: #ff5252; background-color: #ff5252; color: #fff; }

.btn-inverse-info {background-color: #fff; border-color: #40c4ff; color: #40c4ff; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all ease-in 0.3s; -moz-transition: all ease-in 0.3s; -ms-transition: all ease-in 0.3s; transition: all ease-in 0.3s; }
.btn-inverse-info:hover { border-color: #40c4ff; background-color: #40c4ff; color: #fff; }

.btn-inverse-disable {background-color: #fff; border-color: #757575; color: #757575; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all ease-in 0.3s; -moz-transition: all ease-in 0.3s; -ms-transition: all ease-in 0.3s; transition: all ease-in 0.3s; }
.btn-inverse-disable:hover { border-color: #e0e0e0; background-color: #e0e0e0; color: #fff; }



/* ��ư �׷� */ 
.btn-group, .btn-group-vertical {position: relative; display: inline-block; vertical-align: middle}
.btn-group-vertical>.btn, .btn-group>.btn {position: relative; float: left}
.btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus {z-index: 2}
.btn-group-vertical>.btn:hover, .btn-group>.btn:hover {z-index: 2}
.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {margin-left: -1px}
.btn-toolbar {margin-left: -.5rem}
.btn-toolbar::after {content: ""; display: table; clear: both}
.btn-toolbar .btn-group, .btn-toolbar .input-group {float: left}
.btn-toolbar>.btn, .btn-toolbar>.btn-group, .btn-toolbar>.input-group {margin-left: .5rem}
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {border-radius: 0}
.btn-group>.btn:first-child {margin-left: 0}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {border-bottom-right-radius: 0; border-top-right-radius: 0}
.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {border-bottom-left-radius: 0; border-top-left-radius: 0}
.btn-group>.btn-group {float: left}
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {border-radius: 0}
.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child, .btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {border-bottom-right-radius: 0; border-top-right-radius: 0}
.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {border-bottom-left-radius: 0; border-top-left-radius: 0}
.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {outline: 0}
.btn+.dropdown-toggle-split {padding-right: .75rem; padding-left: .75rem}
.btn+.dropdown-toggle-split::after {margin-left: 0}
.btn-group-sm>.btn+.dropdown-toggle-split, .btn-sm+.dropdown-toggle-split {padding-right: .375rem; padding-left: .375rem}
.btn-group-lg>.btn+.dropdown-toggle-split, .btn-lg+.dropdown-toggle-split {padding-right: 1.125rem; padding-left: 1.125rem}
.btn .caret {margin-left: 0}
.btn-group-lg>.btn .caret, .btn-lg .caret {border-width: .3em .3em 0; border-bottom-width: 0}
.dropup .btn-group-lg>.btn .caret, .dropup .btn-lg .caret {border-width: 0 .3em .3em}
.btn-group-vertical>.btn, .btn-group-vertical>.btn-group, .btn-group-vertical>.btn-group>.btn {display: block; float: none; width: 100%; max-width: 100%}
.btn-group-vertical>.btn-group::after {content: ""; display: table; clear: both}
.btn-group-vertical>.btn-group>.btn {float: none}
.btn-group-vertical>.btn+.btn, .btn-group-vertical>.btn+.btn-group, .btn-group-vertical>.btn-group+.btn, .btn-group-vertical>.btn-group+.btn-group {margin-top: -1px; margin-left: 0}
.btn-group-vertical>.btn:not(:first-child):not(:last-child) {border-radius: 0}
.btn-group-vertical>.btn:first-child:not(:last-child) {border-bottom-right-radius: 0; border-bottom-left-radius: 0}
.btn-group-vertical>.btn:last-child:not(:first-child) {border-top-right-radius: 0; border-top-left-radius: 0}
.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {border-radius: 0}
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child, .btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {border-bottom-right-radius: 0; border-bottom-left-radius: 0}
.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {border-top-right-radius: 0; border-top-left-radius: 0}
[data-toggle=buttons]>.btn input[type=checkbox], [data-toggle=buttons]>.btn input[type=radio], [data-toggle=buttons]>.btn-group>.btn input[type=checkbox], [data-toggle=buttons]>.btn-group>.btn input[type=radio] {position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none}

/* �����ư */
a.btnS_blue { display:inline-block; background:#046fd2; height:26px; line-height:26px; padding:0 14px; color:#fff; font-size:12px; text-align:center; }
a.btnS_blue:hover { background:#205593; }
a.btnS_gray { display:inline-block; background:#828282; height:26px; line-height:26px; padding:0 14px; color:#fff; font-size:12px; text-align:center; }
a.btnS_gray:hover { background:#464646; }
a.btnM_red { display:inline-block; background:#f07668; height:36px; line-height:38px; padding:0 18px; color:#fff; font-size:15px; text-align:center; border-bottom:2px solid #e24432; border-radius:4px; } 
button.btnM_red { display:inline-block; background:#f07668; height:38px; line-height:38px; padding:0 17px; color:#fff; font-size:15px; text-align:center; border-bottom:2px solid #e24432; border-radius:4px; } 
a.btn_map { position:absolute; top:0; right:0; display:inline-block; background:#b0b0b0 url("../images/common/tm_bullet1.gif") no-repeat 92% 10px; height:26px; line-height:26px; padding:0 28px 0 12px; color:#fff; font-size:12px; text-align:center; }
a.btn_map:hover { background:#828282 url("../images/common/tm_bullet1.gif") no-repeat 92% 10px; }


/* table */
table.table  { background-color: transparent;  border-collapse: collapse;  border-spacing: 0; border-right: 1px solid #dddddd; border-top:3px solid #222; }
.table {  width: 100%;  margin-bottom: 20px;}
.table th, .table td {  padding: 8px;  line-height: 1.5em;  border-bottom: 1px solid #dddddd;  border-left: 1px solid #dddddd;}
.table th {  font-weight: 700;}
.table thead th {  background-color:#f7f7f7;}
.table tbody th {  background-color:#f7f7f7;}


/* ���븮��Ʈ */
.tabList { position:relative; }
.tabList li { float:left; margin-bottom:9px; height:37px; text-align:center; }	
.tabList li a { display:block; background:#f9f9f9; border:1px solid #e7e8ea; padding:0 28px; line-height:37px; font-size:15px; }
.tabList li:hover a { text-decoration:underline; }
.tabList li.on a { background:#3671b7; border:1px solid #3260af; color:#fff; }
.tabList li.on:hover a { text-decoration:none; }
.tabList:after { display:block; visibility:hidden; clear:both; content:"."; overflow:hidden; width:0; height:0; font-size:0; line-height:0; text-indent:-9999px; }

.conList { position:relative; }
.conList li { margin:4px 0; padding-left:11px; background:url("../images/common/s_bullet4.png") no-repeat left 10px; line-height:1.5em; }
.conList2 { position:relative; }
.conList2 li { margin:4px 0; padding-left:11px; background:url("../images/common/s_bullet5.png") no-repeat left 9px; line-height:1.5em; }
.conList3 { position:relative; }
.conList3 li { margin:4px 0; padding-left:11px; background:url("../images/common/s_bullet6.png") no-repeat left 10px; line-height:1.5em; }
.management .conList3 li{background: none;}
.conList4 { position:relative; }
.conList4 li { margin:4px 0; padding-left:11px; background:url("../images/common/s_bullet7.png") no-repeat left 11px; line-height:1.5em; }	
.padNone { position:relative; }
.padNone li { margin:4px 0; padding-left:0; background:none; line-height:1.5em; }


/* table_tc */
.table_tc{table-layout:fixed;width:100%;padding:0; border-top:2px solid #333;border-spacing:0;line-height:1.66; text-align:center;}
.table_tc tr th {padding:20px 2%;vertical-align:middle; background-color:#fff; border-bottom:1px solid #222;  text-align:Center;  color:#222; font-weight:500; border-left:0px; width: 30%;}
.table_tc tr td  {padding:12px 2%;word-break:break-all;vertical-align:middle;   border-left: 0px solid #dddddd; border-bottom:1px solid rgba(0,0,0,0.1);color:#666; text-align:Center; border-top:0px; background-color:#fff; }
.table_tc tr th:last-child,.table_tc tr td:last-child{border-right:none}
.table_tc tr td strong{font-weight:600;color:#000}
.table_tc tbody tr th{border-bottom:1px solid #999; border-top:0px;}


@media screen and (max-width:768px) { 
	.table { overflow-x:auto;}
	.table_cm_report {min-width:700px;}
}



/* list */
.num_list > li {position:Relative;  padding-left:50px;}
.num_list > li h5 {font-weight:700; font-size:1.2em; color:#737f8e; margin-bottom:1em;  }
.num_list > li+li {margin-top:2em;}
.num_list > li:before {position:absolute; left:0; font-size:1.2em; color:#a6afba ;  display:inline-block; font-weight: 600; letter-spacing:-0.05em;}
.num_list > li:nth-child(1):before {content:"01";}
.num_list > li:nth-child(2):before {content:"02";}
.num_list > li:nth-child(3):before {content:"03";}
.num_list > li:nth-child(4):before {content:"04";}
.num_list > li:nth-child(5):before {content:"05";}
.num_list > li:nth-child(6):before {content:"06";}
.num_list > li:nth-child(7):before {content:"07";}
.num_list > li:nth-child(8):before {content:"08";}
.num_list > li:nth-child(9):before {content:"09";}
.num_list > li:nth-child(10):before {content:"10";}



/* ���â */
#modal{ display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.3); z-index:10000;}
.modal-con{ display:none; position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); max-width: 60%; min-height: 30%; background:#fff; z-index:10001; min-width:300px; border-radius:0.25em; }
.modal-con .title{ font-size:1.2em; padding: 20px; }
.modal-con .con{ font-size:1em; line-height:1.3; padding: 30px;}
.modal-con .close{ display:block; position:absolute; text-align:center; line-height: 30px; text-decoration:none; color:#000; font-size:20px; font-weight: bold; right:10px; top:20px; }

.modal-header {padding: 15px; border-bottom: 1px solid #e5e5e5}
.modal-header::after {content: ""; display: table; clear: both}
.modal-header .close {margin-top: -2px}
.modal-title {margin: 0; line-height: 1.5}
.modal-body {position: relative; padding: 15px}
.modal-footer {padding: 15px; text-align: right; border-top: 1px solid #e5e5e5}
.modal-footer::after {content: ""; display: table; clear: both}

.close {float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2}
.close:focus, .close:hover {color: #000; text-decoration: none; cursor: pointer; opacity: .5}
button.close {padding: 0; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none}

.modal-con img {max-width:100%;}


/* �߰� */
.rule ul.conList3 > li > ul {padding:15px; border:1px solid #ededed;  background-color:#f7f7f7;  border-radius:5px; margin:4px 0 8px 0;}
.rule ul.conList3 > li > ul ul {background-color:#fff; padding:15px;  border-radius:5px; margin:4px 0 8px 0;}






.bgStar { position: absolute; display: block; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; z-index: 10; overflow: hidden; }
.bgStar > * { display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; transform-origin: 50% 50%; background-image: radial-gradient(2px 2px at 40px 60px, #ccc, rgba(0,0,0,0)), radial-gradient(2px 2px at 20px 50px, #ddd, rgba(0,0,0,0)), radial-gradient(2px 2px at 30px 100px, #eee, rgba(0,0,0,0)), radial-gradient(2px 2px at 40px 60px, #fff, rgba(0,0,0,0)), radial-gradient(2px 2px at 110px 90px, #ccc, rgba(0,0,0,0)), radial-gradient(2px 2px at 190px 150px, #ddd, rgba(0,0,0,0)); background-repeat: repeat; background-size: 200px 200px; }
.bgStar > *:nth-child(1) { animation: bgStarEffect 44s linear infinite }
.bgStar > *:nth-child(2) { animation: bgStarEffect 72s linear infinite }
.bgStar > *:nth-child(3) { animation: bgStarEffect 80s linear infinite }
.bgStar > *:nth-child(4) { animation: bgStarEffect 92s linear infinite }

@keyframes bgStarEffect {
    0% {
        transform:rotate(0deg);
        opacity: .1;
    }
    50% {
        transform:rotate(180deg);
        opacity: .6;
    }
    100% {
        transform:rotate(360deg);
        opacity: .1;
    }
}
/*articles*/
.Article-box{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 50px;
    max-width:1400px;
    margin:0 auto;
}
@media screen and (max-width:1423px) {
    .Article-box{justify-content: center;}
}
.Article.ContentTitle{
    text-align: center;
}
.Article.Type1 {
    /*width: calc(100% / 4 - 23px);*/
    min-width:320px;
    width:337px;
    margin:10px 6px;
    border-radius: 20px;
    /*margin: 0 30px 30px 0;*/
    border-top: 3px solid #1067c4;
    background-color:#fff;
    box-shadow: 0px 0 10px rgba(0, 0, 0, 0.1); overflow:hidden;
}

/*.Article.Type1:nth-child(4n){margin-right: auto;}*/
.Article.Type1 .Thumbnail-box{padding: 20px;}
.Article.Type1 .ListSect .Thumbnail {
    display:block;
    width: 100%; height: 210px;
}
.Article.Type1 .ListSect .Thumbnail > img { width:100%;}
.Article.Type1 .ListSect .Thumbnail a img{
    width: 100%; height: 100%;
    object-fit: cover;
}
.Article.Type1 .ListSect .MetaInfo {
    font-size: 16px;
    font-weight: 600;
    color: #777;
    margin-bottom: 10px;}
.Article.Type1 .ListSect.notice .MetaInfo{margin-bottom: 10px;}
/* .Article.Type1 .ListSect.notice .Title{color: #0b4bc1;} */
.Article.Type1 .ListSect .MetaInfo .Year.txt16{color: #FFB800;}
.Article.Type1 .ListSect .MetaInfo .COMPANY{color: #080dcb;}
.Article.Type1 .ListSect .MetaInfo .HARMONY{color: #FFB800;}
.Article.Type1 .ListSect .MetaInfo .SHARE{color: #ff3030;}
.Article.Type1 .ListSect .MetaInfo span {display:inline-block; height:11px; line-height:11px;}
.Article.Type1 .ListSect .MetaInfo .Date {
    display: block;
    color:#999; font-weight: 500;
}
/* .Article.Type1 .ListSect .MetaInfo .Category { margin:0 0 0 10px; padding:0 0 0 10px; font-size:16px; border-left:1px solid #aaa; font-family: 'Exo 2', 'sans-serif'; font-weight:bold; color:#999;} */
.Article.Type1 .ListSect .MetaInfo .Category.Company { color:#005696;}
.Article.Type1 .ListSect .MetaInfo .Category.Harmony { color:#b09560;}
.Article.Type1 .ListSect .MetaInfo .Category.Share { color:#005696;}
.Article.Type1 .ListSect .Title {
    min-height: 57px;
    margin-bottom: 15px;
    color: #333;
    letter-spacing: -2px; /* 중복 제거 */
}

/* 수정된 선택자 */
.Article.Type1 .ListSect .Title.txt20 {
    font-size: 20px;
    line-height: 28px;
}
.Article.Type1 .ListSect .Title .ExLink { margin-left:30px;}
.Article.Type1 .ListSect .Title .Download { margin-left:30px; cursor:pointer; font-size:14px; color:#333; font-weight:normal;}
.Article.Type1 .ListSect .Title .Download img { margin-right:7px;}
.Article.Type1 .ListSect .Summary {
    height:45px;
    padding-bottom: 65px; border-bottom: 2px solid #ddd; margin-bottom: 20px;
    text-overflow:ellipsis;
    overflow:hidden;
}
.Article.Type1 .ListSect .Summary:hover { cursor:pointer; text-decoration:underline;}
.Article.Type1 .ListSect .Summary img { max-width:100%;}
.Article.Type1 .InnerCover.ListSect{padding: 20px;}
.Article.Type1 .InnerCover.ListSect .Download{
    justify-content: space-evenly;
    padding: 10px 15px 0 0; border-top: 1px solid #ddd;
}
.Article.Type1 .ListSect .Download a{
    display: flex; justify-content: center; align-items: center;
    width: 50%;
    margin: 5px 0;
    color: #777; font-weight: 500;
}
.Article.Type1 .ListSect .Download a:hover{color: #005AAA; font-weight: 600;}
.Article.Type1.NoFunc .ListSect .Summary:hover { cursor:default; text-decoration:none;}
.Article.Type1 .DescSect { display:none; position:relative; margin:0 auto;}
.Article.Type1 .DescSect .InnerWrap { padding-top:20px; }
.Article.Type1 .TriggerFold{ margin:20px 0 0; text-align:left;}
.Article.Type1 .TriggerFold01 { margin:20px 0 0; text-align:left; position:absolute; left:30px; bottom:20px; z-index:10; }
.Article.Type1 .TriggerFold button, .Article.Type1 .TriggerFold01 button { overflow:hidden; width:100px; height:21px; background-color: #fff;}
.Article.Type1 .TriggerFold button img, .Article.Type1 .TriggerFold01 button img { margin-top:-21px;}
.Article.Type1.recruitType .ListSect .MetaInfo .Category.Share { color: #333; }
.Article.Type1.recruitType .ListSect .RecruitApply { display:none; width: 77px;  height: 77px;  position: absolute; top: 30px;  right: 30px; }
.Article.Type1.recruitType .ListSect .RecruitApply a { display:block; width:71px; height:71px; line-height:71px; border:2px solid #666; color:#666; font-size:14px; border-radius:50%; text-align:center;}
.Article.Type1.recruitType .ListSect .RecruitApply a:hover { background-color:#b79c67; border-color:#b79c67; color:#fff;}
.Article.Type1.faqType { min-height: 130px; }
.Article.Type1.faqType .Title { padding-left: 50px; background: url(/images/recruit/txt_q.gif) no-repeat 3px 0; }
.Article.Type1.faqType .DescSect { margin: 0; font-size: 13px; line-height: 1.8; color: #666; }
.Article.Type1.faqType .item { padding-left: 50px;  background: url(/images/recruit/txt_a.gif) no-repeat 3px top; }
.Article.Type1.IndustryNews .ListSect .Summary { margin:10px 0 0; font-size:13px; line-height:1.8; height:auto; overflow:hidden; text-overflow:ellipsis; color:#666;}
.Article.Type1.IndustryNews .TriggerFold { display:none !important;}
.Article.Type1:hover{box-shadow: 0 0 10px rgba(0, 0, 0, .25);}

.Article.NoDesc .Desc { height:0 !important; margin:0 !important; padding:0 !important;}

.Benefits .Article.Type1 .ListSect .Thumbnail { display:block;}
.Benefits .Article.Type1 .ListSect .Summary { height:auto;}

*{
    box-sizing: border-box;
    word-break: keep-all;
}

/*ContentSection*/
.ContentTitle {
    margin-bottom: 40px;
    font-size: 55px; color: #111; font-weight: 800; text-align: center; letter-spacing: -2px; line-height: 55px;
}
.ContentTitle span{position: relative;}
.ContentTitle span::before{content: "";
    width: 30px; height: 30px;
    border-radius: 100%;
    background-color: #c3dbf5;
    position: absolute; left: -15px; top: 0; z-index: -1;
}
.SubContentTitle {
    margin-bottom: 20px;
    font-weight: 600; font-size: 35px; color: #1067c4; text-align: center; line-height: 43px;
}
.mb{margin-bottom: 70px;}

/* 스킵네비게이션 */
.skip { overflow: hidden; position:absolute; top: -10000px; left: -10000px; width: auto; height: 1px; text-indent: -9999px; z-index: -9999; }
#accessibility { position:absolute; top:-1px; left:0; width:100%; background-color:#333; z-index:99999; }
#accessibility a { position:absolute; top:0; left:0; padding:10px 25px; margin-top:-100px; text-align:center; line-height:1; white-space:nowrap; background:#000; display: block; width: 100%; color: #fff; }
#accessibility a:focus,
#accessibility a:hover,
#accessibility a:active { margin-top:0; text-decoration:underline; color:#fff; }

/* flex 유틸리티 */
.flex_col { display: flex; flex-direction: column; }
.flex_row { display: flex; flex-direction: row; }
.align_c { align-items: center; }
.align_s { align-items: flex-start; }
.align_e { align-items: flex-end; }
.jcon_sb { justify-content: space-between; }