@charset "utf-8";


/*
  @import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC:100,300,400,500,700,900&subset=chinese-traditional,japanese');

body { font-family: 'Noto Sans TC', sans-serif, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑",;}*/


body { font-family: "Microsoft Yahei","微软雅黑", STXihei, "华文细黑",sans-serif, ;}
body { width:100%; height:100%; min-width: 320px; color:#4f545a; vertical-align: baseline;  }
body { margin: 0px; padding: 0px; 
	-webkit-text-size-adjust:none;
	-moz-text-size-adjust:none;
	-ms-text-size-adjust:none;
	-webkit-font-smoothing: antialiased;
}



body {	font-size:16px;  font-weight:300;  line-height:1.5; word-break: break-all; }
html {	width:100%; height:100%; min-height:100%;letter-spacing:0.5px;}

/* ie 용 스크롤 바 *********************************************/
html {
            -ms-overflow-style: -ms-autohiding-scrollbar;
            scrollbar-arrow-color: #efefef;
            scrollbar-Track-Color: #efefef;
            scrollbar-base-color: #dfdfdf;
            scrollbar-Face-Color: #dfdfdf;
            scrollbar-3dLight-Color: #dfdfdf;
            scrollbar-DarkShadow-Color: #dfdfdf;
            scrollbar-Highlight-Color: #dfdfdf;
            scrollbar-Shadow-Color: #dfdfdf
        }

/* Chrome, Safari용 스크롤 바 */
::-webkit-scrollbar { width:6px;  background: rgba(223,223,223,0.9); }
::-webkit-scrollbar-thumb { background: rgba(0,0,0,.2); }

/* WebKit browsers */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #b0b0b0;font-size:12px;}
::-moz-placeholder { /* Firefox 19+ */
color: #b0b0b0;font-size:12px;}
:-ms-input-placeholder { /* IE 10+ */
color: #b0b0b0;font-size:12px;}
:-moz-placeholder { /* Firefox 18- */
color: #b0b0b0;font-size:12px;}


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p { 
-webkit-text-size-adjust:none; word-wrap: break-word;}



dl { margin: 0px; padding: 0px;}
dt { margin: 0px; padding: 0px;}
dd { margin: 0px; padding: 0px;}
ul { margin: 0px; padding: 0px;}
ol { margin: 0px; padding: 0px;}
h1 { margin: 0px; padding: 0px;}
h2 { margin: 0px; padding: 0px;}
h3 { margin: 0px; padding: 0px;}
h4 { margin: 0px; padding: 0px;}
h5 { margin: 0px; padding: 0px;}
h6 { margin: 0px; padding: 0px;}
form { margin: 0px; padding: 0px;}
fieldset { margin: 0px; padding: 0px;}
p { margin: 0px; padding: 0px; }
button { margin: 0px; padding: 0px;}
select { margin: 0px; padding: 0px;}
input { margin: 0px; padding: 0px;}
textarea { margin: 0px; padding: 0px;}
th { margin: 0px; padding: 0px;}
td { margin: 0px; padding: 0px;}
img { border: currentColor; border-image: none; vertical-align: top;}
ul { list-style: none;}
ol { list-style: none;}
fieldset { border: currentColor; border-image: none;}
table { border-collapse: collapse;}
caption { width: 0px; height: 0px; line-height: 0; overflow: hidden; font-size: 0px;}
img { padding: 0px; border: 0px currentColor; border-image: none;}
fieldset { padding: 0px; border: 0px currentColor; border-image: none;}
button { padding: 0px; border: 0px currentColor; border-image: none;}
button { background: none;}
input { vertical-align: middle;}
select { vertical-align: middle;}
legend { width: 0px; height: 0px; overflow: hidden; font-size: 0px; position: absolute;}
a { color: rgb(85, 85, 85); text-decoration: none; cursor: pointer;}
a:link { color: rgb(85, 85, 85);}
a:visited { color: rgb(85, 85, 85);}
a:active { color: rgb(85, 85, 85);}
a:hover { color: rgb(0, 0, 0);}



.mobile-mode { display:none; }

#main-container {background: rgb(255, 255, 255);  width:100%; position: relative; z-index: 4;}


/**********  최상단으로 가기  ***************/
#go-top { width: 40px; height: 40px; text-align: center; border-radius: 4px; position: fixed; bottom: 30px; right: 30px;
  visibility: hidden; z-index: 1000;background:rgba(0, 0, 0, 0.5)}
#go-top i {font-size: 25px; line-height: 40px; color: #fff;}
#go-top:hover { cursor: pointer; background-color: #000000;}
#go-top:active { background-color: #000000;}
#go-top.show { opacity: 1; visibility: visible;}



/**********  메인 슬라이드 하단 SERVICE 메누  ***************/
.slider-menu-warp {width:100%;position:relative;margin:0 auto; }

.slider-menu-con {width:100%;margin:0 auto;overflow:hidden; 
background: url("../../img/main-about-bg.png") no-repeat ; background-size: contain; background-position: center bottom;}


.slider-menu-line { vertical-align: middle;position: absolute;width:100%; height:15px;text-align:center; margin:0 auto; padding:0;  top:-15px;
background: rgba(184, 219, 255, 0.5); overflow:hidden; }

.slider-menu-line .top-line {width:1000px;height:100%;margin:0 auto; text-align:center;}
.slider-menu-line .top-line .line  { }
.slider-menu-line .top-line ul li  {float:left;width:25%;height:100%; color:rgba(255, 255, 255, 0.0);}
.top-line>ul>li:first-child { background: rgba(0, 195, 35, 1.0);}
.top-line>ul>li:nth-child(2) { background: rgba(230, 140, 0, 1.0);}
.top-line>ul>li:nth-child(3) {background: rgba(0, 115, 255, 1.0);}
.top-line>ul>li:last-child {background: rgba(185, 45, 210, 1.0);}


.slider-menu ul:after{  display:block;  clear:both;  content:"";}
.slider-menu ul{  display:flex;  display:-webkit-flex;  flex-wrap:wrap;  -webkit-flex-wrap:wrap;}

.slider-menu { vertical-align: middle;width:100%; text-align:center; margin:0 auto; padding:0;  overflow:hidden; }
.slider-menu .menu-warp {width:1000px; height:100%;text-align:center; margin:0 auto; padding:0;overflow:hidden; }

.menu-warp>ul::after { display: block; clear: both; content: '';  width: 100%; margin:0 auto; padding:0;}
.menu-warp>ul>li { width: 25%; overflow:hidden; float: left; position: relative; text-align:left; z-index:999;}
.menu-warp>ul>li>div.warp { width:100%; height:100%; padding: 0px 0px 0px 0px; color: #fff;}


.menu-warp>ul>li:first-child .top-bg {background: rgba(0, 195, 35, 1.0);height:0px;}
.menu-warp>ul>li:nth-child(2) .top-bg { background: rgba(255, 155, 0, 1.0);height:0px;}
.menu-warp>ul>li:nth-child(3) .top-bg {background: rgba(0, 132, 255, 1.0); height:0px;}
.menu-warp>ul>li:last-child .top-bg {background: rgba(228, 57, 253, 1.0);height:0px;}

.menu-warp>ul>li:first-child i {color: rgba(0, 177, 32, 1.0);}
.menu-warp>ul>li:nth-child(2) i { color: rgba(230, 140, 0, 1.0);}
.menu-warp>ul>li:nth-child(3) i {color: rgba(0, 115, 255, 1.0);}
.menu-warp>ul>li:last-child i {color: rgba(185, 45, 210, 1.0);}

.menu-warp>ul>li:first-child {background: rgba(0, 195, 35, 0.8);
    background-image: url('../../img/slider_icon01.png'); 
	background-position: right bottom;   background-repeat: no-repeat;}

.menu-warp>ul>li:nth-child(2) { background: rgba(255, 155, 0, 0.8);
    background-image: url('../../img/slider_icon02.png');
background-position: right bottom; background-repeat: no-repeat;}

.menu-warp>ul>li:nth-child(3) {background: rgba(0, 132, 255, 0.8);
    background-image: url('../../img/slider_icon03.png');
    background-position: right bottom;    background-repeat: no-repeat;}

.menu-warp>ul>li:last-child {background: rgba(228, 57, 253, 0.8);
    background-image: url('../../img/slider_icon04.png');
    background-position: right bottom;    background-repeat: no-repeat;}

.menu-warp>ul>li:first-child:hover {background: rgba(2, 207, 39, 0.6);
 background-image: url('../../img/slider_icon01.png'); 
	background-position: right bottom;   background-repeat: no-repeat;}
.menu-warp>ul>li:nth-child(2):hover { background: rgba(255, 180, 0, 0.6);
    background-image: url('../../img/slider_icon02.png');
background-position: right bottom; background-repeat: no-repeat;}
.menu-warp>ul>li:nth-child(3):hover {background: rgba(0, 125, 255, 0.6);
    background-image: url('../../img/slider_icon03.png');
    background-position: right bottom;    background-repeat: no-repeat;}
.menu-warp>ul>li:last-child:hover {background: rgba(205, 0, 255, 0.6);
    background-image: url('../../img/slider_icon04.png');
    background-position: right bottom;    background-repeat: no-repeat;}

.menu-warp>ul>li>div>.category { font-size: 12px; line-height: 22px;  text-transform: uppercase; margin:15px 0px 0px 20px; }
.menu-warp>ul>li>div>.title  { font-size: 22px; line-height: 22px;font-weight:400; margin:15px 20px 20px 20px;}
.menu-warp>ul>li>div ul { margin:0px 0px 0 40px ;padding: 0 0 20px 0; list-style:circle}
.menu-warp>ul>li>div ul li { font-size: 14px; line-height: 18px; margin:0px 0px 4px 0px;}

.menu-warp .more_btn {width:100%; text-align:center; margin:25px 0 10px 0;}
.menu-warp .more_btn a {font-size: 12px;  color: rgb(255, 255, 255); padding:5px 20px 5px 20px;border: 1px solid rgba(255, 255, 255, 0.3);background: rgba(255, 255, 255, 0.2);}
.menu-warp .more_btn a:hover {color: rgba(112, 112, 112, 1.0);background: rgba(255, 255, 255, 0.8);}





/********** section1 about  ***************/

.about { overflow:hidden; position:relative; width:100%;overflow:hidden;margin:0 auto;  padding:60px 0 60px 0;}
.about-warp { overflow:hidden; width:100%; height:100%; margin:0px 0 0 0;  padding:0px 0 0 0;text-align:center;}
.about-warp .area { width:60%; margin:0 auto; padding:0px 0 0 0; text-align:center;}
.about-warp>.area img{ width:100%; }
.about-warp>.area .box { width:100%; margin:0 auto; padding:0px; text-align:center;}
.about-warp>.area .box p {  margin:0 auto;  padding:0px 0 0 0;text-align:center; }
.about-warp>.area .box p.tit{  font-size:46px;font-weight:700; color:#ff7e00; letter-spacing:1px; padding:0 0 25px 0; }
.about-warp>.area .box p.tit2 { font-size:38px; font-weight:500; line-height:53px; padding:0 0 20px 0; letter-spacing:0px;}
.about-warp>.area .box p.tit2 strong { font-size:42px;}
.about-warp>.area .box p.txt {font-size:18px; line-height:28px; color:#e07400; width:60%; }


/**********  section2 slogan1  ***************/
.slogan1 { z-index: 7;width:100%; margin: 0 auto;  text-align:center; padding: 0px; height: 470px; color: rgb(255, 255, 255); 
           background: rgb(245, 245, 245); background-size: cover; position:relative;  }

.slogan1 .slogan {width: 100%; height:100%; margin:0 auto;  line-height: 1.2; overflow: hidden;padding:70px 0 0 0;}
.slogan1 .slogan img {width:40px; height:auto; }

.slogan1 .slogan p.img {padding:0px 0 0px 0; }
.slogan1 .slogan p.tit {margin: 20px 0px 20px 0; padding: 0px; font-size: 42px; line-height: 55px;font-weight: 500;  color:#ffffff}
.slogan1 .slogan p.txt {margin: 40px 0px 40px 0; padding: 0px; font-size: 20px; font-weight: 500; color:#fff9f3; line-height: 1.5;}




/********** section3 OSUNG INCORPORATUON ***************/

.Inco-warp {width:100%; overflow:hidden;position:relative; text-align:center;}
.Inco {max-width:1200px; overflow:hidden; margin:0 auto;padding:0 0 70px 0;background: url("../../img/incor-bg.png") no-repeat; background-position:center top;}
.Inco h3 {margin:50px 0 40px 0; line-height:60px; font-size:45px;font-weight: 700;}
.Inco h3 span {color:#ff7e00; }
.Inco ul {width:100%; overflow:hidden;  margin:0 auto}
.Inco ul li {display:inline-block; width:30%; padding: 0 1% 0 1%}
.Inco ul li .inner {display:block;  padding:20px 20px 40px 20px; }
.Inco ul li .img-warp {width:100%; overflow:hidden;}
.Inco ul li img {width:100%; height:auto;}
.Inco ul li.li1 .inner {background: rgba(241, 244, 255, 1.0);}
.Inco ul li.li2 .inner {background: rgba(255, 243, 248, 1.0);}
.Inco ul li.li3 .inner {background: rgba(238, 251, 255, 1.0);}
.Inco ul li .title{ margin:30px 0 20px 0; color:#111; font-size:20px; font-weight: 500; }
.Inco ul li .txt{color:#666; line-height:25px; font-size:15px}
.Inco .more_btn {width:100%; text-align:center; margin:30px 0 0 0;}
.Inco .more_btn a {font-size: 11px; color: rgb(117, 117, 117); padding:8px 25px 8px 25px; background:rgba(255, 255, 255, 0.7); border: 1px solid rgba(207, 215, 255, 0.5);}
.Inco .more_btn a:hover {color: rgb(175, 5, 5);}

.Inco .inner .img_zoom{
            -webkit-transform:scale(1.0); /*  ũ�� */
            -moz-transform:scale(1.0); /* FireFox */
            -o-transform:scale(1.0); /* Opera */
            transform:scale(1.0);
            transition: transform .45s;
            -o-transition: transform .45s;
            -moz-transition: transform .45s;
            -webkit-transition: transform .45s;
}
.Inco .inner:hover .img_zoom {
            -webkit-transform:scale(1.05); /*  ũ�� */
            -moz-transform:scale(1.05); /* FireFox */
            -o-transform:scale(1.05); /* Opera */
            transform:scale(1.05);
            transition: transform .55s;
            -o-transition: transform .55s;
            -moz-transition: transform .55s;
            -webkit-transition: transform .55s;
}





/********** section4 ***************/

.AboutUs {  overflow:hidden; width:100%; background: rgba(211, 219, 228, 1.0) } 
.AboutUs>.area { width:1100px; height:500px;position:relative; margin:0 auto;padding:0px 0 0 0; text-align:center;}
.AboutUs>.area { background: url("../../img/section04_01_bg.jpg") no-repeat rgba(211, 219, 228, 1.0); background-size: contain; background-position: center bottom; }
.AboutUs>.area .box{ position:absolute;  top: 0;  bottom: 0;  left: -37%;  right: 0; margin: auto;  width:660px; height:410px;  
 background-color:rgba(255,255,255,0.3); border-radius:5px; display:block;  }
.AboutUs>.area .box .tit{ text-align:center; font-size:45px;  margin:35px 0 20px 0; color:#ff7e00;}
.AboutUs>.area .box p { width:80%; margin: 0 auto; text-align:center; }
.AboutUs>.area .box p.tit2 { font-size:39px; font-weight:400; line-height:50px; padding:0 0 20px 0;}
.AboutUs>.area .box p.txt {font-size:18px; line-height:30px;}
.AboutUs>.area .box .link{ font-size:14px; font-weight:500; color:#ffffff; display:block; width:100px; height:30px; line-height:30px; text-align:center; 
margin:40px auto 0 auto; border-radius:30px; background-color:#ff7e00;}



.AboutUs div .img_zoom{
            -webkit-transform:scale(1.0); /*  ũ�� */
            -moz-transform:scale(1.0); /* FireFox */
            -o-transform:scale(1.0); /* Opera */
            transform:scale(1.0);
            transition: transform .45s;
            -o-transition: transform .45s;
            -moz-transition: transform .45s;
            -webkit-transition: transform .45s;
}

.AboutUs div:hover .img_zoom {
            -webkit-transform:scale(1.05); /*  ũ�� */
            -moz-transform:scale(1.05); /* FireFox */
            -o-transform:scale(1.05); /* Opera */
            transform:scale(1.05);
            transition: transform .55s;
            -o-transition: transform .55s;
            -moz-transition: transform .55s;
            -webkit-transition: transform .55s;
}



/********** section5 ***************/
.company-warp {width:100%; position: relative;overflow:hidden; background: rgb(58, 160, 245);  background-size: cover;}
.company {width:1100px; margin: 0 auto;  text-align:center; padding:0px 0 0px 0;}
.company .tit {font-size:50px;font-weight: 700;color:#ffffff;padding:50px 0 40px 0;}
.con-warp {width:100%; overflow:hidden; color:#ffffff; margin:0px 0 0px 0;}
.con {width:33%; float:left; margin: 0 auto;text-align:center; }
.con img {width:90%; height:auto}
.con .text1 img {width:40px;}
.con1-tit1 {width:90%; padding:10px 0 40px 0; margin: 0 auto;text-align:center;}
.con1-tit2 {width:90%; padding:10px 0 0px 0; margin: 0 auto;text-align:center;}
.con3-tit1 {width:90%; padding:0px 0 40px 0; margin: 0 auto;text-align:center;}
.con3-tit2 {width:90%; padding:0px 0 0px 0; margin: 0 auto;text-align:center;}
.company p.text1 {font-size:25px;font-weight: 700; padding:0px 0 20px 0; }
.company p.text2 {font-size:16px;font-weight: 500;line-height:25px; color:#c2e9ff; text-align:left; }





/**********  slogan2  ***************/
.slogan2-warp {width:100%;position:relative;overflow:hidden;}
.slogan2 { z-index: 7;width:100%; margin: 0 auto;  text-align:center;padding: 0px; height: 350px; color: rgb(255, 255, 255); 
           background: rgb(245, 245, 245); background-size: cover; position:relative; }
.slogan2 dl { margin: auto; width: 100%; line-height: 1.2; overflow: hidden;padding:50px 0 0 0;}
.slogan2 .tit img {padding:50px 0 20px 0;}
.slogan2 dd { width: 100%; }
.slogan2 dd p.tit {margin: 0px 0px 18px; padding: 0px; font-size: 40px; font-weight: 400; line-height:60px; text-shadow:5px 6px 14px rgba(0, 0, 0, 0.4);}
.slogan2 dd p {margin: 0px 0px 60px; padding: 0px; line-height: 1.7;font-size: 24px; font-weight: 300; text-shadow:5px 6px 14px rgba(0, 0, 0, 0.4);}
.slogan2 .button { width:100%; color: rgb(255, 255, 255);}
.slogan2 .button span a {
     border: 1px solid rgb(153, 153, 153); border-image: none; width: 150px; height: 30px; text-align: center; color: rgb(255, 255, 255); 
 letter-spacing: 1px; padding: 9px ; font-size: 13px; font-weight:bold; opacity: 0.9; background: rgb(0, 0, 0); }
.slogan2 .side span a:hover {background: rgb(255, 51, 51); border: 1px solid rgb(255, 51, 51); border-image: none;}





/********** footer  ***************/
#company-footer { width: 100%;background: rgb(51, 51, 51);position: relative; overflow:hidden; margin:0 auto; bottom:0; z-index:5}
#company-footer .info { width: 90%; position: relative; margin: 0 auto; text-align:center; overflow: hidden;  padding:30px 0 30px 0px;}
#company-footer .info .logo { width: 100%; color: rgb(255, 255, 255); font-size: 15px; font-weight: bold; margin-bottom: 10px;}
#company-footer .info .logo img { width: 200px;}
#company-footer .info div { width: 100%;color: rgb(153, 153, 153); line-height: 22px; font-size: 15px; letter-spacing:1px; margin: 0 auto; text-align:center;}
#company-footer .info div.addr { width: 100%; padding:0 0px 10px; 0px; }
#company-footer .copy {width: 100%; height:40px; line-height:40px; color: rgb(153, 153, 153); font-size: 13px; letter-spacing:1px;
text-align:center;background:#000000;}
#company-footer .info i {padding:0 0px 0 0; font-size:15px;}
#company-footer .info a {color: rgb(153, 153, 153); }

/******* 이미지 클릭 확대보기 ***************/
.zoomify { cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in; }
.zoomify.zoomed { cursor: -webkit-zoom-out; cursor: zoom-out; padding: 0; margin: 0; border: none; border-radius: 0; 
box-shadow: none; position: relative; z-index: 1501; }
.zoomify-shadow { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; display: block; 
z-index: 1500; background: rgba(0, 0, 0 , 0.8); opacity: 0; }
.zoomify-shadow.zoomed { opacity: 1; cursor: pointer; cursor: -webkit-zoom-out; cursor: zoom-out; }



/******* 폼메일 팝업창 ***************/

.layer {left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: fixed; z-index: 99999999999; _position: absolute;}
.layer .bg {background: rgb(0, 0, 0); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; opacity: 0.8;}
.layer .pop-layer {	display: block;}
#layer2 {overflow-y : auto; height:83%;  z-index:1004}
.pop-layer {border: 5px solid rgb(255, 255, 255); border-image: none; left: 50%; top: 8%; width: 710px; height: auto; display: none; position: absolute; z-index: 10; background-color: rgb(255, 255, 255);}


/******* POP-layer / contact us  폼메일 ***************/
.pop-layer .pop-container {	padding: 5px 15px 0 15px; overflow: hidden;}
.pop-layer p {color: rgb(102, 102, 102); line-height: 25px;}
.pop-layer .tit-warp {margin:0 auto; text-align:center;padding:0 0 10px 0; width: 95%;  overflow: hidden; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; }
.pop-layer .tit { width: 30%; float:left; margin:0 auto; text-align: left;  font-size: 30px; font-weight: 700; }
.pop-layer .text {width:70%;height:100%; margin:0 auto; text-align:center; padding:20px 0 0 0; float:left;color:rgb(102, 102, 102); font-size: 11px; }
.pop-layer .btn-r {top: 0px; right: 0px; position: absolute;}

.pop-mail .btn {	margin: 20px 0px 30px 0; text-align: center;}
.pop-mail .btn a.btn_close {	padding: 0px 20px; border: 1px solid rgb(102, 102, 102); border-image: none; height: 34px; color: rgb(255, 255, 255); line-height: 34px; 
font-size: 15px; display: inline-block; background-color: rgb(102, 102, 102);}
.pop-mail .btn a.btn_confirm {margin-right:10px;	padding: 0px 30px; border: 1px solid rgb(255, 51, 51); border-image: none; height: 34px; 
color: rgb(255, 255, 255); line-height: 34px; font-size: 15px; display: inline-block; cursor: pointer; background-color: rgb(255, 51, 51);}
.pop-mail .btn a:hover {background-color: rgb(205, 36, 36);}


.from-mail {width:100%; height: 100%; padding:0 0 50px 0;  margin:0 auto; text-align:center; }
.from-mail .Title {width:100%; margin:0 auto; text-align:center; font-size:18px; padding:50px 0 30px 0; }
.from-mail .pop-mail {width:95%; margin:0 auto;}
.from-mail .mail-container {width:800px; margin:0 auto; padding:0px; text-align:center; overflow:hidden; }
.from-mail div.input-icons {position: relative;  width: 100%;   height: 50px;   padding:20px 30px 0 0;  line-height: 50px;  margin: auto; }
.from-mail .policy {margin:0 auto; text-align:center; margin:20px 0 0PX 0; width: 95%; background: rgb(250, 250, 250); padding: 15px; border: 1px solid rgb(204, 204, 204); 
border-image: none; height: 150px; color: rgb(102, 102, 102); line-height: 20px; font-size: 12px; overflow-y: scroll; text-align:left;}

.from-mail .agree2 {text-align: right; margin: 10px 30px 30px 0;}
.from-mail .agree2 span {font-size: 12px; margin: 10px 0px 0px 0;}
.from-mail textarea { margin: 20px 0px; padding: 8px; border: 1px solid rgb(0, 0, 0); border-image: none; width: calc(100% - 20px);font-size: 14px;max-height:300px; min-height:180px;}
.from-mail textarea {border-color: rgb(230, 230, 230); background-color: rgb(255, 255, 255);}
.from-mail textarea:hover {border-color: rgb(230, 230, 230); color: rgb(255, 51, 51); background-color: rgb(230, 230, 230);}
.from-mail textarea:focus {border-color: rgb(221, 221, 221); color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);}

.from-mail input.chk {width: 20px; margin:0 10px 0 0}
.from-mail input { margin: 0px 0px 0 0; padding: 0px 10px 0px 43px; border: 1px solid rgb(0, 0, 0); border-image: none;   width: calc(100% - 57px); height: 100%; font-size: 14px;}
.from-mail input {border-color: rgb(230, 230, 230); background-color: rgb(255, 255, 255);}
.from-mail input:hover { border-color: rgb(230, 230, 230); color: rgb(255, 51, 51); background-color: rgb(230, 230, 230);}
.from-mail input:focus { border-color: rgb(221, 221, 221); color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);}

.from-mail .m-warp1 {width:34%; height:50px; margin:0 auto; padding:0; float:left; text-align:left;}
.from-mail .m-warp2 {width:7%; height:50px; margin:0 auto;padding:0 0 0 0; float:left;line-height:50px;}
.from-mail .m-warp3 {width:59%; height:50px; margin:0 auto;padding:00; float:left; text-align:left;}

.from-mail input.mail1 {  width: calc(100% - 56px); height: 100%;}
.from-mail input.mail2 {  width: calc(100% - 24px); height: 100%; padding: 0px 0px 0px 20px;}

.from-mail .btn {	margin: 40px 0px 0px; text-align: center;}
.from-mail .btn a.btn_close {	padding: 0px 20px; border: 1px solid rgb(102, 102, 102); border-image: none; height: 34px; color: rgb(255, 255, 255); line-height: 34px; font-size: 15px; display: inline-block; background-color: rgb(102, 102, 102);}
.from-mail .btn a.btn_confirm {margin-right:10px;	padding: 0px 30px; border: 1px solid rgb(255, 51, 51); border-image: none; height: 34px; color: rgb(255, 255, 255); line-height: 34px; font-size: 15px; display: inline-block; cursor: pointer; background-color: rgb(255, 51, 51);}

.input-icons i { position: absolute; } 
.icon { padding: 15px 0 0 10px; color:#acacac;  font-size:24px; min-width: 20px; text-align: left; } 









/**************************************** max-width:1100px *********************************************/

@media only screen and (max-width:1100px)
{



/********** section1 about  ***************/
.about { overflow:hidden; position:relative; width:100%; margin:0 auto;  padding:50px 0 50px 0;}
.about-warp { overflow:hidden; width:100%; height:100%; margin:0 auto;  padding:0px 0 0 0;text-align:center;}
.about-warp .area { width:75%; margin:0 auto; padding:0px 0 0 0; text-align:center;}
.about-warp>.area img{ width:100%; }
.about-warp>.area .box{ margin:0px 0 0 0; padding:0; width:100%;}
.about-warp>.area .box p.tit{  font-size:35px;font-weight:500; color:#ff7e00; letter-spacing:0px; padding:0 0 15px 0; }
.about-warp>.area .box p.tit2 { font-size:35px; font-weight:300; line-height:50px; padding:0 0 20px 0; letter-spacing:-2.5px;}
.about-warp>.area .box p.tit2 strong { font-size:38px;}
.about-warp>.area .box p { width:90%; margin: 0 auto; text-align:center; }
.about-warp>.area .box p.txt {font-size:18px; line-height:28px; color:#e07400;}





/**********  section2 slogan1  ***************/

.slogan1 { z-index: 7;width:100%; margin: 0 auto; padding: 0px; height: 400px;color: rgb(255, 255, 255);text-align:center;
 background: rgb(245, 245, 245); background-size: cover; }

.slogan1 .slogan {width: 100%; height:100%; margin:0 auto;  line-height: 1.2; overflow: hidden;padding:50px 0 0 0;}
.slogan1 .slogan img {width:40px; height:auto; }

.slogan1 .slogan p.img {padding:0px 0 0px 0; }
.slogan1 .slogan p.tit {margin: 20px 0px 20px 0; padding: 0px; font-size: 43px; line-height: 38px;font-weight: 500;  color:#ffffff}
.slogan1 .slogan p.txt {margin: 40px 0px 40px 0; padding: 0px; font-size: 20px; font-weight: 400; color:#fff9f3; line-height: 1.5;}



/********** section3 OSUNG INCORPORATUON ***************/
.Inco-warp {width:100%; overflow:hidden;position:relative; text-align:center;}
.Inco {max-width:100%; overflow:hidden; margin:0 auto;padding:0 0 70px 0;background: url("../../img/incor-bg.png") no-repeat; background-position:center top;}
.Inco h3 {margin:30px 0 30px 0; line-height:55px; font-size:40px;font-weight: 700;}
.Inco h3 span {color:#ff7e00; }
.Inco ul {width:100%; overflow:hidden;  margin:0 auto}
.Inco ul li {display:inline-block; width:30%; padding: 0 1% 0 1%}
.Inco ul li .inner {display:block;  padding:20px 20px 30px 20px; }
.Inco ul li .img-warp {width:100%; overflow:hidden;}
.Inco ul li img {width:100%; height:auto;}
.Inco ul li.li1 .inner {background: rgba(241, 244, 255, 1.0);}
.Inco ul li.li2 .inner {background: rgba(255, 243, 248, 1.0);}
.Inco ul li.li3 .inner {background: rgba(238, 251, 255, 1.0);}
.Inco ul li .title{ margin:20px 0 10px 0; color:#111; font-size:20px; font-weight:bold}
.Inco ul li .txt{color:#666; line-height:25px; font-size:15px}
.Inco .more_btn {width:100%; text-align:center; margin:20px 0 0 0;}
.Inco .more_btn a {font-size: 11px; color: rgb(117, 117, 117); padding:8px 25px 8px 25px; background:rgba(255, 255, 255, 0.7); border: 1px solid rgba(207, 215, 255, 0.5);}
.Inco .more_btn a:hover {color: rgb(175, 5, 5);}



/********** section4 ***************/

.AboutUs {  overflow:hidden; width:100%; background: rgba(211, 219, 228, 1.0) } 
.AboutUs>.area { width:100%; height:480px;position:relative; margin:0 auto;padding:0px 0 0 0; text-align:center;}
.AboutUs>.area { background: url("../../img/section04_01_bg.jpg") no-repeat rgba(211, 219, 228, 1.0); background-size: contain; background-position: center bottom; }
.AboutUs>.area .box{ position:absolute;  top: 0;  bottom: 0;  left: -30%;  right: 0; margin: auto;  width:640px; height:390px;  
 background-color:rgba(255,255,255,0.3); border-radius:5px; display:block;  }
.AboutUs>.area .box .tit{ text-align:center; font-size:40px;  margin:35px 0 20px 0; color:#ff7e00;}
.AboutUs>.area .box p { width:80%; margin: 0 auto; text-align:center; }
.AboutUs>.area .box p.tit2 { font-size:35px; font-weight:400; line-height:50px; padding:0 0 20px 0;}
.AboutUs>.area .box p.txt {font-size:18px; line-height:25px;}
.AboutUs>.area .box .link{ font-size:14px; font-weight:500; color:#ffffff; display:block; width:100px; height:30px; line-height:30px; text-align:center; 
margin:40px auto 0 auto; border-radius:30px; background-color:#ff7e00;}



/********** section5 ***************/
.company-warp {width:100%; position: relative;overflow:hidden; background: url("../../img/world-map.png") no-repeat 0% 0px rgb(58, 160, 245); 
                  background-size: cover;}
.company {width:100%; margin: 0 auto;  text-align:center; overflow:hidden;}
.company .tit {font-size:45px;font-weight: 700;color:#ffffff;padding:50px 0 40px 0;}
.con-warp {width:100%; overflow:hidden; color:#ffffff; padding:0px 0 0px 0;}
.con {width:33%; float:left; margin: 0 auto;text-align:center; }
.con img {width:80%;}
.con .text1 img {width:40px;}
.con1-tit1 {width:90%; padding:20px 0 20px 0; margin: 0 auto;text-align:center;}
.con1-tit2 {width:90%; padding:20px 0 20px 0; margin: 0 auto;text-align:center;}
.con3-tit1 {width:90%; padding:20px 0 20px 0; margin: 0 auto;text-align:center;}
.con3-tit2 {width:90%; padding:20px 0 20px 0; margin: 0 auto;text-align:center;}
.company p.text1 {font-size:22px;font-weight: 700; padding:0px 0 10px 0; }
.company p.text2 {font-size:15px;font-weight: 400;line-height:20px; color:#c2e9ff; text-align:left; }


}





/**************************************** max-width:980px *********************************************/


@media only screen and (max-width:980px)
{


html { -ms-overflow-style: none;}


.pc-mode { display:none }
.mobile-mode { display:inline-block }


/**********  메인 슬라이드 하단 SERVICE 메누  ***************/
.slider-menu .menu-warp {width:100%; height:100%;text-align:center; margin:0 auto; padding:0;overflow:hidden; }
.slider-menu-line .top-line {width:100%;height:100%;margin:0 auto; text-align:center;}

.menu-warp>ul>li>div>.category { font-size: 12px; line-height: 22px;  text-transform: uppercase; margin:15px 0px 0px 20px; }
.menu-warp>ul>li>div>.title  { font-size: 15px; line-height: 22px;font-weight:600; margin:15px 10px 20px 10px;letter-spacing:-1px}
.menu-warp>ul>li>div ul { margin:0px 10px 0 20px ;padding: 0 0 20px 0;list-style:circle}
.menu-warp>ul>li>div ul li { font-size: 12px; line-height: 18px; margin:0px 0px 4px 0px;}



/********** section1 about  ***************/
.about { overflow:hidden; position:relative; width:100%;margin:0 auto;  padding:40px 0 40px 0;}
.about-warp { overflow:hidden;width:100%; height:100%; margin:0 auto;  padding:0px 0 0 0;text-align:center;;}
.about-warp .area { width:60%; margin:0 auto; padding:0px 0 0 0; text-align:center;}
.about-warp>.area img{ width:100%; }
.about-warp>.area .box{ margin:0px 0 0 0; padding:0; width:100%;}
.about-warp>.area .box p.tit{  font-size:35px;font-weight:700; color:#ff7e00; letter-spacing:1px; padding:0 0 15px 0; }
.about-warp>.area .box p.tit2 { font-size:30px; font-weight:500; line-height:45px; padding:0 0 20px 0; letter-spacing:1px;}
.about-warp>.area .box p.tit2 strong { font-size:32px;}
.about-warp>.area .box p { width:70%; margin: 0 auto; text-align:center; }
.about-warp>.area .box p.txt {font-size:16px; line-height:22px; color:#e07400;}


/**********  section2 slogan1  ***************/
.slogan1 { z-index: 7;width:100%; margin: 0 auto; padding: 0px; height: 380px;color: rgb(255, 255, 255);text-align:center; background-size: cover; }
.slogan1 .slogan {width: 100%; height:100%; margin:0 auto; text-align:center; line-height: 1.2; overflow: hidden;padding:40px 0 0 0;}
.slogan1 .slogan img {width:35px; height:auto; }
.slogan1 .slogan p.img {padding:0px 0 0px 0; }
.slogan1 .slogan p.tit {margin: 20px 0px 20px 0; padding: 0px; font-size: 40px; font-weight: 500;  color:#ffffff}
.slogan1 .slogan p.txt {margin: 40px 0px 40px 0; padding: 0px; font-size: 20px; font-weight: 500; color:#fff9f3; line-height: 1.5;}


/********** section3 OSUNG INCORPORATUON ***************/
.Inco-warp {width:100%; overflow:hidden;position:relative; text-align:center;}
.Inco {max-width:100%; overflow:hidden; margin:0 auto;padding:0 0 50px 0;background: url("../../img/incor-bg.png") no-repeat; background-position:center top;}
.Inco h3 {margin:30px 0 20px 0; line-height:50px; font-size:40px;font-weight: 700;}
.Inco h3 span {color:#ff7e00; }
.Inco ul {width:100%; overflow:hidden;  margin:0 auto}
.Inco ul li {display:inline-block; width:30%; padding: 0 1% 0 1%}
.Inco ul li .inner {display:block;  padding:20px 10px 30px 10px; }
.Inco ul li .img-warp {width:100%; overflow:hidden;}
.Inco ul li img {width:100%; height:auto;}
.Inco ul li.li1 .inner {background: rgba(241, 244, 255, 1.0);}
.Inco ul li.li2 .inner {background: rgba(255, 243, 248, 1.0);}
.Inco ul li.li3 .inner {background: rgba(238, 251, 255, 1.0);}
.Inco ul li .title{ margin:20px 0 10px 0; color:#111; font-size:18px;font-weight: 500; }
.Inco ul li .txt{color:#666; line-height:20px; font-size:14px;padding:0 20px 0 20px;}
.Inco .more_btn {width:100%; text-align:center; margin:20px 0 0 0;}
.Inco .more_btn a {font-size: 11px; color: rgb(117, 117, 117); padding:8px 25px 8px 25px; background:rgba(255, 255, 255, 0.7); border: 1px solid rgba(207, 215, 255, 0.5);}
.Inco .more_btn a:hover {color: rgb(175, 5, 5);}


/********** section4 ***************/
.AboutUs {  overflow:hidden; width:100%; background: rgba(211, 219, 228, 1.0) } 
.AboutUs>.area { width:100%; height:450px;position:relative; margin:0 auto;padding:0px 0 0 0; text-align:center;}
.AboutUs>.area { background: url("../../img/section04_01_bg.jpg") no-repeat rgba(211, 219, 228, 1.0); background-size: contain; background-position: center bottom; }
.AboutUs>.area .box{ position:absolute;  top: 0;  bottom: 0;  left: -30%;  right: 0; margin: auto;  width:600px; height:350px;  
 background-color:rgba(255,255,255,0.3); border-radius:5px; display:block;  }

.AboutUs>.area .box .tit{ text-align:center; font-size:40px;  margin:25px 0 20px 0; color:#ff7e00;}
.AboutUs>.area .box p { width:80%; margin: 0 auto; text-align:center; }
.AboutUs>.area .box p.tit2 { font-size:35px; font-weight:400; line-height:45px; padding:0 0 20px 0;}
.AboutUs>.area .box p.txt {font-size:16px; line-height:25px;}
.AboutUs>.area .box .link{ font-size:14px; font-weight:500; color:#ffffff; display:block; width:100px; height:30px; line-height:30px; text-align:center; 
margin:30px auto 0 auto; border-radius:30px; background-color:#ff7e00;}


/********** section5 ***************/
.company-warp {width:100%; position: relative;overflow:hidden; 
                  background-size: cover;}
.company {width:100%; margin: 0 auto;  text-align:center; overflow:hidden;}
.company .tit {font-size:40px;font-weight: 600;color:#ffffff;padding:40px 0 20px 0;}
.con-warp {width:100%; overflow:hidden; color:#ffffff; padding:0px 0 0px 0;}
.con {width:33%; float:left; margin: 0 auto;text-align:center; }
.con img {width:85%;}
.con .text1 img {width:40px;}
.con1-tit1 {width:90%; padding:20px 0 30px 0; margin: 0 auto;text-align:center;}
.con1-tit2 {width:90%; padding:20px 0 30px 0; margin: 0 auto;text-align:center;}
.con3-tit1 {width:90%; padding:20px 0 30px 0; margin: 0 auto;text-align:center;}
.con3-tit2 {width:90%; padding:20px 0 30px 0; margin: 0 auto;text-align:center;}
.company p.text1 {font-size:20px;font-weight: 700; padding:0px 0 10px 0; }
.company p.text2 {font-size:14px;font-weight: 400;line-height:18px; color:#c2e9ff; text-align:left; }


/**********  slogan2  ***************/
.slogan2-warp {width:100%;position:relative;overflow:hidden;}
.slogan2 { z-index: 7;width:100%; margin: 0 auto;  text-align:center;padding: 0px; height: 300px; color: rgb(255, 255, 255); background-size: cover; position:relative; }
.slogan2 dl { margin: auto; width: 100%; line-height: 1.2; overflow: hidden;padding:40px 0 0 0;}
.slogan2 .tit img {padding:50px 0 20px 0;}
.slogan2 dd { width: 100%; }
.slogan2 dd p.tit {margin: 0px 0px 13px; padding: 0px; font-size: 35px; font-weight: 400; line-height:50px; text-shadow:5px 6px 14px rgba(0, 0, 0, 0.4);}
.slogan2 dd p {margin: 0px 0px 40px; padding: 0px; line-height: 1.7;font-size: 24px; font-weight: 300; text-shadow:5px 6px 14px rgba(0, 0, 0, 0.4);}
.slogan2 .button { width:100%; color: rgb(255, 255, 255);}
.slogan2 .button span a {
     border: 1px solid rgb(153, 153, 153); border-image: none; width: 150px; height: 30px; text-align: center; color: rgb(255, 255, 255); 
 letter-spacing: 1px; padding: 9px ; font-size: 13px; font-weight:bold; opacity: 0.9; background: rgb(0, 0, 0); }
.slogan2 .side span a:hover {background: rgb(255, 51, 51); border: 1px solid rgb(255, 51, 51); border-image: none;}


/********** footer  ***************/
#company-footer .info { width: 90%; position: relative; margin: 0 auto; text-align:center; overflow: hidden;  padding:20px 0 20px 0px;}


/******* POP-layer / contact us  폼메일 ***************/
.from-mail .mail-container {width:90%; margin:0 auto; padding:0px; text-align:center; overflow:hidden; }

}




/**************************************** max-width:768px *********************************************/


@media only screen and (max-width:768px)
{
.pc-mode { display:none }
.mobile-mode { display:inline-block }

/**********  메인 슬라이드 하단 SERVICE 메누  ***************/
.slider-menu-con {width:100%;margin:0 auto;overflow:hidden; 
background: url("") no-repeat ; background-size: contain; background-position: center bottom;}
.menu-warp>ul>li { width: 50%; overflow:hidden; float: left; position: relative; text-align:left; z-index:999;}
.slider-menu-line .top-line ul li  {float:left;width:50%;height:100%; color:rgba(255, 255, 255, 0.0);}

.menu-warp>ul>li:nth-child(3) .top-bg {background: rgba(0, 132, 255, 1.0);height:15px;}
.menu-warp>ul>li:last-child .top-bg {background: rgba(228, 57, 253, 1.0);height:15px;}

.menu-warp>ul>li>div>.category { font-size: 12px; line-height: 22px;  text-transform: uppercase; margin:15px 0px 0px 20px; }
.menu-warp>ul>li>div>.title  { font-size: 18px; line-height: 22px;font-weight:600; margin:15px 10px 20px 10px;letter-spacing:0px}
.menu-warp>ul>li>div ul { margin:0px 10px 0 30px ;padding: 0 0 20px 0;list-style:circle}
.menu-warp>ul>li>div ul li { font-size: 14px; line-height: 18px; margin:0px 0px 4px 0px;}



/********** section1 about  ***************/
.about { overflow:hidden; position:relative; width:100%; margin:0px 0 0 0;;  padding:40px 0 40px 0; }
.about-warp { width:100%; height:100%; margin:0 auto;  padding:0px 0 0 0;text-align:center;
background: url("../../img/m-logo-bg.png") no-repeat ; background-size: contain; background-position: center center;}
.about-warp .area { width:100%; margin:0 auto; padding:0px 0 0 0; text-align:center;}
.about-warp>.area img{ width:100%; }
.about-warp>.area .box{ margin:0px 0 0 0; padding:0; width:100%; margin: 0 auto; text-align:center;}
.about-warp>.area .box p.tit{  font-size:40px;font-weight:700; color:#ff7e00; letter-spacing:1px; padding:0 0 15px 0; }
.about-warp>.area .box p.tit2 { font-size:32px; font-weight:500; line-height:43px; padding:0 0 20px 0; letter-spacing:1px;}
.about-warp>.area .box p.tit2 strong { font-size:34px; font-weight:500;}
.about-warp>.area .box p { width:80%; margin: 0 auto; padding:0 10px 0px 0px; text-align:center; }
.about-warp>.area .box p.txt {font-size:16px; line-height:20px; font-weight:400; color:#e07400;  }




/**********  section2 slogan1  ***************/
.slogan1 { z-index: 7;width:100%; margin: 0 auto; padding: 0px; height: 330px;color: rgb(255, 255, 255);text-align:center; background-size: cover; }

.slogan1 .slogan {width: 100%; height:100%; margin:0 auto;  line-height: 1.2; overflow: hidden;padding:40px 0 0 0;}
.slogan1 .slogan img {width:30px; height:auto; }

.slogan1 .slogan p.img {padding:0px 0 0px 0; }
.slogan1 .slogan p.tit {margin: 20px 0px 25px 0; padding: 0px; font-size: 40px; font-weight: 500;  line-height:30px; color:#ffffff}
.slogan1 .slogan p.txt {margin: 20px 0px 40px 0; padding: 0px; font-size: 16px; font-weight: 300; color:#fff9f3; line-height: 1.5;}



/********** section3 OSUNG INCORPORATUON ***************/

.Inco-warp {width:100%; overflow:hidden;position:relative; text-align:center;}
.Inco {max-width:100%; overflow:hidden; margin:0 auto;padding:0 0 50px 0;background: url("../../img/incor-bg.png") no-repeat; background-position:center top;}
.Inco h3 {margin:30px 0 20px 0; line-height:45px; font-size:35px;font-weight: 700;}
.Inco h3 span {color:#ff7e00; }
.Inco ul {width:100%; overflow:hidden;  margin:0 auto}
.Inco ul li {display:inline-block; width:30%; padding: 0 1% 0 1%}
.Inco ul li .inner {display:block;  padding:20px 8px 30px 8px; }
.Inco ul li .img-warp {width:100%; overflow:hidden;}
.Inco ul li img {width:100%; height:auto;}
.Inco ul li.li1 .inner {background: rgba(241, 244, 255, 1.0);}
.Inco ul li.li2 .inner {background: rgba(255, 243, 248, 1.0);}
.Inco ul li.li3 .inner {background: rgba(238, 251, 255, 1.0);}
.Inco ul li .title{ margin:20px 0 10px 0; color:#111; font-size:16px; font-weight: 500; }
.Inco ul li .txt{color:#666; line-height:20px; font-size:13px;padding:0 5px 0 5px;}
.Inco .more_btn {width:100%; text-align:center; margin:20px 0 0 0;}
.Inco .more_btn a {font-size: 11px; color: rgb(117, 117, 117); padding:8px 25px 8px 25px; background:rgba(255, 255, 255, 0.7); border: 1px solid rgba(207, 215, 255, 0.5);}
.Inco .more_btn a:hover {color: rgb(175, 5, 5);}




/********** section4 ***************/
.AboutUs {  overflow:hidden; width:100%; background: rgba(211, 219, 228, 1.0) } 
.AboutUs>.area { width:100%; height:400px;position:relative; margin:0 auto;padding:0px 0 0 0; text-align:center;}
.AboutUs>.area { background: url("../../img/section04_01_bg.jpg") no-repeat rgba(211, 219, 228, 1.0); background-size: contain; background-position: center bottom; }
.AboutUs>.area .box{ position:absolute;  top: 0;  bottom: 0;  left: -28%;  right: 0; margin: auto;  width:500px; height:320px;  
 background-color:rgba(255,255,255,0.3); border-radius:5px; display:block;  }

.AboutUs>.area .box .tit{ text-align:center; font-size:35px;  margin:25px 0 10px 0; color:#ff7e00;}
.AboutUs>.area .box p { width:90%; margin: 0 auto; text-align:center; }
.AboutUs>.area .box p.tit2 { font-size:30px; font-weight:400; line-height:40px; padding:0 0 20px 0;}
.AboutUs>.area .box p.txt {font-size:14px; line-height:20px;}
.AboutUs>.area .box .link{ font-size:14px; font-weight:300; color:#ffffff; display:block; width:100px; height:30px; line-height:30px; text-align:center; 
margin:30px auto 0 auto; border-radius:30px; background-color:#ff7e00;}



/********** section5 ***************/
.company-warp {width:100%; position: relative;overflow:hidden;   background-size: cover; background-position: center bottom;}
.company {width:100%; margin: 0 auto;  text-align:center; overflow:hidden; padding:0px 0 0px 0;}
.company .tit {font-size:35px;font-weight: 600;color:#ffffff;padding:30px 0 20px 0;}
.con-warp {width:100%; overflow:hidden; color:#ffffff; padding:0px 0 0px 0;}
.con {width:33%; float:left; margin: 0 auto;text-align:center; }
.con img {width:100%;}
.con .text1 img {width:30px;}
.con1-tit1 {width:90%; padding:20px 0 20px 0; margin: 0 auto;text-align:center;}
.con1-tit2 {width:90%; padding:20px 0 20px 0; margin: 0 auto;text-align:center;}
.con3-tit1 {width:90%; padding:20px 0 20px 0; margin: 0 auto;text-align:center;}
.con3-tit2 {width:90%; padding:20px 0 20px 0; margin: 0 auto;text-align:center;}
.company p.text1 {font-size:18px;font-weight: 700; padding:0px 0 10px 0; }
.company p.text2 {font-size:12px;font-weight: 400;line-height:16px; color:#c2e9ff; text-align:center;}



/******* 폼메일 팝업창 ***************/
.pop-layer {border: 5px solid rgb(255, 255, 255); border-image: none; left: 50%; top: 8%; width: 690px; height: auto; display: none; position: absolute; z-index: 10; background-color: rgb(255, 255, 255);}


}



/**************************************** max-width:480px *********************************************/


@media screen and (max-width:480px)
{


body {	font-size:15px;  font-weight:300;  line-height:1.3; word-break: break-all; }

.pc-mode { display:none }
.mobile-mode { display:inline-block }



/**********  메인 슬라이드 하단 SERVICE 메누  ***************/

.menu-warp>ul>li { width: 50%; overflow:hidden; float: left; position: relative; text-align:left; z-index:999;}
.slider-menu-line .top-line ul li  {float:left;width:50%;height:100%; color:rgba(255, 255, 255, 0.0);}


.menu-warp>ul>li:nth-child(3) .top-bg {height:15px;}
.menu-warp>ul>li:last-child .top-bg {height:15px;}


.menu-warp>ul>li>div>.title  {font-size: 19px; font-weight:500; margin:5px 10px 10px 10px; letter-spacing:-1px;}
.menu-warp>ul>li>div ul { width:83%;  margin:0px 0px 0 25px ;padding: 0 0px 20px 0; list-style:circle}
.menu-warp>ul>li>div ul li { width:100%; font-size: 13px; line-height: 18px; margin:0px 0px 4px 0px;}


/********** section1 about  ***************/
.about { overflow:hidden; position:relative; width:100%; margin:0px 0 0 0;;  padding:30px 0 30px 0;}
.about-warp { overflow:hidden;width:100%; height:100%; margin:0 auto;  padding:0px 0 0 0;text-align:center; 
background: url("../../img/m-logo-bg.png") no-repeat ; background-size: contain; background-position: center center;}
.about-warp .area { width:100%; margin:0 auto; padding:0px 0 0 0; text-align:center;}
.about-warp>.area img{ width:100%; }
.about-warp>.area .box{ margin:0px 0 0 0; padding:0; width:100%; margin: 0 auto; text-align:center;}
.about-warp>.area .box p.tit{  font-size:36px;font-weight:700; color:#ff7e00; letter-spacing:1px; padding:0 0 10px 0; }
.about-warp>.area .box p.tit2 { font-size:30px; font-weight:500; line-height:35px; padding:0 0 15px 0; letter-spacing:1px;}
.about-warp>.area .box p.tit2 strong { font-size:32px; font-weight:500;}
.about-warp>.area .box p { margin: 0 auto; padding:0 10px 0px 10px; text-align:center; }
.about-warp>.area .box p.txt {width:85%;font-size:16px; line-height:20px; font-weight:400; color:#e07400;  }



/**********  section2 slogan1  ***************/
.slogan1 { z-index: 7;width:100%; margin: 0 auto; padding: 0px; height: 310px;color: rgb(255, 255, 255);text-align:center; background-size: cover; }

.slogan1 .slogan {width: 100%; height:100%; margin:0 auto;  line-height: 1.2; overflow: hidden;padding:30px 0 0 0;}
.slogan1 .slogan img {width:25px; height:auto; margin:0 0 10px 0}

.slogan1 .slogan p.img {padding:0px 0 0px 0; }
.slogan1 .slogan p.tit {margin: 10px 10px 25px 10px; padding: 0px; font-size: 35px; font-weight: 500;  line-height:25px; color:#ffffff}
.slogan1 .slogan p.txt {margin: 10px 30px 20px 30px; padding: 0px; font-size: 15px; font-weight: 400; color:#fff9f3; line-height: 20px;}




/********** section3 OSUNG INCORPORATUON ***************/

.Inco-warp {width:100%; overflow:hidden;position:relative; text-align:center;}
.Inco {max-width:100%; overflow:hidden; margin:0 auto;padding:0 0 0px 0;background: url("../../img/incor-bg.png") no-repeat; background-position:center top;
background-size: 150%}
.Inco h3 {margin:30px 0 30px 0; line-height:40px; font-size:22px;font-weight: 700;}
.Inco h3 span {color:#ff7e00; font-size:30px;font-weight: 700;}
.Inco ul {width:100%; overflow:hidden;  margin:0 auto}
.Inco ul li {display:inline-block; width:100%; padding: 0 0% 0 0%}
.Inco ul li .inner {display:block;  padding:20px 8px 30px 8px; }
.Inco ul li .img-warp {width:90%; overflow:hidden;margin:0 auto;text-align:center;}
.Inco ul li img {width:100%; height:auto;}
.Inco ul li.li1 .inner {background: rgba(241, 244, 255, 1.0);}
.Inco ul li.li2 .inner {background: rgba(255, 243, 248, 1.0);}
.Inco ul li.li3 .inner {background: rgba(238, 251, 255, 1.0);}
.Inco ul li .title{ margin:20px 0 10px 0; color:#111; font-size:22px; font-weight: 500; }
.Inco ul li .txt{color:#666; line-height:20px; font-size:15px}
.Inco .more_btn {width:100%; text-align:center; margin:20px 0 0 0;}
.Inco .more_btn a {font-size: 11px; color: rgb(117, 117, 117); padding:8px 25px 8px 25px; background:rgba(255, 255, 255, 0.7); border: 1px solid rgba(207, 215, 255, 0.5);}
.Inco .more_btn a:hover {color: rgb(175, 5, 5);}





/********** section4 ***************/
.AboutUs {  overflow:hidden; width:100%; background: rgba(211, 219, 228, 1.0) } 
.AboutUs>.area { width:100%; height:320px;position:relative; margin:0 auto;padding:0px 0 0 0; text-align:center;}
.AboutUs>.area { background: url("../../img/section04_01_bg.jpg") no-repeat rgba(211, 219, 228, 1.0); background-size: contain; background-position: center bottom; }
.AboutUs>.area .box{ position:absolute;  top: 0;  bottom: 0;  left: 0%;  right: 0; margin: auto;  width:100%; height:300px;  
 background-color:rgba(255,255,255,0.0); border-radius:5px; display:block;  }

.AboutUs>.area .box .tit{ text-align:center; font-size:35px;  margin:25px 0 10px 0; color:#ff7e00;}
.AboutUs>.area .box p { width:85%; margin: 0 auto; text-align:center; }
.AboutUs>.area .box p.tit2 { font-size:26px; font-weight:500; line-height:35px; padding:0 0 20px 0;}
.AboutUs>.area .box p.txt {font-size:14px; line-height:20px;}
.AboutUs>.area .box .link{ font-size:14px; font-weight:300; color:#ffffff; display:block; width:100px; height:30px; line-height:30px; text-align:center; 
margin:30px auto 0 auto; border-radius:30px; background-color:#ff7e00;}




/********** section5 ***************/
.company-warp {width:100%; position: relative;overflow:hidden; background-size: cover; background-position: center bottom;}
.company {width:100%; margin: 0 auto;  text-align:center; overflow:hidden; padding:0px 0 40px 0;}
.company .tit {font-size:32px;font-weight: 700;color:#ffffff;padding:30px 0 10px 0;}
.con-warp {width:100%; overflow:hidden; color:#ffffff; padding:0px 0 0px 0;}
.con {width:100%; float:left; margin: 0 auto;text-align:center; }
.con img {width:60%; padding:20px 0 20px 0;}
.con .text1 img {width:30px; padding:0;}
.con1-tit1 {width:90%; padding:20px 0 20px 0; margin: 0 auto;text-align:center;}
.con1-tit2 {width:90%; padding:20px 0 20px 0; margin: 0 auto;text-align:center;}
.con3-tit1 {width:90%; padding:20px 0 20px 0; margin: 0 auto;text-align:center;}
.con3-tit2 {width:90%; padding:20px 0 20px 0; margin: 0 auto;text-align:center;}
.company p.text1 {font-size:23px;font-weight: 700; padding:0px 0 10px 0; }
.company p.text2 {font-size:16px;font-weight: 400;line-height:20px; color:#c2e9ff; text-align:center;}





/**********  slogan2  ***************/
.slogan2-warp {width:100%;position:relative;overflow:hidden;}
.slogan2 { z-index: 7;width:100%; margin: 0 auto;  text-align:center;padding: 0px; height: 280px; color: rgb(255, 255, 255);  background-size: cover; position:relative; }
.slogan2 dl { margin: auto; width: 100%; line-height: 1.2; overflow: hidden;padding:50px 0 0 0;}
.slogan2 .tit img {padding:50px 0 20px 0;}
.slogan2 dd { width: 100%; }
.slogan2 dd p.tit {margin: 0px 0px 13px; padding: 0px; font-size: 30px; font-weight: 400; line-height:40px; text-shadow:5px 6px 14px rgba(0, 0, 0, 0.4);}
.slogan2 dd p {margin: 0px 0px 40px; padding: 0px; line-height: 1.7;font-size: 20px; font-weight: 300; text-shadow:5px 6px 14px rgba(0, 0, 0, 0.4);}
.slogan2 .button { width:100%; color: rgb(255, 255, 255);}
.slogan2 .button span a {
     border: 1px solid rgb(153, 153, 153); border-image: none; width: 150px; height: 30px; text-align: center; color: rgb(255, 255, 255); 
 letter-spacing: 1px; padding: 9px ; font-size: 13px; font-weight:bold; opacity: 0.9; background: rgb(0, 0, 0); }
.slogan2 .side span a:hover {background: rgb(255, 51, 51); border: 1px solid rgb(255, 51, 51); border-image: none;}





/********** footer  ***************/
#company-footer { width: 100%;background: rgb(51, 51, 51);position: relative; overflow:hidden; margin:0 auto; bottom:0; z-index:5}
#company-footer .info { width: 100%; position: relative; margin: 0 auto; text-align:center; overflow: hidden;  padding:20px 0 15px 0px;}
#company-footer .info .logo { width: 100%; color: rgb(255, 255, 255); font-size: 15px; font-weight: bold; margin-bottom: 10px;}
#company-footer .info .logo img { width: 180px;}

#company-footer .info div { width: 100%;color: rgb(153, 153, 153); line-height: 25px; font-size: 14px; margin: 0 auto; text-align:center;}
#company-footer .info div.addr { width: 90%; padding:0 0px 10px; 0px; line-height: 20px; }
#company-footer .copy {width: 100%; height:30px;font-size: 10px; line-height:30px; color: rgb(153, 153, 153); letter-spacing:-0.2px; text-align:center;background:#000000;}
#company-footer .info i {padding:0 0px 0 0; font-size:15px;}

#company-footer .info a {color: rgb(153, 153, 153); }







/******* 폼메일 팝업창 ***************/
.layer {left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: fixed; z-index: 99999999999; _position: absolute;}
.layer .bg {background: rgb(0, 0, 0); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; opacity: 0.8;}
.layer .pop-layer {	display: block;}
#layer2 {overflow-y : auto; height:100%;  z-index:1004}
.pop-layer {border: 5px solid rgb(255, 255, 255); border-image: none; left: 50%; top: 8%; width: 100%; height: auto; display: none; position: absolute; z-index: 10; background-color: rgb(255, 255, 255);}
.pop-layer .pop-container {	padding: 5px 5px 60px 5px; overflow: hidden;}
.pop-layer p {color: rgb(102, 102, 102); line-height: 25px;}
.pop-layer .tit-warp {margin:0 auto; text-align:center;padding:0 0 10px 0; width: 95%;  overflow: hidden; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; }
.pop-layer .tit { width: 100%; float:left; margin:0 auto; text-align: center;  font-size: 30px; font-weight: 700; }
.pop-layer .text {width:100%;height:100%; margin:0 auto; text-align:center; padding:10px 0 10px 0; float:left;color:rgb(102, 102, 102); font-size: 15px; }


.pop-mail .btn {	margin: 20px 0px 10px; text-align: center;}
.pop-mail .btn a.btn_close {	padding: 0px 20px; border: 1px solid rgb(102, 102, 102); border-image: none; height: 34px; color: rgb(255, 255, 255); line-height: 34px; 
font-size: 15px; display: inline-block; background-color: rgb(102, 102, 102);}
.pop-mail .btn a.btn_confirm {margin-right:10px;	padding: 0px 30px; border: 1px solid rgb(255, 51, 51); border-image: none; height: 34px; 
color: rgb(255, 255, 255); line-height: 34px; font-size: 15px; display: inline-block; cursor: pointer; background-color: rgb(255, 51, 51);}
.pop-mail .btn a:hover {background-color: rgb(205, 36, 36);}


.from-mail div.input-icons {position: relative;  width: 100%;   height: 40px;   padding:10px 30px 0 0;  line-height: 50px;  margin: auto; }
.from-mail .policy {margin:0 auto; text-align:center; margin:20px 0 0PX 0; width: 95%; background: rgb(250, 250, 250); padding: 15px; border: 1px solid rgb(204, 204, 204); 
border-image: none; height: 150px; color: rgb(102, 102, 102); line-height: 20px; font-size: 12px; overflow-y: scroll; text-align:left;}

.from-mail .agree2 {text-align: right; margin: 10px 30px 30px 0;}
.from-mail .agree2 span {font-size: 12px; margin: 10px 0px 0px 0;}


.from-mail .m-warp1 {width:43%; height:40px; margin:0 auto; padding:0; float:left; text-align:left;}
.from-mail .m-warp2 {width:7%; height:40px; margin:0 auto;padding:0 0 0 0; float:left;line-height:50px;}
.from-mail .m-warp3 {width:50%; height:40px; margin:0 auto;padding:00; float:left; text-align:left;}
.from-mail .btn {	margin: 10px 0px 0px; text-align: center;}
}









/******* 네트워크 슬라이드 베너***************/

#mixedSlider { margin:0 auto; text-align:center; padding:40px 0 80px 0; background: url("../../img/incor-bg.png") no-repeat rgba(245,245,245,0.0); background-position:center top;
}

#mixedSlider h3 {margin:0px 0 50px 0; line-height:60px; font-size:45px;font-weight: 700;}
#mixedSlider  h3 span {color:#ff7e00; }

#mixedSlider .MS-warp {position: relative; width:1400px; margin:0 auto; padding: 0px; text-align:center; overflow:hidden;}
#mixedSlider .MS-content { white-space: nowrap;  overflow: hidden;  margin: 0 5%;}
#mixedSlider .MS-content .item {  margin:0 auto; padding: 0px;  display: inline-block;  width: 23.3%;  position: relative;  vertical-align: top;  overflow: hidden;  white-space: normal;
padding: 0 10px;}

#mixedSlider .MS-content .item .imgTitle {  position: relative; width:100%; overflow:hidden;margin:0 auto; padding: 0px; text-align:center;}
#mixedSlider .MS-content .item .imgTitle .blogTitle {margin: 0;text-align: center;letter-spacing: -0.5px; color: #252525; position: absolute;
  background-color: rgba(255, 255, 255, 0.0);  width: 100%;  bottom: 0;  font-weight: bold;  padding: 0 0 2px 10px;}

#mixedSlider .MS-content .item .imgTitle img {  height: auto;  width: 100%;}
#mixedSlider .MS-content .item .text-warp {position: relative; width:100%;overflow:hidden;margin: 0; text-align: center; padding:0 0px 20px 0px; background:#fafafa}
#mixedSlider .MS-content .item p.country {  font-size: 15px;  font-weight: bold; margin: 0;text-align: center;   background-color: #e2e2e2; padding:10px 0 10px 0;}
#mixedSlider .MS-content .item p.companyname {  font-size: 18px;  margin:0; font-weight: 700; margin: 0;text-align: center;padding:10px 0 0px 0;}


#mixedSlider .MS-content .item ul.text {width:90%; margin:0 0px 0 0; padding:0 0px 0 15px;}
#mixedSlider .MS-content .item ul.text li{ position: relative;width:90%; margin:0 auto; padding:3px 0 0px 0; font-size:13px; text-align:left; letter-spacing: 0.5px;
	padding-left: 30px; /*이미지 나올공간 왼쪽 여백 띄워주기*/
 /*   background:url('../../img/list-icon2.png') no-repeat 0 10px; */ }

#mixedSlider .MS-content .item ul li span{  position: absolute;  left: 18px;  top: 1px; padding:0px 10px 0px 0; font-size:14px; font-weight: 500;}
#mixedSlider .MS-content .item li a {font-weight: 500;}
#mixedSlider .MS-content .item ul li .xi-li2 {  position: absolute;  left: 0px;  top: 5px;  font-size:16px;  text-align: left; color:#5296d0;}


#mixedSlider .MS-controls button { position: absolute; border: none; background-color: transparent; outline: 0; font-size: 40px; top: 50%; color: rgba(0, 0, 0, 0.4); transition: 0.15s linear;}
#mixedSlider .MS-controls button:hover { color: rgba(0, 0, 0, 0.8); Cursor:pointer}
#mixedSlider .MS-controls .MS-left {  left: 20px;}
#mixedSlider .MS-controls .MS-right {  right: 20px;}

#mixedSlider .more {  width:100%; margin:70px 0 0 0;}
#mixedSlider .more span a {
     border: 1px solid rgb(153, 153, 153); border-image: none; width: 150px; height: 30px; text-align: center; color: rgb(255, 255, 255); 
 letter-spacing: 1px; padding: 9px ; font-size: 13px; font-weight:bold; opacity: 0.9; background: rgb(112, 112, 112); }

#mixedSlider .more span a:hover {color: rgb(255, 255, 255);  background: rgb(0, 0, 0); }

#mixedSlider .MS-content .item .img_zoom{
            -webkit-transform:scale(1.0); /*  ũ�� */
            -moz-transform:scale(1.0); /* FireFox */
            -o-transform:scale(1.0); /* Opera */
            transform:scale(1.0);
            transition: transform .45s;
            -o-transition: transform .45s;
            -moz-transition: transform .45s;
            -webkit-transition: transform .45s;
}
#mixedSlider .MS-content .item:hover .img_zoom {
            -webkit-transform:scale(1.05); /*  ũ�� */
            -moz-transform:scale(1.05); /* FireFox */
            -o-transform:scale(1.05); /* Opera */
            transform:scale(1.05);
            transition: transform .55s;
            -o-transition: transform .55s;
            -moz-transition: transform .55s;
            -webkit-transition: transform .55s;
}





@media only screen and (max-width:1400px)
{
#mixedSlider .MS-warp {position: relative; width:100%; margin:0 auto; text-align:center}
}

@media only screen and (max-width:1100px)
{
#mixedSlider .MS-warp {position: relative; width:100%; margin:0 auto; text-align:center}
#mixedSlider .MS-content .item {  display: inline-block;  width: 22.8%;  position: relative;  vertical-align: top;  overflow: hidden;  white-space: normal;
padding: 0 10px; }

#mixedSlider .MS-content .item ul.text {width:85%; margin:0 0px 0 0; padding:0 0px 0 10px;}
#mixedSlider .MS-content .item ul.text li{ position: relative;width:90%; margin:0 auto; padding:3px 0 0px 0; font-size:13px; text-align:left; letter-spacing: 0.5px;
	padding-left: 30px; line-height:18px;}

#mixedSlider .MS-content .item .text-warp {position: relative; width:100%;overflow:hidden;margin: 0;text-align: center;padding:0 0px 20px 0px; }
#mixedSlider .MS-content .item p.country {  font-size: 16px;  font-weight: bold; margin: 0;text-align: center;   background-color: #e2e2e2; padding:10px 0 10px 0;}
#mixedSlider .MS-content .item p.companyname {  font-size: 18px;  margin:0; font-weight: 700; margin: 0;text-align: center;padding:10px 0 10px 0;}

#mixedSlider .MS-content .item ul li span{  position: absolute;  left: 18px;  top: 1px; padding:0px 10px 0px 0; font-size:14px; font-weight: 500;}
#mixedSlider .MS-content .item li a {font-weight: 500;}
#mixedSlider .MS-content .item ul li .xi-li2 {  position: absolute;  left: 0px;  top: 5px;  font-size:16px;  text-align: left; color:#5296d0;}
}



@media (max-width: 980px) 
{
#mixedSlider .MS-content .item {   width: 31%; }

#mixedSlider .MS-warp {position: relative; width:100%; margin:0 auto; text-align:center}
#mixedSlider .MS-content .item ul.text {width:85%; margin:0 0px 0 0; padding:0 0px 0 10px;}
#mixedSlider .MS-content .item ul.text li{ position: relative;width:90%; margin:0 auto; padding:3px 0 0px 0; font-size:14px; text-align:left; letter-spacing: 0.5px;
	padding-left: 30px; line-height:18px;}
#mixedSlider .MS-content .item .text-warp {position: relative; width:100%;overflow:hidden;margin: 0;text-align: center;padding:0 0px 20px 0px; }
#mixedSlider .MS-content .item p.country {  font-size: 16px;  font-weight: bold; margin: 0;text-align: center;   background-color: #e2e2e2; padding:10px 0 10px 0;}
#mixedSlider .MS-content .item p.companyname {  font-size: 18px;  margin:0; font-weight: 700; margin: 0;text-align: center;padding:10px 0 10px 0;}

#mixedSlider .MS-content .item ul li span{  position: absolute;  left: 18px;  top: 1px; padding:0px 10px 0px 0; font-size:14px; font-weight: 500;}
#mixedSlider .MS-content .item li a {font-weight: 500;}
#mixedSlider .MS-content .item ul li .xi-li2 {  position: absolute;  left: 0px;  top: 5px;  font-size:16px;  text-align: left; color:#5296d0;}
#mixedSlider .MS-controls button {  font-size: 30px; }

}



@media only screen and (max-width:768px)
{
#mixedSlider .MS-content .item {   width: 47%; }

#mixedSlider .MS-warp {position: relative; width:100%; margin:0 auto; text-align:center}
#mixedSlider .MS-content .item ul.text {width:90%; margin:0 0px 0 0; padding:0 0px 0 15px;}
#mixedSlider .MS-content .item ul.text li{ position: relative;width:90%; margin:0 auto; padding:3px 0 0px 0; font-size:14px; text-align:left; letter-spacing: 0.5px;
	padding-left: 30px; line-height:18px;}
#mixedSlider .MS-content .item .text-warp {position: relative; width:100%;overflow:hidden;margin: 0;text-align: center;padding:0 0px 20px 0px;}
#mixedSlider .MS-content .item p.country {  font-size: 18px;  font-weight: bold; margin: 0;text-align: center;   background-color: #e2e2e2; padding:10px 0 10px 0;}
#mixedSlider .MS-content .item p.companyname {  font-size: 20px;  margin:0; font-weight: 700; margin: 0;text-align: center;padding:10px 0 10px 0;}

#mixedSlider .MS-content .item ul li span{  position: absolute;  left: 18px;  top: 1px; padding:0px 10px 0px 0; font-size:14px; font-weight: 500;}
#mixedSlider .MS-content .item li a {font-weight: 500;}
#mixedSlider .MS-content .item ul li .xi-li2 {  position: absolute;  left: 0px;  top: 5px;  font-size:16px;  text-align: left; color:#5296d0;}
#mixedSlider .MS-controls button {  font-size: 30px; }

#mixedSlider .MS-controls button { font-size: 20px; }
#mixedSlider .MS-controls .MS-left {  left: 10px; }
#mixedSlider .MS-controls .MS-right {  right: 10px; }
}


@media screen and (max-width:480px)
{
#mixedSlider {padding:30px 0 50px 0; background-size: 150%}

#mixedSlider h3 {margin:0px 0 30px 0; line-height:40px; font-size:36px;font-weight: 700;}
#mixedSlider  h3 span {color:#ff7e00; }

#mixedSlider .MS-warp {position: relative; width:100%; margin:0 auto; text-align:center}
#mixedSlider .MS-content { white-space: nowrap;  overflow: hidden;  margin: 0 10%; padding:0;}
#mixedSlider .MS-content .item {   width: 100%; padding: 0 0px;}
#mixedSlider .MS-content .item ul.text {width:90%; margin:0 0px 0 0; padding:0 0px 0 15px;}
#mixedSlider .MS-content .item ul.text li{ position: relative;width:90%; margin:0 auto; padding:3px 0 0px 0; font-size:14px; text-align:left; letter-spacing: 0.5px;
	padding-left: 30px; line-height:18px;}
#mixedSlider .MS-content .item .text-warp {position: relative; width:100%;overflow:hidden;margin: 0;text-align: center;padding:0 0px 20px 0px; }
#mixedSlider .MS-content .item p.country {  font-size: 18px;  font-weight: bold; margin: 0;text-align: center;   background-color: #e2e2e2; padding:10px 0 10px 0;}
#mixedSlider .MS-content .item p.companyname {  font-size: 20px;  margin:0; font-weight: 700; margin: 0;text-align: center;padding:10px 0 10px 0;}

#mixedSlider .MS-content .item ul li span{  position: absolute;  left: 18px;  top: 1px; padding:0px 10px 0px 0; font-size:14px; font-weight: 500;}
#mixedSlider .MS-content .item li a {font-weight: 500;}
#mixedSlider .MS-content .item ul li .xi-li2 {  position: absolute;  left: 0px;  top: 5px;  font-size:16px;  text-align: left; color:#5296d0;}

#mixedSlider .MS-controls button { position: absolute; border: none; background-color: transparent; outline: 0; font-size: 20px; top: 50%; color: rgba(0, 0, 0, 0.4); transition: 0.15s linear;}
#mixedSlider .MS-controls button:hover { color: rgba(0, 0, 0, 0.8); Cursor:pointer}

#mixedSlider .more {  width:100%; margin:40px 0 0 0;}

}