@charset "utf-8";
table {border-spacing: 0;border-collapse: collapse;}

/* 서브네비게이션 */
#sub_nav{width:100%;/*height:55px;*/height:60px;background:#28292d}
#sub_nav .nav_wrap{width:1300px;height:auto;margin:0 auto}
#sub_nav .nav_wrap::after{content:'';display:block;clear:both}
.nav_wrap .home{float:left;display:block;width:60px;height: 60px;border-left:1px solid #60626a;border-right:1px solid #60626a;background:url('../img/page/home.png')no-repeat center;}
.nav_wrap .nav_ul{float:left;}
.nav_wrap .nav_ul li{position:relative;float:left;min-width:230px;padding:0 25px;height: 60px;border-right:1px solid #60626a;cursor: pointer;}
.nav_wrap .nav_ul li .nav_1a{display:block;font-size:17px;color:#fff;height: 60px;line-height: 60px;font-weight:400;}
.nav_wrap .nav_ul li .nav_1a::after{content:'';display:block;position:absolute;top: 27px;right:15px;width:12px;height:12px;background:url('../img/page/nav_plus.png')no-repeat;}
.nav_wrap .nav_ul li ul{position:relative;display:none;position:absolute;top: 60px;left:-1px;border-left:1px solid #e3e3e3;z-index:10;}
.nav_wrap .nav_ul li ul li{border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3;transition:0.3s;background:#fff;/* line-height: 60px; */height: 50px;}
.nav_wrap .nav_ul li ul li:hover{background:#f5f5f5}
.nav_wrap .nav_ul li ul li a{display:block;height: 50px;line-height: 50px;color:#000;}


/* 서브메뉴 */
#sub_menu{width:100%;height:auto;text-align:center;border-bottom:1px solid #cbcbcb;padding: 15px 0;}
#sub_menu li{position:relative;display:inline-block;/* min-width:150px; */padding: 0px 30px;}
#sub_menu li a{position:relative;display:block;font-size: 17px;color:#848484;/* line-height:55px */}
#sub_menu li.active a{/* font-weight:bold; */color:#1c234b;}
#sub_menu li.active a::after{width:100%}
#sub_menu li a::after{position:absolute;left: 50%;bottom: -16px;content:'';display:block;width: 0;height:2px;background:#1c234b;transform:translateX(-50%);display:block;transition:0.3s;}
#sub_menu li a:hover::after{width:100%}
#sub_menu li a:hover{/* font-weight:bold; */color:#1c234b;}
#sub_menu li a::before {position:absolute;left: -32px;top: 4px;content:'';display:block;width:2px;height:15px;background:#ddd;}
#sub_menu li:first-child a::before {display:none}

/* 공통 css */
.sub_layout{width:1300px;height:auto;overflow:hidden;margin:0 auto}
.sub_layout .title{font-size: 35px;color: #c5c5c5;text-align:center;letter-spacing: 0;font-weight: 200;margin: 50px 0 15px;}
.sub_layout .title::after{content:'';display:block;width:260px;height:11px;background:url('../img/page/title_after2.jpg')no-repeat;margin: 10px auto 0;}
.sub_layout .sub_tit{font-size: 26px;color:#2c2c2c;text-align:center;margin: 0 0 50px;}

.sub_layout2{width:100%;height:auto;overflow:hidden;/* padding-top:70px */}
.sub_layout2 .title{font-size: 35px;color: #c5c5c5;text-align:center;letter-spacing: 0;font-weight: 200;margin: 50px 0 15px;}
.sub_layout2 .title::after{content:'';display:block;width:260px;height:11px;background:url('../img/page/title_after2.jpg')no-repeat;margin: 10px auto 0;}
.sub_layout2 .sub_tit{font-size: 26px;color:#2c2c2c;text-align:center;margin: 0 0 50px;}
.nbsp{height:150px}
.nbsp100{height:100px}
.title01_01 {font-size: 25px;padding: 0 0 15px 23px;position: relative;font-weight: 500;}
.title01_01::before{content: '';display: block;width: 12px;height: 12px;background: #da3c3c;position: absolute;top: 13px;left: 0;border-radius: 4px;}

.img_pc_mo .img_pc {display:block; margin:0 auto}
.img_pc_mo .img_mobile {display:none; margin:0 auto}

.ma_ri20 {margin-right:20px}
.ma_bottom20 {margin-bottom:20px}
.ma_bottom100 {margin-bottom:100px}


@media screen and (max-width:1350px){
	#sub_nav .nav_wrap{width:90%}
	.sub_layout{width: 90%;}
}

@media screen and (max-width:830px){
	.nav_wrap .nav_ul li {position: relative;float: left;min-width: 230px;padding: 0 10px;border-right: 1px solid #60626a;}
    #sub_menu li a::after{display:none}
	.img_pc_mo .img_pc {display:none;}
	.img_pc_mo .img_mobile {display:block;}
}

@media screen and (max-width:610px){
	.nav_wrap .home{display:none}
	#sub_nav .nav_wrap{width:100%}
	.nav_wrap .nav_ul{clear:both;width:100%;margin: 0;}
	.nav_wrap .nav_ul li {position: relative;float: left;width: 50%;padding: 0 10px;border-right: 1px solid #60626a;}
	#sub_menu li{min-width: auto;padding: 0 10px;}
	#sub_menu li a{font-size:14px;line-height: 26px;} 
	#sub_menu li a::before {position:absolute;left:-13px;top: 7px;content:'';display:block;width:2px;height:15px;background:#ddd;}
	.nav_wrap .nav_ul li ul{width: 100%;top: 60px;left: 0px;}
	.nav_wrap .nav_ul li ul li{width:100%;}

}

@media screen and (max-width:500px){
	#sub_nav{height:50px;}
	.nav_wrap .nav_ul li .nav_1a{height:50px;line-height:50px; font-size:14px}
	.nav_wrap .nav_ul li {position: relative;float: left;min-width: 110px;padding: 0 10px;border-right: 1px solid #60626a;height: 50px;}
    .nav_wrap .nav_ul li .nav_1a::after{top:20px;}
    .nav_wrap .nav_ul li ul{top: 50px;}
}

@media screen and (max-width:425px){
    .sub_layout .title{font-size: 20px;margin:20px 0 10px;}
    .sub_layout .sub_tit{font-size: 20px;margin: 0 0 25px;}

    .sub_layout2 .title{font-size: 20px;margin:20px 0 10px;}
    .sub_layout2 .sub_tit{font-size: 20px;margin: 0 0 25px;}
}


/* 표스타일 */
.table_style01 {border-top:2px solid #af0001;width: 100%;word-break: keep-all;letter-spacing: 0;}
.table_style01 th, .table_style01 td {text-align: center;padding: 10px;border:1px solid #ddd;}
.table_style01 thead th {background:#5e5b5a; color:#fff}
.table_style01 th {background:#f0f0f0;}
.table_style01 td {background:#f9f9f9;}

@media screen and (max-width:830px){
    .table_style01 th, .table_style01 td {padding: 10px 3px; font-size:14px}
}


/* 대표자인사 */
#sub1_1_1{width:100%;min-height:660px;background: url('../img/page/sub1_1_1_bg.jpg')no-repeat top center;padding-top: 30px;}
#sub1_1_1 .title{font-size:50px;color:#fff;font-weight:300;letter-spacing:-1px;text-align: left;margin-top: 70px;}
#sub1_1_1 .title span{font-weight:500}
#sub1_1_1 .title::after{content:'';display:block;width:11px;height:85px;background:url('../img/page/title_after.png')no-repeat;margin:15px 0}
#sub1_1_1 .txt{font-size:18px;color:#fff;font-weight:300;letter-spacing:-1px}
#sub1_1_1 .greeting{position:relative;padding: 150px 0 0 0;width: 800px;}
#sub1_1_1 .txt1{font-size: 18px;color:#0f1823;margin-bottom:30px;line-height: 35px;}
#sub1_1_1 .txt1 span{font-weight:bold}
#sub1_1_1 .ceo{/* position:absolute; *//* bottom:150px; *//* right:0; */text-align: right;margin-bottom: 100px;}
#sub1_1_1 .nbsp{height: 10px;}

/*대표자인사 모바일*/
@media screen and (max-width:800px){
    #sub1_1_1{background: url('../img/page/sub1_1_1_bg_800.jpg')no-repeat top right;}
    #sub1_1_1 .greeting{width:90%;}
}
@media screen and (max-width:425px){
    #sub1_1_1{min-height:300px; padding-top:50px}
    #sub1_1_1 .title{font-size:40px}
    #sub1_1_1 .txt{font-size: 17px;}
    #sub1_1_1 .ceo{bottom: 100px;}
    #sub1_1_1 .greeting {padding:120px 0 0 0}
    #sub1_1_1 .txt1{font-size: 15px;margin-bottom:20px;line-height: 23px;}
}

/* 경영목표 */
#sub1_1_2 {width:100%; background:url('../img/page/sub1_1_2_bg.jpg')no-repeat center; background-size:cover; color: #fff; padding:50px 10px; text-align:center}

#sub1_1_2 .business_top {display:block; text-align:center;}
#sub1_1_2 .business_top .tit_fr,
#sub1_1_2 .business_bottom .tit_fr {
	position:relative; 	margin: 0 auto 47px; width: 200px; height: 60px;border: 2px solid rgba(187,187,187,0.5);border-radius: 100px;text-align: center;line-height: 56px;font-size: 22px;font-weight: 600;
}
#sub1_1_2 .business_top .tit_fr::after{display:block;content:'';position:absolute;bottom:-50px;right:50%;width: 2px;height:50px;background: #6d6d6d;}
#sub1_1_2 .business_bottom {margin-top: 50px;}
#sub1_1_2 .business_bottom .tit_fr::before{display:block;content:'';position:absolute;bottom: -61px;right: 75%;width: 2px;height: 70px;background: #6d6d6d;transform: rotate( 45deg );}
#sub1_1_2 .business_bottom .tit_fr::after{display:block;content:'';position:absolute;bottom: -61px;left: 75%;width: 2px;height: 70px;background: #6d6d6d;transform: rotate( -45deg );}

#sub1_1_2 .business_contents ul{width: 100%; display:block; text-align:center}
#sub1_1_2 .business_contents ul li{width: 40%;display:inline-block;vertical-align:top;}
#sub1_1_2 .business_contents .frame{width: 90%;height: 300px;text-align: center;background:rgba(255,255,255,0.05);border:1px solid #fff;clear: both;/* padding-right: 50px; */margin: 0 auto;/* font-size: 15px; */}
#sub1_1_2 .business_contents .bus_img{padding-top: 65px;}
#sub1_1_2 .business_contents .bus_txt{padding-top: 30px;font-size: 20px;}

@media screen and (max-width:880px){
	#sub1_1_2 .business_contents .bus_txt {font-size:17px}
}
@media screen and (max-width:570px){
	#sub1_1_2 .business_top .business_contents ul li{width: 90%;}
	#sub1_1_2 .business_bottom .business_contents ul li{width: 50%;}
}

/*연혁*/
#sub1_1_3{width:100%;}
#sub1_1_3 .sub_113_bg {width:100%;height: 366px;padding-top: 200px;background-size: cover;background: url('../img/page/sub1_1_3_bg.jpg')no-repeat left top;}
#sub1_1_3 .sub_113_bg .sub_title{color:#fff;font-size: 60px;padding-right: 50px;width: 1300px;margin: 0 auto;font-weight: 100;text-align: right;text-shadow: 0px 0px 5px rgba(0,0,0,0.5);}
#sub1_1_3 .sub_113_bg .sub_title span{font-weight: 600;margin-left: 20px;}
#sub1_1_3 .sub_contents{padding-top: 200px;width: 1300px;margin: 40px auto;line-height: 54px;border-collapse: collapse;}
#sub1_1_3 .sub_contents tr{border-bottom: 1px solid #e5e5e5;}
#sub1_1_3 .sub_contents tr:last-child{border-bottom:0}
#sub1_1_3 .sub_contents .his_year{font-size: 27px;float: left;font-weight: 100;width: 100px;}
#sub1_1_3 .sub_contents .his_date{font-size: 19px;float: left;padding-left: 50px;font-weight: 900;color: #193b88;}
#sub1_1_3 .sub_contents .his_contents{font-size: 16px;float: left;padding-left: 70px;letter-spacing: -1px;font-weight: 400;}
#sub1_1_3 .sub_contents .his_contents li{position:relative}
#sub1_1_3 .sub_contents .his_contents li::before{display:block;content:'';position:absolute;top: 41%;left: -24px;width:8px;height:8px;background:url('../img/page/sub1_1_3_icon02.png')no-repeat;}

@media screen and (max-width:1300px){
    #sub1_1_3 .sub_113_bg .sub_title{width: 100%;}
	#sub1_1_3 .sub_contents {margin: 20px;width: calc(100% - 40px);}
}

@media screen and (max-width:730px){
    #sub1_1_3 .sub_contents .his_year{float:none;width:100%;display: block;padding-bottom: 2px;}
    #sub1_1_3 .sub_contents .his_date{float:none; width:100%}
    #sub1_1_3 .sub_contents .his_contents{float:none;width:100%;display: block;padding-left: 30px;line-height: 20px;padding-bottom: 20px;padding-bottom: 21px;}
	#sub1_1_3 .sub_113_bg {height:200px;padding-top:100px;background-size: cover;}
	#sub1_1_3 .sub_113_bg .sub_title {font-size:35px}
}

@media screen and (max-width:425px){
	#sub1_1_3 .sub_113_bg {padding-top:130px;}
	#sub1_1_3 .sub_113_bg .sub_title {text-align:left; padding-left:20px; }
}

/*품질인증*/
.certi_wrap {padding:40px; overflow:hidden}
.certi_backcolor {background:#f8f8f8}
.certi_wrap .certi_text {float:left;width: 45%;}
.certi_wrap .certi_text .subject {font-size: 25px;font-weight:900;}
.certi_wrap .certi_text .text {font-size: 17px;margin: 20px 0;}
.certi_wrap .certi_text table {width: 100%;border-top: 1px solid #c1c1c2;}
.certi_wrap .certi_text table th, .certi_wrap .certi_text table td {text-align:center;border-bottom:1px solid #c1c1c2;padding: 15px;}
.certi_wrap .certi_text table th {background:#e7e7e7;width: 40%;}
.certi_wrap .certi_text table td {background:#fff;}
.certi_wrap .certi_img {float:right; width:50%; text-align:center}

@media screen and (max-width:1350px){
	.certi_wrap .certi_text table th, .certi_wrap .certi_text table td {padding:10px}
	.certi_wrap .certi_img img {width:calc(50% - 20px);}
}

@media screen and (max-width:830px){
    .certi_wrap .certi_text {float:none;width:100%;}
    .certi_wrap .certi_img {float:none; width:100%; margin-top:20px}
}

@media screen and (max-width:425px){
	.certi_wrap {padding:15px;}
    .certi_wrap .certi_text table th, .certi_wrap .certi_text table td {padding:5px; font-size:13px}
    .certi_wrap .certi_text .text {font-size:14px;margin:10px 0;}
}


/*공장*/
#sub1_2 {width:100%;}
#sub1_2 .tit {width:100%; height:366px; }
#sub1_2 .tit_21 {background: url('../img/page/sub1_2_1_bg.jpg')no-repeat center top;}
#sub1_2 .tit_22 {background: url('../img/page/sub1_2_2_bg.jpg')no-repeat center top;}
#sub1_2 .tit .title{font-size:50px;color:#fff;font-weight: 200;letter-spacing:-1px;width: 500px;margin: 0 auto;/* border: 1px solid red; */padding: 100px 0 0 200px;line-height: 55px;}
#sub1_2 .tit span{font-weight:500}
#sub1_2 .tit .title::after{content:'';display:block;width:20px;height:50px;background:url('../img/page/title_after_w.png')no-repeat;margin:15px 0}
#sub1_2 .tit .title02{font-size:18px;color:#fff;font-weight: 200;letter-spacing:-1px;width: 500px;margin: 0 auto;padding: 0 0 0 200px;}
#sub1_2 .contents{margin:50px 10px; overflow:hidden}
#sub1_2 .contents::before{content:'';display:block;width:330px;height:55px;background:url('../img/page/sub1_2_1_mark.png')no-repeat;}
#sub1_2 .introduction{float: left;width: 44%;margin-top: 30px;font-size: 16px;}
#sub1_2 .introduction tr{}
#sub1_2 .introduction th{border-bottom:2px solid #1c234b;text-align: left;font-weight: 500;padding: 0 20px;width: 150px;}
#sub1_2 .introduction td{border-bottom:1px solid #c8c8c8;padding: 15px 0px 15px 40px;color: #646464;font-weight: 400;}
#sub1_2 .introduction .ls_0{letter-spacing: 0;}
#sub1_2 .introduction ul{float:left; padding-left:10px}
#sub1_2 .introduction li{position:relative;}
#sub1_2 .introduction li::before{display:block;content:'';position:absolute;top: 50%;margin-top:0;left: -10px;width: 2px;height: 2px;background:#8b8b8b;}
#sub1_2 .map_50 {float:right;width: 49%;padding-top: 50px;}
#sub1_2 .img_12_or {background:#eceff5;padding:30px 10px;text-align:center;margin-bottom: 50px;}

@media screen and (max-width:1024px){
    #sub1_2 .introduction, #sub1_2 .map_50 {float: none; width:100%;}
    #sub1_2 .introduction {font-size:15px}
    #sub1_2 .introduction th {width:110px}
    #sub1_2 .map_50 {padding-top:30px}
    #sub1_2 .introduction td{padding: 5px 0px 5px 40px;}
}

@media screen and (max-width:768px){
    #sub1_2 .tit {height:200px; background-size:cover}
    #sub1_2 .tit .title{font-size: 28px;color:#fff;font-weight: 200;letter-spacing:-1px;width: auto;margin: 0 auto;/* border: 1px solid red; */padding: 36px 0 0 48%;line-height: 35px;}
    #sub1_2 .tit span{font-weight:500}
    #sub1_2 .tit .title::after{content:'';display:block;width:20px;height:50px;background:url('../img/page/title_after_w.png')no-repeat;margin: 5px 0;}
    #sub1_2 .tit .title02{font-size:18px;color:#fff;font-weight: 200;letter-spacing:-1px;width: auto;margin: 0 auto;padding: 0 0 0 48%;}
    #sub1_2 .contents::before{content:'';display:block;width: 200px;height: 32px;background:url('../img/page/sub1_2_1_mark.png')no-repeat;background-size: 100%;}
}

/*그룹사 소개*/
.group_wrap01 {position:relative; }
.group_list {position:absolute;top:0;z-index:2;width: 100%;}
.group_list ul {display:block;text-align:center;}
.group_list ul li {display:inline-block;width: calc(90% / 5);vertical-align:top;padding: 55px 20px;margin:5px;height: 300px;}
.group_list ul li:nth-child(1) {background:#d55555;padding-top: 80px;}
.group_list ul li:nth-child(2) {background:#4a81b3; padding-top:80px}
.group_list ul li:nth-child(3) {background:#3a5a77; padding-top:80px}
.group_list ul li:nth-child(4) {background:#206b74; padding-top:80px}
.group_list ul li:nth-child(5) {background:#3e3b73;}
.group_list ul li p {font-size:16px; color:#fff;}
.group_list ul li p:nth-child(1) {font-weight: 400;font-size: 23px;line-height: 27px;}
.group_list ul li p:nth-child(2) {font-weight: 600;font-size: 13px;letter-spacing: 0;position: relative;padding-bottom: 42px;line-height: 15px;margin-top: 12px;}
.group_list ul li p:nth-child(2)::before{content: '';display: block;width: 36px;height: 3px;background:rgba(255,255,255,0.5);position: absolute;top: 66%;left: 50%;border-radius: 4px;margin-left: -13px;}
.group_map {position:relative;padding-top: 150px;}
.group_wrap02 {overflow:hidden; padding:30px;}
.group_wrap02 p {width:calc(50% - 10px);float:left;padding: 30px;word-break: keep-all;line-height: 39px;font-weight: 400;font-size: 17px;}
.group_wrap02 p:last-child {border-left: 1px solid #ddd;}

@media screen and (max-width:1300px){
    .group_list ul li {width: calc(90% / 3);}
    .group_map {padding-top: 530px;}
}

@media screen and (max-width:700px){
	.group_list ul li {height: 230px; padding: 20px; width: calc(90% / 2);}
    .group_list ul li:nth-child(1), .group_list ul li:nth-child(2), .group_list ul li:nth-child(3), .group_list ul li:nth-child(4) {padding-top:45px}
    .group_list ul li p:nth-child(1) {font-size: 20px;line-height: 25px;}
    .group_list ul li p:nth-child(2) {font-size: 12px;}
    .group_map img {max-width: 135% !important;left: 50%;margin-left: -23%;}
    .group_map {padding-top: 600px;}
    .group_wrap02 p {width:100%; float:none; padding:0px 0 10px 0; line-height:27px;font-weight: 400;font-size: 15px;}
    .group_wrap02 p:last-child {border-top: 1px solid #ddd; padding-top:20px; border-left:0; margin-top:10px}
}

@media screen and (max-width:425px){
    .group_list ul li {width:100%; float:none; height:auto}
    .group_list ul li:nth-child(1), .group_list ul li:nth-child(2), .group_list ul li:nth-child(3), .group_list ul li:nth-child(4) {padding-top:15px}
	.group_list ul li p {font-size:14px;}
    .group_list ul li p:nth-child(1) {font-size: 17px;line-height: 20px; font-weight:400}
    .group_list ul li p:nth-child(2) {font-size: 12px;line-height:15px;padding-bottom: 25px;}
    .group_list ul li p:nth-child(2)::before {top:70%}
    .group_map {padding-top: 750px;}
    .group_wrap02 {padding:20px 0 10px}
    .group_wrap02 p {font-size:14px; line-height:25px;}
}

/*대리점소개*/
.agency_list {display:block; text-align:center; margin-top:50px}
.agency_list ul li {display:inline-block;vertical-align:top;width: calc(95% / 2);margin:10px;color:#282828;font-size: 15px;background:#ebeef1;}
.agency_list ul li p img {}
.agency_list ul li p:nth-child(1) {background:#fff; border-top:5px solid #ebeef1; border-right:5px solid #ebeef1; border-left:5px solid #ebeef1}
.agency_list ul li p:nth-child(2), .agency_list ul li p:nth-child(3), .agency_list ul li p:nth-child(4) {padding:0 10px}
.agency_list ul li p:nth-child(2) {font-size: 23px;font-weight:900;padding-top:30px;}
.agency_list ul li p:nth-child(3) {position: relative; padding-bottom:40px}
.agency_list ul li p:nth-child(3)::before{display:block;content:'';position:absolute;top:40px; left:50%; margin-left:-18px; width:36px;height:3px;background:#c4c7ca;}
.agency_list ul li p:nth-child(4) {height: 100px;font-size: 16px;}
.agency_pyo {margin-bottom:50px}
.agency_pyo .page_title01 {font-size: 22px;padding-left:20px;margin: 30px 0 10px;position: relative;font-weight: 500;}
.agency_pyo .page_title01::before{content: '';display: block;width: 12px;height: 12px;background: #da3c3c;position: absolute;top: 11px;left: 0;border-radius: 4px;}
.agency_pyo table {border-top:2px solid #af0001;width: 100%;word-break: keep-all;font-size: 16px;}
.agency_pyo table th, .agency_pyo table td {padding: 15px;border:1px solid #ddd;}
.agency_pyo table thead th {background:#5e5b5a; color:#fff}
.agency_pyo table th {background:#f0f0f0;}
.agency_pyo table td {background:#f9f9f9;}

@media screen and (max-width:1180px){
	.agency_list ul li p:nth-child(4) {height:120px;}
}
@media screen and (max-width:830px){
	.agency_list ul li {width: calc(90% / 2)}
    .agency_pyo table th, .agency_pyo table td {padding: 10px 3px; font-size:14px}
}
@media screen and (max-width:470px){
	.agency_list ul li {width: 90%;}
	.agency_list ul li p:nth-child(2) {padding-top:10px}
	.agency_list ul li p:nth-child(4) {height:auto; padding-bottom:20px}
    .agency_pyo table th, .agency_pyo table td {padding: 10px 3px; font-size:14px; display:block}
    .agency_pyo table thead th {width:25%; float:left}

}

#sub1_3 .map{/* padding-top: 50px; */padding-bottom: 30px;}
#sub1_3 .contents{width: 100%;height: 155px;background-color: #f5f5f5;}
#sub1_3 .contents ul{float: left;padding-left: 90px;padding-top: 25px;}
#sub1_3 .contents li{position:relative;padding-bottom: 20px;font-size: 15px;}
#sub1_3 .contents li::before{position:absolute;content:'';display:block;width:35px;height:35px;left: -40px;top: -4px;}
#sub1_3 .contents li:first-child::before{background:url('../img/page/sub1_3_1_icon01.png')no-repeat;}
#sub1_3 .contents li:nth-child(2)::before{background:url('../img/page/sub1_3_1_icon02.png')no-repeat;}
#sub1_3 .contents li:nth-child(3)::before{background:url('../img/page/sub1_3_1_icon03.png')no-repeat;}

/* 자료실 */
#sub04 .sub41_bg {background: url('../img/page/sub1_1_4_bg.jpg') no-repeat center;}
#sub04 .sub42_bg {background: url('../img/page/sub1_1_42_bg.jpg') no-repeat center;}
#sub04 .sub44_bg {background: url('../img/page/sub1_1_44_bg.jpg') no-repeat center;}
#sub04 .sub4_bg_box {width:100%;height: 366px;padding-top:120px; background-size: cover;}
#sub04 .sub4_bg_box .title{font-size:50px;color:#000;font-weight:300;letter-spacing:-1px;text-align: left;margin: 0; text-shadow: 0px 2px 2px rgba(255,255,255,0.8);}
#sub04 .sub4_bg_box .title::after{content:'';display:block;width:20px;height:50px;background:url('../img/page/title_after_b.png')no-repeat;margin:15px 0}
#sub04 .sub4_bg_box .txt{font-size:18px;color:#000;font-weight:300;letter-spacing:0px; text-shadow: 0px 2px 2px rgba(255,255,255,0.8);}
#sub04 .sub4_bg_box .txt span{font-weight:500}

#sub04 .sub4_bg_box .title_w {font-size:50px;color:#fff;font-weight:300;letter-spacing:-1px;text-align: left;margin: 0; text-shadow:0 3px 3px rgba(0,0,0, 0.5)}
#sub04 .sub4_bg_box .title_w::after{content:'';display:block;width:20px;height:50px;background: url('../img/page/title_after_w2.png')no-repeat;margin:15px 0;}
#sub04 .sub4_bg_box .txt_w{font-size:18px;color:#fff;font-weight:300;letter-spacing:0px; text-shadow:0 3px 3px rgba(0,0,0, 0.5)}
#sub04 .sub4_bg_box .txt_w span{font-weight:500}

#sub04 .page_contents{margin-top: 30px;}
#sub04 .sub41_title {font-size: 22px;padding: 0 0 7px 23px;position: relative;font-weight: 500;}
#sub04 .sub41_title::before{content: '';display: block;width: 12px;height: 12px;background: #da3c3c;position: absolute;top: 9px;left: 0;border-radius: 4px;}
#sub04 .sub41_list{position:relative;width: 100%;padding: 4px 0 40px 10px;}
#sub04 .sub41_list li{position:relative;font-size: 17px;padding-left: 15px;padding-bottom: 11px;}
#sub04 .sub41_list li::before{content: '';display: block;width: 6px;height: 6px;background: #dddddd;position: absolute;top: 10px;left: 0;border-radius: 100px;}
#sub04 .sub41_list li p {margin-left: 11px;font-size: 16px;margin-top: 3px;}

#sub04 .gray_box_wrap {padding: 40px;background: #f8f8f8;border-radius: 20px;margin-bottom: 30px;border-top: 2px solid #af0001;}
#sub04 .gray_box_wrap .warning_title {color: #ff3030;font-weight: 900;text-align: center;font-size: 25px;}
#sub04 .gray_box_wrap .warning_text {line-height: 25px;margin-top: 20px;text-align: center;font-size: 16px;}
#sub04 .gray_box_wrap .atv_title {font-weight: 700;text-align: center;font-size: 25px;margin-bottom: 20px;}
#sub04 .gray_box_wrap .sub41_list {padding: 0 !important;text-align: center;}

@media screen and (max-width:425px){
	#sub04 .sub4_bg_box {height:200px;padding-top:50px;}
	#sub04 .sub4_bg_box .title{font-size:27px;font-weight:400;}
    #sub04 .sub4_bg_box .title::after{margin:5px 0}
    #sub04 .sub4_bg_box .txt{font-size:14px;font-weight:600;}
	#sub04 .sub4_bg_box .title_w{font-size:27px;font-weight:400;}
    #sub04 .sub4_bg_box .title_w::after{margin:5px 0}
    #sub04 .sub4_bg_box .txt_w {font-size:14px;font-weight:600;}
    #sub04 .sub41_list {padding:0 0 25px 10px}
    #sub04 .sub41_list li{font-size: 14px; padding-bottom:7px}
	#sub04 .sub41_list li p {font-size: 13px;}
}