.sr_col2 {font-size:0px; display:flex;}
.sr_col2 .left {width:50%;display:inline-block;vertical-align:top; padding-right:40px;}
.sr_tit2 {position:relative;width:100%;}
.sr_tit2.second_left{width:50%;}
.sr_tit2 h1 {margin-bottom:25px;}
.sr_tit2 h1 p {font-size:30px;letter-spacing:-2px;margin-left:-20px;display:inline-block;}
.sr_tit2 h1 span {font-size:80px;color:#f5f5f5;letter-spacing:-4px;font-weight:bold;line-height:0.8}
.sr_tit2 p.desc {font-size:18px;line-height:2;margin-bottom:30px;margin-left:60px;}
.sr_tit2 p.zero100 {line-height:2.5;}
.sr_tit2 p.line2 {position:relative;top:70px;}

.sr_table {width:100%;text-align:center;}
.sr_table th {padding:20px 0px;;font-size:16px;font-weight:normal;border-top:solid 1px #121212;border-bottom:solid 1px #e2e2e2;border-right:solid 1px #e2e2e2;background:#fafafa}
.sr_table td {padding:20px 0px;;font-size:16px;font-weight:normal;border-bottom:solid 1px #e2e2e2;border-right:solid 1px #e2e2e2;}
.sr_table th:last-child {border-right:solid 0px #e2e2e2;} 
.sr_table td:last-child {border-right:solid 0px #e2e2e2;} 
.sr_table td.bg {background:#fafafa;}
.table_strong{font-size:18px !important; font-weight:600 !important; color:#006633;}
.sr_table.col3 th:nth-child(1) {width:20%;}
.sr_table.col3 th:nth-child(2) {width:40%;}
.sr_table.col3 th:nth-child(3) {width:40%;}
.table_text p{font-size:18px; line-height:2;}
.table_text p span{font-weight:600; color:#2e9361;}
.table_text p em{font-style:normal; font-weight:600;}
.table_text p .textbox{background:#2e9361; padding:3px 6px; color:#fff; border-radius:5px; margin-right:3px;}

.sr_col4_style2 {position:relative;width:100%;}
.sr_col4_style2 ul {font-size:0px;}
.sr_col4_style2 ul li {display:inline-block; width:32%; margin-right:1%; border-radius:20px; box-shadow:0 0 5px #999; padding-top:20px;height:157px;margin-bottom:1%;}
.sr_col4_style2 ul li:last-child {margin-right:0px;}
.sr_col4_style2 ul li span {font-size:20px;color:#121212;font-style:italic;font-weight:bold;position:relative;padding-left:28px;}
.sr_col4_style2 ul li span:before {content:'';position:absolute;left:0px;top:14px;width:30px;height:1px;background:#121212}
.sr_col4_style2 ul li p {font-size:16px;padding-top:20px;text-align:center;}
.sr_col4_style2 ul li p.line2 {padding-top:10px;}
.sr_col4_style2 ul li p em{display:inline-block; margin-bottom:10px; font-style:normal; font-size:18px; font-weight:500;}

.sr_col4_style2 ul li p.line3 {padding-top:0px;}
.sr_col4_style3 ul li {height:180px;}
.sr_col4_style4 ul li {width:24.25%}
.sr_col4_style4 ul li p{padding-top:30px;}
.sr_col4_style4 ul li p.line2 {padding-top:20px;}


.sr_col4_style5 ul li{width:49%;height:240px;}
.sr_col4_style5 ul li p{text-align:left; padding-top:0px !important; margin-left:20px;}
.sr_col4_style5_four{display:flex;justify-content:center; align-items:center; padding-top:25px;}
.sr_col4_style5_fout img{width:100%;}
.sr_col4_style5_four em{font-style:normal; font-size:22px !important;}

.table_text p{font-size:18px; line-height:2;}
.table_text p span{font-weight:600; color:#2e9361;}
.table_text p em{font-style:normal; font-weight:600;}
.table_text p .textbox{background:#2e9361; padding:3px 6px; color:#fff; border-radius:5px; margin-right:3px;}


.check img{width:40px;}
.check p{display:inline-block; font-size:18px; line-height:3;}

img.pc{display:block;}
img.mobile{display:none;}

.pdb30{padding-bottom:30px;}
.pdb120{padding-bottom:120px;}


/*±âÁ¸ CSS*/
#visual {font-family: 'Pretendard-Regular';position:relative; overflow:hidden}
#visual:after {display:block;visibility:hidden;clear:both;content:""}
#visual .sop.call_section, #visual .sop.kakao_section{padding-top:0px;}
#visual .sop {float:left; padding-top:50px}
#visual h1 {font-size:70px; color:#393535; font-weight:800}
#visual .self h1 span {color:#009b00;}
#visual .kakao h1 span {color:#3c2929;}
#visual h2 {font-size:30px; color:#393535; font-weight:400}
#visual .cp1 {margin:100px 0 30px}
#visual .cp2 {line-height:1.2;}
#visual .cp3 {margin:50px 0;}
#visual .cp3:after {display:block;visibility:hidden;clear:both;content:""}
#visual .cp3 li {float:left; width:100%; text-align:center;}
#visual .cp3 li:nth-child(2), #visual .cp3 li:nth-child(3){margin-top:20px;}
#visual .kakao li a {display:inline-block; width:100%; padding:20px 0; border-radius:50px; background:#ffd427; box-shadow:1px 1px 5px #ccc; font-size:20px; color:#3c2929; font-weight:600;transition:0.3s ease;}
#visual .kakao li a:hover {background:#ffe681;}
#visual .tel li a {display:inline-block; width:100%; padding:20px 0; border-radius:50px; background:#003956; box-shadow:1px 1px 5px #ccc; font-size:20px; color:#fff; font-weight:500;transition:0.3s ease;}
#visual .tel li a:hover {background:#3787b0;}
#visual .self li a {display:inline-block; width:100%; padding:20px 0; border-radius:50px; background:#009b00; box-shadow:1px 1px 5px #ccc; font-size:20px; color:#fff; font-weight:600;transition:0.3s ease;}
#visual .self li a:hover {background:#393535;}
#visual .cp4:after {display:block;visibility:hidden;clear:both;content:""}
#visual .cp4 li {display:block; margin-bottom:20px; line-height:20px}
#visual .cp4 li:last-child {margin-bottom:0}
#visual .cp4 li img {margin-right:10px; margin-top:-10px}
#visual .cp4 span {font-size:20px; color:#393535; font-weight:600}
#visual .ref {float:right; animation-delay:0.5s}


@media screen and (max-width:1199px) {
#visual {padding:50px 20px}
#visual .sop {text-align:center; float:none; display:block; padding-top:0}
#visual h1 {font-size:4em}
#visual h2 {font-size:2em}
#visual .logo {text-align:center}
#visual .logo img {height:25px; width:auto}
#visual .cp1 {margin:50px 0 10px}
#visual .cp3 {margin:30px 0; padding:0 140px;}
#visual .cp3 img {height:15px; width:auto}
#visual .cp3 li {width:100%; margin-right:5%}
#visual .cp3.tel li:nth-child(1) a, #visual .cp3.tel li:nth-child(2) a, #visual .cp3.tel li:nth-child(3) a {padding:15px 0; font-size:1.25em}
#visual .cp3.kakao li:nth-child(1) a, #visual .cp3.kakao li:nth-child(2) a, #visual .cp3.kakao li:nth-child(3) a {padding:15px 0; font-size:1.25em}
#visual .cp3 li:first-child a {padding:15px 0; font-size:1.25em}
#visual .cp3 li:last-child a {padding:15px 0; font-size:1.25em}
#visual .cp4 {display:none}
#visual .cp4 li {margin-bottom:20px; line-height:auto}
#visual .cp4 li img {margin-right:5px; margin-top:-5px; height:10px; width:auto}
#visual .cp4 span {font-size:1.25em}
#visual .ref {float:none; display:block}
.object{display:flex !important; justify-content:center;}
}


@media screen and (max-width:610px){
  #visual h1{font-size:3.2em;}
  #visual h2{font-size:1.5em;}
  #visual .cp3 li:first-child a {font-size:1.1em}
  #visual .cp3 li:last-child a {font-size:1.1em}
  #visual .cp3{padding:0 50px;}
  
}


@media screen and (max-width:480px){
  #visual h1{font-size:2.8em;}
  .object img{width:90%;}
}


/* ±âÁ¸CSS */
#job {width:100%; margin:0 auto; overflow:hidden;}
#job img {vertical-align: top}
#job .header1 {font-size:25px; font-weight:500; margin-top:70px; text-align:center }
#job p.txtP { padding-bottom:20px; font-size:20px;  line-height:35px; }
#job div.icoBox {overflow:hidden; margin:70px 0 0px 0;}
#job div.icoBox section {padding:35px 35px 40px 250px;  width:100%; border-top:0px solid #efefef; border-radius:100px;
 box-sizing:border-box; float:left; background-repeat:no-repeat; background-position:100px center }
#job div.icoBox section:nth-child(odd) {background-color:#f2f2f2;}
#job div.icoBox section.ico1 {background-image:url("../img/ico1.png")}
#job div.icoBox section.ico2 {background-image:url("../img/ico2.png")}
#job div.icoBox section.ico3 {background-image:url("../img/ico3.png")}
#job div.icoBox section.ico4 {background-image:url("../img/ico4.png")}
#job div.icoBox section.ico5 {background-image:url("../img/ico5.png")}
#job div.icoBox section.ico6 {background-image:url("../img/ico6.png")}
#job div.icoBox section.ico7 {background-image:url("../img/ico7.png")}
#job div.tit {font-size:22px; padding-bottom:10px; font-weight:600;}
#job div.tit span {color:#ed1c24;}
#job div.txt {font-size:18px; }
#job div.txt span{font-size:18px; display:block; }
#job div.icoBox3 div.txt {font-size:16px; line-height:26px; }

 
/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#job div.icoBox section {padding:30px 5px 40px 115px;}	
#job div.txt span{font-size:15px; display:block; padding:3px 0 }
#job div.tit {font-size:18px; padding-bottom:5px; line-height:22px;}
#job div.txt {font-size:14px; }
#job div.icoBox section {padding:15px 15px 15px 80px;  width:100%; border-top:0px solid #efefef; border-radius:100px;
 box-sizing:border-box; float:left; background-repeat:no-repeat; background-position:10px center; 
 background-size:60px;  }
}
@media (max-width: 768px) {	
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}

