@charset "utf-8";


/*---------------
=================
UI CSS
=================
---------------*/



.tip{
display:inline-block;
/*height:34px;*/
font-size:12px;
font-weight:400;
vertical-align: middle;
display:table-cell;
color:#999;
}


.input-sm {
    font-size: 13px;
}

.form-control {
    color:#333;
}


label {
font-weight:500 !important;
}


/* 정돈필요 */
.table>thead>tr>th {
    vertical-align: middle;
	text-align:center !important;
	background-color:#f1f1f1;
}


.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    vertical-align: middle;
}
.td_chk,.td_mbcert,.td_mbstat,.td_num,.td_date,.td_numsmall,.td_mngsmall {
text-align:center;
}


.table-bordered {
    border: 1px solid #ddd;
}


.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  /*  padding: 15px; */
}

/*
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    border-bottom-width: 2px;
}
*/

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd;
}

.table > thead > tr > th {
    border-bottom: 1px solid #ddd;
	font-weight:400 !important;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: 0px solid #ddd;
}

/*
.table > tbody > tr > td {
   padding-bottom: 6px !important;
}
*/

.table>tbody>tr>th label {
    margin-bottom: 0px !important;
}

.table>tbody>tr>th{
    background-color:#f9f9f9;
	color:#555;
	font-weight:500 !important;
}


.table>tbody>tr>td label {
    display: inline-block;

color: #357ca5 !important;
    margin-bottom: 0px !important;
    font-weight: 400 !important;
}


.table-responsive .form-control {
    display: inline; 
    width: auto; 
    _height: 34px;
    _padding: 6px 12px;
    _font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
 
}


.table-responsive .table>tbody>tr>th {
    vertical-align: middle;
}

.table-responsive .table>tbody>tr>th label {
    margin-bottom: 0px !important;
}


.table-responsive .table>tbody>tr>td label {
    display: inline-block;

    margin-bottom: 0px !important;
    font-weight: 400 !important;
}

/* 정돈필요 끝 */




/* Note */
.note {
    padding: 10px !important;
    margin-bottom: 20px;
    border: 1px solid #faebcc;
    border-radius: 4px;
	color: #8a6d3b;
    background-color: #fcf8e3;
	font-size:12px;
}

.note strong {
color: #dd4b39;
}

.box-tools .form-control {
font-size:12px !important;

margin-bottom: 10px !important;
}

.btn-search {
    background-color: #f4f4f4;
    color: #444;
    border-color: #ddd;
	margin-bottom:10px;
}

.sound_only {
    display: inline-block !important;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    font-size: 0;
    line-height: 0;
    border: 0 !important;
    overflow: hidden !important;
}


.boxin-footer {
    padding: 10px 0;
}

textarea {
min-width:100%;
}


.required {
    background: url(../../../img/wrest.gif) #f6f9fa top right no-repeat !important;
	/* border-color: #f39c12; */

    border-color: #00a7d0 !important;
}

.inline label {
font-weight:400;
margin-top: 10px;
}


.control-label {
    margin-top: -10px;
    margin-bottom: 0;
	font-weight:400;
}




.btn {
    font-size: 13px;
    font-weight: 350;
	_border-radius: 0px;
}





/*  
------------
UI_BOARD  
------------
*/


/* LIST */
.ui_list {
font-size:15px;
font-weight:400;
color:#555;
}

.ui_list table a:hover,
.ui_list table a:active,
.ui_list.hover {
  color:#d33724;
}

#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {margin-bottom:10px;padding-left:1px;zoom:1;list-style:none;padding-left:0px}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {float:left;margin-bottom:-1px}
#bo_cate a {display:block;position:relative;margin-left:-1px;padding:16px 0 15px;border:1px solid #ddd;background:#f7f7f7;color:#888;text-align:center;letter-spacing:-0.1em;line-height:1.2em;cursor:pointer}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none}
#bo_cate #bo_cate_on {z-index:2;border:1px solid #d33724;background:#fff;color:#d33724;}

.ui_list table {
border-top:1px solid #999;border-bottom:1px solid #999
}
.ui_list th {
font-size:14px;
}

.ui_list td {
font-size:14px;
}

/*
.ui_list td .btn{
width:80px !important; padding: 2px 0 0 0px !important; height:25px !important; font-size:12px;
}
*/



.td_num {text-align:center}
.td_subject a {font-size:16px;font-weight:400;}
.td_subject .label {font-size:10px !important;font-weight:500;padding:0px 5px !important;}
.td_name a {font-size:13px;}
.td_subject .tip {height:auto;}

.td_center { text-align:center; }
.td_left { text-align:left; }


.sch_word {
padding: 2px 4px;
color:#ff3061;
background-color: #f9f2f4;
border-radius: 4px;
} 


.ui_list .pg_wrap {
    margin: 0px !important;
	border:0px solid red !important;
}


/* LIST END */


/* WRITE */
.ui_write .table>tbody>tr>td label {
	font-weight:500 !important;
}

.ui_write .input-sm {
    padding: 3px 10px 7px 10px;
}

.wr_content textarea {border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:20px;}
.wr_content textarea {padding:10px}
.wr_content textarea {width:98%;height:100px}


/*----- G5 Captcha -----*/
.vc-captcha {padding:15px 10px 10px;border:1px solid #ddd}
.vc-captcha fieldset {padding:0}
#captcha #captcha_img {height:62px;border:1px solid #eee;width:158px}
#captcha #captcha_key {width:130px;height:62px;border:1px solid #ddd;font-size:24px;line-height:14px;margin-left:34px}
#captcha .required,#captcha textarea.required {background:#fff !important}

#captcha #captcha_mp3 span {
    position: absolute;
    top: 0;
    left: 0;
    width: 31px;
    height: 31px;
    background: url(../../../img/captcha.png) no-repeat;
}

#captcha #captcha_mp3 {
    position: absolute;
    top: 0;
    left: 161px;
    margin: 0;
    padding: 0;
    width: 31px;
    height: 31px;
    border: 0;
    background: transparent;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
}


#captcha #captcha_reload {
    position: absolute;
    top: 31px;
    left: 161px;
    margin: 0;
    padding: 0;
    width: 31px;
    height: 31px;
    border: 0;
    background: transparent;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
    background: url(../../../img/captcha.png) no-repeat 0 -30px;
    border-top: 1px solid #ccc;
    text-indent: -999px;
}


#captcha #captcha_info {
    display: block;
    margin: 5px 0 10px;
    font-size: 0.95em;
    letter-spacing: -0.1em;
}

/* WRITE END */



/* VIEW */
.ui_v {margin-bottom:20px;padding-bottom:20px}
.ui_v_title {padding-top:10px; padding-bottom:20px; margin:0px; font-size:22px; font-weight:700; line-height:30px;}

.ui_v_title .ui_v_cate {color:#777;font-weight:400; }

#ui_v_info {padding:0 0 10px;border-bottom:0px solid #ddd;font-size:12px !important;}
#ui_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ui_v_info strong {display:inline-block;margin:0 15px 0 5px;font-weight:normal}
#ui_v_info .sv_member,
#ui_v_info .sv_guest,
#ui_v_info .member,
#ui_v_info .guest {font-weight:bold}

.ui_v .sp {
    display: inline-block;
    width: 20px;
}

.panel {
    box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0px;
	margin-bottom: 0px;
	background-color:#f1f1f1;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 0px !important;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
	font-size: 12px;
}


#bo_v_top {margin:0 0 10px;padding:10px 0;zoom:1}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}

#bo_v_bot {zoom:1}
#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_bot ul {margin:0;padding:0;list-style:none}


.bo_v_nb {float:left}
.bo_v_nb li {float:left;margin-right:5px}
.bo_v_com {float:right}
.bo_v_com li {float:left;margin-left:5px}



#bo_v_atc {min-height:200px;height:auto !important;height:200px;padding:20px;}
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_img {margin:0 0 10px;width:100%;overflow:hidden;zoom:1}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img img {margin-bottom:20px;max-width:100%;height:auto}

#bo_v_con {margin-bottom:30px;width:100%;line-height:1.7em;word-break:break-all;overflow:hidden;font-size:15px !important;color:#333;}
#bo_v_con a {color:#000;text-decoration:underline}


#bo_v_con _img {max-width:100%;height:auto}

#bo_v_act {margin-bottom:30px;text-align:center}
#bo_v_act .bo_v_act_gng {position:relative}
#bo_v_act a {margin-right:5px;vertical-align:middle}
#bo_v_act strong {color:#ff3061}
#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}

#bo_v_sns {margin:0 0 20px;padding:0;list-style:none;zoom:1}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;margin:0 5px 0 0}


#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:500}


.bo_vc_title {font-size:20px; padding:10px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd}

.bo_vc_act {float:right;margin:0;list-style:none;zoom:1}
.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_act li {float:left;margin-left:5px}

#bo_vc_w {position:relative;margin:0 0 10px;padding:0 0 20px;border-bottom:1px solid #cfded8}
#bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc_w #char_cnt {display:block;margin:0 0 5px}

#bo_vc_sns {margin:0;padding:0;list-style:none;zoom:1}
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc_sns li {float:left;margin:0 20px 0 0}
#bo_vc_sns input {margin:0 0 0 5px}



.view-good-box { text-align:center; }
.view-good-box span { margin:15px 6px; width:80px; height:80px; display:inline-block; }
.view-good-box a { background: rgb(245, 245, 245); padding-top:14px; border-radius: 50%; width: 80px; height: 80px; text-align: center; color: rgb(51, 51, 51); font-size: 22px; line-height:26px; display: inline-block; }
.view-good-box .view-good a:hover { background: rgb(223, 17, 25); color: rgb(255, 255, 255); }
.view-good-box .view-nogood a:hover { background: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.view-author .auth-photo { width:160px; padding-right:15px; }
.view-icon { margin-bottom:10px; }
.view-icon img { width:34px; border-radius:50%; margin-bottom:5px; }
.view-comment { margin: 0px; padding: 0px 0px 5px; text-transform: capitalize; overflow: hidden; border-bottom: 1px solid rgb(51, 51, 51); display: inline-block; position: relative; }

  .boder0 {
    width: 80px;
    height: 100%;
    background: #fafafa;
	border:0px;
	border-right: 1px solid #ccc;
	cursor: pointer;
}


h4 {
    position: relative;

  }
  
h4.one {
    margin-top: 15px;
    margin-bottom: 15px;
	font-size:18px;
  }
  
h4.one:before {
    content: "";
    display: block;
    border-top: 2px dotted #ccc;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: 1;
  }
  
h4.one span {
    background: #fff;
    color:#555; 
    padding: 0 20px 0 0;
    position: relative;
    z-index: 5;
  }




/* Comment */
.comment-media { margin:10px 0px; }
.comment-media .photo i { background: rgb(245, 245, 245); padding: 15px; border-radius: 50%; width: 64px; height: 64px; text-align: center; color: rgb(143, 143, 143); font-size: 30px; display: inline-block; }
.comment-media .photo img { border-radius: 50%; width: 64px !important; height: 64px !important; display:inline-block; }
.view-mobile .comment-media .photo i { padding: 10px; width: 54px; height: 54px; }
.view-mobile .comment-media .photo img { width: 54px !important; height: 54px !important; }

.comment-media .media { border-top:1px solid #eee; margin:7px 0px; padding:7px 0px 0px; }
.comment-media :first-child.media { border-top:0px; margin-top:0px; padding-top:0px; }
.comment-media h5 { margin:2px 0px; line-height: 22px; }
.comment-media .media .media-body { padding-left:0px; }
.comment-media .media .media-info { margin-left:10px; }
.comment-media .media .media-content { margin-top:8px; min-height:60px; }
.comment-media .media .media-btn {	margin-left:4px; }
.comment-media .cmt-good-btn { text-align:right; padding-right:1px; }
.comment-media .cmt-good, .comment-media .cmt-nogood { display:inline-block; width:74px; height:20px; margin-top:10px; padding-right:10px; margin-right:-1px; font:bold 11px verdana; text-align:right; letter-spacing:-1px; line-height:19px; cursor:pointer; }
.comment-media .cmt-good { background: url('../../img/cmt_good.gif') no-repeat left center; color:#f4695b; }
.comment-media .cmt-nogood { background: url('../../img/cmt_nogood.gif') no-repeat left center; color:#888; }

.comment-form { padding-top:10px; }
.comment-box { border:1px solid #ddd; padding:12px 12px 0px; margin-bottom:15px; background:#fbfbfb; }
.comment-content { display:table; width:100%; table-layout:fixed; }
.comment-content .comment-cell { display:table-cell; padding:0px; text-align:center; vertical-align:middle; }
.comment-content .comment-cell.comment-submit { width:80px; height:100%; background:#fafafa; border:1px solid #ccc; border-left:0px; cursor:pointer; }
.comment-btn .cursor { margin-left:12px; color:#787878; }

#wr_content { resize:none; }
#bo_vc_opt ol {	margin:0;padding:0;list-style:none;zoom:1; }
#bo_vc_opt ol:after { display:block;visibility:hidden;clear:both;content:""; }
#bo_vc_opt ol li { float:left;margin:0; }
#bo_vc_send_sns ul { margin:0;padding:0;list-style:none;zoom:1; }
#bo_vc_send_sns ul:after { display:block;visibility:hidden;clear:both;content:""; }
#bo_vc_send_sns ul li {	float:left;margin:0 20px 0 0; }
#bo_vc_send_sns input {	margin:0 0 0 5px; }

/* VIEW END*/






.btn-black {
  background-color: #333;
  border-color: #111;
  color: #fff !important;
  border-image: none !important;
  background-image: none !important;
}
.btn-black:hover,
.btn-black:active,
.btn-black.hover {
  background-color: #555; 
}



.btn-lg {
border-radius:3px !important;
}




.btn {border-radius: 0px !important;}







/* strength 에 사용 */



.management_wrap{}
.management_wrap dl{width:1024px; margin:0 auto;}
.management_wrap dl dt{background-color:#4c5d70; text-align:center; border-radius:80px; padding:34px 0 38px 0}
.management_wrap dl dt h3{color:#fff; font-size:1.500em; letter-spacing:-0.01em;}
.management_wrap dl dt p{color:#dedede; font-size:1em; padding-top:18px; font-weight:400}					
.management_wrap ul{text-align:center; background:url(../img/sub/bg_3t_arr_up.gif) 50% 0 no-repeat; padding-top:101px; margin-top:20px;}
.management_wrap ul li{position:relative; display:inline-block; vertical-align:top; width:232px; padding-top:261px;}
.management_wrap ul li strong{font-size:1.250em; color:#333333;text-align:center !important;}
.management_wrap ul li p{line-height:26px; padding-top:12px;text-align:left; }
.management_wrap ul li p span{display:block;}					
.management_wrap ul li.t01{background:url(../img/sub/icon_3t_01.png) 50% 0 no-repeat;}
.management_wrap ul li.t02{background:url(../img/sub/icon_3t_02.png) 50% 0 no-repeat; margin:0 97px;}
.management_wrap ul li.t03{background:url(../img/sub/icon_3t_03.png) 50% 0 no-repeat;}





@media all and (max-width:1023px){
	
	

	.management_wrap{}
	.management_wrap dl{width:100%;}
	.management_wrap dl dt{border-radius:10px; padding:42px 56px}
	.management_wrap dl dt h3{font-size:2.0em;}
	.management_wrap dl dt p{line-height:42px; font-size:1.4em; padding-top:12px;}
	.management_wrap ul{background:url(../img/sub/bg_3t_arr_up_m.gif) 50% 0 no-repeat; padding-top:70px;}
	.management_wrap ul li{display:block; width:100%; padding-top:288px; margin:102px 0 0 0;}
	.management_wrap ul li:after{content:''; position:absolute; left:50%; top:-80px; background-color:#d7d7d7; width:1px; height:50px;}
	.management_wrap ul li:first-child{margin-top:0}
	.management_wrap ul li:first-child:after{display:none;}
	.management_wrap ul li strong{font-size:1.875em;}
	.management_wrap ul li p{font-size:1.2em; line-height:36px; padding:18px 30px 0;text-align:center;}
	.management_wrap ul li p span{display:inline;}	
	
	.management_wrap ul li.t01{background:url(../img/sub/icon_3t_01_m.png) 50% 0 no-repeat;}
	.management_wrap ul li.t02{background:url(../img/sub/icon_3t_02_m.png) 50% 0 no-repeat; margin:102px 0 0 0;}
	.management_wrap ul li.t03{background:url(../img/sub/icon_3t_03_m.png) 50% 0 no-repeat;}		
	

	

}

@media all and (max-width:639px){
	

	.management_wrap dl dt{border-radius:5px; padding:21px 28px}
	.management_wrap dl dt h3{font-size:1.063em;}
	.management_wrap dl dt p{line-height:21px; font-size:0.813em; padding-top:6px;}
	.management_wrap ul{padding-top:35px; background-size:100%; }
	.management_wrap ul li{padding-top:144px; margin:51px 0 0 0;}
	.management_wrap ul li:after{top:-40px; height:25px;}
	.management_wrap ul li strong{font-size:0.938em;}
	.management_wrap ul li p{font-size:0.813em; line-height:21px; padding:9px 15px 0}
	
	.management_wrap ul li.t01{background-size:128px 128px;}
	.management_wrap ul li.t02{background-size:128px 128px; margin:51px 0 0 0}
	.management_wrap ul li.t03{background-size:128px 128px;}
	
	.management_wrap .company_profile{margin-top:40px;}
	.management_wrap .company_profile:before{height:139px;}
	.management_wrap .company_profile .cont{background:#00529b url(../img/sub/bg_logo.png) 118% 38px no-repeat; background-size:174px 170px; padding:20px 15px 25px 15px;}
	.management_wrap .company_profile .cont p{font-size:1.063em; line-height:23px;}
	.management_wrap .company_profile .cont .file{margin:15px 0 0 -10px; overflow:hidden;}
	.management_wrap .company_profile .cont .file span a{margin-left:10px; line-height:27px; font-size:0.750em;}
	

a.btn i, .btn i {
    display: inline-block !important;

}

}


/* view */
.tbl02 {width:100%;border-collapse:collapse;border-spacing:0;box-sizing:border-box;border-top:1px solid #ddd;border-left:1px solid #ddd}
.tbl02 caption {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}
.tbl02 th {padding:8px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#f9f9f9;text-align:left;}
.tbl02 th label { margin-bottom:0px; white-space: nowrap;}
.tbl02 td {padding:8px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
@media all and (max-width:767px){

.tbl02 th {display:none;}
.tbl02 td {width:50%;vertical-align: top;border-top:1px solid #ddd; }
.tbl02 td p {margin:0px !important;color:#357ca5;}
.tbl02 .color p {color:#333 !important;font-size:14px !important;}
 
/* 
#bo_vc .tbl02 {border-bottom:1px solid #ddd;border-top:0px solid #ddd;}
#bo_vc .tbl02 td {width:50%;vertical-align: top;}
#bo_vc .tbl02 td {border-right:1px solid #ddd;border-bottom:0px solid #ddd;border-top:0px solid #ddd;}
*/
}