@charset "utf-8";

.first_loading {z-index:100000; display:table; position:fixed; top:0; left:0; width:100%; height:100%; text-align:center;

	background: #fff; /* Old browsers */
}
.first_loading > div {display:table-cell; vertical-align:middle;}
/* -------------- loader -------------- */

.loader{
    position: relative;
    width: 150px;
    height: 20px;
	
    top: 45%;
    top: -webkit-calc(50% - 10px);
    top: calc(50% - 10px);
    left: 25%;
    left: -webkit-calc(50% - 75px);
    left: calc(50% - 75px);
}

.loader:after{
    content: "LOADING ...";
    color: #fff;
    font-family:  "tium" ;
    font-weight: 200;
    font-size: 16px;
    position: absolute;
    width: 100%;
    height: 20px;
    line-height: 20px;
    left: 0;
    top: 0;
    background-color: #27557b;
    z-index: 1;
}

.loader:before{
    content: "";
    position: absolute;
    background-color: #01adeb;
    top: -5px;
    left: 0px;
    height: 30px;
    width: 0px;
    z-index: 0;
    opacity: 1;
    -webkit-transform-origin:  100% 0%;
            transform-origin:  100% 0% ;
    -webkit-animation: loader 1s ease-in-out;
            animation: loader 1s ease-in-out;
}
@-webkit-keyframes loader{
    0%{width: 0px;}
    70%{width: 100%; opacity: 1;}
    100%{opacity: 1; width: 100%;}
}
@keyframes loader{
    0%{width: 0px;}
    70%{width: 100%; opacity: 1;}
    100%{opacity: 1;width: 100%;}
}
@-moz-keyframes loader{
    0%{width: 0px;}
    70%{width: 100%; opacity: 1;}
    100%{opacity: 1; width: 100%;}
}
@-o-keyframes loader{
    0%{width: 0px;}
    70%{width: 100%; opacity: 1;}
    100%{opacity: 1;width: 100%;}
}

/* ******************* bootstrap modify ******************* */
ul,ol,li,dl,dt,dd {list-style:none; padding:0; margin:0;}
/* ******************** °ø¿ë ******************** */
/* table style */
.tableMode {display:table; clear:both; float:none; width:100%; max-width:100%; padding:0; margin:0; border-bottom:0;}
.tableMode>* {display:table-cell; float:none; padding:10px;}
.tableMode>*:first-child {border-left:0;}
.tableMode .middle {vertical-align:middle;}

/* °ÝÀÚÇü ±¸Á¶ - Å×ÀÌºí ½ºÅ¸ÀÏ */
.typeCube {clear:both;}
.typeCube .tableWrap {display:table; width:100%; margin:0; padding:0;}
.typeCube .tableWrap > * {display:table-cell; float:none; margin:0; padding:0;}

.c_acc {color:#00cccc !important;} /* °­Á¶»ö»ó */
.c_sub1 {color:#ee8e00 !important;} /* º¸Á¶»ö»ó1 */
.c_sub2 {color:#ee8e00 !important;} /* º¸Á¶»ö»ó2 */
.c_sub3 {color:#ee8e00 !important;} /* º¸Á¶»ö»ó2 */

input {border-radius:5px; border:1px solid #ddd; width:100%; padding:5px; font-size:14px}
form {position:relative;}

.pad5 {padding-right:5px;}
.w100 {width:100%;}
.btn {border:1px solid #666; border-radius:5px; padding:10px 20px;}
.btn-normal {background:#666; color:#fff !important;}
.btn-normal:hover {box-shadow:2px 2px 5px rgba(0,0,0,.1) !important; background:#333}
@media screen and (max-width:991px) {.btn_box ul li {margin:25px 0 0;} }
.join label:not(.control-label) {cursor:pointer; padding:0 5px;}
.join label * {vertical-align:middle;}
.join .form-group {float:left; width:100%; padding:5px;}
.join .form-control {width:100%;}
.join ~.btn_box {border-top:0 !important; margin-top:140px;}
.join input {width:auto;}
.radio-inline {}
.radio-inline * {display:inline-block;}

.mypage_out {border:1px solid #ddd; border-radius:15px; padding:0 !important;}
.mypage_out > div {padding:30px; border-bottom:1px solid #ddd; text-align:center; background:#f5f5f5;color:#000; border-radius:15px 15px 0 0;}
.mypage_out form {padding:15px 15px 30px;}
.mypage_out form .col-xs-12 {padding:10px 20px 0;}
.mypage_out form > div >div:last-child  {padding:20px;}
.mypage_out form > div:last-child .btn_login {text-align:center; margin-top:15px;}
/* ******************** introduction ******************** */
/* introduce */
.intro {}
.intro img {width:100%;}
/* location */
#googleMap {height:500px;}

/* project */
.list_recent {}
.search {position:absolute; right:0; top:0; width:60px; height:34px;}
.search a {position:relative; right:0; display:block; width:100%; height:100%; background:url(/img/common_responsive/icon_search_fix.png) no-repeat 50% 50% transparent !important;}

.select_search {}
.board_info {padding-top:10px;}
/* ******************** professor ******************** */
.pro.wrap_box p {margin-bottom:10px;}



/* ******************* (member) ******************* */
.pro.wrap_box {color:#666; background:#f9f9f9; /* border-top:1px solid #111; */ padding:40px;}
/*.pro.wrap_box>div {padding:0 0 30px 0;}*/
.pro.wrap_box span {display:inline-block; color:#666; padding-left:10px;}
.pro.wrap_box span:first-child {color:#000; background:url(../images/common/dot3_3x.png)no-repeat 1px center; background-size:2px; width:100%;}
.pro.spec_box {padding:40px; margin:20px 0px;}
/*.pro.spec_box:last-child {padding-bottom:0; border-bottom:0;}*/
.pro.spec_box dt {font-weight:normal; padding-bottom:20px; color:#000; font-size:18px;}
.pro.spec_box dd {padding-bottom:10px; color:#999;}
.pro.spec_box dd:last-child {padding-bottom:0;}
.pro.spec_box dd span {display:block;}
.pro.spec_box.dd2 dd span:first-child {color:#111;}
.pro.spec_box dd p.dot {background:url(../images/common/dot3_3x.png)no-repeat 1px 8px; background-size:2px; padding-left:10px;}

.edu_list > div {border:1px solid #f5f5f5;}

.forscher>li {position:relative; padding:15px;}
.forscher>li>div {border:1px solid #eee;}
.forscher>li>div>* {padding:20px;}
.forscher>li>div div:first-child {overflow:hidden; height:200px; padding:15px; text-align:center; background:url(../images/common/noimg.png) no-repeat 50% 50% #f7f7f7;}
.forscher>li>div div:first-child img {height:170px; width:;}
.forscher>li>div dt {padding-bottom:20px; color:#000; font-size:16px;}
.forscher>li>div dd p {margin:0; padding-bottom:5px; font-size:13px;}
.forscher>li>div dd p span {color:#40a2eb;}
/*professor.html*/
.pro dl {padding-left:150px; overflow:hidden;}
.pro .i_achieve {background:url(../images/forscher/i_achieve.png)no-repeat;}
.pro .i_career {background:url(../images/forscher/i_career.png)no-repeat;}
.pro .i_study {background:url(../images/forscher/i_study.png)no-repeat;}
.pro .i_award {background:url(../images/forscher/i_award.png)no-repeat;}

/* ********************* ÇÁ·Î±×·¥ ************************** */
/* ********************** ºÎÆ®½ºÆ®·¦ ¼öÁ¤ ******************** */
* {box-shadow:none !important;}
.btn-xs {color:#333 !important; background-color:#fff; border:1px solid #ddd;}
.btn-xs:hover {color:#fff !important; background-color:#333; border:1px solid #333;}

label {display:none;}
.checkbox label {display:block;}
* [class*="inline"] {display:inline-block !important;}
.block {display:block !important;}
.dropdown-menu>li>a {padding-left:12px !important;}
.open>.dropdown-toggle.btn-default {background-color:#f9f9f9 !important;}

.modal h4 {font-size:14px; font-weight:bold; color:#000;}
.modal p {font-size:12px;}
#pop_pwck .form-group {margin:0;}

.inlineBlock {display:inline-block;}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {position:relative !important; margin:0; vertical-align:middle; cursor:pointer;}
.checkbox label, .radio label {padding:0;}
.vetical_center {text-align:right;}
.vetical_center * {display:inline-block; vertical-align:middle; cursor:pointer;}
.vetical_center input {width:auto;}
select {cursor:pointer; height:34px; width:100%; padding:4px 25px 4px 8px; background:url(../images/common/select.png) right 50% no-repeat; border:1px solid #ddd; border-radius:5px; -moz-appearance:none; -webkit-appearance:none; appearance:none; font-size:14px; clear:left !important;}
select::-ms-expand {display:none;}
.mobile select#page {border-radius:0 !important; height:34px !important; border:1px solid #dedede !important;}
input[type="hidden"] {}
.w100 {width:100% !important;}
label {vertical-align:middle;}
label span {vertical-align:top; margin-left:5px;}

/* ********************** Ãß°¡ ************************ */
/* °ø¿ë */
.msg_box * {vertical-align:top;}
.msg_box p {display:inline-block; font-size:12px !important;}
.mail2 i {position:absolute; top:5px; left:5px;} /* ¸ÞÀÏ ÀÔ·Â µÎ¹ø° @ ºÎºÐ¿¡ »ç¿ë */
.mail2 input {padding-left:25px !important;} /* ¸ÞÀÏ ÀÔ·Â µÎ¹ø° @ ºÎºÐ¿¡ »ç¿ë */
i.msg {display:inline-block; width:40px; height:40px; background:url(../images/common/icon_msg.png) no-repeat 0 4px;}


/* °Ô½ÃÆÇ ÆäÀÌ¡-¸ð¹ÙÀÏ¿ë */
.page_box {position:relative; margin-top:30px; text-align:center;}
.page_box .mobile label {display:none;}
.page_box .mobile {display:inline-block; margin:0; padding:0;}
.page_box .mobile>li {float:left; height:100%; padding-right:5px;}
.page_box .mobile>li:last-child {padding-right:0;}
.page_box .mobile .prev {display:block; min-width:34px; height:34px; background:url(../images/common/prev.png) no-repeat 50% #fff !important; border:1px solid #dedede; border-radius:0;}
.page_box .mobile .next {display:block; min-width:34px; height:34px; background:url(../images/common/next.png) no-repeat 50% #fff !important; border:1px solid #dedede; border-radius:0;}
.page_box .mobile .write {display:block; min-width:34px; height:34px; line-height:1; padding:9px 20px 0 20px !important;}
.page_box .mobile .write:hover {background:#333; color:#fff !important;}
.page_box .mobile .form-control  {border:1px solid #dedede; border-radius:0;}
.page_box .mobile .dropdown-toggle:hover {border-radius:0 !important;}
.page_box .mobile .btn-default  {border:0; height:32px !important;}

/* °Ô½ÃÆÇ ÆäÀÌ¡-PC¿ë */
.page_box .pagination {display:inline-block; margin:0;}
.page_box .pagination>li>a {color:#666; border:1px solid #333;}
.page_box .pagination .first,
.page_box .pagination .prev,
.page_box .pagination .next,
.page_box .pagination .last {color:#fff; background-color:#666; width:70px;}
.page_box .pagination .first:hover,
.page_box .pagination .prev:hover,
.page_box .pagination .next:hover,
.page_box .pagination .last:hover {color:#fff; background-color:#333;}
.page_box .pagination .last {border-radius:0 3px 3px 0;}
.page_box .pagination .write {display:inline-block; height:34px; line-height:1; margin-left:5px; padding:9px 20px 0 20px;}

/* °Ô½ÃÆÇ ¹öÆ° ¹­À½ */
.btn_box {position:relative; text-align:center; margin-top:30px; padding-top:25px; border-top:1px solid #eee;}
.btn_box ul {display:inline-block; margin:0; padding:0;}
.btn_box li {float:left; padding-right:5px;}
.btn_box li:last-child {padding-right:0;}

/* °Ô½ÃÆÇ ÀÌÀü±Û/´ÙÀ½±Û */
.more_list {margin-top:20px; padding-top:30px; border-top:1px solid #eee; overflow:hidden;}
.more_list >div {padding:5px 0;}
.more_list >div:first-child {margin-top:10px;}
.more_list div>* {display:inline-block; float:left; margin-right:10px; }
.more_list i {margin-top:-5px; width:30px; height:30px; border-radius:50%; background-color:#f0f0f0; background-position:50%; background-repeat:no-repeat;}
.more_list i.prev {background-image:url(../images/common/arrow_up.png)}
.more_list i.next {background-image:url(../images/common/arrow_down.png)}


/* °Ô½ÃÆÇ ÀϹÝ-º¸±â */
.view_normal_head {margin:0; padding:0;}
.view_normal_head p {margin:0; padding:0;}
.view_normal_head p>* {display:inline-block; padding-right:15px;}
.view_normal_head p>span {color:#000; font-weight:bold;}
.view_normal_head p>a {font-size:12px;}
.view_normal_head .title {margin:0; padding-bottom:20px; color:#333; font-size:20px; font-weight:normal; line-height:1.4}
.view_normal_con {margin-top:20px; padding-top:30px !important; border-top:1px solid #eee;}
.view_normal_con * {margin-bottom:20px; max-width:100% !important; line-height:1.8 !important;}
.contents {}

.list_type1 li {padding:0; margin:0; border-bottom:1px solid #eee;}
.list_type1 li:first-child {border-top:1px solid #eee;}
.list_type1 div {margin:0; padding:0;}
.list_type1 .num {text-align:center; color:#888;}
.list_type1 li {overflow:hidden; display:block; padding:15px 0;}
.list_type1 li .subject {color:#000;}
.list_type1 li span {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-bottom:7px; margin:0; font-size:13px; line-height:1.1; color:#999;}
.list_type1 li span:last-child {padding:0;}


/* °Ô½ÃÆÇ - Type2(ÇÁ·ÎÁ§Æ®) */
.list_type2 li {padding:0; margin:0; border-bottom:1px solid #eee;}
.list_type2 li:first-child {border-top:1px solid #eee;}
.list_type2 div {margin:0;}
.list_type2 div:first-child {text-align:center; min-height:90px; background:url(../images/common/noimg.png) no-repeat 50% 50%;}
.list_type2 img {max-width:100%;}
.list_type2 .num {text-align:center; color:#888; line-height:1.6;}
.list_type2 a {overflow:hidden; display:block; padding:15px 0;}
.list_type2 a .subject {color:#000; line-height:1.6; font-weight:bold;}
.list_type2 a span {display:block; margin:0; font-size:13px; line-height:1.6}
.list_type2 a span:last-child {padding-bottom:0;}
.list_type2 a span.contxt {overflow:""; text-overflow:""; white-space:"";}}
.list_type2 a span span {display:inline-block; padding-right:15px;}
.list_type2 a:hover {background-color:#f9f9f9;}
.list_type2 li>a>div {padding:5px;}

.pagination.pc {font-size:0;}
.pagination li {display:inline-block; vertical-align:top;}
.pagination li a {font-size:14px; padding:10px 15px; }

.login_box {margin-top:0; border:1px solid #e5e5e5; border-radius:10px; overflow:hidden; width:100%;}
.login_box input {padding:10px;}
.login_box .btn {border:1px solid #ccc;}
.login_box .form-group {text-align:center;}
.login_box .form-group>* {margin-bottom:15px; padding:0;}
.login_box .form-group>*:last-child {margin:0;}
.btn_login {width:100%; float:left; display:block; padding:20px 0; border-radius:5px; color:#fff !important; background-color:#0093ff; border:none; font-size:18px;}
.btn_login:hover {background-color:#333;}
.login_box .info {margin-top:20px; text-align:left; font-size:14px !important; padding:0;}
.login_box .info .btn d {margin-left:10px;}
.login_box .info>* {padding:15px; margin:0;}
.login_box .info .btn-sm {border:1px solid #ddd;}
.login_box .info .btn-sm:hover {border:1px solid #333;}
.login_title {padding:50px; text-align:center; background:#01adeb;}
.login_title h3 {display:block; margin-bottom:10px; color:#fff; font-size:36px; background:#01adeb;}
.login_title p { font-weight:normal; color:#fff !important;}
.login_inner_wrap {margin:40px auto;}
.login_inner {width:45%; margin:0 auto;}
.login_wrap { margin-top:40px; text-align:left;}
.search_wrap > div {padding:50px;}
.search_id {display:inline-block; float:left;}
.search_pw {display:inline-block; border-left:1px solid #e5e5e5;}

/* ȸ¿ø-°¡ÀÔ ÀÌ¿ë¾à°ü*/
.agree {padding:20px; border:1px solid #eee; background-color:#fafafa;}
.agree pre {width:100%; font-size:12px; margin:0; padding:0; font-family:inherit !important; line-height:inherit; background-color:transparent; border:none;}
.privacy {padding:20px; border:1px solid #eee; background-color:#fafafa;}
.privacy pre {font-size:12px; margin:0; padding:0; font-family:inherit !important; line-height:inherit; background-color:transparent; border:none;}

/* ȸ¿ø-°¡ÀÔÆû */
.join_step {margin-bottom:50px; text-align:center; font-size:12px; letter-spacing:-1px;}
.join_step li {padding-bottom:10px; color:#999; border-bottom:1px solid #ddd; background:url(../images/common/arrow_right.png) no-repeat 100% 30%; opacity:.5;}
.join_step li:last-child {background:none;}
.join_step .on {color:#000; border-bottom:1px solid #000; opacity:1; font-weight:bold;}
.join label {display:block; margin:0;}
.join .agree {overflow-y:auto;}
.join .checkbox label {color:red; font-size:12px; font-weight:800;}
.join .privacy {overflow-y:auto;}
.join .title {padding-bottom:10px; margin-bottom:30px !important; border-bottom:1px solid #333; font-weight:bold; color:#000;}
.join .title span {font-size:12px; color:#666; font-weight:normal;}
.join .form-group a.btn {display:block; min-height:34px; font-size:12px; letter-spacing:0; padding:0 20px; line-height:2.6; text-align:center;}
.join .form-group label {clear:left;}
.join .form-group>div {min-height:34px; margin-bottom:20px;}
.join .form-group>div>div {padding-left:0;}
.join .form-group>div:last-child {margin-bottom:0;}
.join .form-group>div p {clear:both; margin:0; font-size:12px; color:#999; line-height:1.4;}
.join .form-group>div>* {margin-bottom:5px;}
.join .form-group input[type="text"].inline {height:34px; padding:4px 12px; border:1px solid #ccc;}
.join .form-group span.inline {display:block; float:left; height:34px; padding:6px 5px;}
.join .form-group .select_box {height:34px;border:1px solid #ccc;}
.join .form-group .mail {border-right:0 !important;}
.join .form-group .divinner label {display:none;}
.join .form-group .divinner>div {padding-right:5px !important;}
.join .form-group .divinner>div:last-child {padding-right:0 !important;}

/* ȸ¿ø-°¡ÀÔ¿Ï·á */
.join_end {text-align:center;}
.join_end .title {font-size:24px; color:#000;}


.list_normal .table>tbody>tr>td,
.list_normal .table>tbody>tr> th,
.list_normal .table>thead>tr>td,
.list_normal .table>thead>tr>th {padding:15px 5px; text-align:center; border:0; border-bottom:1px solid #eee;}
.list_normal .table>thead>tr>th {font-size:12px; border:0; border-top:1px solid #333 !important; border-bottom:1px solid #333 !important; background-color:#f9f9f9;}
.list_normal .table>tbody>tr:hover {background-color:#fafafa;}
.list_normal .table>tbody>tr:first-child>td {border-top:1px solid #333;}
.list_normal .table .notice {font-weight:bold; color:#000;}
.list_normal .table .red {color:red;}
.list_normal .table .subject {text-align:left !important;}
.list_normal .table .file {width:auto; height:15px}
.list_normal .table .cmt {font-size:10px; color:#000; font-weight:bold;}

.list_normal [class*="reply"] {background-image:url(/img/common_responsive/icon_reply.png); background-repeat:no-repeat;}
.list_normal .reply1 {padding-left:30px !important; background-position:10px 20px}
.list_normal .reply2 {padding-left:45px !important; background-position:25px 20px}
.list_normal .reply3 {padding-left:60px !important; background-position:40px 20px}
.list_normal .reply4 {padding-left:75px !important; background-position:55px 20px}
.list_normal .reply5 {padding-left:90px !important; background-position:70px 20px}
.list_normal .reply6 {padding-left:105px !important; background-position:85px 20px}
.list_normal .reply7 {padding-left:120px !important; background-position:100px 20px}
.list_normal .reply8 {padding-left:135px !important; background-position:115px 20px}
/* °Ô½ÃÆÇ °¶·¯¸®-¸®½ºÆ® */
.list_gallery {position:relative; padding:30px 0; border-top:1px solid #eee; border-bottom:1px solid #eee; margin-bottom:30px;}
.list_gallery li {padding:10px;}
.list_gallery a {position:relative; display:block; width:100%; overflow:hidden;}
.list_gallery a:hover {box-shadow:0px 0px 10px rgba(0,0,0,.15) !important;}
.list_gallery .img span {/* display:block; width:100%; height:100%;  */background-color:#eee;}

.list_gallery a:hover .img span {
    transform:scale(1.2);
	-webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -o-transform:scale(1.2);
}
.list_gallery .img {overflow:hidden; background:url(/img/common_responsive/noimg.png) no-repeat 50% 50% #f7f7f7; border:1px solid #efefef; border-bottom:none;}
.list_gallery .img img {visibility:hidden;}
.list_gallery .subject {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:20px; border:1px solid #eee; border-top:none; background: #fff;}

/* ȸ¿ø-·Î±×ÀÎ, ¾ÆÀ̵ðºñ¹øã±â*/
@media (max-width: 991px) {
	.login_box {padding:0 !important}
	.login_inner {width:90%; }
	.pro.wrap_box {padding:20px 0;}
	.pro.spec_box {padding:20px;}
	.pro.wrap_box >* {overflow:hidden;}
	.pro.wrap_box >div:last-child {padding-top:20px;}
	.pro.spec_box >* {overflow:hidden;}
	.pro dl {padding-top:60px; padding-left:0; overflow:hidden; background-size:50px !important;}
	.forscher>li>div i {padding:10px;}
	.forscher>li>div dl {text-align:left;}
}

@media (min-width: 768px){
	.login_box {text-align:center; padding:0; width:100%;}
}
@media (max-width: 767px) {
	.login_title {padding:40px 20px;}
	.login_box {text-align:center; padding:0; width:100%;}
	.login_box .info a {display:block; text-align:center;}
	
	.join .form-group .divinner .padM_0 {padding-right:0 !important;}
	
	.login_box {text-align:center; padding:0; margin-top:0; width:100%;}
	.login_title h3 {font-size:24px;}
	.search_wrap>div {padding:40px 20px;}	
	.join_step {margin-bottom:20px;}
}



/* ÀÚÀ¯°Ô½ÃÆÇ */
.cmt_box {margin-top:10px; padding:15px; border:1px solid #eee; border-top:1px solid #333; border-bottom:1px solid #333; background-color:#fafafa;}
.cmt_box .title {font-weight:bold; color:#000;}
.cmt_box .comment {
	padding:10px;
	border:1px solid #ddd;
	background-color:#fff;
	border-radius:4px;
}
.cmt_box .comment label {display:none;}
.cmt_box .comment .form-group  {margin:0; padding:0;}
.cmt_box .comment .user_box>div {padding:0 5px 5px 0;}
.cmt_box .comment .msg {padding-left:0; font-size:12px; color:#999;}
.cmt_box .comment .btn {float:right;}
.cmt_box .comment .btn_wrap {padding-bottom:10px;}
.cmt_box .comment .cmt_btn {text-align:right;}
.cmt_box .comment .cmt_btn div {text-align:left; padding-left:0;}
.cmt_box .comment .redcode {padding-right:5px !important; font-size:12px;}
.cmt_box .comment .redcode div {width:100%; height:34px; padding:7px 0 !important; text-align:center; border:1px solid #ddd; border-radius:5px;}
.cmt_box .comment .redcode span {color:red; float:none; display:inline; padding:0;}
.cmt_box .comment .code {padding-top:10px;}
.cmt_box .comment .code>div {padding:0; padding-right:5px !important;}
.cmt_box .comment .code>div:first-child {padding-left:15px;}
.cmt_box .comment .textarea {padding-right:0 !important; padding-bottom:0 !important;}
.cmt_box .comment .textarea textarea {height:75px; width:100%; resize:none; border:1px solid #ddd; border-radius:5px;}

.cmt_box .list>ul>li {padding-top:15px; border-top:1px dotted #ddd;}
.cmt_box .list>ul>li:first-child {border-top:0;}
.cmt_box .list>ul>li:last-child {padding-bottom:0;}

.cmt_box .list .info {padding-bottom:15px;}
.cmt_box .list .info a {margin-left:-1px; border-radius:0;}
.cmt_box .list .info p {margin:15px;}
.cmt_box .list .info span {display:inline-block; padding-right:5px;}
.cmt_box .list .info span.date {font-size:12px; color:#888;}
.cmt_box .list .re_dep1 {
	/*padding-top:15px; border-top:1px dotted #ddd;*/
	background-image:url(/img/common_responsive/icon_reply.png);
	background-repeat:no-repeat;
	padding-left:30px !important;
	background-position:10px 5px;
}
.cmt_box .btnBox {padding-bottom:0 !important;}
@media (min-width:768px){
	.cmt_box .btnBox {padding:0 !important; padding-left:5px !important;}
	.cmt_box .btnOk {display:block; width:100%; height:74px; padding-top:25px; color:#fff; background:#333; border-radius:4px; text-align:center;}
}
@media (max-width:767px){
	.cmt_box .comment .textarea {margin-bottom:5px !important;}
	.cmt_box .btnBox {padding:0 !important;}
	.cmt_box .btnOk {display:block; width:100%; padding:10px 0; color:#fff; background:#333; border-radius:4px; text-align:center;}
	.join .control-label{width:100%; color:#000; padding-bottom:5px;} 
}