/*í‘¸í„° ì‹œìž‘*/

*{
font-family: 'Noto Sans KR', sans-serif;
}
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); font-family: 'Noto Sans KR', sans-serif;

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');} @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');} @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');} @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');} @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');} @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');} body, h1, h2, h3, h4, h5, h6, input, textarea, select { font-family: 'Noto Sans KR', sans-serif; }

p, a, h1, h2, h3, h4, h5, h6 {
    transform: skew(-0.1deg);
}

#footer { background:#1D1D1D; height:auto; }
#footer .inner { margin:0 auto; max-width:1200px; height:214px; padding:0 40px; padding-top:50px; }
#footer .inner .company_link { margin-bottom:23px; padding-bottom:18px; border-bottom:1px solid #2F2F2F; }
#footer .inner .company_link:after { content:""; clear:both; display:block; }
#footer .inner .company_link a { display: block; float:left; color:#FFF; font-size:14px; font-weight:100; padding:0 16px; background:url(../images/footer-line.gif) no-repeat right center; letter-spacing:normal; }
#footer .inner .company_link a:first-child { padding-left:0; }
#footer .inner .company_link a:last-child { padding-right:0; background:none; }
#footer .inner .company_info:after { content:""; clear:both; display:block; }
#footer .inner .company_info p.address_copyright { float:left; font-size:16px; line-height:28px; color:#A8A8A8; font-weight:100; letter-spacing:0.05em; }
#footer .inner .company_info p.customer_service { float:right; margin-top:2px; margin-right:16px; font-size:24px; color:#377CE7; line-height:28px; letter-spacing:0.2em; }
#footer .inner .company_info p.customer_service span { display:block; font-size:18px; color:#FFF; letter-spacing:0.1em; line-height:28px; }
/*í‘¸í„° ë*/
/*ì»¨í…Œì´ë„ˆ ì‹œìž‘*/
/*ì„¹ì…˜ ê³µí†µ ì‹œìž‘*/
.section { position:relative; width:100%; clear: both; }/*clear추가*/
.section .inner { margin:0 auto; padding:120px 40px; max-width:1400px; }
.section .inner:after { content:""; clear:both; display:block; }
.section .inner .mobile { display:none; }
.section .inner .top .title { margin-bottom:21px; font-weight:600; text-align:center; font-size:54px; line-height:74px; letter-spacing:-0.05em; }
.section .inner .top .sub_title { margin-bottom:26px; text-align:center; font-size:24px; line-height:38px; color:#000; font-weight:300; }
.section .inner .top .body { text-align:center; font-size:18px; letter-spacing:-0.025em; font-weight:300; color:#000; }
/*ì„¹ì…˜ ê³µí†µ ë*/
/*ë©”ì¸ë¹„ì£¼ì–¼ ì‹œìž‘*/
.visual { position:relative; width:100%; height:1080px; overflow:hidden;  }
.visual .bg { position:absolute; width:100%; height:100%; overflow:hidden; background:url(../img/img2/visual-bg.png); background-size:cover; z-index:-1; opacity:0.9; }
.visual .bg .sun { position:absolute; width:100%; height:100%; background:url(../images/visual-1.png) no-repeat; background-size:cover; z-index:-1; opacity:0.6;  }
.visual .bg .bulb { position:absolute; left:60%; top:0%; width:100%; max-width:1920px; height:100%; max-height:1080px; background:url(../img/img2/visual-2.png) no-repeat; background-size:contain; z-index:-1; animation-name:bulb;  animation-duration:5s; animation-iteration-count: infinite; }
.visual .bg .light { position:absolute; left:60%; top:0%; width:100%; max-width:1920px; height:100%; max-height:1080px; background:url(../img/img2/visual-3.png) no-repeat; background-size:contain; z-index:-1; animation-name:light;  animation-duration:5s; animation-iteration-count: infinite; }
@keyframes bulb { 0%{ top:0%;}  50%{ top:3%;} 100%{ top:0%;} }
@keyframes light { 0%{ top:0%; opacity:1;}  50%{ top:3%; opacity:0;} 100%{ top:0%; opacity:1;} }
/*.visual .bg video { z-index:-10; opacity:0.55; min-width:100%; width:auto; height:auto; }*/

.visual .inner .top .slogan { margin-top:250px; }
.visual .inner .top .slogan p { text-align:left; line-height:1em; color:#FFF; padding:0; margin:0; background:none; }
.visual .inner .top .slogan p { text-align:left; line-height:1em; color:#FFF; padding:0; margin:0; background:none; }
.visual .inner .top .slogan p.sub_title { margin-bottom:30px; font-size:16px; font-weight:100; letter-spacing:0.25em;  }
.visual .inner .top .slogan p.title { margin-bottom:12px; font-size:58px; font-weight:100; letter-spacing:-0.075em; line-height:80px; }
.visual .inner .top .slogan p.title span { font-weight:300; }
.visual .inner .top .slogan p.title span b { color:#FF0000; }
.visual .inner .top .slogan p.body { font-size:22px; line-height:36px; font-weight:100; letter-spacing:-0.075em; }
.visual .inner .top .slogan .company_pdf { margin-bottom:270px; display:block; width:190px; height:55px; line-height:55px; padding-left:38px; border:2px solid #FFF; color:#FFF; font-size:16px; font-weight:400; background:url(../images/company-pdf.png) no-repeat 150px 20px; letter-spacing:0.1em; }
.visual .inner .scroll { position:relative; margin:0 auto; margin-top:290px; text-align:center; animation-name:example;  animation-duration:3s; animation-iteration-count: infinite; }
@keyframes example { 0%{ left:0px; top:0px;}  50%{ left:0px; top:30px;} 100%{ left:0px; top:0px;} }

.why .inner .top p.sub_title {margin-bottom:45px;}
.why .inner .top p.sub_title span {font-weight:700; background: linear-gradient(to right, #13a2c0 5%, #354b95); -webkit-background-clip: text; -webkit-text-fill-color: transparent; border-bottom:1px solid #354b95; padding-bottom:1px;}
.why .bg {margin:0 auto; margin-bottom:50px; width:1263px; height:624px; background:url(../img/img2/why_bg.png) center center no-repeat;}

.manual { background:url(/assets/images/main/asset/manual_bg8.png) center center no-repeat; background-size:cover;}/*이미지변경*/
.consul{ background:url(../img/img2/manual_bg2.png) center center no-repeat; background-size:cover;}
.surplus{
    background:url(../img/img2/manual_bg5.png) center center no-repeat; background-size:cover;
}
.recruit{
    background:none;

}
.recruit .inner .top .title{
    color:#212121!important;
}
.recruit .inner .top .sub_title{
    color:#212121!important;
}



.manual .inner .describe1 {margin-top:110px;}
.manual .inner .describe1 ul {margin:0 auto; width:1100px;}
.manual .inner .describe1 ul:after {content:''; clear:both; clear:both;}
.manual .inner .describe1 ul li {float:left; width:286px; margin:0 40px; text-align:center;}
.manual .inner .describe1 ul li .box1 {width:262px; height:262px; border:12px solid #fff; margin-bottom:19px;}/*262px*/
.manual .inner .describe1 ul li:nth-child(1) .box1 img {padding:47px 0 34px;}
.manual .inner .describe1 ul li:nth-child(2) .box1 img {padding:42px 0 27px;}
.manual .inner .describe1 ul li:nth-child(3) .box1 img {padding:40px 0 29px;}
.manual .inner .describe1 ul li .box1 .title {font-size:22px; color:#fff; font-weight:700; line-height:32px;}
.manual .inner .describe1 ul li .content {font-size:15px; color:#fff; line-height:24px;}/*폰트사이즈변경14*/




.manual .inner .describe2 {margin-top:110px;}
.manual .inner .describe2 ul {margin:0 auto; width:1100px;}
.manual .inner .describe2 ul:after {content:''; clear:both; clear:both;}
.manual .inner .describe2 ul li {width:100%; margin:0 40px; text-align:left; display: block;}
.manual .inner .describe2 ul li:nth-child(1) .box2 img {padding:70px 25px 34px 140px; float: left;}
.manual .inner .describe2 ul li:nth-child(2) .box2 img {padding:60px 25px 34px 140px; float: left;}
.manual .inner .describe2 ul li .content {font-size:18px; color:#fff; line-height:30px; padding:62px 190px 42px 10px; font-weight: 500;}/*폰트사이즈변경14*/
.manual .inner .describe2 ul li .box2 {width:100%; height:200px; border:12px solid #fff; margin-bottom:19px;}/*262px*/
.surcolor{
    color: #b4e63b;/*b4e63b*/
    display: inline;
    width:auto;
}


.manual .inner .describe3 { margin: 0 auto; margin-top:110px;}
.manual .inner .describe3 ul {margin:0 auto; width:100%;/*1100px*/}
.manual .inner .describe3 ul:after {content:''; clear:both; clear:both;}
.manual .inner .describe3 ul li {width:100%; margin:0 17px; text-align:left; display: block;}
.manual .inner .describe3 ul li:nth-child(1) .box3 img {padding:60px 45px 34px 140px; float: left;}
.manual .inner .describe3 ul li:nth-child(2) .box3 img {padding:52px 45px 34px 140px; float: left;}
.manual .inner .describe3 ul li .content {font-size:18px; color:#212121; line-height:30px; padding:0px 190px 42px 10px; font-weight: 500;}/*폰트사이즈변경14*/
.manual .inner .describe3 ul li .box3 {width:100%; height:200px; border:12px solid #eae3fb; margin-bottom:19px;}/*262px*/
.content_t{
 font-size:17px; color:#6740c9; line-height:30px; padding:50px 0 10px 10px; font-weight: 500;   
}
.who_txt{font-size:18px; line-height:26px; margin-top: 5px;}
.btn_submit{background: #e0c4ff; border-radius: 10px; height:120px; width: 600px; margin: 0 auto; box-sizing: border-box; cursor: pointer; text-align: center; font-weight: bold; padding-top:45px; color:#353535; font-size:30px;}
.btn_submit>a{color: #353535; text-align: center; border: 0; font-size:32px; margin-top:px; }
.btn_submit>a>img{width:30px; margin-right:20px; margin-bottom:6px;}
.title_re{font-size: 45px; color: #fff; text-align: center; line-height: 150%;}
.strong{font-size: 20px; color:#e0c4ff; text-align: center; background:#212121; padding:5px; margin:15px; font-weight:500; line-height: normal;}
.yellow_g{color: #e0c4ff; line-height:165%; }
.essential{text-align: center; color: #fff; margin-bottom:10px; font-size:16px; padding-top: 10px; line-height: 22px;}
.input_re{padding-top:18px;}
.input_re>li{width:49%; float: left; margin-bottom:20px;}

.input_re li:nth-of-type(1) input {
    background: #fff url(../img/ico1.png) no-repeat 12px 50%;
}
.input_re li:nth-of-type(2) input {
    background: #fff url(../img/ico1.png) no-repeat 12px 50%;
}
.input_re li:nth-of-type(3) input {
    background: #fff url(../img/ico2.png) no-repeat 12px 50%;
}
.input_re li:nth-of-type(4) input {
    background: #fff url(../img/ico3.png) no-repeat 12px 50%;
}
.input_re li:nth-of-type(5) input {
    background: #fff url(../img/ico4.png) no-repeat 12px 50%;
}


.input_re li input[type=text] {
    background-color: #fff;
    color: #545353;
    letter-spacing: -0.5px;
    font-weight: 400;
    font-size: 17px;
    border-radius: 10px;
    width: 100%;
    height: 58px;
    line-height: 58px;
    padding-left: 49px;
    border: none;
    box-sizing: border-box;
    padding-right: 10px;
    width:49%;
    float:left;
    margin-bottom:20px;
    margin-left:1%;
}

.input_re li.resume span.alert {
    position: relative;
    text-align: left;
    color: #545353;
    background-color: #fff;
    letter-spacing: -0.5px;
    font-weight: 400;
    font-size: 17px;
    border-radius: 10px;
    margin-right:1%;
    height: 58px;
    line-height: 58px;
    padding-left: 49px;
    border: none;
    box-sizing: border-box;
    width:41%;
    margin-left:1%;
}

.input_re li.resume span {
    float: left;
}
.input_re span.alert {
    background: #fff url(../img/ico5.png) no-repeat 12px 50%;
}
.m-pc{
    display: block;
    color:#fff;
}
.input_re li.resume span {
    float: left;
}
.input_re .btn_attach {
    display: inline-block;
    width:7%;
    height: 58px;
    line-height: 58px;
    border-radius: 10px;
    background-color: #b4e63b;
    letter-spacing: 2px;
    color: #000;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    float: right;
}
.input_re .btn_attach a{
    color:#353535;
    padding-top:14px;
    display: inline-block;
}
.content_re{
    width:1200px;
    margin: 0 auto;
    text-align:center;
}
.w_content_re{background:url(/assets/images/main/asset/manual_bg9.png) center center no-repeat; background-size:cover; padding:10% 6%; }
.input_re li.agreement .checkmark {
    position: absolute;
    top: 6px;
    left: -24px;
    height: 12px;
    width: 12px;
    background-color: transparent;
    border: 2px solid #fff;
}








.manual .inner {position:relative;}
.manual .inner .top p.title {color:#fff;}
.manual .inner .top p.sub_title {color:#fff;}
.manual .inner .top .manuals {width:440px; margin:0 auto;}
.manual .inner .top .manuals:after { content:""; clear:both; display:block; }
.manual .inner .top .manuals img {vertical-align:middle; margin-left:10px;}
.manual .inner .top .manuals .solution {float:left; padding:0 20px; border:1px solid #fff; font-size:16px; color:#fff; font-weight:300; height:50px; line-height:48px;}
.manual .inner .top .manuals .user {float:right; padding:0 20px; border:1px solid #fff; font-size:16px; color:#fff; font-weight:300; height:50px; line-height:48px;}
.manual .inner .describe {margin-top:110px;}
.manual .inner .describe ul {margin:0 auto; width:1100px;}
.manual .inner .describe ul:after {content:''; clear:both; clear:both;}
.manual .inner .describe ul li {float:left; width:262px; margin:0 6px; text-align:center;}/*margin 0 40px*/
.manual .inner .describe ul li .box {width:232px; height:262px; border:12px solid #fff; margin-bottom:19px;}/*262px*/
.manual .inner .describe ul li:nth-child(1) .box img {padding:47px 0 34px;}
.manual .inner .describe ul li:nth-child(2) .box img {padding:42px 0 27px;}
.manual .inner .describe ul li:nth-child(3) .box img {padding:40px 0 29px;}
.manual .inner .describe ul li:nth-child(4) .box img {padding:40px 0 29px;}
.manual .inner .describe ul li .box .title {font-size:22px; color:#fff; font-weight:700; line-height:32px;}/*패딩추가*/
.manual .inner .describe ul li .content {font-size:15px; color:#fff; line-height:24px;}/*폰트사이즈변경14*//*패딩추가*/
/* AMIDIA ë§¤ë‰´ì–¼ ë */
/* AMIDIA ì†Œê°œ ì‹œìž‘ */
.section.intro .inner { max-width:1600px; }
.intro_box_wrap {width:100%; margin:0 auto; padding-top:107px;}
.intro_box_wrap ul:after { content:""; clear:both; display:block; }
.intro_box_wrap ul li {float:left; /*width:320px;*/ width:16.6%; text-align:center;}/*와이드값 수정*/
.intro_box_wrap ul li .img {height:53px;}
.intro_box_wrap ul li:nth-child(4) .img {margin-top:5px;}
.intro_box_wrap ul li .title {font-size:22px; line-height:30px; font-weight:700; color:#13a2c0; margin-top:13px;}
.intro_box_wrap ul li .split {width:5px; height:1px; background:#13a2c0; margin:6px auto 7px;}
.intro_box_wrap ul li .content {font-size:14px; font-weight:400; line-height:24px; color:#13a2c0;}
.intro_box_wrap ul li:nth-child(even) .title {color:#354b95;}
.intro_box_wrap ul li:nth-child(even) .split {background:#354b95;}
.intro_box_wrap ul li:nth-child(even) .content {color:#354b95;}

.special {width:100%; background:url(../img/img2/special_bg2.png) center center no-repeat; background-size:cover; height:978px;}
.special .inner {position:relative;}
.special .inner .top p.title {color:#fff;}
.special .inner .top p.sub_title {color:#fff;}
.special .inner .layer {position:relative; top:50px; margin-top:70px; margin-left:430px; text-align:center; animation-name: example;  animation-duration:5s; animation-iteration-count: infinite;}/*-60마진*/
.special .inner .layer img {display:block;}
@keyframes example { 0%{ left:0px; top:50px;}  50%{ left:0px; top:80px;} 100%{ left:0px; top:50px;} }

.video {width:100%; }
.video .inner .top p.sub_title {margin-bottom:41px;}
.video .inner .top .btn_group {width:435px; margin:0 auto 30px;}
.video .inner .top .btn_group:after {clear:both; display:block; content:'';}
.video .inner .top .btn_group .btn {height:45px; line-height:43px; font-weight:800; text-align:center; color:#b4b4b4; border:1px solid #e0e0e0; border-radius:25px; font-size:20px; cursor:pointer;}
.video .inner .top .btn_group .btn:hover {color:#000; border:1px solid #a1a1a1;}
.video .inner .top .btn_group .btn.on {color:#000; border:1px solid #a1a1a1;}
.video .inner .top .btn_group .btn img {vertical-align:middle;}
.video .inner .top .btn_group .btn_totalcms {float:left; width:200px; }
.video .inner .top .btn_group .btn_amiclick {float:right; width:220px;}
.video .inner .video_view {width:1000px; margin:0 auto;}
.video .inner .video_view iframe {width:1000px; height:563px;}

.agency {width:100%; background:url(../img/img2/agency_bg.gif) 0 0 repeat-x; background-size:cover;}
.agency .inner .top p.title {color:#fff;}
.agency .inner .top p.sub_title {color:#fff;}
.agency .agency_list {max-width:1320px; margin:52px auto 80px;}
.agency .agency_list ul {border-left:1px solid rgba(255,255,255, 0.3); border-top:1px solid rgba(255,255,255, 0.3);}
.agency .agency_list ul:after {clear:both; display:block; content:'';}
.agency .agency_list ul li {float:left; display:flex; align-items:center; justify-content: center;  width:20%; height:109px; border-right:1px solid rgba(255,255,255, 0.3); border-bottom:1px solid rgba(255,255,255, 0.3);}

.product { position:relative; }
.product .product_slider .product_intro .visual { position:relative; margin-top:60px; width:100%; height:auto; overflow:visible; }
.product .product_slider .product_intro .visual .ami_bg { margin:0 auto; margin-bottom:40px; max-width:780px; text-align:center; }
.product .product_slider .product_intro .visual .ami_bg img { width:100%; }
/*.product .product_slider .click .visual { background:url(../images/click-bg.gif) no-repeat center center; background-size:cover; }
.product .product_slider .daily .visual { background:url(../images/daily-bg.gif) no-repeat center center; background-size:cover; }*/
.product .product_slider .product_intro .visual .circle1 { position:absolute; top:110px; left:160px; width:110px; height:110px; border-radius:50%; box-shadow:0px 0px 20px #DDD; animation-name:circleone; animation-duration:6s; animation-iteration-count:infinite; }
.product .product_slider .product_intro .visual .circle2 { position:absolute; top:-20px; left:300px; width:90px; height:90px; border-radius:50%; box-shadow:0px 0px 20px #DDD; animation-name:circletwo; animation-duration:5s; animation-iteration-count:infinite; }
.product .product_slider .product_intro .visual .circle3 { position:absolute; top:60px; right:180px; width:90px; height:90px; border-radius:50%; box-shadow:0px 0px 20px #DDD; animation-name:circlethree; animation-duration:5s; animation-iteration-count:infinite; }
.product .product_slider .product_intro .visual .circle4 { position:absolute; top:220px; right:360px; width:80px; height:80px; border-radius:50%; box-shadow:0px 0px 20px #DDD; animation-name:circlefour; animation-duration:3s; animation-iteration-count:infinite; }
@-webkit-keyframes circleone { 0%{ top:110px;} 25%{ top:115px;} 50%{ top:120px;} 75%{ top:115px;} 100%{ top:110px;} }
@-webkit-keyframes circletwo { 0%{ top:-20px;} 25%{ top:-25px;} 50%{ top:-30px;} 75%{ top:-25px;} 100%{ top:-20px;} }
@-webkit-keyframes circlethree { 0%{ top:60px;} 25%{ top:65px;} 50%{ top:70px;} 75%{ top:65px;} 100%{ top:60px;} }
@-webkit-keyframes circlefour { 0%{ top:220px;} 25%{ top:215px;} 50%{ top:210px;} 75%{ top:215px;} 100%{ top:220px;} }
.product .product_slider .product_intro .list { width:100%; padding-top:20px; }
.product .product_slider .product_intro .list:after { content:""; clear:both; display:block; }
.product .product_slider .product_intro .list li { float:left; width:25%; text-align:center; }
.product .product_slider .product_intro .list li .bg { margin:0 auto; margin-bottom:30px; width:56px; text-align:center; }
.product .product_slider .product_intro .list li .bg img { width:100%; }
.product .product_slider .product_intro .list li .title { margin:0; padding:0; margin-bottom:14px; font-size:22px; letter-spacing:-0.05em; }
.product .product_slider .product_intro .list li .body { margin:0; padding:0; font-size:16px; letter-spacing:-0.05em; color:#555; line-height:26px; }
.product .control_btn { position:absolute; margin:0 auto; width:100%; height:100%; z-index:10; }
.product .control_btn a { position:absolute; display:block; top:50%; margin-top:-30px; opacity:0.5; transition:0.5s; }
.product .control_btn a:hover { opacity:1; transition:0.5s; }
.product .control_btn a.product_prev { left:40px; }
.product .control_btn a.product_next { right:40px; }

.earth>.on_640{display:none;}

@media all and (max-width:1300px){
    .content_re{width:100%;}    
    
    
}
@media all and (max-width:1200px){
.content_t{font-size:17px; color:#6740c9; line-height:30px; padding:0; font-weight: 500; width:100%; clear: both; text-align: center;}        
.manual .inner .describe3 { margin: 0 auto; margin-top:10px;}
.manual .inner .describe3 ul {margin:0 auto; width:100%;}
.manual .inner .describe3 ul:after {content:''; clear:both; clear:both;}
.manual .inner .describe3 ul li {width:100%; margin:0 auto; text-align:left; display: block;}
.manual .inner .describe3 ul li:nth-child(1) .box3 img {padding:10px 0; float: none; margin: 0 auto; display:block;}
.manual .inner .describe3 ul li:nth-child(2) .box3 img {padding:10px 0; float: none; margin: 0 auto; display:block;}
.manual .inner .describe3 ul li .content {font-size:15px; color:#212121; line-height:22px; padding:0px; font-weight:300; text-align: center;}/*폰트사이즈변경14*/
.manual .inner .describe3 ul li .box3 {width:100%; height:auto; border:10px solid #eae3fb; margin-bottom:19px; padding-bottom: 10px;}/*262px*/ 
    
    
    
.manual {height:auto; }
.manual .inner .top .manuals {width:100%;}
.manual .inner .top .manuals .solution { max-width:262px; float:none; text-align:center; margin:0 auto; margin-bottom:10px; }
.manual .inner .top .manuals .user { max-width:262px; float:none; text-align:center; margin:0 auto;}
.manual .inner .describe {margin-top:70px;}
.manual .inner .describe ul {width:100%;}
.manual .inner .describe ul li {width:50%; margin:0 0 30px 0; }
    
.manual .inner .describe ul li .box {width:80%; height:180px; border:6px solid #fff; margin-bottom:19px;}/*262px*/
.manual .inner .describe ul li:nth-child(1) .box img {padding:27px 0 24px;}
.manual .inner .describe ul li:nth-child(2) .box img {padding:22px 0 17px;}
.manual .inner .describe ul li:nth-child(3) .box img {padding:20px 0 19px;}
.manual .inner .describe ul li:nth-child(4) .box img {padding:20px 0 19px;}
.manual .inner .describe ul li .box .title {font-size:17px; color:#fff; font-weight:700; line-height:23px;}/*패딩추가*/
.manual .inner .describe ul li .content {font-size:15px; color:#fff; line-height:24px;}/*폰트사이즈변경14*//*패딩추가*/     
}

@media all and (max-width:1400px) {
    #header .logo a img.megainfo_a { display:none;}
    #header .logo a img.mo_on { width:100%; margin-top:-12px; display: block; max-width: 200px; margin-left: -12px;}
}


@media all and (min-width:768px) and (max-width:1320px) { 

#header .menu_bg { content:""; clear:both; display:block; width:100%; height:60px; background:#34677a; transition:0.5s; box-shadow: 0px -3px 10px #999; opacity:0.88; }
/*#header .logo { width:65px; top:18px; left:33px; }*/
.who_txt {font-size: 14px; line-height: 20px; margin-top: 5px;}
    
#header .toggle { top:14px; right:33px; }

.section .inner { padding:80px 15px 50px }
.section .inner .top .title { margin-bottom:28px; font-size:35px; line-height:47px; }
.section .inner .top .sub_title { margin-bottom:24px; text-align:center; font-size:16px; line-height:25px; }
.section .inner .top .body { text-align:center; font-size:16px; line-height:28px; }
/*ë¹„ì£¼ì–¼*/
.visual { max-width:1263px; height:600px; }
.visual .inner .scroll { display:none; }
.visual .inner .top .slogan {margin-top:90px;}
.visual .inner .top .slogan p.title {text-align:center; font-size:38px; line-height:60px;}
.visual .inner .top .slogan p.body {text-align:center; font-size:18px; line-height:30px;}
/*ì–¸ë¡ ì‚¬ì— CMSê°€ ì™œ í•„ìš”í• ê¹Œìš”?*/
.why { height:auto; }
.why .bg { width:100%; height:300px; background-size:contain; margin-bottom:0; }

.manual .inner .describe ul li .box {margin:0 auto 20px;}

.intro {height:auto;}
.intro_box_wrap {width:100%; padding:50px 0;}
.intro_box_wrap ul { margin:0 auto; width:50%; }
.intro_box_wrap ul li { width:50%; padding-bottom:50px; }
/*AMIDIA íŠ¹ì„±*/
.special {background-size:cover; background-position:top center; height:600px;}
.special .inner .layer {margin-top:-5%; margin-left:0;}
.special .inner .layer img {width:55%;}
/*í™ë³´ì˜ìƒ*/
.video {height:auto; padding-bottom:50px;}
.video .inner .video_view {width:100%; padding:0 50px;}
.video .inner .video_view iframe {width:100%; height:450px;}
/*AMIDIA ì ìš© ì–¸ë¡ ì‚¬*/
.agency {height:auto; padding-bottom:50px; background-size:cover;}
.agency .agency_list {width:100%; padding:0 50px;}
.agency .agency_list ul li {width:50%;}
/*ì œí’ˆì†Œê°œ click daily*/
.product { padding-bottom:0px; }
.product .product_slider .product_intro .visual { height:auto; margin-top:40px; }
.product .product_slider .product_intro .visual div { display:none; }
.product .product_slider .product_intro .visual .ami_bg { display:block; margin:0 auto; max-width:660px; min-width:252px; text-align:center; }
.product .product_slider .product_intro .list { width:100%; padding-top:10px; }
.product .product_slider .product_intro .list li { width:50%; margin:5px 0; }
.product .product_slider .product_intro .list li .bg { margin-bottom:10px; }
.product .product_slider .product_intro .list li .bg img { width:42px; margin-left:6px; }
.product .product_slider .product_intro .list li .title { margin-bottom:8px; font-size:14px; }
.product .product_slider .product_intro .list li .body { font-size:10px; line-height:13px; }
.product .control_btn a { width:35px; }
.product .control_btn a img { width:100%; }
.product .control_btn a.product_prev { left:40px; top:50%; }
.product .control_btn a.product_next { right:40px; top:50%; }
/*í‘¸í„°*/
#footer { height:auto; }
#footer .inner { height:auto; padding-top:30px; }
#footer .inner .company_link { padding-bottom:14px; margin:0 auto; width:100%; }
#footer .inner .company_link a { width:33.33%; font-size:13px; text-align:center; }
#footer .inner .company_info p.address_copyright { width:100%; padding:14px 0; padding-bottom:30px; font-size:12px; line-height:16px; text-align:center; }
#footer .inner .company_info p.customer_service { display:none; } 

    
}

@media all and (max-width:767px) { 
.w_content_re{padding:15% 6%; }    
#header .logo a img.mo_on {max-width:180px; position: sticky;}
#header .menu { width:100%; padding-top:70px; right:-1000px; }
#header .menu_bg { content:""; clear:both; display:block; width:100%; height:60px; background:#34677a; transition:0.5s; box-shadow: 0px -3px 10px #999; opacity:0.88; }
#header .menu .list { padding-top:40px; overflow-y:auto; }
#header .menu .list li { margin-bottom:14px; height:50px; }
#header .menu .list li.page_move { margin-top:50px; }
/*#header .logo { width:60px; top:20px; left:20px; }*/
/*#header .logo a img { width:100%; display:none;}*/
#header .toggle { top:12px; right:20px; }
.who_txt { font-size: 13px; line-height:16px; margin: 5px 5px 0;} 
.who_txt br{ display:none;} 
    
.title_re{
    font-size: 20px;
    color: #fff;
    text-align: center;
}
    .strong{
    font-size:16px;
}
    
    .btn_submit{
    border-radius: 10px;
    height:90px;
    width: 250px;
    margin: 0 auto;
    box-sizing: border-box;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    padding-top:30px;
    color:#353535;
    font-size:20px;
}
.btn_submit>a{
    color: #353535;
    text-align: center;
    border: 0;
    font-size:16px;
}
.btn_submit>a>img{
    width:26px;
    margin-right:15px;
    margin-bottom:6px;
}


    
 

.section .inner { padding:80px 15px 50px }
.section .inner .top .title { margin-bottom:28px; font-size:35px; line-height:47px; }
.section .inner .top .sub_title { margin-bottom:24px; text-align:center; font-size:16px; line-height:25px; }
.section .inner .top .body { text-align:center; font-size:16px; line-height:28px; }
/*ë¹„ì£¼ì–¼*/
.visual { height:600px; }
.visual .inner .scroll { display:none; }
.visual .inner .top .slogan {margin-top:90px;}
.visual .inner .top .slogan p.title {text-align:center; font-size:38px; line-height:60px;}
.visual .inner .top .slogan p.body {text-align:center; font-size:18px; line-height:30px;}

.why { height:auto; }
.why .bg {width:100%; height:150px; background-size:contain; margin-bottom:0; }


    
    
.manual .inner .describe ul li .box {margin:0 auto 20px;}

.section.intro .inner { padding:80px 15px 50px }
.intro {height:auto;}
.intro_box_wrap {width:100%; padding:50px 0;}
.intro_box_wrap ul { margin:0 auto; width:50%; }
.intro_box_wrap ul li { width:100%; padding-bottom:50px; }

.special {background-size:cover; background-position:top center; height:auto;}
.special .inner .layer { margin-top:-8%; padding-left:60px;}
.special .inner .layer img {width:100%;}

.video {height:auto;}
.video .inner .top .btn_group {width:300px;}
.video .inner .top .btn_group .btn_totalcms {width:140px;}
.video .inner .top .btn_group .btn_amiclick {width:150px;}
.video .inner .top .btn_group .btn {font-size:17px; line-height:33px; height:35px;}
.video .inner .video_view {width:100%;}
.video .inner .video_view iframe {width:100%; height:350px;}

.agency {height:auto; background-size:cover;}
.agency .agency_list {width:100%;}
.agency .agency_list { margin-bottom:0; }
.agency .agency_list ul li {width:100%;}

/*ì œí’ˆì†Œê°œ click daily ì‹œìž‘*/
.product { padding-bottom:0px; }
.product .product_slider .product_intro .visual { height:auto; margin-top:40px; }
.product .product_slider .product_intro .visual div { display:none; }
.product .product_slider .product_intro .visual .ami_bg { display:block; margin:0 auto; max-width:660px; min-width:252px; text-align:center; }
.product .product_slider .product_intro .list { width:100%; padding-top:10px; }
.product .product_slider .product_intro .list li { width:50%; margin:5px 0; }
.product .product_slider .product_intro .list li .bg { margin-bottom:10px; }
.product .product_slider .product_intro .list li .bg img { width:42px; margin-left:6px; }
.product .product_slider .product_intro .list li .title { margin-bottom:8px; font-size:14px; }
.product .product_slider .product_intro .list li .body { font-size:10px; line-height:13px; }
.product .control_btn a { width:35px; }
.product .control_btn a img { width:100%; }
.product .control_btn a.product_prev { left:40px; top:50%; }
.product .control_btn a.product_next { right:40px; top:50%; }
/*ì œí’ˆì†Œê°œ click daily ë*/
/*í‘¸í„° ì‹œìž‘*/
#footer { height:auto; }
#footer .inner { height:auto; padding-top:30px; }
#footer .inner .company_link { padding-bottom:14px; margin:0 auto; width:100%; }
#footer .inner .company_link a { width:33.33%; font-size:13px; text-align:center; }
#footer .inner .company_info p.address_copyright { width:100%; padding:14px 0; padding-bottom:30px; font-size:12px; line-height:16px; text-align:center; }
#footer .inner .company_info p.customer_service { display:none; } 
    
.earth>.on_640{
    display:block;
    padding-bottom:4rem;
}   
.earth>.on_pc{
    display:none;
}       

}

@media all and (max-width:500px) { 
.section .inner .top .sub_title br{display:none;}
}



.solution-special{
    max-width:1000px;
    margin: 0 auto;
    padding:40px 0px 20px;
}
.solution-special>.solution-special_tit1{
    margin-bottom:28px; font-size:35px; line-height:47px;
    text-align: center;
}
.solution_tit{
    font-size:26px;
    display:block;
    text-align: center;
    width:100%
}
.itmBx{
    float: left;
    width:50%;
    margin: 0 auto;
    padding-bottom:5%;
}
.itbox{
    width:1000px;
    margin: 0 auto;
    display: block;
}
.solution1{
    border:1px solid #4f91ab;
    padding:30px 65px 25px 55px; 
    height:120px;
    margin:5%; 
}
.solution1>i{
    display:inline-block;
    float: left;
    margin-right:20px;
    margin-top:6%;
}
.mint{
    border:1px solid #1eb6aa;
}
.long{
    margin-top:7%!important;
}
.solution1>i>img{
    float: left;
    display:inline-block;
    width:70px;
}
.solution1>span{
    margin-top:10%;
    display: block;
    font-size: 16px;
}
.isize{
    width:60px!important;
}

.surplusbox{
    width:80%;
    background:#eee;
    margin: 0 auto;
    padding:40px 30px 50px 10px;
    margin-bottom:5%;
    margin-top:5%;
    text-align: center;
}
.surplusboximg{
    display: inline-block;
    float: left;
    margin-right:10px;
}
.surplusboximg>img{
    width:80%;
    margin: 0 auto;
    display: block;
    margin-top:15px;
}
.surplusbox_t{
    margin:10px;
    text-align: center;
    padding-right:60px;
    text-align: center;
}
.surplusbox_tit{
    font-size:24px;
    font-weight: 700;
    margin-bottom: 2%;
}
.surplusbox_txt{
    font-size: 16px;
    display: block;
}

.prec{
    margin-top:0px;
    border:35px solid #aacfcc;
}



.earth{
    width:100%;
    margin: 0 auto;
}
.earth>img{
    width:100%;
}

@media all and (min-width:1921px) {
    .section.contact {min-height:1300px;}
}