@charset 'utf-8';

/* common style */
* { margin: 0; padding: 0; }
body { font: 12px "Malgun Gothic", "맑은 고딕", "Dotum", "돋움"; color: #58595b; line-height: 1.4; }
ol, ul, li { list-style-type: none; }
a { color: #58595b; text-decoration: none; }
a:hover { color: #000; text-decoration: none; }
images { border: 0; vertical-align: middle; }
fieldset { border: 0 solid transparent; }
legend, caption { display: none; }
table { border-collapse: collapse; border: 0; }
th, td { border-collapse: collapse; border: 0; padding: 0; }
button, input, select, textarea { vertical-align: middle; font: 12px "Malgun Gothic", "맑은 고딕", "Dotum", "돋움"; color: #58595b; }
button { padding:1px 4px; }

/* default */
.hidden { margin: 0; padding: 0; width: 0; height: 0; font-size: 0; line-height: 0; visibility: hidden; position: absolute; }

.impo{color: #f15f47; font-weight:bold;}

.floatL { float: left; }
.floatR { float: right; }
.clear { clear: both; }

.w20p { width: 20%; }
.w25p { width: 25%; }
.w33p { width: 33.3%; }
.w48p { width: 48%; }/*20170616 수정*/
.w50p { width: 50%; }
.w100p { width: 100%; }

.w65p { width: 65%; }
.w76p { width: 76%; }
.w88p { width: 88%; }

.w40 { width: 40px; }
.w62 { width: 62px; }
.w75 { width: 75px; }
.w95 { width: 95px; }
.w152 { width: 152px; }
.w162 { width: 162px; }
.w184 { width: 184px; }
.w218 { width: 218px; }
.w232 { width: 232px; }
.w252 { width: 252px; }
.w365 { width: 365px; }
.w400 { width: 400px; }
.w430 { width: 430px; }
.w560 { width: 560px; }

.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb50 { margin-bottom: 50px; }

.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt50 { margin-top: 50px; }

.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml181 {margin-left: 181px;}

.alignC { text-align: center !important; }
.alignL { text-align: left !important; }
.alignR { text-align: right !important; }

.valignT { vertical-align: top; }
.valignM { vertical-align: middle; }
.valignB { vertical-align: bottom; }

.font11 { font-size: 11px; }
.font12 { font-size: 12px; }
.font13 { font-size: 13px; }
.font14 { font-size: 14px; }

.orange01 { color: #f06b00; }
.orange02 { color: #f06b00; text-decoration: underline; cursor: pointer;}

.red { color: red; }

/* 텍스트 색상 */
.txt_or { color: #f15f47; }/* 오렌지색 */
.txt_gy { color: #939598; }/* 회색 */

/* 링크 */
a.dLink { color: #58595b; text-decoration: underline; }
a.dLink:hover { color: #000; text-decoration: underline; }

/* 레이아웃 */
.layout01 { margin: 0 30px; }
.layout02 { margin: 30px 0; }

/* button style */
/* 등록 */
.btnAdd { display: inline-block; height: 30px; vertical-align: middle; _vertical-align: top; cursor: pointer; background: url(../images/btn01_lb01.gif) no-repeat left top; }
.btnAdd button { border: 0; background: url(../images/btn01_rb01.gif) no-repeat right top; vertical-align: top; cursor: pointer; font-weight: bold; overflow: visible; height: 30px; cursor: pointer; white-space: nowrap; margin: 0; padding: 0 10px 2px 28px; }
/* 순서조정 */
.btnOrder { display: inline-block; height: 30px; vertical-align: middle; _vertical-align: top; cursor: pointer; background: url(../images/btn01_lb02.gif) no-repeat left top; }
.btnOrder button { border: 0; background: url(../images/btn01_rb01.gif) no-repeat right top; vertical-align: top; cursor: pointer; font-weight: bold; overflow: visible; height: 30px; cursor: pointer; white-space: nowrap; margin: 0; padding: 0 10px 2px 28px; }
/* 목록으로 */
.btnList { display: inline-block; height: 30px; vertical-align: middle; _vertical-align: top; cursor: pointer; background: url(../images/btn01_lb03.gif) no-repeat left top; }
.btnList button { border: 0; background: url(../images/btn01_rb01.gif) no-repeat right top; vertical-align: top; cursor: pointer; font-weight: bold; overflow: visible; height: 30px; cursor: pointer; white-space: nowrap; margin: 0; padding: 0 10px 2px 28px; }
/* 엑셀 다운로드 */
.btnExcel { display: inline-block; height: 30px; vertical-align: middle; _vertical-align: top; cursor: pointer; background: url(../images/btn01_lb04.gif) no-repeat left top; }
.btnExcel button { border: 0; background: url(../images/btn01_rb01.gif) no-repeat right top; vertical-align: top; cursor: pointer; font-weight: bold; overflow: visible; height: 30px; cursor: pointer; white-space: nowrap; margin: 0; padding: 0 10px 2px 28px; }
/* 다시계산 */
.btnRe { display: inline-block; height: 30px; vertical-align: middle; _vertical-align: top; cursor: pointer; background: url(../images/btn01_lb05.gif) no-repeat left top; }
.btnRe button { border: 0; background: url(../images/btn01_rb01.gif) no-repeat right top; vertical-align: top; cursor: pointer; font-weight: bold; overflow: visible; height: 30px; cursor: pointer; white-space: nowrap; margin: 0; padding: 0 10px 2px 28px; }
/* 조회 */
button.btnSchL { width: 94px; height: 84px; border: 0; background: url('../images/btnSch_bg.gif') no-repeat left top; font-size: 15px; cursor: pointer; color: #fff; font-weight: bold; }/* 큰 사이즈 */
button.btnSchM { width: 94px; height: 54px; border: 0; background: url('../images/btnSch_bg03.gif') no-repeat left top; font-size: 15px; cursor: pointer; color: #fff; font-weight: bold; }/* 중간 사이즈 */
button.btnSchS { width: 94px; height: 36px; border: 0; background: url('../images/btnSch_bg02.gif') no-repeat left top; font-size: 15px; cursor: pointer; color: #fff; font-weight: bold; }/* 작은 사이즈 */
/* 기본 */
button.dBtn_y { background: #f15f47; border: 1px solid #c72a10; height: 30px; padding: 0 30px; color: #fff; font-size: 13px; font-weight: bold; overflow: visible; white-space: nowrap; text-align: center; cursor: pointer; }
button.dBtn_n { background: #eee; border: 1px solid #d4d4d4; height: 30px; padding: 0 30px; font-size: 13px; font-weight: bold; overflow: visible; white-space: nowrap; text-align: center; cursor: pointer; }
/* 그외 */
.sBtn_wh { display: inline-block; height: 25px; vertical-align: middle; cursor: pointer; background: url(../images/btn04_lb01.gif) no-repeat left top; }
.sBtn_wh2 { display: inline-block; height: 25px; vertical-align: middle; cursor: pointer;}
.sBtn_wh button { border: 0; background: url(../images/btn04_rb01.gif) no-repeat right top; padding: 0 12px 2px; vertical-align: top; font-weight: bold; overflow: visible; height: 25px; cursor: pointer; white-space: nowrap; font-size: 11px;}
.btn_check {display:inline-block; padding:0 12px; border:1px solid #aeaeae; background:#f7f7f7; line-height:36px; height:36px; font-size:13px; font-weight:bold; color:#444; cursor:pointer; margin:1px;}
.sBtn2_wh { display: inline-block; height: 25px; vertical-align: middle; cursor: pointer; background: url(../images/btn05_lb01.gif) no-repeat left top; }
.sBtn2_wh button {color: #fff; border: 0; background: url(../images/btn05_rb01.gif) no-repeat right top; padding: 0 12px 2px; vertical-align: top; font-weight: bold; overflow: visible; height: 25px; cursor: pointer; white-space: nowrap; font-size: 11px;}

/*sBtn_upload 20150826 추가*/
.sBtn_upload{position:relative; overflow:hidden;}
.sBtn_upload .file{position:absolute; left:0; top:0; opacity:0; background:#fff; width:100%; height:25px; cursor:pointer;}

button.time_tab01 { width: 134px; height: 26px; border: 0; background: url('../images/tab_btn1.png') no-repeat left top; font-size: 15px; cursor: pointer; color: #fff; font-weight: bold; }/* 큰 사이즈 */
button.time_tab01_on { width: 134px; height: 26px; border: 0; background: url('../images/tab_btn1_on.png') no-repeat left top; font-size: 15px; cursor: pointer; color: #fff; font-weight: bold; }/* 큰 사이즈 */
button.time_tab02 { width: 134px; height: 26px; border: 0; background: url('../images/tab_btn2.png') no-repeat left top; font-size: 15px; cursor: pointer; color: #fff; font-weight: bold; }/* 큰 사이즈 */
button.time_tab02_on { width: 134px; height: 26px; border: 0; background: url('../images/tab_btn2_on.png') no-repeat left top; font-size: 15px; cursor: pointer; color: #fff; font-weight: bold; }/* 큰 사이즈 */


/* form element style */
.input01 { height: 15px; border: 0; padding: 3px 5px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; background: #f3f3f3; }
.hasDatepicker { margin-right: 6px; }/* 달력 input */
.ui-datepicker-trigger { cursor: pointer; vertical-align: middle;}/* 달력 button */
.select01 { height: 22px; border: 0; border-top: 1px solid #ddd; border-left: 1px solid #ddd; background: #f3f3f3; }
.textarea01 { padding: 5px; border: 0; border-top: 1px solid #ddd; border-left: 1px solid #ddd; background: #f3f3f3; vertical-align: bottom; }
.textarea02 { padding: 5px; border: 0; border: 1px solid #ddd; background: #fff; vertical-align: bottom; margin-top:15px; }
div.w100pDiv { padding-right: 11px; }

/* table style */
.fixed { table-layout: fixed; }
/* 조회 */
.searchTableWrap { background: url('../images/bg_table01.gif') repeat-x 0 bottom; padding-bottom: 3px; margin: 0 30px; }
.searchTable { overflow: hidden; border-bottom: 1px solid #c3c7ca; border-top: 1px solid #c3c7ca; }
.searchTable table { width: 100%; border-left: 1px solid #c3c7ca; border-right: 1px solid #c3c7ca; margin-bottom: -1px; }
.searchTable th, .searchTable td { padding: 5px 15px; height: 32px; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; }
.searchTable th { background: #f7f7f7; font-weight: normal; text-align: left; }
.searchTable th.thRow { background: #fbfbfb; }
.searchTable .last { border-right: 0; }
/* 리스트 */
.listTable { width: 100%; overflow: hidden; text-align: center; }
.listTable table { width: 100%; border-top: 1px solid #f15f47; margin-bottom: -1px; table-layout: fixed; }
.listTable th { background: #fafafa url(../images/bg_th01.gif) repeat-x left bottom; padding: 9px 3px 10px; font-size: 11px; }
.listTable th.col { color: #797979; }
.listTable th.noBg { background: #fafafa; }
.listTable td { padding: 8px 3px; border-bottom: 1px solid #eeeff0; word-break: break-all; background: #fff; }
.listTable td.author{text-align: left}
.listTable td .ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.listTable tbody tr:hover th, .listTable tbody tr:hover td { background: #f7f7f7; cursor: pointer; }
.TblThRow2 th { padding: 7px 3px 8px; }
.bnrPrevTable { overflow: visible; }/* 배너 미리보기 테이블 */
/* 리스트 테이블 안에 테이블이 있을 경우 */
.innerListTable { width: 100%; overflow: hidden; }
.innerListTable table { width: 100%; border-top: 1px solid #f15f47; margin-bottom: -1px; table-layout: fixed; text-align: center; }
.innerListTable th { background: #fafafa url(../images/bg_th01.gif) repeat-x left bottom; padding: 9px 3px 10px; font-size: 11px; }
.innerListTable td { padding: 8px 3px; border-bottom: 1px solid #eeeff0; word-break: break-all; background: #fff; }
.innerListTable td.TdTbl { padding: 0; } 
.innerListTable .scrollTbl { height: 338px; overflow: auto; }
.innerListTable .scrollTbl table { border: 0; margin: 0; }
.innerListTable .scrollTbl tr:hover th, .innerListTable .scrollTbl tr:hover td { background: #f7f7f7; cursor: pointer; }
/* 상세 */
.viewTable { width: 100%; border-top: 1px solid #c2c2c2; overflow: hidden; }

.viewTable table { border-bottom: 1px solid #c2c2c2; width: 100%; margin-top: -1px; }
.viewTable th, .viewTable td { padding: 10px 15px; border-top: 1px solid #e5e5e5; word-break: break-all; /*font-size: 14px;*/}
.viewTable th { padding: 10px 0 10px 20px; background: #f7f7f7; font-weight: normal; text-align: left; /*font-size: 14px;*/}
.viewTable th.thRow { background: #f7f7f7; }
.viewTable tr.borderTr th, .viewTable tr.borderTr td { border-top: 1px solid #c2c2c2;}
.viewTable table td * {vertical-align:middle;}
/* 레이아웃 */
#container { width: 100%; /*overflow: hidden;*/ min-width: 995px; float: left; _float: none;  background: url('../images/bg_gnb.gif') repeat-x 0 72px; }
/* 상단영역 */
#headerArea { min-height: 118px; overflow: hidden; }/*20150826 수정*/
	#headerArea h1 { background: #fff url('../images/bg_logo.gif') no-repeat right 0; width: 100%; float: left; }
	#headerArea h1 a { float: left; }
	#headerArea h1 img { display: block; }
	#headerArea .headerLeft { clear: both; float: left; display: inline; margin-left: 14px; padding-top: 9px; color: #f15f47; font-weight: bold; font-size: 14px; }
	#headerArea .headerRight { float: right; display: inline; margin: 9px 20px 0 0; color: #fff; }
	#headerArea .headerRight img { vertical-align: -9px; }
	#headerArea .headerRight span { margin-right: 10px; }
/*topNav 20150826 추가*/
.topNav{display:block; background:#f15f47; zoom:1;}
	.topNav:after {display: block; clear: both; content: '';}
	.topNav li{display:block; float:left; height:16px; line-height:16px; padding:5px 0px 12px 0; width:11%; text-align:center;}
	.topNav li:first-child{/*width:12.5%;*/width:10%;}
	.topNav li:first-child a{border:0;}
	.topNav li a{display:block; color:#ffdfda; font-size:14px; border-left:1px solid #ff9e8e;}
	.topNav li a:hover{color:#fff;}
	.topNav li a.on{color:#fff; font-weight:bold; font-size:15px;}

/* 본문영역 */
#contentArea { float: left; width: 100%; background: url('../images/bg_nav.gif') repeat-y left top; padding-bottom: 60px; }
#content { margin-left: 144px; padding-top: 12px; }
#content .subPage { float: left; width: 100%; min-width: 851px; }
/* 네비게이션 */
#navi { float: left; width: 144px; overflow: hidden; font-size: 13px; background: url('../images/bg_nav_btm.gif') no-repeat 0 bottom; padding-bottom: 1px; }
#navi .depth1Li { float: left; width: 100%; }
#navi .depth1Li .menu { margin-right: 1px; }
#navi .depth1Li .menu a { display: block; background: url('../images/bg_nav1_off.gif') repeat-x 0 bottom; height: 28px; padding: 8px 0 0 14px; color: #444; }
#navi .depth1On .menu { margin-right: 0; }
#navi .depth1On .menu a { background: #6b6b6b; height: 27px; padding: 7px 0 0 13px; border: 1px solid #3a3a3a; color: #fff; font-weight: bold; letter-spacing: -1px; }
#navi .depth1Li .depth2Wrap { border-right: 1px solid #8a8d8e; background: #9b9b9b; display: none; }
#navi .depth1On .depth2Wrap { display: block; }
#navi .depth2 { border-top: 1px solid #a8a8a8; border-bottom: 1px solid #919191; padding: 3px 0; zoom: 1; }
#navi .depth2:after { clear: both; display: block; content: ''; }
#navi .depth2 li { width: 100%; float: left; }
#navi .depth2 li a { display: block; padding: 8px 0 8px 22px; background: url('../images/bg_nav2_off.gif') no-repeat 14px 17px; color: #444; }
#navi .depth2 .depth2On a { background: url('../images/bg_nav2_on.gif') no-repeat 14px 17px; color: #fff; font-weight: bold; letter-spacing: -1px; }
/* 하단영역 */
#footerArea { width: 100%; min-width: 995px; clear: both; height: 73px; border-top: 1px solid #ccd0d2; padding-top: 22px; overflow: hidden; }
#footerArea h2 { float: left; display: inline; margin: 2px 0 0 34px; }
#footerArea h2 images { display: block; }
/* #footerArea .footerMenu { margin: 0 0 4px 102px; float: left; display: inline; }
#footerArea .footerMenu ul { float: left; display: inline; margin-left: -13px; }
#footerArea .footerMenu li { float: left; padding: 0 12px 0 13px; background: url(../images/bg_footer_menu.gif) no-repeat left 1px; }
#footerArea .footerMenu images { display: block; } */
#footerArea .site_info { margin-left: 102px; font-size: 10px; color: #949495; }
#footerArea address { font-style: normal; display: inline; margin-right: 7px; }
#footerArea .site_info span { margin-right: 7px; }
#footerArea .copyright { display: block; }

/* 테이블 상단 영역 */
.table_top01 { margin: 0 30px; padding-top: 25px; height: 40px; overflow: hidden; font-size: 14px; }
.table_top01 .left_area { float: left; margin-top: 10px; }
.table_top01 .right_area { float: right; }
.table_top01 .right_area .select01 { margin-top: 5px; }
.table_top01 .right_area span { margin-left: 6px; }
.table_top02 { margin: 0 30px; height: 30px; overflow: hidden; font-size: 14px; }
.table_top03 { margin: 0 30px; padding-top: 35px; height: 30px; overflow: hidden; font-size: 14px; }
.table_top03 .left_area { float: left; }
.table_top03 .left_area span { color: #f15f47; font-weight: bold; }
.table_top03 .right_area { float: right; }
.table_top03 .right_area input { margin-left: 8px; }
.table_top04 { margin: 0 0; height: 30px; overflow: hidden; font-size: 14px;}
.table_top05 { margin: 0 30px; height: 30px; overflow: hidden; font-size: 14px; text-align: center}
.table_top06 { margin: 0 30px; height: 30px; overflow: hidden;}
.table_top07 { margin: 20px 30px 0 30px; height: 30px; overflow: hidden; font-size: 14px; text-align: center}


/* 로그인 */
#login { width: 796px; margin: 0 auto; }
.login_txt{width:500px; margin:0 auto; padding:0px 0 10px;text-align:center;vertical-align: middle; position: relative;}
.login_txt .logo {width: 60%;right: 0;}
.login_txt h1{float: left;top: 11px;margin-left: 115px;width: 100%;position: absolute;font-size:34px; color:#333; font-weight:700; height:42px; line-height:36px;letter-spacing: -3px;}
.login_txt p {font-size: 16px; color: #333;}
.login_txt images { display: block; }
/*#login h1 { border-bottom: 1px solid #879196; }
#login h1 images { display: block; }*/
#login .login_area { width: 655px; margin: 0 auto; padding: 115px 0; }
#login .login_box { padding: 25px 100px; /*border: 2px solid #d2d2d2; border-radius: 2px; */zoom: 1; }
#login .login_box:after { clear: both; display: block; content: ''; }
#login .login_box .logbox {float: left; width: 300px;margin: 0 auto; }
#login .login_box p { float: left; height: 48px; padding-top: 10px; }
#login .login_box p input { /*float: left; width: 248px;*/ }
#login .login_box p input[type="text"]{background: url(../images/icon_id.png) 2% 50% no-repeat; width:300px; height:48px; line-height:48px; border:1px solid #aaa; padding-left:30px;  color:#4d4d4d; font-size:16px;}
#login .login_box p input[type="password"]{background: url(../images/icon_pw.png) 2% 50% no-repeat;width:300px; height:48px; line-height:48px; border:1px solid #aaa; padding-left:30px; color:#4d4d4d; font-size:16px;}
#login .login_box p input[type="text"]:focus,
#login .login_box p input[type="password"]:focus{border:1px solid #000; background-color:#fff; color:#000;}
#login .login_box .btn { float: right; margin-top: 7px; }
#login .login_box .btn button { float: left; cursor: pointer; margin: 0; padding: 0; overflow: visible; border: 1px solid #c72a10; background: #f15f47; width: 140px; height: 108px;font-size: 20px; font-weight: bold; color: #fff; }
#login .login_top { padding: 10px 0; font-size: 16px; color: #434343; text-align: center}
#login .login_btm { padding-top: 15px; text-align: center}
#login .login_btm a, #login .login_btm a:hover { color: #58595b; text-decoration: none;}
#login .login_txt { padding: 10px 0; font-size: 12px; color: #949495; text-align: center}


/* 파트너 헤더 */
#part_headerWrap {border-bottom: 1px solid #c72a10;}
#part_headerWrap .part_header_wrap {width:1060px; height:48px; margin:0 auto; padding:15px 0; overflow:hidden;}
#part_headerWrap .part_header_wrap .ktoon_logo {position:relative; float:left;}
#part_headerWrap .part_header_wrap .logo {display:block; position:absolute; width:220px; height:48px; background:url('../images/login_logo.jpg'); overflow:hidden; top:0; left:0; text-indent:-9999em;}

#part_contentsWrap {min-height:700px; padding-top:30px;}
#part_contents {position:relative; max-width:1060px; min-width:1024px; margin:0 auto; padding-bottom:80px;}
.h1_tit	{font-size:34px; color:#333; font-weight:700; height:42px; line-height:36px;letter-spacing: -3px; }
.UseType_Chce {margin: 100px 120px; overflow:hidden;}
.UseType_Chce .private ,
.UseType_Chce .juridical_person {width:300px; height:40px; padding-top:20px; border:1px solid #ddd; text-align:center;}
.UseType_Chce .juridical_person .dot_arr {display:inline-block;}
.UseType_Chce .private  {float:left;}
.UseType_Chce .juridical_person {float:right;}
.UseType_Chce .private  p,
.UseType_Chce .juridical_person p {color:#222;}


/* 회원정보 입력 폼 */
.stit{width:110px; border: 1px solid #cccccc; background-color:#f7f7f7; height:45px; text-align:center;color:#202020; font-size:14px;}
.join_input {height:36px; border:1px solid #d5d5d5; font-size:14px; line-height:36px; color:#888; padding:0 10px; background:url(../images/input_bg.png) top left repeat; margin:1px; font-weight:bold;}
.join_input:focus {background:none; height:34px; padding:0 9px; border:2px solid #a5a5a5; line-height:34px;}

.join_input::-webkit-input-placeholder {font-weight:normal;}/* WebKit browsers */
.join_input:-moz-placeholder {font-weight:normal;}/* Mozilla Firefox 4 to 18 */
.join_input::-moz-placeholder {font-weight:normal;}/* Mozilla Firefox 19+ */
.join_input:-ms-input-placeholder {font-weight:normal;}/* Internet Explorer 10+ */

.h3 .bul01{display:inline-block;width:14px;height:14px;margin-right:5px;margin-top:-1px;background:url(../images/mem_point.png) no-repeat;vertical-align:middle;}
.h3{font-size:20px;margin:0 0 10px;font-weight:normal;position:relative;}
.mem_area {width: 640px;height: 100px;margin: 0 auto;padding: 55px 0 80px 100px;border: 1px solid #ddd; }
.mem_top { padding: 10px 0; font-size: 16px; color: #434343; text-align: left}
.mem_txt {float: left; margin-top: 10px}

/* id/pw 입력 폼 */
.idpw_tab {*zoom:1; background:#f8f5f4; border-bottom:1px solid #c72a10; height:47px; margin-bottom:60px;}
.idpw_tab:after {content:""; display:block; clear:both;}
.idpw_tab .tab_item {float:left; width:146px; height:47px;}
.idpw_tab .tab_item a {display:block; line-height:46px; height:46px; font-size:14px; font-weight:bold; color:#888; text-align:center; padding-top:1px;}
.idpw_tab .tab_item.active_tab a {background:#fff; color:#222; border:1px solid #c72a10; border-bottom:0; padding-top:0; padding-bottom:1px;}

.idpw_con {border:1px solid #d5d5d5; padding:40px 0;}
.idpw_con ul {width:485px; margin:0 auto;}

.idpw_con ul li {padding:0 0 0 120px; margin-bottom:15px; position:relative; line-height:38px; color:#444; font-size:14px;}
.idpw_con ul li .label {position:absolute; top:0; left:0; font-weight:bold; padding-left:19px; background:url(../images/find_chk_icon.png) left no-repeat;}
.idpw_con .find_text {text-align:left; font-size:13px; line-height:15px; letter-spacing:-0.025em; color:#888; padding-top:10px;}
.idpw_con .id_info {text-align:center; padding:20px 0; font-size:16px; color:#444;}
.idpw_con .id_info .my_id {font-weight:bold; color:#5796c6; display:inline-block; border-bottom:1px solid #5796c6; margin:0 3px;}

.find_select {height:38px; border:1px solid #d5d5d5; font-size:14px; line-height:36px; color:#888; padding:0 0 0 10px; background:url(../images/input_bg.png) top left repeat; margin:1px; font-weight:bold;}
.find_select:focus {background:none; height:38px; padding:0 0 0 9px; border:2px solid #a5a5a5; line-height:34px;}
.find_input {height:36px; border:1px solid #d5d5d5; font-size:14px; line-height:36px; color:#888; padding:0 10px; background:url(../images/input_bg.png) top left repeat; margin:1px; font-weight:bold;}
.find_input:focus {background:none; height:34px; padding:0 9px; border:2px solid #a5a5a5; line-height:34px;}
.find_input::-webkit-input-placeholder {font-weight:normal;}/* WebKit browsers */
.find_input:-moz-placeholder {font-weight:normal;}/* Mozilla Firefox 4 to 18 */
.find_input::-moz-placeholder {font-weight:normal;}/* Mozilla Firefox 19+ */
.find_input:-ms-input-placeholder {font-weight:normal;}/* Internet Explorer 10+ */


/* title style */
.title_area01 { padding: 0 30px; height: 80px; overflow: hidden; }
.title_area01 h3 { float: left; font-size: 21px; color: #20333a; padding: 4px 0 4px 45px; font-weight: normal; margin-top: 20px; }
.title_area01 .tit01 { background: url(../images/icn_title01.gif) no-repeat left 2px; }/* 작가관리 */
.title_area01 .tit02 { background: url(../images/icn_title02.gif) no-repeat left 2px; }
.title_area01 .tit03 { background: url(../images/icn_title03.gif) no-repeat left 2px; }
.title_area01 .tit04 { background: url(../images/icn_title04.gif) no-repeat left 2px; }
.title_area01 .tit05 { background: url(../images/icn_title05.gif) no-repeat left 2px; }
.title_area01 .tit0501 { background: url(../images/icn_title05_01.gif) no-repeat left 2px; }
.title_area01 .tit0502 { background: url(../images/icn_title05_02.gif) no-repeat left 0; }/* YOYOZINE */
.title_area01 .tit0503 { background: url(../images/icn_title05_03.gif) no-repeat left 2px; }/* 추천앱 */
.title_area01 .tit06 { background: url(../images/icn_title06.gif) no-repeat left 2px; }
.title_area01 .tit07 { background: url(../images/icn_title07.gif) no-repeat left 2px; }
.title_area01 .tit08 { background: url(../images/icn_title08.gif) no-repeat left 2px; }
.title_area01 h3 span { color: #f15f47; font-size: 14px; margin-left: 4px; font-weight: bold; }
.title_area01 .btn_area { float: right; margin-top: 26px; }
.title_area01 .btn_area span { margin-left: 6px; }


/* paging style */
.paging_type01 { padding: 30px 30px 25px; background: url(../images/bg_table02.gif) repeat-x 0 0; position:relative;}
.paging_type01 .page_area { text-align: center; font-size: 13px; }
.paging_type01 .page_area img { vertical-align: middle; margin: 0 2px; }
.paging_type01 .page_area span { margin: 0 8px; }
.paging_type01 .page_area span a { margin: 0 2px; }
.paging_type01 .page_area .current { color: #f15f47; font-weight: bold; letter-spacing: -1px; }
.paging_type01 .page_area a:hover { color: #f15f47; }
.paging_type01 .btn_area { position: absolute; right: 30px; top: 25px;}

/* 이미지 등록 */
.tempImgRegist01 { min-height: 80px; _height: 80px; }
.tempImgRegist01 .thumbEx { display: block; padding-top: 5px; font-size: 11px; color: #939598; }
.tempImgRegist01 .thumb52x72 { float: left; width: 52px; height: 72px; margin-right: 10px; overflow: hidden; background: url('../images/bg_52x72.gif') no-repeat 0 0; }
.tempImgRegist01 .thumb52x72 img { width: 52px; height: 72px; }
.tempImgRegist01 .thumb56x56 { float: left; width: 56px; height: 56px; margin-right: 10px; overflow: hidden; background: url('../images/bg_56x56.gif') no-repeat 0 0; }
.tempImgRegist01 .thumb56x56 img { width: 56px; height: 56px; }
.tempImgRegist01 .thumb80x80 { float: left; width: 80px; height: 80px; margin-right: 10px; overflow: hidden; background: url('../images/bg_80x80.gif') no-repeat 0 0; }
.tempImgRegist01 .thumb80x80 img { width: 80px; height: 80px; }
.tempImgRegist01 .thumb98x80 { float: left; width: 98px; height: 80px; margin-right: 10px; overflow: hidden; background: url('../images/bg_98x80.gif') no-repeat 0 0; }
.tempImgRegist01 .thumb98x80 img { width: 98px; height: 80px; }
.tempImgRegist01 .thumb110x80 { float: left; width: 110px; height: 80px; margin-right: 10px; overflow: hidden; background: url('../images/bg_110x80.gif') no-repeat 0 0; }
.tempImgRegist01 .thumb110x80 img { width: 110px; height: 80px; }
.tempImgRegist01 .thumb240x170 { float: left; width: 240px; height: 170px; margin-right: 10px; overflow: hidden; background: url('../images/bg_240x170.gif') no-repeat 0 0; }
.tempImgRegist01 .thumb240x170 img { width: 240px; height: 170px; }
.tempImgRegist01 .thumb336x142 { float: left; width: 240px; height: 170px; margin-right: 10px; overflow: hidden; background: url('') no-repeat 0 0; }
.tempImgRegist01 .thumb336x142 img { width: 240px; height: 170px; }

.tempImgRegist02 .thumb98x80 { display: inline-block; vertical-align: middle; margin-right: 5px; width: 98px; height: 80px; overflow: hidden; background: url('../images/bg_98x80.gif') no-repeat 0 0; }
.tempImgRegist02 .thumb98x80 img { width: 98px; height: 80px; }
.tempImgRegist02 .thumb182x106 { display: inline-block; vertical-align: middle; margin-right: 5px; width: 182px; height: 106px; overflow: hidden; background: url('../images/bg_182x106.gif') no-repeat 0 0; }
.tempImgRegist02 .thumb182x106 img { width: 182px; height: 106px; }
.tempImgRegist02 .sBtn_wh { vertical-align: bottom; }

.tempImgRegist03 { min-height: 100px; _height: 100px; }
.tempImgRegist03 .thumbEx { display: block; padding-top: 5px; font-size: 11px; color: #939598; }
.tempImgRegist03 .thumb { float: left; width: 100px; height: 100px; margin-right: 10px; overflow: hidden; background: url('../images/bg_100x100.gif') no-repeat 0 0; }
.tempImgRegist03 .thumb img { width: 100px; height: 100px; }
.tempImgRegist03 .thumbEtc{margin-left:110px;}

.tempImgRegist04 .thumbEx { font-size: 11px; color: #939598; }
.tempImgRegist04 .regist_list { padding-left: 8px; background: url('../images/bg_list.gif') no-repeat 0 11px; margin-top: 8px; }
.tempImgRegist04 .regist_list .num { display: inline-block; width: 17px; white-space: nowrap; font-weight: bold; vertical-align: middle; }
.tempImgRegist04 .regist_list .fileNm,
.tempImgRegist04 .regist_list .fileNm:hover { font-weight: bold; color: #f15f47; text-decoration: underline; }
.tempImgRegist04 .regist_list input,
.tempImgRegist04 .regist_list .sBtn_wh,
.tempImgRegist04 .regist_list a { margin: 0 3px; }

.tempBnrRegist .thumb { display: block; width: 376px; height: 166px; background: url('../images/bg_banner.gif') no-repeat 0 0; }
.tempBnrRegist .thumb img { display: block; width: 376px; height: 166px; }
.tempBnrRegist .thumbEx { display: block; padding: 10px 0; font-size: 11px; color: #939598; }

/*tempBnrRegist2 20150826 추가*/
.tempBnrRegist2{position:relative; min-height:75px;}
.tempBnrRegist2 .thumb { display: block; width: 266px; height: 75px; background: url('../images/bg_banner2.gif') no-repeat center 0; position:absolute; left:0; top:0;}
.tempBnrRegist2 .thumb images { display: block; width: 266px; height: 75px; }
.tempBnrRegist2 .thumbEtc{margin-left:276px;}

/* 버튼영역 */
.btnArea_01 { padding: 20px; text-align: center; }
.btnArea_01 button { margin: 0 3px; }
.btnArea_02 { padding-top: 40px; text-align: center; }
.btnArea_02 button { margin: 0 3px; }
.btnArea_03 { padding-top: 20px; text-align: right; }
.btnArea_03 button { margin: 0 3px; }
.btnArea_04 { padding: 20px; text-align: right; }
.btnArea_04 button { margin: 0 3px; }
.btnArea_05 { padding: 20px; text-align: left; }
.btnArea_05 button { margin: 0 3px; }

/* 배너 미리보기 */
.bnrPrevTable td .bannerPreview { position: relative; width: 100%; }
.bannerPreview .banner_ { position: absolute; left: 50%; margin-left: -167px; }
.bannerPreview .banner_ images { width: 320px; height: 150px; display: block; margin: 0 auto; }
.bannerPreview .topBnr { bottom: 15px; background: url('../images/bg_bnr02.png') no-repeat 0 0; _background: url('../images/bg_bnr02.gif') no-repeat 0 0; width: 334px; height: 173px; padding-top: 5px; }
.bannerPreview .btmBnr { top: 20px; background: url('../images/bg_bnr01.png') no-repeat 0 0; _background: url('../images/bg_bnr01.gif') no-repeat 0 0; width: 334px; height: 160px; padding-top: 18px; }

/* 팝업 영역 */
.popup_layer { position: fixed; _position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: .6; display: none; }
.popup_area_wrap { position: fixed; _position: absolute; left: 0; top: 50%; width: 100%; display: none; }
.popup_area_wrap.absol { position: absolute; _position: absolute; left: 0; top: 0px; width: 100%; display: none; margin:0;}

.popup_area_wrap .popup_area { margin: 0 auto; border: 1px solid #f15f47; background: #fff; position: relative; }
.popup_area_wrap .w492 { width: 492px; }/* 팝업 영역 width값 */
.popup_area_wrap .w527 { width: 527px; }/* 팝업 영역 width값 */
.popup_area_wrap .w660 { width: 660px; }/* 팝업 영역 width값 */
.popup_area_wrap .popup_layout { padding: 0 20px 20px; zoom: 1; }
.popup_area_wrap .popup_layout:after { clear: both; display: block; content: ''; }
.popup_area_wrap .popup_layout02 { padding: 0 20px 25px; zoom: 1; }
.popup_area_wrap .popup_layout02:after { clear: both; display: block; content: ''; }
.popup_area_wrap .ttl_area { font-weight: normal; font-size: 18px; height: 43px; padding-top: 17px; overflow: hidden; border-bottom: 1px solid #f15f47; }
.popup_area_wrap .btn_area { text-align: center; }
.popup_area_wrap .btn_area button { margin: 0 3px; }
.popup_area_wrap .btn_close a { position: absolute; right: 10px; top: 10px; }
.confirmPopup .popup_area { padding: 30px 0; }/* confirm 문구만 있는 팝업 영역 */
.confirmPopup .confirm_txt01 { font-size: 14px; text-align: center; }
.popupScrollArea { height: 400px; overflow: hidden; overflow-y: auto; }
.popup_area_wrap .popup_txt01 { font-size: 14px; padding: 10px 0; }
.popup_area_wrap .popup_txt02 { font-size: 14px; padding: 25px 0; text-align: center; }
.popup_area_wrap .popup_chk { float: right; margin-top: 15px; }

/* 운영자 권한 발급 */
.mngAuthSelArea { position: relative; width: 100%; }
.mngAuthSelArea h4 { padding-top: 40px; height: 30px; font-size: 14px; font-weight: normal; }
.mngAuthSelArea .l_left, .mngAuthSelArea .r_right { width: 43.9%; }
.mngAuthSelArea .r_right { position: absolute; right: 0; top: 0; }
.mngAuthSelArea .scrollArea { height: 392px; padding: 10px 0; border: 1px solid #d4d4d4; border-right: 0; border-bottom: 0; background: #f3f3f3; overflow-y: scroll; }
.mngAuthSelArea .scrollArea a { display: block; padding: 8px 10px 8px 20px; }
.mngAuthSelArea .scrollArea a:hover, .mngAuthSelArea .scrollArea a.on { background: #f15f47; color: #fff; }
.mngAuthSelArea .authBtn { width: 12.2%; position: absolute; left: 43.9%; top: 245px; }
.mngAuthSelArea .authBtn images { display: block; margin: 0 auto 9px; }

/* 운영자 권한 리스트 */
.mngAuthList { margin: 0 30px; border: 1px solid #c2c2c2; overflow: hidden; }
.mngAuthList li { margin-top: -1px; border-top: 1px solid #e5e5e5; height: 29px; padding: 13px 10px 0 20px; }

/* 미리보기 이미지 */
images.tempRegimages { display: block; max-width: 100%; _width: expression(this.clientWidth > '602' ? '603px' : 'auto'); }

/*템플릿*/
.templet_layout{padding-top:20px; width:100%; min-width:1480px; zoom:1; background:#fff; overflow:hidden;}
.templet_layout:after { clear: both; display: block; content: ''; }
.webtoon_add_top{padding:5px 10px 10px 10px; margin-bottom:10px; width:662px; position:relative; height:25px;}
.webtoon_add_top .sBtn_wh{display:block; position:absolute; right:10px; top:0;}


.m_main_tab{background:#fff; width:750px; float:left;}
.m_main_tab.two{margin-left:20px; width:710px;}
.m_main_tab.popsave{background:#fff; width:670px; float:left;}
.m_main_tab .webtoon_cont{ padding:10px 10px; width:672px; border:1px solid #888;}
.m_main_tab .webtoon_cont.pre{padding:10px 10px 10px 10px;  width:717px;}
.m_main_tab .webtoon_cont.pre2{padding:10px 0 0 0;  width:717px;}
.m_main_tab.popsave .webtoon_cont.pre {padding:10px 0 0 0;  width:672px; border:none;}


.m_main_tab .tab{position:absolute; top:0; width:336px;}
.m_main_tab .tab01{left:0;}
.m_main_tab .tab02{left:336px;}
.m_main_tab .tab a{display:block; height:45px; overflow:hidden; line-height:300px;}
.m_main_tab .tab01 a{background:url('../images/main_tab_app.gif') no-repeat 0 0;}
.m_main_tab .tab02 a{background:url('../images/main_tab_app.gif') no-repeat -336px 0;}
.m_main_tab .tab01 a.on{background:url('../images/main_tab_app.gif') no-repeat 0 -45px;}
.m_main_tab .tab02 a.on{background:url('../images/main_tab_app.gif') no-repeat -336px -45px;}
.m_main_tab .tabEtc{display:none;}
.m_main_tab .tabEtcOn{display:block;}
.m_main_tab .hotAppEtc{position:relative; height:1183px;}
.m_main_tab .webtoonEtc{margin-top:-7px;}
.m_main_tab .webtoonEtc li{border:2px solid #2e2e2e; overflow:hidden; position:absolute;}
.m_main_tab .wt_tmp_tp{margin-top:7px;}

/*등록전 pre*/
.m_main_tab .webtoonEtc.pre li{background:gray; color:#fff; font-size:30px; line-height:40px; font-weight:bold; text-align:center;}
.m_main_tab .webtoonEtc li{background:#f3f3f3; text-align:center;}
.m_main_tab .webtoonEtc li .sBtn_wh{margin-top:20px;}
.m_main_tab .webtoonEtc li .sBtn_wh:first-child {margin-top:40px;}
.m_main_tab .webtoonEtc li .sBtn_wh.del{position:absolute; top:30%; left:50%; z-index:10000; margin-left:-20px;}

.m_main_tab .webtoonEtc .wt_tmp_tp01,
.m_main_tab .webtoonEtc .wt_tmp_tp02,
.m_main_tab .webtoonEtc .wt_tmp_tp03,
.m_main_tab .webtoonEtc .wt_tmp_tp04,
.m_main_tab .webtoonEtc .wt_tmp_tp05{border-bottom:1px solid #e5e5e5; border-top:1px solid #fff;}

.m_main_tab .webtoonEtc .message{height:200px; padding-top:90px; text-align:center; font-size:15px;}

.m_main_tab .webtoonEtc.pre .wt_tmp_tp01,
.m_main_tab .webtoonEtc.pre .wt_tmp_tp02,
.m_main_tab .webtoonEtc.pre .wt_tmp_tp03,
.m_main_tab .webtoonEtc.pre .wt_tmp_tp04,
.m_main_tab .webtoonEtc.pre .wt_tmp_tp05{border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5;}

.m_main_tab .webtoonEtc.pre .wt_tmp_tp01 li.li01{line-height:156px;}
.m_main_tab .webtoonEtc.pre .wt_tmp_tp02 li.li01{line-height:327px;}
.m_main_tab .webtoonEtc.pre .wt_tmp_tp02 li.li02{line-height:156px;}
.m_main_tab .webtoonEtc.pre .wt_tmp_tp02 li.li03{line-height:156px;}
.m_main_tab .webtoonEtc.pre .wt_tmp_tp02 li.li04{line-height:156px;}
.m_main_tab .webtoonEtc.pre .wt_tmp_tp02 li.li05{line-height:156px;}
.m_main_tab .webtoonEtc.pre .wt_tmp_tp03 li.li01{line-height:156px;}
.m_main_tab .webtoonEtc.pre .wt_tmp_tp03 li.li02{line-height:156px;}
.m_main_tab .webtoonEtc.pre .wt_tmp_tp03 li.li03{line-height:156px;}
.m_main_tab .webtoonEtc.pre .wt_tmp_tp04 li.li01{line-height:156px;}
.m_main_tab .webtoonEtc.pre .wt_tmp_tp04 li.li02{line-height:156px;}
.m_main_tab .webtoonEtc.pre .wt_tmp_tp04 li.li03{line-height:156px;}
.m_main_tab .webtoonEtc.pre .wt_tmp_tp05 li.li01{line-height:156px;}
.m_main_tab .webtoonEtc.pre .wt_tmp_tp05 li.li02{line-height:156px;}
.m_main_tab .webtoonEtc.pre .wt_tmp_tp05 li.li03{line-height:156px;}
.m_main_tab .webtoonEtc.pre .wt_tmp_tp05 li.li04{line-height:156px;}
.m_main_tab .webtoonEtc.pre .wt_tmp_tp05 li.li05{line-height:327px;}

.m_main_tab .webtoonEtc.pre .checkSpan{display:block; position:absolute; top:50%; right:-20px; margin-top:-12px;}
.m_main_tab .webtoonEtc.pre .sBtn_wh{display:block; position:absolute; top:50%; right:-20px; margin-top:-12px;}
.m_main_tab .webtoonEtc.pre .sBtn_wh.up{ right:0px; margin-top:-25px;}
.m_main_tab .webtoonEtc.pre .sBtn_wh.down{ right:0px; margin-top:5px;}
.m_main_tab .webtoonEtc.pre .sBtn_wh.del{ right:-1px; top:20px;}

.m_main_tab .wt_tmp_tp01{position:relative; z-index:2; height:160px;}
	.m_main_tab .wt_tmp_tp01 .tit{position:absolute; left:0; bottom:0;}
	.m_main_tab .wt_tmp_tp01 .tit .date{position:absolute; left:112px; top:108px; font-weight:bold; font-size:20px; letter-spacing:-1px; color:#333;}
	.m_main_tab .wt_tmp_tp01 .li01{left:422px; top:0;}
	.m_main_tab .wt_tmp_tp01 .li01{width:246px; height:156px;}
	.m_main_tab .wt_tmp_tp01 .li01 .li_thumb images{height:156px;}
.m_main_tab .wt_tmp_tp02{position:relative; z-index:1; height:327px;}
	.m_main_tab .wt_tmp_tp02 .li01{left:0; top:0; width:201px; height:323px;}
	.m_main_tab .wt_tmp_tp02 .li01 .li_thumb images{height:323px;}
	.m_main_tab .wt_tmp_tp02 .li02{left:211px; top:0; width:246px; height:156px;}
	.m_main_tab .wt_tmp_tp02 .li02 .li_thumb images{height:156px;}
	.m_main_tab .wt_tmp_tp02 .li03{left:467px; top:0; width:201px; height:156px;}
	.m_main_tab .wt_tmp_tp02 .li03 .li_thumb images{height:156px;}
	.m_main_tab .wt_tmp_tp02 .li04{left:211px; top:167px; width:201px; height:156px;}
	.m_main_tab .wt_tmp_tp02 .li04 .li_thumb images{height:156px;}
	.m_main_tab .wt_tmp_tp02 .li05{left:422px; top:167px; width:246px; height:156px;}
	.m_main_tab .wt_tmp_tp02 .li05 .li_thumb images{height:156px;}
.m_main_tab .wt_tmp_tp03{position:relative; z-index:1; height:160px;}
	.m_main_tab .wt_tmp_tp03 li{top:0; height:156px;}
	.m_main_tab .wt_tmp_tp03 li .li_thumb images{height:156px;}
	.m_main_tab .wt_tmp_tp03 .li01{left:0; width:246px;}
	.m_main_tab .wt_tmp_tp03 .li02{left:256px; width:201px;}
	.m_main_tab .wt_tmp_tp03 .li03{left:467px; width:201px;}
.m_main_tab .wt_tmp_tp04{position:relative; z-index:1; height:160px;}
	.m_main_tab .wt_tmp_tp04 li{top:0; height:156px;}
	.m_main_tab .wt_tmp_tp04 li .li_thumb images{height:156px;}
	.m_main_tab .wt_tmp_tp04 .li01{left:0; width:201px;}
	.m_main_tab .wt_tmp_tp04 .li02{left:211px; width:201px;}
	.m_main_tab .wt_tmp_tp04 .li03{left:422px; width:246px;}
.m_main_tab .wt_tmp_tp05{position:relative; z-index:1; height:327px;}
	.m_main_tab .wt_tmp_tp05 .li01{left:0; top:0; width:246px; height:156px;}
	.m_main_tab .wt_tmp_tp05 .li01 .li_thumb images{height:156px;}
	.m_main_tab .wt_tmp_tp05 .li02{left:256px; top:0; width:201px; height:156px;}
	.m_main_tab .wt_tmp_tp05 .li02 .li_thumb images{height:156px;}
	.m_main_tab .wt_tmp_tp05 .li03{left:0; top:167px; width:201px; height:156px;}
	.m_main_tab .wt_tmp_tp05 .li03 .li_thumb images{height:156px;}
	.m_main_tab .wt_tmp_tp05 .li04{left:211px; top:167px; width:246px; height:156px;}
	.m_main_tab .wt_tmp_tp05 .li04 .li_thumb images{height:156px;}
	.m_main_tab .wt_tmp_tp05 .li05{left:467px; top:0; width:201px; height:323px;}
	.m_main_tab .wt_tmp_tp05 .li05 .li_thumb images{height:323px;}
.m_main_tab .webtoonEtc li .li_thumb{display:block; width:100%; position:relative;}
.m_main_tab .webtoonEtc li .li_thumb images{width:100%;}
.m_main_tab .webtoonEtc li .ic_new{display:inline-block; vertical-align:middle; width:40px; height:40px; overflow:hidden; background:url('../images/toon_icon.png') no-repeat -41px 0; line-height:300px; position:absolute; left:4px; top:4px;}
.m_main_tab .webtoonEtc li .li_layer{position:absolute; left:0; bottom:0; width:100%; height:36px; padding-top:6px; background:url('../images/bg_layer01.png') repeat 0 0; color:#fff; line-height:16px; font-size:11px; overflow:hidden;}
.m_main_tab .webtoonEtc li .li_tit{display:block; font-size:14px; height:18px; line-height:18px; font-weight:bold; margin-left:8px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.m_main_tab .webtoonEtc li .nm{float:left; max-width:150px; _width:150px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.m_main_tab .webtoonEtc li .ic_up{display:inline-block; width:28px; height:18px; overflow:hidden; background:url('../images/toon_icon.png') no-repeat -41px -72px; line-height:150px; margin-left:5px; float:left;}
.m_main_tab .webtoonEtc li .ic_stop{display:inline-block; width:34px; height:18px; overflow:hidden; background:url('../images/toon_icon.png') no-repeat -42px -132px; line-height:150px; margin-left:5px; float:left;}
.m_main_tab .webtoonEtc li .ic_end{display:inline-block; width:34px; height:18px; overflow:hidden; background:url('../images/toon_icon.png') no-repeat -42px -162px; line-height:150px; margin-left:5px; float:left;}
.m_main_tab .webtoonEtc li .li_author{display:block; margin:0 60px 0 8px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; clear:both;}
.m_main_tab .webtoonEtc li .li_cnt{position:absolute; right:8px; top:24px; width:58px; white-space:nowrap; overflow:hidden; text-align:right;}
.m_main_tab .webtoonEtc li .li_cnt images{vertical-align:-3px; width:15px; height:15px;}

.webtoon_right_area{text-align:right; padding-top:10px;}
.webtoon_center_area{text-align:center; padding-top:10px;}

/*pop_tab*/
.tabCont{margin-top:30px;}
.author_list {border:1px solid #d4d4d4; height:180px; overflow:auto; padding:0 10px; margin-bottom:20px;}
.author_list li {border-bottom:1px solid #d4d4d4; padding:10px 5px;}
.author_list li span {margin-top:-4px;}


/*tab*/
.tab01 {*zoom:1; background:#f8f5f4; border-bottom:1px solid #c72a10; height:47px; margin: 0 30px 30px 30px;}
.tab01:after {content:""; display:block; clear:both;}
.tab01 .tab_item {float:left; width:146px; height:47px;}
.tab01 .tab_item a {display:block; line-height:46px; height:46px; font-size:14px; font-weight:bold; color:#888; text-align:center; padding-top:1px;}
.tab01 .tab_item.active_tab a {background:#fff; color:#c72a10; border:1px solid #c72a10; border-bottom:0; padding-top:0; padding-bottom:1px;}
.tab01 .btn_area { float: right; margin-top: 10px; }
.tab01 .btn_area span { margin-left: 6px; }



.tab-base{margin:0 30px}
.tab-base .tab-content{background-color:#fff; border-top:1px solid #f15f47; padding:30px 15px}
.tab-base .tab-content .tab-footer{background-color:#f4f5f7;color:#5f5f5f;border-color:#eef0f2;position:relative;margin:0 -15px -15px -15px;padding:10px 15px}
.tab-base .nav-tabs{border:0}
.tab-base .nav-tabs>li:not(.active)>a{background-color:rgba(255,255,255,0.35);opacity:.7;-webkit-transition:opacity, 0.3s;transition:opacity, 0.3s}
.tab-base .nav-tabs>li:not(.active)>a:hover{opacity:.9;background-color:rgba(255,255,255,0.55);border-color:#54abd9;border-bottom-color:transparent;-webkit-transition:opacity, 0.3s;transition:opacity, 0.3s}
.tab-base .nav-tabs.tabs-right{text-align:right}
.tab-base .nav-tabs.tabs-right>li{float:none;display:inline-block;margin-right:-2px}
.b {font-weight:bold !important;}
.borL {border-left:1px solid #e5e5e5;}
.pr35 {padding-right:35px;}
.txt_u {text-decoration:underline;}
.wrap_txt {width:100%; height:80px; overflow-y:auto; line-height:21px;}
.hide {display:none;}  
.show_td {display:table-row;}  
.item td {cursor:pointer;}
.bg_gray {background:#f7f7f7;}  
.pop_table {border:1px solid #e5e5e5;}
.pop_table td {padding:10px; line-height:20px; border-bottom:1px solid #e5e5e5;}
.pop_table input {padding:3px;}
#demo-dt-basic {border-top: 1px solid #f15f47;}
#demo-dt-basic td {text-align:center;}
#demo-dt-basic th{ /*padding: 9px 3px 10px;*/ font-size: 11px;}
#demo-dt-basic .row {padding:0 !important;}
.txt_wrap {text-overflow:ellipsis;white-space:nowrap;word-wrap:normal; overflow:hidden;}


/* step 20170616 추가 */
.Step{padding: 10px 0px;border-top: 1px solid #c3c7ca; border-bottom: 1px solid #c3c7ca;}
.Step:after{clear:both; content:""; display:block;}
.Step div{width:100px; height:32px; margin-right:20px; padding:0px 0 0 8px; color: #58595b;float:left;}
.Step div.on{background-color:#f15f47 !important;color:#fff; }
.Step div.last{margin-right:0;}
.Step div span{font-weight:500; font-size:18px; line-height:22px;position: relative;left: 105px; top: 3px;}
.Step div p{font-weight:500; font-size:14px; line-height:30px; position: absolute;}
.Step div.StepBox1{width:100px; padding-left:10px; background:#fafafa;}
.Step div.StepBox2{background:#fafafa; padding: 0 0 0 10px;}
.Step div.StepBox3{background:#fafafa; padding: 0 0 0 10px;}
.Step div.StepBox4{background:#fafafa;}

/* 입력 폼 */
#inputForm ul {padding-top:10px;}
#inputForm ul button {margin-left:10px; width:40px;}
#inputForm li {display:inline-block; width:100px;}
#inputForm input {margin:0px 3px 0px 10px;}
#inputForm input[type=text] {margin:0px 5px 0px 5px;}
#inputForm select {margin:0px 5px 0px 5px;}
#inputForm select:disabled {height:20px; border:0; background: #f3f3f3;}
#inputForm span.txtSummary {margin-left: 10px; font-size: 11px; color: #939598;}