@charset "utf-8";
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css); 
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-jp.css);
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo&display=swap');
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}
@font-face {font-family: 'S-CoreDream-4Regular';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'S-CoreDream-5Medium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face {font-family: 'S-CoreDream-6Bold';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'S-CoreDream-8Heavy';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'NanumMyeongjo';font-style: normal;font-weight: 400;src: local('※'),url('NanumMyeongjoR.woff2') format('woff2'),  url('NanumMyeongjoR.woff') format('woff'),url('NanumMyeongjoR.ttf') format('truetype'),url('NanumMyeongjoR.otf') format('opentype'),url('NanumMyeongjoR.eot') format('embedded-opentype');}
@font-face {font-family: 'NanumMyeongjo';font-style: normal;font-weight: 700;src: local('※'),url('NanumMyeongjoB.woff2') format('woff2'), url('NanumMyeongjoB.woff') format('woff'),url('NanumMyeongjoB.ttf') format('truetype'),url('NanumMyeongjoB.otf') format('opentype'),url('NanumMyeongjoB.eot') format('embedded-opentype');}
@font-face {font-family: 'NanumMyeongjo';font-style: normal;font-weight: 900;src: local('※'),url('NanumMyeongjoEB.woff2') format('woff2'), url('NanumMyeongjoEB.woff') format('woff'),url('NanumMyeongjoEB.ttf') format('truetype'),url('NanumMyeongjoEB.otf') format('opentype'),url('NanumMyeongjoEB.eot') format('embedded-opentype');}
@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; }
@font-face { font-family: 'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: normal; font-style: normal; }

/* common _ jyp */
* {font-family: 'Montserrat', 'Noto Sans KR', sans-serif;}
body {font-family: 'Montserrat', 'Noto Sans KR', sans-serif; color:#000;letter-spacing:-0.02em; -webkit-text-size-adjust: none; overflow-x:hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,input {color:#333;margin:0;padding:0;font-size:15px;line-height:1.756em;font-weight:500;}
table,td,th {font-family: 'Montserrat', 'Noto Sans KR', sans-serif;color:#000;}
table {border-collapse:collapse;border-spacing:0}
ul,ol,li {list-style:none;}
a,img {outline:0;text-decoration:none; border:0;}
a:link,a:visited,a:active,a:hover {outline:0;text-decoration:none;color:#000;}
a:hover, a:focus {text-decoration:none !important;}
img.fit {width:100%;}
img.max-fit {max-width:100%;}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6, {margin-top:0;font-family:  'Montserrat', 'Noto Sans KR', sans-serif;}
.row {padding-right:0px !important;padding-left:0px !important}
.row::after {clear:both;}
.row::before,.row::after {display:table;content: " ";}
[canvas=container],
[off-canvas] {padding: 10px 20px;}
[class*=js-] {cursor: pointer;}

/* Footer */
.P-footer {
  width: 100%;
  float: left;
  background: #f9f9f9;
  /*padding: 0 5%;*/
  position: relative;
}
.P-footer2 {
  clear:both;
  padding-bottom: 20px;
  width:100%;
  background:#fff;
}
.f_wrap{width: 100%;max-width: 1300px; margin: auto;position: relative;}
.footer-info {width: 100%;margin-top: 30px;margin-bottom: 30px;float: left;}
.footer-info ul{float: left;width: 100%;}
.footer-info li {width: 100%;}
.copy-item {
  display: block;
  width: 60%;
  text-align: left;
  font-size: 13px;
  line-height: 19px;
  color: #8a8a8a;
  font-weight: 300;
  float: left;
  word-break: keep-all;
}
.footer_m{display: none;}
.copy-item p{font-size: 15px;font-weight: 400;color: #333;line-height: 25px;margin-bottom: 0;}
.footer-info li span{margin-right: 10px;}
.footer-info li span span{font-weight: 500;margin-right: 5px;color: #8a8a8a;}
.footer_call_wrap{width: 100%;    background: #fff;border-top:1px solid #ccc;}
.f_line{width: 100%; height: 1px; background: #ccc; top: 70px;position: absolute;left: 0;}
.call_wrap{width: 100%;max-width: 1300px; height: 70px;margin: auto;}
.call_tit{color: #000;font-size: 18px;font-weight: 400;line-height: 70px;width: 50%; float: left;}
.call_num{line-height: 70px;}
.call_num a{color: #000;font-family: 'Montserrat', 'Noto Sans KR', sans-serif;font-size: 22px;letter-spacing: 0px;}
.call_num a:active, a:visited{color: #000;}
.call_num div{width: 16px;height: 16px;display: inline-block;margin-bottom: -4px;margin-right: 5px;}
.call_num span{font-size: 18px;font-weight: 400;margin-right: 10px;font-family:'Montserrat', 'Noto Sans KR', sans-serif;letter-spacing: -1px;}
/* Footer 끝*/

/*header*/
.wrap .P-member {
  display: block;
  position: absolute;
  text-align: right;
  width: 100%;
  right: 0;
  z-index: 1;
}
.wrap .P-member-nav a{color: #ccc;height: 50px;line-height: 50px;margin-left: 10px;font-size: 14px;font-weight: 400;}
.wrap .P-member-nav a:active, .wrap .P-member-nav a:visited{color: #ccc;}

.pushy .P-member{background: #f5f5f5;width: 100%;padding: 15px 0;float: left;margin-bottom: 50px;}
.pushy .P-member-nav a{float: left;width: 50%;text-align: center;font-size: 18px;line-height: 18px;color: #454545;}
.pushy .P-member-nav a:active, .pushy .P-member-nav a:visited{color: #454545;}
.pushy .p-join{border-right: 1px solid #ccc;}

#menu_box { display:none;}
.P-header {
  width: 100%;
  height: 100px;
  top: 0;
  z-index: 2;
  position: relative;
  display: inline-block;
  padding: 0 5%;
  background: #fff;
}

.wrap {width: 100%; max-width: 1300px; margin: auto;position: relative;}
.wrap > a {width:30%;float:left;}
.P-nav-logo {
  position: relative;
  float: left;
  margin: auto;
  width: 220px;
  padding: 25px 0;
  overflow: hidden;
}
.w_header{width: 30%;background: #fff;height: 150px;position: absolute;left: 0;}
.P-header .logo_b{display: none;}
.P-header .menu_b{display: block;}
.P-nav {width: 500px; cursor: pointer;position: absolute; right:150px;}
#btn-top-menu{display: none !important;}
.P-nav-item {
  position: relative;
  display: block;
  margin-left: 40px;
  color: #000 !important;
  float: left;
  text-align: center;
  font-weight: 400;
  transition-duration: .2s;
  font-size: 17px;
  line-height: 100px;
  letter-spacing: 0px;
  font-family: 'Rubik', 'Noto Sans KR', sans-serif;
}
.gnb ul:after {content:""; display:block; clear:both;}
.visible-lg ul li:hover > ul{display:block;}
.P-nav-item span{
  position: absolute;
  width: 100%; 
  top: 25px;
  opacity: 0;
  transition-duration: .2s;
}
.P-nav-item:hover, .P-nav-item:focus {
  color: #0c5199 !important;
  height: 95px;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
  font-family:  'Rubik', 'Noto Sans KR', sans-serif;
}
.P-nav-item:hover span{opacity: 1;transition-duration: .2s;}

.visible-lg {display: block !important;}
.hidden-lg {display: none!important;}

.lang_btn{border:1px solid #ccc; border-radius:50px; margin-top: 25px; float: right; padding:8px 12px;}
.lang_btn a {font-size:17px; font-weight:400; color:#ccc; padding:0 8px;}
.lang_btn a.on {color:#000;}
.lang_btn a:first-child {border-right:1px solid #ccc;}
.lang_col{background-color: transparent;font-size: 18px;background-image: none;border: 1px solid #000;padding: 4px 33px 4px 15px;border-radius: 50px;line-height: normal;}
.lang_btn select{-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url("/images/main/lang.svg") 85% center no-repeat;background-size: 10px;}
.lang_btn select::-ms-expand {display: none;}

.lang_btn_menu{width: 100% !important;background: #f5f5f5;padding: 4% 12%;}
.lang_col_menu{font-size: 18px;background-image: none;border: 0;padding: 0;line-height: normal;background: #f5f5f5;float: left;width: 70px;}
.lang_btn_menu select{-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url("/images/main/lang.svg") 100% center no-repeat;background-size: 10px;}
.lang_btn_menu select::-ms-expand {display: none;}

/*header 끝*/

/*전체적용*/

dl {padding-top: 5% !important; padding-bottom: 5% !important;}
a{font-family: 'Montserrat', 'Noto Sans KR', sans-serif;}
#SUB_Scontent {max-width: 1280px;margin: 0 auto;}
/*전체적용 */

/* * Override Bootstrap's default container. */
#totalANDzeroweb {font-size: 12px;position: relative;margin: 0 auto;padding: 0 !important;    width: 100% !important;max-width: 1300px !important;}
#totalANDzeroweb div{font-size: 12px;color: #8a8a8a;text-align: right;position: absolute;z-index: 3;right: 0;bottom: 30px;}
/* * Override Bootstrap's default container. 끝*/

/*/////////////////////////main////////////////////////*/
#main .swiper-container {width: 100%;height: 700px;margin-top: -110px;} 
.swiper-slide{width: 100%; height: 700px; background-repeat: no-repeat; background-size: cover;}
.sw_wrap{width:100%;float: left;}
.sd_wrap{width: 100%;z-index: 2;max-width: 1300px; margin: auto;}        
.sd_wrap span{color: #000;font-size: 35px;line-height: 45px;font-family: 'Montserrat', 'Noto Sans KR', sans-serif;text-align: left;letter-spacing: -1px;position: absolute;z-index: 2;top: 40%;}
.sd_wrap span b{font-size: 35px;line-height: 45px;font-family: 'Montserrat', 'Noto Sans KR', sans-serif;}
.sd_wrap P{color: #fff;font-size: 20px;line-height: 30px;font-weight: 400;font-family: 'Montserrat', 'Noto Sans KR', sans-serif;text-align: left;letter-spacing: -1px;}
.sd_wrap .sd_m{display: none;}
.swiper-wrapper .sd1{width: 100%; height: 100%; background: url("../images/main/sd01.png")no-repeat center center;background-size: cover;}


.main_visiual {width:100%;}
.visiual_wrap {position:relative; width:100%; margin:auto; height:635px;}
.visiual_in {height:610px; background:url("../images/main/sd01_210215.png") no-repeat center / cover;}
.visiual_txt {width:1300px; position:absolute; left:50%; top:20%; transform:translateX(-50%);  z-index:9; font-size:40px; line-height:1.5; font-weight:600; color:#fff; text-align:right;}
.section_in, .main_wrap {width:1300px; margin:auto;}

.mainTit {font-size:36px; color:#282828; line-height:1.4; font-weight:800;}
.mainsubTit {font-size:26px; font-weight:600;}
.mainsubTxt {font-size:16px; line-height:1.8; font-weight:400;}


/*content01*/
#rich_con01_wrap{
  width: 100%; height: auto;
  margin: auto;
  position: relative;
  padding: 0 5%;
  z-index: 1;
  margin-top: 90px;
}
.con1_wrap{width: 100%;float: left; position: relative;}
.con1_img{width: 40%;height: 322px; overflow:hidden;background: url("/images/main/menu01.png")no-repeat center center;background-size: cover;margin-left: 8%;box-shadow: 15px 15px 10px rgba(0, 0, 0, 0.1); float: left;}
.con1_wrap .txt_box{letter-spacing: -1px;float: right;margin:47px 0;width: 45%;}
.txt_box h1{font-size: 30px;line-height: 40px;font-weight: 600;margin-bottom: 20px;color: #000;font-family: 'Montserrat', 'Noto Sans KR', sans-serif;}
.txt_box h1 small{font-size: 65%; color: #0e2147;}
.txt_box p{width: 50%; font-size: 18px;font-weight: 300;margin-bottom: 25px;line-height: 26px;color: #767676;word-break: keep-all;}
.txt_box h2{font-size: 16px;margin-bottom: 5px;display: block;color:#848484;font-family: 'Montserrat', 'Noto Sans KR', sans-serif;letter-spacing: 1px;}
.txt_box .btn{width: auto;margin: auto;padding: 9px 15px ;background: #0c5199; border-radius:0;color:#fff;transition-duration: .2s;}
.txt_box .btn a{font-size: 16px; color: #fff;font-weight: 400;letter-spacing: 1px; text-align: center;}
.txt_box .btn:hover{background: #0c5199;transition-duration: .2s;}
.txt_box .btn:hover a{color: #fff;}
.con1_bg{background-size: cover;background: #0c5199;position: absolute;width: 40%;height: 540px;z-index: -1;left: 0;top: 110px;}
.con1_bg span{font-family: 'Montserrat', 'Noto Sans KR', sans-serif;font-size: 60px;color: #f2f5f7;float: right;margin-right: 35%;margin-top: -30px;}
.txt_box_m{display: none;float: left;width: 100%;}
/*content01 끝*/

/*content02*/
#rich_con02_wrap{
  width: 100%; height: auto;
  float: left;
  position: relative; 
  margin-top: 120px;
  z-index: 1;
  padding: 0 5%;
}
.con2_wrap .txt_box{float: left;width: 43%;}
.con2_wrap .txt_box h1{color: #fff;}
.con2_wrap .txt_box p{color: #fff;width: 80%;}
.con2_wrap .line_1{width: 59.3%;height: 1px;background: #fff;display: inline-block;margin-left: 10px;margin-bottom: 10px;}
.con2_wrap .line_2{width: 15%;height: 1px;background: #0c5199;display: inline-block;margin-bottom: 10px;}
.con02_img{float: left;width: 57%;}
.con02_img li{width: 46%;height: 350px;margin: 0 2%;float: left;background: #000; text-align: center;position: relative;overflow: hidden;}
.con02_img li span{float: left;width: 100%;display: none;transition-duration: .2s;z-index: 1;}
.con02_img li a{width: 100%;height: 100%;align-items: center;display: flex;}
.con02_img li img{width: 30%;}
.con02_img li:nth-child(3) img{width: 32%;}
.con02_img li:nth-child(4) img{width: 35%;}
.con02_img li:nth-child(1){background:#fff url("../images/main/cs_menu03_1.png")no-repeat center center;background-size: cover;}
.con02_img li:nth-child(2){background:#fff url("../images/main/210126_cs_menu03_2.png")no-repeat center center;background-size: cover;}
.con02_img li:nth-child(3){background:#fff url("../images/main/cs_menu03_3.png")no-repeat center center;background-size: cover;margin-top: 4%;}
.con02_img li:nth-child(4){background:#fff url("../images/main/cs_menu03_4.png")no-repeat center center;background-size: cover;margin-top: 4%;}
.con02_img li .con_bg{width: 100%; height: 100%; background: #000; position: absolute; top:0; opacity: 0;transition-duration: .2s;}
.con02_img li p{color: #fff;font-weight: 600;font-family: 'Montserrat', 'Noto Sans KR', sans-serif; font-size: 24px;margin-top: 15px;}
.con02_img li .btn_small{width: 50px;height: 50px;background: #fff; position: absolute;bottom: 0;right: 0;transition-duration: .2s; font-size:50px; font-weight:200; text-align:center; line-height:50px; color:#ccc;}

.con02_img li:hover{border: 2px solid #0c5199; box-shadow: 15px 15px 10px rgba(0, 0, 0, 0.1);}
.con02_img li:hover .con_bg{opacity: 0.6;transition-duration: .2s;}
.con02_img li:hover span{display: block;transition-duration: .2s;}
.con02_img li:hover .btn_small{background: #0c5199;transition-duration: .2s;}
.con2_bg{width: 23%; margin-top: -340px;position: absolute; z-index: -1;left: 0;}
.con2_tt{font-family: 'Montserrat', 'Noto Sans KR', sans-serif;font-size: 94px; line-height:1.2; font-weight:900; color: #f1f1f1;position: absolute;top: 200px;left:16%; text-align: left;}

/*content02 끝*/

/*content03*/
#rich_con03_wrap{ 
  width: 100%;
  height: auto;
  position: relative;
  padding: 0 5%;
  margin-top: 130px;
  margin-bottom: 130px;
  float: left;
  z-index: 1;
}
.con3_wrap {width: 48%;float: left;position: relative; height: 250px;background:#cdcdce url("/images/main/cs_04.png")no-repeat center center;background-size: cover;}
.con3_wrap .txt_box {letter-spacing: -1px;float: left;margin: 58px 0 0 50px;width: 45%;}
.con3_wrap .txt_box .btn, .con4_wrap .txt_box .btn {background:#fff; }
.con3_wrap .txt_box .btn:hover, .con4_wrap .txt_box .btn:hover {background:#fff;}
.con3_wrap .txt_box .btn a, .con3_wrap .txt_box .btn:hover a, .con4_wrap .txt_box .btn a, .con4_wrap .txt_box .btn:hover a {color:#333;}
/*content03 끝*/

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

/*content04*/
#rich_con04_wrap{ 
  width: 100%;
  height: auto;
  position: relative;
  padding: 0 5%;
  margin-top: 100px;
  float: left;
}
.con4_wrap{width: 48%;float: left;position: relative; height: 250px;background:#e7f0fb url("/images/main/cs_05.png")no-repeat center center;background-size: cover;margin-left: 4%;}
.con4_wrap .txt_box{letter-spacing: -1px;float: left;margin: 58px 0 0 50px;width: 45%;}
/*content03 끝*/
.you-wrap {width:1300px; margin:90px auto 0;}


/*메뉴이격맞춤*/
@media all and (max-width:1500px){
  .sd_wrap{padding: 0 5%;}
  .call_wrap, .f_wrap{padding: 0 5%;}
  #totalANDzeroweb div{padding: 0 5%; width: 100% !important;}
    .you-wrap {width:90%;}
}

/*메뉴이격맞춤*/
@media all and (max-width:1300px){
  .con02_img li{height: 300px;}
  .con2_tt{font-size: 70px;}
  .section_in, .main_wrap { width: 100%; margin: auto;}
  .visiual_txt {width:90%; margin:auto;}
  .txt_box p {width:90%;}
}

/*웹 1200*/
@media all and (max-width:1200px){
  .sd_wrap span{top: 27%;}
} 
/*웹 끝*/


/*웹 1000*/ 
@media all and (max-width:1000px){
  #btn-top-menu{display: block !important; width: 26px; float: right; padding: 35px 0;}
  .visible-lg{display: none !important;}
  .wrap .P-member{display: none;}
  .lang_btn {display:none;}

  .sd_wrap span, .sd_wrap span b{font-size: 30px; line-height: 1.5;}
  #rich_con01_wrap, #rich_con02_wrap, #rich_con03_wrap{margin-top: 100px;}
  .con1_img{height: 206px;}
  .con1_wrap .txt_box{margin:2px 0 46px;}
  .con1_bg{height: 480px;}
  .con2_tt{font-size: 60px; top: 260px;}
  .con02_img li{height: 250px;}
  .con2_bg{margin-top: 392px;width: 24%;}
  .con3_wrap, .con4_wrap{height: 200px;}
  .con3_wrap .txt_box, .con4_wrap .txt_box{margin: 34px 40px;} 
  .txt_box h2{font-size: 15px;}
  .txt_box h1{font-size: 28px; line-height: 38px; margin-bottom: 15px;}
  .txt_box .btn a{font-size: 16px;}
  .txt_box p{font-size: 16px; line-height: 1.5;}
  .con02_img li .btn_small{width: 40px; height: 40px;}
  .txt_box .btn2{width: 40px; height: 40px;}
  .con3_wrap .txt_box, .con4_wrap .txt_box{margin: 42px 40px;}
  #rich_con03_wrap{margin-bottom: 100px;}
  .txt_box:after {content:""; display:block; clear:both;}
}
/*웹 끝*/
/*슬라이드 이격맞춤*/
@media all and (max-width:940px){ 
  #main .swiper-container{height: 400px;}
  .sd_wrap span{top: 45%;}
  .sd_wrap span, .sd_wrap span, .sd_wrap span b{font-size: 24px; line-height: 1.5;}
  .con1_wrap .txt_box{margin: 55px 0;}
  .visiual_wrap {height:500px;}    
  .rich_con03_wrap .con3_wrap .txt_box {float:none;}
  .you-wrap iframe {height:300px !important;}
}

/*태블릿*/
@media all and (max-width:767px){
  .sd_wrap span, .sd_wrap span, .sd_wrap span b{font-size: 19px;}
  #rich_con01_wrap, #rich_con02_wrap, #rich_con03_wrap, .you-wrap{margin-top: 70px;}
  .con1_bg{height: 430px;}
  .con02_img li{height: 170px;}
  .con02_img li p{font-size: 16px; margin-top: 10px;}
  .txt_box .btn2{width: 30px; height: 30px;}
  .txt_box .btn2 div{width: 9px; height: 10px;}
  .con2_tt{display: none;}
  .con2_bg{margin-top: 230px; width: 55%;}
  .txt_box h1{font-size: 26px; line-height: 36px; margin-bottom: 10px;}
  .con1_wrap .txt_box{margin: 59px 0;}
  .con3_wrap, .con4_wrap{height: 150px;background-position: 40px;}
  .con3_wrap .txt_box, .con4_wrap .txt_box{margin: 26px 40px;}
  .P-header{height: 90px;}
  #btn-top-menu{padding: 30px 0;}
  .call_num a{font-size: 20px;}
  .footer-info{margin-bottom: 20px;}
  .copy-item{text-align: center; margin-top:20px;}
  #totalANDzeroweb div{width: 100%!important; position: inherit;padding-bottom: 30px!important;text-align: center;background: #f9f9f9;bottom: 0;}
  .con3_wrap .txt_box .btn, .con4_wrap .txt_box .btn {margin-left:18px;}
  .con02_img li .btn_small {display:none;}
  .visiual_txt {top:13%; font-size:34px; line-height:1.3;}
  .txt_box .btn {padding:6px 15px;}
  .con3_wrap .txt_box, .con4_wrap .txt_box {width:100%;}
}
/*태블릿 끝*/
/*모바일*/
@media all and (max-width:750px){
  .P-header{height: 80px;display: block;background: #fff; float: left;}
  .P-nav-logo{width: 160px; padding: 27px 0;}
  #btn-top-menu{padding: 27px 0;}

  #main .swiper-container{height: 300px;}
  .sd_wrap span, .sd_wrap span, .sd_wrap span b{font-size: 20px; margin: auto; text-align: center;}
  .sd_wrap{padding: 0;}
  .sd_wrap .sd_m{display: block;width: 100%;}
  .sd_wrap .sd_pc{display: none;}
  .sd_wrap span{top: 9%;}
  #rich_con01_wrap .txt_box_pc{display: none;}
  #rich_con01_wrap .txt_box_m{display: block;width: 100%;}
  #rich_con01_wrap .txt_box h1{width: 70%; float: left;}
  #rich_con01_wrap .txt_box p{width: 100%;float: left;}
  #rich_con01_wrap .txt_box .btn{width: 84px; background: #0c5199;position: absolute; right: 0;}
  #rich_con01_wrap .txt_box .btn a{color: #fff;}
  .con3_wrap .txt_box .btn, .con4_wrap .txt_box .btn {width:22%;}
  .txt_box .btn span{display: none;}
  .con1_wrap .txt_box{margin: auto;}
  #rich_con01_wrap, #rich_con02_wrap, #rich_con03_wrap, .you-wrap{margin-top: 60px;}
  .con1_img{width: 100%; height: 250px;margin-left: 0;}
  .con1_bg{width: 100%; top: 250px;height: 330px;}
  .con1_wrap .txt_box h1{margin-bottom: 15px;}
  .con2_wrap .txt_box{width: 100%;margin-bottom: 20px;}
  .con2_wrap .line_1{width: 70%; margin-top: 20px;float: right;}
  .con2_wrap .txt_box h1{width: 100%;}
  .con2_wrap .txt_box p{display: none;}
  .con02_img{width: 100%;}
  .con02_img li{height: 200px; border: 1px solid #ccc;}
  .con02_img li a{display: inline;}
  .con02_img li .con_bg{height: 200px; opacity: 0.6;}
  .con02_img li span{top: 0;display: block;height: 100%; position: relative;}
  .con02_img li img{width: 80px;margin-top: 44px;}
  .con02_img li:nth-child(3) img{width: 80px;}
  .con02_img li:nth-child(4) img{width: 95px;}
  .con02_img li p{margin-top: inherit; width: 100%; position: absolute; color: #000; background: #fff; bottom: 0; height: 60px; line-height: 60px;}
  .con2_bg{display: none;}
  .con3_wrap, .con4_wrap{width: 100%;background-size: contain; background-position: right;}
  .con4_wrap{margin-left: 0; margin-top: 20px;}
  .con3_wrap .txt_box, .con4_wrap .txt_box{margin: 57px 20px;}
  .txt_box h2{display: none;}
  .txt_box h1{margin-bottom: 0; width: auto; float: left;}
  .txt_box .btn2{float: left; margin-left: 10px; margin-top: 4px;}

  .call_wrap{height: 60px;}
  .call_tit{display: none;}
  .call_num{height: 60px;line-height: 60px; text-align: center; width: 100%;}
  .call_num a{font-size: 18px;}
  .f_line{top: 60px;}
  .footer-info{margin: 10px 0;}
  .copy-item p{font-size: 14px;}
  .footer_m{display: block;}
  .footer_pc{display: none;}
  .footer-info li span{margin-right: 0;}
  .footer-info li > span {display:block;}
}
/*모바일 끝*/
/*모바일*/
@media all and (max-width:480px){
  .con3_wrap, .con4_wrap{height: 100px;}
  .con3_wrap .txt_box, .con4_wrap .txt_box{margin: 33px 30px;}
  .txt_box h1{font-size: 24px; line-height: 34px;}
  .con2_wrap .line_1{margin-top: 18px;}
  .con02_img li p {height:50px; line-height:50px;}
}
/*모바일 끝*/
/*모바일*/
@media all and (max-width:375px){
  .txt_box h1{font-size: 22px;}
  .con1_wrap .txt_box h1{margin-bottom: 10px;}
  #rich_con01_wrap .txt_box .btn, .txt_box .btn{padding: 4px 0 4px;}
  .txt_box p{font-size: 14px;margin-bottom: 20px;}
  .con1_img{height: 150px;}
  .con1_bg{top: 200px;height: 250px;}
  .con2_wrap .line_1{width: 65%;}
  .con02_img li img{width: 55px;margin-top: 30px;}
  .con02_img li:nth-child(3) img{width: 55px;}
  .con02_img li:nth-child(4) img{width: 65px;}
  .con02_img li{height: 150px;}
  .con3_wrap .txt_box, .con4_wrap .txt_box{margin: 31px 30px;}
}
/*모바일 끝*/

/*//////////////////////////main 끝////////////////////*/