@charset "utf-8";

body {font-size:16px;line-height:1.7;font-family:'Roboto','NotoKrR','Malgun Gothic','맑은고딕', sans-serif; color:#333;text-align:justify;word-break:keep-all;}

a, a:link {color: #555; text-decoration: none; cursor: pointer; }
a:visited {color: #555;}
a:hover, a:active, a:focus {color: #333;}

/* Letter-spacing */
.ls0 {letter-spacing:0;}
.ls_s {letter-spacing:-0.05em;}
.ls_ss {letter-spacing:-0.3em;}

.eng{font-weight:600;font-family:'Montserrat', sans-serif;letter-spacing:0;}


.fr{float:right;}
.fl{float:left;}

/* cursor:pointer */
.hand{cursor:pointer;}

/* dispaly */
.disblock {display:block;}
.disnone {display:none;}
.disinline {display:inline;}
.disinlineblock {display:inline-block;}
.disnone2{position:absolute;top:-9999px;}

/* align */
.tal {text-align: left;}
.tac {text-align: center;}
.tar {text-align: right;}

/* vertical align */
.vat {vertical-align:top;}
.vam {vertical-align:middle;}
.vab {vertical-align:bottom;}

/* font family */
.ff1 {font-family:돋움,dotum;}
.ff2 {font-family:굴림,gulim;}
.ff3 {font-family:verdana;}
.ff4 {font-family:tahoma;}
.ff5 {font-family:arial;}

/* font size */
.fs10 {font-size:10px;}
.fs11 {font-size:11px;}
.fs12 {font-size:12px;}
.fs13 {font-size:13px;}
.fs14 {font-size:14px;}
.fn { font-weight:normal;}
.bold {font-weight:bold;}

/* font color */
.red{color:#f54733 !important;}
.orange {color:#f96f00;}
.black {color:#000000;}
.sky_blue {color:#0085c9;}
.blue {color:#0773c7;}
.gray {color:#C2C2C2;}
.gray2 {color:#9B9B9B;}
.green {color:#80a344;}

/* Line */
.underline {text-decoration:underline;}

/* Tag(Paragraph) */
p { margin: 0; padding:0; border:0;}
p.em { color: #06c; margin: 0; padding: 0; }

/* Button */
.ct_bt01{height:20px; line-height:18px; padding-left:0px; padding-right:0px; padding-bottom:2px; font-size:0.92em; letter-spacing:-1px; color:#281E00; border:1px solid; border-color:#cdcdcd #909090 #909090 #cdcdcd; background-color:#f2f2f2; cursor:pointer;}
.ct_bt02{height:20px; line-height:18px; padding-left:0px; padding-right:0px; padding-bottom:2px; font-size:0.92em; letter-spacing:-1px; color:#FFFFFF; border:1px solid; border-color:#858585 #606060 #606060 #858585; background-color:#A2A2A2; cursor:pointer;}

.bt01 {display:inline;}
.bt01 a{display:inline; overflow:hidden; float:left; height:22px; padding-left:13px; margin-right:3px; font:12px dotum; letter-spacing:-1px; color:#6B6B6B; text-decoration:none; background:url('/manager/img/bt01_bg.gif') left 0; cursor:pointer;}
.bt01 a:hover{background:url('/manager/img/bt01_bg.gif') left -22px; text-decoration:none;}
.bt01 a span{display:inline; overflow:hidden; float:left; height:22px; padding-right:10px; line-height:200%; background:url('/manager/img/bt01_bg.gif') right 0;}
.bt01 a:hover span{color:#6B6B6B; background:url('/manager/img/bt01_bg.gif') right -22px;}

#gray_bt span{display:inline; overflow:hidden; float:left; height:22px; margin-left:4px; padding-left:2px; border:none; font:12px dotum; letter-spacing:-1px; font-weight:bold; color:#FFFFFF; text-decoration:none; background:url('/manager/img/gray/bt_bg.gif') left 0; cursor:pointer;}
#gray_bt span:hover {border:none;background:url('/manager/img/gray/bt_bg.gif') left -22px;}
#gray_bt .button input {display:inline; overflow:hidden; height:22px; padding-left:8px; padding-right:10px; padding-bottom:2px; border:none; font:12px dotum; letter-spacing:-1px; font-weight:bold; color:#FFFFFF; text-decoration:none; line-height:200%; background:url('/manager/img/gray/bt_bg.gif') right 0; cursor:pointer;}
#gray_bt .button:hover input {border:none; background:url('/manager/img/gray/bt_bg.gif') right -22px;}


/* Table */
/* table.table1 {clear:both; border-collapse:collapse; border-color:#139f86; border-style:solid; border-width:2px 0 0; margin:10px 0 17px 0; width:100%;}
table.table1 thead th {background:#f2f9f8; color:#444; font-weight:bold; text-align:center; vertical-align:middle; padding:7px 0;}
table.table1 tbody th, tfoot th {color:#666; font-weight:bold; text-align:center; vertical-align:middle; background:#f7f8f9;}
table.table1 tbody td, tfoot td {text-align:center;}
table.table1 tbody td img{vertical-align:middle;}
table.table1 tbody td input {vertical-align:middle;}
table.table1 th, table.table1 td {border:1px solid #e8e8e8; padding:5px 5px 6px 5px;}
table.table1 td.le {text-align:left; padding-left:10px;}
table.table1 td.ri {text-align:right; padding-right:10px;}
table.table1 td.bg {background:#fafafa;}

table.table1 ul.tlist {margin:5px 9px; line-height:150%;}
table.table2 ul.tlist {margin:13px 9px;}
table.table2_2 ul.tlist {display:inline-block; margin:13px 9px 9px 15px;}
table ul.tlist li {background:url(/img/common/h5_icon2.gif) no-repeat left 6px; padding-left:7px;}
table.table2_2 ul.tlist li {background:url(/img/common/h5_icon2.gif) no-repeat left 6px; padding-left:7px; float:left; width:31%;}

table.table1 ul.tlist2 {margin:3px 3px;}
table ul.tlist2 li {background:url(/img/common/h5_icon.gif) no-repeat left 6px; padding-left:6px;}
table ul.tlist2 li.i3 {background:url(/img/common/h6_icon2.gif) no-repeat left 6px; padding-left:4px; color:#888;}

table.table1 ul.tlist3 {margin:3px 3px;}
table ul.tlist3 li {background:url(/img/common/h6_icon2.gif) no-repeat left 6px; padding-left:4px;} */


/* Input,textarea,select */
.input_box {background-color:#FFFFFF;border:1px solid #CDCDCD;font-size:1em;height:15px;padding:3px 3px 0;}
textarea {border:1px solid #cdcdcd; font-size: 1em; width:98%;}
select, textarea {vertical-align: middle; font-size:1em; font-family:Dotum,"돋움",sans-serif;}

/* Padding */
.pt0 {padding-top:0px;}
.pt1 {padding-top:1px;}
.pt2 {padding-top:2px;}
.pt3 {padding-top:3px;}
.pt4 {padding-top:4px;}
.pt5 {padding-top:5px;}
.pt6 {padding-top:6px;}
.pt7 {padding-top:7px;}
.pt8 {padding-top:8px;}
.pt9 {padding-top:9px;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}

.pr0 {padding-right:0px;}
.pr1 {padding-right:1px;}
.pr2 {padding-right:2px;}
.pr3 {padding-right:3px;}
.pr4 {padding-right:4px;}
.pr5 {padding-right:5px;}
.pr6 {padding-right:6px;}
.pr7 {padding-right:7px;}
.pr8 {padding-right:8px;}
.pr9 {padding-right:9px;}
.pr10 {padding-right:10px;}

.pl0 {padding-left:0px;}
.pl1 {padding-left:1px;}
.pl2 {padding-left:2px;}
.pl3 {padding-left:3px;}
.pl4 {padding-left:4px;}
.pl5 {padding-left:5px;}
.pl6 {padding-left:6px;}
.pl7 {padding-left:7px;}
.pl8 {padding-left:8px;}
.pl9 {padding-left:9px;}
.pl10 {padding-left:10px;}
.pl20 {padding-left:20px;}
.pl30 {padding-left:30px;}

.pb0 {padding-bottom:0px;}
.pb1 {padding-bottom:1px;}
.pb2 {padding-bottom:2px;}
.pb3 {padding-bottom:3px;}
.pb4 {padding-bottom:4px;}
.pb5 {padding-bottom:5px;}
.pb6 {padding-bottom:6px;}
.pb7 {padding-bottom:7px;}
.pb8 {padding-bottom:8px;}
.pb9 {padding-bottom:9px;}
.pb10 {padding-bottom:10px;}

/* Margin */
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}

.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}

.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mr35 {margin-right:35px;}
.mr40 {margin-right:40px;}

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}




/* Etc */
.loading {display:none; position:absolute; left:400px; top:240px; border:2px solid #C6C6C6; background-color:#ffffff; padding:25px; text-align:center; vertical-align:middle; z-index:1000; font-weight:bold; color:#313131; line-height:140%;}
.loading span{color:#7D7D7D; letter-spacing:-1px; font-size:11px;}

div.popup {clear:both; position:relative; float:left; margin:0; padding:0;}
div.popup_right {float:right; padding-top:5px;}
div.popup_right ul li {float:left; font-size:0.9em; letter-spacing:-0.1em; padding-bottom:13px; }
div.popup_right ul li.button {float:left; font-size:1em; letter-spacing:-0.1em;}




/***************************** contents list ******************************/

/* h3.tit {clear:both; color:#000; font-size:14px; padding-left:23px; margin-bottom:16px; font-weight:bold; background:url(/img/common/h3_icon.gif) no-repeat left top;}
h3.h3_t {margin-top:30px;}
h4.tit {clear:both; color:#139f86; padding-left:21px; margin-bottom:12px; font-size:12px; font-weight:bold; background:url(/img/common/h4_icon.gif) no-repeat left top;}
h4.h4_t {margin-top:30px;}

.point {color:#f6860e;}
.gray_box {background:#fff; padding:5px; border:1px solid #f0f0f0;}
.gray_box .area {background:url(/img/common/graybox_bg.gif) no-repeat right top; padding:25px 30px; border:7px solid #f0f0f0;}


list
ul.list {margin:4px 0 5px 15px; color:#333; letter-spacing:-0.05em; line-height:18px;}
ul.list li {background:url(/img/common/li_icon01.gif) no-repeat left 6px; padding:2px 0 2px 16px;}
ul.list li.none {background:none; padding-left:0;}

ul.list2 {margin:5px 0 7px 0; color:#444;}
ul.list2 li {background:url(/img/common/li_icon02.gif) no-repeat left 8px; padding:2px 0 2px 11px;}
ul.list2 li.none {background:none; padding-left:0;}

ul.list3 {margin:2px 0 7px 0; color:#777;}
ul.list3 li {background:url(/img/common/li_icon03.gif) no-repeat left 7px; padding:2px 0 2px 12px;}
ul.list3 li.none {background:none; padding-left:0;}

ul.list4 {margin:3px 0 5px 0; color:#777; font-size:11px;}
ul.list4 li {font-size:11px; background:url(/img/common/li_icon04.gif) no-repeat left 9px; padding:0 0 0 12px;}
ul.list4 li.none {background:none; padding-left:0;} */



/*탭정의*/
/* 
.con_tab {clear:both; display:block; text-align:center;}
.con_tab ul {display:inline-block; width:100%; background:url(/img/common/tab_line.gif) repeat-x bottom;}
.con_tab ul li {float:left; background:url(/img/common/tab_bg.gif) no-repeat left 0; margin-left:-1px;}
.con_tab ul li span {display:inline-block; background:url(/img/common/tab_bg_r.gif) no-repeat right 0;}
.con_tab ul li span a {display:inline-block; min-height:12px; line-height:15px; color:#7a7a7a; text-decoration:none; padding:11px 18px; font-weight:bold; border-bottom:2px solid #7d7d7d; text-align:left;}
.con_tab ul.ls li span a {letter-spacing:-1.2px; letter-spacing:-0.11em;}
.con_tab ul li.on {position:relative; z-index:1; background:#fff url(/img/common/tab_on_bg.gif) no-repeat left 0;}
.con_tab ul li.on span {background:url(/img/common/tab_on_bg_r.gif) no-repeat right 0;}
.con_tab ul li.on span a {background:url(/img/common/tab_arrow.png) no-repeat right 50%; color:#333; padding:13px 35px 11px 18px; border:none;}
.con_tab ul li.on span a:hover {text-decoration:none;}

.con_tab2 {clear:both; display:block; text-align:center;}
.con_tab2 ul {width:100%; height:30px; background:url(/img/common/tab_line2.gif) repeat-x left bottom;}
.con_tab2 ul li {float:left; font-size:11px;}
.con_tab2 ul li a {display:block; padding:0 15px; color:#555555; text-decoration:none; height:29px; border-bottom:1px solid #d1d1d1; line-height:18px;}
.con_tab2 ul li a.on, .con_tab2 ul li a:hover {color:#3d9e6d; background:url(/img/common/tab_icon2.gif) no-repeat center bottom; font-weight:bold; letter-spacing:-0.06em; height:28px; border-bottom:2px solid #3d9e6d;}




.tab_b {margin-bottom:30px;}

 */


/**************************************************************텍스트스타일******************************************************************/


/*문단*/
.paragraph{
	text-align:justify;
}
.paragraph p{
	position:relative;
	margin-top:10px;
}
.paragraph p.first{
	margin-top:0 !important;
}


/*텍스트*/
em{
	font-weight:bold;
	color:#d44c4c;
}






/*************************************************************************버튼*************************************************************************/
.btnwrap{margin-top:15px;}
.btnwrap a{
	display:inline-block;
	font-size:14px;	
	margin-left:4px;
	margin-right:4px;
}

/* 190430 작업자 : 장상민 */
a.cbtn_b  {display:inline-block; background:#000; color:#fff !important; text-align:center; min-width:40px; height:30px; font-size:12px; padding:0 15px 0 15px;letter-spacing:-1px; line-height:30px;}
a.cbtn_b:hover {background:#404040; text-decoration:none;}

a.cbtn_g  {display:inline-block; background:#7e7e7e; color:#fff !important; text-align:center; min-width:40px; height:30px; font-size:12px; padding:0 15px 0 15px;line-height:30px;}
a.cbtn_g:hover {background:#666; text-decoration:none;}

a.cbtn_point  {display:inline-block; background:#e77272; color:#fff !important; text-align:center; min-width:40px; height:30px; font-size:12px; padding:0 15px 0 15px;letter-spacing:-1px; line-height:30px;}
a.cbtn_point:hover {background:#d44c4c; text-decoration:none;}

input.cbtn_b  {vertical-align:middle;background:#000; color:#fff; min-width:70px; height:30px; font-size:12px; padding:0 15px 0 15px; border:none; cursor:pointer;letter-spacing:-1px;}
input.cbtn_b:hover {background:#666;}

input.cbtn_g  {vertical-align:middle;background:#7e7e7e; color:#fff; min-width:70px; height:30px; font-size:12px; padding:0 15px 0 15px; border:none; cursor:pointer;letter-spacing:-1px;}
input.cbtn_g:hover{background:#666;}

input.cbtn_point  {vertical-align:top;background:#e77272; color:#fff; min-width:70px; height:30px; font-size:12px; border:none;cursor:pointer;letter-spacing:-0.5px;}
input.cbtn_point:hover {background:#d44c4c; text-decoration:none;}


a.cbtn_mini {display:inline-block; color:#e77272; font-size:11px; font-family:'돋움', Dotum, sans-serif;letter-spacing:0; line-height:15px; height:15px; border-bottom:1px solid #f45246; background:url('/img/common/bl_arrow2.gif') no-repeat right 3px;padding-right:10px;padding-left:2px;}
a.cbtn_mini:hover{color:#f45246;border-color:#f45246;letter-spacing:-1px;}



/* 셀렉트스타일_게시판 */
span.customStyleSelectBox {color:#3b3b3b; background:url(/img/common/se_arrow.gif) no-repeat right 50%; height:21px; padding:5px 20px 0 8px; border:1px solid #e5e5e5; text-align:left; font-size:12px;}
span.customStyleSelectBox.changed {background:url(/img/common/se_arrow.gif) no-repeat right 50%;}
.customStyleSelectBoxInner {font-size:12px; white-space:nowrap;}
.customStyleSelectBorderStrong {background:url(/img/common/se_arrow.gif) no-repeat right 50%;}

/********************태블릿********************/
@media all and (max-width:1024px){

body{text-align:left;}

}