@import url("reset.css");

#wrap {
/*min-width: 1100px;*/
}

/*flexslider*/
.flex-container a:hover,.flex-slider a:hover,.flex-container a:focus,.flex-slider a:focus {outline: none;}
.slides,.slides > li,.flex-control-nav,.flex-direction-nav {margin: 0;padding: 0;list-style: none;}
.flex-pauseplay span {text-transform: capitalize;}
.flex-nav-prev{display:none;}
.flex-nav-next{display:none;}
.flex-control-nav {width: 100%;position: absolute;top: 0px;text-align: center;}
.flex-control-nav li {margin: 0 6px;display: inline-block;zoom: 1; *display: inline;}
.flex-control-paging {display:none;}
.flex-pauseplay{display:none;}
.flex-control-paging li a {width: 20px;height: 20px;text-indent: -9999px;display: block;cursor:pointer}
.flex-control-paging li a.flex-active {cursor: default;}
.flex-pauseplay a {display: block;width: 20px;height: 20px;position: absolute;top: 86.66%;right: 7%;z-index: 10;overflow: hidden;cursor: pointer;text-indent:99999px;}


.header .menu_area{float:right; padding-top:10px; }
.btn_solution{float:left; margin-right:10px; }
.btn_solution a{padding:5px 15px; background-color:#b5b5b5; display:inline-block; border-radius:15px; color:#fff; font-size:12px; }
.gnb_open{float:left; }
.gnb_open img{width:20px;}
.gnb{position:fixed; right:0; top:0; z-index:10; padding-top:15px; width:80%; background-color:#28303d; display:none;}
.gnb>ul>li{border-bottom:1px solid #494b53;}
.gnb>ul>li>a{
	padding:10px 10px; 
	display:block; 
	font-size:15px; 
	font-family:"noto-medium"; 
	color:#fff;
}
.s_gnb{padding:10px; background-color:#1f2024; border-top:1px solid #494b53; display:none; }
.s_gnb li a{padding:10px 5px;display:block; font-size:14px; color:#fff;  font-family: "noto","sans-serif";}
.mobile {
	display: block;
}
.mobileLink {
} 
.pcLink {
	display: none;
}
@media (min-width: 768px) {
.mobile {
	display: none !important;
}
.mobileLink {
	display: none;
} 
.pcLink {
	display: block;
}
}
.gnb_cover{position:fixed; left:0; top:0; bottom:0; z-index:5; width:100%; height:100%; background:rgba(0,0,0,0.5); display:none;}
@media (min-width: 768px) {
.gnb_cover{
	display:none !important;
}
}
.language{text-align:center;}
/*
.language a{padding:6px 8px; display:inline-block; text-align:center; font-size:12px; color:#ccc;}
.language a.on{ color:#eee; border-bottom:1px solid #a2a2a2; }
.language img { height: 16px; }
*/
.language ul {
	width: 176px;
	margin: 0 auto;
}
.language ul li {
	position: relative;	
    float: left;
	width: 44px;
	height: 28px;
}
.language ul li.on {
    border-bottom:1px solid #a2a2a2; 
}
.language .flagLink {
	position: absolute;
	z-index: 4;
	top: 6px;
	left: 10px;
	width: 24px;
	height: 16px;
	cursor: pointer;
 }
.language .flagTop {
	z-index: 0;
	margin: 6px 10px;
	width: 24px;
	height: 16px;
}
.gnb_close{margin-bottom:20px; padding-left:15px; }
.gnb_close img{width:20px;}

/*header*/
.header_wrap {
	display: none;
}
@media (min-width: 768px) {
.header_wrap {
    position: relative;
    z-index: 99;
    background-color: #fff;
    border-bottom: 1px solid #d7d7d7;
   display: block;
}
}
.util_bg {
    background-color: #555;
 display: none;	
}
.util {
    margin: 0 auto;
}
.util ul {
    float: right;
}
.util ul li {
	position: relative;	
    float: left;
	width: 44px;
	height: 28px;
    border-right: 1px solid #727272;
}
.util ul li:first-child {
    border-left: 1px solid #727272;
}
.util ul li.on /*a*/ { /* color:#eee; */
    background-color: #6c6c6c;
}
/*
.util ul li a {
    padding: 0 10px;
    height: 28px;
    line-height: 28px;
    display: block;
    font-size: 12px;
    color: #afafaf;
    font-family: "Nanum Gothic";
}
*/

@media (min-width: 768px) {
#wrap {
    min-width: 750px;
}
.util_bg {
    min-width: 750px;
  display: block;	
}
.util {
    max-width: 750px;
    display: block;
}
.menu_area {
  display: none; 
}
.header .gnb>ul>li {
	border-bottom: none;
}
}

@media (min-width: 992px) {
#wrap {
    min-width: 970px;
}
.util_bg {
    min-width: 970px;
}
.util {
    max-width: 970px;
    display: block;
}
}

@media (min-width: 1200px) {
#wrap {
    min-width: 1100px;
}
.util_bg {
    min-width: 1100px;
}
.util {
    max-width: 1100px;
    display: block;
}
}

.flagLink {
	position: absolute;
	z-index: 4;
	top: 3px;
	left: 10px;
	width: 24px;
	height: 16px;
	cursor: pointer;
 }
.flagTop {
	z-index: 0;
	margin: 6px 10px;
	width: 24px;
	height: 16px;
}

.header_wrap.scroll_on {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    width: 100%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.3);
}
.header {
  height: 46px; 
  margin: 0 auto; 
 padding: 0 10px;
 border-bottom:1px solid #ddd; 
}
.header .logo {
    float: left;
   padding-top: 10px;
}
.header .logo img {
    width: 87px;
}
.header .gnb {
    float: right;
}
/*
.header .gnb>ul {
    float: left;
}
*/
.header .gnb>ul>li {
    position: relative;
    /* 
  float: left; 
  padding:30px 0 0; 
 */
}
.header .gnb>ul>li.gnb_on>a {
    color: #4c8dc1;
}
.header .gnb>ul>li:last-child {
    padding-right: 0;
}

@media (min-width: 768px) {
.header {
    max-width: 750px;
    height: 63px; 
    display: block;
   border-bottom: none;
}
.header .logo {
    padding: 18px 0 0;
}
.header .logo img {
    width: 100px;
}
.header .gnb {
    position: relative;
   width: 620px;
   height: auto !important;
   padding-top: 0;
   background-color: transparent;
   display: block !important;
}
.header .gnb>ul {
    float: right;
}
.header .gnb>ul>li {
   float: left;
      padding: 25px 25px 0;
}
.header .gnb>ul>li>a {
    display: block;
   padding:0 0  20px;
   color: #333;
    font-size: 15px;
    font-family: "Lato_Bold";
}
.header .gnb>ul>li:last-child {
    padding-right: 0;
}
.gnb_close {
	display: none;
}
.language{ 
	display: none;
}
}

@media (min-width: 992px) {
.header {
    max-width: 970px;
    display: block;
}
.header .gnb {
   width: 800px;
}
.header .logo {
    padding: 18px 0 0;
}
.header .logo img {
    width: 125px;
}
.header .gnb>ul>li {
    padding: 27px 40px 0;
}
.header .gnb>ul>li>a {
    padding-bottom: 20px;
    font-size: 17px;
}
}

@media (min-width: 1200px) {
.header {
    max-width: 1100px;
   height: 81px;
    display: block;
}
.header .gnb {
   width: 930px;
}
.header .logo {
    padding: 20px 0;
}
.header .logo img {
    width: 154px;
}
.header .gnb>ul>li {
    padding: 35px 45px 0;
}
.header .gnb>ul>li>a {
    padding:0 0  30px;
    font-size: 18px;
}
}


.solution_inquiry_btn {
    float: left;
    padding-top: 20px;
}
.solution_inquiry_btn a {
    width: 106px;
    height: 38px;
    line-height: 36px;
    text-align: center;
    display: inline-block;
    background-color: #a9a6a6;
    color: #fff;
    border-radius: 20px; 
    font-size: 16px;
}
.gnb_cover {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    display: none;
}

@media (min-width: 768px) {
.s_gnb {
    position: absolute;
    left: 50%;
    top: 75px;
    margin-left: -70px;
  padding: 0;
    z-index: 101;
    width: 160px;
    background-color: #fff;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
    border: 1px solid #f2f2f2;
    display: block;
}
.s_gnb li a {
    padding: 10px;
    font-size: 14px;
  font-family: "Nanum Gothic","sans-serif";	
}
.s_gnb {
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    visibility: hidden;
    top: 90%;
    -webkit-transform: translateY(30px);
    transform: translateY(30px)
}
.s_gnb.is-active {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.s_gnb li {
    background: url(../images/gnb_bar.gif) no-repeat center 0;
}
/*
.s_gnb li:first-child{background-image:none;}
.s_gnb li:first-child:hover a{background:url(../images/gnb_arrow.png) no-repeat center 0 #4e6782;}
*/
.s_gnb li {
    border-top: 1px solid #f2f2f2;
}
.s_gnb li:first-child {
    border-top: none;
}
.s_gnb li a {
    padding: 14px 30px;
    text-align: left;
    display: block;
    font-size: 16px;
    color: #787878;
}
.s_gnb li:hover a {
    background: url(/svg/gnb_over_arrow.svg) no-repeat right 15px center #4c8dc1;
	background-size: 8px auto;
    /* background: url(../images/gnb_over_arrow.png) no-repeat right 15px center #4c8dc1; */
    color: #fff;
}
.s_gnb li a sup {
    font-size: 10px;
}
}

@media (min-width: 992px) {
.s_gnb {
	width: 180px;
       margin-left: -90px;
}
.s_gnb li a {
    padding: 12px 15px;
    font-size: 15px;
}
}

@media (min-width: 1200px) {
.s_gnb {
	width: 200px;
       margin-left: -100px;
}
.s_gnb li a {
    padding: 14px 20px;
    font-size: 16px;
}
}

/* title */
.title_style_1 { /* margin-bottom:30px; line-height:1.5; font-size:36px; */
    font-family: "noto-medium";
    color: #4a4a4a;
}
.title_style_1 span {
    display: block;
  font-family: "roboto";
}
.title_style_1 .split {
    display: block;
   line-height: 1.5;
}
.title_style_2 {
    font-size: 26px;
    font-weight: bold;
    font-family: "noto;"
}
.title_style_3 {
    margin-bottom: 50px;
    font-size: 30px;
    font-weight: bold;
    font-family: "noto";
}

@media (min-width: 768px) {
.title_style_1 {
    margin-bottom: 20px;
    line-height: 1.5;
    font-size: 26px;
}
.title_style_1 .split {
    display: inline;
}
.title_style_2 {
    font-size: 22px;
}
}

@media (min-width: 992px) {
.title_style_1 {
    margin-bottom: 30px;
    line-height: 1.5;
    font-size: 30px;
}
.title_style_2 {
    font-size: 24px;
}
}

@media (min-width: 1200px) {
.title_style_1 {
    margin-bottom: 30px;
    line-height: 1.5;
    font-size: 36px;
}
.title_style_2 {
    font-size: 26px;
}
}


/* btn */
.btn_more {
    width: 126px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    display: inline-block;
    margin-top: 10px;
}
@media (min-width: 1200px) {
.btn_more {
    width: 126px;
    height: 32px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    margin-top: 0;
}
}
.btn-yellow-bd {
    border: 1px solid #f9a947;
    color: #f9a947;
}
.btn-yellow-bd:hover {
    background-color: #f9a947;
    color: #fff;
}
.btn-red-bd {
    border: 1px solid #ef4538;
    color: #ef4538;
}
.btn-red-bd:hover {
    background-color: #ef4538;
    color: #fff;
}
.btn-purple-bd {
    border: 1px solid #8757a4;
    color: #8757a4;
}
.btn-purple-bd:hover {
    background-color: #8757a4;
    color: #fff;
}
.btn-sky-bd {
    border: 1px solid #3aaecc;
    color: #3aaecc;
}
.btn-sky-bd:hover {
    background-color: #3aaecc;
    color: #fff;
}
.btn-green-bd {
    border: 1px solid #45baa8;
    color: #45baa8;
}
.btn-green-bd:hover {
    background-color: #45baa8;
    color: #fff;
}
.btn_blue-bd{ 
	background-color:#008fd3; 
	border-radius:5px; 
	color:#fff;
}
.btn_blue-bd:hover{
	background-color:#077ab0;
}
.basic-btn01 {
   position: fixed;
   z-index: 40;	
   display: block;
   top: auto;
   right: 0; 
   bottom: 0;
   left: 0;
   width: 100%;
    height: 52px;
    line-height: 52px;
    text-align: center;
   font-size: 16px;
    border: none;
    cursor: pointer;
}
@media (min-width:768px) {
.basic-btn01 {
   position: relative;
   z-index: auto;
   display: inline-block;
   right:auto;
   bottom: auto;
   left:auto;
   width: 360px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    border: none;
    border-radius: 2px;
    cursor: pointer;
}
}
.btn-navy-bg {
    background-color: #4e6782;
    color: #fff;
    font-size: 15px;
}
.btn-navy-bg:hover {
    background-color: #3d5773;
}

/*mobile main*/
.main_visual{position:relative;}
.main_visual .m_vs{width:100%;}
.m_vs_txt{position:absolute; left:25px; top:17.25%; }
.m_vs_txt .txt_1{margin-bottom:5px; font-size:15px; font-family:"noto-light"; color:#fff;}
.m_vs_txt .txt_2{line-height:1.4; font-size:25px; color:#fff; font-family:"noto-demilight"; text-shadow: #000 0 0 5px;}
.m_vs_txt .txt_2 .f-orange{display:block; color:#f9a947; font-size:22px; font-family:"noto";}
.m_bar_1{position:absolute; width: 45px;right:150px; top:0;}
.m_bar_2{position:absolute; width: 45px;right:110px; top:0;}
.m_bar_3{position:absolute; width: 45px;right:70px; top:0;}
.m_bar_4{position:absolute; width: 45px;right:30px; top:0;}
.m_bar_5{position:absolute;width: 93px; right:0; top:0;}
.m_bar_wrap>div{height:43px;}
.m_bar_wrap>div>div{height:0; overflow:hidden;}
.m_bar_wrap>div.m_bar_5{height:157px;}

/*main*/
.main_container.scroll_on {
    /*padding-top: 80px;*/
}
.main_cont {
    margin: 0 auto; /* width:1100px; */
    box-sizing: border-box;
}
.main_cont h2 {
	margin-bottom: 20px !important;
	text-align: center;
}
.main_cont h2 img {
	height: 45px;
}
.main_cont .txt_1 {
    margin-bottom: 30px;
    text-align: center;
    font-size: 24px;
    color: #464646;
    font-family: "noto-demilight";
}
.main_cont_1 { /* padding:90px 420px 80px 35px; background:url(../images/main_computer_1.png) no-repeat right 90px; */
    display: none;
}
.main_cont_1 .title_style_1 {
    line-height: 1.4;
}
.main_cont_1 p {
    position: relative;
    line-height: 1.5;
    font-family: "roboto";
    color: #666;
}
.main_cont_2_wrap {
    /*height: 330px;*/
    overflow: hidden;
   display: none;
}
.main_cont_2_bg {
    padding: 45px 0 65px;
	width:100%;
}
/*
.main_cont_2_bg:hover{
background-size: 1850px;
}
*/
.main_cont_2 {
    position: relative;
    padding: 96px 0 0;
}
.main_cont_2 ul {
    position: relative;
    z-index: 2;
}
.main_cont_2 ul li {
    float: left;
    padding-top: 100px;
    width: 25%;
    text-align: center;
}
.main_cont_2 ul li .title {
    margin-bottom: 25px;
    display: block;
    color: #fff;
    font-family: "Roboto";
    font-size: 19px;
}
.main_cont_2 ul li .title sup {
    font-size: 10px;
}
.main_cont_2 ul li p {
    line-height: 1.6;
    font-size: 15px;
    color: #fff;
}
.main_cont_2 ul li.icon_1 {
    background: url(/svg/main/main_icon_1.svg) no-repeat center 6px;
   background-size: 120px auto;
   /* background: url(../images/main_icon_1.png) no-repeat center 6px;*/
}
.main_cont_2 ul li.icon_2 {
   background: url(/svg/main/main_icon_2.svg) no-repeat center 8px;
    background-size: 100px auto;
    /* background: url(../images/main_icon_2.png) no-repeat center 8px; */
}
.main_cont_2 ul li.icon_3 {
   background: url(/svg/main/main_icon_3.svg) no-repeat center 12px;
   background-size: 100px auto;
    /* background: url(../images/main_icon_3.png) no-repeat center 12px; */
}
.main_cont_2 ul li.icon_4 {
   background: url(/svg/main/main_icon_4.svg) no-repeat center 0;
   background-size: 90px auto;
    /* background: url(../images/main_icon_4.png) no-repeat center 0; */
}
.main_cont_2 ul li.icon_5 {
   background: url(/svg/main/main_icon_12.svg) no-repeat center 8px;
   background-size: 100px auto;
    /* background: url(../images/main_icon_12.png) no-repeat center 8px; */
}
/*.main_cont_2 .img_area{position:absolute; right:100px; top:-220px; z-index:1; height:0;}*/
.main_cont_2 .img_area img {
    vertical-align: top;
}
/*.main_cont_2 .img_area>div{float:left; margin-left:10px; width:67px; height:62px; }*/
.main_cont_2 .img_area>div>div {
    width: 67px;
    height: 0;
    overflow: hidden;
}
.main_cont_2 .img_area>div.bar_1 {
    position: absolute;
    /*right: 168px;*/
    top: 0;
    width: 160px;
    height: 220px;
}
.main_cont_2 .img_area>div.bar_2 {
    position: absolute;
    /*right: 168px;*/
    top: 0;
}
.main_cont_2 .img_area>div.bar_3 {
    position: absolute;
    /*right: 80px;*/
    top: 0;
}
.main_cont_2 .img_area>div.bar_4 {
    position: absolute;
    /*right: -5px;*/
    top: 0;
}
.main_cont_2 .img_area>div.bar_5 {
    position: absolute;
    /*right: -100px;*/
    top: 0;
}
.main_cont_2 .img_area>div.bar_1>div {
    width: 160px;
    height: 0;
}

@media (min-width: 768px) {
.main_container.scroll_on {
    padding-top: 80px;
}
.main_cont .txt_1 {
    display: none;
}
.main_cont h2 {
 text-align: left;
}
.main_visual {
display: none;
}	
.main_cont_2_wrap {
   display: block;
}
.main_cont_2_bg {
       padding: 0;
    height: 330px;
    background: url(../images/main_bg_1.jpg) no-repeat center 0 #383433;
    background-size: 1920px;
}
.main_cont {
    max-width: 750px;
}
.main_cont_1 {
   padding: 50px 290px 50px 0;
    background: url(../images/main_computer_1.png) no-repeat right 60px;
    background-size: 280px 161px;
    display: block;
}
.main_cont_1 .title_style_1 {
margin-bottom: 20px;
font-size: 26px;
color: #4a4a4a;
font-family: 'Lato_Bold';
}
.main_cont_1 .title_style_1 span {
    display: block;
  font-family: "roboto";
}
.main_cont_1 .txt_area {
    font-size: 14px;
}
.caroufredsel_wrapper {
    width: 606px;
}
.caroufredsel_wrapper img {
    width: 63%;
}
.main_cont_2 .img_area img {
    width: 60%;
}
.main_cont_2 .img_area>div.bar_1 {
    right: 75px;
}
.main_cont_2 .img_area>div.bar_2 {
    right: 115px;
}
.main_cont_2 .img_area>div.bar_3 {
    right: 65px;
}
.main_cont_2 .img_area>div.bar_4 {
    right: 15px;
}
.main_cont_2 .img_area>div.bar_5 {
    right: -40px;
}
.main_cont_2 ul li p {
font-size: 13px;
}
}

@media (min-width: 992px) {
.main_cont {
    max-width: 900px;
}
.main_cont_1 {
    padding: 90px 400px 80px 35px;
    background: url(../images/main_computer_1.png) no-repeat right 90px;
    background-size: 360px 206px;
    display: block;
}
.main_cont_1 .title_style_1 {
font-size: 26px;
}
.main_cont_1 .txt_area {
    font-size: 15px;
}
.caroufredsel_wrapper {
    width: 740px;
}
.caroufredsel_wrapper img {
    width: 77%;
}
.main_cont_2 .img_area img {
    width: 80%;
}
.main_cont_2 .img_area>div.bar_1 {
    right: 108px;
}
.main_cont_2 .img_area>div.bar_2 {
    right: 128px;
}
.main_cont_2 .img_area>div.bar_3 {
    right: 60px;
}
.main_cont_2 .img_area>div.bar_4 {
    right: -5px;
}
.main_cont_2 .img_area>div.bar_5 {
    right: -70px;
}
}

@media (min-width: 1200px) {
.main_cont {
    max-width: 1100px;
}
.main_cont_1 {
    padding: 90px 420px 80px 35px;
    background: url(../images/main_computer_1.png) no-repeat right 90px;
    background-size: 397px 228px;
    display: block;
}
.main_cont_1 .title_style_1 {
font-size: 36px;
}
.caroufredsel_wrapper {
    width: 960px;
}
.caroufredsel_wrapper img {
    width: 100%;
}
.main_cont_2 .img_area img {
    width: 100%;
}
.main_cont_2 .img_area>div.bar_1 {
    right: 168px;
}
.main_cont_2 .img_area>div.bar_2 {
    right: 168px;
}
.main_cont_2 .img_area>div.bar_3 {
    right: 80px;
}
.main_cont_2 .img_area>div.bar_4 {
    right: -5px;
}
.main_cont_2 .img_area>div.bar_5 {
    right: -100px;
}
}

.main_cont_3 {
    padding: 100px 0 122px;
   display: none;
}
.main_cont_3 h2 {
    margin-bottom: 20px;
    text-align: center;
    font-family: "noto";
}
.main_cont_3 p {
    margin-bottom: 115px;
    text-align: center;
    color: #666;
}
.main_cont_3 .family_site_list_wrap {
    position: relative;
    padding: 0 70px;
}
.main_cont_3 .family_site_list ul li {
    float: left;
    display: none;
}
.main_cont_3 .family_site_list ul li:first-child {
    display: block;
}
.family_site_prev {
    position: absolute;
    left: 30px; /*top:58px;*/
}
.family_site_next {
    position: absolute;
    right: 30px;/* top:58px;*/
}

@media (min-width: 768px) {
.caroufredsel_wrapper {
    width: 606px;
}
.caroufredsel_wrapper img {
    width: 63%;
}
.main_cont_3 {
   display: block;
}
.main_cont_3 p {
margin-bottom: 100px;
    text-align: center;
    color: #666;
    font-family: "roboto";
    font-size: 16px;
}
.family_site_prev {
    top: 36px;
}
.family_site_next {
    top: 36px;
}
}

@media (min-width: 992px) {
.caroufredsel_wrapper {
    width: 740px;
}
.caroufredsel_wrapper img {
    width: 77%;
}
.main_cont_3 h2 {
    margin-bottom: 20px;
       font-size: 30px;
    text-align: center;
    font-family: "lato_Bold";
}
.family_site_prev {
    top: 40px;
}
.family_site_next {
    top: 40px;
}
}

@media (min-width: 1200px) {
.caroufredsel_wrapper {
    width: 960px;
}
.caroufredsel_wrapper img {
    width: 100%;
}
.main_cont_3 h2 {
    line-height: 1.5;
    font-size: 36px;
}
.family_site_prev {
    top: 58px;
}
.family_site_next {
    top: 58px;
}
}
.gray_bg {
    /*background-color: #ededed;*/
}
.m_grey_bg {
 background-color: #f7f8fa;
}
.main_cont_4 {    
 padding: 42px 20px 50px;
}
.main_cont_4 h2 {
    position: relative;
    margin-bottom: 10px;
}
.main_cont_4 p {
    position: Relative;
    margin-bottom: 25px; /*padding-left:80px;*/
    line-height: 1.2;
font-size:16px;
    color: #666;
}
.main_cont_4 .txt_2 {
   padding-bottom: 165px;
}
.main_cont_4 .txt_2 .f-orange {
    color: #ff7200;	
}
.main_cont_4 .txt_2 span {
    vertical-align: top;
}
.main_cont_4 .btn_area {
    padding-left: 0;
   text-align: center;
}
.main_cont_4.orange .txt_2 {
   background: url(../images/m_img_1.png) no-repeat center bottom;
    background-size: 236px;	
}
.main_cont_4 .txt_2 {
    padding-bottom: 165px;
    line-height: 1.4;
    text-align: center;
    font-size: 16px;
   font-family: 'noto-medium';
}

@media (min-width: 768px) {
.gray_bg {
    background-color: #ededed;
}
.m_grey_bg {
 background-color:transparent;
}
.main_cont_4 {
    padding: 54px 300px 54px 0;
    background: url(../images/main_computer_2.jpg) no-repeat right 92px;
    background-size: 280px 151px;
}
.main_cont_4 h2 img {
    height: 50px;
}
.main_cont_4 p {
   position: Relative;
    margin-bottom: 25px;
    padding-left: 40px;
    line-height: 1.5;
    font-size: 14px;
    color: #666;
    font-family: "roboto";
}
.main_cont_4 .txt_2 .f-orange {
    color: #000;	
}
.main_cont_4 .txt_2 span {
    vertical-align: middle;
}
.main_cont_4 .btn_area {
    padding-left: 50px;
   text-align: left;
}
.main_cont_4 .txt_2 {
    padding-bottom:   0;
}
.main_cont_4.orange .txt_2 {
   text-align: left;
   background: none;
   line-height: 1.5;
   font-size: 13px;
      color: #666;
}
}

@media (min-width: 992px) {
.main_cont_4 {
    padding: 54px 360px 54px 0;
    background: url(../images/main_computer_2.jpg) no-repeat right 72px;
    background-size: 300px 162px;
}
.main_cont_4 h2 img {
    width: auto;
    height: 56px;
}
.main_cont_4 p {
    padding-left: 45px;
   line-height: 1.5;
    font-size: 15px;
}
.main_cont_4 .btn_area {
    padding-left: 65px;
   text-align: left;
}
.main_cont_4.orange .txt_2 {
   font-size: 15px;
}
}

@media (min-width: 1200px) {
.main_cont_4 {
    padding: 54px 415px 54px 80px;
    background: url(../images/main_computer_2.jpg) no-repeat right 72px;
    background-size: 345px 168px;
}
.main_cont_4 h2 img {
    width: auto;
    height: 67px;
}
.main_cont_4 p {
    padding-left: 60px;
   line-height: 1.5;
    font-size: 15px;
}
.main_cont_4 .btn_area {
    padding-left: 60px;
   text-align: left;
}
}


.main_cont_5 {   
	padding: 42px 20px 50px;
}
.main_cont_5 h2 {
    position: relative;
    margin-bottom: 10px;
}
.main_cont_5 p {
   position: relative;
    margin-bottom: 25px;
    line-height: 1.5;
    font-size: 14px;
    color: #666;
}
.main_cont_5 .btn_area {
    padding-left: 0;
   text-align: center;
}
.main_cont_5 .txt_2 .f-red {
    color: #ef4538;
}
.main_cont_5 .txt_2 span {
	vertical-align: top;
}
.main_cont_5.red .txt_2 {
    background: url(../images/m_img_2.png) no-repeat center bottom;
    background-size: 236px;
}
.main_cont_5 .txt_2 {
    padding-bottom: 165px;
    line-height: 1.4;
    text-align: center;
    font-size: 16px;
   font-family: 'noto-medium';
}

@media (min-width: 768px) {
.main_cont_5 {
    padding: 54px 0 54px 300px;
    background: url(../images/main_computer_3.png) no-repeat left 90px;
    background-size: 280px 156px;
}
.main_cont_5 h2 img {
    height: 50px;
}
.main_cont_5 p {
    padding-left: 40px;
     line-height: 1.5; 
    font-size: 13px;
      font-family: "roboto";
}
.main_cont_5 .btn_area {
    padding-left: 75px;
   text-align: left;
}
.main_cont_5 .txt_2 .f-red {
    color: #000;
}
.main_cont_5 .txt_2 span {
	vertical-align: middle;
}
.main_cont_5.red .txt_2 {
   text-align: left;
    background: none;
}
.main_cont_5 .txt_2 {
    padding-bottom:  0;
    font-size: 13px;
}
}

@media (min-width: 992px) {
.main_cont_5 {
    padding: 54px 0 54px 365px;
    background: url(../images/main_computer_3.png) no-repeat left 75px;
    background-size: 300px 167px;
}
.main_cont_5 h2 img {
    width: auto;
    height: 56px;
}
.main_cont_5 p {
    padding-left: 45px;
      line-height: 1.5; 
    font-size: 14px;
}
.main_cont_5 .btn_area {
    padding-left: 75px;
   text-align: left;
}
.main_cont_5 .txt_2 {
    font-size: 15px;
}
}

@media (min-width: 1200px) {
.main_cont_5 {
    padding: 54px 0 54px 465px;
    background: url(../images/main_computer_3.png) no-repeat 30px 55px;
    background-size: 349px 194px;
}
.main_cont_5 h2 img {
    width: auto;
    height: 67px;
}
.main_cont_5 p {
    padding-left: 55px;
   line-height: 1.5; 
    font-size: 15px;
}
.main_cont_5 .btn_area {
    padding-left: 75px;
   text-align: left;
}
.main_cont_5  .txt_2 {
    font-size: 16px;
}
}


.main_cont_6 {
	    padding: 42px 20px 50px;
}
.main_cont_6 h2 {
    position: relative;
    margin-bottom: 15px;
}
.main_cont_6 p {
    position: relative;
    margin-bottom: 25px; 
    line-height: 1.2; 
  font-size:16px;
    color: #666;
}
.main_cont_6 .btn_area {
    padding-left: 75px;
}
.main_cont_6.purple .txt_2 {
    background: url(../images/m_img_3.png) no-repeat center bottom;
    background-size: 236px;
}
.main_cont_6 .txt_2 {
    padding-bottom: 165px;
    line-height: 1.4;
    text-align: center;
    font-size: 16px;
   font-family: 'noto-medium';
}
.main_cont_6 .txt_2 .f-purple {
    color: #8757a4;
}
.main_cont_6 .txt_2 span {
    vertical-align: top;
}
.main_cont_6 .btn_area {
    padding-left: 0;
    text-align: center;
}

@media (min-width: 768px) {
.main_cont_6 {
    padding: 54px 300px 54px 0;
    background: url(../images/main_computer_4.png) no-repeat right 92px;
    background-size: 280px 157px;
}
.main_cont_6 h2 img {
    height: 50px;
}
.main_cont_6 p {
  position: relative;
    margin-bottom: 25px;
    padding-left: 40px;
    line-height: 1.5;
    font-size: 14px;
    color: #666;
    font-family: "roboto";
}
.main_cont_6 .txt_2 {
    padding-bottom: 0;
}
.main_cont_6 .txt_2 .f-purple {
    color: #000;
}
.main_cont_6 .txt_2 span {
    vertical-align: middle;
}
.main_cont_6 .btn_area {
    padding-left: 75px;
    text-align: left;
}
.main_cont_6.purple .txt_2 {
   text-align: left;
    background: none;
     font-size: 13px;
}
}

@media (min-width: 992px) {
.main_cont_6 {
    padding: 54px 360px 54px 0;
    background: url(../images/main_computer_4.png) no-repeat right 72px;
    background-size: 300px 168px;
}
.main_cont_6 h2 img {
    width: auto;
    height: 56px;
}
.main_cont_6 p {
    padding-left: 45px;
   line-height: 1.5; 
    font-size: 15px;
}
.main_cont_6.purple .txt_2 {
     font-size: 15px;
}
}

@media (min-width: 1200px) {
.main_cont_6 {
    padding: 54px 415px 54px 80px;
    background: url(../images/main_computer_4.png) no-repeat right 72px;
    background-size: 346px 194px;
}
.main_cont_6 h2 img {
    width: auto;
    height: 67px;
}
.main_cont_6 p {
    padding-left: 55px;
    line-height: 1.5; 
    font-size: 15px;
}
}


.main_cont_7 {
	    padding: 42px 20px 50px;
}
.main_cont_7 h2 {
    position: relative;
    margin-bottom: 15px;
}
.main_cont_7 p {
    position: relative;
    margin-bottom: 20px; /*padding-left:80px;*/
    line-height: 1.5; /*font-size:15px; */
    color: #666;
}
.main_cont_7 .btn_area {
    padding-left: 0;
   text-align: center;
}
.main_cont_7.sky .txt_2 {
    background: url(../images/m_img_4.png) no-repeat center bottom;
    background-size: 236px;
}
.main_cont_7 .txt_2 {
    padding-bottom: 165px;
    line-height: 1.4;
    text-align: center;
    font-size: 16px;
   font-family: 'noto-medium';
}
.main_cont_7 .txt_2 .f-sky {
    color: #3aaecc;
}
.main_cont_7 .txt_2 span {
    vertical-align: top;
}

@media (min-width: 768px) {
.main_cont_7 {
    padding: 54px 0 54px 300px;
    background: url(../images/main_computer_5.png) no-repeat left 90px;
    background-size: 280px 154px;
}
.main_cont_7 h2 img {
    height: 50px;
}
.main_cont_7 p {
    position: relative;
    padding-left: 40px;
    line-height: 1.5;
    font-size: 13px;
    color: #666;
    font-family: "roboto";
}
.main_cont_7 .btn_area {
    padding-left: 80px;
   text-align: left;
}
.main_cont_7.sky .txt_2 {
   text-align: left;
    background: none;
}
.main_cont_7 .txt_2 {
    padding-bottom: 0;
   font-size: 13px;
}
.main_cont_7 .txt_2 .f-sky {
    color: #000;
}
.main_cont_7 .txt_2 span {
    vertical-align: middle;
}
}

@media (min-width: 992px) {
.main_cont_7 {
    padding: 54px 0 54px 365px;
    background: url(../images/main_computer_5.png) no-repeat left 75px;
    background-size: 300px 165px;
}
.main_cont_7 h2 img {
    width: auto;
    height: 56px;
}
.main_cont_7 p {
    padding-left: 45px;
    font-size: 15px;
}
.main_cont_7.sky .txt_2 {
   font-size: 15px;
}
}

@media (min-width: 1200px) {
.main_cont_7 {
    padding: 54px 0 54px 465px;
    background: url(../images/main_computer_5.png) no-repeat 30px 65px;
    background-size: 352px 194px;
}
.main_cont_7 h2 img {
    width: auto;
    height: 67px;
}
.main_cont_7 p {
    padding-left: 55px;
    font-size: 15px;
}
}


.main_cont_10 {
    padding: 42px 20px 50px;
}
.main_cont_10 h2 {
    position: relative;
    margin-bottom: 15px;
}
.main_cont_10 p {
    position: relative;
    margin-bottom: 25px;
   /* padding-left: 75px; */
    line-height: 1.5;
    font-size: 15px;
    color: #666;
}
.main_cont_10 .btn_area {
    padding-left: 0;
   text-align: center;
}
.main_cont_10.green .txt_2 {
    background: url(../images/m_img_5.png) no-repeat center bottom;
    background-size: 236px;
}
.main_cont_10 .txt_2 {
    padding-bottom: 165px;
    line-height: 1.4;
    text-align: center;
    font-size: 16px;
}
.main_cont_10 .txt_2 .f-green {
    color: #48b092;
}
.main_cont_10 .txt_2 span {
    vertical-align: top;
}

@media (min-width: 768px) {
.main_cont_10 {
    padding: 54px 300px 54px 0;
    background: url(../images/main_computer_6.png) no-repeat right 92px;
    background-size: 280px 156px;
}
.main_cont_10 h2 img {
    height: 50px;
}
.main_cont_10 p {
    padding-left: 55px;
    font-size: 13px;
}
.main_cont_10 .btn_area {
    padding-left: 75px;
   text-align: left;
}
.main_cont_10.green .txt_2 {
   text-align: left;
    background: none;
}
.main_cont_10 .txt_2 {
    padding-bottom: 0;
}
.main_cont_10 .txt_2 .f-green {
    color: #000;
}
.main_cont_10 .txt_2 span {
    vertical-align: middle;
}
}

@media (min-width: 992px) {
.main_cont_10 {
    padding: 54px 360px 54px 0;
    background: url(../images/main_computer_6.png) no-repeat right 72px;
    background-size: 300px 167px;
}
.main_cont_10 h2 img {
    width: auto;
    height: 56px;
}
.main_cont_10 p {
    padding-left: 60px;
    font-size: 15px;
}
}

@media (min-width: 1200px) {
.main_cont_10 {
    padding: 54px 415px 54px 80px;
    background: url(../images/main_computer_6.png) no-repeat right 72px;
    background-size: 348px 194px;
}
.main_cont_10 h2 img {
    width: auto;
    height: 67px;
}
.main_cont_10 p {
    padding-left: 80px;
    font-size: 15px;
}
}
.main_cont_8_bg {
    /*height: 836px; */
    background: url(../images/main_bg_2.jpg) repeat center 0;
}
.main_cont_8 {
   position: relative;
    padding: 35px 0 0;
    text-align: center;
}
.main_cont_8 .mobileBox {
}
.main_cont_8 .pcBox {
	display: none;
}
.main_cont_8 h1 {
position: absolute;
    left: 0;
    top: 40px;
    width: 100%;
    padding: 0 20px;
    margin-bottom: 10px;
    z-index: 5;
    text-align: center;
    font-size: 22px;
    color: #fff;
    font-family: "noto-light";
    box-sizing: border-box;
}
.main_cont_box {
   padding: 105px 0 85px;
   width:100%;
}
.main_cont_8 .slides li{
	float:left; 
	background-color: transparent;
}
.main_cont_8 .box{
	margin:0 auto; 
	width:257px; 
	min-height:350px; 
	background-color:#fff; 
	border-radius:5px; 
	overflow:hidden;
}
.main_cont_8 .slides li .icon_area{
	padding-top:17px;
	height:110px;
	text-align:center; 
	box-sizing:border-box;
}
.main_cont_8 .slides li .icon_area span{
	padding-top:58px; 
	display:inline-block; 
	font-size:16px; 
	color:#fff; 
	font-family:"noto-bold";
}
.main_cont_8 .slides li.icon_1 .icon_area span{
	background:url(/svg/main/main_icon_5.svg) no-repeat center 0; 
	/* background:url(../images/m_icon_1.jpg) no-repeat center 0;  */
	background-size:48px;
}
.main_cont_8 .slides li.icon_2 .icon_area span{
	background:url(/svg/main/main_icon_6.svg) no-repeat center 0; 
	/* background:url(../images/m_icon_2.jpg) no-repeat center 0; */
	background-size:48px;
}
.main_cont_8 .slides li.icon_3 .icon_area span{
	background:url(/svg/main/main_icon_7.svg) no-repeat center 0; 
	/* background:url(../images/m_icon_3.jpg) no-repeat center 0; */
	background-size:48px;
}
.main_cont_8 .slides li.icon_4 .icon_area span{
	background:url(/svg/main/main_icon_8.svg) no-repeat center 0; 
	/* background:url(../images/m_icon_4.jpg) no-repeat center 0; */
	background-size:48px;
}

.main_cont_8 .slides li.icon_1 .icon_area{
	background-color:#f9a946;
}
.main_cont_8 .slides li.icon_2 .icon_area{
	background-color:#ef4538;
}
.main_cont_8 .slides li.icon_3 .icon_area{
	background-color:#8757a3;
}
.main_cont_8 .slides li.icon_4 .icon_area{
	background-color:#3baecc;
}
.main_cont_8 .slides li.icon_5 .icon_area{
	background-color:#45baa8;
}
.main_cont_8 .slides li .txt_area{
    padding: 20px 30px 0;
    line-height: 1.7;
    text-align:left;
    font-family: "noto-demilight";
}
.main_cont_8 .flex-control-nav{
	position:absolute;
	left:0;
	top:auto; 
	bottom:45px; 
	width:100%; 
	display:block;
}
.main_cont_8 .flex-control-nav li a{
	margin:0 10px; 
	width:10px; 
	height:10px; 
	border-radius:50%; 
	background-color:#9f9f9f; 
	display:inline-block;
}
.main_cont_8 .flex-control-nav li a.flex-active{
	background-color:#fff; 
}
.main_cont_8 .txt {
    position: absolute;
    z-index: 5;
    left: 0;
    top: 85px;
    width: 100%;
  margin-bottom: 40px;
    text-align: center;
    font-size: 14px;
    color: #b8cecf;
}
.main_cont_8 ul {
    display: inline-block;
}
.main_cont_8 ul li {
    float: left;
    /*margin: 0 5px; */
  /*width:203px;*/
    background-color: #fff;
    border-radius: 5px;
}
.main_cont_8 ul li .title_area {
    /*padding-top:37px; height:170px;*/
    box-sizing: border-box;
    text-align: center;
}
.main_cont_8 ul li .title_area span {
    /* padding-top: 95px;*/
    display: block;
    font-size: 17px;
    color: #fff;
}
.main_cont_8 ul li.icon_1 .title_area {
    background-color: #f9a947;
}
.main_cont_8 ul li.icon_2 .title_area {
    background-color: #ef4538;
}
.main_cont_8 ul li.icon_3 .title_area {
    background-color: #8757a4;
}
.main_cont_8 ul li.icon_4 .title_area {
    background-color: #3aaecc;
}
.main_cont_8 ul li.icon_5 .title_area {
    background-color: #45baa8;
}
.main_cont_8 ul li.icon_1 .title_area span {
   background: url(/svg/main/main_icon_5.svg) no-repeat center 0;
   background-size: 80px auto; 
    /* background: url(../images/main_icon_5.png) no-repeat center 0; */
    font-family: "Roboto"
}
.main_cont_8 ul li.icon_2 .title_area span {
   background: url(/svg/main/main_icon_6.svg) no-repeat center 0;
   background-size: 80px auto; 
    /* background: url(../images/main_icon_6.png) no-repeat center 0; */
    font-family: "Roboto"
}
.main_cont_8 ul li.icon_3 .title_area span {
     background: url(/svg/main/main_icon_7.svg) no-repeat center 0;
   background-size: 80px auto; 
    /* background: url(../images/main_icon_7.png) no-repeat center 0; */
    font-family: "Roboto"
}
.main_cont_8 ul li.icon_4 .title_area span {
    background: url(/svg/main/main_icon_8.svg) no-repeat center 0;
   background-size: 80px auto; 
    /* background: url(../images/main_icon_8.png) no-repeat center 0; */
    font-family: "Roboto"
}
.main_cont_8 ul li.icon_5 .title_area span {
   background: url(/svg/main/main_icon_13.svg) no-repeat center 0;
   background-size: 80px auto; 
    /* background: url(../images/main_icon_13.png) no-repeat center 0; */
    font-family: "Roboto"
}
.main_cont_8 ul li .txt_area {
    line-height: 1.6;
    text-align: justify;
    box-sizing: border-box;
    font-size: 15px;
    color: #666;
    word-break: normal !important;
}

@media (min-width: 768px) {
.main_cont_8 {
    padding: 105px 0 0;
}
.main_cont_8 .mobileBox {
	display: none;
}
.main_cont_8 .pcBox {
	display: block;
}
.main_cont_8 h1 {
   display: none;
}
.main_cont_box {
	padding: 5px 0;
	}
.main_cont_8_bg {
       background: url(../images/main_bg_2.jpg) repeat-x center 0;
    height: 936px;
}
.main_cont_8 .txt {
   position: relative;
   top: 0;
   display: block;
    margin-bottom: 60px;
    text-align: center;
    font-size: 24px;
   color:#fff;
    font-family: "lato_Bold";
}
.main_cont_8 .box{
	width:100%; 
	min-height: auto;
}
.main_cont_8 ul.pcBox li {
    margin: 5px;
    width: 100%;
    background-color: #fff;
    border-radius: 5px;
}
.main_cont_8 ul.pcBox li.icon_1 .icon_area span{
   background: url(/svg/main/main_icon_5.svg) no-repeat center 0;
   /*  background: url(../images/main_icon_5.png) no-repeat center 0; */
  background-size: 65px; 
}
.main_cont_8 ul.pcBox li.icon_2 .icon_area span{
    background: url(/svg/main/main_icon_6.svg) no-repeat center 0;
    /* background: url(../images/main_icon_6.png) no-repeat center 0; */
   background-size: 65px;
}
.main_cont_8 ul.pcBox li.icon_3 .icon_area span{
  background: url(/svg/main/main_icon_7.svg) no-repeat center 0;
    /* background: url(../images/main_icon_7.png) no-repeat center 0; */
 background-size: 65px;
}
.main_cont_8 ul.pcBox li.icon_4 .icon_area span{
   background: url(/svg/main/main_icon_8.svg) no-repeat center 0;
   /*  background: url(../images/main_icon_8.png) no-repeat center 0; */
   background-size: 65px;
}
.main_cont_8 ul.pcBox li .icon_area{
    float: left;
    padding: 15px 10px 0;
    width: 204px;
    height: 120px;
}
.main_cont_8 ul.pcBox li .icon_area span{
    padding-top: 75px;
  font-family: "Roboto";
}
.main_cont_8 ul.pcBox li .title_area {
    float: left;
    padding: 15px 10px 0;
    width: 204px;
    height: 120px;
}
.main_cont_8 ul.pcBox li .title_area span {
    padding-top: 75px;
}
.main_cont_8 ul.pcBox li .txt_area {
   display: block;
    float: left;
    width: 546px;
    height: 120px;
    padding: 40px 20px 0;
    font-size: 12px;
    letter-spacing: -0.01em;
   font-family: "roboto";
}
.main_cont_8 ul.pcBox li.icon_1 .title_area span {
    background-size: 65px;
}
.main_cont_8 ul.pcBox li.icon_2 .title_area span {
    background-size: 65px;
}
.main_cont_8 ul.pcBox li.icon_3 .title_area span {
    background-size: 65px;
}
.main_cont_8 ul.pcBox li.icon_4 .title_area span {
    background-size: 65px;
}
.main_cont_8 ul.pcBox li.icon_5 .title_area span {
    background-size: 60px;
}
.main_cont_8 .flex-control-nav{
	display:none;
}
}

@media (min-width: 992px) {
.main_cont_8_bg {
    height: 836px;
}
.main_cont_8 .txt {
    margin-bottom: 100px;
    font-size: 28px;
}
.main_cont_8 ul.pcBox li {
    float: left;
    width:  100%;
    margin: 5px;
}
.main_cont_8 ul.pcBox li .icon_area{
    padding: 27px 10px 0;
    width: 163px;
    height: 180px;
}
.main_cont_8 ul.pcBox li .icon_area span{
}
.main_cont_8 ul.pcBox li.icon_1 .icon_area span{
}
.main_cont_8 ul.pcBox li.icon_2 .icon_area span{
}
.main_cont_8 ul.pcBox li.icon_3 .icon_area span{
}
.main_cont_8 ul.pcBox li.icon_4 .icon_area span{
}
.main_cont_8ul.pcBox li.icon_5 .icon_area span{
}
.main_cont_8 ul.pcBox li .icon_area{
  float: left;
    padding: 15px 10px 0;
    width: 204px;
    height: 120px;
}
.main_cont_8 ul.pcBox li .icon_area span{
  font-family: "Roboto";
}
.main_cont_8 ul.pcBox li .title_area {
    padding: 15px 10px 0;
    width: 203px;
    height: 120px;
}
.main_cont_8 ul.pcBox li .title_area span {
    padding-top: 75px;
}
.main_cont_8 ul.pcBox li .txt_area {
    float: left;
    width: 696px;
    height: 120px;
    padding: 35px 20px 0;
    text-align: left;
    font-size: 13px;
}
.main_cont_8 ul.pcBox li.icon_1 .title_area span {

}
.main_cont_8 ul.pcBox li.icon_2 .title_area span {

}
.main_cont_8 ul.pcBox li.icon_3 .title_area span {

}
.main_cont_8 ul.pcBox li.icon_4 .title_area span {

}
.main_cont_8 ul.pcBox li.icon_5 .title_area span {

}
}

@media (min-width: 1200px) {
.main_cont_8_bg {
    height: 836px;
}
.main_cont_8 .txt {
    margin-bottom: 120px;
    font-size: 32px;
}
.main_cont_8 .pcBox {
	display: inline-block;
}
.main_cont_8 ul.pcBox li {
    float: left;
    width: 203px;
    margin: 0 5px;
}
.main_cont_8 ul.pcBox li .icon_area{
    padding: 37px 0 0;
    width: 203px;
    height: 170px;
}
.main_cont_8 ul.pcBox li .icon_area span{
    padding-top: 95px;
}
.main_cont_8 ul.pcBox li.icon_1 .icon_area span{
    background-size: 72px 70px;
}
.main_cont_8 ul.pcBox li.icon_2 .icon_area span{
    background-size: 79px 73px;
}
.main_cont_8 ul.pcBox li.icon_3 .icon_area span{
    background-size: 78px 73px;
}
.main_cont_8 ul.pcBox li.icon_4 .icon_area span{
 background-size: 78px 68px;
}
.main_cont_8 ul.pcBox li .txt_area{
   width: auto;
    height: 218px;
    padding: 40px 30px 0;
    font-size: 13px;
   text-align: left;
}
.main_cont_8 ul.pcBox li .txt_area p {
    display: block;
}
.main_cont_8 ul.pcBox li .icon_area{
    padding: 37px 0 0;
    width: 203px;
    height: 170px;
}
.main_cont_8 ul.pcBox li .icon_area span{
  display: block;
 padding-top: 95px;
  font-family: "Roboto";
}
.main_cont_8 ul.pcBox li .title_area {
    padding: 37px 0 0;
    width: 203px;
    height: 170px;
}
.main_cont_8 ul.pcBox li .title_area span {
    padding-top: 95px;
}
.main_cont_8 ul.pcBox li.icon_1 .title_area span {
    background-size: 72px 70px;
}
.main_cont_8 ul.pcBox li.icon_2 .title_area span {
    background-size: 79px 73px;
}
.main_cont_8 ul.pcBox li.icon_3 .title_area span {
    background-size: 78px 73px;
}
.main_cont_8 ul.pcBox li.icon_4 .title_area span {
    background-size: 78px 68px;
}
.main_cont_8 ul.pcBox li.icon_5 .title_area span {
    background-size: 74px 85px;
}
}

.main_cont_9 {
    padding: 45px 30px 40px;
    text-align: center;
}
.main_cont_9 .title_style_1 {
      margin-bottom: 0;
    text-align: center;
    border-bottom: none;
    font-size: 22px;
    color: #000;
     font-family: "noto-demilight";
}
.main_cont_9 .txt_1 {
    margin-bottom: 115px;
    font-size: 18px;
    color: #666;
   display: none;
}
.main_cont_9 p {
 margin-bottom: 25px;
 padding-bottom: 30px;
  line-height: 1.5;
border-bottom: 1px solid #ddd;
  font-family: "noto-demilight";
}
.main_cont_9 .mobileBox {
	display: block;
}
.main_cont_9 .pcBox {
	display: none;
}
.main_cont_9 ul li {
   float: none;
  display: block;
}
.main_cont_9 ul li .title_area {
    margin-bottom: 10px;
 /* padding-top: 110px; */
 font-size:22px;
 color: #000;
 font-family: "noto-medium";
}
.main_cont_9 ul li .title_area span {
    padding-top: 5px;
    color: #424242;
    font-family: "Roboto"
}
.main_cont_9 ul li .title_area .split {
display: inline !important;
}
.main_cont_9 ul li .title_area .line {
	position: relative;
	display: block;
	width: 20px;
	height: 1px;
	margin: 25px auto 0;
	border-top: 1px solid #ffad00;
}
.main_cont_9 ul li .title_area .f-orange {
margin-bottom: 10px;
    display: block;
    color: #ffad00;
    font-family: "noto-medium";		
} 
.main_cont_9 ul li.icon_1 .title_area {
  background: url(/svg/main/main_icon_9.svg) no-repeat center 0;
 background-size: 80px auto;
    /* background: url(../images/main_icon_9.png) no-repeat center 0; */
    font-family: "noto"
}
.main_cont_9 ul li.icon_2 .title_area {
 background: url(/svg/main/main_icon_10.svg) no-repeat center 0;
  background-size: 80px auto;
    /* background: url(../images/main_icon_10.png) no-repeat center 0; */
    font-family: "noto"
}
.main_cont_9 ul li.icon_3 .title_area {
   background: url(/svg/main/main_icon_11.svg) no-repeat center 0;
   background-size: 80px auto;
    /* background: url(../images/main_icon_11.png) no-repeat center 0; */
    font-family: "noto"
}
.main_cont_9 ul li p {
    line-height: 1.5;
    color: #666; 
}
.main_cont_9 ul li .btn_area a {
    height: 57px;
    line-height: 57px;
    background-color: #008fd3;
    text-align: center;
    border-radius: 5px;
    display: inline-block;
    font-family: "noto-medium";
    color: #fff;
}
.main_cont_9 ul li .btn_area a:hover {
    background-color: #077ab0;
}

@media (min-width: 768px) {
.main_cont_9 {
    padding: 95px 0 120px;
}
.main_cont_9 .title_style_1 {
      margin-bottom: 0;
    text-align: center;
    border-bottom: none;
    font-size: 24px;
    color: #000;
    font-family: "lato_Bold";
}
.main_cont_9 .title_style_1 .split {
		display: block;
}
.main_cont_9 .mobileBox {
	display: none;
}
.main_cont_9 .pcBox {
	display: block;
}
.main_cont_9 .txt_1 {
       margin-bottom: 100px;
   display: block;
}
.main_cont_9 p {
 margin-bottom: 25px;
border-bottom: none;
font-family: "roboto";
}
.main_cont_9 ul li {
   float: left;
  width: 33.33%;
}
.main_cont_9 ul li .title_area {
    padding-top: 80px;
    font-size: 17px;
}
.main_cont_9 ul li .title_area span {
    display: block;
    font-size: 14px;
}
.main_cont_9 ul li .title_area .split {
display: block;
}
.main_cont_9 ul li.icon_1 .title_area {
   background: url(/svg/main/main_icon_9.svg) no-repeat center 0;
    /* background: url(../images/main_icon_9.png) no-repeat center 0; */
    background-size: 80px 60px;
    font-family: "noto"
}
.main_cont_9 ul li.icon_2 .title_area {
  background: url(/svg/main/main_icon_10.svg) no-repeat center 0;
    /* background: url(../images/main_icon_10.png) no-repeat center 0; */
    background-size: 80px 67px;
   font-family: "noto"
}
.main_cont_9 ul li.icon_3 .title_area {
   background: url(/svg/main/main_icon_11.svg) no-repeat center 0;
    /* background: url(../images/main_icon_11.png) no-repeat center 0; */
    background-size: 97px 66px;
    font-family: "noto"
}
.main_cont_9 ul li p {
   min-height: 170px;
    padding: 0 20px;
    font-size: 14px;
}
.main_cont_9 ul li .btn_area a {
    width: 206px;
    font-size: 14px;
}
}

@media (min-width: 992px) {
.main_cont_9 ul li .title_area {
    padding-top: 90px;
    font-size: 20px;
}
.main_cont_9 ul li .title_area span {
    font-size: 15px;
}
.main_cont_9 ul li.icon_1 .title_area {
    background-size: 90px 68px;
}
.main_cont_9 ul li.icon_2 .title_area {
    background-size: 90px 75px;
}
.main_cont_9 ul li.icon_3 .title_area {
    background-size: 109px 74px;
}
.main_cont_9 ul li p {
    min-height: 160px;
    padding: 0 20px;
    font-size: 14px;
}
.main_cont_9 ul li .btn_area a {
    width: 236px;
    font-size: 16px;
}
}

@media (min-width: 1200px) {
.main_cont_9 .title_style_1 {
    font-size: 36px;
}
.main_cont_9 ul li .title_area {
    padding-top: 110px;
    font-size: 26px;
}
.main_cont_9 ul li .title_area span {
    font-size: 16px;
}
.main_cont_9 ul li.icon_1 .title_area {
    background-size: 108px 81px;
}
.main_cont_9 ul li.icon_2 .title_area {
    background-size: 108px 90px;
}
.main_cont_9 ul li.icon_3 .title_area {
    background-size: 131px 89px;
}
.main_cont_9 ul li p {
   min-height: 160px;
    padding: 0 30px;
    font-size: 15px;
}
.main_cont_9 ul li .btn_area a {
    width: 256px;
    font-size: 17px;
}
}


/* footer */
.footer_bg {
    background-color: #28303d;
}
.footer_menu {
    margin: 0 auto;
    padding: 50px 0 80px;
    /*width: 1100px; */
    box-sizing: border-box;
    border-bottom: 1px solid #474a52;
display: none;
}
.footer_menu>ul>li {
    float: left;/*margin-right: 135px;*/
}
.footer_menu>ul>li .title {
    margin-bottom: 20px;
    display: block;
    color: #fff;
    font-family: "Lato_Bold";
}
.footer_menu .s_menu li {
    margin-bottom: 10px;
}
.footer_menu .s_menu li a {
    font-size: 15px;
    color: #878787;
}
.footer_menu .s_menu li a sup {
    font-size: 8px;
}
.footer_add {
    margin: 0 auto;
   padding: 24px 10px 0;
    /*width: 1100px;*/
}
.footer_add>div {
    float: none;
    padding-left: 10px;
    width: 100%;
    box-sizing: border-box;
}
.footer_add h2 {
    margin-bottom: 10px;
    color: #fff;
    font-size: 14px;
    font-family: "noto-medium";
}
.footer_add address {
    line-height: 1.6;
    font-size: 12px;
    color: #878787;
}
.footer_add li {
    line-height: 1.6;
    font-size: 12px;
    color: #878787;
}
.footer_add li span {
    color: #fff;
    vertical-align: top;
}
.footer_add li a {
    color: #fff;
    font-size: 12px;
}
.footer_add .info{
	margin-bottom:20px; 
}
.footer_add .info li{
	float:left; 
	font-size:12px; 
	color:#878787; 
	letter-spacing:0;
}
.footer_add .info li:first-child{
	margin-right:15px;
}
.footer_add .info li:nth-child(3n){
	padding-top:5px; 
	width:100%;
}
.footer_add .info li span{
	margin-right:5px; 
	display:inline-block; 
	vertical-align:top;
	color:#fff; 
	letter-spacing:0;
}
.footer_add .info li a{
	vertical-align:top; 
	font-size:11px; 
	color:#fff; 
	letter-spacing:0;
}
.footer_btm {
   display: block;
    margin: 0 15px;
    padding: 10px 0 15px;
    /*width: 1100px;*/
    font-size: 12px;
    color: #878787;
   border-top: 1px solid #474a52;
}

@media (min-width: 768px) {
.footer_menu {
    width: 750px;
   display: block;
}
.footer_menu .s_menu li a {
    font-size: 11px;
   font-family: "roboto";
    letter-spacing: 0em;
}
.footer_menu .s_menu li a sup {
    font-size: 6px;
}
.footer_menu>ul>li {
    margin-right: 65px;
}
.footer_menu>ul>li .title {
    font-size: 14px;
}
.footer_add {
    width: 750px;
    margin: 0 auto;
   padding: 24px 10px 0;
    border-bottom: 1px solid #474a52;
}
.footer_add>div {
    float: left;
    padding-left: 30px;
    width: 50%;
    box-sizing: border-box;
}
.footer_add>div:first-child {
    padding-left: 0;
}
.footer_add .info li{
	float:none;
}
.footer_btm {
    width: 750px;
   margin: 0 auto;
   padding: 10px 0 20px;
   border-top:  none; 
}
}

@media (min-width: 992px) {
.footer_menu {
    width: 970px;
}
.footer_menu .s_menu li a {
    font-size: 14px;
    letter-spacing: 0em;
}
.footer_menu .s_menu li a sup {
    font-size: 7px;
}
.footer_menu>ul>li {
    margin-right: 115px;
}
.footer_menu>ul>li .title {
    font-size: 15px;
}
.footer_add {
    width: 970px;
}
.footer_btm {
    width: 970px;
}
}

@media (min-width: 1200px) {
.footer_menu {
    width: 1100px;
}
.footer_menu .s_menu li a {
    font-size: 15px;
}
.footer_menu .s_menu li a sup {
    font-size: 8px;
}
.footer_menu>ul>li {
    margin-right: 137px;
}
.footer_menu>ul>li .title {
    font-size: 16px;
}
.footer_add {
    width: 1100px;
}
.footer_btm {
    width: 1100px;
}
}


/*layout*/
.sub_visual{
	position:relative;
}
.sub_visual img{
	width:100%; 
}
.sub_vs_txt{
	position:absolute; 
	left:18px; 
	top:15%; 
}
.sub_vs_txt p{
	line-height:1.4; 
}
.sub_vs_txt .txt_1{
	margin-bottom:30px; 
	color:#ffe1c0; 
	font-size:18px;
}
.sub_vs_txt .txt_2{
	line-height:1.2; 
	color:#fffefe; 
	font-size:32px; 
	font-family:"noto-light";
}
.sub_vs_txt .txt_3{
	margin-bottom:20px; 
	color:#fff; 
	font-size:18px;
}

.sub_visual.scroll_on {
    margin-top: 80px;
}
.sub_visual_1 {
   display: none;
}
.sub_visual_2 {
    display: none;
}
.sub_visual_3 {
    display: none;
}
.sub_visual_4 {
    display: none;
}
.sub_visual_5 {
    display: none;
}
.sub_visual_txt {
    margin: 0 auto;
    padding: 90px 0 0 35px;
    width: 1100px;
    box-sizing: border-box;
}
.sub_visual_txt h2 {
    margin-bottom: 26px;
    color: #c0e6ff;
    font-size: 38px;
    font-family: "lato_Bold";
}
.sub_visual_txt .txt_1 {
    margin-bottom: 15px;
    font-size: 24px;
    font-family: "Roboto";
    color: #fff;
}
.sub_visual_txt .txt_2 {
    line-height: 1.5;
    color: #fff; 
	/*font-family:"noto-light";*/
	-webkit-text-shadow: #000 0 0 5px;
	-moz-text-shadow: #000 0 0 5px;
	text-shadow: #000 0 0 5px;
}
.sub_visual_txt .txt_3 {
    margin-bottom: 15px;
    font-size: 24px;
    color: #fff;
    font-family: "noto";
}
.f-red{
	vertical-align:top;
	color:#fc4339;
}
.f-orange{
	vertical-align:top; 
	color:#ff7200;
}
.f-purple{
	vertical-align:top; 
	color:#9a5fbe;
}
.f-sky{
	vertical-align:top; 
	color:#3aaecc;
}
.f-green{
	vertical-align:top; 
	color:#45baa8;
}
.sub_visual_5 .sub_visual_txt h2 {
    color: #fff;
}
.sub_visual_3 .sub_visual_txt h2 {
    color: #fff;
}
.sub_visual_4 .sub_visual_txt h2 {
    color: #fff;
}

@media (min-width: 768px) {
.sub_visual {
    height: 386px;
}
.m_sub_visual_1 {
   display: none;
}	
.sub_visual_1 {
    background: url(../images/sub_visual_1.jpg) no-repeat center 0;
    background-size: 1920px;
   display: block;
}
.m_sub_visual_2 {
   display: none;
}	
.sub_visual_2 {
    background: url(../images/sub_visual_2.jpg) no-repeat center 0;
    background-size: 1920px;
    display: block;
}
.m_sub_visual_3 {
   display: none;
}	
.sub_visual_3 {
    background: url(../images/sub_visual_3.jpg) no-repeat center 0;
    background-size: 1920px;
    display: block;
}
.m_sub_visual_4 {
   display: none;
}	
.sub_visual_4 {
    background: url(../images/sub_visual_4.jpg) no-repeat center 0;
    background-size: 1920px;
    display: block;
}
.m_sub_visual_5 {
   display: none;
}	
.sub_visual_5 {
    background: url(../images/sub_visual_5.jpg) no-repeat center 0;
    background-size: 1920px;
    display: block;
}
.m_sub_visual_6 {
   display: none;
}
.m_sub_visual_7 {
   display: none;
}
.m_sub_visual_8 {
   display: none;
}
.m_sub_visual_9 {
   display: none;
}
.sub_visual_txt {
    padding: 90px 0 0 0;
    max-width: 750px;
}
.sub_visual_txt h2 {
    font-size: 30px;
}
.sub_visual_txt .txt_1 {
    font-size: 18px;
}
.sub_visual_txt .txt_2 {
    font-size: 14px;
}
.f-red{
	vertical-align: baseline;
}
.f-orange{
	vertical-align: baseline;
}
.f-purple{
	vertical-align: baseline;
}
.f-sky{
	vertical-align: baseline;
}
.f-green{
	vertical-align: baseline;
}
}

@media (min-width: 992px) {
.sub_visual_txt {
    padding: 90px 0 0 0;
    max-width: 970px;
}
.sub_visual_txt h2 {
    font-size: 34px;
}
.sub_visual_txt .txt_1 {
    font-size: 20px;
}
.sub_visual_txt .txt_2 {
    font-size: 15px;
}
}

@media (min-width: 1200px) {
.sub_visual_txt {
    padding: 90px 0 0 35px;
    max-width: 1100px;
}
.sub_visual_txt h2 {
    font-size: 36px;
}
.sub_visual_txt .txt_1 {
    font-size: 24px;
}
.sub_visual_txt .txt_2 {
    font-size: 16px;
}
}


.lnb_wrap {
    display: none;
}
.lnb {
    margin: 0 auto;
    /* width: 1100px; */
    background: url(/svg/sub/lnb_bg.svg) no-repeat right 0;
    /* background: url(../images/lnb_bg.png) no-repeat right 0; */
}
.lnb ul li {
    float: left;/* width: 173px; */
}
.lnb ul li a {
    padding: 26px 0 16px;
    text-align: center;
    display: block;
    border-bottom: 9px solid #fff;
    font-size: 16px;
    font-weight: bold;
    font-family: "noto"
}
.lnb ul li.lnb_on a {
    border-bottom: 9px solid #f9a948;
}
.lnb ul li.lnb_on.red a {
    border-bottom: 9px solid #ef4538;
}
.lnb ul li.lnb_on.purple a {
    border-bottom: 9px solid #8756a5;
}
.lnb ul li.lnb_on.sky a {
    border-bottom: 9px solid #3aaecc;
}
.lnb ul li.lnb_on.green a {
    border-bottom: 9px solid #44bea0;
}

@media (min-width: 768px) {
.lnb_wrap {
    background-color: #fff;
    box-shadow: 2px 2px 5px #e8e8e8;
   display: block;
}
.lnb {
    max-width: 730px;
}
.lnb ul li {
    width: 113px;
}
}

@media (min-width: 992px) {
.lnb {
    max-width: 950px;
}
.lnb ul li {
    width: 143px;
}
}

@media (min-width: 1200px) {
.lnb {
    max-width: 1100px;
}
.lnb ul li {
    width: 173px;
}
}

.sub_container {
    /* padding-bottom: 100px; */
    text-align: left;
}
.sub_cont {
    margin: 0 auto;
    /* width: 1100px; */
    box-sizing: border-box;
}

@media (min-width: 768px) {
.sub_container {
    padding-bottom: 60px;
}
.sub_cont {
    max-width: 730px;
}
}

@media (min-width: 992px) {
.sub_container {
    padding-bottom: 80px;
}
.sub_cont {
    max-width: 950px;
}
}

@media (min-width: 1200px) {
.sub_container {
    padding-bottom: 100px;
}
.sub_cont {
    max-width: 1100px;
}
}


/*txt*/
.f-yellow {
    color: #e88c1a;
}
.txt_style_1 {
    line-height: 1.6;
    color: #5b5b5b;
}
.txt_style_1 .f-yellow {
    color: #e88c1a;
    vertical-align: top;
    font-weight: bold;
    font-family: "Roboto"
}
.txt_style_1 .f-red {
    color: #fc4339;
    vertical-align: top;
    font-weight: bold;
    font-family: "Roboto"
}
.txt_style_1 .f-purple {
    color: #9a5fbe;
    vertical-align: top;
    font-weight: bold;
    font-family: "Roboto"
}
.txt_style_1 .f-sky {
    color: #3aaecc;
    vertical-align: top;
    font-weight: bold;
    font-family: "Roboto"
}
.txt_style_1 .f-green {
    color: #45baa8;
    vertical-align: top;
    font-weight: bold;
    font-family: "Roboto"
}
.txt_style_2 {
    line-height: 1.5;
    color: #666;
}

.txt_style_2 .title {
   display: block;
    margin-bottom: 20px;
    font-size: 20px;
    color: #000;
    font-family: "noto-medium";
}
.txt_style_2 .title strong {
    vertical-align: top;
}
.sub_style_2 {
    padding: 45px 20px 10px;
}
.sub_style_2 .img_area {
    margin-bottom: 45px;
    text-align: center;
}
.sub_style_2 .img_area img {
    max-width: 100%;
}
.sub_style_2 .txt_1 {
    margin-bottom: 20px;
    line-height: 1.7;
    color: #656565;
    font-family: "noto-demilight";
}

@media (min-width: 768px) {
.txt_style_2 {
    line-height: 1.5;
    color: #666;
}
.txt_style_2 .title {
      margin-bottom: 32px;
    display: block;
    color: #333;
    font-weight: bold;
    font-size: 18px;
    font-family: "noto"
}
.sub_style_2 .txt_1 {
    margin-bottom: 20px;
    line-height: 1.7;
    color: #656565;
    font-family: "Nanum Gothic";
}
}

@media (min-width: 992px) {
.txt_style_2 .title {
    font-size: 21px;
}
}

@media (min-width: 1200px) {
.txt_style_2 .title {
    font-size: 23px;
}
}


.txt_style_2 .f-yellow {
    font-weight: bold;
    vertical-align: top;
}
.txt_style_2 .f-red {
    color: #fc4339;
    vertical-align: top;
}
.txt_style_2 .f-purple {
    color: #9a5fbe;
    vertical-align: top;
}
.txt_style_2 .f-sky {
    color: #3aaecc;
    vertical-align: top;
}
.txt_style_2 .f-green {
    color: #45baa8;
    vertical-align: top;
}
.txt_style_3 {
    margin-bottom: 30px;
}
.txt_style_4 {
    margin-bottom: 10px;
}
ul.txt_list {
    position: relative;
    display: block;
   margin-bottom: 20px;
}
@media (min-width: 768px) {
	ul.txt_list {
   margin-bottom: 0
}
}
ul.txt_list li {
    position: relative;
    display: block;
    line-height: 24px;
    margin: 5px 0;
    padding-left: 10px;
}
ul.txt_list li:before {
    position: absolute;
    z-index: 50;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    content: "·"
}
/* priceon*/
.blue_bg {
    background-color: #f5f6f9;
}
.priceon_cont_1 {
    padding: 40px 20px 40px;
}
.priceon_cont_1 h3 {
    margin-bottom: 32px;
      text-align: center;
}
.priceon_cont_1 h3 img {
    height: 45px;
}
.priceon_cont_1 p {
    line-height: 1.6;
    color: #666;
}
.priceon_cont_1  .txt_style_4 {
     margin-bottom: 20px;
    text-align: center;
    line-height: 1.3;
    font-size: 18px;
    color: #464646;	
}
.priceon_cont_1 .txt_1 {
    margin-bottom: 30px;
    text-align: center;
    line-height: 1.3;
    font-size: 24px;
    color: #464646;
    font-family: "noto-demilight";
}
.priceon_cont_1 .txt_2 {
    line-height: 1.7;
    text-align: center;
    font-size: 16px;
    color: #666;
    font-family: "noto-medium";
}

@media (min-width: 768px) {
.priceon_cont_1 {
    padding: 102px 300px 120px 20px;
    background: url(../images/priceon_bg_1.jpg) no-repeat;
    background-position: right 0 top 85px;
    background-size: 230px 190px;
}
.priceon_cont_1  .txt_style_4 {
    line-height: 1.6;
    color: #666;
   text-align: left;
  font-size: 14px;
}
.priceon_cont_1 h3 {
   text-align: left;
    margin-bottom: 22px;
}
.priceon_cont_1 h3 img {
    height: 48px;
}
.priceon_cont_1 .txt_1 {
		display: none;
}
.priceon_cont_1 .txt_2 {
    text-align: left;
    font-size: 14px;
}
.priceon_cont_1 .txt_2 .f-orange {
		color:#666;
}
}

@media (min-width: 992px) {
.priceon_cont_1 {
    padding: 102px 320px 120px 50px;
    background-position: right 0 top 85px;
    background-size: 250px 206px;
}
.priceon_cont_1  .txt_style_4 {
  font-size: 15px;
}
.priceon_cont_1 h3 {
    margin-bottom: 28px;
}
.priceon_cont_1 h3 img {
    height: 58px;
}
.priceon_cont_1 .txt_2 {
    font-size: 15px;
}
}

@media (min-width: 1200px) {
.priceon_cont_1 {
    padding: 102px 400px 120px 75px;
    background-position: right 30px top 85px;
    background-size: 292px 241px;
}
.priceon_cont_1  .txt_style_4 {
  font-size: 16px;
}
.priceon_cont_1 h3 {
    margin-bottom: 32px;
}
.priceon_cont_1 h3 img {
    height: 68px;
}
.priceon_cont_1 .txt_2 {
    font-size: 16px;
}
}


.price_bg {
    display: none;
}
.products_cont {
    margin: 0 auto;
    height: 387px;
}

@media (min-width: 768px) {
.price_bg {
    background: url(../images/price_bg.jpg) no-repeat center 0;
   display: block;
}
.products_cont .sub_cont {
    padding-left: 0;
}
}

@media (min-width: 992px) {
.products_cont .sub_cont {
    padding-left: 40px;
}
}

@media (min-width: 1200px) {
.products_cont .sub_cont {
    padding-left: 80px;
}
}


.products_cont h3 {
    padding: 75px 0 40px;
    /*font-size: 38px; */
    color: #fff;
    font-family: "noto-Bold";
}
.products_cont ul li {
    margin-bottom: 10px;
    padding: 5px 0 0 30px;
    background: url(../images/bulit_1.png) no-repeat 0 0;
    /*  font-size: 20px; */
    color: #fff;
}

@media (min-width: 768px) {
.priceon_cont_1 {
    padding: 102px 300px 120px 20px;
    background-position: right 0 top 85px;
    background-size: 230px 190px;
}
.priceon_cont_1 h3 {
    margin-bottom: 22px;
}
.priceon_cont_1 h3 img {
    height: 48px;
}
.priceon_cont_1 p {
    font-size: 14px;
}
.products_cont h3 {
    font-size: 30px;
}
.products_cont ul li {
    font-size: 17px;
    background-size: 20px 25px;
}
}

@media (min-width: 992px) {
.priceon_cont_1 {
    padding: 102px 320px 120px 50px;
    background-position: right 0 top 85px;
    background-size: 250px 206px;
}
.priceon_cont_1 h3 {
    margin-bottom: 28px;
}
.priceon_cont_1 h3 img {
    height: 58px;
}
.priceon_cont_1 p {
    font-size: 15px;
}
.products_cont h3 {
    font-size: 34px;
}
.products_cont ul li {
    font-size: 19px;
    background-size: 22px 28px;
}
}

@media (min-width: 1200px) {
.priceon_cont_1 {
    padding: 102px 400px 120px 75px;
    background-position: right 30px top 85px;
    background-size: 292px 241px;
}
.priceon_cont_1 h3 {
    margin-bottom: 32px;
}
.priceon_cont_1 h3 img {
    height: 68px;
}
.priceon_cont_1 p {
    font-size: 16px;
}
.products_cont h3 {
    font-size: 38px;
}
.products_cont ul li {
    font-size: 20px;
    background-size: 24px 30px;
}
}
.priceon_cont_2   {
    padding: 0 20px 10px;
}
.priceon_cont_2  .img_area {
    margin-bottom: 45px;
    text-align: center;
}
.priceon_cont_2 .img_area img {
    max-width: 100%;
}
.priceon_cont_2 .txt_style_1 {
    margin-bottom: 20px;
    line-height: 1.7;
    color: #656565;
    font-family: "noto-demilight";
}
@media (min-width: 768px) {
.priceon_cont_2 {
    padding: 70px 0 90px;
}
.priceon_cont_2 .txt_style_1 {
    font-family: "Nanum Gothic";
}
.priceon_cont_2 .img_area {
    margin-bottom: 75px;
}
.priceon_cont_2 .img_area img {
    max-width: 100%;
}
}

@media (min-width: 992px) {
.priceon_cont_2 .img_area {
    margin-bottom: 75px;
}
.priceon_cont_2 .img_area img {
    max-width: 100%;
}
}

@media (min-width: 1200px) {
.priceon_cont_2 {
    padding: 120px 0 90px;
}
.priceon_cont_2 .img_area {
    margin-bottom: 75px;
}
.priceon_cont_2 .img_area img {
    max-width: 100%;
}
}


.priceon_cont_3 {
    padding: 45px 20px 10px;
}
.priceon_cont_3 .txt_1 {
   display: block;
    margin-bottom: 20px;
    line-height: 1.7;
    color: #656565;
    font-family: "noto-demilight";
}
.priceon_cont_3 .title_style_2 {
   margin-bottom: 40px;
    line-height: 1.3;
    font-size: 24px;
    color: #000;
    font-family: "noto-medium";
}
.priceon_cont_3 .img_area {
    margin-bottom: 45px;
    text-align: center;
}
.priceon_cont_3 .bg_1 {
    /* margin-bottom: 65px;*/
    /*padding: 100px 695px 0 0;*/
   /*  height: 460px; */
}
.priceon_cont_3 .bg_2 {
    /*padding: 95px 0 0 600px;*/
    /*height: 407px;*/
}

@media (min-width: 768px) {
.priceon_cont_3 {
    padding: 70px 0 60px;
}
.priceon_cont_3 .txt_1 {
    font-family: "Nanum Gothic";
}
.priceon_cont_3 .title_style_2 {
   display: block;
    margin-bottom: 25px;
      line-height: 1.5;
    font-size: 22px;
   color: #666;
}
.priceon_cont_3 .img_area {
    display: none;
}
.priceon_cont_3 .bg_1 {
    height: 380px;
   margin-bottom: 65px;
    padding: 20px 455px 0 0;
   background: url(../images/priceon_bg_2.jpg) no-repeat right 0;
    background-size: 420px 278px;
    font-size: 14px;
   box-sizing: border-box;
}
.priceon_cont_3 .bg_2 {
    height: 357px;
    padding: 95px 0 0 380px;
   background: url(../images/priceon_bg_3.jpg) no-repeat 0 0;
    background-size: 350px 335px;
    font-size: 14px;
  box-sizing: border-box;
}
}

@media (min-width: 992px) {
.priceon_cont_3 .title_style_2 {
    margin-bottom: 35px;
    font-size: 24px;
}
.priceon_cont_3 .bg_1 {
    height: 430px;
    padding: 80px 585px 0 0;
    background-size: 550px 365px;
    font-size: 15px;
}
.priceon_cont_3 .bg_2 {
    height: 407px;
    padding: 95px 0 0 480px;
    background-size: 400px 383px;
    font-size: 15px;
}
}

@media (min-width: 1200px) {
.priceon_cont_3 .title_style_2 {
    margin-bottom: 55px;
    font-size: 26px;
}
.priceon_cont_3 .bg_1 {
    height: 460px;
    padding: 100px 715px 0 0;
    background-size: 692px 459px;
    font-size: 16px;
}
.priceon_cont_3 .bg_2 {
    height: 407px;
    padding: 95px 0 0 500px;
    background-size: 425px 407px;
    font-size: 16px;
}
}


.priceon_cont_4 {
        padding: 45px 20px 10px;
}
.priceon_cont_4 .txt_1 {
   display: block;
    margin-bottom: 20px;
    line-height: 1.7;
    color: #656565;
    font-family: "noto-demilight";
}
.priceon_cont_4 .img_area {
    margin-bottom: 45px;
    text-align: center;
}
.priceon_cont_4 .title_style_2 {
    margin-bottom: 40px;
    line-height: 1.3;
    font-size: 24px;
    color: #000;
    font-family: "noto-medium";
}
.priceon_cont_4 .bg_1 {
    /* margin-bottom: 50px; */
    /*  padding: 110px 0 0 600px; */
    /* height: 395px; */
}
.priceon_cont_4 .bg_2 {
    /* padding: 110px 0 0 600px;  */
   /*  height: 452px; */
}

@media (min-width: 768px) {
.priceon_cont_4 {
    padding: 105px 0 65px;
}
.priceon_cont_4 .txt_1 {
    font-family: "Nanum Gothic";
}
.priceon_cont_4 .img_area {
    display: none;
}
.priceon_cont_4 .title_style_2 {
    margin-bottom: 35px;
    line-height: 1.5;
    font-size: 22px;
   color: #666;
    font-family: "noto"
}
.priceon_cont_4 .bg_1 {
   margin-bottom: 50px;
    height: 280px;
    padding: 30px 0 0 380px;
   background: url(../images/priceon_bg_4.jpg) no-repeat 0 0;
    background-size: 330px 232px;
    font-size: 14px;
}
.priceon_cont_4 .bg_2 {
    height: 307px;
    padding: 30px 0 0 380px;
    background: url(../images/priceon_bg_5.jpg) no-repeat 0 0;
    background-size: 330px 266px;
    font-size: 14px;
}
}

@media (min-width: 992px) {
.priceon_cont_4 .title_style_2 {
    margin-bottom: 45px;
    font-size: 24px;
}
.priceon_cont_4 .bg_1 {
    height: 375px;
    padding: 110px 0 0 530px;
    background-size: 500px 352px;
    font-size: 15px;
}
.priceon_cont_4 .bg_2 {
    height: 407px;
    padding: 110px 0 0 530px;
    background-size: 500px 404px;
    font-size: 15px;
}
}

@media (min-width: 1200px) {
.priceon_cont_4 .title_style_2 {
    margin-bottom: 55px;
    font-size: 26px;
}
.priceon_cont_4 .bg_1 {
    height: 395px;
    padding: 110px 0 0 600px;
    background-size: 560px 394px;
    font-size: 16px;
}
.priceon_cont_4 .bg_2 {
    height: 452px;
    padding: 110px 0 0 600px;
    background-size: 560px 452px;
    font-size: 16px;
}
}

.priceon_cont_5 {
    padding: 45px 20px 10px;
}
.priceon_cont_5 .txt_1 {
   display: block;
    margin-bottom: 20px;
    line-height: 1.7;
    color: #656565;
    font-family: "noto-demilight";
}
.priceon_cont_5 .img_area {
    margin-bottom: 45px;
    text-align: center;
}
.priceon_cont_5 .title_style_2 {
    margin-bottom: 40px;
     line-height: 1.3;
      font-size: 24px;
     color: #000;
   font-family: "noto-medium";
}
.priceon_cont_5 .title_style_1 {
    margin-bottom: 40px;
    line-height: 1.3;
    font-size: 24px;
    color: #000;
    font-family: "noto-medium";
}
.priceon_cont_5 p {
    /* padding: 35px 0 0 600px; */
    /* height: 307px; */
}

@media (min-width: 768px) {
.priceon_cont_5 {
    padding: 80px 0 85px;
}
.priceon_cont_5 .txt_1 {
   display: block;
    margin-bottom: 20px;
    line-height: 1.7;
    color: #656565;
    font-family: "Nanum Gothic";
}
.priceon_cont_5 .img_area {
    display: none;
}
.priceon_cont_5 .title_style_2 {
    margin-bottom: 35px;
   line-height: 1.5;
    font-size: 22px;
   color: #666;
     font-family: "noto"
}
.priceon_cont_5 p {
    padding: 35px 0 0 450px;
    height: 257px;
     background: url(../images/priceon_bg_6.jpg) no-repeat 0 0;
    background-size: 420px 230px;
    font-size: 14px;
   box-sizing: border-box;
}
}

@media (min-width: 992px) {
.priceon_cont_5 .title_style_2 {
    margin-bottom: 45px;
    font-size: 24px;
}
.priceon_cont_5 p {
    padding: 35px 0 0 550px;
    height: 287px;
    background-size: 500px 274px;
    font-size: 15px;
}
}

@media (min-width: 1200px) {
.priceon_cont_5 .title_style_2 {
    margin-bottom: 55px;
    font-size: 26px;
}
.priceon_cont_5 p {
    padding: 35px 0 0 600px;
    height: 307px;
    background-size: 560px 307px;
    font-size: 16px;
}
}

.priceon_cont_6 {
        padding: 45px 20px 10px;
}
.priceon_cont_6 .txt_1 {
   display: block;
    margin-bottom: 20px;
    line-height: 1.7;
    color: #656565;
    font-family: "noto-demilight";
}
.priceon_cont_6 .img_area {
    margin-bottom: 45px;
    text-align: center;
}
.priceon_cont_6 .title_style_2 {
    margin-bottom: 40px;
    line-height: 1.3;
    font-size: 24px;
    color: #000;
    font-family: "noto-medium";
}
.priceon_cont_6 p {
    /*  padding: 50px 0 0 600px; */
    /* height: 313px; */
}

@media (min-width: 768px) {
.priceon_cont_6 {
    padding: 84px 0 50px;
}
.priceon_cont_6 .txt_1 {
   display: block;
    margin-bottom: 20px;
    line-height: 1.7;
    color: #656565;
    font-family: "Nanum Gothic";
}
.priceon_cont_6 .img_area {
    display: none;
}
.priceon_cont_6 .title_style_2 {
    margin-bottom: 35px;
    line-height: 1.5;
    font-size: 22px;
   color:#666;
   font-family: "noto"
}
.priceon_cont_6 p {
    padding: 30px 0 0 430px;
    height: 257px;
       background: url(../images/priceon_bg_7.jpg) no-repeat 0 0;
    background-size: 420px 235px;
    font-size: 14px;
   box-sizing: border-box;
}
}

@media (min-width: 992px) {
.priceon_cont_6 .title_style_2 {
    margin-bottom: 45px;
    font-size: 24px;
}
.priceon_cont_6 p {
    padding: 50px 0 0 510px;
    height: 287px;
    background-size: 500px 279px;
    font-size: 15px;
}
}

@media (min-width: 1200px) {
.priceon_cont_6 .title_style_2 {
    margin-bottom: 55px;
    font-size: 26px;
}
.priceon_cont_6 p {
    padding: 50px 0 0 600px;
    height: 313px;
    background-size: 560px 313px;
    font-size: 16px;
}
}


/* Reviewon */
.priceon_cont_1.reviewon_cont_1 {
  /* background-position: right 30px top 85px; */
}
.reviewon_bg {
	display: none;
}
.priceon_cont_2 .reviewon_cont_2 .txt_style_1 {
    font-family: "Nanum Gothic";
}
.reviewon_cont_3 {
        padding: 45px 20px 10px;
}
.reviewon_cont_3 .title_style_2 {
      margin-bottom: 40px;
    line-height: 1.3;
    font-size: 24px;
    color: #000;
    font-family: "noto-medium";
}
.reviewon_cont_3  .title_style_1 {
    margin-bottom: 40px;
    line-height: 1.3;
    font-size: 24px;
    color: #000;
    font-family: "noto-medium";
}
.products_style_1 .left_area {
    float: none;
}
.products_style_1 .left_area .img_area {
    margin-bottom: 45px;
    text-align: center;
}
.products_style_1 .left_area .img_area img {
    max-width: 100%;
}
.products_style_1 .right_area {
    float:none;
}
.products_style_1 .right_area .img_area {
    margin-bottom: 45px;
    text-align: center;
}
.products_style_1 .right_area .img_area img {
    max-width: 100%;
}
.products_style_1 .img_area_title {
    display: none;
}
.reviewon_cont_3_1 {
    /* margin-bottom: 55px; */
}
.reviewon_cont_3_1 .left_area {
    /* padding-top: 50px; */
}
.reviewon_cont_3_1 .left_area .img_area {
margin-bottom: 45px;
    text-align: center;
}
.reviewon_cont_3_1 .right_area .img_area {
    margin-bottom: 45px;
    text-align: center;
}
.reviewon_cont_3_1 .right_area .img_area img {
    max-width: 100%;
}
.reviewon_cont_3_2 {
    /* margin-bottom: 85px; */
}
.reviewon_cont_3_2 .txt_1 {
   display: block;
    margin-bottom: 20px;
    line-height: 1.7;
    color: #656565;
    font-family: "noto-demilight";
}
.reviewon_cont_3_2 .left_area {
	float:none;
}
.reviewon_cont_3_2 .left_area .img_area {
 margin-bottom: 45px;
    text-align: center;
}
.reviewon_cont_3_2 .left_area .img_area img {
    max-width: 100%;
}
.reviewon_cont_3_2 .right_area {
	float:none;
}
.reviewon_cont_3_2 .right_area .img_area {
    margin--top: -100px;
    text-align: center;
}
.reviewon_cont_3_1 .txt_style_2 {
    margin-bottom: 20px;
    font-family: "noto-demilight";
}
.reviewon_cont_3_2 .txt_style_2 {
    /* padding-top: 85px; */
}
.reviewon_cont_3_3 .txt_style_2 {
    /* padding-top: 100px; */
}
.reviewon_cont_3_3 .txt_1 {
   display: block;
    margin-bottom: 20px;
    line-height: 1.7;
    color: #656565;
    font-family: "noto-demilight";
}
.reviewon_cont_3_3 .right_area .img_area {
    margin-bottom: 45px;
    text-align: center;
}
.reviewon_cont_3_3 .right_area .img_area img {
    max-width: 100%;
}
.reviewon_cont_4 {
    padding-bottom: 10px;
}
.reviewon_cont_4_title {
    padding: 45px 10px 10px;
}
.reviewon_cont_4_title .title_style_2 {
     margin-bottom: 20px;
    line-height: 1.3;
    font-size: 24px;
    color: #fff;
    font-family: "noto-medium";
}
.navy_bg {
    background-color: #474d5f;
}
.reviewon_cont_4_bg {
   background-color: #474d5f;
}
.reviewon_cont_4_bg .img_area {
   margin-bottom: 45px;
   padding: 10px;
    text-align: center;	
}
.reviewon_cont_4_bg .img_area img {
	max-width: 100%;
}
.reviewon_cont_4 .title_1 {
    padding: 0 10px; 
    text-align: left;
    color: #fff;
     font-size: 20px; 
    font-weight: bold;
    font-family: "noto-medium";
}
.reviewon_cont_4 .title_2 {
    margin-bottom: 5px;
    text-align: center;
    color: #cbd5eb;
    font-size: 18px; 
    font-weight: bold;
        font-family: "noto-medium";
}
.reviewon_cont_4 p {
    color: #dcdcdc;
    text-align: center;
    line-height: 1.5;
}
.reviewon_cont_4 .txt_1 {
    margin-bottom: 20px;
   padding: 10px 10px 0;
    line-height: 1.7;
    font-size: 12px;
    text-align: left;
    font-family: "noto-demilight";
    color: #fff;
}
.reviewon_cont_5 {
    padding: 45px 20px  20px;
}
.reviewon_cont_5 .left_area {
    /* padding-top: 110px; */
}
.reviewon_cont_5 .txt_style_2 {
    margin-bottom: 20px;
    line-height: 1.7;
    color: #656565;
    font-family: "noto-demilight";
}

@media (min-width: 768px) {
.reviewon_bg {
    background: url(../images/reviewon_bg_1.jpg) no-repeat center 0;
   display: block;
}
.priceon_cont_1.reviewon_cont_1 {
    background: url(../images/reviewon_img_1.jpg) no-repeat;
    background-position: right 0 top 115px;
    background-size: 200px 163px;
}
.reviewon_cont_2 {
		display: block;
	}
.reviewon_cont_3 {
    padding: 85px 0 120px;
}
.reviewon_cont_3_1 {
    margin-bottom: 55px;
}
.reviewon_cont_3_2 {
    margin-bottom: 85px;
}
.reviewon_cont_3_2 .txt_1 {
    font-family: "Nanum Gothic";
}
.reviewon_cont_3_2 .left_area {
	float:right;
}
.reviewon_cont_3_2 .right_area {
	float:left;
}
.reviewon_cont_3 .title_style_2 {
    margin-bottom: 25px;
   line-height: 1.5;
   font-size: 22px;
    font-family: "noto"
}
.products_style_1 .img_area_title {
   margin-bottom: 32px;
    text-align: center;
    display: block;
    font-size: 16px;
      font-weight: bold;
}
.products_style_1 .right_area {
   float: right;
    width: 45%;
}
.products_style_1 .left_area {
   float: left;
    width: 45%;
}
.products_style_1 .left_area img {
    width: 100%;
}
.products_style_1 .right_area .img_area img {
    width: 100%;
}
.reviewon_cont_3_1 .left_area {
    width: 45%;
}
.reviewon_cont_3_1 .txt_style_2 {
    padding-top: 50px;
    font-size: 14px;
   font-family: 'Nanum Gothic';
}
.title_style_2 {
    margin-bottom: 20px;
    font-size: 20px;
    color: #000;
    font-family: "noto-medium";
}
.reviewon_cont_3_2 .txt_style_2 {
    padding-top: 95px;
    font-size: 14px;
  font-family: 'Nanum Gothic';
}
.reviewon_cont_3_3 .txt_style_2 {
    padding-top: 75px;
    font-size: 14px;
}
.reviewon_cont_3_3 .txt_1 {
    font-family: "Nanum Gothic";
}
.reviewon_cont_4_bg {
   background: url(../images/reviewon_bg_2.jpg) no-repeat center 0 #474d5f;
    background-size: 100%;
}
.reviewon_cont_4_title {
    padding: 87px 0 70px;
}
.reviewon_cont_4_title .title_style_2 {
     margin-bottom: 0;
    line-height: 1.3;
    color: #333;
    font-family: "Nanum Gothic";
}
.navy_bg {
    background-color: #fff;
}
.reviewon_cont_4 .title_1 {
    padding: 85px 0 265px;
    font-size: 17px;
}
.reviewon_cont_4_bg {
    background-position: center 30px;
    background-size: 730px;
}
.reviewon_cont_4_bg .img_area {
		display: none;
}
.reviewon_cont_4 .title_1 {
    padding: 45px 0 205px;
    font-size: 16px;
}
.reviewon_cont_4 .title_2 {
      margin-bottom: 30px;
    font-size: 20px;
    font-family: "noto-medium";
}
.reviewon_cont_4 {
    padding-bottom: 70px;
}
.reviewon_cont_4 .txt_1 {
    line-height: 1.5;
    font-size: 14px;
    text-align: center;
     color: #dcdcdc;
    font-family: 'Nanum Gothic'
}
.reviewon_cont_5 {
    padding: 94px 0 0;
}
.reviewon_cont_5 .left_area {
     padding-top: 60px;
}
.reviewon_cont_5 .txt_style_2 {
    font-size: 14px;
    font-family: "Nanum Gothic";
}
}

@media (min-width: 992px) {
.priceon_cont_1.reviewon_cont_1 {
    background-position: right 0 top 85px;
    background-size: 250px 204px;
}
.reviewon_cont_3 .title_style_2 {
    margin-bottom: 45px;
   font-size: 24px;
}
.products_style_1 .img_area_title {
    font-size: 17px;
}
.products_style_1 .right_area {
    width: 45%;
}
.products_style_1 .right_area img {
    width: 100%;
}
.products_style_1 .left_area {
    width: 45%;
}
.products_style_1 .left_area img {
    width: 100%;
}
.reviewon_cont_3_1 .left_area {
    width: 45%;
}
.reviewon_cont_3_1 .txt_style_2 {
    padding-top: 70px;
    font-size: 15px;
}
.reviewon_cont_3_2 .txt_style_2 {
    padding-top: 115px;
    font-size: 15px;
}
.reviewon_cont_3_3 .txt_style_2 {
    padding-top: 95px;
    font-size: 15px;
}
.reviewon_cont_4_bg {
    background-position: center 50px;
    background-size: 950px;
}
.reviewon_cont_4 .title_1 {
    padding: 65px 0 265px;
    font-size: 17px;
}
.reviewon_cont_4 .title_2 {
    font-size: 23px;
}
.reviewon_cont_4 .txt_1 {
    font-size: 15px;
}
.reviewon_cont_5 .left_area {
    padding-top: 90px;
}
.reviewon_cont_5 .txt_style_2 {
    font-size: 15px;
}
}

@media (min-width: 1200px) {
.priceon_cont_1.reviewon_cont_1 {
    background-position: right 30px top 85px;
    background-size: 294px 240px;
}
.reviewon_cont_3 .title_style_2 {
    margin-bottom: 65px;
   font-size: 26px;
}
.products_style_1 .img_area_title {
    font-size: 18px;
}
.products_style_1 .right_area {
    width: 569px;
}
.products_style_1 .right_area img {
    width: auto;
}
.products_style_1 .left_area {
    width: 525px;
}
.products_style_1 .left_area img {
    width:  auto;
}
.reviewon_cont_3_1 .left_area {
    width: 45%;
}
.reviewon_cont_3_1 .txt_style_2 {
    padding-top: 110px;
    font-size: 16px;
}
.reviewon_cont_3_2 .txt_style_2 {
    padding-top: 130px;
    font-size: 16px;
}
.reviewon_cont_3_3 .txt_style_2 {
    padding-top: 110px;
    font-size: 16px;
}
.reviewon_cont_4_bg {
    background-position: center 0;
    background-size: 1800px 497px;
}
.reviewon_cont_4 .title_1 {
    padding: 85px 0 465px;
    font-size: 18px;
}
.reviewon_cont_4 .title_2 {
    font-size: 25px;
}
.reviewon_cont_4 .txt_1 {
    font-size: 16px;
}
.reviewon_cont_5 .left_area {
    padding-top: 110px;
}
.reviewon_cont_5 .txt_style_2 {
    font-size: 16px;
}
}


/* shelfon */
.priceon_cont_1.shelfon_cont_1 {
        padding: 40px 20px 40px;
}
.shelfon_bg {
    display: none;
}
.shelfon_cont_2 {
    padding: 45px 20px 10px;
}
.shelfon_cont_2 .title_style_2 {
    margin-bottom: 40px;
    line-height: 1.3;
    font-size: 24px;
    color: #000;
    font-family: "noto-medium";
}
.shelfon_cont_2_1 {
    margin-bottom: 0;
}
.shelfon_cont_2_2 {
    margin-bottom: 0;
}
.shelfon_cont_2_1 .left_area {
    padding-top: 0;
}
.shelfon_cont_2_1 .txt_style_2 {
        margin-bottom: 20px;
    line-height: 1.7;
    color: #656565;
    font-family: "noto-demilight";
}
.shelfon_cont_2_2 .right_area {
    padding-top: 0;
}
.shelfon_cont_2_2 .txt_style_2 {
     margin-bottom: 20px;
    line-height: 1.7;
    color: #656565;
    font-family: "noto-demilight";
}
.shelfon_cont_2_3 .left_area {
    padding-top: 0;
}
.shelfon_cont_2_3 .txt_style_2 {
    margin-bottom: 20px;
    line-height: 1.7;
    color: #656565;
    font-family: "noto-demilight";
}
.shelfon_cont_3 {
  padding: 45px 20px 10px;	
}
.shelfon_cont_3 .txt_style_2 {
    margin-bottom: 20px;
    line-height: 1.7;
    color: #656565;
    font-family: "noto-demilight";
}
.shelfon_cont_3 .title_style_2 {
    margin-bottom: 40px;
    line-height: 1.3;
    font-size: 24px;
    color: #000;
    font-family: "noto-medium";
}
.shelfon_cont_3_1 {
    margin-bottom: 0;
}
.shelfon_cont_3_1 .right_area {
    padding-top: 0;
}
.shelfon_cont_3_2 .left_area {
    padding-top: 0;
}

@media (min-width: 768px) {
.shelfon_cont_2 {
    padding: 70px 0 110px;
}
.shelfon_cont_2 .title_style_2 {
    margin-bottom: 60px;
    font-family: "noto"
}
.priceon_cont_1.shelfon_cont_1 {
    padding: 102px 300px 120px 20px;
    background: url(../images/shelfon_img_1.jpg) no-repeat;
    background-position: right 0 top 85px;
    background-size: 204px 167px;
}
.shelfon_bg {
    background: url(../images/shelfon_bg.jpg) no-repeat center 0;
   display: block;
}
.shelfon_cont_2_1 {
    margin-bottom: 80px;
}
.shelfon_cont_2_1 .left_area {
    padding-top: 50px;
}
.shelfon_cont_2_1 .txt_style_2 {
   margin-bottom: 0;
    font-size: 14px;
    font-family: "Nanum Gothic";
}
.shelfon_cont_2_2 {
    margin-bottom: 105px;
}
.shelfon_cont_2_2 .txt_style_2 {
    margin-bottom: 0;
    font-size: 14px;
   font-family: "Nanum Gothic";
}
.shelfon_cont_2_3 .txt_style_2 {
    margin-bottom: 0;
    font-size: 14px;
   font-family: "Nanum Gothic";
}
.shelfon_cont_2_2 .right_area {
    padding-top: 20px;
}
.shelfon_cont_2_3 .left_area {
    padding-top: 30px;
}
.shelfon_cont_3 {
  padding: 0;	
}
.shelfon_cont_3 .txt_style_2 {
    margin-bottom: 0;
    line-height: 1.7;
    font-family: "Nanum Gothic";
}
.shelfon_cont_3_1 {
    margin-bottom: 47px;
}
.shelfon_cont_3_1 .right_area {
    padding-top: 50px;
}
.shelfon_cont_3 .title_style_2 {
    margin-bottom: 0;
    padding: 110px 0 60px;
    font-family: "noto"
}
.shelfon_cont_3_1 .txt_style_2 {
    font-size: 14px;
}
.shelfon_cont_3_2 .left_area {
    padding-top: 50px;
}
.shelfon_cont_3_2 .txt_style_2 {
    font-size: 14px;
}
}

@media (min-width: 992px) {
.priceon_cont_1.shelfon_cont_1 {
    background-position: right 0 top 85px;
    background-size: 254px 208px;
}
.shelfon_cont_2_1 .left_area {
    padding-top: 80px;
}
.shelfon_cont_2_1 .txt_style_2 {
     margin-bottom: 0;
    font-size: 15px;
      font-family: "Nanum Gothic";
}
.shelfon_cont_2_2 .txt_style_2 {
     margin-bottom: 0;
    font-size: 15px;
      font-family: "Nanum Gothic";
}
.shelfon_cont_2_3 .txt_style_2 {
     margin-bottom: 0;
    font-size: 15px;
      font-family: "Nanum Gothic";
}
.shelfon_cont_2_2 .right_area {
    padding-top: 40px;
}
.shelfon_cont_2_3 .left_area {
    padding-top: 50px;
}
.shelfon_cont_3_1 .right_area {
    padding-top: 60px;
}
.shelfon_cont_3_1 .txt_style_2 {
    font-size: 15px;
}
.shelfon_cont_3_2 .left_area {
    padding-top: 70px;
}
.shelfon_cont_3_2 .txt_style_2 {
    font-size: 15px;
}
}

@media (min-width: 1200px) {
.priceon_cont_1.shelfon_cont_1 {
     padding: 102px 350px 120px 20px;
    background-position: right 30px top 85px;
    background-size: 294px 241px;
}
.shelfon_cont_2_1 .left_area {
    width: 495px;
    padding-top: 110px;
}
.shelfon_cont_2_1 .txt_style_2 {
     margin-bottom: 0;
    font-size: 16px;
      font-family: "Nanum Gothic";
}
.shelfon_cont_2_2 .txt_style_2 {
     margin-bottom: 0;
    font-size: 16px;
      font-family: "Nanum Gothic";
}
.shelfon_cont_2_3 .txt_style_2 {
     margin-bottom: 0;
    font-size: 16px;
      font-family: "Nanum Gothic";
}
.shelfon_cont_2_2 .right_area {
   width: 529px;
    padding-top: 60px;
}
.shelfon_cont_2_3 .left_area {
    padding-top: 60px;
}
.shelfon_cont_3_1 .right_area {
   width: 549px;
    padding-top: 80px;
}
.shelfon_cont_3_1 .txt_style_2 {
    font-size: 16px;
}
.shelfon_cont_3_2 .left_area {
    width: 495px;
    padding-top: 100px;
}
.shelfon_cont_3_2 .txt_style_2 {
    font-size: 16px;
}
}


/* channelon */
.priceon_cont_1.channelon_cont_1 {
  padding: 40px 20px 40px;
}
.channelon_bg {
    background: url(../images/channelon_bg.jpg) no-repeat center 0;
   display: none;
}
.channelon_cont_2 {
    padding: 120px 0 70px;
}
.priceon_cont_2 .title_style_2 {
    margin-bottom: 40px;
    line-height: 1.3;
    font-size: 24px;
    color: #000;
    font-family: "noto-medium";
}
.priceon_cont_2 .title_style_4 {
    margin-bottom: 10px;
    font-size: 18px;
    text-align: center;
    color: #27a1c1;
    font-family: "noto-medium";
}
.channelon_cont_1 .txt_1 {
    margin-bottom: 20px;
    line-height: 1.7;
    color: #656565;
    font-family: "noto-demilight";
}
.channelon_cont_1 .img_area.txt_c {
	display: none;
}
.channelon_cont_2 .img_area {
    margin-bottom: 45px;
    text-align: center;
}
.channelon_cont_2 .txt_style_1 {
   margin-bottom: 20px;
    line-height: 1.7;
    color: #656565;
    font-family: "noto-demilight";
}
.channelon_cont_2 {
   padding: 45px 20px 10px;
}
.channelon_cont_2 .left_area {
    float: none;
}
.channelon_cont_2 .right_area {
    float: none;
}
.channelon_cont_2 .title_style_2 {
      margin-bottom: 40px;
    line-height: 1.3;
    font-size: 24px;
    color: #000;
    font-family: "noto-medium";
}
.channelon_cont_2 .txt_style_1 {
}
.channelon_cont_2 .txt_style_2 {
   margin-bottom: 20px;
    line-height: 1.7;
    color: #656565;
    font-family: "noto-demilight";
}
.channelon_cont_2 p {
    margin-bottom: 80px;
    line-height: 1.5;
    font-family: "Nanum Gothic";
}
.channelon_cont_3 {
    padding: 45px 20px 10px;
}
.channelon_cont_3 .title_style_2 {
   margin-bottom: 40px;
    line-height: 1.3;
    font-size: 24px;
    color: #000;
    font-family: "noto-medium";
}
.channelon_cont_3 .left_area {
    float:none;
}
.channelon_cont_3 .right_area {
    float: none;
    line-height: 1.5;
    color: #5b5b5b;
}
.channelon_cont_3 .txt_1 {
    margin-bottom: 20px;
    line-height: 1.7;
    color: #656565;
    font-family: "noto-demilight";
}
.channelon_cont_3 .img_area {
	margin-bottom: 10px;
	text-align: center;
}
.channelon_cont_4 {
    padding: 45px 20px 10px;
}
.channelon_cont_4 .title_style_2 {
    margin-bottom: 40px;
    line-height: 1.3;
    font-size: 24px;
    color: #000;
    font-family: "noto-medium";
}
.channelon_cont_4  .txt_1 {
    margin-bottom: 20px;
    line-height: 1.7;
    color: #656565;
    font-family: "noto-demilight";
}
.channelon_cont_4 .left_area {
    float: none;
}
.channelon_cont_4 .right_area {
    line-height: 1.5;
    width: auto;
    color: #5b5b5b;
}
.channelon_cont_4 .img_area { 
    margin-bottom: 45px;
    text-align: center;
}

@media (min-width: 768px) {
.priceon_cont_1.channelon_cont_1 {
   padding: 102px 300px 120px 20px;
    background: url(../images/channelon_img_1.jpg) no-repeat;
    background-position: right 0 top 105px;
    background-size: 204px 168px;
}
.channelon_bg {
    background: url(../images/channelon_bg.jpg) no-repeat center 0;
   display: block;
}
.channelon_cont_1 .txt_1 {
	display: none;	
} 
.channelon_cont_1 .channelon_img {
     display: none;
}
.priceon_cont_2 .title_style_2 {
    margin-bottom: 45px;
   color:#000;
   font-family: "noto"
}
.priceon_cont_2 .title_style_4 {
    display: none;
}
.channelon_cont_1 .img_area.txt_c {
	display: block;
}
.channelon_cont_2 .title_style_2 {
    margin-bottom: 40px;
    font-family: "noto";
}
.channelon_cont_2 .left_area {
   float:left;
    width: 45%;
   padding-top: 18px;
}
.channelon_cont_2 .right_area {
   float: right;
    width: 45%;
}
.channelon_cont_2 .left_area .img_area img {
    width: 272px;
}
.channelon_cont_2 .right_area .img_area {
    margin-top: 60px;
}
.channelon_cont_2 .right_area .img_area img {
    width: 100%;
}
.channelon_cont_2 .txt_style_2 {
   margin-bottom: 40px;
    line-height: 1.5;
   font-size: 14px;
    font-family: "Nanum Gothic";
}
.channelon_cont_2 p {
   font-size: 14px;
    margin-bottom: 40px;
}
.channelon_cont_3 .left_area {
  float: left;
  width: 45%;
}
.channelon_cont_3 .right_area {
   float: right;
   padding-top: 50px;
   width: 45%;
   line-height: 1.5;
      color: #5b5b5b;
}
.channelon_cont_3 .right_area p {
 font-size: 14px;
}
.channelon_cont_3 .left_area .img_area img {
    width: 100%;
}
.channelon_cont_3 {
    padding: 80px 0 85px;
}
.channelon_cont_3 .title_style_2 {
    margin-bottom: 52px;
    font-family: "noto"
}
.channelon_cont_3 .txt_1 {
    font-family: "Nanum Gothic";
}
.channelon_cont_4 {
    padding: 80px 0 85px;
}
.channelon_cont_4 .title_style_2 {
    margin-bottom: 52px;
    font-family: "noto"
}
.channelon_cont_4  .txt_1 {
    margin-bottom: 20px;
    line-height: 1.7;
    color: #656565;
    font-family: "Nanum Gothic";
}
.channelon_cont_4 .left_area {
	float: left;
       width: 55%;
}
.channelon_cont_4 .right_area {
	float: right;
       padding-top: 70px;
       width: 42%;
}
.channelon_cont_4 .img_area { 
    margin-bottom: 45px;
}
.channelon_cont_4 .left_area .img_area img {
    width: 100%;
}
.channelon_cont_4 .right_area p {
 font-size: 14px;
}
}

@media (min-width: 992px) {
.priceon_cont_1.channelon_cont_1 {
    background-position: right 0 top 85px;
    background-size: 254px 208px;
}
.priceon_cont_2 .title_style_2 {
    margin-bottom: 65px;
}
.channelon_cont_2 .left_area {
    width: 45%;
}
.channelon_cont_2 .right_area {
    width: 45%;
}
.channelon_cont_2 .left_area .img_area img {
    width: 302px;
}
.channelon_cont_2 .right_area .img_area {
    margin-top: 20px;
}
.channelon_cont_2 .right_area .img_area img {
    width: 100%;
}
.channelon_cont_2 p {
   font-size: 15px;
    margin-bottom: 60px;
}
.channelon_cont_3 .left_area {
  width: 45%;
}
.channelon_cont_3 .right_area {
 padding-top: 60px;
 width: 45%;
}
.channelon_cont_3 .right_area p {
 font-size: 15px;
}
.channelon_cont_3 .left_area .img_area img {
    width: 100%;
}
.channelon_cont_4 .left_area {
  width: 60%;
}
.channelon_cont_4 .right_area {
padding-top: 110px;
 width: 38%;
}
.channelon_cont_4 .left_area .img_area img {
    width: 100%;
}
.channelon_cont_4 .right_area p {
 font-size: 15px;
}
}

@media (min-width: 1200px) {
.priceon_cont_1.channelon_cont_1 {
    padding: 102px 350px 120px 20px;
    background-position: right 30px top 85px;
    background-size: 294px 240px;
}
.priceon_cont_2 .title_style_2 {
    margin-bottom: 85px;
}
.channelon_cont_2 .left_area {
    width: 49%;
}
.channelon_cont_2 .right_area {
    width: 49%;
}
.channelon_cont_2 .left_area .img_area img {
    width: 332px;
}
.channelon_cont_2 .right_area .img_area {
    margin-top: 0;
}
.channelon_cont_2 .right_area .img_area img {
    width: 511px;
}
.channelon_cont_2 p {
   font-size: 16px;
    margin-bottom: 80px;
}
.channelon_cont_3 .left_area {
  width: 48%;
}
.channelon_cont_3 .right_area {
 padding-top: 70px;
 width: 458px;
}
.channelon_cont_3 .right_area p {
 font-size: 16px;
}
.channelon_cont_3 .left_area .img_area img {
    width: auto;
}
.channelon_cont_4 .left_area {
  width: 63%;
}
.channelon_cont_4 .right_area {
padding-top: 150px;
 width: 35%;
}
.channelon_cont_4 .left_area .img_area img {
    width: auto;
}
.channelon_cont_4 .right_area p {
 font-size: 16px;
}
}


/* scanon */
.priceon_cont_1.scanon_cont_1 {
       padding: 102px 300px 120px 20px;
}
.scanon_bg {
    display: none;
}
/*
.priceon_cont_2 .title_style_2 {
    margin-bottom: 85px;
    font-family: "noto"
}
*/
.scanon_cont_2 .img_area {
    margin-bottom: 45px;
    text-align: center;
}
.scanon_cont_1 .img_area.txt_c {
	display: block;
}
.scanon_cont_2 .txt_style_1 {
    font-family: "Nanum Gothic";
}
.scanon_cont_2 {
    padding: 45px 20px 10px;
}
.scanon_cont_2 .left_area {
    float:none;
    padding-top: 18px;
}
.scanon_cont_2 .right_area {
    float: none;
}
.scanon_cont_2 .title_style_2 {
    margin-bottom: 40px;
    line-height: 1.3;
    font-size: 24px;
    color: #000;
    font-family: "noto-medium";
}
.scanon_cont_2 p {
    margin-bottom: 80px;
    line-height: 1.5;
    font-family: "Nanum Gothic";
}
.scanon_cont_2 .txt_style_2 {
margin-bottom: 20px;
    line-height: 1.7;
    color: #656565;
    font-family: "noto-demilight";
}
.scanon_cont_3 {
  padding: 45px 20px 10px;
}
.scanon_cont_3 .title_style_2 {
    margin-bottom: 52px;
    line-height: 1.3;
    font-size: 24px;
    color: #000;
    font-family: "noto-medium";
}
.scanon_cont_3 .left_area {
    float: none;
}
.scanon_cont_3 .right_area {
    float: none;
    line-height: 1.5;
    color: #5b5b5b;
}
.scanon_cont_3  .img_area {
    margin-bottom: 45px;
    text-align: center;
}
.scanon_cont_3 .txt_1 {
    margin-bottom: 20px;
    line-height: 1.7;
    color: #656565;
    font-family: "noto-demilight";
}
.scanon_cont_4 {
    padding: 45px 20px 10px;
}
.scanon_cont_4 .title_style_2 {
    margin-bottom: 52px;
	font-size: 26px;
    font-family: "noto"
}
.scanon_cont_4 .left_area {
    float: none;
}
.scanon_cont_4 .right_area {
    float:none;
    line-height: 1.5;
    color: #5b5b5b;
}
.scanon_cont_4 .txt_style_4 {
    margin-bottom: 20px;
    line-height: 1.7;
    color: #656565;
    font-family: "noto-demilight";
}
.scanon_cont_4 .img_area {
    margin-bottom: 45px;
    text-align: center;
}

@media (min-width: 768px) {
.priceon_cont_1.scanon_cont_1 {
    padding: 102px 300px 120px 20px;
    background: url(../images/scanon_img_1.jpg) no-repeat;
    background-position: right 0 top 155px;
    background-size: 204px 168px;
}
.scanon_bg {
    background: url(../images/scanon_bg.jpg) no-repeat center 0;
    display: block;
}
.scanon_cont_2 {
    padding: 120px 0 70px;
}
.priceon_cont_2 .title_style_2 {
    margin-bottom: 45px;
}
.scanon_cont_2 .left_area {
   float: left;
    width: 45%;
}
.scanon_cont_2 .right_area {	
  float: right;
    width: 45%;
}
.scanon_cont_2 .img_area {
    margin-bottom: 45px;
    text-align: center;
}
.scanon_cont_2 .left_area .img_area img {
    width: 272px;
}
.scanon_cont_2 .right_area .img_area {
    margin-top: 60px;
}
.scanon_cont_2 .right_area .img_area img {
    width: 100%;
}
.scanon_cont_2 p {
   font-size: 14px;
    margin-bottom: 40px;
}
.scanon_cont_2 .txt_style_2 {
 margin-bottom: 40px;
   line-height: 1.5;
    font-size: 14px;
    font-family: "Nanum Gothic";
}
.scanon_cont_3 {
    padding: 80px 0 85px;
}
.scanon_cont_3 .title_style_2 {
    margin-bottom: 52px;
    font-family: "noto";
}
.scanon_cont_3 .left_area {
 float: left;
  width: 302px;
}
.scanon_cont_3 .right_area {
 float: right;
 padding-top: 50px;
 width: 50%;
}
.scanon_cont_3 .right_area p {
 font-size: 14px;
}
.scanon_cont_3 .left_area .img_area img {
    width: 100%;
    padding-top: 110px;
}
.scanon_cont_3 .txt_1 {
    line-height: 1.7;
    color: #656565;
    font-family: "Nanum Gothic";
}
.scanon_cont_4 {
    padding: 80px 0 85px;
}
.scanon_cont_4 .left_area {
 float: left;
  width: 47%;
}
.scanon_cont_4 .right_area {
 float: right;
 width: 350px;
}
.scanon_cont_4 .left_area p {
 font-size: 14px;
}

.scanon_cont_4 .right_area .img_area img {
    width: 100%;
}
ul.txt_list li {
		font-size: 14px;
}
.scanon_cont_4 .title_style_2 {
    margin-bottom: 32px;
}
.scanon_cont_4 .txt_style_4 {
    font-family: "Nanum Gothic";
}
}

@media (min-width: 992px) {
.priceon_cont_1.scanon_cont_1 {
   padding: 102px 320px 120px 50px;
    background-position: right 0 top 85px;
    background-size: 254px 208px;
}
.priceon_cont_2 .title_style_2 {
    margin-bottom: 65px;
}
.scanon_cont_2 .left_area {
    width: 45%;
}
.scanon_cont_2 .right_area {
    width: 45%;
}
.scanon_cont_2 .left_area .img_area img {
    width: 302px;
}
.scanon_cont_2 .right_area .img_area {
    margin-top: 20px;
}
.scanon_cont_2 .right_area .img_area img {
    width: 100%;
}
.scanon_cont_2 p {
   font-size: 15px;
    margin-bottom: 60px;
}
.scanon_cont_2 .txt_style_2 {
    font-size: 15px;
    font-family: "Nanum Gothic";
}
.scanon_cont_3 .left_area {
  width: 352px;
}
.scanon_cont_3 .right_area {
 padding-top: 50px;
 width: 55%;
}
.scanon_cont_3 .right_area p {
 font-size: 15px;
}
.scanon_cont_3 .left_area .img_area img {
    width: 100%;
   padding-top: 60px;
}
.scanon_cont_4 .left_area {
  width: 50%;
}
.scanon_cont_4 .right_area {
  width: 400px;
}
.scanon_cont_4 .left_area p {
 font-size: 15px;
}
.scanon_cont_4 .right_area .img_area img {
    width: 100%;
}
ul.txt_list li {
		font-size: 15px;
}
.scanon_cont_4 .title_style_2 {
    margin-bottom: 42px;
}
}

@media (min-width: 1200px) {
.priceon_cont_1.scanon_cont_1 {
    padding: 102px 400px 120px 75px;
    background-position: right 30px top 85px;
    background-size: 291px 240px;
}
.priceon_cont_2 .title_style_2 {
    margin-bottom: 85px;
}
.scanon_cont_2 .left_area {
    width: 50%;
}
.scanon_cont_2 .right_area {
    width: 483px;
}
.scanon_cont_2 .left_area .img_area img {
    width: 332px;
}
.scanon_cont_2 .right_area .img_area {
    margin-top: 0;
}
.scanon_cont_2 .right_area .img_area img {
    width: 483px;
}
.scanon_cont_2 p {
   font-size: 16px;
    margin-bottom: 80px;
}
.scanon_cont_2 .txt_style_2 {
    font-size: 16px;
    font-family: "Nanum Gothic";
}
.scanon_cont_3 .left_area {
  width: 402px;
}
.scanon_cont_3 .right_area {
 padding-top: 50px;
 width: 55%;
}
.scanon_cont_3 .right_area p {
 font-size: 16px;
}
.scanon_cont_3 .left_area .img_area img {
    width: 100%;
   padding-top: 0;
}
.scanon_cont_4 .left_area {
  width: 55%;
}
.scanon_cont_4 .right_area {
 width: 460px;
}
.scanon_cont_4 .left_area p {
 font-size: 16px;
}
.scanon_cont_4.right_area .img_area img {
    width: 100%;
}
ul.txt_list li {
		font-size: 16px;
}
.scanon_cont_4 .title_style_2 {
    margin-bottom: 52px;
}
}

/* solutions */
@media (min-width: 768px) {
#solutions .lnb ul li {
		    width: 173px;
}  
#solutions .lnb ul li.green {
		    width: 233px;
}  
}

@media (min-width: 992px) {
#solutions .lnb ul li {
		    width: 200px;
}  
#solutions .lnb ul li.green {
		    width: 273px;
}  
}

@media (min-width: 1200px) {
#solutions .lnb ul li {
		    width: 230px;
}  
}

.solutions_cont_1 {
   padding: 40px 20px 40px;
}
.solutions_cont_1 h3 {
    margin-bottom: 35px;
    font-weight: bold;
    font-size: 25px;
   color:#333;
   text-align: center;
      font-family: "noto-medium";
}
.solutions_cont_1 h3 span {
    display: block;
   padding-top: 5px;
    font-size: 16px;
   font-weight: normal;
    font-family: "noto";
}
.solutions_cont_1 p {
    line-height: 1.5;
    color: #5b5b5b;
}
.solutions_cont_1  .txt_3 {
    padding: 0 10px;
    line-height: 1.7;
    font-size: 16px;
    color: #666;
    font-family: "noto-medium";
}
.brands_bg {
    display: none;
}
.marketplaces_bg {
    display: none;
}
.distributors_bg {
    display: none;
}
.solutions_cont_2 {
    padding-left: 30px;
    height: 430px;
}
.solutions_cont_2 h3 {
    padding: 55px 0 70px;
    font-size: 38px;
    color: #fff;
    font-family: "noto-bold";
}
.solutions_cont_2 h3 span {
    font-size: 18px;
    font-family: "noto";
}
.solutions_cont_2 h3 span strong {
    font-size: 18px;
    color: #f9a948;
}
.solutions_cont_2 ul li {
    margin-bottom: 10px;
    padding: 5px 0 0 30px;
    background: url(../images/bulit_1.png) no-repeat 0 0;
    font-size: 20px;
    color: #fff; /* font-family: "noto"  */
}
.solutions_cont_3 {
    padding: 45px 20px 10px;
}
.solutions_cont_3 h3 {
    margin-bottom: 20px;
    line-height: 1.3;
    font-size: 24px;
    color: #000;
    font-family: "noto-medium";
}
.solutions_cont_3 p {
    line-height: 1.5;
    color: #5b5b5b;
}
.solutions_cont_3 .txt_1 {
    line-height: 1.7;
    color: #656565;
    font-family: "noto-demilight";
}
.solutions_cont_3 .txt_1.icon_1 {
    min-height: 70px;
   margin-bottom: 20px;
   padding-top: 95px;
   background: url(/svg/sub/brands_icon_1.svg) no-repeat center top 10px;
   /* background: url(../images/brands_icon_1.jpg) no-repeat center top 10px; */
   background-size: 80px;
}
.solutions_cont_3 .txt_1.icon_2 {
    min-height: 70px;
   padding-top: 95px;
    background: url(/svg/sub/brands_icon_2.svg) no-repeat center top 10px;
    /* background: url(../images/brands_icon_2.jpg) no-repeat center top 10px; */
   background-size: 90px;
}
.solutions_cont_3 .txt_1.icon_3 {
   min-height: 70px;
   padding-top: 95px;
    background: url(/svg/sub/brands_icon_3.svg) no-repeat center top 10px;	
    /* background: url(../images/brands_icon_3.jpg) no-repeat center top 10px; */
  background-size: 100px;
}
.solutions_cont_3 .txt_1.icon_4 {
   min-height: 70px;
   padding-top: 95px;
    background: url(/svg/sub/brands_icon_4.svg) no-repeat center top 10px;	
    /* background: url(../images/brands_icon_4.jpg) no-repeat center top 10px; */
    background-size: 90px;
}
.solutions_cont_3 .txt_1.icon_5 {
   min-height: 70px;
   padding-top: 95px;
  background: url(/svg/sub/brands_icon_5.svg) no-repeat center top 10px;		
  /*   background: url(../images/brands_icon_5.jpg) no-repeat center top 10px; */
    background-size: 150px;
}
.solutions_cont_3 .txt_1.icon_6 {
   min-height: 70px;
   padding-top: 95px;
   background: url(/svg/sub/brands_icon_6.svg) no-repeat center top 10px;	  
    /* background: url(../images/brands_icon_6.jpg) no-repeat center top 10px; */
    background-size: 60px;
}
.solutions_cont_3.icon_1 {
}
.solutions_cont_3.icon_2 {
}
.solutions_cont_3.icon_3 {
}
.solutions_cont_3.icon_4 {
}
.solutions_cont_3.icon_5 {
}
.solutions_cont_3.icon_6 {
}
.solutions_cont_4 {
    padding: 40px 18px;
    background-color: #F5F6F9;
}
.solutions_cont_4 .left_area {
    float: left;
    width: 300px;
    text-align: center;
}
.solutions_cont_4 .left_area h3 {
 display: none;
}
.solutions_cont_4 .clrcle {
    display: none;
}
.solutions_cont_4 .right_area {
    float: none;
}
.solutions_cont_4 .right_area .txt_1 {
   margin-bottom: 25px;
    line-height: 1.4;
    line-height: 1.6;
    font-size: 17px;
    font-family: "noto-medium";
    color: #000;
}
.sub_style_4 .title_style_1 {
    margin-bottom: 25px;
    line-height: 1.4;
    line-height: 1.6;
    font-size: 17px;
    font-family: "noto-medium";
    color: #000;
}
.solutions_cont_4 .right_area p {
    margin-bottom: 25px;
    line-height: 1.4;
    line-height: 1.6;
    font-size: 17px;
    font-family: "noto-medium";
    color: #000;
}
.solutions_cont_4 .right_area .txt_3 {
   margin-bottom: 20px;
    line-height: 1.7;
    font-size: 15px;
    color: #656565;
    font-family: "noto-demilight";
}
.green_theme .solutions_cont_3 .txt_1.icon_1 {
    min-height: 70px;
   margin-bottom: 20px;
   padding-top: 125px;
   background: url(/svg/sub/marketplaces_icon_1.svg) no-repeat center top 10px;		
    /* background: url(../images/marketplaces_icon_1.jpg) no-repeat center top 10px; */
   background-size: 120px;
}
.green_theme .solutions_cont_3 .txt_1.icon_2 {
    min-height: 70px;
     margin-bottom: 20px;
   padding-top: 125px;
   background: url(/svg/sub/marketplaces_icon_2.svg) no-repeat center top 10px;		
   /*   background: url(../images/marketplaces_icon_2.jpg) no-repeat center top 10px; */
   background-size: 100px;
}
.green_theme .solutions_cont_3 .txt_1.icon_3 {
   min-height: 70px;
     margin-bottom: 20px;
   padding-top: 125px;
   background: url(/svg/sub/marketplaces_icon_3.svg) no-repeat center top 10px;		
  /*   background: url(../images/marketplaces_icon_3.jpg) no-repeat center top 10px; */
  background-size: 100px;
}
.green_theme .solutions_cont_3 .txt_1.icon_4 {
   min-height: 70px;
    margin-bottom: 20px;
   padding-top: 125px;
  background: url(/svg/sub/marketplaces_icon_4.svg) no-repeat center top 10px;			
    /* background: url(../images/marketplaces_icon_4.jpg) no-repeat center top 10px; */
    background-size: 90px;
}
.green_theme .solutions_cont_3.icon_1 {
}
.green_theme .solutions_cont_3.icon_2 {
}
.green_theme .solutions_cont_3.icon_3 {
}
.green_theme .solutions_cont_3.icon_4 {
}
.green_theme .clrcle {
    background-color: #44bea0;
}
.green_theme .right_area .txt_1 {
}
.purple_theme .solutions_cont_3 .txt_1.icon_1 {
    min-height: 70px;
   margin-bottom: 20px;
   padding-top: 125px;
  background: url(/svg/sub/distributors_icon_1.svg) no-repeat center top 10px;		
    /* background: url(../images/distributors_icon_1.jpg) no-repeat center top 10px; */
   background-size: 120px;
}
.purple_theme .solutions_cont_3 .txt_1.icon_2 {
    min-height: 70px;
   margin-bottom: 20px;
   padding-top: 125px;
  background: url(/svg/sub/distributors_icon_2.svg) no-repeat center top 10px;	
    /* background: url(../images/distributors_icon_2.jpg) no-repeat center top 10px; */
   background-size: 120px;
}
.purple_theme .solutions_cont_3 .txt_1.icon_3 {
    min-height: 70px;
   margin-bottom: 20px;
   padding-top: 125px;
   background: url(/svg/sub/distributors_icon_3.svg) no-repeat center top 10px;	
    /* background: url(../images/distributors_icon_3.jpg) no-repeat center top 10px; */
   background-size: 120px;
}
.purple_theme .solutions_cont_3.icon_1 {
}
.purple_theme .solutions_cont_3.icon_2 {
}
.purple_theme .solutions_cont_3.icon_3 {
}
.purple_theme .clrcle {
    background-color: #a776c4;
}
.purple_theme .right_area .txt_1 {
}

@media (min-width: 768px) {
.solutions_cont_1 {
	  padding: 82px 0 115px 0;	
	}
.solutions_cont_1 p {
  	  font-size: 14px;
}
.solutions_cont_1  .txt_3 {
	font-size: 14px;
}
.brands_bg {
    background: url(../images/brands_bg.jpg) no-repeat center 0;
   display: block;
}
.marketplaces_bg {
    background: url(../images/marketplaces_bg.jpg) no-repeat center 0;
    display: block;
}
.distributors_bg {
    background: url(../images/distributors_bg.jpg) no-repeat center 0;
    display: block;
}
.solutions_cont_1 h3 {
    margin-bottom: 35px;
    font-weight: bold;
    text-align: left;
    font-size: 24px;
    font-family: "noto";
}
.solutions_cont_1 h3 span {
   padding-top: 0;
   display: inline;
    font-size: 16px;
   font-weight: bold;
    font-family: "Roboto";
}
.solutions_cont_2 h3 {
    font-size: 30px;
}
.solutions_cont_2 h3 span {
    font-size: 16px;
}
.solutions_cont_2 ul li {
    padding: 5px 0 2px 30px;
    font-size: 16px;
   background-size: 20px 25px;
}
.solutions_cont_3 {
  width: 730px;
  margin: 0 auto;
 padding: 135px 280px 50px 0;
    box-sizing: border-box;
}
.solutions_cont_3 .txt_1 {
    margin: 0;
}
.solutions_cont_3 h3 {
    margin-bottom: 25px;
    font-size: 25px;
    font-weight: bold;
    font-family: "noto";
}
.solutions_cont_3 .txt_1.icon_1 {
    min-height: 30px;
   margin-bottom: 0;
   padding-top: 0;
    background-image:  none;
   font-family: 'Nanum Gothic';
}
.solutions_cont_3 .txt_1.icon_2 {
    min-height: 30px;
   margin-bottom: 0;
   padding-top: 0;
    background-image:  none;
 font-family: 'Nanum Gothic';
}
.solutions_cont_3 .txt_1.icon_3 {
    min-height: 30px;
   margin-bottom: 0;
   padding-top: 0;
    background-image:  none;
 font-family: 'Nanum Gothic';
}
.solutions_cont_3 .txt_1.icon_4 {
    min-height: 30px;
   margin-bottom: 0;
   padding-top: 0;
    background-image:  none;
 font-family: 'Nanum Gothic';
}
.solutions_cont_3 .txt_1.icon_5 {
    min-height: 30px;
   margin-bottom: 0;
   padding-top: 0;
    background-image:  none;
  font-family: 'Nanum Gothic';
}
.solutions_cont_3 .txt_1.icon_6 {
    min-height: 30px;
   margin-bottom: 0;
   padding-top: 0;
    background-image:  none;
  font-family: 'Nanum Gothic';
}
.solutions_cont_3.icon_1 {
    min-height: auto;
   background: url(/svg/sub/brands_icon_1.svg) no-repeat;
    /* background: url(../images/brands_icon_1.jpg) no-repeat; */
    background-position: right 38px top 125px;
   background-size: 169px 102px;
}
.solutions_cont_3.icon_2 {
    min-height: auto;
   background: url(/svg/sub/brands_icon_2.svg) no-repeat;
    /* background: url(../images/brands_icon_2.jpg) no-repeat; */
    background-position: right 38px top 145px;
   background-size: 163px 112px;
}
.solutions_cont_3.icon_3 {
    min-height: auto;
   background: url(/svg/sub/brands_icon_3.svg) no-repeat;
      /* background: url(../images/brands_icon_3.jpg) no-repeat; */
    background-position: right 38px top 145px;
   background-size:164px 97px;
}
.solutions_cont_3.icon_4 {
    min-height: auto;
   background: url(/svg/sub/brands_icon_4.svg) no-repeat;
    /*   background: url(../images/brands_icon_4.jpg) no-repeat; */
    background-position: right 38px top 145px;
   background-size: 167px 112px;
}
.solutions_cont_3.icon_5 {
    min-height: auto;
   background: url(/svg/sub/brands_icon_5.svg) no-repeat;
      /* background: url(../images/brands_icon_5.jpg) no-repeat; */
    background-position: right 38px top 145px;
   background-size: 189px 80px;
}
.solutions_cont_3.icon_6 {
    min-height: auto;
   background: url(/svg/sub/brands_icon_6.svg) no-repeat;
     /* background: url(../images/brands_icon_6.jpg) no-repeat; */
    background-position: right 38px top 145px;
   background-size: 138px 137px;
}
.solutions_cont_3 h3 {
      font-size: 21px;		
}
.solutions_cont_3 p {
	font-size: 14px;
}
.solutions_cont_4 {
    width: 730px;
   margin: 0 auto;
   padding: 70px 0 50px;
    background-color: #F5F6F9;
}
.solutions_cont_4 .left_area {
width: 180px;
}
.solutions_cont_4 .right_area {
   float: left;
    width: 550px;
   min-height: 300px;
    border-left: 1px solid #ddd;
    padding: 0 60px 0 35px;
    box-sizing: border-box;
}
.solutions_cont_4 .right_area .txt_1 {
  margin-bottom: 20px;
 padding-bottom: 20px;
  line-height: 1.5;
  background: url(../images/yellow_bar.gif) no-repeat 0 bottom;
 font-size: 20px;
  color: #2f2f30;
  font-family: "noto";
}
.solutions_cont_4 .right_area p {
line-height: 2;
font-size: 13px;
 color: #4d4842; 
}
.solutions_cont_4 .right_area .txt_3 {
   font-size: 13px;
    font-family: "Nanum Gothic";
}
.solutions_cont_4 .left_area h3 {
    margin-bottom: 80px;
    font-size: 20px;
    font-family: "noto-medium";
   display: block;
}
.solutions_cont_4 .clrcle {
     width: 134px;
    height: 134px;
    line-height: 134px;
    display: inline-block;
    font-size: 30px;
    border-radius: 50%;
    background-color: #f49c30;
    color: #fff;
}
.green_theme .solutions_cont_3 .txt_1.icon_1 {
    min-height: 30px;
   margin-bottom: 0;
   padding-top: 0;
    background-image:  none;
   font-family: 'Nanum Gothic';
}
.green_theme .solutions_cont_3 .txt_1.icon_2 {
    min-height: 30px;
   margin-bottom: 0;
   padding-top: 0;
    background-image:  none;
   font-family: 'Nanum Gothic';
}
.green_theme .solutions_cont_3 .txt_1.icon_3 {
    min-height: 30px;
   margin-bottom: 0;
   padding-top: 0;
    background-image:  none;
   font-family: 'Nanum Gothic';
}
.green_theme .solutions_cont_3 .txt_1.icon_4 {
    min-height: 30px;
   margin-bottom: 0;
   padding-top: 0;
    background-image:  none;
   font-family: 'Nanum Gothic';
}
.green_theme .solutions_cont_3.icon_1 {
   background: url(/svg/sub/marketplaces_icon_1.svg) no-repeat;	
    /* background: url(../images/marketplaces_icon_1.jpg) no-repeat; */
    background-position: right 100px top 145px;
   background-size: 141px 118px;
}
.green_theme .solutions_cont_3.icon_2 {
  background: url(/svg/sub/marketplaces_icon_2.svg) no-repeat;	  
  /* 	background: url(../images/marketplaces_icon_2.jpg) no-repeat; */
    background-position: right 100px top 145px;
   background-size: 109px 100px;
}
.green_theme .solutions_cont_3.icon_3 {
 background: url(/svg/sub/marketplaces_icon_3.svg) no-repeat;	
   /*   background: url(../images/marketplaces_icon_3.jpg) no-repeat; */
    background-position: right 100px top 145px;
   background-size: 104px 95px;
}
.green_theme .solutions_cont_3.icon_4 {
background: url(/svg/sub/marketplaces_icon_4.svg) no-repeat;		
  /*    background: url(../images/marketplaces_icon_4.jpg) no-repeat; */
    background-position: right 100px top 145px;
   background-size: 91px 102px;
}
.purple_theme .solutions_cont_3 .txt_1.icon_1 {
   padding-top: 0;
    background-image:  none;
   font-family: 'Nanum Gothic';
}
.purple_theme .solutions_cont_3 .txt_1.icon_2 {
    min-height: 30px;
   margin-bottom: 0;
   padding-top: 0;
    background-image:  none;
  font-family: 'Nanum Gothic';
}
.purple_theme .solutions_cont_3 .txt_1.icon_3 {
    min-height: 30px;
   margin-bottom: 0;
   padding-top: 0;
    background-image:  none;
   font-family: 'Nanum Gothic';
}
.green_theme .right_area .txt_1 {
    background: url(../images/green_bar.gif) no-repeat 0 bottom;
}
.purple_theme .solutions_cont_3.icon_1 {
  background: url(/svg/sub/distributors_icon_1.svg) no-repeat;	
    /* background: url(../images/distributors_icon_1.jpg) no-repeat; */
    background-position: right 47px top 145px;
   background-size: 164px 117px;
}
.purple_theme .solutions_cont_3.icon_2 {
  background: url(/svg/sub/distributors_icon_2.svg) no-repeat;	
    /* background: url(../images/distributors_icon_2.jpg) no-repeat; */
    background-position: right 47px top 145px;
   background-size: 141px 118px;
}
.purple_theme .solutions_cont_3.icon_3 {
  background: url(/svg/sub/distributors_icon_3.svg) no-repeat;		
    /* background: url(../images/distributors_icon_3.jpg) no-repeat; */
    background-position: right 47px top 145px;
   background-size: 125px 104px;
}
.purple_theme .right_area .txt_1 {
    background: url(../images/purple_bar.gif) no-repeat 0 bottom;
}
}

@media (min-width: 992px) {
.solutions_cont_1 {
	  padding: 82px 20px 115px 10px;	
	}
.solutions_cont_1 p {
  	  font-size: 15px;
}
.solutions_cont_1  .txt_3 {
	font-size: 15px;
}
.solutions_cont_1 h3 {
    font-size: 27px;
}
.solutions_cont_1 h3 span {
    font-size: 17px;
}
.solutions_cont_2 h3 {
    font-size: 34px;
}
.solutions_cont_2 h3 span {
    font-size: 17px;
}
.solutions_cont_2 ul li {
     padding: 5px 0 2px 30px;
    font-size: 18px;
   background-size: 22px 28px;
}
.solutions_cont_3 {
  width: 950px;	
   padding: 135px 270px 80px 0;
}
.solutions_cont_3.icon_1 {
    background-position: right 38px top 125px;
   background-size: 179px 108px;
}
.solutions_cont_3.icon_2 {
    background-position: right 38px top 135px;
   background-size: 183px 125px;
}
.solutions_cont_3.icon_3 {
    background-position: right 38px top 135px;
   background-size: 184px 109px;
}
.solutions_cont_3.icon_4 {
    background-position: right 38px top 135px;
   background-size:187px 126px;
}
.solutions_cont_3.icon_5 {
    background-position: right 38px top 135px;
   background-size: 209px 89px;
}
.solutions_cont_3.icon_6 {
    background-position: right 38px top 135px;
   background-size: 158px 157px;
}
.solutions_cont_3 h3 {
      font-size: 23px;		
}
.solutions_cont_3 p {
	font-size: 15px;
}
.solutions_cont_4 {
    width: 950px;
}
.solutions_cont_4 .left_area {
width: 250px;
}
.solutions_cont_4 .right_area {
    width: 700px;
}
.solutions_cont_4 .right_area .txt_1 {
 font-size: 21px;		
}
.solutions_cont_4 .right_area p {
font-size: 14px;
}
.solutions_cont_4 .right_area .txt_3 {
   font-size: 14px;
    font-family: "Nanum Gothic";
}
.solutions_cont_4 .left_area h3 {
    font-size: 22px;
}
.solutions_cont_4 .clrcle {
     width: 164px;
    height: 164px;
    line-height: 164px;
    font-size: 34px;		
}
.green_theme .solutions_cont_3.icon_1 {
    background-position: right 100px top 135px;
   background-size: 161px 135px;
}
.green_theme .solutions_cont_3.icon_2 {
    background-position: right 100px top 135px;
   background-size: 129px 119px;
}
.green_theme .solutions_cont_3.icon_3 {
    background-position: right 100px top 135px;
   background-size: 124px 113px;
}
.green_theme .solutions_cont_3.icon_4 {
    background-position: right 100px top 135px;
   background-size: 111px 125px;
}
.purple_theme .solutions_cont_3.icon_1 {
    background-position: right 47px top 135px;
   background-size: 184px 131px;
}
.purple_theme .solutions_cont_3.icon_2 {
    background-position: right 47px top 135px;
   background-size: 161px 135px;
}
.purple_theme .solutions_cont_3.icon_3 {
    background-position: right 47px top 135px;
   background-size: 145px 120px;
}
}

@media (min-width: 1200px) {
.solutions_cont_1 {
	  padding: 82px 100px 115px 55px;	
}
.solutions_cont_1 p {
  	  font-size: 16px;
}
.solutions_cont_1  .txt_3 {
	font-size: 16px;
}
.solutions_cont_1 h3 {
    font-size: 30px;
}
.solutions_cont_1 h3 span {
    font-size: 18px;
}
.solutions_cont_2 h3 {
    font-size: 38px;
}
.solutions_cont_2 h3 span {
    font-size: 18px;
}
.solutions_cont_2 ul li {
    padding: 5px 0 0 30px;
    font-size: 20px;
    background-size: 24px 30px;
}
.solutions_cont_3 {
  width: 1100px;
  padding: 135px 310px 50px 0;
}
.solutions_cont_3.icon_1 {
    padding: 105px 310px 80px 0;
    background-position: right 38px top 105px;
   background-size: 199px 120px;
}
.solutions_cont_3.icon_2 {
    padding: 105px 310px 80px 0;
    background-position: right 38px top 105px;
   background-size: 203px 139px;
}
.solutions_cont_3.icon_3 {
    padding: 105px 310px 80px 0;
    background-position: right 38px top 105px;
   background-size: 224px 133px;
}
.solutions_cont_3.icon_4 {
    padding: 105px 310px 80px 0;
    background-position: right 38px top 105px;
   background-size: 217px 146px;
}
.solutions_cont_3.icon_5 {
    padding: 105px 310px 80px 0;
    background-position: right 38px top 105px;
      background-size: 249px 106px;
}
.solutions_cont_3.icon_6 {
    padding: 105px 310px 80px 0;
    background-position: right 38px top 105px;
   background-size: 178px 177px;
}
.solutions_cont_3 h3 {
      font-size: 25px;		
}
.solutions_cont_3 p {
	font-size: 16px;
}
.solutions_cont_4 {
    width: 1100px;
}
.solutions_cont_4 .left_area {
width: 300px;
}
.solutions_cont_4 .right_area {
    width: 800px;
}
.solutions_cont_4 .right_area .txt_1 {
 font-size: 22px;		
}
.solutions_cont_4 .right_area p {
font-size: 15px;
}
.solutions_cont_4 .right_area .txt_3 {
   font-size: 16px;
    font-family: "Nanum Gothic";
}
.solutions_cont_4 .left_area h3 {
    font-size: 24px;
}
.solutions_cont_4 .clrcle {
     width: 194px;
    height: 194px;
    line-height: 194px;
    font-size: 38px;		
}
.green_theme .solutions_cont_3.icon_1 {
    padding: 105px 310px 80px 0;
    background-position: right 100px top 105px;
   background-size: 181px 152px;
}
.green_theme .solutions_cont_3.icon_2 {
    padding: 105px 310px 80px 0;
    background-position: right 100px top 105px;
   background-size: 149px 137px;
}
.green_theme .solutions_cont_3.icon_3 {
    padding: 105px 310px 80px 0;
    background-position: right 100px top 105px;
   background-size: 144px 131px;
}
.green_theme .solutions_cont_3.icon_4 {
    padding: 105px 310px 80px 0;
    background-position: right 100px top 105px;
   background-size: 131px 147px;
}
.purple_theme .solutions_cont_3.icon_1 {
    padding: 105px 310px 80px 0;
    background-position: right 47px top 105px;
   background-size: 204px 145px;
}
.purple_theme .solutions_cont_3.icon_2 {
    padding: 105px 310px 80px 0;
    background-position: right 47px top 105px;
   background-size: 181px 152px;
}
.purple_theme .solutions_cont_3.icon_3 {
    padding: 105px 310px 80px 0;
    background-position: right 47px top 105px;
   background-size: 165px 137px;
}
}

/*인사말*/
.intro_wrap {
  padding: 20px 20px 0;
}
.intro_wrap .title_style_3 {
 margin-bottom: 0;
  padding: 20px 0 15px;
    font-family: "noto-medium";
    color: #333;
    font-size: 24px;
}
.intro_txt {
    padding-left: 0;
    line-height: 1.7;
    color: #5b5b5b; /*font-family:"맑은 고딕","Malgun Gothic";*/
}
.intro_txt p {
    margin-bottom: 25px;
    letter-spacing: -0.5px;
}
.intro_txt .name {
    padding-top: 15px;
    display: block;
    text-align: right;
}

@media (min-width: 768px) {
.intro_wrap {
    padding: 90px 0 0;
}
.intro_wrap .title_style_3 {
    font-size: 26px;
   margin-bottom: 50px;
    font-weight: bold;
    font-family: "noto";
}
.intro_txt {
    padding-left: 275px;
       line-height: 1.5;
    background: url(../images/intro.jpg) no-repeat 0 0;
   background-size: 247px 294px;
   font-family: 'Nanum Gothic';
}
.intro_txt p {
margin-bottom: 10px;
font-size: 14px;
}
.intro_txt .name {
font-size: 14px;
}
.ci_wrap .logo_area img {
height: 58px;
}
.sub_cont p {
font-size: 14px;
}
}

@media (min-width: 992px) {
.intro_wrap .title_style_3 {
    font-size: 28px;
}
.intro_txt {
    padding-left: 385px;
   background-size: 327px 389px;
}
.intro_txt p {
margin-bottom: 15px;
font-size: 15px;
}
.intro_txt .name {
font-size: 15px;
}
.ci_wrap .logo_area img {
height: 68px;
}
.sub_cont p {
font-size: 15px;
}
}

@media (min-width: 1200px) {
.intro_wrap .title_style_3 {
    font-size: 30px;
}
.intro_txt {
    padding-left: 415px;
   background-size: 357px 425px;
}
.intro_txt p {
  margin-bottom: 25px;
 font-size: 16px;
}
.intro_txt .name {
font-size: 16px;
}
.ci_wrap .logo_area img {
height: 78px;
}
.sub_cont p {
font-size: 16px;
}
}

/*ci*/
.ci_outer {
    padding-top: 30px;
}
.ci_outer .gray_bg {
    padding: 0 20px;
    background-color: #ebebeb;
}
.ci_wrap {
    padding: 50px 0 55px;
    text-align: center;
    line-height: 1.7;
    color: #5b5b5b; /*font-family:"맑은 고딕","Malgun Gothic";*/
}
.ci_wrap .logo_area {
    margin-bottom: 40px;
}
.ci_wrap .logo_area img {
    width: 152px;
}

@media (min-width: 768px) {
.ci_outer {
    padding-top: 80px;
}
.ci_wrap .logo_area img {
height: 58px;
}
.ci_wrap .logo_area img {
    width:  auto;
}
.sub_cont p {
font-size: 14px;
}
}

@media (min-width: 992px) {
.ci_wrap .logo_area img {
height: 68px;
}
.ci_wrap {

    line-height: 1.5;
    color: #5b5b5b; 
font-family:"맑은 고딕","Malgun Gothic";
}
.sub_cont p {
font-size: 15px;
}
}

@media (min-width: 1200px) {
.ci_wrap .logo_area img {
height: 78px;
}
.sub_cont p {
font-size: 16px;
}
}

/*찾아오시는길*/
.location_wrap {
padding: 20px 20px 50px;
}
.location_wrap .title_style_3 {
   margin-bottom: 0;
   padding: 20px 0 15px;
    font-family: "noto-medium";
    color: #333;
    font-size: 24px;
}
.map_area {
    margin-bottom: 25px;
}
.map_area iframe {
    width: 100%;
    height: 445px;
}
.location {
    padding: 0;
}
.location h4 {
    display: none;
}
.location .left_area {
    float: none;
    width: auto;
    border-top: 1px solid #000;
}
.location .right_area {
    float: none;
    width: auto;
        border-top: 1px solid #ccc;
}
.location h5 {
    padding: 15px 0;
    color: #333;
}
.location address {
   width: 100%;
   margin-bottom: 10px;
    font-size: 14px;
    color: #666;
    line-height: 1.6;
}
.location ul {
 display: block;
 padding-bottom: 10px;	
}
.location ul li {
   float: left;
    margin-right: 10px;
}
.location ul li:last-child {
    width: 100%;
   padding-bottom: 10px;
}
.location ul li a {
   font-size: 15px;
    line-height: 1.2;
    color: #666;
}

@media (min-width: 768px) {
.location_wrap {
    padding: 90px 0 110px;
}
.location_wrap .title_style_3 {
    margin-bottom: 40px;
   padding: 0;
    font-size: 30px;
    font-weight: bold;
    font-family: "noto";
}
.map_area {
    margin-bottom: 40px;
}
.location {
    padding: 0 35px;
}
.location h4 {
    margin-bottom: 20px;
    font-size: 16px;
    font-family: "noto";
    font-weight: bold;
   display: block;
}
.location .left_area {
   float: left;
    width: 323px;
   font-size: 14px;
   border-top: 2px solid #000;
}
.location .right_area {
    float: right;
    width: 323px;
   font-size: 14px;
   border-top: 2px solid #000;
}
.location h5 {
    padding: 30px 0 25px;
  color: #666;
}
.location address {
    margin-bottom: 25px;
    line-height: 1.5;
    font-family: "Nanum Gothic";
    color: #666;
}
.location ul li {
      float: none;
    line-height: 1.5;
    font-family: "Nanum Gothic";
    color: #666;
}
.location ul li:last-child {
    display: inline-block;
    width:  auto;
     padding-bottom: 0;
}
.location ul li a {
   font-size: 16px;
    line-height: 1.5;
    font-family: "Roboto";
    color: #666;
}
}

@media (min-width: 992px) {
.location h4 {
    font-size: 17px;
}
.location .left_area {
    width: 423px;
   font-size: 15px;
}
.location .right_area {
    width: 423px;
   font-size: 15px;
}
}

@media (min-width: 1200px) {
.location h4 {
    font-size: 18px;
}
.location .left_area {
    width: 503px;
   font-size: 16px;
}
.location .right_area {
    width: 503px;
   font-size: 16px;
}
}

/*고객사*/
.customer_wrap {
padding: 20px 20px 0;
}
.customer_wrap .title_style_3 {
   margin-bottom: 20px;
    font-size: 24px;
    color: #000;
    font-family: "noto-medium";
} 
.customer_wrap p {
    line-height: 1.7;
    color: #5b5b5b; 
    font-family: "noto-medium";
}
.customer_list {
    padding: 25px 0;
}
/* .customer_list li {
    float: left;
    width: 25%;
    margin-bottom: 47px;
    text-align: center;
    display: inline;
}
*/
.customer_list li {
    float: left;
    width: 30%;
   height: 42px;
   line-height: 42px;
    margin: 15px 5px;
    text-align: center;
    display: inline;
   border: 1px solid #dedede;
   box-sizing: border-box;
}
.customer_list li img{ 
	max-width: 80%; 
	height:20px; 
	vertical-align: top;
	margin-top:10px;
}
@media (min-width: 768px) {
.customer_wrap {
    padding: 90px 0 5px;
}
.customer_wrap .title_style_3 {
    margin-bottom: 50px;
    font-size: 30px;
    font-weight: bold;
    font-family: "noto";
} 
.customer_wrap p {
    margin-bottom: 25px;
}
.customer_list {
    padding-top: 25px;
}
.customer_list li {
    float: left;
    width: 24%;
   height: 62px;
   line-height: 62px;
    margin: 15px 5px;
    text-align: center;
    display: inline;
   border: 1px solid #dedede;
   box-sizing: border-box;
}
.customer_list li img{ 
	max-width: 90%; 
	height:auto; 
}
}
/*
.customer_list li.li_1{width:220px;}
.customer_list li.li_2{width:220px;}
.customer_list li.li_3{width:220px;}
.customer_list li.li_4{width:220px;}
.customer_list li.li_5{width:220px;}
.customer_list li.li_6{width:440px;}
*/

@media (min-width: 768px) {
.customer_wrap .title_style_3 {
      margin-bottom: 30px;  
   font-size: 26px;
}
.customer_wrap p {
    font-size: 14px;
}
.customer_list li {
    width: 23%;
}
}

@media (min-width: 992px) {
.customer_wrap .title_style_3 {
     margin-bottom: 40px;  
   font-size: 28px;
}
.customer_wrap p {
    font-size: 15px;
}
}

@media (min-width: 1200px) {
.customer_wrap .title_style_3 {
 margin-bottom: 50px;  
  font-size: 30px;
}
.customer_wrap p {
    font-size: 16px;
}
.customer_list li {
    width: 24%;
}
}

/*제휴사*/
.partner_wrap {
    padding: 0 20px 50px;
}
.partner_wrap .title_style_3 {
margin-bottom: 20px;
    font-size: 24px;
    color: #000;
    font-family: "noto-medium";
}
.partner_wrap p {
    line-height: 1.8;
    font-family: "noto-medium";
}
.partner_wrap .gray_bg {
	display: none;
}
.partner_list {
 padding: 25px 0;
}
/*
.partner_list li {
    float: left;
    width: 25%;
    margin-bottom: 47px;
    text-align: center;
    display: inline;
}
*/
.partner_list li {
    float: left;
    width: 30%;
   height: 42px;
   line-height: 42px;
    margin: 15px 5px;
    text-align: center;
    display: inline;
   border: 1px solid #dedede;
   box-sizing: border-box;
}
.partner_list li img{
	max-width: 80%;  
	height:20px; 
	vertical-align: top;
	margin-top:10px;
}
@media (min-width: 768px) {
.partner_wrap {
    padding-top: 85px;
}
.partner_wrap .title_style_3 {
    margin-bottom: 35px;
    line-height: 1.5;
    color: #5b5b5b; 
    font-family: "Nanum Gothic";
}
.partner_wrap .gray_bg {
	display: block;
}
.partner_list {
    padding: 80px 0 120px;
    text-align: center;
}
.partner_list li {
    float: left;
    width: 24%;
   height: 62px;
   line-height: 62px;
    margin: 15px 5px;
    text-align: center;
    display: inline;
   border: 1px solid #dedede;
   box-sizing: border-box;
}
.partner_list li img{
	max-width: 90%;  
	height:auto; 
}
}
.now_call {
    padding: 40px 0 40px;
}
.now_call .title_style_2 {
    margin-bottom: 45px;
}
.now_call .txt_area {
    padding-left: 410px;
    background: url(../images/call_now.jpg) no-repeat 0 0;
    line-height: 1.5;
    color: #5b5b5b;
}
.now_call .txt_area p {
    margin-bottom: 25px;
}

@media (min-width: 768px) {
.partner_wrap .title_style_3 {
  font-size: 26px;
}
.partner_wrap p {
    font-size: 14px;
}
.now_call .txt_area {
    padding-left: 310px;
    background-position: left 20px;
    background-size: 282px 123px;
}
.partner_list li {
    width: 23%;
}
}

@media (min-width: 992px) {
.partner_wrap .title_style_3 {
  font-size: 28px;
}
.partner_wrap p {
    font-size: 15px;
}
.now_call .txt_area {
    padding-left: 350px;
    background-position: left 0;
    background-size: 332px 144px;
}
}

@media (min-width: 1200px) {
.partner_wrap .title_style_3 {
  font-size: 30px;
}
.partner_wrap p {
    font-size: 16px;
}
.now_call .txt_area {
    padding-left: 410px;
   background-position: left 0;
    background-size: 382px 166px;
}
.partner_list li {
    width: 24%;
}
}

/*faq*/
.faq_wrap {
    padding: 0 20px 50px;	
}
.faq_wrap h3 {
   padding: 20px 0 15px;
    font-weight: bold;
    color: #333;
   font-size: 24px;
    font-family: "noto-medium";
}
.faq_wrap .txt {
      margin-bottom: 20px;
    line-height: 1.7;
    color: #666;
    font-family: "noto-medium";
}
.faq_tab_title {
}
.faq_tab_title ul li {
    float: left;
   width: 33.33%;
    text-align: center;
}
.faq_tab_title ul li a {
   height: 28px;
    line-height: 28px;
    display: block;
    border: 1px solid #ccc;
    border-bottom: 1px solid #000;
    color: #737373;
    font-family: "noto-medium";
}
.faq_tab_title ul li.tab_on a {
   border: 1px solid #000;
    color: #000;
}
.faq_tab_cont>div {
    display: none;
}
.faq_tab_cont>div:first-child {
    display: block;
}
.faq_list * {
    line-height: 1.5; 
}
.faq_list li {
    background: url(../images/faq_q.gif) no-repeat 0 28px;
    border-bottom: 1px solid #d6d6d6;
   background-size: 5px;
    font-family: "noto-medium";
}
.faq_list li a {
    font-family: "noto-medium";	
}
.faq_list .question {
   padding: 15px 0 15px 10px;
    cursor: pointer;
}
.faq_list .question.on {
}
.faq_list .answer {
    padding: 15px 10px;
    display: none;
    background-color: #f9f9f9;
}
.faq_list .f-green {
    margin-right: 5px;
    display: inline-block;
    color: #44bea0;
    font-weight: bold;
}
.faq_list .f-orange {
    margin-right: 5px;
    display: inline-block;
    color: #fb9430;
    font-weight: bold;
}
.faq_list .f-red {
    margin-right: 5px;
    display: inline-block;
    color: #ef4639;
    font-weight: bold;
}
.faq_list .f-purple {
    margin-right: 5px;
    display: inline-block;
    color: #8757a4;
    font-weight: bold;
}
.faq_list .f-sky {
    margin-right: 5px;
    display: inline-block;
    color: #3aaecc;
    font-weight: bold;
}
.faq_online {
    border-top: 2px solid #000;
}
ul.faq_tb {
	position: relative;
	z-index: 9;
	display: block;
	height: 100%;
	margin: 0;
}
ul.faq_tb li {
	position: relative;
	display: inline-block;
	min-height: 50px;
}
ul.faq_tb .before {
	position: relative;
	float: left;
	width: 75px;
	height: 54px;
	line-height: 54px;
	display: inline-block;
	box-sizing: border-box;
}
ul.faq_tb .after {
	position: relative;
	display:block;
	height: 54px;
	line-height: 54px;
	padding-left: 75px;
	box-sizing: border-box;
}
ul.faq_tb .before.txt {
	position: relative;
	float: left;
	width: 75px;
	height: 190px;
	line-height: 190px;
	display: inline-block;
	box-sizing: border-box;
}
ul.faq_tb .after.txt {
	position: relative;
	display: block;
	height: 178px;
	margin-top: 12px;
	padding-left: 75px;
	box-sizing: border-box;
}
ul.faq_tb .before.country {
	position: relative;
	float: left;
	width: 75px;
	height: 54px;
	line-height: 54px;
	display: inline-block;
	box-sizing: border-box;
}
ul.faq_tb .after.country {
	position: relative;
	display: block;
	height: 54px;
	line-height: 54px;
	padding-left: 75px;
	box-sizing: border-box;
}
ul.faq_tb .totalButton {
	position: relative;
	width: 100%;
	margin:  0 auto;
	display: inline-block;
	text-align: center;
}
.faq_tb * {
 /*font-family:"맑은 고딕","Malgun Gothic";*/
}
.faq_online .before {
    padding-left: 5px;
    text-align: left;
    border-bottom: 1px solid #d6d6d6;
    font-weight: normal;
}
.faq_online .after {
    padding: 0;
    border-bottom: 1px solid #d6d6d6;
}
.faq_online li input[type=text] {
    width: 100%;
   height: 30px;
    line-height: 30px;
}
.faq_online li.name input[type=text] {
    width: 100%;
}
.faq_online li span {
    padding: 0 5px;
    display: inline-block;
    line-height: 50px;
}
.faq_online li.email input[type=text] {
    width:  40%;
}
.faq_online li.tel input[type=text] {
    width: 25%;
}
.faq_online li textarea {
    padding: 10px;
    width: 100%;
    height: 165px;
    box-sizing: border-box;
    border: 1px solid #ddd;
}

@media (min-width: 768px) {
.faq_wrap {
    padding: 0;	
}
.faq_wrap h3 {
    padding: 90px 0 30px;
    font-weight: bold;
    color: #333;
    font-size: 26px;
    font-family: "noto";
}
.faq_wrap .txt {
    margin-bottom: 60px;
    line-height: 1.5;
    color: #666;
    font-size: 14px;
}
.faq_tab_title {
    background: url(../images/tab_bar.gif) repeat-x 0 bottom;
}
.faq_tab_title ul li {
    float: left;
    width: 220px;
    text-align: center;
}
.faq_tab_title ul li a {
    height: 43px;
    line-height: 43px;
    display: block;
     font-size: 16px;
    border: 1px solid #d3d3d3;
    border-bottom: 2px solid #000;
    color: #737373; 
  font-family:"맑은 고딕","Malgun Gothic";
}
.faq_tab_title ul li.tab_on a {
    border: 1px solid #000;
    border-bottom: 2px solid #000;
    font-size: 14px;
    color: #51c3a7;
    font-weight: bold;
}
.faq_list li {
    background: url(../images/faq_q.gif) no-repeat 0 32px;
    border-bottom: 1px solid #d6d6d6;
   background-size: auto;
}
.faq_list .question {
    padding: 20px 80px 20px 30px;
   font-size: 14px;
    background: url(../images/faq_arrow_off.png) no-repeat right 30px top 25px;
  background-size: 16px 9px;
    cursor: pointer;
}
.faq_list .question.on {
    background: url(../images/faq_arrow_on.png) no-repeat right 30px top 25px;
   background-size: 16px 9px;
}
.faq_list .question a {
font-size: 14px;		
}
.faq_list .answer {
    padding: 20px 110px 20px 30px;
    font-size: 14px;
    display: none;
    background-color: #f9f9f9;
}
.faq_list .answer {
}
ul.faq_tb {
	position: relative;
	z-index: 9;
	display: block;
	height: 100%;
	margin: 0 0 70px;
}
ul.faq_tb li {
	position: relative;
	display: inline-block;
	height: 90px;
	line-height: 90px;
}
ul.faq_tb .before {
	position: relative;
	float: left;
	width: 10%;
	height: 94px;
	line-height: 94px;
	padding-top:  0;
	display: inline-block;
	box-sizing: border-box;
}
ul.faq_tb .after {
	position: relative;
	float: left;
	width: 40%;
      height: 94px;
	line-height: 94px;
	padding-left: 0;
	display: inline-block;
	box-sizing: border-box;
}
ul.faq_tb .before.txt {
	position: relative;
	float: left;
	width: 10%;
	height: 190px;
	line-height: 190px;
	display: inline-block;
	box-sizing: border-box;
}
ul.faq_tb .after.txt {
	position: relative;
	float: left;
	width: 90%;
	height: 178px;
	padding-left: 0;
	display: inline-block;
	box-sizing: border-box;
}
ul.faq_tb .before.country {
	position: relative;
	float: left;
	width: 10%;
	height: 94px;
	line-height: 94px;
	padding-top: 0;
	display: inline-block;
	box-sizing: border-box;
}
ul.faq_tb .after.country {
	position: relative;
	float: left;
	width: 90%;
	height: 94px;
	line-height: 94px;
	padding-left: 0;
	display: inline-block;
	box-sizing: border-box;
}
ul.faq_tb .totalButton {
	position: relative;
	width: 100%;
	margin:  0 auto;
	display: inline-block;
	text-align: center;
}
.faq_online .before {
   height: 94px;
   line-height: 94px;
    padding-left: 15px;
    text-align: left;
    border-bottom: 1px solid #d6d6d6;
    font-weight: normal;
}
.faq_online .after {
   height: 90px;
    padding: 0;
    border-bottom: 1px solid #d6d6d6;
}
.faq_online li input[type=text] {
    width: 400px;
    height: 50px;
    line-height: 50px;
}
.faq_online li.name input[type=text] {
    width: 225px;
}
.faq_online li span {
    padding: 0 5px;
    display: inline-block;
    line-height: 50px;
}
.faq_online li.email input[type=text] {
    width: 125px;
}
.faq_online li.tel input[type=text] {
    width: 80px;
}
.faq_online li input[type=text] {
    width: 280px;
}
.faq_online li textarea {
    padding: 10px;
    width: 100%;
    height: 165px;
    box-sizing: border-box;
    border: 1px solid #ddd;
}
.faq_online .before {
 padding-left: 5px;
 font-size: 14px;
}
}

@media (min-width: 992px) {
.faq_wrap h3 {
    font-size: 28px;
}
.faq_wrap .txt {
    font-size: 15px;
}
.faq_tab_title ul li.tab_on a {
    font-size: 17px;
}
.faq_tab_title ul li a {
font-size: 15px;
}
.faq_list .question {
font-size: 15px;
background-size: 22px 12px;
}
.faq_list .question.on {
background-size: 22px 12px;	
}
.faq_list .question a {
font-size: 15px;		
}
.faq_list .answer {
font-size: 15px;
}
.faq_online li {
  padding-left: 10px;
 font-size: 15px;
}
.faq_online li.name input[type=text] {
    width: 255px;
}
.faq_online li.email input[type=text] {
    width: 165px;
}
.faq_online li input[type=text] {
    width: 340px;
}
.faq_online li.tel input[type=text] {
    width: 105px;
}
}

@media (min-width: 1200px) {
.faq_wrap h3 {
    font-size: 30px;
}
.faq_wrap .txt {
    font-size: 16px;
}
.faq_tab_title ul li.tab_on a {
    font-size: 18px;
}
.faq_tab_title ul li a {
font-size: 16px;
}
.faq_list .question {
font-size: 16px;
background-size: 26px 14px;
}
.faq_list .question.on {
background-size: 26px 14px;		
}
.faq_list .question a {
font-size: 16px;		
}
.faq_list .answer {
font-size: 16px;
}
.faq_online li {
  padding-left: 15px;
 font-size: 16px;
}
.faq_online li.name input[type=text] {
    width: 285px;
}
.faq_online li.email input[type=text] {
    width: 195px;
}
.faq_online li input[type=text] {
    width: 400px;
}
.faq_online li.tel input[type=text] {
    width: 125px;
}
.faq_online li textarea {
    width: 98%;
}
}

/*why_builton */
.why_builton_cont {
    padding: 10px 10px 0;
}
.why_builton_cont *{
 font-family: "noto";
}
.why_builton_cont>div {
    padding-top: 20px;
}
.why_builton_cont h3 {
    padding: 20px 0 15px;
    font-family: "noto-medium";
    color: #333;
    font-size: 24px;
}
.why_builton_cont .txt_1{
	margin-bottom:50px; 
	font-size:18px; 
}
.why_builton_cont .txt_2{
   margin-bottom: 30px;
    padding-top: 130px;
    line-height: 1.5;
}
.why_builton_cont .why_bg_1{
   background: url(/svg/sub/why_builton_1.svg) no-repeat center 0;
   /* background: url(../images/why_builton_1.jpg) no-repeat center 0; */
    background-size: 120px;
}
.why_builton_cont .why_bg_2{
	background: url(/svg/sub/why_builton_2.svg) no-repeat center 0;
	/* background:url(../images/why_builton_2.jpg) no-repeat center 0; */
	background-size: 120px;
}
.why_builton_cont .why_bg_3{
	background: url(/svg/sub/why_builton_3.svg) no-repeat center 0;
	/* background:url(../images/why_builton_3.jpg) no-repeat center 0; */
	background-size: 120px;
}
.why_builton_cont .why_bg_4{
	background: url(/svg/sub/why_builton_1.svg) no-repeat center 0;
	/* background:url(../images/why_builton_4.jpg) no-repeat center 0; */
	background-size: 120px;
}
@media (min-width: 768px) {
.why_builton_cont{
	padding:10px 0 0; 
}
.why_builton_cont *{
	font-family:"roboto";
}
.why_builton_cont>div{
	padding-top:85px;
}
.why_builton_cont h3{
	margin-bottom:25px; 
	font-size:30px; 
	color:#333; 
	font-weight:bold;
}
.why_builton_cont .txt_2{
	margin-bottom: 0;
	padding-top: 0;
	padding-left:270px; 
	min-height:183px; 
	line-height:1.8; 
	font-size:14px; 
	letter-spacing:0;
}
.why_builton_cont .why_bg_1{
	background: url(/svg/sub/why_builton_1.svg) no-repeat 28px 0;
	/* background:url(../images/why_builton_1.jpg) no-repeat 28px 0; */
}
.why_builton_cont .why_bg_2{
	background: url(/svg/sub/why_builton_2.svg) no-repeat 28px 0;
	/* background:url(../images/why_builton_2.jpg) no-repeat 28px 0; */
}
.why_builton_cont .why_bg_3{
	background: url(/svg/sub/why_builton_3.svg) no-repeat 28px 0;
	/* background:url(../images/why_builton_3.jpg) no-repeat 28px 0; */
}
.why_builton_cont .why_bg_4{
	background: url(/svg/sub/why_builton_4.svg) no-repeat 28px 0;
	/* background:url(../images/why_builton_4.jpg) no-repeat 28px 0; */
}
}

@media (min-width: 768px) {
.why_builton_cont h3 {
	font-size:26px; 
}
.why_builton_cont .txt_1 { 
	font-size:16px;
}
.why_builton_cont .txt_2 {
	padding-left: 200px;	
}
.why_builton_cont .why_bg_1 {
	background-position: left 10px top 50px; 
	background-size: 143px;
}
.why_builton_cont .why_bg_2 {
	background-position: left 10px top 50px; 
	background-size: 143px;
}
.why_builton_cont .why_bg_3 {
	background-position: left 10px top 50px; 
	background-size: 143px;
}
.why_builton_cont .why_bg_4 {
	background-position: left 10px top 90px; 
	background-size: 143px;
}
}

@media (min-width: 992px) {
.why_builton_cont h3 {
	font-size:28px; 
}
.why_builton_cont .txt_1 { 
	font-size:17px;
}
.why_builton_cont .txt_2 {
	padding-left: 250px;	
}
.why_builton_cont .why_bg_1 {
	background-position: left 28px top 20px; 
	background-size: 163px;
}
.why_builton_cont .why_bg_2 {
	background-position: left 28px top 20px; 
	background-size: 163px;
}
.why_builton_cont .why_bg_3 {
	background-position: left 28px top 20px; 
	background-size: 163px;
}
.why_builton_cont .why_bg_4 {
	background-position: left 28px top 20px; 
	background-size: 163px;
}
}

@media (min-width: 1200px) {
.why_builton_cont h3 {
	font-size:30px; 
}
.why_builton_cont .txt_1 { 
	font-size:18px;
}
.why_builton_cont .txt_2 {
	padding-left: 270px;	
}
.why_builton_cont .why_bg_1 {
	background-position: left 28px top 0; 
	background-size: 183px;
}
.why_builton_cont .why_bg_2 {
	background-position: left 28px top 0; 
	background-size: 183px;
}
.why_builton_cont .why_bg_3 {
	background-position: left 28px top 0; 
	background-size: 183px;
}
.why_builton_cont .why_bg_4 {
	background-position: left 28px top 0; 
	background-size: 183px;
}
}


/* nav 선택 색상 추가 */
#products a.products, #solutions a.solutions, #clients a.clients, #support a.support, #about a.about {
    color: #4c8dc1;
}
/* 170102  팝업 추가 */
.layerPopup {
    position: absolute;
    z-index: 10;
    top: 150px;
    left: 50%;
    margin-left: -295px;
    width: 590px;
    min-height: 500px;
    border: 1px solid #dedede;
    background-color: #fff;
    box-shadow: #666 0px 0px 5px;
    display: none;
}
.layerPopup img {
    border: none;
}
.layerCheckBox {
    position: relative;
    display: inline-block;
    float: left;
    height: 32px;
    line-height: 32px;
    padding-left: 10px;
    text-align: left;
    font-size: 12px;
}
.layerBtn {
    position: relative;
    display: inline-block;
    float: right;
    line-height: 32px;
    text-align: right;
    padding-right: 10px;
    font-size: 12px;
    font-family: "Nanum Gothic";
}
.btnClose {
    background-color: #fff;
    color: #2d2d2d;
    font-size: 12px;
    border: 1px solid #dedede;
    padding: 2px 15px;
    cursor: pointer;
}
.btnClose:hover {
    background-color: #232b38;
    color: #fff;
}

/* 170623 수정 */
.btn_top{position:fixed; right:20px; bottom:20px; z-index:90;}
.btn_top img{width:44px;}

.btn_top a {
 position: relative;
    width: 40px;
    text-align: center;
    padding: 10px 0;
    display: block;
    background-color: rgba(255,255,255, 0.6);
    border: 1px solid #acacac;
    border-radius: 3px;
    color: #000;
    font-size: 15px;
    font-family: 'Malgun Gothic', sans-serif;
}
@media (min-width: 768px) {
	.btn_top {
		display: none;
	}
}

/* 170623 추가 */
.contactBtn {
	position: fixed;
	z-index: 8;
	bottom: 0;
	left: 10px;
	width: 120px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	color:#fff;
	background-color: #0095dc;
	box-shadow: #666 0px 0px 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
    transition: all .35s;
}
@media (min-width: 768px) {
.contactBtn {
	display: none;
}
}
a.inTitle {
	color:#fff;
	font-size: 16px;
}
.contactBox {
	position: fixed;
	z-index: 999;
	right: 0;
	bottom: 0;
	left: 0;
	height: 0;
	background-color: #fff;
    transition: all .35s;
}
@media (min-width: 768px) {
.contactBox {
    position: fixed;
    z-index: 999;
    right: 0;
    bottom: 0;
    left: 0;
    height: 52px;
    background-color: #fff;
    border-top: 5px solid #0095dc;
    box-shadow: #666 0px 0px 5px;
    transition: all .35s;
   display: block;
}
}
.contactBoxOn {
    position: fixed;
    z-index: 99999;
    right: 0;
    bottom: 0 !important;
    left: 0;
    height: 225px !important;
    background-color: #fff;
    border-top: 5px solid #0095dc;
    box-shadow: #666 0px 0px 5px;
    transition: all .35s;
}
.contactBox .indicator {
	display: none;
}
.contactBox .inBox {
	display: none;
}
@media (min-width: 768px) {
.contactBox .indicator {
    position: absolute;
    z-index: 999;
    top: -55px;
    left: 50%;
    width: 0px;
    height: 0px;
    margin-left: -70px;
    border-left: 70px solid transparent;
    border-right: 70px solid transparent;
    border-bottom: 50px solid #0095dc;
   display: block;
}
.contactBox .inBox {
    position: absolute;
    z-index: 9999;
    top: -40px;
    left: 50%;
    width: 140px;
    height: 45px;
    line-height: 45px;
    margin-left: -70px;
    text-align: center;
    font-size: 14px;
    color: #fff;
  display: block;
}
}
.contactBoxOn .indicator {
    position: absolute;
    z-index: 999;
    top: -55px;
    left: 50%;
    width: 0px;
    height: 0px;
    margin-left: -70px;
    border-left: 70px solid transparent;
    border-right: 70px solid transparent;
    border-bottom: 50px solid #0095dc;
    transition: all .35s;
   display: block;
}
.contactTitle {
	position: relative;
	display: block;
	height: 48px;
	line-height: 48px;
	padding-left: 20px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	background-color: #0095dc;
}

@media (min-width: 768px) {
.contactTitle {
	display: none;
}
}

a.contactClose {
	position: absolute;
	z-index: 40;
	top: 0;
	left: 0;
	width: auto;
	height: 48px;
	line-height: 48px;
	padding: 0 20px;
	font-size: 32px;
	color:#fff;
}
.contactEndBox {
  position: relative;
 height: 100%;
 margin: 10px 10px;	
}
ul.contactInBox {
	position: relative;
	z-index: 999;
	display: block;
	height: 100%;
	margin: 10px 10px;
}
ul.contactInBox li {
	position: relative;
	display: inline-block;
	height: 52px;
	line-height: 52px;
}
ul.contactInBox .before {
	position: relative;
	float: left;
	width: 20%;
	display: inline-block;
	box-sizing: border-box;
}
ul.contactInBox .after {
	position: relative;
	float: left;
	width: 80%;
	display: inline-block;
	box-sizing: border-box;
}

ul.contactInBox .txt {
	height: 120px;
	line-height: 100px;
	padding: 10px 0;
}
@media (min-width: 768px) {
ul.contactInBox {
    position: relative;
  max-width: 750px;
    height: 52px;
    margin: 0 auto;
}
ul.contactInBox li label {
	font-size: 16px;
	font-weight: bold;
}
ul.contactInBox .before {
	position: relative;
	float: left;
	width: 10%;
	text-align: center;
	display: inline-block;
	box-sizing: border-box;
}
ul.contactInBox .after {
	position: relative;
	float: left;
	width: 15%;
	display: inline-block;
	box-sizing: border-box;
}

ul.contactInBox .after.txt {
	width: 90%;
	height: 120px;
	line-height: 100px;
	padding: 10px 0;
}
}
@media (min-width: 992px) {
ul.contactInBox {
    max-width: 970px;
}
}
@media (min-width: 1200px) {
ul.contactInBox {
    max-width: 1100px;
}
}

ul.contactInBox li input[type=text] {
	width: 100%;
	height: 32px;
    line-height: 32px;
	box-sizing: border-box;
}
ul.contactInBox li textarea {
    padding: 10px;
    width: 100%;
    height: 100px;
    box-sizing: border-box;
    border: 1px solid #ddd;
}
.contactBox .btn-navy-bg {
    background-color: #0095dc;
    color: #fff;
    font-size: 16px;
}
.contactBox .btn-navy-bg:hover {
    background-color: #0095dc;
}

.contactBox  button:disabled {
	cursor: default !important;
	color: #7dc2e3 !important;
     background: #0095dc !important;
}
@media (min-width: 768px) {
.contactBox button:disabled {
    cursor: default !important;
    color: #6d6d6d !important;
    background: #4d4d4d !important;
}
}
.contactBox .basic-btn01 {
    position: absolute;
   z-index: 40;
   top: 0;
   right: 0;
   width: auto;
   height: 48px;
    line-height: 48px;
   padding: 0 20px;
    display: inline-block;
   text-align: center;
    border: none;
  cursor: pointer;
}
.contactBox .basic-btn02 {
	position: relative;
     width: 140px;
    height: 48px;
    line-height: 48px;
    display: inline-block;
    text-align: center;
    border: none;
    border-radius: 2px;
    cursor: pointer;
}
@media (min-width: 768px) {
.contactBox .basic-btn01 {
   position: relative;
   z-index:auto;
    top:auto;
   right: auto;
    width: 220px;
    height: 45px;
    line-height: 45px;
   padding: 0;
    text-align: center;
    display: inline-block;
    border: none;
    cursor: pointer;
}
}
.alertBox {
	position: absolute;
	z-index: 9999;
	top: 0;
	right: 0;
	bottom: 0;
	left : 0;
	width: 100%;
	height: 100%;
	line-height: 32px;
	padding-top: 80px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #2d2d2d;
	background-color: #fff;
	display: none;
}
.emailBox {
	position: absolute;
	z-index: 9999;
	top: 0;
	right: 0;
	bottom: 0;
	left : 0;
	width: 100%;
	height: 100%;
	line-height: 32px;
	padding-top: 40px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #2d2d2d;
	background-color: #fff;
	display: none;
}
.emailBox span {
	display: block;
	margin: 30px;
}
@media (min-width: 768px) {
.alertBox {
    font-size: 16px;
}
.emailBox {
    font-size: 16px;
}
}

.contactInBox li.totalButton {
	display: none;
}
@media (min-width: 768px) {
.contactInBox li.totalButton {
	position: relative;
	width: 100%;
	margin:  0 auto;
	display: inline-block;
	text-align: center;
}
}