body {
	background-color: #f0eae3;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

body,text,table,tbody,th,td,tr {font: 12px 돋움,돋움체,굴림,굴림체,Arial,verdana,tahoma; color: #666666; line-height:18px; text-decoration:none; word-break:break-all;}
*/
body,text,table,tbody,th,td,tr {font: 12px 돋움,돋움체,굴림,굴림체,Arial,verdana,tahoma; color: #555555; line-height:18px; text-decoration:none; word-break:break-all;}
table { border-spacing:0px; border-collapse:collapse; } 

/*
a:link{color: #2267A2; text-decoration: none;}
a:visited {color: #2267A2; text-decoration: none;}
a:active {color: #2267A2; text-decoration: none;}
a:hover {color: #FF8000; text-decoration: none;}
*/

A.s:link {font: 1pt 돋움,Arial; color:#000000; line-height:100%;}
A.s:active {font: 1pt 돋움,Arial; color:#000000; line-height:100%;}
A.s:visited {font: 1pt 돋움,Arial; color:#000000; line-height:100%;}
A.s:hover {font: 1pt 돋움,Arial; color:#000000; line-height:100%;}

A.bbs:link{font: 12px; color: #9fa3a6; text-decoration: none;}
A.bbs:visited {font: 12px; color: #9fa3a6; text-decoration: none;}
A.bbs:active {font: 12px; color: #9fa3a6; text-decoration: none;}
A.bbs:hover {font: 12px; color: #f36621; text-decoration: underline;}

img {border:0px;}
li {list-style:none;}


/* 폼필드에 사용되는 스타일 시트 */
form {
	display:inline;
}
select {
	font-family: "굴림", "verdana";
	color: #666666;
	text-decoration: none;
	font-size: 9pt;
	HEIGHT:21px;
	border:1 C0C0C0 solid;
}

.input { font-family: "굴림", "verdana"; color: #666666; text-decoration: none; font-size: 12px; border:1px cccccc solid; vertical-align: middle; }
textarea { font-family: "굴림", "verdana"; color: #666666; text-decoration: none; font-size: 12px; line-height: 16pt; border:1 E4E5E1 solid; }

.mt10 {margin-top: 10px !important;}

/* ###################################################### 추가 Stylesheet */

/* text class */
.menu1 {color: #3399CC}
.menu2 {color: #3333CC}
.menu3 {color: #009999}
.menu4 {color: #009933}
.menu5 {color: #996600}
.menu6 {color: #FF6600}
.menu7 {color: #0066CC}
.menu8 {color: #e5656a}
.bar {color: #CCCCCC;}
.gray {color: #999999;}
.pink {color: #FF7676;}
.blue {color: #3398CC;}
.l_orange {color: FF944C;}
.red {color: #FF0000;}
.orange {color: #FF6600;}
.green {color: #008000;}
.black {color: #000000;}
.white {color: #FFFFFF;}
.purple {color: #533abc;}
.title_green18{font-family: "굴림"; font-size: 18px;color: #74AD13;font-weight:bold;line-height: 22px; text-decoration:underline;}
.title_blue14{font-family: "굴림"; font-size: 14px;font-weight: normal; color: #3398CC;font-weight:bold}
.title_blue15{font-family: "굴림"; font-size: 15px;font-weight: normal; color: #3398CC;font-weight:bold}
.title_orange15{font-family: "굴림"; font-size: 15px;font-weight: normal; color: #ff6600;font-weight:bold}
.title_black15{font-family: "굴림"; font-size: 15px;font-weight: normal; color: #222222;font-weight:bold}
.title_white15{font-family: "굴림"; font-size: 15px;font-weight: normal; color: #ffffff;font-weight:bold}
.small {
	font-size: 11px;
	color: #666666;
	line-height: 15px;
	font-family: "돋움";
}
.small_white {font-family: "돋움"; font-size: 11px;color: #95c7ff;line-height: 15px;}
.small_red {font-size: 11px;color: FF877C;font-family: "돋움";line-height: 15px; }
.underline {font-size: 11px;font-weight: 120%; text-decoration:underline;}
.bold {font-weight:bold}
.bold_blue {font-weight:bold; color: #3398CC;}
.bold_purple {font-weight:bold; color: #8E18BF;}
.bold_green {font-weight:bold; color: #74AD13;}
.bold_white {font-weight:bold; color: #ffffff;}
.bold_red {font-weight:bold; color: #ff0000;}

/* link */
a { selector-dummy : expression(this.hideFocus=true);}

a:link      { color:#666666; text-decoration:none; }
a:visited   { color:#666666; text-decoration:none; }
a:active    { color:#666666; text-decoration:none; }
a:hover     { color:#333333; text-decoration:underline; }

a.agray:link {font-family: "돋움";font-size: 11px;text-decoration:unone;color:#88898c;line-height: 15px;}
a.agray:visited {font-family: "돋움";font-size: 11px;text-decoration:none;color:#88898c;line-height: 15px;}
a.agray:active {font-family: "돋움";font-size: 11px;text-decoration:none;color:#88898c;line-height: 15px;}
a.agray:hover {font-family: "돋움";font-size: 11px;text-decoration:none;color:#8d91d3;line-height: 15px;}

a.agreen:link {text-decoration:underline;color:#598A0C;}
a.agreen:visited {text-decoration:underline;color:#598A0C;}
a.agreen:active {text-decoration:underline;color:#598A0C;}
a.agreen:hover {text-decoration:underline;color:#598A0C;} 

a.ablue:link {text-decoration:underline;color:#0018CC;}
a.ablue:visited {text-decoration:underline;color:#0018CC;}
a.ablue:active {text-decoration:underline;color:#0018CC;}
a.ablue:hover {text-decoration:underline;color:#0018CC;} 

a.bgreen:hover {text-decoration:none;color:#598A0C;font-weight:bold;} 

a.awhite:link {font-family: "돋움";font-size: 11px; text-decoration:none;color:#ffffff;}
a.awhite:visited {font-family: "돋움";font-size: 11px;text-decoration:none;color:#ffffff;}
a.awhite:active {font-family: "돋움림";font-size: 11px;text-decoration:none;color:#ffffff;}
a.awhite:hover {font-family: "돋움";font-size: 11px;text-decoration:none;color:#8d91d3;} 

a.apurple:link {text-decoration:underline;color:#7957AE;}
a.apurple:visited {text-decoration:underline;color:#7957AE;}
a.apurple:active {text-decoration:underline;color:#7957AE;}
a.apurple:hover {text-decoration:underline;color:#7957AE;}

a.basic:hover {text-decoration:underline;color:#ff0000;}
a.aorange:hover {text-decoration:underline;color:#ff6600;}


a.m_nav11:link {font-size: 12px; color: #ff0000;font-weight:bold; text-decoration:none;}
a.m_nav11:visited {font-size: 12px;color: #ff0000;font-weight:bold; text-decoration:none;}
a.m_nav11:active {font-size: 12px;color: #ff0000;font-weight:bold; text-decoration:none;}
a.m_nav11:hover {font-size: 12px;color: #ff0000;font-weight:bold; text-decoration:underline;}

a.s_nav11:link {font-size: 12px; color: #666666;text-decoration:none;}
a.s_nav11:visited {font-size: 12px;color: #666666;text-decoration:none;}
a.s_nav11:active {font-size: 12px;color: #666666;text-decoration:none;}
a.s_nav11:hover {-size: 12px;color: #666666;text-decoration:underline;}
.notice_date {
	font-family: "돋움";
	font-size: 11px;
	color: c4b3ad;
}
.notice {
	font-family: "돋움";
	font-size: 11px;
	color: 8c8c8c;
}
a.notice:link {font-size: 11px; color: #8c8c8c;text-decoration:none;}
a.notice1:visited {font-size: 11px;color: #8c8c8c;text-decoration:none;}
a.notice:active {font-size: 11px;color: #8c8c8c;text-decoration:none;}
a.notice:hover {-size: 11px;color: #e14269;text-decoration:underline;}

/* 관리자 페이지 팝업관리에 사용 */
.td1{width:20%}
.td2{width:80%}
.popMent{color:red; padding-left:20px}


/* 21.02. 메인 */
.main{width: 100%; max-width: 962px; margin: 0 auto;}

.footer{width:100%; overflow:hidden; box-sizing: border-box; padding: 0 42px;}
.footer ul{float:left; overflow:hidden; padding-left:0; position:relative;}
.footer ul.left{}
.footer ul.left span{color:#333;}
.footer ul.right{float:right;}
.footer ul li{list-style:none; color:#888;}
.footer ul.right li{float:left; overflow:hidden; padding-left:20px; }
.footer ul.right li:nth-child(1){padding-left:0;}
.footer ul.right li.plus_l:after{content:""; display:block; width:1px; height:10px; background:#ccc; position:absolute; top:4px; left:105px;}
.footer ul.right li a{ color:#888;}


.top_h{width:100%; overflow:hidden; box-sizing: border-box; padding: 0 42px; /* letter-spacing: -0.03em; */ font-size:10px; font-weight:600;}
.top_h ul{float:left; overflow:hidden; padding-left:0; position:relative;}
.top_h ul.left{}
.top_h ul.left span{color:#333;}
.top_h ul.right{float:right;}
.top_h ul li{list-style:none; color:#888; }
.top_h ul.right li{float:left; overflow:hidden; padding-left:20px; }
.top_h ul.right li:nth-child(1){padding-left:0;}
.top_h ul.right li.plus_l:after{content:""; display:block; width:1px; height:10px; background:#ccc; position:absolute; top:4px; left:105px;}
.top_h ul.left li a, .top_h ul.right li a{ color:#888;}
.top_h ul.left li a:hover, .top_h ul.right li a:hover{ color:#DA2027; text-decoration:none;}

.header{position:relative; top:-15px;}
.h_wrap{float:left; overflow:hidden;}
.logo{padding:0 42px; width:40%;}
.gnb {height:48px; position:relative; box-sizing:border-box; padding-right:42px; float:right; width:50%;}
.gnb ul:after {content:""; display:block; clear:both;}
.gnb .mn_l1 {float:left;  line-height:100%; width:20%; padding-left:30px; box-sizing:border-box; transition:all 0.3s;}
.gnb .mn_a1 span {display:block; position:relative; text-align:center; font-weight:bold;}
.gnb .mn_a1 span:after{content:""; display:block; position:absolute; top:0px; left:-15px; width:1px; height:10px; background:#000;}
.gnb .mn_l1.over span.c_on, .gnb .mn_a1 span:hover, .gnb .mn_a1 span:focus{color:#DA2027;}
.gnb .mn_l1:first-child .mn_a1 span:after {display:none;}
.gnb .mn_a1 .eng {display:block; font-style:normal; font-size:10px; color:rgba(255, 255, 255, 0.5); text-align:center;  font-weight:normal;}
.gnb .depth2_wrap {display:none; position:absolute; top:30px; left:-65px; width:525px; height:30px; line-height:30px; background:#b2b2b2; z-index:1; font-size:11px; border-radius:5px;}
.gnb .depth2_wrap.depth_ty02{width:304px; left:68px;}
.gnb .depth2_wrap.depth_ty03{width:160px; left:183px;}
.gnb .depth2_wrap.depth_ty04{width:100px; left:364px;}
.gnb .depth2_wrap.depth_ty05{max-width: 160px;left: 266px;}
.gnb .depth2 {padding:0 8px;}
.gnb .mn_l2 {float:left; padding:0px 12px; position:relative;}
.gnb .mn_l2:after {content:""; display:block; width:1px; height:10px; background:#ccc; position:absolute; top:50%; right:0; margin-top:-5px;}
.gnb .mn_l2:last-child:after {display:none;}
.gnb .mn_a2{color:#fff;}
.gnb .mn_a2 span {font-weight:bold; transition:all 0.3s;}

.gnb a:hover, .gnb a:focus {text-decoration:none !important;}
.gnb .mn_a2:hover span, .gnb .mn_a2:focus span{color:#000;}

/* 21.02. 서브 */
.wrap-box{background: #4BB5DD; margin-left: 22px; height: 500px; box-sizing: border-box; border-radius:5px;}
.wrap-box.c-ty01{background:#2FB5B9;}
.wrap-box.c-ty02{background:#85D259;}
.wrap-box.c-ty03{background:#4A8CE0;}
.wrap-box.c-ty04{background:#ed5555;}
.wrap-box .title{padding: 30px 22px; box-sizing: border-box;}
.wrap-box .title p{ color: #fff; letter-spacing: -0.06em; margin: 0; line-height: 1.2;}
.wrap-box .title p.b-tit{font-size: 25px;}
.wrap-box .title p.s-tit{font-size: 10px;}

.wrap-box .menu{height:388px; margin:0 10px; background:#fff; box-sizing:border-box; border-radius:5px; box-shadow: inset 0px 1px 5px 0px rgb(155 155 155 / 80);}
.blind {width:1px;height:1px;overflow:hidden;position:absolute;top:-9999em;left:-9999em;display:block;text-indent:-9999em;font-size:0px;line-height:0;}
#subNavi a:hover, #subNavi a:focus {text-decoration:none;}
#subNavi .lm-wrap { box-sizing:border-box;}
#leftmenu .depth2{margin:0; padding:10px 0 0 0; }
#leftmenu .depth2 .lm_a2 {display:block; padding:10px 20px 5px 0; position:relative;}
#leftmenu .depth2 .lm_l2.had3dep .lm_a2:before {content:""; display:block; width:10px; height:2px; background:#ccc; position:absolute; top:17px; right:6px;}
#leftmenu .depth2 .lm_l2.had3dep .lm_a2:after {content:""; display:block; width:2px; height:10px; background:#ccc; position:absolute; top:13px; right:10px;}
#leftmenu .depth2 .lm_l2.had3dep.over .lm_a2:after {display:none;}
#leftmenu .depth2 .lm_a2 span {padding-left:10px; position:relative; font-weight:bold; color:#888; transition:all 0.3s;}
#leftmenu .depth2 .lm_l2.over .lm_a2 span,
#leftmenu .depth2 .lm_a2:hover span,
#leftmenu .depth2 .lm_a2:focus span{color:#006699;}
#leftmenu .depth3 {background:#ccc;}
#leftmenu .depth3 {display:none; padding:5px 10px;}
#leftmenu .depth3 .lm_l3 {border-top: 1px solid rgba(255, 255, 255, 0.5)}
#leftmenu .depth3 .lm_l3:first-child {border-top:none;}
#leftmenu .depth3 .lm_a3 {display:block; padding:5px 0;}
#leftmenu .depth3 .lm_a3 span {font-size: 11px;letter-spacing: -0.08em; padding-left:12px; color:#fff; font-weight:bold; position:relative; transition:all 0.3s;}
#leftmenu .depth3 .lm_a3 span:before {content:""; position:absolute; display:block; top:6px; left:2px; width:4px; height:2px; background:#fff; }
#leftmenu .depth3 .lm_l3.over span,
#leftmenu .depth3 .lm_a3:hover span,
#leftmenu .depth3 .lm_a3:focus span {color:#555;}
#leftmenu .depth3 .lm_l3.over span:before,
#leftmenu .depth3 .lm_a3:hover span:before,
#leftmenu .depth3 .lm_a3:focus span:before {background:#555}

/* 23.01. 서브 */
.product_table tr th, .product_table tr td {border-right:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; box-sizing:border-box;}
.product_table tr th:last-child, .product_table tr td:last-child {border-right:0;}

/* 기업문화 */
.page_title {
    position: relative;
    width: 100%;
}
.page_title .inner h3 {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4em;
    color: #333333;
    letter-spacing: -2px;
    font-family: 'S-CoreDream', sans-serif;
}
.page_title .inner p {
    margin-top: 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6em;
    color: #333333;
    letter-spacing: -.4px;
	font-family: 'S-CoreDream', sans-serif;
}
.report-info-wrap {
    position: relative;
    width: 100%;
    margin-top: 45px;
}
.report-info-wrap .report-info-box {
    position: relative;
    width: 100%;
    margin-bottom: 45px;
}
.report-info-wrap .report-info-box .box {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 300px;
    padding: 100px 40px 35px 40px;
    border: 1px solid #e9e9e9;
    background: #f4f4f4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.report-info-wrap .report-info-box .box.left {
    border-width: 1px 0 1px 1px;
}
.report-info-wrap .report-info-box .box .info-txt h3 {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4em;
    color: #da2128;
    letter-spacing: -.4px;
    margin-bottom: 20px;
	font-family: 'S-CoreDream', sans-serif;
}
.report-info-wrap .report-info-box .box .info-txt p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.9em;
    color: #333333;
    letter-spacing: -.4px;
	font-family: 'S-CoreDream', sans-serif;
}
.c-point01 {
    color: #da2128;
}
.report-info-wrap .report-info-box .box .info-txt .txt-list li {
    position: relative;
    padding-left: 14px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.9em;
    color: #333333;
    letter-spacing: -.4px;
	font-family: 'S-CoreDream', sans-serif;
	text-align: left;
}
.report-info-wrap .report-info-box .box .info-txt .txt-list li:before {
    content: "";
    display: block;
    position: absolute;
    top: 12px;
    left: 0;
    width: 7px;
    height: 7px;
    border-radius: 100%;
    border: 2px solid #333333;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.report-info-wrap .report-info-box .box.left:after {
    content: "";
    display: block;
    position: absolute;
    top: 47px;
    left: 50%;
	transform: translateX(-50%);
    width: 31px;
    height: 40px;
    background: url(../images/08_culture/ico_sub04cont_report01.png) center center / 31px 40px no-repeat;
}
.report-info-wrap .report-info-box .box.right:after {
    content: "";
    display: block;
    position: absolute;
    top: 47px;
    left: 50%;
	transform: translateX(-50%);
    width: 41px;
    height: 38px;
    background: url(../images/08_culture/ico_sub04cont_report02.png) center center / 41px 38px no-repeat;
}
.report-info-wrap .report-comment {
    position: relative;
    width: 100%;
}
.report-info-wrap .report-comment ul li {
    position: relative;
    padding-left: 24px;
	text-align: left;
}

.report-info-wrap .report-comment ul li:before {
    content: "";
    display: block;
    position: absolute;
    top: 16px;
    left: 0;
    transform: translateY(-50%);
    margin-top: 1px;
    width: 14px;
    height: 14px;
    background: url(../images/08_culture/ico_alert_black.png) center center / 14px 14px no-repeat;
}
.report-info-wrap .report-comment ul li span {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.9em;
    color: #333333;
	font-family: 'S-CoreDream', sans-serif;
    letter-spacing: -.4px;
}
.button-wrap {
    position: relative;
    padding-top: 40px;
    margin-top: 40px;
}
.tc {
    text-align: center !important;
}

.report-info-wrap .form-box {
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: #ffffff;
}

.report-info-wrap .form-box .form-content {
    position: relative;
    width: 100%;
    max-width: 100%;
}

.report-info-wrap .report-info-btn {
    display: block;
    clear: both;
    position: relative;
    padding: 8px 15px 10px;
    width: 150px;
    height: 35px;
    background: #da2128;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1em;
    letter-spacing: -.8px;
    color: #fff;
    border: 0;
    cursor: pointer;
    -webkit-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	font-family: 'S-CoreDream', sans-serif;
}

.report-info-wrap .report-info-btn:after {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 17px;
    width: 25px;
    height: 17px;
    background: url('../img/sub/ico_report.png')center center/25px 17px no-repeat;
}

.report-info-wrap .report-info-btn:hover {
    background: #333333;
}

.report-info-wrap .report_form_area {
    position: relative;
    width: 100%;
}

.report-info-wrap .report_form_area .rp-form_normal {
    width: 100%;
    border-top: 2px solid #333333;
}

.report-info-wrap .report_form_area .rp-form_survey {
    margin-top: 50px;
    width: 100%;
}

.report-info-wrap .report_form_area .rp-form_information {
    width: 100%;
    border-top: 2px solid #333333;
}

.report-info-wrap .report_form_area .rp-form_information:after {
    content: "";
    display: block;
    clear: both;
}

.report-info-wrap .report_form_area .rp-field {
    position: relative;
    margin-top: 30px;
}

.report-info-wrap .report_form_area .rp-field .error-txt {
    display: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6em;
    letter-spacing: -.4px;
    color: #da2128;
    text-align: left;
    clear: both;
	font-family: 'S-CoreDream', sans-serif;
}

.report-info-wrap .report_form_area .rp-field label.label {
    position: absolute;
    top: -1.1em;
    left: 1em;
    padding: 5px 5px 0 5px;
    background: #ffffff;
    font-size: 14px;
    color: #000000;
	font-family: 'S-CoreDream', sans-serif;
}

.report-info-wrap .report_form_area .rp-field input.input {
    border: 1px solid #e9ebee;
    outline: 0;
    border-radius: 4px;
    width: 100%;
    height: 100%;
    min-height: 50px;
    padding: 8px 20px;
    margin: 0;
    font-size: 16px;
    letter-spacing: -.8px;
    color: #000000;
    box-sizing: border-box;
	font-family: 'S-CoreDream', sans-serif;
}

.report-info-wrap .report_form_area .rp-field input.input_half {
    max-width: 960px;
}

.report-info-wrap .report_form_area .rp-field input.input_full {
    max-width: 100%;
}


.report-info-wrap  .file_box {display:flex;gap:5px;    align-items: center;}

.report-info-wrap .report_form_area .rp-field input.input_file {
    display: inline-block;
    width: 100%;
}

.report-info-wrap .report_form_area .rp-field input.input_shrt {
    max-width: 304px;
}

.report-info-wrap .report_form_area .rp-field input.input_email {
    max-width: 584px;
}

.report-info-wrap .report_form_area .rp-field input[type="file"] {
    display: none;
}

.report-info-wrap .report_form_area .rp-field .rp-btn {
    display: inline-block;
    width: 95px;
    height: 50px;
    background: #333333;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1em;
    letter-spacing: -.8px;
    color: #fff;
    border: 0;
    cursor: pointer;
    -webkit-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

}

.report-info-wrap .report_form_area .rp-field .rp-btn label {
    cursor: pointer;	font-family: 'S-CoreDream', sans-serif;font-weight: 400;
}

.report-info-wrap .report_form_area .rp-field .text-area {
    position: relative;
}

.report-info-wrap .report_form_area .rp-field .text-area textarea {
    border: 1px solid #e9ebee;
    border-radius: 4px;
    width: 100%;
    height: 100%;
    min-height: 260px;
    padding: 20px;
    font-size: 16px;
    letter-spacing: -.8px;
    color: #bababa;
	font-family: 'S-CoreDream', sans-serif;
}

.report-info-wrap .report_form_area .rp-field .rp-notice {
    margin-top: 5px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.9em;
    letter-spacing: -.4px;
    color: #000000;
    text-align: left;
	font-family: 'S-CoreDream', sans-serif;
}

.report-info-wrap .report_form_area .rp-field .rp-radio-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.9em;
    letter-spacing: -.4px;
    color: #000000;
    text-align: left;
	font-family: 'S-CoreDream', sans-serif;
}

.report-info-wrap .report_form_area .rp-field .category_box {
    width: 100%;
    display: flex;
    justify-content: left;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 20px;
    margin-bottom: 1.5em;
    align-items: center;
}

.report-info-wrap .report_form_area .rp-field .category_box.nm {
    float: left;
    max-width: 150px;
    margin-top: 18px;
    margin-bottom: 0;
}

.report-info-wrap .report_form_area .rp-field .category_box.nm label {
    width: calc(50% - 15px);
    margin-bottom: 0;
}

.report-info-wrap .report_form_area .rp-field .category_box label {
    width: 31%;
    display: flex;
    align-items: center;
}

.report-info-wrap .report_form_area .rp-field .category_box .radio {
    position: relative;
    cursor: pointer;
    font-size: 15px;
    line-height: 15px;
    margin-right: 15px;
    margin-bottom: 20px;	font-family: 'S-CoreDream', sans-serif;
	    text-align: left;
}

.report-info-wrap .report_form_area .rp-field .category_box .radio .label {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    border: 1px solid #999999;
    border-radius: 100%;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    box-sizing: border-box;    flex: none;
}

.report-info-wrap .report_form_area .rp-field .category_box .radio .label:after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #da2128;
    transform: scale(0);
    transition: all 0.2s ease-in-out;
    opacity: 0.1;
    pointer-events: none;
}

.report-info-wrap .report_form_area .rp-field .category_box .radio:hover .label:after {
    transform: scale(0.5);
}

.report-info-wrap .report_form_area .rp-field .category_box .radio input {
    display: none;
}

.report-info-wrap .report_form_area .rp-field .category_box input[type="radio"]:checked + .label {
    border-color: #da2128;
}

.report-info-wrap .report_form_area .rp-field .category_box input[type="radio"]:checked + .label:after {
    transform: scale(1);
    transition: all 0.2s cubic-bezier(0.35, 0.6, 0.4, 0.9);
    opacity: 1;
}

.report-info-wrap .report_form_area .rp-field.agree {
    margin-top: 20px;
}

.report-info-wrap .report_form_area .rp-field.agree:after {
    content: "";
    display: block;
    clear: both;
}

.report-info-wrap .report_form_area .rp-field.agree .rp-radio-title {
    float: left;
    font-weight: 400;
}

.report-info-wrap .report_form_area .rp-field.agree .category_box.agree {
    float: right;
    max-width: 300px;
    margin-top: 8px;
    margin-bottom: 0;
}

.report-info-wrap .report_form_area .rp-field.agree .category_box.agree label {
    width: 50%;
    margin: 0;
}

.report-info-wrap .report_form_area .rp-field.half {
    float: left;
    width: 100%;
    max-width: 640px;
}

.report-info-wrap .report_form_area .rp-field.half.nm .input_shrt {
    float: left;
    margin-right: 20px;
    max-width: calc(100% - 200px);
}

.report-info-wrap .report_form_area .form-title {
    position: relative;
    width: 100%;
    margin: 80px 0 10px 0;
}

.report-info-wrap .report_form_area .form-title span {
    display: block;
    padding-left: 14px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6em;
    color: #000;
    letter-spacing: -.4px;
    text-align: left;	font-family: 'S-CoreDream', sans-serif;
}

.report-info-wrap .report_form_area .form-title span:after {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #da2128;
}

.report-info-wrap .report_form_area .form-title span strong {
    font-weight: 400;
    color: #da2128;
}

.report-info-wrap .report_form_area .form-info-wrapper {
    position: relative;
    width: 100%;
    max-width: 1280px;
    height: 280px;
    padding: 30px;
    overflow-y: scroll;
    background: #f4f4f4;
    border: 3px solid #e9e9e9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.report-info-wrap .report_form_area .form-info-wrapper .info-box .ph {
    margin-bottom: 40px;
    text-align: left;
}

.report-info-wrap .report_form_area .form-info-wrapper .info-box .ph:last-child {
    margin-bottom: 0;
}

.report-info-wrap .report_form_area .form-info-wrapper .info-box h4 {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6em;
    letter-spacing: -.6px;
    color: #333333;	font-family: 'S-CoreDream', sans-serif;    margin: 0;
}

.report-info-wrap .report_form_area .form-info-wrapper .info-box p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6em;
    letter-spacing: -.6px;    margin: 5px 0 ;
    color: #333333;	font-family: 'S-CoreDream', sans-serif;
}

/* report-sample-view */
.report-sample-view {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(51, 51, 51, 0.90);
    z-index: 200;
}

.report-sample-view .inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 860px;
}

.report-sample-view .inner .btn {
    position: absolute;
    top: -60px;
    left: 50%;
    transform: translateX(-50%);
    width: 24px;
    height: 24px;
}

.report-sample-view .inner .btn .sample-close-btn {
    display: block;
    position: relative;
    width: 24px;
    height: 24px;
    background: none;
    border: 0;
    cursor: pointer;
}

.report-sample-view .inner .btn .sample-close-btn span {
}

.report-sample-view .inner .btn .sample-close-btn span:before {
    content: "";
    display: block;
    position: absolute;
    top: 11px;
    left: -4px;
    width: 32px;
    height: 2px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.report-sample-view .inner .btn .sample-close-btn span:after {
    content: "";
    display: block;
    position: absolute;
    top: 11px;
    left: -4px;
    width: 32px;
    height: 2px;
    background: #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.report-sample-view .inner .sample-box {
    position: relative;
    width: 100%;
    height: 640px;
    background: #ffffff;
    box-sizing: border-box;
    overflow-y: scroll;
}

.report-sample-view .inner .sample-box .sample-tit {
    display: block;
    width: 100%;
    height: 70px;
    padding: 0 20px;
    background: #db2228;
    font-size: 20px;
    font-weight: 400;
    line-height: 70px;
    color: #ffffff;
    letter-spacing: -1px;
    text-align: center;
    font-family: 'S-CoreDream', sans-serif;
    box-sizing: border-box;    margin: 0;
}

.report-sample-view .inner .sample-box .sample-txt {
    position: relative;
    padding: 30px;
    box-sizing: border-box;
}

.report-sample-view .inner .sample-box .sample-txt h4 {
    height: 50px;
    border-bottom: 1px solid #e2e5ea;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.9em;
    color: #333333;
    letter-spacing: -.4px;
    box-sizing: border-box;
	font-family: 'S-CoreDream', sans-serif;
	    margin-top: 0;
}

.report-sample-view .inner .sample-box .sample-txt p {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.9em;
    color: #333333;
    letter-spacing: -.4px;
	font-family: 'S-CoreDream', sans-serif;    margin: 10px 0 0;
}

.report-sample-view .inner .sample-box .sample-txt p span {
    display: block;
}

.report-sample-view .inner .sample-box .sample-table {
    position: relative;
    width: 100%;
    border-top: 1px solid #e2e5ea;
    text-align: justify;
	margin-top: 20px;
}

.report-sample-view .inner .sample-box .sample-table caption {display:none;}

.report-sample-view .inner .sample-box .sample-table tr {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.report-sample-view .inner .sample-box .sample-table tr td {
    padding: 20px;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    background: #ffffff;
    border-right: 1px solid #e2e5ea;
    border-bottom: 1px solid #e2e5ea;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;font-family: 'S-CoreDream', sans-serif;
}

.report-sample-view .inner .sample-box .sample-table tr td:last-child {
    border-right: 0;
}

/* culture - 03 report (complete) */
.report-info-wrap .report-comp-box {
    position: relative;
    width: 100%;
    height: 520px;
    padding: 180px 10px 100px 10px;
    background: #f4f4f4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.report-info-wrap .report-comp-box:after {
    content: "";
    display: block;
    position: absolute;
    top: 97px;
    left: 50%;
    transform: translateX(-50%);
    width: 55px;
    height: 61px;
    background: url('../img/sub/ico_sub04cont_reportcomplete.png')center center /55px 61px no-repeat;
}

.report-info-wrap .report-comp-box .comp-txt {
    text-align: center;
}

.report-info-wrap .report-comp-box .comp-txt h3 {
    font-size: 26px;
    font-weight: 500;
    line-height: 1.4em;
    color: #333333;
    letter-spacing: -.4px;
    font-family: 'S-CoreDream', sans-serif;
}

.report-info-wrap .report-comp-box .comp-txt p {
    margin-top: 25px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6em;
    color: #333333;
    letter-spacing: -.4px;
}

.report-info-wrap .report-comp-box .button-wrap {
    padding-top: 20px;
    margin-top: 20px;
}
.button-wrap {
    position: relative;
    padding-top: 40px;
    margin-top: 40px;
}
.button-wrap .board_btn {
    display: inline-block;
    width: 100%;
    height: 45px;
    background: #da2128;
    font-size: 16px;
    line-height: 45px;
    color: #fff;
    border: 0;
    cursor: pointer;
    -webkit-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s;
}
.button-wrap .board_btn.report {
    max-width: 250px;
}
.button-wrap .board_btn.normal {
    max-width: 130px;
}
.button-wrap .board_btn.cancel {
    max-width: 130px;
    background: #333333;
}

/* 행동규범 */
.conduct-wrap .conduct-title {
    position: relative;
    width: 100%;
    min-height:520px;
    padding: 85px 20px 70px 20px;
    text-align: center;
    font-family: 'S-CoreDream', sans-serif;
    background: url(../images/08_culture/img_sub04cont_conductbg.png) center top no-repeat;
    box-sizing: border-box;
}
.conduct-wrap .conduct-title h4 {
    font-size: 30px;
	margin: 0 0 20px 0;
    font-weight: 700;
    line-height: 1.4em;
    color: #ffffff;
}
.conduct-wrap .conduct-title p {
    max-width: 600px;
    margin: 0 auto;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6em;
    color: #ffffff;
    letter-spacing: -1px;
}
.conduct-wrap .conduct-map {
    position: relative;
    margin-top: -280px;
    z-index: 1;
}
.conduct-wrap .conduct-map .conduct-img.pc {
    display: block;
}
.conduct-wrap .conduct-map .conduct-img {
    width: calc(100% - 40px);
    margin: 0 auto;
}
.conduct-wrap .conduct-map .conduct-img img {
    display: block;
    width: 100%;
}
.conduct-wrap .expand_btn {font-family: 'S-CoreDream', sans-serif;font-size: 13px; font-weight: 500;color: #767676;}

/* 윤리경영 */
.tab-category {
    position: relative;
    width: 100%;
    max-width: 815px;
    margin: 0 auto 40px auto;
    z-index: 10;
}
.tab-category.ct-02 {
    max-width: 405px;
}
.tab-category .tab-category-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.tab-category * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	padding: 0;
    margin: 0;
}
.tab-category.ct-02 .tab-category-list li {
    width: calc(50% - 1.5px);
}
.tab-category .tab-category-list li:last-child {
    margin-right: 0;
}
.tab-category .tab-category-list li {
    margin-right: 3px;
    width: calc(25% - 2.25px);
}
.tab-category .tab-category-list li a {
    display: block;
    width: 100%;
    height: 50px;
    border: 1px solid #eeeeee;
    font-size: 16px;
    color: #333333;
    line-height: 49px;
    text-align: center;
	font-family: 'S-CoreDream', sans-serif;
}
.tab-category .tab-category-list li.active a {
    background: #da2128;
    color: #ffffff;
    font-weight: 400;
    border-color: #da2128;
    -webkit-box-shadow: 0px 7px 12px 0px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0px 7px 12px 0px rgba(0,0,0,0.07);
    box-shadow: 0px 7px 12px 0px rgba(0, 0, 0, 0.07);
}
.charter-txt-box {
    position: relative;
    width: 100%;
    margin-top: 35px;
}
.charter-txt-box p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.9em;
    color: #333333;
    letter-spacing: -.8px;
	font-family: 'S-CoreDream', sans-serif;
}
.charter-info-wrap {
    position: relative;
    width: 100%;
    border-top: 1px solid #d6d6d6;
    margin-top: 35px;
}
.charter-info-wrap * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	padding: 0;
    margin: 0;
}
.charter-info-wrap ul li {
    border-bottom: 1px solid #d6d6d6;
}
.charter-info-wrap.charter ul li .inner {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 108px;
    padding: 30px 50px 30px 70px;
}
.charter-info-wrap ul li .inner .left .cptr-tit {
    position: absolute;
    top: 45px;
    left: 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.9em;
    color: #da2128;
    letter-spacing: -.4px;
	font-family: 'S-CoreDream', sans-serif;
}
.charter-info-wrap ul li .inner .right .cptr-txt {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.9em;
    color: #333333;
    letter-spacing: -.4px;
	font-family: 'S-CoreDream', sans-serif;
}
.charter-info-wrap.code ul li .inner {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 138px;
    padding: 30px 50px;
}
.charter-info-wrap.code ul li .inner .left  {margin-bottom: 10px;}
.charter-info-wrap.code ul li .inner .left .cptr-count {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.9em;
    color: #333333;
    letter-spacing: -.4px;
	font-family: 'S-CoreDream', sans-serif;
}
.charter-info-wrap.code ul li .inner .left .cptr-tit {
    position: static;
}