/*****  all:: ¹è°æ ¹× ÆùÆ® »ö»ó °øÅëÁöÁ¤ *****/
.sub_all .gray_bg {position:relative;padding:0; }
/*****  °øÅë ŸÀÌƲ ¹× ÅؽºÆ® ¸ðÀ½ *****/
.sub_all h4 {font-size:30px;  margin:13px 0;  line-height:100%;}
.sub_all h5 {font-size:22px; margin:10px 0;  position:relative; line-height:120%;}
.sub_all h5.check { background:url(../../img/icon_check.png)  no-repeat 0 2px; background-size:18px; padding-left:25px;}
.sub_all h5.line{margin-top:40px; }
.sub_all h5.line:before {content:"";position:absolute;top:0;left:0;width:20px;height:1px;margin-top:-8px; opacity:0.7; background:#0B1469;}
.sub_all h5.common span{line-height:100%;}
.sub_all p {font-size:15px; padding-bottom:15px; opacity:0.8; line-height:170%;}
.sub_all .space {display:block; width:100%; height:40px;}
.sub_all .space_s {display:block; width:100%; height:20px;}
.sub_all .big_txt {font-size:40px; margin-bottom:30px; line-height:120%; font-family: 'GmarketSansLight';}
.sub_all .big_txt b {  font-family: 'GmarketSansBold'; }
@media screen and  (max-width:767px) {
.sub_all h4 {font-size:21px; margin:8px 0;  }
.sub_all h5 {font-size:16px; margin:6px 0;  }
.sub_all h5.check { background-size:13px; background-position: 0 1px;  padding-left:16px;}
.sub_all h5.line{margin-top:30px; }
.sub_all h5.line:before {width:15px;}
.sub_all h5.common span{font-size:16px; padding:3px;}
.sub_all p{font-size:12px; padding-bottom:15px;}
.sub_all .space {height:30px;}
.sub_all .space_s {height:15px;}
.sub_all .big_txt {font-size:30px; margin-bottom:20px; }
}






/***¹öÆ° µðÀÚÀÎ***/


ul.btn_list {margin:15px 0;}
ul.btn_list li {display:inline; padding:0 2px;}
ul.btn_list .btn {text-align:center;}
ul.btn_list .btn a {padding:10px 40px 10px 20px; border-radius:30px;  border:1px solid rgba(255,255,255,0.3); background-color:#ff8135; background-image:url(../../img/btn_icon1.png); background-repeat:no-repeat; background-position:right 10px center; background-size:18px;  color:#fff; 
font-size:15px; display:inline-block;}
ul.btn_list .btn a:hover,.btn a.current {background-color:#000; }
@media screen and (max-width:1278px) {
ul.btn_list .btn a {padding:7px 35px 7px 17px; font-size:13px;}
}
@media screen and (max-width:767px) {
ul.btn_list {margin:10px 0;}
ul.btn_list .btn a {padding:5px 30px 5px 15px; background-size:13px;  font-size:12px;}
}


/***¹öÆ° µðÀÚÀÎ01***/


ul.btn_list01 {margin:15px 0;}
ul.btn_list01 li {display:inline; padding:0 2px;}
ul.btn_list01 .btn {text-align:center;}
ul.btn_list01 .btn a {padding:10px 40px 10px 20px; border-radius:30px;  border:1px solid rgba(255,255,255,0.3); background-color:#03c75b; background-image:url(../../img/btn_icon1.png); background-repeat:no-repeat; background-position:right 10px center; background-size:18px;  color:#fff; 
font-size:15px; display:inline-block;}
ul.btn_list01 .btn a:hover,.btn a.current {background-color:#000; }
@media screen and (max-width:1278px) {
ul.btn_list01 .btn a {padding:7px 35px 7px 17px; font-size:13px;}
}
@media screen and (max-width:767px) {
ul.btn_list01 {margin:10px 0;}
ul.btn_list01 .btn a {padding:5px 30px 5px 15px; background-size:13px;  font-size:12px;}
}


/***¹öÆ° µðÀÚÀÎ04***/


ul.btn_list04 {padding-bottom: 20px;}
ul.btn_list04 li {display:inline;  padding: 0 80px;}
ul.btn_list04 .btn {text-align:center;}
ul.btn_list04 .btn a {padding:20px 40px 20px 30px; border-radius:30px;  border:1px solid rgba(255,255,255,0.3); background-color:#c7411b; background-image:url(../../img/btn_icon1.png); background-repeat:no-repeat; background-position:right 10px center; background-size:20px;  color:#fff; 
font-size:15px; display:inline-block;}
ul.btn_list04 .btn a:hover,.btn a.current {background-color:#000; }
@media screen and (max-width:1278px) {
ul.btn_list04 .btn a {padding:7px 35px 7px 17px; font-size:13px;}
}
@media screen and (max-width:767px) {
ul.btn_list04 {margin-top: 50px;}
ul.btn_list04 .btn a {padding:10px 40px 10px 20px; background-size:16px;  font-size:14px;}
}






/***¹öÆ° °³ÀÎ µðÀÚÀÎ 02 À̹ÌÁö Á¦¾È¼­***/






.subtop_main {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}


.image-container {
    position: relative;
    width: 100%;
}

.footer_subtop img {
    width: 100%;
    height: auto;
}




.btn_list02 {
    position: absolute; /* Àý´ë À§Ä¡·Î ¼³Á¤ */
    top: 60%; /* À̹ÌÁöÀÇ ¼¼·Î Áß¾Ó¿¡ À§Ä¡ */
    left: 50%; /* À̹ÌÁöÀÇ °¡·Î Áß¾Ó¿¡ À§Ä¡ */
    transform: translate(-50%, -50%); /* Á¤È®È÷ Áß¾Ó¿¡ À§Ä¡ÇÏ°Ô Á¶Á¤ */
    z-index: 10;
    display: flex;
    align-items: center;
}


.btn_list02 .btn {
    margin: 0; /* ¹öÆ°ÀÇ ¿©¹é ÃʱâÈ­ */
}


.btn_list02 .btn a {
    display: block;
    text-decoration: none;
    background-color: #ff8135;
    color: #ffffff;
    width: 200px;
    height: auto;
    padding: 10px 20px;
    text-align: center;
    transition: background-color 0.3s, color 0.3s;
    border-radius: 30px;
    background: #ff8135 url(../../img/arrow_3.png) no-repeat right 20px center;
    background-size: 6px;
}


.btn_list02 .btn a:hover,
.btn_list02 .btn a.current {
    background-color: #000;
}







 
/*****  °øÅë ¸®½ºÆ® ¸ðÀ½*****/
ul.list_basics , 
ol.list_no{width:100%; margin:20px 0; display:block; }
ul.list_basics li, 
ol.list_no li,
ul.list_box li{font-size:15px; line-height:130%; padding-bottom:7px; position:relative; }
ul.list_basics li { background:url(../../img/dot_2.png) no-repeat 0 3px; padding-left:10px;} 
ol.list_no li span {border:1px solid; text-align:center; font-family: 'GmarketSansBold';  font-size:12px; display:block;  line-height:28px; width:28px; height:28px; position:absolute; left:0; top:0; }
ol.list_no li {padding-left:40px; padding-top:5px; padding-bottom:15px; border-bottom:1px solid rgba(144,144,144,0.3);  margin-bottom:13px;}
/*¹Ú½ºÇü*/
ul.list_box {width:100%;  display:flex;  flex-wrap :wrap;  margin-bottom:40px;}
ul.list_box li {margin:7px 0.5%;   background:#eee; padding:32px 25px 25px 25px; }
ul.list_box li .img_wrap {display:flex; justify-content: space-between;}
ul.list_box li .img_wrap .img {width:25%;}
ul.list_box li .img_wrap .img img {width:100%; height:auto;}
ul.list_box li .img_wrap  dl {width:71%;}
ul.list_box li .bimg_wrap {width:100%;}
ul.list_box li .bimg_wrap .img {width:100%; margin-bottom:20px;}
ul.list_box li .bimg_wrap .img img {width:100%; height:auto;}
ul.list_box ul.btn_list {margin:15px 0; }
ul.list_box ul.btn_list li{padding:0;}
ul.list_box ul.btn_list .btn a {padding:5px 30px 5px 15px; margin:0;background-size:13px;  font-size:10px;}
ul.list_box li dl dt {color:#000; font-size:19px; padding-bottom:15px;  font-family: 'GmarketSansBold'; }
ul.list_box li dl dd {font-size:14px; line-height:160%;}
ul.list_box li dl dd ul {width:100%;}
ul.list_box li dl dd ul li {width:100%;  padding:0 0 0 8px;   font-size:12px; line-height:140%; }
ul.list_box li dl dd ul li:before {content:"";position:absolute;top:50%; left:0; display:block; width:3px;height:3px;margin-top:-1px; opacity:0.7; background:#bbb;}
ul.box02 li {width:49%;}
ul.box03 li {width:32.333%;}
ul.box04 li {width:24%;}
@media screen and (max-width:1000px) {
ul.box02 li,
ul.box03 li,
ul.box04 li {width:49%;}
}
 
@media screen and (max-width:767px) {
ul.list_basics li, 
ol.list_no li{font-size:12px;}
ul.list_basics li { background-position:0 3px; padding-left:7px;} 
ol.list_no li span { width:20px; line-height:20px; height:20px;font-size:10px;  }
ol.list_no li {padding-left:30px;margin-bottom:10px; }
ul.list_box li {padding:20px 15px 15px 15px;  }
ul.list_box li .img_wrap {display:block;}
ul.list_box li .img_wrap .img {width:100%; margin-bottom:10px;}
ul.list_box li .img_wrap  dl {width:100%;}
ul.list_box li dl dt {font-size:14px; padding-bottom:5px;}
ul.list_box li dl dd {font-size:12px;}
ul.box02 li,
ul.box03 li,
ul.box04 li {width:99%;}
}
 





/*******************************************************************1. ȸ»ç¼Ò°³ *********************************************************************/
/*****  1-1. ȸ»ç°³¿ä *****/
 /* ¼³¸³³âµµ ¿Ü ¼ýÀÚÄ«¿îÆ® */
.m_count ul {margin-bottom:50px;}
.m_count ul li {width:31.33%; padding:1%; display:inline-block;}
.m_count ul li dl {text-align:center;}
.m_count ul li dl dt {font-size:22px; padding-bottom:10px;}
.m_count ul li dl dd  {font-size:30px; font-weight:00; }
.m_count ul li dl dd b.counter {font-family:"Montserrat"; font-size:60px;}
@media screen  and (max-width:1279px) {
.m_count ul li dl dt {font-size:15px; }
.m_count ul li dl dd  {font-size:17px; }
.m_count ul li dl dd b.counter {font-size:45px;}
}
@media screen  and (max-width:767px) {
.m_count ul {margin-bottom:30px;}
.m_count ul li dl dt {font-size:12px; }
.m_count ul li dl dd  {font-size:15px; }
.m_count ul li dl dd b.counter {font-size:28px;}
}

 /* ȸ»ç°³¿ä */
.info_box  {background:url('../../img/overview_img.jpg') no-repeat center / cover; }
.info_box  ul {margin:0 auto;  padding:200px 0; max-width:1200px; width:94%;  display:flex;  flex-wrap :wrap; }
.info_box  ul li {margin:0; position:relative; width:16.66%;  display:inline-block; }
.info_box  ul li .img{width:140px; height:140px; margin:0 auto;  display:block;  background:rgba(0,0,0,0.5) ; border-radius:50%;}
.info_box  ul li:nth-child(1) .img{background:rgba(0,0,0,0.6) url('../../img/info_icon1.png') no-repeat center; }
.info_box  ul li:nth-child(2) .img{background:rgba(0,0,0,0.6) url('../../img/info_icon2.png') no-repeat center; }
.info_box  ul li:nth-child(3) .img{background:rgba(0,0,0,0.6) url('../../img/info_icon3.png') no-repeat center; }
.info_box  ul li:nth-child(4) .img{background:rgba(0,0,0,0.6) url('../../img/info_icon4.png') no-repeat center; }
.info_box  ul li:nth-child(5) .img{background:rgba(0,0,0,0.6) url('../../img/info_icon5.png') no-repeat center; }
.info_box  ul li:nth-child(6) .img{background:rgba(0,0,0,0.6) url('../../img/info_icon6.png') no-repeat center; }
.info_box  ul li dl {text-align:center; padding-top:30px;}
.info_box  ul li dl dt {display:block; padding-bottom:10px ; font-size:18px; color:#ff8135;}
.info_box  ul li dl dd  {display:block;   font-size:16px;color:#fff; }
 
@media screen  and (max-width:1279px){ 
.info_box  ul {padding:100px 0;}
.info_box  ul li:nth-child(1) .img,
.info_box  ul li:nth-child(2) .img,
.info_box  ul li:nth-child(3) .img,
.info_box  ul li:nth-child(4) .img,
.info_box  ul li:nth-child(5) .img,
.info_box  ul li:nth-child(6) .img{background-size:32px; width:100px; height:100px;}
.info_box  ul li dl {padding-top:10px;}
.info_box  ul li dl dt {font-size:15px;}
.info_box  ul li dl dd  {font-size:13px;}
}
 
@media screen  and (max-width:767px){ 
.info_box  ul li {width:33.33%; padding:20px 0;}
.info_box  ul li dl dt {font-size:12px;}
.info_box  ul li dl dd  { font-size:11px;}
.info_box  ul li:nth-child(1) .img,
.info_box  ul li:nth-child(2) .img,
.info_box  ul li:nth-child(3) .img,
.info_box  ul li:nth-child(4) .img,
.info_box  ul li:nth-child(5) .img,
.info_box  ul li:nth-child(6) .img{background-size:24px; width:80px; height:80px;}
}
 




/*****  1-2. Àλ縻 *****/
/*  Àλ縻 - ù¹ø° ´Ü¶ô */
.sub_all .section1  .conwrap {display: flex;}
.sub_all .section1 .conwrap>div {width: 50%;}
.sub_all .section1 .conwrap .text_wrap {text-align:left; padding:30px 3%; word-break: keep-all;}
.sub_all .section1 .conwrap .text_wrap * {letter-spacing:-0.025em;}
.sub_all .section1 .conwrap .text_wrap strong {display: block;font-size:40px;   line-height: 1.2; text-align:center; margin-bottom:40px;}
.sub_all .section1 .conwrap .text_wrap strong:after {content:"";display: block;width: 60px;height: 1px;background: #ff8135;margin:34px auto 31px;}
.sub_all .section1 .conwrap .text_wrap p {font-size: 16px;  line-height: 1.7; }
.sub_all .section1 .conwrap .text_wrap p b{font-size:23px;}
.sub_all .section1 .conwrap .text_wrap p.ceo {margin-top:54px;}
.sub_all .section1 .conwrap .text_wrap p.ceo img {margin-left:8px;}
.sub_all .section1 .conwrap .img_wrap { padding:10px 3%; text-align:center;  }
 /*  Àλ縻 - µÎ¹ø° ´Ü¶ô */
.sub_all .section2 .inner {position: relative;display:flex;align-items:center;justify-content:center;width: calc(100% - 80px);height:860px;margin: 0 auto; padding:0; max-width:100%; overflow: hidden;  }
.sub_all .section2 .inner .bg {width: 100%;height: 100%;background:url(../../img/ceo_text_bg.jpg) no-repeat center / cover;}
.sub_all .section2 .text_wrap {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);   width: 100%;padding: 0 2%;text-align:center; }
.sub_all .section2 .text_wrap strong.tit {display:block;font-family:"Montserrat", 'GmarketSansLight'; font-size:60px;font-weight:100;letter-spacing:-0.025em;color:#fff;text-transform:uppercase;}
.sub_all .section2 .text_wrap span.sub_tit {display: block;text-align: center;font-size:40px; color: #fff;letter-spacing:-0.025em; word-break: keep-all; margin-bottom:40px;}
.sub_all .section2 .text_wrap p {position: relative;  opacity:0.8; font-size: 16px;  line-height: 1.7; color:#fff; }
@media screen and (max-width:1279px){
.sub_all section .conwrap {width: calc(100% - 20px);}
.sub_all .section1 {margin-bottom: 10px;}
.sub_all .section1 .conwrap {flex-wrap: wrap;}
.sub_all .section1 .conwrap>div {width: 100%;}
.sub_all .section1 .conwrap .text_wrap { order: 2;  padding:30px 0%; }
.sub_all .section1 .conwrap .img_wrap {order: 1; padding:0%;}
.sub_all .section2 .inner {width: calc(100% - 20px); }
.sub_all .section2 .text_wrap strong {margin-bottom:10px;}
.sub_all .section2 .text_wrap strong.tit {font-size: 37px;}
.sub_all .section2 .text_wrap span.sub_tit {font-size: 28px;word-break: keep-all; }
.sub_all .section2 .text_wrap p {margin: 25px 0 0; word-break: keep-all; }
}
@media screen and (max-width:767px){
.sub_all .section1 .conwrap .text_wrap strong {font-size: 31px; }
.sub_all .section1 .conwrap .text_wrap strong:after {width: 42px;margin: 25px auto 31px;}
.sub_all .section1 .conwrap .text_wrap p b{font-size:17px;}
.sub_all .section1 .conwrap .text_wrap p {font-size:12px;}
.sub_all .section1 .conwrap .text_wrap p.ceo {margin-top:40px;}
.sub_all .section1 .conwrap .img_wrap {order: 1;}
.sub_all .section1 .conwrap .text_wrap p.ceo img {width:70px;}
.sub_all .section2 .text_wrap strong.tit {font-size: 31px;}
.sub_all .section2 .text_wrap span.sub_tit {font-size: 25px; }
.sub_all .section2 .inner {width: calc(100% - 20px); height:600px;}
}
 
 
 
  
 
/********** 1-3. ¿¬Çõ*********/
.history #section0 .inner{max-width:1300px; width: calc(100% - 30px); margin:0 auto; overflow:hidden;}
.history #section0{width:100%}
.history #section0 .inner .history_box .list_box .now_box{position:relative;padding:20px 0 90px; width:200px; margin:0 auto;}
.history #section0 .inner .history_box .list_box .now_box>img{position:relative;z-index:2;  }
.history #section0 .inner .history_box .list_box .now_box .mo {display:none;}
.history #section0 .inner .history_box .list_box .now_box:after{content:'';display:block;position:absolute;top:220px;left:100px;width:1px;height:9999px; background:url(../../img/dot_11.png) 0 0 repeat-y;z-index:1}
.history #section0 .inner .history_box .list_box .history_list{position:relative;padding-bottom:100px;border-bottom:1px solid #fff;z-index:3; }
.history #section0 .inner .history_box .list_box .history_list li dl{position:relative}
.history #section0 .inner .history_box .list_box .history_list li dl dt{padding-bottom:15px;font-size:60px;  color:#000;  }
.history #section0 .inner .history_box .list_box .history_list li dl dd{position:relative;padding:0 0 6px 12px;font-size:17px;line-height:22px; display:block; width:100%; }
.history #section0 .inner .history_box .list_box .history_list li dl img {width:100%;}
.history #section0 .inner .history_box .list_box .history_list li dl dd:after{content:'';display:block;position:absolute;top:11.5px;left:0;width:3px;height:3px;background:#000;}
.history #section0 .inner .history_box .list_box .history_list li dl dd.img {margin-top:20px;padding:0}
.history #section0 .inner .history_box .list_box .history_list li dl dd.img:after{display:none}
.history #section0 .inner .history_box .list_box .history_list li:first-child{margin-top:0 !important}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(even){margin:-130px 0 0 50%}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(even) dl{padding-left:130px;}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(even) dl:after{content:'';display:block;width:127px;height:13px;position:absolute;top:15px;left:-4px;background:url(../../img/list_line_right.png) 0 0 no-repeat}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd){margin:-130px 48.2% 0 0;text-align:right;}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd) dl{padding-right:130px}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd) dl:after{content:'';display:block;width:128px;height:13px;position:absolute;top:15px;right:0px;background:url(../../img/list_line_left.png) 0 0 no-repeat}
@media screen and (min-width:768px) {
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd) dl dd:after{left:auto; right:0;}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd) dl dd{display:inline-block;clear:right; padding:0 12px 6px 0;}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd) dl dd.img {margin-top:20px; padding:0}
}
@media screen and (max-width:767px) {
.history #section0 .inner{max-width:600px;}
.history_list {padding-left:6px;}
.history #section0 .inner .history_box .list_box .now_box{ margin:0; text-align:left; width:300px; }
.history #section0 .inner .history_box .list_box .now_box .mo {display:block;}
.history #section0 .inner .history_box .list_box .now_box .pc {display:none;}
.history #section0 .inner .history_box .list_box .now_box img{position:relative;z-index:2; width:230px; }
.history #section0 .inner .history_box .list_box .now_box:after{top:38px;left:6px;}
.history #section0 .inner .history_box .list_box .history_list li dl dt{padding:0 0 10px 10px;font-size:27px;}
.history #section0 .inner .history_box .list_box .history_list li dl dd{position:relative;padding:0 0 6px 20px;font-size:13px;}
.history #section0 .inner .history_box .list_box .history_list li dl dd.img {margin:5px 0 25px 0;padding:0}
.history #section0 .inner .history_box .list_box .history_list li dl dd:after{ top:10px;left:12px;}
.history #section0 .inner .history_box .list_box .history_list li dl dd.img{ padding:10px;}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(even){margin:0}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(even) dl{padding:0}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(even) dl:after,
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd) dl:after{left:-3px; height:20px; background:url(../../img/dot_c.png) 0 0px no-repeat; background-size:7px;}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd){margin:0;text-align:left; }
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd) dl{padding:0px}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd) dl dd{display:inline-block;clear:left}
}

/********** 1-4. ÀÎÁõ¼­*********/
.certificate {max-width:1300px; width:94%; margin:0 auto; text-align:center; }
.certificate_txt {width:100%; max-width:1254px; margin:0 auto;  display:inline-block;padding:20px 0; text-align:center; border-bottom:1px solid rgba(0,0,0,0.2); border-top:1px solid rgba(0,0,0,0.2); font-size:15px; }
.certificate ul {max-width:1300px; margin:40px auto; text-align:center;}
.certificate ul li {display:inline-block; width:21%; float:left; vertical-align:top; margin:20px 2%;   }
.certificate ul li img {width:100%;  }
.certificate ul li a,.certificate ul li a p {-moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;}
.certificate ul li p  {display:block;  padding-top:15px; line-height:120%; text-align:center;  font-size:17px;}
.certificate ul li p  span {display:block; line-height:120%; padding:5px 0 15px 0; font-size:12px; }
.certificate ul li a:hover p,
.certificate ul li a:hover p span  {color:#fff;} 
@media screen and (max-width:767px) {
.certificate_txt {  padding:10px 0; font-size:12px; }
.certificate ul { margin:20px auto;}
.certificate ul li {width:46%;}
.certificate ul li p  { font-size:13px;}
}
/********** 1-6. ¿À½Ã´Â±æ*********/
.location {width:100%; padding-bottom:70px;}
.location dl:after {content:"";display:block;clear:both;} 
.location dl dt { width:60%; float:right;}
.location dl dt iframe  {width:100%; height:600px; border-radius:20px 0 0 20px; }  
.location dl dd {width:35%; float:left;padding:0 2% 0 5%; }
.location dl dd ul li {font-size:21px;  margin-bottom:60px; font-family:"Montserrat","Noto Sans KR";  position:relative;}
.location dl dd ul li strong{font-size:35px; display:block; padding-bottom:5px;  font-family:"Montserrat","Noto Sans KR"; }
.location dl dd ul li strong:before {content:"";position:absolute;top:0;left:0;width:20px;height:1px;margin-top: -8px;background:#fff;opacity:0.7;}
@media screen and (max-width:1279px) {
.location dl dd ul li {font-size:17px; }
.location dl dd ul li strong{font-size:27px;}
}
@media screen and (max-width:767px) {
.location dl dt { width:95%; display:block;}
.location dl dt iframe  {height:300px;}  
.location dl dd {width:94%; display:block; padding:40px 0 0 6%;}
.location dl dd ul li {font-size:15px;  margin-bottom:30px; }
.location dl dd ul li strong{font-size:20px;}
.location dl dd ul li strong:before {width:15px;}
}



/*******************************************************************  2. »ç¾÷ºÐ¾ß  *********************************************************************/
/********** 2-1. »ç¾÷ºÐ¾ß1*********/






<!--Ãß°¡ À̹ÌÁö -->


.section_box {
    position: relative;
    display: flex; 
}


.blog_main {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: relative;
    z-index: 1;
}






.blogPc1 {margin-left: 150px; margin-top: -350px;}
.blogPc2 {margin-right: 100px; margin-top: -350px;}


.blogPc3 {margin-top: 50px;}
.blogPc4 {margin-left: 150px; }
.blogPc6 {margin-right: 50px;}



.blogPc7 {margin-left: 250px; margin-top: -1250px;}
.blogPc8 {margin-right: 250px; margin-top: -1250px;}

.blogPc9 {margin-left: 150px; margin-top: -550px;}
.blogPc10 {margin-top: -550px;}
.blogPc11 {margin-right: 150px; margin-top: -550px;}


.blogPc12 {margin-top: 30px; margin-left: 250px; }
.blogPc13 {margin-top: 50px; margin-right: 250px;}

.blogPc14 {margin-top: 10px; margin-left: 200px; margin-bottom: 20px;}
.blogPc15 {margin-top: 10px; margin-right: 100px;  margin-bottom: 10px;}

.blogPc16 {margin-left: 250px;  margin-top: -1300px; }
.blogPc17 {margin-right: 250px; margin-top: -1300px;}

.blogPc18 {margin-left: 150px;  margin-top: -600px; }
.blogPc19 {margin-right: 100px; margin-top: -600px;}

.blogPc20 {margin-left: 50px; margin-top: 100px; margin-bottom: 50px;}






.blogMobile{width: 90%; margin-top: -650px; margin-left: 25px;}
.blogMobile1{width: 90%; margin-top: -380px; margin-left: 15px;}

.blogMobile2{width: 90%; margin-top: 20px; margin-left: 20px;}
.blogMobile3{width: 90%; margin-top: 20px; margin-left: 20px;}


.blogMobile4{width: 90%; margin-top: -680px; margin-left: 20px;}
.blogMobile5{width: 100%; margin-top: -580px;}
.blogMobile6{width: 100%; margin-top: -400px;}
.blogMobile7{width: 100%; margin-top: -220px;}




.blogMobile8{width: 80%; margin-top: 40px; margin-left: 40px;}
.blogMobile81{width: 90%; margin-top: 20px; margin-left: 20px}



.blogMobile9{width: 80%; margin-top: -720px; margin-left: 40px;}
.blogMobile10{width: 90%; margin-top: -640px;; margin-left: 20px;}
.blogMobile11{width: 90%; margin-top: -360px; margin-left: 20px;}




.blogMobile12{width: 60%; margin-top: 70px;  margin-left: 90px; }



.brandblogPc1 {width: 90%; margin-top: 100px; margin-bottom: 90px; margin-left: 500px;}

.brandblogMobile1 {width: 70%; margin-top: 50px; margin-left: 50px;}


.brandblogMobile2{width: 100%; margin-top: 50px; margin-left: 0px;}


.brandblogMobile3{width: 90%; margin-top: 0px; margin-left: 0px;}





.brandblogPc4{margin-bottom: 120px;}

.brandblogMobile4{width: 100%; margin-top: 0px; margin-left: 0px;}





.placePc1{width: 40%; margin-left: 50px;  margin-top: 30px;}
.placeMobile1{width: 90%; margin-left: 20px;  margin-top: 30px;}

.placePc2{margin-left: 20px;  margin-top: 80px;}
.placeMobile2{width: 90%; margin-left: 15px;  margin-top: 30px;}


.placePc3{width: 40%; margin-top: 80px;}
.placeMobile3{width: 90%; margin-top: 50px; margin-left: 15px; }

.placePc4{width: 70%; margin-top: 70px; margin-left: 200px; }
.placeMobile4{width: 90%; margin-left: 15px;  margin-top: 30px;}

.placePc5{width: 30%; margin-top: 70px;  margin-right: 200px; }
.placeMobile5{width: 90%; margin-left: 20px;  margin-top: 30px;}


.placePc6{width: 40%; margin-top: 140px; margin-left: 20px;}
.placeMobile6{width: 80%; margin-top: 50px;  margin-left: 30px; }

.placePc7{width: 100%; margin-top: 70px; margin-left: 200px; }
.placeMobile7{width: 90%; margin-left: 25px;  margin-top: 30px;}


.placePc8{width: 40%; margin-top: 140px;  margin-left: 80px}
.placeMobile8{width: 70%;  margin-left: 50px;  margin-top: 50px;}

.placePc9{width: 90%; margin-top: 70px; margin-left: 200px; }
.placeMobile9{width: 90%; margin-left: 10px;  margin-top: 30px;}

.placePc10{width: 50%; margin-top: 70px;  margin-right: 200px; }
.placeMobile10{width: 90%; margin-left: 25px;  margin-top: 30px;}




.placePc11{width: 40%; margin-top: 140px;  margin-left: 50px}
.placeMobile11{width: 70%;  margin-left: 50px;  margin-top: 50px; }

.placePc12{width: 50%; margin-top: 70px; margin-left: 200px; margin-bottom: 90px;}
.placeMobile12{width: 90%; margin-left: 5px;  margin-top: 30px; }

.placePc13{width: 50%; margin-top: 70px;  margin-right: 200px; margin-bottom: 90px;}
.placeMobile13{width: 90%; margin-left: 10px;  margin-top: 30px;}


.placePc14{width: 100%; margin-top: 10px; margin-left: 250px; margin-bottom: 90px;}
.placeMobile14{width: 90%; margin-left: 25px;  margin-top: 30px; }



.placePc15{width: 50%; margin-top: 140px;}
.placeMobile15{width: 90%; margin-top: 50px;  margin-left: 15px; }

.placePc16{width: 50%; margin-top: 70px; margin-left: 200px; margin-bottom: 90px;}
.placeMobile16{width: 90%; margin-left: 5px;  margin-top: 30px; }

.placePc17{width: 50%; margin-top: 70px;  margin-right: 200px; margin-bottom: 90px;}
.placeMobile17{width: 90%; margin-left: 10px;  margin-top: 30px;}


.placePc18{width: 100%; margin-top: 10px; margin-left: 250px; margin-bottom: 90px;}
.placeMobile18{width: 90%; margin-left: 25px;  margin-top: 30px; }


.placePc19{margin-top: 150px; margin-bottom: 50px;}
.placeMobile19{width: 60%; margin-top: 60px; margin-bottom: 50px; margin-right: 60px; }





.blogPc1 img, .blogPc2 img, .mobile-image {
    width: auto;
    height: auto;
}


.pc-only {
    display: none;
}


.mobile-only {
    display: none;
}


@media (min-width: 768px) {
    .pc-only {
        display: flex;
    }
}


@media (max-width: 767px) {
    .mobile-only {
        display: flex;
    }
}




.sub_all .business1 {display:flex;flex-wrap:wrap;justify-content: space-between;counter-reset: section;}
<!--.sub_all .business1 li {width: 44.2%;}-->
.sub_all .business1 li {width: 22.2%;}
.sub_all .business1 li:nth-child(odd) {margin-top: 100px;}
.sub_all .business1 li .img_wrap {position:relative;overflow:hidden;}
.sub_all .business1 li .img_wrap img {width:100%;  border-radius:20px;  }
.sub_all .business1 li .text_wrap {text-align:center;margin-top:44px;}
.sub_all .business1 li .text_wrap strong {font-family:"Montserrat", 'GmarketSansBold'; font-size:28px; font-weight: 200;letter-spacing:-0.025em; text-transform:uppercase;}
.sub_all .business1 li .text_wrap p {font-size:16px; line-height:1.7;  margin-top:20px;}
@media screen and (max-width:1200px){
.sub_all .business1 li .text_wrap strong {font-size:40px;}
.sub_all .business1 li .text_wrap p {font-size:14px;}
}
@media screen and (max-width:767px){
.sub_all .mark_bg {position:relative;padding:20px 0 100px 0;background:url(../../img/mark_bg_w.png) no-repeat bottom -40px right; background-size:320px;}
.sub_all .business1 li {width: 100%; margin-bottom:30px; }
.sub_all .business1 li:nth-child(odd) {margin-top:0px;}
.sub_all .business1 li .text_wrap {margin-top: 24px;}
.sub_all .business1 li .text_wrap strong {font-size: 27px;}
.sub_all .business1 li .text_wrap p {font-size: 12px;margin-top: 10px;word-break: keep-all;}
}






/************* 2-2 »ç¾÷ºÐ¾ß2*************/
.sub_all .business2 {display:flex;flex-wrap:wrap;justify-content: space-between;counter-reset: section; }
.sub_all .business2 li {width: 100%; margin-bottom:70px;  padding-bottom:70px;  border-bottom:1px solid rgba(144,144,144,0.3); }
.sub_all .business2 li li {border:none;}
.sub_all .business2 li .img_wrap {position:relative;overflow:hidden; width:46%; float:left; }
.sub_all .business2 li .img_wrap img {width:100%; border-radius:10px; }
.sub_all .business2 li .text_wrap {text-align:left; margin-top:50px; width:50%; float:right;}
.sub_all .business2 li .text_wrap strong {font-family:"Montserrat", 'GmarketSansLight';  font-size:48px;font-weight: 200;letter-spacing:-0.025em; ;text-transform:uppercase;}
.sub_all .business2 li .text_wrap p {font-size:16px;font-weight:300;line-height:1.7;letter-spacing:-0.025em;  margin-top:15px;}
.sub_all .business2 li:nth-child(odd) .img_wrap {float:right;}
.sub_all .business2 li:nth-child(odd) .text_wrap { float:left;}
.sub_all .business2 li:nth-child(odd)  .text_wrap {text-align:right;}
@media screen and (max-width:1200px){
.sub_all .business2 li .text_wrap {margin-top:0px;}
.sub_all .business2 li .text_wrap strong {font-size:40px;}
.sub_all .business2 li .text_wrap p {font-size:14px;}
}
@media screen and (max-width:767px){
.sub_all .business2 li {margin-bottom:30px;  padding-bottom:30px;}
.sub_all .business2 li .img_wrap {width:100%;}
.sub_all .business2 li .text_wrap {margin-top:50px; width:100%;}
.sub_all .business2 li .text_wrap {margin-top:25px;}
.sub_all .business2 li .text_wrap strong {font-size: 27px;}
.sub_all .business2 li .text_wrap p {font-size: 12px;margin-top: 10px;word-break: keep-all;}
}
 

 
/******************* 2-3 »ç¾÷ºÐ¾ß3  *************************/
.wb_cross {width:100%;}
.wb_dark {background:#eee;;}
.section_box{background:#fff7f2; height:347px; }
.section_box_mobile01{background:#fff7f2; height:500px; }
.section_box01{background:#fff7f2; height:750px; }
.section_box02{background:#fff7f2; height:500px; }
.section_box03{background:#f5f5f5; height:600px; }
.section_box04{background:#f5f5f5; height:50px; }
.section_box05{background:#f5f5f5; height:380px; }





.wb_keyword {background:#f7f8fa;}
.wb_cross dl {padding:80px 0 60px 0; width:92%; max-width:1400px; margin:0 auto;}
.wb_cross dl:after {content:"";display:block;clear:both;}
.wb_cross dl dt {width:20%; float:left;  }
.wb_cross dl dt strong {position:relative; font-size:30px;   font-family: 'GmarketSansBold'; }
.wb_cross dl dd {width:75%; float:right; text-align:left; padding:0;  }
.wb_cross dl dd p { font-size:15px; line-height:170%; padding-bottom:15px; }
.wb_cross dl dd p strong {font-size:21px; line-height:160%;  font-family: 'GmarketSansBold'; display:block; padding-bottom:10px;}
@media screen and (max-width:767px) {
.wb_cross dl {padding:60px 0 50px 0;}
.wb_cross dl dt  {width:100%; padding-bottom:30px; }
.wb_cross dl dt strong {font-size:23px;}
.wb_cross dl dd   {width:100%;}
.wb_cross dl dd p {font-size:12px; padding-bottom:15px; }
.wb_cross dl dd p strong {font-size:16px; padding-bottom:7px;}
}
 
 



/*********** 2-4 »ç¾÷ºÐ¾ß4 //ÀýÂ÷¿Í ¼³¸í **************/
.process {width:100%;;}
.process ul{max-width:1100px; margin:0 auto;}
.process ul li {float:left; padding-right:40px; margin-right:15px; background:url(../../img/arrow.png) no-repeat right 40px; text-align:center; margin-bottom:30px;}
.process ul li:last-child {padding:0; margin:0; background:none;}
.process ul li .pro_img { z-index:-1; isplay:inline-block;  width:130px; height:130px; text-align:center; background:#ff8135; /*¿øÇü »ö»ó ÁöÁ¤*/  border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; }
.process ul li .pro_img img {padding-top:27%;}
.process ul li p {font-size:16px; line-height:120%; padding-top:10px;  width:130px; }
.process ul li p span {font-size:30px; line-height:140%; color:#c4c4c4; display:block; font-family:"Montserrat","Noto Sans KR"; font-weight:200; }
@media screen and  (max-width:1200px) {
.process ul{max-width:930px;}
.process ul li {padding-right:35px; margin-right:10px; background-position:right 32px;}
.process ul li .pro_img {width:110px; height:110px;}
.process ul li .pro_img img {width:50px;}
.process ul li p {font-size:14px;  width:110px; }
.process ul li p span {font-size:25px; }
}
@media screen and  (max-width:1000px) {
.process ul{max-width:470px;}
}
@media screen and  (max-width:600px) {
.process ul{max-width:300px;}
.process ul li {padding-right:22px; margin-right:7px; background-size:15px; background-position:right 20px;}
.process ul li .pro_img {width:70px; height:70px;}
.process ul li .pro_img img {width:30px;}
.process ul li p {font-size:11px; width:70px; }
.process ul li p span {font-size:15px;}
}

/* ÇÏ´Ü ¼³¸íºÎºÐ */
.pro_txt { max-width:1300px; width:90%; margin:0 auto; padding:20px 0 120px 0;}
.pro_txt ul li {padding:40px 0 20px 250px;   text-align:left; border-bottom:1px solid rgba(0,0,0,0.1);  min-height:120px; position:relative; }
.pro_txt ul li h4{font-size:17px; border-radius:5px; left:0; top:30px; padding:15px 0 10px 0; letter-spacing:-0.03em;  background:#393939 url(../../img/arrow_3.png) no-repeat 13px center;  background-size:6px; color:#fff; position:absolute; text-align:center; width:220px;  display:block; }
.pro_txt ul li p {font-size:15px; line-height:150%;} 
.pro_txt ul li p span{font-size:15px; font-weight:bold; }
@media screen and  (max-width:767px) {
.pro_txt { padding:10px 0 60px 0;}
.pro_txt ul li h4{font-size:15px; padding:9px 0 6px 0;  background-size:4px; width:100%; position:relative; top:0; margin-bottom:10px;}
.pro_txt ul li {padding-left:0; padding:20px 0;} 
.pro_txt ul li p,
.pro_txt ul li p span{font-size:12px;} 
}



 
/*********** 2-5. È«º¸¿µ»ó ************/
.movie {width:100%; text-align:center; padding:30px 0 200px 0;}
.movie iframe {border:15px solid #fff; width:94%; height:640px; max-width:1100px; margin:0 auto; }
@media screen and (max-width:1000px) {
.movie {padding-bottom:100px;}
.movie iframe {border:7px solid #fff;  height:220px; margin:0 auto;}
}






/******************************************************************* 4. ÀÎÀçä¿ë*********************************************************************/
/********* 4-1. ä¿ë¾È³»*********/
/* ä¿ë¾È³» - ÀÎÀç»ó */
.circle_box { position:relative; width:100%; }
.circle_box ul {max-width:1400px; margin:0 auto;   margin-bottom:50px; }
.circle_box ul li {width:32.333%; margin:0 0.5%; float:left;}
.circle_box ul:after {content:"";display:block;clear:both;}
.circle_box ul li dl {padding:20px;}
.circle_box ul li h5 {padding:50px 0 20px; margin:0; font-size:21px;}
.circle_box ul li h5:before {content:"";display:block;clear:both; width:3px; height:66px; background:#DE0515; position:absolute; top:-40px; right:50%; margin-right:-1px;}
.circle_box ul li h5 b {font-size:45px; display:block; padding-bottom:15px;}
.circle_box ul li p { font-size:15px; opacity:0.8; line-height:170%; text-align:center;}
.circle_box ul li dt {width:100%; text-align:center;}
.circle_box ul li dd {width:100%;}
.circle_box ul li dt img {width:100%; border-radius:50px;}

@media screen and (max-width:767px) {
.circle_box  {max-width:700px; margin:0 auto;}
.circle_box ul li {width:100%; padding:10px 0;}
.circle_box ul li dt img {max-width:300px;}
.circle_box ul li h5 {font-size:19px;}
.circle_box ul li h5:before {width:2px; height:66px;}
.circle_box ul li h5 b {font-size:35px;}
.circle_box ul li p { font-size:12px;}
}



/* ä¿ë¾È³» - º¹¸®ÈÄ»ý */
.recruit {display:flex;flex-wrap:wrap;justify-content: space-between;counter-reset: section; margin-top:40px; } 
.recruit li {width:100%; margin-bottom:70px; padding-bottom:70px; border-bottom:1px solid rgba(158,158,158,0.3); }
.recruit li .img_wrap {position:relative;overflow:hidden; width:40%; float:left;}
.recruit li .img_wrap img {width:100%; border-radius:50px; }
.recruit li .text_wrap {text-align:left; width:56%; float:right;}
.recruit li .text_wrap strong {font-size:18px; margin-bottom:5px;  font-family: 'GmarketSansBold'; position:relative; padding-top:13px; margin-top:20px;  display:block;}
.recruit li .text_wrap strong:after {content:"";display:block;clear:both; position:absolute; top:0; width:15px; height:2px; background: #E60012;}
.recruit li:nth-child(odd) .text_wrap strong:after {right:0;}
.recruit li:nth-child(edd) .text_wrap strong:after {left:0;}
.recruit li .text_wrap p {font-size:15px; line-height:1.7; margin-bottom:15px; }
.recruit li:nth-child(odd) .img_wrap {float:right;}
.recruit li:nth-child(odd) .text_wrap { float:left;}
.recruit li:nth-child(odd)  .text_wrap {text-align:right;}

@media screen and (max-width:767px){
.recruit li {margin-bottom:40px; padding-bottom:40px;}
.recruit li .img_wrap {width:100%;}
.recruit li .text_wrap {margin-top:30px; width:100%;}
.recruit li .text_wrap strong {font-size:15px; margin-bottom:0; }
.recruit li .text_wrap p {font-size: 12px;margin-top: 10px;word-break: keep-all;}
.recruit li:nth-child(odd)  .text_wrap {text-align:left;}
}

/* Å×À̺í */
.tstyle_common thead th,
.tstyle_02 tr th{background-color:#3B3B3B;  font-weight:500; color:#fff;}
.tstyle_common td span {color:#fff; }
.tstyle_common{ margin:10px auto 40px auto;}
.tstyle_common thead th{ padding:15px;  font-size:15px; text-align:center; }
.tstyle_common tbody th{text-align:center; font-size:15px;  border-left:1px solid rgba(158,158,158,0.3); border-bottom:1px solid rgba(158,158,158,0.3);   background:#eee; color:#000; font-weight:600; border-right:1px solid rgba(158,158,158,0.3);  }
.tstyle_common td{background:#fff; color:#3B3B3B; padding:15px;  font-size:14px; border-bottom:1px solid rgba(158,158,158,0.3); line-height:160%; border-right:1px solid rgba(158,158,158,0.3);text-align:left;  }
.tstyle_common td span {font-size:14px; font-weight:600; color:#000;}
.tstyle_common caption {font-size:0; line-height:0;}
.tstyle_common .fC {text-align:center;}
.tstyle_common .fR {text-align:right;}
@media screen and (max-width:1000px) {
.tstyle_common thead th{padding:10px 5px; font-size:13px;}
.tstyle_common tr th{ font-size:13px;  }
.tstyle_common td{ padding:10px 5px;  font-size:11px;}
.tstyle_common td span {  font-size:11px;}
}




/*****  4-3. ä¿ëÁ¢¼ö (Æû¸ÞÀÏ 1 - »ó´Ü °£·« ¼³¸í±Û µé¾î°¡´Â ºÎºÐ) *****/
.form_con {position:relative;  margin-bottom:40px;   width:100%;   background:#eee;}
.form_con section{padding:30px 30px 20px 30px; }
@media screen and  (max-width:1000px) {
.form_con section { padding:20px 20px 10px 20px;}
}




/******************************************************************* 5. °í°´¼¾ÅÍ*********************************************************************/
/********* 5-4. FAQ*********/
/* ¶³¾îÁö´Â ·¹À̾î*/
.faq_box {border-bottom:1px solid #eee;  padding:0 30px; cursor:pointer;}
.faq_box .qustion {position:relative; padding:29px 0 25px 0;}
.faq_box .qustion a {display:block; position:relative;font-size:19px;color:#000; letter-spacing:-0.04em; line-height:140%;   }
.faq_box .qustion a span.icon_q {vertical-align:top; margin-right:7px;  display:inline-block; width:25px; text-align:center; background:#ff8135; height:25px; line-height:23px; border-radius:3px; }
.faq_box .qustion a span.icon_q img {width:15px;  vertical-align:middle; }
.faq_box.on {background:#eee;}
.faq_box.on .qustion a { display:block;position:relative; padding-bottom:16px; border-bottom:1px solid rgba(0,0,0,0.2);}
.faq_box .answer {background:url(../../img/icon_a.png) no-repeat right bottom;  display:none;padding:0 0px 25px 0px;}
.faq_box .answer p {font-size:15px; line-height:170%; padding-bottom:7px;  opacity:0.8;}
.faq_box .answer h4 {font-size:17px;  padding:10px 0;  }
.faq_box .answer ul {background-color:rgba(255,255,255,0.6); padding:15px; border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius:10px; margin-bottom:20px; }
.faq_box .answer ul li {border:none; padding:10px 0 7px 10px; line-height:150%;font-size:13px;  margin-top:0px; background:url(../../img/dot_1.png) no-repeat 2px 17px;   opacity:0.8; border-bottom:1px solid rgba(0,0,0,0.2);  } 
.faq_box .answer ul li:last-child {  border-bottom:none;} 
@media screen and (max-width:1000px) {
.faq_box .qustion a {font-size:15px; }
.faq_box .qustion a span.icon_q {width:22px; height:22px; line-height:20px;}
.faq_box .qustion a span.icon_q img {width:10px;}
.faq_box.on .qustion a {font-size:15px;}
.faq_box .answer p {font-size:12px;}
.faq_box .answer h4 {  font-size:15px; }
.faq_box .answer ul {padding:10px; margin-bottom:10px; }
.faq_box .answer ul li {font-size:11px; background-position: 2px 14px;} 
}




/***** 5-5. °í°´¼¾ÅÍ-ÀÏ´ëÀϹ®ÀÇ *****/
.img_form {width:100%; display:flex;  flex-wrap :wrap;  background:#eee;}
.img_form:after {content:"";display:block;clear:both;}
.img_form .tit {width:50%;  float:left;  text-align:center;  position: relative; background:url(../../img/contact.jpg) no-repeat 0 center / cover;  }
.img_form .tit  h4 {color:#fff; font-size:40px;   position: absolute; left:0; width:100%; text-align:center; top:45%; display:block;  }
.img_form .tit  p {color:#fff;   font-size:18px;   position: absolute; left:0; width:100%; text-align:center; top:52%; display:block; }
.img_form .img_form_con {width:50%;  float:right;   background:#fff; }
.img_form .img_form_con section{padding:70px;}
@media screen and (max-width:1200px) {
.img_form .tit  h4 {font-size:32px; top:45%; display:block;  }
.img_form .tit  p {font-size:16px;  top:52%; display:block; }
.img_form .img_form_con section{padding:40px;}
}
@media screen and (max-width:767px) {
.img_form .tit {width:100%; display:block; background:url(../../img/contact.jpg) no-repeat 0 center /  100%; padding:72px 10px 60px 10px; }
.img_form .tit  h4 { font-size:20px;  top:0; position: relative;}
.img_form .tit  p { top:0; font-size:13px; position: relative;}
.img_form .img_form_con {width:100%;   display:block; }
.img_form .img_form_con section{padding:20px; display:block;}
}