@charset "euc-kr";

@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=PT+Serif:400,700);

html {margin: 0;padding: 0; width:100%; height:100%;}
body {margin: 0;padding: 0; width:100%; height:100%; color:#505050; font-size: 12px; font-family: 'PT Serif', 'Open Sans', sans-serif;  line-height:18px; -webkit-text-size-adjust:none; -webkit-font-smoothing: antialiased; overflow-y:scroll;}
header, nav, article, section, aside, footer, figure {display: block;margin: 0;padding: 0;}/* html 5*/
div, p, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, img, a, form, span, em, strong, iframe{margin: 0;padding:0;}

.ellipsis{
	white-space:nowrap;
    text-overflow:ellipsis;     /* IE, Safari */
    -o-text-overflow:ellipsis;      /* Opera under 10.7 */  
    overflow:hidden;            /* "overflow" value must be different from "visible" */ 
    -moz-binding: url('ellipsis.xml#ellipsis'); 
}



div, ul, ol {list-style:none;}
table {width: 100%; border-collapse: collapse;margin: 0;padding: 0;border: 0;border-spacing: 0;}
th, td {margin:0;padding:0;border-spacing:0;}
legend, caption {width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}
img {border:0 none;vertical-align:middle;}
a{color:#505050;text-decoration:none;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
a:link,a:hover,a:active{text-decoration:none;}
address {font-style: normal;}
hr {display: none;}

strong {font-weight:normal;}
form {display:block;border:none;}
fieldset {margin:0px;padding:0px;border:none;}
input, select, textarea {}
input {vertical-align:middle;border:none;font-size:1em;}
input[type="text"]{-webkit-appearance:none;-webkit-border-radius:0;}
__input:checked[type="checkbox"]{background-color:#fff;-webkit-appearance:checkbox;}
input[type~="text"] {border:1px solid #ccc;}
input[type~="password"] {border:1px solid #ccc;}
input[type~="image"] {border: none;margin: 0;padding: 0;}
input[type~="file"] {border:1px solid #ccc;}
__input[type~="checkbox"] {border:none;margin:-1px 0; width:12px; height:12px;}
__input[type~="radio"] {border:none;margin:-1px 0; width:12px; height:12px;}
select {vertical-align:middle;font-size:1em; border: 1px solid #d9d9d9;}
textarea {border:1px solid #d9d9d9; font-size:1em; margin:0;}



input[type=text] {
	width: 100%;
	height: 20px;
	line-height:20px;
	border: 1px solid #d9d9d9;
	margin-bottom: 1px;
	padding:1px 0;
}

/*========================================================================
common spacer
========================================================================*/
.mg-none{margin:0; !important;}
.mgb-0{margin-bottom:0px !important;}
.mgb-10{margin-bottom:10px !important;}
.mgb-15{margin-bottom:15px !important;}
.mgb-20{margin-bottom:20px !important;}
.mgb-25{margin-bottom:25px !important;}
.mgb-30{margin-bottom:30px !important;}
.mgb-40{margin-bottom:40px !important;}
.mgb-50{margin-bottom:50px !important;}
.mgb-60{margin-bottom:60px !important;}
.mgb-70{margin-bottom:70px !important;}
.mgb-80{margin-bottom:80px !important;}
.mgb-90{margin-bottom:90px !important;}
.mgb-100{margin-bottom:100px !important;}

.mgt-0{margin-top:0px !important;}
.mgt-10{margin-top:10px !important;}
.mgt-15{margin-top:15px !important;}
.mgt-20{margin-top:20px !important;}
.mgt-25{margin-top:25px !important;}
.mgt-30{margin-top:30px !important;}
.mgt-40{margin-top:40px !important;}
.mgt-50{margin-top:50px !important;}
.mgt-60{margin-top:60px !important;}
.mgt-70{margin-top:70px !important;}
.mgt-80{margin-top:80px !important;}
.mgt-90{margin-top:90px !important;}
.mgt-100{margin-top:100px !important;}
.mgt-280{margin-top:280px !important;}

.mgl-0{margin-left:0px !important;}
.mgl-10{margin-left:10px !important;}
.mgl-15{margin-left:15px !important;}
.mgl-20{margin-left:20px !important;}
.mgl-25{margin-left:25px !important;}
.mgl-30{margin-left:30px !important;}
.mgl-40{margin-left:40px !important;}
.mgl-50{margin-left:50px !important;}
.mgl-60{margin-left:60px !important;}
.mgl-70{margin-left:70px !important;}
.mgl-80{margin-left:80px !important;}
.mgl-90{margin-left:90px !important;}
.mgl-100{margin-left:100px !important;}

.mgr-0{margin-right:0px !important;}
.mgr-10{margin-right:10px !important;}
.mgr-15{margin-right:15px !important;}
.mgr-20{margin-right:20px !important;}
.mgr-25{margin-right:25px !important;}
.mgr-30{margin-right:30px !important;}
.mgr-40{margin-right:40px !important;}
.mgr-50{margin-right:50px !important;}
.mgr-60{margin-right:60px !important;}
.mgr-70{margin-right:70px !important;}
.mgr-80{margin-right:80px !important;}
.mgr-90{margin-right:90px !important;}
.mgr-100{margin-right:100px !important;}

.pd-none{padding:0; !important;}
.pdb-0{padding-bottom:0; !important;}
.pdb-10{padding-bottom:10px !important;}
.pdb-15{padding-bottom:15px !important;}
.pdb-20{padding-bottom:20px !important;}
.pdb-25{padding-bottom:25px !important;}
.pdb-30{padding-bottom:30px !important;}
.pdb-40{padding-bottom:40px !important;}
.pdb-50{padding-bottom:50px !important;}
.pdb-60{padding-bottom:60px !important;}
.pdb-70{padding-bottom:70px !important;}
.pdb-80{padding-bottom:80px !important;}
.pdb-90{padding-bottom:90px !important;}
.pdb-100{padding-bottom:100px !important;}

.pdt-0{padding-top:0px !important;}
.pdt-5{padding-top:5px !important;}
.pdt-10{padding-top:10px !important;}
.pdt-15{padding-top:15px !important;}
.pdt-20{padding-top:20px !important;}
.pdt-25{padding-top:25px !important;}
.pdt-30{padding-top:30px !important;}
.pdt-40{padding-top:40px !important;}
.pdt-50{padding-top:50px !important;}
.pdt-60{padding-top:60px !important;}
.pdt-70{padding-top:70px !important;}
.pdt-80{padding-top:80px !important;}
.pdt-90{padding-top:90px !important;}
.pdt-100{padding-top:100px !important;}
.pdt-155{padding-top:155px !important;}

.pdl-0{padding-left:0px !important;}
.pdl-10{padding-left:10px !important;}
.pdl-15{padding-left:15px !important;}
.pdl-20{padding-left:20px !important;}
.pdl-25{padding-left:25px !important;}
.pdl-30{padding-left:30px !important;}
.pdl-40{padding-left:40px !important;}
.pdl-50{padding-left:50px !important;}
.pdl-60{padding-left:60px !important;}
.pdl-70{padding-left:70px !important;}
.pdl-80{padding-left:80px !important;}
.pdl-90{padding-left:90px !important;}
.pdl-100{padding-left:100px !important;}

.pdr-0{padding-right:0px !important;}
.pdr-5{padding-right:5px !important;}
.pdr-10{padding-right:10px !important;}
.pdr-15{padding-right:15px !important;}
.pdr-20{padding-right:20px !important;}
.pdr-25{padding-right:25px !important;}
.pdr-30{padding-right:30px !important;}
.pdr-40{padding-right:40px !important;}
.pdr-50{padding-right:50px !important;}
.pdr-60{padding-right:60px !important;}
.pdr-70{padding-right:70px !important;}
.pdr-80{padding-right:80px !important;}
.pdr-90{padding-right:90px !important;}
.pdr-100{padding-right:100px !important;}




/*========================================================================
common align
========================================================================*/
.ta-c{text-align:center !important;}
.ta-l{text-align:left !important;}
.ta-r{text-align:right !important;}


/*========================================================================
common etc
========================================================================*/
.dp-n{display:none !important;}
.dp-b{display:block !important;}
.dp-ib{display:inline-block !important;}

.fl-l{float:left !important;}
.fl-r{float:right !important;}
.clear{clear:both !important;}


/*========================================================================
common text
========================================================================*/
.txt-01{font-size:13px; line-height:20px; color:#666666;}
.txt-02{font-size:13px; line-height:20px; color:#666666; font-weight:700;}
.txt-03{font-size:13px; line-height:20px; color:#845411; font-weight:normal;}
.txt-04{font-size:15px; line-height:20px; color:#666666; font-weight:700;}


/*========================================================================
common text
========================================================================*/
.disabled{background:#f5f2e9; border:none;}


/*========================================================================
common btn
========================================================================*/
.com-btn{display:inline-block; min-width:80px; padding:8px 15px; font-size:18px; line-height:18px; color:#fff; text-align:center; background:#d11820; border-radius:3px;}
.com-btn.gray{background:#464646; color:#ffffff;}

/*========================================================================
common tab
========================================================================*/
.com-tab-01{display:table; margin:0 auto;}
.com-tab-01>li{float:left; padding:0  10px 0 15px;}
.com-tab-01>li:first-child{padding-left:0px; background:none;}
.com-tab-01>li>a{font-size:18px; color:#888888; font-style:italic;}
.com-tab-01>li>a:hover,
.com-tab-01>li>a.on{color:#15b9cb;}



/*========================================================================
common tbl
========================================================================*/
table.write-tbl{color:#454545; border-top:3px solid #838898;  margin-bottom:10px; }
table.write-tbl th{text-align:left; border-bottom:1px solid #dddddd; padding:8px 0px 8px 20px; min-height:30px; line-height:normal; font-size:15px; font-weight:700; color:#454545; }
table.write-tbl th span.require{padding-left:7px; background:url(../../../public/img/front/front/common/bl_01.png) left no-repeat; background-size:4px auto;}
table.write-tbl td{position:relative; text-align:left; border-bottom:1px solid #dddddd; padding:15px 5px; font-size:14px; font-weight:400;}
table.write-tbl td input[type=text]{width:100%; height:20px; border:1px solid #bbb; margin-bottom:1px; line-height:20px; padding:3px 0;}
table.write-tbl td input[type=password]{width:100%;  height:20px; border:1px solid #bbb; margin-bottom:1px; padding:3px 0;}
table.write-tbl td input[type=file]{width:100%;  height:20px; border:1px solid #bbb; margin-bottom:1px; padding:3px 0;}
table.write-tbl td textarea{width:100%;  height:70px; border:1px solid #bbb; margin-bottom:1px;}
table.write-tbl td select{height:24px; border:1px solid #bbb; margin-bottom:1px;}

table.list-tbl{color:#454545; border-top:3px solid #d11820; margin-bottom:10px; }
table.list-tbl th{text-align:center; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; background-color:#f5f5f5; padding:10px 0px 10px; line-height:normal; font-size:15px; font-weight:600;}
table.list-tbl td{position:relative; text-align:center; border-bottom:1px solid #dddddd;  border-right:1px solid #dddddd; line-height:normal; padding:12px 5px; font-size:14px;}
table.list-tbl th:last-child,
table.list-tbl td:last-child{border-right:none;}
table.list-tbl td a:hover{text-decoration:underline;}
table.list-tbl tbody.hover tr:hover{background:#f0f3fb;}
table.list-tbl td .board-con{padding:30px 20px; min-height:100px; font-size:14px; line-height:160%;}
table.list-tbl td .red{color:#d11820;}

table.view-tbl{border-top:1px solid #dedede; border-left:1px solid #e4e4e4;}
table.view-tbl th{position:relative; height:100%; text-align:center; width:130px; padding:10px 20px;  font-size:18px; color:#fff; line-height:normal; background:#d11820; border-right:1px solid #e4e4e4;}
table.view-tbl td{position:relative; text-align:center; border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4; padding:8px 20px; font-size:16px; color:#454545; line-height:normal;}







/*========================================================================
Layout
========================================================================*/
#wrapper{position:relative; width:100%; min-width:1100px;}

#header{clear:both; position:relative; width:100%; border-top:7px solid #1f3652;  border-bottom:1px solid #dddddd;}
#header .header-wrap{clear:both; position:relative; padding:17px  0; height:72px; background:url('../../../public/img/front/review/bg_header.png') repeat-x;}
#header .header-wrap h1{float:left;}
#header .header-wrap .btn-logout{position:absolute; right:0; top:20px; z-index:2; }

#header .header-wrap .login-box{position:absolute; right:0; top:-17px;}
#header .header-wrap .login-box a{ font-size:15px; color:#333; text-decoration:underline;}


#contents-wrap{clear:both; position:relative; }
#contents-wrap .content-wrap{position:relative; min-height:300px;}
.container{position:relative; clear:both; width:1100px; padding:0px; margin:0 auto;}

#contents-wrap .con-header{clear:both; height:40px; border-bottom:1px solid #b2b2b2; padding-bottom:15px; padding-top:60px;}
#contents-wrap .con-header h2{float:left; font-size:35px; color:#454545; line-height:normal; font-weight:400; background:url('../../../public/img/front/review/bg_h2.png') no-repeat left; padding-left:40px;}

#footer{clear:both; position:relative; width:100%; text-align:center; background:#2f2f2f; padding:40px 0; height:80px;}
#footer .logo{float:left; padding:10px 50px 0 80px;}
#footer .info{float:left; color:#bbb; font-size:14px; line-height:28px; text-align:left;}
#footer .info .address{margin-top:10px;}
#footer .info .contact span{display:inline-block; padding-right:15px; margin-right:10px; background:url('../../../public/img/front/common/bg_bl_04.png') no-repeat right;}
#footer .info .contact span.last{background:none;}


h3.h3-1{font-size:27px; color:#454545; padding:0; margin:0; font-weight:400; }

.sort-count{position:absolute; right:0; margin-top:-20px;}
.sort-count select{width:150px; height:32px; text-align:center; font-size:15px; color:#454545; border:1px solid #d9d9d9;}



/*=============================================================
review-login
=============================================================*/
.review-login{position:relative; height:956px; background:url('../../../public/img/front/review/bg_login.jpg') no-repeat center;}
.review-login .login-form{position:relative; width:900px; height:505px; margin:0 auto; border:5px solid #c8cdd3; background:rgba(255,255,255,0.9); border-radius:3px; text-align:center; top:205px;}
.review-login .login-form .info-form{padding:90px 0 45px;  }
.review-login .login-form .input-form{float:left; padding-right:12px; padding-left:152px;}
.review-login .login-form .input-form input[type=text],
.review-login .login-form .input-form input[type=password]{width:380px; height:28px; padding:10px 20px; line-height:28px; font-size:18px; color:#656565; background:#f7f7f7; border:1px solid #d9d9d9; font-family:'PT Serif'}
.review-login .login-form .btn-form{float:left;}
.review-login .login-form .btn-form a{display:block; width:190px; height:115px; line-height:115px; background:#d2242c; color:#fff; font-size:25px; border-radius:3px;}

/*=============================================================
Paging
=============================================================*/
.new-paging{clear:both; position:relative; padding-bottom:30px; text-align:center;}
.new-paging a{display:inline-block; width:25px; height:25px; line-height:25px; border:1px solid #d9d9d9; font-size:13px; color:#656565; text-align:center; vertical-align:top; margin-right:4px; background:#fff;}
.new-paging strong{display:inline-block; width:25px; height:25px; line-height:25px; border:1px solid #d11820; font-size:13px; color:#fff; background:#d11820; margin-right:4px; }
.new-paging a:hover, .new-paging a.on{color:#fff; background:#d11820; border:1px solid #d11820;}
.new-paging a img{vertical-align:top; margin-top:2px;}
.new-paging a.no-hover{background:none; border:1px solid #d9d9d9;}


/*========================================================================
Search
========================================================================*/
.search-wrap{z-index:2; right:0; margin-top:25px}
.search-wrap .search-cell{position:relative;  display:inline-block;}
.search-wrap .search-cell select{min-width:120px; height:35px; font-size:14px;}
.search-wrap .search-cell input[type=text]{width:150px; height:21px; font-size:14px; padding:6px 10px; line-height:21px;}
.search-wrap .search-cell .btn-search{position:absolute; z-index:2; top:1px; right:1px;}



/*========================================================================
abs-point
========================================================================*/
.abs-point{position:relative; text-align:right; padding:60px 0 30px;}
.abs-point .inner{position:relative; display:inline-block; border:2px solid #d6d6d6; padding:20px 25px; height:32px; line-height:32px; }
.abs-point .inner span{float:left; display:inline-block; vertical-align:top;}
.abs-point .inner span.txt{font-size:20px; color:#454545; padding-left:29px; background:url('../../../public/img/front/review/bg_check.png') no-repeat left; }
.abs-point .inner span.point{padding-left:34px;}
.abs-point .inner span.point select{width:206px; height:32px;}
.abs-point .inner span.btn{padding-left:12px;}
.abs-point .inner span.btn a{display:block; width:106px; height:32px; line-height:32px; background:#d11820; font-size:16px; color:#fff; text-align:center;}

/*========================================================================
abs-print
========================================================================*/
.abs-print{position:relative; border-top:5px solid #d11820; background:#f9f9f9; padding:55px 75px; border-bottom:2px solid #e7e7e7;}
.abs-print .title{font-size:25px; color:#454545; text-align:center; line-height:160%;}
.abs-print .name{font-size:18px; color:#454545; text-align:center; margin:20px 0 15px;}
.abs-print .department{font-size:18px; color:#454545; text-align:center;}
.abs-print .cont{position:relative; margin-top:40px; font-size:17px; color:#454545; line-height:200%;}

.btn-wrap{position:relative;}
.btn-wrap a.com-btn{}