@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:700,300,600,800,400);
/* CSS Document */

/*reset*/
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button {margin:0; padding:0}
body {font-family:"맑은 고딕", "나눔고딕", "돋움", sans-serif; color:#444;}
ul, p, button {margin:0; padding:0;}
li {list-style:none;}
img {border:0;}
a {text-decoration:none; color:#444;}
a:hover {color:#444; text-decoration:none;}
legend, caption {display:none;}
fieldset {border:0; margin:0; padding:0;}
input, select, textarea, button {border:1px solid #ddd; background-color:#fff; border-radius:3px; vertical-align:middle; font-size:12px;}
input[type="text"] {height:28px; line-height:28px; padding:0 5px;}
input[type="button"] {height:30px; line-height:30px; padding:0 10px; cursor:pointer;}
input[type="password"] {height:28px; line-height:28px; padding:0 5px;}
input[type="file"] {height:28px; line-height:28px; padding:0 5px;}
input[type="submit"] {height:30px; line-height:28px; padding:0 10px; cursor:pointer;}
button {height:29px; line-height:29px; padding:0 10px; cursor:pointer;}
select {height:30px; line-height:30px; padding:0 5px; vertical-align:middle;}
textarea {font-size:12px; line-height:22px; width:98%; padding:10px 1%; text-align:justify;}
input[type="checkbox"] {border:1px solid #ddd; background-color:#fff; border-radius:3px; vertical-align:middle;}
select:hover {cursor:pointer;}
table {border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd;}
th {font-size:12px; line-height:19px; border-bottom:1px solid #ddd; background-color:#fff;}
td {font-size:12px; line-height:19px; border-bottom:1px solid #ddd; background-color:#fff;}
tr.linked {cursor:pointer;}


/*  2020 CMS 에디터 테이블 오류 수정  */
  	table.table {width:100%;  font-size: 14px; line-height: 1.25em; border-spacing: 0;    border-collapse:collapse;}
	table.table td{padding:5px; border:#ddd 1px solid;}
	table.table tr{background: #fff; font-size:14px ;color:#000000; } 
  	table.table th,
	table.table td { margin: 0;  vertical-align: middle; border: 1px solid #ddd; padding:8px 5px ; text-align:left}
	table.table th { background: #e9c003;padding:8px 5px; text-align:center; color:#ffffff  }  
/******************************************************************************************* */



input:-ms-input-placeholder { color: #9e9e9e; } /** Internet Explorer 10 이상에 적용**/
input::-webkit-input-placeholder { color: #9e9e9e; } /**  Webkit, Blink, Edge에 적용**/
input::-moz-placeholder { color: #9e9e9e; } /** Mozilla Firefox 4 부터 18에 적용**/
input::-moz-placeholder { color: #9e9e9e; } /** Mozilla Firefox 19 이상에 적용**/

@media screen and (min-width:1921px) {
	textarea {width:99%; padding:10px 0.5%;}
}

/*basic*/
.clear {clear:both;}

/*button_color*/
.btn_black {border:1px solid #555 !important; background-color:#555 !important; color:#fff !important;}
.btn_black:hover {border:1px solid #333 !important; background-color:#333 !important; color:#fff !important;}
.btn_red {border:1px solid #f56878 !important; background-color:#f56878 !important; color:#fff !important;}
.btn_red:hover {border:1px solid #db4355 !important; background-color:#db4355 !important; color:#fff !important;}
/*
.btn_gblue {border:1px solid #44c4c4 !important; background-color:#44c4c4 !important; color:#fff !important;}
.btn_gblue:hover {border:1px solid #28acac !important; background-color:#28acac !important; color:#fff !important;}
*/
.btn_blue {border:1px solid #4591cc !important; background-color:#4591cc !important; color:#fff !important;}
.btn_blue:hover {border:1px solid #2a79b6 !important; background-color:#2a79b6 !important; color:#fff !important;}
.btn_orange {border:1px solid #f39c12 !important; background-color:#f39c12 !important; color:#fff !important;}
.btn_orange:hover {border:1px solid #e67e22 !important; background-color:#e67e22 !important; color:#fff !important;}
.btn_darkred {border:1px solid #e74c3c !important; background-color:#e74c3c !important; color:#fff !important;}
.btn_darkred:hover {border:1px solid #c0392b !important; background-color:#c0392b !important; color:#fff !important;}
.btn_purple {border:1px solid #9b59b6 !important; background-color:#9b59b6 !important; color:#fff !important;}
.btn_purple:hover {border:1px solid #8e44ad !important; background-color:#8e44ad !important; color:#fff !important;}
.btn_green {border:1px solid #2ecc71 !important; background-color:#2ecc71 !important; color:#fff !important;}
.btn_green:hover {border:1px solid #27ae60 !important; background-color:#27ae60 !important; color:#fff !important;}
.btn_yellow {border:1px solid #FFD600 !important; background-color:#FFD600 !important; color:#fff !important;}
.btn_yellow:hover {border:1px solid #FBC02D !important; background-color:#FBC02D !important; color:#fff !important;}
.btn_brown {border:1px solid #795548 !important; background-color:#795548 !important; color:#fff !important;}
.btn_brown:hover {border:1px solid #5D4037 !important; background-color:#5D4037 !important; color:#fff !important;}
.btn_lime {border:1px solid #CDDC39 !important; background-color:#CDDC39 !important; color:#fff !important;}
.btn_lime:hover {border:1px solid #C0CA33 !important; background-color:#C0CA33 !important; color:#fff !important;}

/*button_with_height*/
.btn_height {height:28px; line-height:28px; display:inline-block; padding:0 10px; border-radius:3px; vertical-align:middle;}
.btn_darkgray {height:28px; line-height:28px; color:#eee !important; font-size:12px; border:1px solid #888 !important; background-color:#888 !important; border-radius:3px; padding:0 10px; display:inline-block; vertical-align:middle; cursor:pointer;}
.btn_darkgray:hover {color:#fff !important; border:1px solid #666 !important; background-color:#666 !important;}
.btn_gblue {height:28px; line-height:28px; color:#fff !important; font-size:12px; border:1px solid #44c4c4 !important; background-color:#44c4c4 !important; border-radius:3px; padding:0 10px; display:inline-block; vertical-align:middle; cursor:pointer;}
.btn_gblue:hover {color:#fff !important; border:1px solid #28acac !important; background-color:#28acac !important;}
.btn_white {height:28px; line-height:28px; color:#444; font-size:12px; border:1px solid #888; background-color:#fff; border-radius:3px; padding:0 10px; display:inline-block; vertical-align:middle; cursor:pointer;}
.btn_white:hover {color:#444; border:1px solid #555; background-color:#f9f9fb;}

/*text-color*/
.text_gray {color:#ccc;}
.text_red {color:#f56878;}
.text_gblue {color:#44c4c4;}
.text_blue {color:#3db3ca;}

/*font-size*/
.fs12 {font-size:12px !important;}
.fs14 {font-size:14px !important;}
.fs16 {font-size:16px !important;}
.fs18 {font-size:18px !important;}
.fs20 {font-size:20px !important;}

/*rowtable*/
.rowtable th {background-color:#fafbfc; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:8px 10px; width:20%;}
.rowtable td {border-bottom:1px solid #ddd; padding:8px 10px;}
/*rowtable2*/
.rowtable2 th {background-color:#fafbfc; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:8px 10px;}
.rowtable2 td {border-bottom:1px solid #ddd; padding:8px 10px;}

/*coltable*/
.coltable th {background-color:#fafbfc; border-bottom:1px solid #ddd; padding:8px 10px;}
.coltable td {border-bottom:1px solid #ddd; padding:8px 10px; transition:all 0.1s ease-out;}
.coltable tr:hover td {background-color:#f9f9fb;}
.coltable#thiswebiz_main_bbs>option {display:none;}
.coltable td .board_new {display:inline-block; border:1px solid #f56878; border-radius:3px; color:#f56878; font-size:11px; font-weight:bold; vertical-align:middle; padding:0 6px; margin-left:5px;}
.coltable td .board_reply {display:inline-block; border:1px solid #bbb; border-radius:3px; color:#888; font-size:11px; font-weight:bold; vertical-align:middle; padding:0 6px; margin-right:5px;}
.coltable td .board_reply b {color:#888;}
.coltable td .board_notice {display:inline-block; border:1px solid #444; border-radius:3px; color:#444; font-size:11px; font-weight:bold; vertical-align:middle; padding:0 6px;}
.coltable#board_list tr:hover td a {font-weight:bold;}

/*menutable*/
.menutable th {background-color:#fafbfc; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:8px 10px;}
.menutable td {border-bottom:1px solid #ddd;border-right:1px solid #ddd;  padding:8px 10px; transition:all 0.1s ease-out;}
.menutable .border_right { border-right:0px;}

/*width*/
.w100 {width:100%;}
.w98 {width:98%;}
.w95 {width:95%;}
.w90 {width:90%;}
.w85 {width:85%;}
.w80 {width:80%;}
.w75 {width:75%;}
.w70 {width:70%;}
.w65 {width:65%;}
.w60 {width:60%;}
.w55 {width:55%;}
.w50 {width:50%;}
.w49 {width:49%;}
.w48 {width:48%;}
.w45 {width:45%;}
.w40 {width:40%;}
.w35 {width:35%;}
.w30 {width:30%;}
.w25 {width:25%;}
.w120px {width:120px;}
.w100px {width:100px;}
.w80px {width:80px;}
.w60px {width:60px;}
.w40px {width:40px;}

/*height*/
.mh0 {min-height:0 !important;}

/*margin*/
.m50 {margin:50px !important;}
.m40 {margin:40px !important;}
.m30 {margin:30px !important;}
.m20 {margin:20px !important;}
.m10 {margin:10px !important;}
.m5 {margin:5px !important;}
.m0 {margin:0 !important;}
.m0a {margin:0 auto;}

/*margin-top*/
.mt50 {margin-top:50px !important;}
.mt40 {margin-top:40px !important;}
.mt30 {margin-top:30px !important;}
.mt20 {margin-top:20px !important;}
.mt10 {margin-top:10px !important;}
.mt5 {margin-top:5px !important;}
.mt0 {margin-top:0 !important;}

/*margin-left*/
.ml50 {margin-left:50px !important;}
.ml40 {margin-left:40px !important;}
.ml30 {margin-left:30px !important;}
.ml20 {margin-left:20px !important;}
.ml10 {margin-left:10px !important;}
.ml5 {margin-left:5px !important;}
.ml0 {margin-left:0 !important;}

/*margin-right*/
.mr50 {margin-right:50px !important;}
.mr40 {margin-right:40px !important;}
.mr30 {margin-right:30px !important;}
.mr20 {margin-right:20px !important;}
.mr10 {margin-right:10px !important;}
.mr5 {margin-right:5px !important;}
.mr0 {margin-right:0 !important;}

/*margin-bottom*/
.mb50 {margin-bottom:50px !important;}
.mb40 {margin-bottom:40px !important;}
.mb30 {margin-bottom:30px !important;}
.mb20 {margin-bottom:20px !important;}
.mb10 {margin-bottom:10px !important;}
.mb5 {margin-bottom:5px !important;}
.mb0 {margin-bottom:0 !important;}

/*padding*/
.p50 {padding:50px !important;}
.p40 {padding:40px !important;}
.p30 {padding:30px !important;}
.p20 {padding:20px !important;}
.p10 {padding:10px !important;}
.p5 {padding:5px !important;}
.p0 {padding:0 !important;}
.pa10_1 {padding:10px 1%;}

/*padding-top*/
.pt50 {padding-top:50px !important;}
.pt40 {padding-top:40px !important;}
.pt30 {padding-top:30px !important;}
.pt20 {padding-top:20px !important;}
.pt10 {padding-top:10px !important;}
.pt5 {padding-top:5px !important;}
.pt0 {padding-top:0 !important;}

/*padding-left*/
.pl50 {padding-left:50px !important;}
.pl40 {padding-left:40px !important;}
.pl30 {padding-left:30px !important;}
.pl20 {padding-left:20px !important;}
.pl10 {padding-left:10px !important;}
.pl5 {padding-left:5px !important;}
.pl0 {padding-left:0 !important;}

/*padding-right*/
.pr50 {padding-right:50px !important;}
.pr40 {padding-right:40px !important;}
.pr30 {padding-right:30px !important;}
.pr20 {padding-right:20px !important;}
.pr10 {padding-right:10px !important;}
.pr5 {padding-right:5px !important;}
.pr0 {padding-right:0 !important;}

/*padding-bottom*/
.pb50 {padding-bottom:50px !important;}
.pb40 {padding-bottom:40px !important;}
.pb30 {padding-bottom:30px !important;}
.pb20 {padding-bottom:20px !important;}
.pb15 {padding-bottom:15px !important;}
.pb10 {padding-bottom:10px !important;}
.pb5 {padding-bottom:5px !important;}
.pb0 {padding-bottom:0 !important;}

/*border*/
.bt {border-top:1px solid #ddd;}
.bb {border-bottom:1px solid #ddd;}
.bl {border-left:1px solid #ddd;}
.br {border-right:1px solid #ddd;}
.brn {border-right:0 !important;}
.bn {border:0 !important;}

/*border-dotted*/
.bt_dot {border-top:1px dotted #bbb;}
.bb_dot {border-bottom:1px dotted #bbb;}
.bl_dot {border-left:1px dotted #bbb;}
.br_dot {border-right:1px dotted #bbb;}

/*background*/
.bg_fff {background-color:#fff;}
.bg_f9f9fb {background-color:#f9f9fb;}
.bgn {background:none !important;}

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

/*text-align*/
.tc {text-align:center !important;}
.tl {text-align:left !important;}
.tr {text-align:right !important;}
.tj {text-align:justify !important;}

/*font-weight*/
.tb {font-weight:bold;}
.tn {font-weight:normal;}

/*user_rowtable*/
.user_rowtable table {border-top:2px solid #888; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.user_rowtable th {background-color:#fafbfc; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:8px 10px; width:20%;}
.user_rowtable td {border-bottom:1px solid #ddd; padding:8px 10px;}


.rowtable td.wid30 {width:30%}



/* 서비스부분  */
.rowtable_service th {background-color:#fafbfc; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:8px 10px; width:10%;}
.rowtable_service td {border-bottom:1px solid #ddd; padding:8px 10px;}