@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* sub1_1 */
.sub1_1 {position:relative; width:100%; height:900px; color:#343434;}
.sub_tit_01 {word-break:keep-all;width:55%; text-align:right; padding:20px; font-size:25px; font-weight:300; line-height:35px; letter-spacing:-1px;}
.sub_tit_01 p {font-size:28px; padding:40px 0;}
.sub_tit_01 span {font-weight:500;}
.sub_bg_01 {background:url('../img/page/sub1_1_img02.jpg') no-repeat center; width:286px; height:375px; z-index:1; position:absolute; top:30px; left:63%;}
.sub_bg_02 {background:url('../img/page/sub1_1_img01.jpg') no-repeat center; width:286px; height:375px; z-index:2; position:absolute; top:0px; left:60%;}
.sub_txt_01 { word-break:keep-all;font-size:16px; letter-spacing:-1px; font-weight:300; position:absolute; top:270px; border:1px solid #ddd; width:100%; padding:200px 100px 100px; z-index:0;
	background:url('../img/page/sub1_1_img03.jpg') no-repeat; background-position:top 20px center;}
.sub_txt_01 p {font-weight:500; word-break:keep-all;}
.sub_txt_01 p .ceo-name{padding-left: 30px;}

@media screen and (max-width:1024px){
	.sub1_1 {height: 1100px;}
}

@media screen and (max-width:750px){
	.sub1_1 {height:auto;}
	.sub_tit_01 {width:100%; text-align:left; font-size:20px; padding:20px 10px;}
	.sub_tit_01 p {font-size:25px; padding:15px 0;}
	.sub_bg_01, .sub_bg_02 {display:none;}
	.sub_txt_01 {position:static; padding:100px 20px 40px; background-size:100%; text-align:justify;}
	.sub_txt_01 p {text-align:center;}
	.sub_txt_01 p .ceo-name{display: block;padding-left: 0;}
}

/* sub1_2 */
.sub_tab2 {display:block;width:70%;margin:20px auto;text-align:center;overflow:hidden;}
.sub_tab2 li {transition:all 0.3s ease;float:left;cursor:pointer;display:inline-block;width:50%;height:45px;line-height:43px;text-align:center; color:#ccc; font-size:17px; border:1px solid #ccc;}
.tab2-link.current {display:block;}
ul.sub_tab2 li.current{color:#283678; border:1px solid #283678; display:inline-block;width:50%;height:45px;text-align:center; font-weight:500; transition:all 0.3s ease;}
ul.sub_tab2 li:hover {font-size:17px; color:#283678; border:1px solid #283678; font-weight:500; transition:all ease 0.3s 0s;}
.tab2-content {display:none; margin:0 auto;}
.tab2-content.current {display: block;}


.sub_his {padding:40px 0;}
.his_wr {letter-spacing:-1px;color:#3a3a3a;  overflow:hidden;}
.his_wr p {float:left;display:block;width:40%;font-size:34px;font-weight:500;padding: 0px 50px 0 20px;text-align: right; line-height:30px;}
.his_txt {position:relative;float:left;width:60%;border-left:1px solid #ddd;padding: 0px 10px 50px;}
.his_txt li {width:100%; float:left; padding:3px 10px; font-size:16px; font-weight:300;}
.his_txt li span {font-size:17px;font-weight:500;padding: 0 20px 5px;display:block;float:left;}
.his_icon01 {background:url('../img/his_icon.png') no-repeat center;position:absolute;top: -1px;left:-11px;width:22px;height:22px;}

.sub3_2 .his_txt li {padding:0 20px;}
.sub3_2 .his_txt li span {padding:0;}

@media screen and (max-width:670px){
	.his_txt li span {padding: 0 20px 35px;}
	.sub_his {padding:0 20px;}
}
@media screen and (max-width:500px){
	.his_wr p {width:100%; text-align:left; padding:30px 0;}
	.his_txt {width:100%; margin-left:11px;}
}

@media screen and (max-width:380px){
	.sub_his {padding:0 10px;}
	.his_txt li span { padding:0 20px 55px;}
}

/* sub1_3 */
.sub_tit_02 {text-align:center; padding:40px 10px; margin-top:20px;}
.sub_vl {display:inline-block; width:1px; height:30px; background:#333; }
.sub_tit_p {font-size:28px; color:#2935a4; font-weight:500; padding:20px 0;letter-spacing:-1px;}
.sub_tit_con {font-size:20px; color:#343434; font-weight:300; word-break:keep-all;}
.sub_bd {font-weight:500;}

.tb_1 {width:100%; margin:15px 0 20px;border-collapse:collapse;border-spacing: 0 5px; word-break:keep-all;}
.tb_1 caption {font-size:0; height:0; }
.tb_1 tr:first-child {border-top:1px solid #343434;}
.tb_1 th {font-size:17px;background:#fbfbfb;border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; padding:20px;}
.tb_1 td {border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; padding:15px; text-align:center;}
.tb_1 th:last-child, .tb_1 td:last-child {border-right:0;}
.tb_1 tr:last-child td {border-bottom:1px solid #343434;}

.sub_tit_03 {background:url('../img/page/sub_icon_01.jpg') no-repeat left center;margin-top: 45px;padding:2px 0 5px 25px;font-size:20px;font-weight:500;letter-spacing:-1px;color:#343434;}
.sub_mark {padding:10px; width:90%; margin:10px auto 50px; overflow:hidden;}
.mark1, .mark2, .mark3, .mark4{width:25%; float:left;}
.mark1 p, .mark2 p, .mark3 p, .mark4 p {text-align:center; font-size:18px; padding:10px; color:#343434;}
.mark1 img, .mark2 img, .mark3 img, .mark4 img {display:block;width: 250px;margin:0 auto;border: solid 1px #000;}

.sub_policy img {width:100%;}
.sub_policy img:nth-child(2) {display:none;}

.sub_sys {width:100%; margin:0 auto;}
.sub_sys img { display:block;margin:0 auto;}

.sub_policy2 {width:100%; height:440px; position:relative; margin:0 auto; padding:10px;}
.policy1 {text-align:center; line-height:320px; font-size:28px; font-weight:400; color:#343434; position:absolute; left:50%; margin-left:-450px;width:350px; height:350px; border-radius:500px; border:30px solid rgba(41,53,164,0.2); background:url('../img/page/sub1_3_icon1.png') no-repeat center 100px;}
.policy2 {text-align:center; line-height:320px; font-size:28px; font-weight:400; color:#343434; position:absolute; left:50%; margin-left:-175px;width:350px; height:350px; border-radius:500px; border:30px solid rgba(34,167,175,0.2); background:url('../img/page/sub1_3_icon2.png') no-repeat center 100px;}
.policy3 {text-align:center; line-height:320px; font-size:28px; font-weight:400; color:#343434; position:absolute; left:50%; margin-left:100px; width:350px; height:350px; border-radius:500px; border:30px solid rgba(41,53,164,0.2); background:url('../img/page/sub1_3_icon1.png') no-repeat center 100px;}

.sub_policy3 {margin-bottom:30px;}
.policy4 img {width:100%;}
.policy4 img:nth-child(2) {display:none;}
.policy5 {background:url('../img/page/sub1_3_img07.jpg') no-repeat center; width:100%; height:470px; overflow:hidden;}
.policy5 ul {padding:80px 50px 30px;overflow:hidden;}
.policy5 ul li {line-height:35px; word-break:keep-all; font-size:17px; color:#ababab; letter-spacing:-0.5px;}
.li_num {font-weight:500; color:#fff;}
.policy5 p {text-align:right; padding-right:50px; color:#fff; font-size:18px; font-weight:500; letter-spacing:-1px;}
.policy5 p img {margin-top:-30px; padding-left:20px;}

@media screen and (max-width:1299px){
	.sub_mark {width:100%;}
	.mark1 img, .mark2 img, .mark3 img, .mark4 img {padding:5px; width:100%;}

}


@media screen and (max-width:960px){
	.sub_policy img:first-child {display:none;}
	.sub_policy img:nth-child(2) {display:block;}
	.sub_sys img {width:100%;}

	.policy5 ul {padding-top:50px;}
	.policy5 ul li {line-height:30px;}
}
@media screen and (max-width:895px){
	.sub_policy2 {height:350px; }
	.policy1 {line-height:250px; font-size:25px; left:50%; margin-left:-315px;width:250px; height:250px; border-radius:500px; border:15px solid rgba(41,53,164,0.2); background-position:center 70px;}
	.policy2 {line-height:250px; font-size:25px; left:50%; margin-left:-125px;width:250px; height:250px; border-radius:500px; border:15px solid rgba(34,167,175,0.2); background-position:center 70px;}
	.policy3 {line-height:250px; font-size:25px; left:50%; margin-left:60px; width:250px; height:250px; border-radius:500px; border:15px solid rgba(41,53,164,0.2); background-position:center 70px;}
}

@media screen and (max-width:650px){
	.policy4 img:first-child {display:none;}
	.policy4 img:nth-child(2) {display:block;}
	.sub_tit_con br {display:none;}

	.sub_policy2 {height:420px;}
	.policy1 {width:200px; height:200px; line-height:200px;background-position:center 50px;top:140px; margin-left:-180px;}
	.policy2 {width:200px; height:200px; line-height:200px;background-position:center 50px; margin-left:-100px;}
	.policy3 {width:200px; height:200px; line-height:200px;background-position:center 50px;top:140px; margin-left:-25px;}

	.policy5 ul {padding:30px 20px;}
	.policy5 ul li {line-height:25px; font-size:16px; padding-bottom:10px;}
}
@media screen and (max-width:480px){
	.policy5 {height:650px; background-size:cover;}
	.policy5 p {font-size:16px; text-align:center; padding-right:0;}
	.policy5 p img {width:100px;}
}

@media screen and (max-width:455px){
	.sub1_3 .div_scr {width:100%; overflow-x:scroll;}
	.sub1_3 .div_scr::-webkit-scrollbar {border-radius:30px;background-color:rgba(21,55,203,0.1);height:6px;}
	.sub1_3 .div_scr::-webkit-scrollbar-track {border-radius:30px; }
	.sub1_3 .div_scr::-webkit-scrollbar-thumb {border-radius:30px; background-color:rgba(41,53,164,0.9);}
	.policy1 {width:170px; height:170px; line-height:170px;background-position:center 40px;top:130px; margin-left:-150px; font-size:22px;}
	.policy2 {width:170px; height:170px; line-height:170px;background-position:center 40px; margin-left:-85px;font-size:22px;}
	.policy3 {width:170px; height:170px; line-height:170px;background-position:center 40px;top:130px; margin-left:-25px;font-size:22px;}

}



/* sub1_4 */
.map-container{position:relative; padding-bottom:35%;padding-top:30px;height:0; margin-bottom:30px; overflow:hidden;}
.map-container iframe,.map-container object,.map-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}

.sub_glo {width:90%;border:1px solid #d9d9d9; overflow:hidden; margin:20px auto 50px;}
.nat_box {padding:25px; width:30%; float:left; border-right:1px solid #d9d9d9;display:inline-block;}
.nat_box img {margin:0 auto; display:block;}
.add_box {width:70%;float:left; display:inline-block; padding:25px;}
.add {width:100%; font-size:17px; padding:0 30px; border-bottom:1px solid #d9d9d9;padding:15px 20px; color:#343434; font-weight:500;float:left;}
.add_txt {display:block; float:right;width:80%; padding:0 20px; font-weight:300;}

@media screen and (max-width:960px){
	.sub_glo {width:70%; padding:10px;}
	.nat_box {width:100%; border-right:0; border-bottom:1px solid #d9d9d9;}
	.add_box {width:100%;}
	.add_txt {float:none; width:100%;}
}

@media screen and (max-width:480px){
	.sub_glo {width:90%;}
}

@media screen and (max-width:340px){
	.sub_glo {width:100%;}
}

/* sub3_1 */
.sub_tech {position:relative;width:100%; padding:50px 0; margin-bottom:30px;}
.sub_tech img {margin:0 auto;display:block;}
.sub_tech p {position:absolute; font-weight:400; color:#343434; font-size:17px; letter-spacing:-1px; padding:5px 20px; display:inline-block; text-align:center; background:#f2f2f2;}
.sub_tech p:nth-child(2) {top:50px; left:70px;}
.sub_tech p:nth-child(3) {top:50px; right:50px;}
.sub_tech p:nth-child(4) {bottom:50px; left:50px;}
.sub_tech p:last-child {bottom:50px; right:100px;}
.seil_tec{position:relative;width:100%;height:auto;overflow:hidden;padding:60px 0}
.seil_tec .y_border{position:absolute;top:0;left:90px;width:8px;height:980px;background:#f4cc15;}
.seil_tec .tec_box{position:relative;width:100%;padding:30px 0;z-index:10}
.seil_tec .tec_box img{display:inline-block}
.seil_tec .tec_box .title{display:inline-block;width:315px;font-size:24px;color:#b1b1b1;font-weight:300;line-height:35px;border-bottom:1px dashed #c1c1c1;vertical-align:top;
padding:0 10px;margin-top:5px;letter-spacing:-1px}
.seil_tec .tec_box .title span{font-size:30px;color:#f4c900;}
.seil_tec .tec_box .tec_rico{position:absolute;top:60px;left:-15px;width:32px;height:32px;background:url('../img/tec_rico.png')no-repeat}
.seil_tec .tec_box .tec_bico{position:absolute;top:60px;right:-15px;width:32px;height:32px;background:url('../img/tec_bico.png')no-repeat}
.seil_tec .tec_box .tec_txt{position:relative;display:inline-block;font-size:17px;color:#232323;background:#f1f1f1;width:430px;height:150px;vertical-align:top;border-radius:100px;line-height:25px;letter-spacing:-1px;padding:50px}
.seil_tec .tec_box .img_box{display:inline-block;width:300px;height:150px;background:#000;border-radius:10px;vertical-align:top;overflow:hidden}

@media screen and (max-width:1299px){
.seil_tec .tec_box .title{width:20%;font-size:20px}
.seil_tec .tec_box .title span{font-size:18px}
.seil_tec .tec_box .tec_txt{font-size:16px;width:35%;padding:5% 0 !important;line-height:unset !important;text-align:center}
.sub3_1_bg img{width:100%}
.sub_tech p:nth-child(2) {top:0px; left:70px;}
.sub_tech p:nth-child(3) {top:0px; right:50px;}
.sub_tech p:nth-child(4) {bottom:0px; left:50px;}
.sub_tech p:last-child {bottom:0px; right:100px;}
}

@media screen and (max-width:1155px){
.seil_tec{text-align:center}
.seil_tec .y_border{display:none}
.seil_tec .tec_box img{width:13%;}
.seil_tec .tec_box .img_box img{width:100%;height:100% !important}
}

@media screen and (max-width:960px){
.seil_tec .tec_box{border:1px solid #e3e3e3;margin-bottom:30px}
.seil_tec .tec_box img{display:block;margin:0 auto}
.seil_tec .tec_box .title{width:100%;margin:20px auto;border:none}
.seil_tec .tec_box .tec_bico{transform:rotate(-90deg)}
.seil_tec .tec_box .tec_rico{display:none}
.seil_tec .tec_box .tec_txt{width:49%;padding:5.5% 0 !important}
.seil_tec .tec_box .img_box{width:50%}
.seil_tec .tec_box:first-child .tec_txt{padding:8% 0 !important}
.seil_tec .tec_box .tec_txt{height:auto}
}

@media screen and (max-width:670px){
.seil_tec .tec_box .tec_txt{width:80%;margin:0 auto;margin-bottom:5%}
.seil_tec .tec_box img{width:20%}
.seil_tec .tec_box .tec_bico{display:none}
}


@media screen and (max-width:760px){
	.sub_tech p {position:static; width:100%; margin-bottom:5px; word-break:keep-all;}
	.sub_tech {padding-top:0px;}
}
@media screen and (max-width:532px){
	.sub_tech img {width:100%;}
}

/* sub3_2 */
.sub_program {width:100%; position:relative; padding:60px 30px 50px; background:#f7f7f7;margin:30px 0;}
.sub_program p {display:inline-block; position:absolute;left:50%; margin-left:-100px;top:-20px; line-height:50px; text-align:center;
width:200px; height:50px; font-size:20px; font-weight:500; letter-spacing:-1px;
background:#0048aa; border:1px solid #024481; color:#fff;}
.sub_program ul {width:100%; overflow:hidden;}
.sub_program ul li {padding:0 10px; color:#343434; border-right:1px solid #ccc; font-weight:500; font-size:16px; text-align:center; width:50%; float:left;}
.sub_program ul li:last-child {padding-left:15px;border-right:0;}

@media screen and (max-width:650px){
	.sub_program ul li {width:100%; border-bottom:1px solid #ccc; border-right:0;padding:10px;}
	.sub_program ul li:last-child {border-bottom:0;}
}


/* sub3_3 */
.sub3_3 .sub_his{height:auto;overflow:hidden}
.sub3_3 .his_wr{width:50%;float:left}
.sub3_3 .images{width:50%;float:right;text-align:right}
.sub3_3 .his_wr p{text-align:left;width:25%}
.sub3_3 .his_wr .his_txt{width:75%}
.sub_since {width:100%; text-align:center; padding:20px 0; background:#eee; font-weight:500; font-size:20px; margin-top:30px;}
@media screen and (max-width:1200px){
.sub3_3 .his_wr p{width:30%}
.sub3_3 .his_wr .his_txt{width:70%}
}
@media screen and (max-width:1000px){
.sub3_3 .his_wr{width:100%}
.sub3_3 .images{display:none;}
}


/* sub4_1 */
.bo_center {position:relative; width:1300px; margin:0 auto}
@media screen and (max-width:1300px){
	.bo_center {width:100%; padding:10px}
}

.sub_img {padding-bottom:50px;}
.sub_img img {margin:0 auto;display:block;}
.sub_img img:last-child {display:none;}

.sub_txt_box {padding:50px; background:#f8f8f8; overflow:hidden;}
.sub_txt_03 {word-break:keep-all;letter-spacing:-1px;width:50%; float:left; font-weight:300; font-size:16px; color:#343434; padding:10px 0;}
.sub_txt_03 span {letter-spacing:-0.5px; display:block; float:left;font-weight:500;padding-left:20px; width:30%; background:url('../img/page/sub_icon_02.png') no-repeat left center;}
.sub_txt_03:last-child span {margin-bottom:50px;}

.sub_txt_box2 {padding:5px 20px; font-weight:300; color:#343434; font-size:16px;}
.sub_txt_04 { word-break:keep-all;background:url('../img/page/sub_icon_02.png') no-repeat left center; font-weight:500; color:#343434; padding:15px;}
.sub_txt_box3 {word-break:keep-all;padding:20px; font-weight:300; color:#343434; font-size:16px;}

@media screen and (max-width:1260px){
	.sub_txt_03 {width:100%;}
}

@media screen and (max-width:1017px){
	.sub_img img {width:100%;}
}

@media screen and (max-width:690px){
	.sub_txt_box {padding:20px;}
	.sub_txt_03 span {width:100%;}
	.sub_txt_03:last-child span {margin-bottom:0;}
	.sub_txt_box3 {padding:0;}
}

@media screen and (max-width:580px){
	.sub_img img:first-child {display:none;}
	.sub_img img:last-child {display:block;}
}

/* sub2_5 */
.sub2_5{width:100%;height:auto;overflow:hidden}
.sub2_5 img{width:100%}
.bro_btn {display:block; text-align:center; line-height:50px; margin:20px auto; color:#343434; width:260px; height:50px; border:1px solid #48536d; box-sizing:border-box;background:url('../img/brochure.jpg') no-repeat right;background-position: 185px 14px;margin-bottom:90px}
.bro_btn:hover {transition:all 0.3s ease; color:#fff; background:#48536d;}



/* sub5 */
.sub5{text-align:center}
.sub5 .gft{font-family: GmarketSansBold;}
.sub5 .t_cell{display:table-cell;vertical-align:middle;text-align:center}
.sub5 .df{display:flex;flex-wrap: wrap;}

.sub5 .top_ttl{display:table;width:100%;background: url('../img/page/sub5_ttl.jpg')no-repeat center;background-size: cover;height: 540px;}
.sub5 .top_ttl .ttl_wr{position:relative;padding: 0 0 40px;}
.sub5 .top_ttl .ttl_wr:after{display:block;content:'';position:absolute;width: 100px;height: 2px;background: #0000c7;transform: translateX(-50%);left: 50%;bottom: 0;}
.sub5 .top_ttl .ttl_wr .ttl{font-size:40px}
.sub5 .top_ttl .ttl_wr .txt{font-size:19px}
.sub5 .top_ttl .txt_wr{padding: 45px 0 0;}

.sub5 .con_wr{margin: 50px 0;padding: 0 0 50px;}
.sub5 .con_ttl{font-size:25px;padding: 80px 0 30px;}

@media screen and (max-width:1300px){
	.sub5 .top_ttl{height: 400px;}
	.sub5 .top_ttl .ttl_wr{padding:0 0 30px}
	.sub5 .top_ttl .ttl_wr .ttl{font-size:34px}
	.sub5 .top_ttl .txt_wr{padding: 25px 0 0;}
}

@media screen and (max-width:1024px){
	.sub5 .top_ttl{height: 300px;font-size:15px}
	.sub5 .top_ttl .ttl_wr{padding:0 0 20px}
	.sub5 .top_ttl .ttl_wr .ttl{font-size:28px}
	.sub5 .top_ttl .ttl_wr .txt{font-size: 17px;}
	.sub5 .top_ttl .txt_wr{padding: 15px 0 0;}
}

@media screen and (max-width:768px){
	.sub5 .top_ttl{height: auto;padding:80px 20px;}
	.sub5 .top_ttl br{display:none}
	.sub5 .con_wr{margin: 30px 0;}
	.sub5 .con_ttl{padding: 50px 0 20px;font-size: 22px;}
}


.sub5_1{}
.sub5_1 .env_list_wr{}
.sub5_1 .env_list_wr ul{max-width: 1300px;margin: 0 auto;width: 100%;justify-content: center;}
.sub5_1 .env_list_wr ul li{position:relative;width:25%;height: 300px;padding: 10px;}
.sub5_1 .env_list_wr .img_bx{width:100%;height:200px;background-repeat:no-repeat;background-position:center}
.sub5_1 .env_list_wr .txt_bx{position:absolute;left: 50%;transform: translateX(-50%);background: #fff;top: 150px;width: 85%;height: 140px;display: table;font-size: 15px;line-height: 19px;box-shadow: 6px 6px 20px -15px #979797;}

.sub5_1 .env_list_wr .img_bx.img01{background-image:url('../img/page/sub5_1_list01.jpg')}
.sub5_1 .env_list_wr .img_bx.img02{background-image:url('../img/page/sub5_1_list02.jpg')}
.sub5_1 .env_list_wr .img_bx.img03{background-image:url('../img/page/sub5_1_list03.jpg')}
.sub5_1 .env_list_wr .img_bx.img04{background-image:url('../img/page/sub5_1_list04.jpg')}
.sub5_1 .env_list_wr .img_bx.img05{background-image:url('../img/page/sub5_1_list05.jpg')}
.sub5_1 .env_list_wr .img_bx.img06{background-image:url('../img/page/sub5_1_list06.jpg')}
.sub5_1 .env_list_wr .img_bx.img07{background-image:url('../img/page/sub5_1_list07.jpg')}
.sub5_1 .env_list_wr .img_bx.img08{background-image:url('../img/page/sub5_1_list08.jpg')}

.sub5_1 .env_crt_wr{background:#f9f9f9}

@media screen and (max-width:1440px){
	.sub5_1 .env_list_wr ul li{width:calc(100%/3);padding: 15px;}
}

@media screen and (max-width:1024px){
	.sub5_1 .env_list_wr ul li{width:50%}
}

@media screen and (max-width:768px){
	.sub5_1 .env_list_wr ul li{width:100%}
	.sub5_1 .env_list_wr .txt_bx{font-size:14px}
}


.sub5_2{}
.sub5_2 .hmn_rgt{}
.sub5_2 .hmn_rgt .con_ttl{}
.sub5_2 .hmn_rgt .img_con{position:relative;margin-bottom: 100px;}
.sub5_2 .hmn_rgt .img_con .img_bx{width:100%;height:500px;background-repeat: no-repeat;background-position: center;}
.sub5_2 .hmn_rgt .img_con .img_bx.img01{background-image: url('../img/page/sub5_2_img01.jpg');}
.sub5_2 .hmn_rgt .img_con .img_bx.img02{background-image: url('../img/page/sub5_2_img02.jpg');}
.sub5_2 .hmn_rgt .img_con .txt_bx{display:table;position: absolute;background: #fff;top: 450px;left: 50%;transform: translateX(-50%);width: 80%;max-width: 1150px;height: 150px;padding: 10px;word-break: keep-all;}
.sub5_2 .hmn_rgt .list_con{padding: 50px 0 30px;}
.sub5_2 .hmn_rgt .list_con ul{justify-content: center;}
.sub5_2 .hmn_rgt .list_con ul li{width: 400px;padding: 10px 30px;}
.sub5_2 .hmn_rgt .list_con .ttl_wr{border: 5px solid #93d8b9;padding: 89px 10px;font-size: 22px;font-family: 'GmarketSansBold';}
.sub5_2 .hmn_rgt .list_con .txt_wr{/* width: 250px; */text-align: left;margin: 0 auto;display: inline-block;font-size: 15px;letter-spacing: -1px;padding: 30px 0 0;}
.sub5_2 .hmn_plc{background: #f8f8f8;}
.sub5_2 .hmn_plc ul{max-width:1300px;overflow:hidden;margin: 0 auto;padding: 50px 0;}
.sub5_2 .hmn_plc ul li {width:50%;float:left;overflow:hidden;padding: 30px 20px;}
.sub5_2 .hmn_plc .img_wr{float:left}
.sub5_2 .hmn_plc .img_wr .img{width: 200px;height: 200px;background-position: center;background-repeat: no-repeat;border-radius: 100%;background-color: #fff;}
.sub5_2 .hmn_plc .txt_wr{display:table;float:left;width: calc(100% - 200px);height: 200px;}
.sub5_2 .hmn_plc .txt_wr .t_cell{text-align:left;padding-left: 40px;}
.sub5_2 .hmn_plc .txt_wr .ttl{font-size:20px;font-weight: 600;padding-bottom: 15px;}
.sub5_2 .hmn_plc .txt_wr .txt{line-height: 23px;}

.sub5_2 .hmn_plc .img_wr .img.img01{background-image:url('../img/page/sub5_2_plc01.png')}
.sub5_2 .hmn_plc .img_wr .img.img02{background-image:url('../img/page/sub5_2_plc02.png')}
.sub5_2 .hmn_plc .img_wr .img.img03{background-image:url('../img/page/sub5_2_plc03.png')}
.sub5_2 .hmn_plc .img_wr .img.img04{background-image:url('../img/page/sub5_2_plc04.png')}
.sub5_2 .hmn_plc .img_wr .img.img05{background-image:url('../img/page/sub5_2_plc05.png')}
.sub5_2 .hmn_plc .img_wr .img.img06{background-image:url('../img/page/sub5_2_plc06.png')}
.sub5_2 .hmn_plc .img_wr .img.img07{background-image:url('../img/page/sub5_2_plc07.png')}
.sub5_2 .hmn_plc .img_wr .img.img08{background-image:url('../img/page/sub5_2_plc08.png')}
.sub5_2 .hmn_plc .img_wr .img.img09{background-image:url('../img/page/sub5_2_plc09.png')}
.sub5_2 .hmn_plc .img_wr .img.img10{background-image:url('../img/page/sub5_2_plc10.png')}
.sub5_2 .hmn_plc .img_wr .img.img11{background-image:url('../img/page/sub5_2_plc11.png')}
.sub5_2 .hmn_plc .img_wr .img.img12{background-image:url('../img/page/sub5_2_plc12.png')}
.sub5_2 .hmn_plc .img_wr .img.img13{background-image:url('../img/page/sub5_2_plc13.png')}


@media screen and (max-width: 1300px){
	.sub5_2 .hmn_rgt .img_con .img_bx{background-size:cover;height: 400px;}
	.sub5_2 .hmn_rgt .img_con .txt_bx{top:350px;height: 120px;}

	.sub5_2 .hmn_plc ul{padding: 30px 0;}
	.sub5_2 .hmn_plc ul li{padding: 15px 10px;}
	.sub5_2 .hmn_plc .img_wr .img{width: 130px;height: 130px;background-size: 45%;}
	.sub5_2 .hmn_plc .txt_wr{width: calc(100% - 130px);height: 130px;}
	.sub5_2 .hmn_plc .txt_wr .t_cell{padding-left:20px}
	.sub5_2 .hmn_plc .txt_wr .ttl{font-size: 18px;padding-bottom: 5px;}
	.sub5_2 .hmn_plc .txt_wr .txt{line-height: 18px;font-size: 15px;}
	.sub5_2 .hmn_plc .txt_wr .txt .pc_only{display:none;}

	.sub5_2 .hmn_rgt .list_con ul li{width:calc(100%/3);padding: 10px 20px;}
	.sub5_2 .hmn_rgt .list_con .txt_wr{font-size:14px;padding: 15px 0 0;}
}


@media screen and (max-width:1024px){
	.sub5_2 .hmn_rgt .img_con .img_bx{height: 300px;}
	.sub5_2 .hmn_rgt .img_con .txt_bx{top: 250px;}

	.sub5_2 .hmn_plc ul li{float:none;width:100%;padding: 10px;}

	.sub5_2 .hmn_rgt .list_con ul li{width: 350px;}
}

@media screen and (max-width:768px){
	.sub5_2 .hmn_plc .img_wr .img{width: 100px;height: 100px;}
	.sub5_2 .hmn_plc .txt_wr{width: calc(100% - 100px);height: 100px;}
	.sub5_2 .hmn_plc .txt_wr .ttl{font-size: 16px;}
	.sub5_2 .hmn_plc .txt_wr .txt{font-size:14px}

	.sub5_2 .hmn_rgt .img_con .txt_bx{font-size: 15px;letter-spacing: -1px;}

	.sub5_2 .hmn_rgt .list_con .ttl_wr{padding: 65px 10px;}
}

@media screen and (max-width:500px){
	.sub5_2 .hmn_rgt .img_con .img_bx{height: 200px;}
	.sub5_2 .hmn_rgt .img_con .txt_bx{top:180px;width: 90%;font-size: 14px;}

	.sub5_2 .hmn_plc ul{padding: 0;}
	.sub5_2 .hmn_plc .img_wr .img{background-color: unset;width: 30px;background-size: 25px;height: 30px;}
	.sub5_2 .hmn_plc .txt_wr{width: calc(100% - 30px);height: auto;}
	.sub5_2 .hmn_plc .txt_wr .t_cell{padding-left: 10px;}

	.sub5_2 .hmn_rgt .list_con ul li{width:100%;padding: 10px 0;}
	.sub5_2 .hmn_rgt .list_con .ttl_wr{padding: 20px 10px;font-size: 18px;}
}



.sub5_3 .hmn_rgt .img_con{position:relative;margin-bottom: 100px;}
.sub5_3 .hmn_rgt .img_con .img_bx{width:100%;height:500px;background-repeat: no-repeat;background-position: center;}
.sub5_3 .hmn_rgt .img_con .img_bx.img01{background-image: url('../img/page/sub5_3_img01.jpg');}
.sub5_3 .hmn_rgt .img_con .txt_bx{display:table;position: absolute;background: #fff;top: 450px;left: 50%;transform: translateX(-50%);width: 80%;max-width: 1150px;height: 150px;padding: 10px;word-break: keep-all;}

.sub5_3 .hmn_list{}
.sub5_3 .hmn_list .con_line{overflow:hidden;max-width: 1100px;margin: 0 auto;padding: 15px 0;}
.sub5_3 .hmn_list .con_line .img_wr{float:left;width: 359px;height: 350px;}
.sub5_3 .hmn_list .con_line .img_wr .img{width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.sub5_3 .hmn_list .con_line .img_wr .img.img01{background-image: url('../img/page/sub5_3_icon01.jpg');}
.sub5_3 .hmn_list .con_line .img_wr .img.img02{background-image: url('../img/page/sub5_3_icon02.jpg');}
.sub5_3 .hmn_list .con_line .txt_wr{float:left;display:table;width: calc(100% - 359px);height: 248px;padding-left: 40px;}
.sub5_3 .hmn_list .con_line .txt_wr .t_cell{text-align: left;}
.sub5_3 .hmn_list .con_line .txt_wr .ttl{font-size: 20px;}
.sub5_3 .hmn_list .con_line .txt_wr .txt{padding-top:15px;letter-spacing: -1px;word-break: keep-all;}
.down_sub5_3{/* background: #3641ad; */padding-right: 0;position: relative;display: inline-block;color: #3641ad;font-weight: 700;/* border-radius: 10px; */transition: 0.3s;margin: 10px 0;border-bottom: 2px solid #3541ad;;}
.down_sub5_3:hover{/* background: #18227c; */transition: 0.3s;}


@media screen and (max-width: 1300px){
	.sub5_3 .hmn_rgt .img_con .img_bx{background-size:cover;height: 400px;}
	.sub5_3 .hmn_rgt .img_con .txt_bx{top:350px;height: 120px;}

	.sub5_3 .hmn_list .con_line .img_wr{width: 300px;/* height: 210px; */}
	.sub5_3 .hmn_list .con_line .txt_wr{width: calc(100% - 300px);padding-left: 25px;height: 210px;}
}

@media screen and (max-width:1024px){
	.sub5_3 .hmn_rgt .img_con .img_bx{height: 300px;}
	.sub5_3 .hmn_rgt .img_con .txt_bx{top: 250px;}

	.sub5_3 .hmn_list .con_line .img_wr{width: 240px;height: 370px;}
	.sub5_3 .hmn_list .con_line .txt_wr{width: calc(100% - 240px);padding-left: 20px;height: 165px;}
}

@media screen and (max-width:768px){
	.sub5_3 .hmn_rgt .img_con .txt_bx{font-size: 15px;letter-spacing: -1px;}

	.sub5_3 .hmn_list .con_line .img_wr{width: 100%;}
	.sub5_3 .hmn_list .con_line .txt_wr{width: calc(100% - 160px);}
	.sub5_3 .hmn_list .con_line .txt_wr .txt{font-size: 14px;padding-top: 10px;}
}

@media screen and (max-width:500px){
	.sub5_3 .hmn_rgt .img_con .img_bx{height: 200px;}
	.sub5_3 .hmn_rgt .img_con .txt_bx{top:180px;width: 90%;font-size: 14px;}

	.sub5_3 .hmn_list .con_line .img_wr{width:100%;height: 130px;}
	.sub5_3 .hmn_list .con_line .txt_wr{width:100%;padding: 20px 10px;height: auto;}
}