/*sub common*/
.sub_title_wb h2{text-align: center; font-size: 44px; letter-spacing: -0.5px; font-weight: 700; color: #303030; padding: 5% 0 2.5%; margin-bottom:50px;}
span.line{display:block; width:2px; height:40px; background:#2c3080; margin:20px 0;}
@media(max-width:860px){
	.sub_title_wb h2{padding:10% 0 5%;}
  span.line{height:20px}
}
@media(max-width:500px){
  .sub_title_wb h2{font-size:35px;  padding:15% 0 10%;}
  span.line{height:15px}
}

/*sub page 11*/

.sub11{width:100%; max-width:1200px; position:relative; margin:0 auto; overflow:hidden; padding-bottom:80px;}

.sub11_se01{position:relative; text-align:center; padding-bottom:20%;}
.sub11_se01_img{width:50%;}
.sub11_se01_txt{position:absolute; width:80%; height:auto; padding:40px 60px; bottom:-1%; right:-1px; z-index:10; text-align:left; background:#fff;}
.sub11_se01_txt .sub11_se01_txt_aos{overflow:hidden; width:100%; height:auto;}
.sub11_se01_txt h3{font-size:45px; font-weight:700;}
.sub11_se01_txt p{line-height:1.6; font-size:17px; font-weight:400; color:#5c5c5c;}


@media(max-width:860px){  
  .sub11_se01_txt{width:100%; right:0;}
  .sub11_se01_txt h3{font-size:4.0vw; font-weight:700;}
  .sub11_se01_txt p{font-size:2.5vw; font-weight:400;}  
}

/*sub page 12*/

.sub12{position:relative; max-width:1200px; margin:0 auto;}
.sub12::before{display:block; content:''; position:absolute; width:100%; height:560px; left:0; bottom:0; background: #f8f8f8; z-index:-1; }

.sub12_se01{display:flex; padding: 0px 0 100px; }

.sub12_se01_img{width:50%; position:relative;}
.sub12_se01_img::before{content:''; position:absolute; width:200px; height:200px; display:block; background: #fff; 
border:2px solid #2c3080; left:-28px; top:-28px; z-index:-1;}

.sub12_se01_txt{width:50%}
.sub12_se01_txt h3, .sub12_se01_txt h2{font-size:36px; font-weight:700; line-height:1.6;}
.sub12_se01_txt h2{font-size:24px; margin-top:10px;}
.sub12_se01_txt h2 span.sub_color_blue{color:#2c3080;}
.sub12_se01_txt p{font-size: 17px; padding:20px 0 35px 0; color:#222; line-height: 1.6;}

@media(max-width:1200px){ 
  .sub12_se01_img{width:60%;}
  .sub12_se01_img:before{left:30px; top:-30px;}
  .sub12_se01_img img{display:block; width:80%; margin:0 auto;}
  .sub12_se01_txt{width:30%;}
 }

@media(max-width:860px){ 
  .sub12_se01_img{display: none;}
  .sub12_se01_txt{width:90%; padding:0 3% 0 7%;}
  .sub12_se01_txt h3{font-size:4.0vw;}
  .sub12_se01_txt h2{font-size:3.6vw;}
  .sub12_se01_txt p{font-size: 2.5vw;}
 }

@media(max-width:480px){ 
  .sub12_se01_txt{width:90%; padding:0 5%;}
 }

/*sub page 13*/

.sub13 .sub13_se01{background:url("/css/images/s13_bg.jpg") no-repeat top center; padding-top:50px; background-size:cover}
.sub13 .sub_wrap{max-width:1200px; margin:0 auto;}

.sub13 h4{color:#fff; font-size:60px;font-family: 'Montserrat'; font-weight:bold;margin-bottom:10px; text-align:center;}
.sub13 ul{display:flex; align-items:center; margin:40px 0 40px 0; font-family: 'Noto Sans KR', '맑은고딕', '돋움', sans-serif !important;}
.sub13 ul li{text-align:center; background:rgba(250,250,250,0.12); padding:40px 0;width: 22%; margin-right:3%}
.sub13 ul li:nth-child(even){background:rgba(32,77,112,0.3)}
.sub13 ul li:first-of-type{margin-left:3%;}
.sub13 ul li img{max-width:154px; display:block; margin:0 auto 30px;}
.sub13 ul li h5{font-size: 24px;color: #fff;font-weight: 700; margin-bottom: 17px;}
.sub13 ul li p{font-size:18px; color:#fff; opacity:0.7 }
.sub13 .under_vision{background:url("/css/images/s13_img6.png") no-repeat top center; text-align:center;background-size:cover; padding:65px 0 50px; }
.sub13 .under_vision p{font-size: 30px;font-weight:700; color:#fff; text-align:center; margin:35px 0 10px;}

@media(max-width:900px){
  .sub_t_b{margin:40px 0 25px}
  .sub12_main{padding:70px 3% 0}
  .sub13 h4{font-size:34px}
  .sub13 ul{flex-flow:wrap;justify-content: center; margin-bottom:30px}
  .sub13 ul li{background:rgba(250,250,250,0.3);margin-bottom: 10px; width:70%; padding:25px 0;border-radius: 20px 0 20px 0;}
  .sub13 ul li:first-of-type{margin-left:0;}
  .sub13 ul li:nth-child(even){background:rgba(32,77,112,0.5)}  
  .sub13 ul li img{max-width:80px; margin:0 auto 16px}
  .sub13 ul li h3{font-size:18px; margin-bottom:8px}
  .sub13 ul li p{font-size:16px}
  .sub13 .under_vision{padding:45px 0; background:url("/css/images/s13_img6.png") no-repeat top center; background-size:100%}
  .sub13 .under_vision p{font-size:16px; line-height:25px} 
}

/*sub page 13_1*/
.sub13_se01_1{width:100%; max-width:1200px; margin:0 auto;}
.a_mana ul .u_txt {position: absolute;left: 0; right: 0; margin: 0 auto; top: 44%; font-size: 24px; color: #fff; font-weight: 500;}

h2.h_f{font-size:24px; margin-bottom:60px; text-align:center; }
p.p_f{font-size:20px; opacity:0.8; line-height:34px; margin:35px 0 70px; text-align:center; }

.sub_about{text-align:center; }
.sub_about h2.h_f{font-size:24px; margin-bottom:60px;}
.sub_about p.p_f{font-size:20px; opacity:0.8; line-height:34px; margin:35px 0 70px}

/*MANAGEMENT PHILOSOPHY*/
.a_mana {padding:40px 0 150px; font-family: 'Noto Sans KR', '맑은고딕', '돋움', sans-serif;}
.a_mana ul{background:url('http://bz030415.ilogin.biz/theme/responsive_sunmi/include/img/sub_about_mg_bg.png') no-repeat center center; width:100%; height:566px; position:relative;max-width:1000px; margin: 0 auto; }
.a_mana ul .u_txt{position:absolute; left:0; right:0; margin:0 auto; top:41%; font-size:16px; color:#fff;font-weight: 500; text-align:center;}
.a_mana ul li{position:absolute; display:flex; align-items:center;text-align: left; }
.a_mana ul li img{margin:0 25px;}
.a_mana ul li h3{font-size:24px; font-weight:500;margin-bottom: 8px; color:#2c3080;}
.a_mana ul li p{font-size:18px; color:#cacaca;line-height: 24px;}
.a_mana ul li:nth-child(2){position:absolute; left: 2%;top: 10%; flex-flow: row-reverse; text-align: right;}
.a_mana ul li:nth-child(3){position:absolute; right:5%;top: 10%;}
.a_mana ul li:nth-child(4){position:absolute; left: -1%; bottom: 10%;flex-flow: row-reverse; text-align: right;}
.a_mana ul li:last-child{position:absolute; right:-3%;bottom: 10%;}


@media(max-width:1400px){
.sub_about h2.h_f{font-size:18px; }
.sub_about p.p_f{font-size:15px; margin: 25px 0 50px;line-height:28px;}

.a_mana{padding:100px 4%}
.a_mana ul li h3{font-size:18px;}
.a_mana ul li p{font-size:15px; line-height:20px}
.a_mana ul .u_txt{font-size:18px}
.a_mana ul .u_txt strong{font-size:15px}

}

@media(max-width:1000px){
.a_mana ul li img{max-width:100px;}
.a_mana ul li:nth-child(2){ left:4%;}
.a_mana ul li:nth-child(3){ right:6%;}
.a_mana ul li:nth-child(4){ left: 0%;}
.a_mana ul li:last-child{right:-2%;}
}

@media(max-width:800px){
.u_txt>br{display: none;}
.sub_about h2.h_f{font-size:18px;margin-bottom: 30px;opacity: 0.4; }
.sub_about p.p_f{font-size:14px; margin:20px 0 40px;line-height:24px; word-break:keep-all;padding: 0 3%;}
.sub_about p.p_f br{display:none}

.a_mana{padding:60px 4%}
.a_mana ul{max-width:100%; background:none;}
.a_mana ul li{position: static !important;margin-bottom:25px;}
.a_mana ul li h3{font-size:15px;}
.a_mana ul li p{font-size:13px; line-height:18px}
.a_mana ul li p br{display:none}
.a_mana ul .u_txt{font-size:16px; position: static;margin-bottom:35px;display: block;text-align: left;background-color: #0e0e0e;padding:10px 9%;}
.a_mana ul .u_txt strong{font-size:13px;margin-top:2px; opacity:0.8}
.a_mana ul li img{max-width:80px;}
.a_mana ul li:nth-child(2), .a_mana ul li:nth-child(4){ flex-flow: inherit}
.mana_text{text-align:left}

}

 /*sub page 14*/
.sub14{width:100%; max-width:1200px; margin:0 auto;}
.sub14 .sec01 .historyinner {display:flex;}
.sub14 .sec01 .historyinner .leftarea {width:46%; padding-top: 20px; padding-right: 50px; text-align: center; font-weight: 600; font-size: 48px; color: #2c3080;}
.sub14 .sec01 .historyinner .leftarea span {color:#444;}
.sub14 .sec01 .inner,.sub14 .sec01 .inner02 {position:relative;}
.sub14 .sec01 .inner2 ul li:last-of-type{border:0;}
.sub14 .sec01 .blue2 {    z-index: -1;position: absolute; left: 0; font-size: 200px; font-weight: bold; color: #f4f7f8;}
.sub14 .sec01 .years01 {top:-65px;}
.sub14 .sec01 .years02 {top:-65px;}
.sub14 .sec01 ul {width:54%; }
.sub14 .sec01 .top {margin-bottom: 60px;}
.sub14 .sec01 ul li {padding: 35px 0; border-bottom: 1px solid #dfdfdf;}
.sub14 .sec01 ul li:first-child {padding-top: 0;}
.sub14 .sec01 ul li .line { display:flex; color:#333; align-items:center;}
.sub14 .sec01 ul li:first-child .line {margin-top: 0}
.sub14 .sec01 ul li .years {width:12%;font-size: 22px; color:#2c3080; font-weight: 600;}
.sub14 .sec01 ul li .month {font-size: 17px; font-weight: 500; color:#666; width:7%}
.sub14 .sec01 ul li .days {color:#555; line-height: 1.9; font-size: 17px; position:relative;}
.sub14 .sec01 ul li .days:before {content:''; position:absolute; width:3px; height:3px; top:14px; left:-10px; background: #999; display:block; }
.sub14 .sec02 {margin: 100px 0;}
.sub14 .sec02 .latest_wrap,.sub14 .sec03 .latest_wrap {position:relative; margin:20px 0 0 0;  padding:20px 0 0 0;border-top:1px solid #dfdfdf;}


@media(max-width:1280px){
.content_title h1 {font-size: 18px;}
.s_wrap .inner {padding: 0;}
.s_wrap .title {font-size: 18px;}
.s_wrap .contents .blue {font-size: 20px; margin-bottom: 10px;}

.s_wrap .contents .inner .logo {width:250px; height:250px; left:5% }

.sub14 .sec01,.s13_wrap .sec01 {margin: 50px 0 0 0;}
.sub14 .subtitle,.s13_wrap .subtitle {font-size: 16px;}
.s_wrap .sec01 .historyinner .leftarea .leftarea {font-size: 45px;}
.sub14 .sec01 .blue2 {font-size: 180px;}
.sub14 .sec01 .historyinner .leftarea {font-size: 45px;width:43%; padding-top: 15px;}
.sub14 .sec01 ul li .years {font-size: 20px;}
.sub14 .sec01 ul li .month {font-size: 16px;}
.sub14 .sec01 ul li .days {font-size: 16px;}
}

@media(max-width:1024px){
.s_wrap .contents .blue {font-size: 18px;}

.s_wrap .contents .inner .logo {width:220px; height:220px; }

.s_wrap .contents .inner .txt .contact {width:60%;}

.sub14 .sec01 .years01 {font-size: 150px;}
.sub14 .sec01 .historyinner .leftarea {width:45%; font-size: 36px; padding-top: 0;}
.sub14 .sec01 ul {width:80%}
.sub14 .sec01 ul li .years {font-size: 18px;}
.sub14 .sec01 ul li .line {align-items: baseline;}
.sub14 .sec01 ul li .month {width:10%;}
.sub14 .sec01 ul li .days {width:70%;}
.sub14 .sec02 {margin: 50px 0}
}

@media(max-width:768px){
.s_wrap .title {font-size: 16px;}
.s_wrap .contents .inner .logo {display:none; width:160px; height:160px; left:auto; right:5%;top:-120px;}
.s_wrap .contents .inner .txt {flex-flow:row wrap;}
.s_wrap .contents .inner .txt .contact {width:100%; margin-top: 40px;}

.s_wrap .contents .blue {font-size: 17px;}

.sub14 .sec01 {margin-top: 15px; padding-top: 40px;}
.sub14 .sec01 .historyinner {flex-flow:wrap; }
.sub14 .sec01 ul {width:100%;}
.sub14 .sec01 .historyinner .leftarea {width:100%; padding-top: 0;}
.sub14 .sec01 .historyinner .leftarea {text-align: left;}
.sub14 .sec01 ul li {padding: 15px 0;}
.sub14 .sec01 .top {margin: 0 0 40px;}
.sub14 .sec01 .historyinner .leftarea {margin-bottom: 40px;}
.sub14 .sec01 .blue2  {top:-50px; font-size: 120px; }
.sub14 .sec02 {margin: 60px 0 30px;}
.sub14 .sec01 ul li .years {font-size: 17px;}
.sub14 .subtitle,.sub14 .sec01 ul li .month,.sub14 .sec01 ul li .days {font-size: 15px;}
.sub14 .sec01 ul li .days:before {left:-8px;}
}

@media(max-width:500px){
.navi_main h1 {margin-left: 5px;}
.navi_sub > h2 {font-size: 13px; margin-left: 5px;}
.content_title h1 {font-size: 16px;}
.s_wrap .contents .inner .logo {display:none;}
.s_wrap .contents .blue {font-size: 16px; margin-bottom: 10px;}

.sub14 .sec01 .historyinner .leftarea {font-size: 30px;}
.sub14 .sec01 .top {margin: 0 0 40px;}
.sub14 .sec01 .blue2 {font-size: 100px;}
.sub14 .subtitle, .sub14 .sec01 ul li .month {font-size: 13px; line-height: 1.6;}
.sub14 .sec01 ul li .days {font-size: 13px; line-height: 1.8;}
.sub14 .sec01 ul li .years {width:16%}
.sub14 .sec01 ul li .days:before {left:-7px;top: 8px;}
}

/*sub page 15*/
.sub15_se01{max-width:1200px; margin:0 auto 80px;}
.sub15_map_box{border:1px solid #e1e1e1; padding:25px 30px; }
.sub15_map_box h2{font-size:20px;  border-bottom:1px solid #ededed; padding-bottom:20px; margin-bottom:20px ;font-weight: 500; }
.sub15_map_box h2 span{color:#2c3080; margin-right:30px;font-weight:bold;}
.sub15_map_box li{font-size:15px; color:#3b3b3b; line-height:34px;  text-align:left;}
.sub15_map_box li span{font-size:15px; color:#2c3080;  width:80px; display:inline-block; font-weight:600}

.sub15_map_box table{width:100%;}
.sub15_map_box table tr th{font-size:18px; line-height: 1.8; color:#111; text-align:left;}
.sub15_map_box table tr td{font-size:17px; line-height: 1.8; color:#111; line-height:30px;  text-align:left; opacity:0.8}
.sub15 iframe {width:100% !important;}
@media(max-width:1024px){
.sub15 iframe {height:300px !important;}
}
@media(max-width:768px){
.sub15 iframe {height:250px !important;}
.sub15_map_box h2 {font-size:18px;}
.sub15_map_box h2 span {margin-right:20px;}
.sub15_map_box table tr {display:flex;flex-wrap:wrap;font-size:14px;}
.sub15_map_box table tr:not(:last-child) {padding-bottom:10px;}
.sub15_map_box table tr th {width:100%;}
.sub15_map_box table tr td {font-size:14px;}
}

/*sub page21*/
.sub21 .sub21_se01{width:100%; max-width:1200px; margin:0 auto;}

.sub21 .s21_tit {height: 230px; text-align: center; background: #fafafa; padding-top: 100px; box-sizing: border-box;}
.sub21 #s21 .s21_sub_tit{background-image: url("images/sub21_img1_1.jpg");}
.sub21 #s22 .s21_sub_tit{background-image: url("images/sub21_img2_1.jpg");}
.sub21 #s23 .s21_sub_tit{background-image: url("images/sub21_img3_1.jpg");}

.sub21 .s21_s1 {padding:60px 0 60px;}
.sub21 .s_sub_tit {display: flex; justify-content: center; align-items: center; height: 160px; position: relative; margin:0px 0 70px;}
.sub21 .s_sub_tit::before {content:''; display: block; width: 470px; height: 105px; background: url("images/sub21_img_be.png") no-repeat; position: absolute; top: 0; left: 0}
.sub21 .s_sub_tit::after {content:''; display: block; width: 470px; height: 105px; background: url("images/sub21_img_af.png") no-repeat; position: absolute; bottom: 0; right: 0}
.sub21 .s_sub_tit .sub_tit_in {width: 98.5%; height: 87%; text-align: center; color: #fff; border: 1px solid rgba(255,255,255,0.2); padding-top: 50px;}
.sub21 .s_sub_tit h3 {font-size: 34px; font-weight: 700;}

.sub21 .s_box {margin-bottom: 70px;}
.sub21 .s_box p {width:90%; line-height: 1.8; font-size: 17px; padding-left: 22px; border-left: 1px solid #ddd;margin:0 auto; }

@media(max-width:768px){
.sub21 .inner.sub_in {padding: 0 3%;}
.sub21 .s21_tit {height: 130px; padding-top: 40px;}
.sub21 .s_box p{font-size:2.4vw}
.sub21 .s_sub_tit {margin: 60px 0;}
.sub21 .s_sub_tit h3 {font-size:24px;}
.sub21 .s21_s1{padding-top:0;}
}

/*sub page 22*/

.sub22 {margin: 80px auto; max-width:1200px; }
.sub22 .sub22_se01 {padding: 30px 20px;}
.sub22 li {margin-bottom:80px;}
.sub22 li .img {float:left; width:25%; height:250px; margin-right:3%;}
.sub22 li .txt {float:left; width: 72%; padding-top:2.5%; word-break:keep-all;}
.sub22 li .txt span {font-weight:400; font-size: 17px; color:#2c3080;}
.sub22 li .txt h4 {font-size:16px; border-bottom:2px solid #2c3080; padding-bottom:15px; margin-bottom:20px;}
.sub22 li .txt h3 {font-size:24px; font-weight:600; margin-bottom:5px; color: #212121;}
.sub22 li .txt p {padding-right: 2%; font-size:17px; line-height: 1.6;}

.img1 {background:url('images/sub22_img1_1.jpg') no-repeat center; background-size: cover;}

@media (min-width: 769px) and (max-width: 1200px) {
.sub22 .inner {padding: 0 3%;}
.sub22 li .img {width: 40%; }
.sub22 li .txt {width: 57%; }
.sub22 li .txt h3 {font-size:22px; font-weight:600; margin-bottom:5px; color: #212121;}
.sub22 li .txt p {padding-right: 2%; font-size:16px; line-height: 24px;}
}

@media (max-width: 768px) {
.sub22 {margin: 10% 0;}
.sub22 .inner {padding: 0 3%}
.sub22 li {margin-bottom:10%;}
.sub22 li .img {float: none; width: 100%; margin: 0 auto;}
.sub22 li .txt {float: none; width: 100%; margin: 0 auto;}
.sub22 li .txt span {font-weight:400; font-size: 2.8vw; color:#2c3080;}
.sub22 li .txt h4 {font-size:2.8vw; border-bottom:2px solid #2c3080; padding-bottom:3%; margin-bottom:5%;}
.sub22 li .txt h3 {font-size:4vw; font-weight:600; margin-bottom:5px; color: #212121;}
.sub22 li .txt p {padding-right: 2%; font-size:3vw; line-height: 4.5vw;}
}

.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

/*sub page 23*/

.sub23{max-width:1200px; width: 100%; margin:0 auto;}

.sub23 .img_txt .box {display: flex; justify-content:space-between; align-items:center; margin-bottom: 100px; flex-flow:row wrap; overflow: hidden;}
.sub23 .img_txt .box .img {width: 43%; margin-top: 35px;}
.sub23 .img_txt .box img {max-width:600px; width: 100%; display: block;}
.sub23 .img_txt .box .txt {width: 50%; font-size: 17px; line-height: 1.6; color: #343434;}
.sub23 .img_txt .box .txt h3 {font-size: 150%; font-weight: 700; color: #131313;}
.sub23 .img_txt .box .txt p {margin-top: 30px;}

.sub23 .img_txt .mt {margin-top: 120px; align-items:center;}
.sub23 .img_txt .box:last-of-type {margin-bottom: 150px;}

@media(max-width:1080px){
.sub23 .img_txt .box {align-items:flex-start; margin-top: 70px;}
.sub23 .img_txt .box:last-of-type {margin-bottom: 100px;}
.sub23 .img_txt .box .txt h3 {margin-top: 30px; align-items: flex-start; margin-top: 70px;}
}

@media(max-width:900px){
.sub23 .img_txt .box .img {width: 100%; order:1;}
.sub23 .img_txt .box .txt {width: 100%; order:2; padding:0 5%;}
}

@media(max-width:768px){
.sub23 .img_txt .box {margin-bottom: 10%;}
.sub23 .img_txt .box .img {margin-top: 0;}
.sub23 .img_txt .box .txt {font-size: min(3.5vw, 14px)}
.sub23 .img_txt .box .txt h3 {margin-top: 20px; font-size: 130%;}
.sub23 .img_txt .box .txt h3 br {display: none;}
.sub23 .img_txt .box .txt p {margin-top: 10px;}

.sub23 .img_txt .mt {margin-top: 10%;}
.sub23 .img_txt .box:last-of-type {margin-bottom: 10%;}
}