@charset "utf-8";

/* update 2019-03-27 */
/*company*/
/*ceo*/
.txt_ceo_area {}
.txt_ceo_area .txt_01 {padding:0 0 48px 0; color:#222222; font-size:30px; text-align:center;  line-height: 1.3}
.txt_ceo_area .txt_01 span {color:#009591; }
.txt_ceo_area .ceo_contents{display: flex;justify-content: space-between;}
.txt_ceo_area .divSignature{display: flex;gap: 34px;margin-top: 35px;width: 400px;align-items: center;transform: translateX(-42px);}
.txt_ceo_area .divSignature .signatureText{text-align: right;}
.txt_ceo_area .img_area {margin-right: 15px;}
.txt_ceo_area .img_area span {display:block;font-size:16px; color:#555555;}
.txt_ceo_area .img_area strong {display:block;font-size:20px;color:#222222;}
.txt_ceo_area .txt_area {margin-left: 95px;}
.txt_ceo_area .txt_area p {margin:-5px 0 35px 0;font-size:18px;line-height: 28PX;letter-spacing: -0.05em;}

.company_ceo {
	position: relative;
	margin-top: 80px;
}

.company_ceo .tcb_h0 {
	font-weight: 500
}

.company_ceo .tcb_h0 strong {
	font-weight: 500
}

.company_ceo .img_cont_box {
	position: absolute;
	text-align: center;
	top: 60px;
	right: 0;
}

.company_ceo .img_cont_box img {
	display: block;
}

.company_ceo .img_cont_box span {
	display: block;
	color: #888;
	padding-top: 25px;
}

.company_ceo .img_cont_box strong {
	display: block;
	font-size: 26px;
	color: #333;
	letter-spacing: 4px;
}

/*history*/
.company_history {
	width: 100%;
}

.company_history:before {
	content: '';
	display: block;
	clear: both;
	overflow: hidden;
}

.company_history>div:first-child {
	float: left;
	width: 33%;
}

.company_history>div .page_point {
	font-size: 72px;
	line-height: 70px;
	font-weight: 400;
	letter-spacing: -1px;
	color: #333;
}

.company_history>div .page_point small {
	display: block;
	font-size: 16px;
	line-height: 36px;
	font-weight: normal;
	letter-spacing: -0.2px;
	color: #555;
	padding-left: 5px;
}

.company_history>div>p {
	font-size: 15px;
	margin-top: 15px;
	padding-left: 6px;
}

.company_history>.company_history_list {
	float: right;
	margin-top: 50px;
	width: 67%;
	position: relative
}

.company_history>.company_history_list:first-child {
	margin-top: 0
}

.company_history .company_history_list .bg_yeararea {
	position: absolute;
	left: 0;
	top: 0;
	width: 178px;
	height: 184px;
	background: url('../img/company/bg_yearArea.png')
}

.company_history .company_history_list .bg_yeararea span {
	display: block;
	margin-top: 10px;
	width: 100%;
	color: #fff;
	font-size: 30px;
	font-weight: normal;
	line-height: 28px;
	text-align: center;
	font-family: 'Roboto';
}

.company_history .company_history_list .bg_yeararea span:first-child {
	margin-top: 40px;
	text-align: center;
	font-family: 'Roboto';
}

.company_history_in {
	padding-left: 222px;
	position: relative
}

.company_history_in .lineArea {
	position: absolute;
	left: 222px;
	top: 0;
	width: 1px;
	height: 100%;
	border: 1px solid #c3c3c3
}

.history_list {
	display: block;
	position: relative;
	padding-top: 40px;
	padding-left: 24px;
	width: 100%;
}

.company_history_in .history_year {
	width: 100%;
	font-size: 24px;
	font-family: 'Roboto';
	font-weight: 700;
	color: #009591;
}

.company_history_in .history_year span {
	display: block;
	position: absolute;
	left: -7px;
	top: 45px;
}

.company_history_in .history_year span:before {
	content: '';
	display: block;
	width: 17px;
	height: 17px;
	background: url('../img/company/history_year.png')
}

.company_history_in .history_list .history_mon {
	position: relative;
	padding-left: 35px;
	line-height: 30px;
}

.company_history_in .history_list .history_mon span {
	position: absolute;
	left: 0;
	top: 1px;
	width: 100%;
	font-weight: 600;
	font-family: 'Roboto';
}

/*family site*/
.family_site_list {
	width: 100%;
	float: left;
	margin-top: 13.5px;
}

.family_site_list li {
	position: relative;
	width: calc(33.3% - 22px);
	float: left;
	margin: 16.5px 0;
	border: 1px solid #e5e5e5;
}

.family_site_list li:nth-child(3n-1) {
	width: calc(33.4% - 22px);
	margin: 16.5px 33px;
}

.family_site_list li div {
	width: 100%;
	height: 270px;
	margin-top: 180px;
	border-top: 1px solid #e5e5e5;
	padding: 30px 26px;
	padding-bottom: 44px;
}

.family_site_list li div strong {
	position: relative;
	display: block;
	width: 100%;
	font-size: 18px;
	font-weight: 400;
}

.family_site_list li div strong:after {
	position: absolute;
	content: '';
	display: block;
	width: 20px;
	height: 2px;
	background: #1d56ab;
	bottom: -8px;
	left: 0;
}

.family_site_list li div p {
	padding-top: 20px;
	word-break: keep-all;
}

.family_site_list li>img {
	position: absolute;
	top: 68px;
	left: 50%;
	margin-left: -83.5px;
}

.family_site_list li>a {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	background-color: #f3f3f3;
	line-height: 44px;
	text-align: center;
	border-top: 1px solid #e5e5e5;
}

.family_site_list li>a span {
	display: inline-block;
	position: relative;
	padding-right: 12px;
}

.family_site_list li>a span:after {
	line-height: normal;
	position: absolute;
	font-family: 'FontAwesome';
	content: "\f105";
	font-size: 17px;
	color: #555;
	right: 0;
	top: 50%;
	margin-top: -9px;
}

.family_site_list li>a:hover span {
	text-decoration: underline;
}

.family_site_list li>a:hover span:after {
	color: #0e80d2;
}

/*location*/
.map_box {
	position: relative;
	float: left;
	width: 100%;
	height: 500px;
	border: 1px solid #e5e5e5;
	margin-top: 16px;
}

/*fqa accodion*/
.accodion_box_recruit {
	width: 100%;
	float: left;
	border-top: 2px solid #555;
}

.accodion_box_recruit li {
	width: 100%;
	float: left;
}

.accodion_box_recruit li>a {
	position: relative;
	display: block;
	width: 100%;
	float: left;
	font-size: 18px;
	padding: 30px 15px;
	padding-left: 90px;
	cursor: pointer;
	color: #333;
	border-bottom: 1px solid #e5e5e5;
}

.accodion_box_recruit li>a span.icon {
	position: absolute;
	display: block;
	font-family: 'roboto';
	width: 60px;
	padding: 4px 0;
	text-align: center;
	left: 10px;
	top: 50%;
	margin-top: -17.5px;
	color: #009591;
	font-size: 22px;
	font-weight: 600;
	border-right: 1px solid #e5e5e5;
}

.accodion_box_recruit li>a:before {
	display: inline-block;
	position: absolute;
	content: "\f107";
	font-family: 'FontAwesome';
	right: 15px;
	top: 50%;
	margin-top: -13px;
	font-size: 26px;
	color: #888;
}

.accodion_box_recruit li.open>a:before {
	content: "\f106";
	color: #1773e9;
}

.accodion_box_recruit li>div {
	position: relative;
	display: none;
	float: left;
	width: 100%;
	font-size: 14px;
	padding: 25px;
	border-bottom: 1px solid #555;
	background: #f7f7f7;
}

.accodion_box_recruit li>div>p {
	width: calc(100% - 65px);
	float: right;
}

.accodion_box_recruit li>div span.icon {
	display: block;
	text-align: center;
	font-family: 'roboto';
	font-size: 22px;
	color: #f33b43;
	border-right: none;
	float: left;
	margin-top: 0;
	padding: 1px;
	width: 35px;
	font-weight: 600;
}

.accodion_box_recruit li>div .fc_blue {
	font-weight: 500
}

/*recruit board view*/
.recruit_board_head .br_tit {
	background-image: url('../img/img_logo_xs.png?20240216');
	background-position: right 20px center;
	background-repeat: no-repeat;
}

.recruit_board_cont .step_box li p {
	color: #0999d8;
}

.recruit_board_cont .text_cont_box .tcb_h2 {
	margin-top: 0;
}

.txt_step_box {
	float: left;
	width: 100%;
	margin-top: 40px;
	position: relative;
}

.txt_step_box:after {
	position: absolute;
	display: block;
	content: "";
	width: 72%;
	height: 1px;
	border-bottom: 1px dashed #ddd;
	top: 50%;
	margin-top: -0.5px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
}

.txt_step_box li {
	float: left;
	text-align: center;
	position: relative;
	z-index: 10;
}

.txt_step_box li div {
	margin: 0 auto;
	border: 1px solid #e7e7e7;
	border-radius: 50%;
	width: 130px;
	height: 130px;
	padding-top: 42px;
	background: #fff;
}

.txt_step_box li div strong {
	display: block;
	width: 100%;
	color: #009591;
	font-size: 14px;
	font-weight: 400;
}

.txt_step_box li div span {
	display: block;
	width: 100%;
	padding-top: 5px;
	font-size: 15px;
}

.txt_step_box li:after {
	position: absolute;
	content: "";
	display: block;
	background: url('../img/icon_cardstepBg.png') no-repeat center center;
	width: 11px;
	height: 19px;
	top: 50%;
	right: -6px;
	margin-top: -8.5px;
}

.txt_step_box li:last-child:after {
	background: none;
}

.t_stpe3 li {
	width: 33.33%;
}

.t_stpe4 li {
	width: 25%;
}

.t_stpe5 li {
	width: 20%;
}

.t_stpe6 li {
	width: 16.5%;
}

.t_stpe6 li:first-child {
	margin-left: 0.5%;
}

.t_stpe6 li:last-child {
	margin-right: 0.5%;
}

/* 채용공고 상세페이지 */
.txt_step_box_new li div {
	width: 142px;
	height: 142px;
	border: none;
	padding-top: 49px;
	background: url('../img/bg_step_circle.png') no-repeat 0 0;
}

.txt_step_box_new li div strong {
	font-weight: 700;
}

ul.col4 {
	width: 100%;
}

ul.col4:before {
	content: '';
	display: block;
	clear: both;
	overflow: hidden;
}

ul.col4>li {
	float: left;
	width: calc(25% - 26px);
	word-wrap: break-word;
	margin-top: 0;
	margin-left: 34px;
	padding: 0;
}

ul.col4>li:nth-child(4n+1) {
	margin-left: 0;
}

ul.col4>li div {
	display: block;
	margin: 0 auto;
	max-width: 350px;
	width: 100%;
}

ul.col4>li div img {
	max-width: 350px;
	width: 100%;
	max-height: 230px;
	height: auto;
	margin: 0 auto;
}

ul.col4>li .fw_5 {
	font-style: normal;
}

ul.col4:after {
	content: '';
	display: block;
	clear: both;
	overflow: hidden;
}

.line-box_gray {
	padding: 40px 30px 30px 30px;
	width: 100%;
	min-height: 278px;
	height: 100%;
	border: 1px solid #e5e5e5;
}

.line-box_gray span {
	display: block;
	font-size: 36px;
	line-height: 36px;
	font-family: "roboto";
	color: #dbdbdb;
}

.line-box_gray strong {
	display: block;
	font-size: 20px;
	line-height: 44px;
	font-weight: 500;
	color: #333;
}

.line-box_gray .text_info {
	margin-top: 0px;
}

.line-box_gray .txt_list_01 {
	margin-top: 0
}

.line-box_gray .txt_list_01 li {
	margin: 0;
}
/* 채용공고 상세페이지 */

/*alert box*/
.alert_box {
	display: none;
	background-color: rgba(0, 0, 0, 0.6);
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	left: 0px;
	z-index: 30000;
}

.alert_container {
	position: absolute;
	max-width: 500px;
	min-width: 400px;
	border-radius: 10px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.alert_header {
	width: 100%;
	float: left;
	background: #009591;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.alert_header h1 {
	color: #fff;
	padding: 20px;
	padding-left: 54px;
	font-size: 18px;
	font-weight: 400;
	line-height: 18px;
}

.alert_header h1.warning {
	background: url("../img/icon_alert01.png") no-repeat center left;
	background-position-x: 20px;
}

.alert_header h1.notice {
	background: url("../img/icon_alert02.png") no-repeat center left;
	background-position-x: 20px;
}

.alert_body {
	width: 100%;
	float: left;
	background: #fff;
}

.alert_body p {
	text-align: center;
	padding: 50px 25px;
	color: #333;
	font-size: 16px;
	max-height: 250px;
	overflow-y: auto;
	white-space: pre-line;
}

.alert_foot {
	width: 100%;
	float: left;
}

.alert_foot a {
	display: block;
}

.alert_btn {
	width: 100%;
	float: left;
	text-align: center;
	padding: 11.5px;
	background: #e8e8e8;
	border-top: 1px solid #dcdcdc;
	font-size: 16px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.alert_foot2 .alert_btn {
	width: 50%;
}

.alert_foot2 .alert_btn:nth-child(1) {
	border-bottom-right-radius: 0;
	border-right: 1px solid #dcdcdc;
}

.alert_foot2 .alert_btn:nth-child(2) {
	border-bottom-left-radius: 0;
}

.alert_btn:hover {
	color: #009591;
	text-decoration: none
}

.alert_close_btn {
	position: absolute;
	width: 30px;
	height: 30px;
	background: url("../img/icon_alertClose.png") no-repeat center center;
	top: 13px;
	right: 15px;
	z-index: 1000;
	padding: 15px;
}

/*영상 광고 */
.video_zone {
	width: 100%;
	float: left;
	border: 1px solid #e5e5e5;
	position: relative;
	background: #e5e5e5;
}

.video_zone a:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background: url("../../web/img/company/bg_video1.png") no-repeat 94% 91%;
	;
}

.txt_zone {
	width: 100%;
	float: left;
}

.txt_zone p {
	font-weight: 400;
	font-size: 14px;
	color: #555;
	line-height: 24px;
}

/* 약관 정책 */
.anchor_box {
	display: block;
	overflow: hidden;
	padding: 40px;
	width: 100%;
	border: 3px solid #ddd;
}

.anchor_box h3 {
	font-weight: 500;
}

.anchor_box h4 {
	margin-top: 10px;
}

.anchor_box ul {
	width: 100%;
	display: block
}

.anchor_box ul:before {
	content: '';
	display: block;
	clear: both;
	overflow: hidden;
}

.anchor_box ul li {
	float: left;
	display: block;
}

.anchor_box ul.tab2 li {
	padding-right: 20px;
	width: calc(( 100%/ 2)- 20px);
}

.anchor_box ul.tab3 li {
	padding-right: 20px;
	width: calc(( 100%/ 3)- 20px);
}

.pop_anchor_box h3 {
	font-weight: 500;
}

.pop_anchor_box h4 {
	margin-top: 10px;
}

.pop_anchor_box ul {
	width: 100%;
	display: block
}

.pop_anchor_box ul:before {
	content: '';
	display: block;
	clear: both;
	overflow: hidden;
}

.pop_anchor_box ul li {
	float: left;
	display: block;
}

.pop_anchor_box ul.tab2 li {
	padding-right: 10px;
	width: calc(( 100%/ 2)- 10px);
}

.pop_anchor_box ul.tab2 li:nth-child(2n) {
	float: right;
	padding-right: 0;
}

.pop_anchor_box ul.tab3 li {
	padding-right: 20px;
	width: calc(( 100%/ 3)- 20px);
}

.pop_anchor_box ul.txt_list_02 li {
	line-height: 32px;
	letter-spacing: -1px;
	min-width: 290px;
}

.pop_anchor_box ul.txt_list_02 li a {
	line-height: 20px;
	margin: 0 0 0 45px;
}

.pop_anchor_box ul.txt_list_02 li .btn_bdin.bu2 {
	top: 0;
	left: 195px;
}

.btn_por .btn_bdin {
	position: absolute;
	top: -5px;
	left: 300px;
	height: 22px;
}

.txt_list_02 .btn_por {
	position: relative;
	display: block;
	width: 100%;
}

.btn_por .btn_bdin a {
	position: absolute;
}

.btn_bdin a {
	display: block;
	padding: 3px 10px 3px 10px;
	border: 1px solid #ddd;
}

.btn_bdin a:hover, .btn_bdin a.active {
	border: 1px solid #1d56ab;
	background: #1d56ab;
	color: #fff;
}

.btn_bdin a:after {
	font-family: 'FontAwesome';
	content: "\f105";
	font-size: 16px;
	vertical-align: 0px;
	padding-left: 5px;
}

.policy_gry_box {
	position: relative;
	border: 1px solid #ccc;
	padding: 16px;
}

.policy_gry_box h4 {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	border: 1px solid #ccc;
	color: #2054ae;
	width: 244px;
	margin-top: -37px;
	padding: 8px;
	text-align: center;
	background: #fff;
}

.para_box h5.square {
	background: url("../img/policy/blit.gif") no-repeat left center;
	margin-bottom: 5px;
	padding-left: 20px;
}

.para_box .txt_list_01 {
	margin-left: 20px;
	width: calc(100% - 40px)
}

.para_box ol.type1>li>.txt_list_01, .para_box ol.type1>li>.txt_list_01>li>.txt_list_01
	{
	margin-left: 0px;
}

.para_box ol.type1>li>.txt_list_01 li {
	padding-left: 10px !important;
}

.para_box ol.type1>li>.txt_list_01>li>.txt_list_01 li {
	padding-left: 20px !important;
}

.para_box ol.type1>li>.txt_list_01 li {
	padding-left: 10px !important;
}

.para_box .fc_b {
	color: #2054ae;
}

.para_box .policy_gry_box1 {
	border: 1px solid #ccc;
}

.para_box .policy_gry_box1 .bd_right {
	border-right: 1px solid #ccc;
}

.para_box .policy_gry_box1.bd_top0 {
	border-top: 0;
}

.para_box .policy_gry_box1 .fstyle {
	display: inline-block;
	line-height: 26px;
	padding: 4px 10px 4px 10px;
}

table.td_gray {
	border: 1px solid #ccc;
}

table.td_gray th, table.td_gray td {
	border: 1px solid #ccc;
	padding: 5px 10px;
	vertical-align: middle;
}

table.td_gray th {
	text-align: center;
}

.cf_all.bg_td_tb {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.cf_all .bg_gray1 {
	background: #f2f2f2;
	padding: 5px;
}

.cf_all .bg_white1 {
	background: #fff;
	padding: 5px 5px 5px 15px;
}

.bgline_gray {
	background: #f3f3f3;
	border: 1px solid #e4e4e4;
	padding: 10px;
}

.popup_body .para_box {
	margin-top: 0px;
}

.popup_body .para_box h3:first-child {
	margin-top: 0px;
}

.section_box3+.para_box {
	float: left;
	width: 100%;
}

.para_box .gray_box {
	width: 100%;
	margin-top: 10px;
	border: 1px solid #ccc;
	padding: 10px;
}

.para_box+h3:first-child {
	margin-top: 0
}

.para_box h3 {
	font-weight: 500;
	font-size: 16px;
	color: #009591;
	line-height: 40px;
	margin-top: 30px;
}

.para_box h4 {
	margin-top: 20px;
	font-weight: 500;
}

.para_box h5 {
	margin-top: 20px;
	font-weight: 500;
}

.para_box p {
	font-size: 14px;
	color: #555;
	margin-top: 5px;
}

.para_box h4+p {
	padding-left: 10px;
}

.para_box h4+p+div>table {
	padding-left: 10px;
}

.para_box h4+p+p {
	padding-left: 10px;
}

.para_box h4+p+p+p {
	padding-left: 10px;
}

.para_box .txt_list_01, .para_box .txt_box_01 {
	margin-top: 0;
	float: none;
}

.para_box .txt_list_01 li, .para_box .txt_box_01 li {
	margin-bottom: 0;
}

.para_box ol, .para_box ul {
	margin-top: 5px;
}

.para_box ol>li>ol, .para_box ol>li>ul {
	margin-left: 0px;
}

.para_box ol>li>ol.type2, .para_box ol>li>ol.type4 {
	margin-left: 20px;
}

.para_box ol>li>ul.clearfix {
	margin-left: 0px;
}

.para_box ol>li>ul.clearfix {
	display: block;
	margin-top: 0;
	width: 100%;
	overflow: hidden;
	clear: both;
}

.para_box ol>li>ul.clearfix li {
	padding-left: 0 !important;
}

.para_box ol>li>table {
	margin-top: 5px;
}

.para_box table {
	border-collapse: collapse;
	width: 100%;
	margin: 0;
	border-top: 1px solid #5d6b91;
	background: #fff;
	border-right: 1px hidden #fff
}

.para_box table.bd1 {
	border-collapse: collapse;
	width: 100%;
	margin: 0;
	border: 1px solid #ddd;
	background: #fff
}

.para_box table.bdt0 {
	border-top: 1px solid #5d6b91;
}

.para_box table.plr5 * {
	text-align: center !important
}

*:first-child+html table.t1 {
	border-right: 1px solid #fff !important
}

.para_box table tr {
	
}

.para_box table th, .para_box table td {
	border-top: 0;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 8px 10px 7px;
	color: #666;
	font-weight: normal
}

.para_box table th.bd1, table td.bd1 {;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd
}

.para_box table th {
	padding: 8px 10px 8px
}

.para_box table th, table td {
	padding: 8px 10px 8px
}

.para_box table.plr5 th, table.t1.plr5 td {
	padding: 8px 5px 8px
}

.para_box table th {
	text-align: inherit
}

.para_box table tbody th {
	text-align: left
}

.para_box table th.bgfff {
	background: #fff
}

.para_box table thead th, table.t1 tfoot th {
	padding: 10px 10px 9px;
	background: #f3f3f3;
	color: #333;
	text-align: center;
	vertical-align: middle;
	font-weight: 400
}

.para_box table.plr5 thead th {
	padding: 10px 5px 9px
}

.para_box table tbody.bt1 {
	border-top: 1px solid #ddd
}

.para_box table tbody.tdtac {
	text-align: center !important
}

.para_box table tbody td.tdtar {
	text-align: right !important
}

.para_box table tbody td.tdtac {
	text-align: center !important
}

.para_box table tbody td.bgf2 {
	background: #f2f2f5
}

.para_box table tbody td.cl2054ae {
	color: #2054ae
}

.para_box table tbody td.clda1527 {
	color: #da1527
}

.para_box ol>li>ol>li ul, .para_box ol>li>ul>li>ul {
	margin-left: 20px;
}

.para_box ul>li>ol, .para_box ul>li>ul {
	margin-left: 20px;
}

.para_box ul>li>ol>li ul, .para_box ul>li>ul>li>ul {
	margin-left: 20px;
}

.para_box>ol.type1>li {
	padding-left: 30px;
	position: relative;
}

.para_box>ol.type1>li:before {
	position: absolute;
	left: 10px;
	font-size: 13px;
}

li>ol.type1>li {
	position: relative;
}

li>ol.type1>li:before {
	position: absolute;
	left: -20px;
	font-size: 12px;
	line-height: 20px;
}

ol.type1>li:last-child {
	margin-bottom: 5px;
}

ol.type1>li:nth-child(1):before {
	content: '①';
}

ol.type1>li:nth-child(2):before {
	content: '②';
}

ol.type1>li:nth-child(3):before {
	content: '③';
}

ol.type1>li:nth-child(4):before {
	content: '④';
}

ol.type1>li:nth-child(5):before {
	content: '⑤';
}

ol.type1>li:nth-child(6):before {
	content: '⑥';
}

ol.type1>li:nth-child(7):before {
	content: '⑦';
}

ol.type1>li:nth-child(8):before {
	content: '⑧';
}

ol.type1>li:nth-child(9):before {
	content: '⑨';
}

ol.type1>li:nth-child(10):before {
	content: '⑩';
}

ol.type1>li:nth-child(11):before {
	content: '⑪';
}

ol.type1>li:nth-child(12):before {
	content: '⑫';
}

ol.type1>li:nth-child(13):before {
	content: '⑬';
}

ol.type1>li:nth-child(14):before {
	content: '⑭';
}

ol.type1>li:nth-child(15):before {
	content: '⑮';
}

h3+ol.type2 {
	float: left;
	margin-top: 16px;
}

.para_box>ol.type2>li {
	padding-left: 25px;
	position: relative;
}

.para_box>ol.type2>li:before {
	position: absolute;
	left: 13px;
	font-size: 12px;
	line-height: 20px;
}

.para_box li>ol.type2>li {
	position: relative;
}

.para_box li>ol.type2>li:before {
	position: absolute;
	left: -15px;
	font-size: 12px;
	line-height: 20px;
}

ol.type2>li {
	padding-left: 12px;
	position: relative;
}

ol.type2>li:before {
	position: absolute;
	left: 0px;
	font-size: 12px;
	line-height: 20px;
}

ol.type2>li.lh32:before {
	top: 10px;
}

ol.type2>li:last-child {
	margin-bottom: 5px;
}

ol.type2>li:nth-child(1):before {
	content: '1.';
}

ol.type2>li:nth-child(2):before {
	content: '2.';
}

ol.type2>li:nth-child(3):before {
	content: '3.';
}

ol.type2>li:nth-child(4):before {
	content: '4.';
}

ol.type2>li:nth-child(5):before {
	content: '5.';
}

ol.type2>li:nth-child(6):before {
	content: '6.';
}

ol.type2>li:nth-child(7):before {
	content: '7.';
}

ol.type2>li:nth-child(8):before {
	content: '8.';
}

ol.type2>li:nth-child(9):before {
	content: '9.';
}

ol.type2>li:nth-child(10):before {
	content: '10.';
}

ol.type2>li:nth-child(11):before {
	content: '11.';
}

ol.type2>li:nth-child(12):before {
	content: '12.';
}

ol.type2>li:nth-child(13):before {
	content: '13.';
}

ol.type2>li:nth-child(14):before {
	content: '14.';
}

ol.type2>li:nth-child(15):before {
	content: '15.';
}

.para_box>ol.type3>li {
	padding-left: 30px;
	position: relative;
}

.para_box>ol.type3>li:before {
	position: absolute;
	left: 13px;
	font-size: 12px;
	line-height: 20px;
}

.para_box li>ol.type3>li {
	position: relative;
}

.para_box li>ol.type3>li:before {
	position: absolute;
	left: -20px;
	font-size: 12px;
	line-height: 20px;
}

.para_box ol.type3>li:last-child {
	margin-bottom: 5px;
}

.para_box ol.type3>li:nth-child(1):before {
	content: '(1)';
}

.para_box ol.type3>li:nth-child(2):before {
	content: '(2)';
}

.para_box ol.type3>li:nth-child(3):before {
	content: '(3)';
}

.para_box ol.type3>li:nth-child(4):before {
	content: '(4)';
}

.para_box ol.type3>li:nth-child(5):before {
	content: '(5)';
}

.para_box ol.type3>li:nth-child(6):before {
	content: '(6)';
}

.para_box ol.type3>li:nth-child(7):before {
	content: '(7)';
}

.para_box ol.type3>li:nth-child(8):before {
	content: '(8)';
}

.para_box ol.type3>li:nth-child(9):before {
	content: '(9)';
}

.para_box ol.type3>li:nth-child(10):before {
	content: '(10)';
}

.para_box ol.type3>li:nth-child(11):before {
	content: '(11)';
}

.para_box ol.type3>li:nth-child(12):before {
	content: '(12)';
}

.para_box ol.type3>li:nth-child(13):before {
	content: '(13)';
}

.para_box ol.type3>li:nth-child(14):before {
	content: '(14)';
}

.para_box ol.type3>li:nth-child(15):before {
	content: '(15)';
}

.para_box>ol.type4>li {
	padding-left: 30px;
	position: relative;
}

.para_box>ol.type4>li:before {
	position: absolute;
	left: 13px;
	font-size: 13px;
	line-height: 20px;
}

.para_box li>ol.type4>li {
	position: relative;
}

.para_box li>ol.type4>li:before {
	position: absolute;
	left: -20px;
	font-size: 13px;
	line-height: 20px;
}

.para_box ol.type4>li:last-child {
	margin-bottom: 5px;
}

.para_box ol.type4>li:nth-child(1):before {
	content: ' 가.';
}

.para_box ol.type4>li:nth-child(2):before {
	content: '나.';
}

.para_box ol.type4>li:nth-child(3):before {
	content: '다.';
}

.para_box ol.type4>li:nth-child(4):before {
	content: '라.';
}

.para_box ol.type4>li:nth-child(5):before {
	content: '마.';
}

.para_box ol.type4>li:nth-child(6):before {
	content: '바.';
}

.para_box ol.type4>li:nth-child(7):before {
	content: '사.';
}

.para_box ol.type4>li:nth-child(8):before {
	content: '아.';
}

.para_box ol.type4>li:nth-child(9):before {
	content: '자.';
}

.para_box ol.type4>li:nth-child(10):before {
	content: '카.';
}

.para_box ol.type4>li:nth-child(11):before {
	content: '타.';
}

.para_box ol.type4>li:nth-child(12):before {
	content: '파.';
}

.para_box ol.type4>li:nth-child(13):before {
	content: '하.';
}

.para_box>ul.type5>li {
	padding-left: 20px;
	position: relative;;
}

.para_box>ul.type5>li:before {
	position: absolute;
	left: 13px;
	font-size: 12px;
	line-height: 20px;
	content: '- '
}

.gray_box .type5 {
	margin-top: 0;
}

.gray_box .type5>li {
	padding-left: 15px;
	position: relative;;
}

.gray_box .type5>li:before {
	position: absolute;
	left: 0px;
	font-size: 12px;
	line-height: 20px;
	content: '- '
}

.para_box li>ul.type5>li {
	position: relative;
	padding-left: 0px !important;
}

.para_box li>ul.type5>li:before {
	position: absolute;
	left: -15px;
	font-size: 13px;
	line-height: 20px;
	content: '- '
}

.type5>li {
	padding-left: 10px;
	position: relative;;
}

.type5>li:before {
	position: absolute;
	left: 0px;
	font-size: 12px;
	line-height: 20px;
	content: '- '
}

.para_box>ul.type6>li {
	padding-left: 20px;
	position: relative;;
}

.para_box>ul.type6>li:before {
	position: absolute;
	left: 10px;
	font-size: 12px;
	line-height: 20px;
	content: '• '
}

.para_box li>ul.type6>li {
	position: relative;
}

.para_box li>ul.type6>li:before {
	position: absolute;
	left: -15px;
	font-size: 13px;
	line-height: 20px;
	content: '• '
}

.para_box ul.type0>li {
	padding-left: 20px;
	position: relative;
}

.para_box ul.type0>li:before {
	position: absolute;
	left: 10px;
	font-size: 12px;
	line-height: 20px;
}

.para_box li>ul.type0>li {
	position: relative;
}

.para_box li>ul.type0>li:before {
	position: absolute;
	left: -20px;
	font-size: 13px;
	line-height: 20px;
}

.para_box li>ul>li {
	padding-left: 20px !important;
}

.para_box li>ol>li {
	padding-left: 0 !important;
}

/*Mobile Size*/
@media all and (max-width:1100px) {
	#contents {
		padding: 20px 10px 100px 10px;
	}
	.pre {
		white-space: pre-line;
	}
}