@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800|Nanum+Myeongjo:400,700,800|Roboto:300,400,700,900|Titillium+Web:200,300,400,600');
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);
@import url(//cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css);

/*
font-family: 'Nanum Gothic', sans-serif;
font-family: 'Titillium Web', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Nanum Myeongjo', serif;

font-family:'Nanumsquare';
font-family:'Open Sans', sans-serif;
*/

/* 초기화 */
html {width:100%;height:100%;/*background:#f3f3f3;*/overflow-y:scroll}
body {width:100%;height:100%;margin:0;padding:0;font-family:'Nanum Gothic', 'Malgun Gothic', dotum, sans-serif;font-size:14px;color:#666;line-height:24px;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Nanum Gothic', 'Malgun Gothic', dotum, sans-serif;font-size:14px;color:#666;line-height:24px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;}
input, button {margin:0;padding:0;font-family:'Nanum Gothic', 'Malgun Gothic', dotum, sans-serif;font-size:14px;color:#666;line-height:24px;}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Nanum Gothic', 'Malgun Gothic', dotum, sans-serif;font-size:14px;color:#666;line-height:24px;}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;}
a {color:#444;text-decoration:none}

* {wrod-break:keep-all;word-wrap:break-word;}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type=text],input[type=password], textarea {}
input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {}
input::placeholder {color:#aaa !important; }

.placeholdersjs {color:#aaa !important; }


#header_wrap {position:fixed;width:100%;height:80px;left:0;top:0;background:rgba(68,68,68,1);z-index:999;
-webkit-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}
.header {position:relative;width:100%;max-width:1100px;height:80px;margin:0 auto;}
.header:after {display:block;visibility:hidden;clear:both;content:""}
.header .logo {float:left}

/* gnb */
#gnb {display:block;float:right;padding:20px 0;
-webkit-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}
#gnb:after {display:block;visibility:hidden;clear:both;content:""}
#gnb ul {text-align:center;font-size:0;}
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb ul li {display:block;float:left;position:relative;border-right:solid 1px #666;zoom:1;}
#gnb ul li a {display:block;position:relative;height:40px;padding:0 18px;color:#fff;font-size:14px;font-weight:700;line-height:40px;text-align:center;white-space:nowrap;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#gnb ul li:last-child {border-right:none} /* last child */
#gnb ul li a:hover {color:#569ffd;text-decoration:underline;}

/* sticky */
.sticky {position:fixed;left:0;top:0;width:100%;height:80px;background:rgba(68,68,68,0.6) !important;z-index:999;
-webkit-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}


/* layout */
#container_wrap {width:100%;;margin:0 auto}
#container_wrap:after {display:block;visibility:hidden;clear:both;content:""}

#footer_wrap {padding:60px 0;background:#f6f6f6}
#footer_wrap:after {display:block;visibility:hidden;clear:both;content:""}

.footer {width:100%;max-width:1200px;margin:0 auto;}
.footer:after {display:block;visibility:hidden;clear:both;content:""}

.footer .customer {float:left;width:45%;margin:0 10% 0 0;}
.footer .customer h2 {display:block;margin:0 0 6px 0;color:#444;font-size:16px;}
.footer .customer p {margin:0 0 30px 0;line-height:30px;}
.footer .customer strong {color:#444;font-weight:700}
.footer .inquiry {float:left;width:45%}
.footer .inquiry p {margin:0 0 12px 0;}
.footer .inquiry ul {}
.footer .inquiry ul li {display:block;margin:0 0 14px 0;}
.footer .inquiry ul li input {display:block;width:100%;height:40px;line-height:40px;text-indent:10px;background:#fff;border:solid 1px #ccc;}
.footer .inquiry ul li textarea {display:block;width:100%;height:140px;padding:10px;background:#fff;border:solid 1px #ccc;}
.footer .inquiry .btn_submit {display:block;width:100%;height:60px;color:#fff;line-height:60px;text-align:center;font-weight:700;background:#444;border:none;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.footer .inquiry .btn_submit:hover {background:#569ffd}




#section {padding:60px 0;text-align:center;}

.section1 {margin:80px 0 0 0;padding:0 !important;background:url(../img/section_bg1.jpg) repeat-x 50% 50%;}
.section1_bg {margin:0 auto;padding:40px 0;background:url(../img/section_bg1_.jpg) no-repeat 50% 50%;background-size:cover}

.sec_img1 {width:60%;max-width:400px;margin:0 auto;}
.sec_img1 img {width:100%;height:auto}
.sec_img2 {width:100%;max-width:1100px;margin:-20px auto 0 auto;}
.sec_img2 img {width:100%;height:auto}
.sec_img3 {width:100%;max-width:840px;margin:-60px auto 0 auto;}
.sec_img3 img {width:100%;height:auto}

.section2 {background:url(../img/section_bg2.jpg) no-repeat 50% 50%;background-size:cover;}
.section2 img {width:100%;max-width:900px;height:auto}

.section4 {padding:60px 20px;background:url(../img/section_bg4.jpg) no-repeat 50% 50%;background-size:cover;}
.section4 h1 {display:block;margin:0 0 36px 0;color:#fff;font-size:30px;font-weight:bold;text-align:center;}
.section4 h2 {display:block;margin:0 0 24px 0;color:#fff;font-size:24px;font-weight:bold;text-align:center;}
.section4 p {color:#fff;font-size:16px;text-align:center;line-height:26px;}

#top_btn {position:fixed;bottom:20px;right:20px;width:39px;height:39px;overflow:hidden;line-height:999;background:url(../img/btn_top.gif) no-repeat 50% 50% #fff;border:solid 1px #999}
#top_btn:hover{}





.asia_solution {padding:80px 0;text-align:center;background:#f6f6f6}
.asia_solution  h1 {display:block;margin:0 0 10px 0;color:#222;font-size:48px;font-weight:400;line-height:54px;font-family: 'Titillium Web', sans-serif;}
.asia_solution  h2 {display:block;margin:0 0 36px 0;color:#666;font-size:24px;font-weight:normal;line-height:30px;}
.asia_solution ul {width:100%;max-width:1200px;margin:0 auto}
.asia_solution ul:after {display:block;visibility:hidden;clear:both;content:""}
.asia_solution ul li {display:block;float:left;width:25%;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.asia_solution ul li p {display:block;max-width:200px;margin:10px auto 0 auto;padding:0 0 20px 8px;line-height:30px;text-align:left;font-size:16px;border-left:solid 1px #ddd;}






.type_global_title {height:120px;text-align:center;line-height:120px;background:url(../img/bg_global_title.jpg) no-repeat 50% 50% #000}
.type_global_title img {width:90%;max-width:460px;height:auto}

.premium {padding:40px 20px;background:url(../img/bg_global.jpg) no-repeat right 50% #245580;background-size:cover;}
.premium h2 {display:block;width:100%;max-width:1000px;margin:0 auto 30px auto;font-family: 'Titillium Web', sans-serif;color:#fff;font-size:48px;font-weight:400;line-height:54px;}
.premium p {display:block;width:100%;max-width:1000px;margin:0 auto;font-family: 'Titillium Web', sans-serif;color:#fff;font-size:24px;line-height:30px;font-weight:200;}


.cell {display:block;position:relative;width:100%;max-width:1000px;margin:0 auto;vertical-align:middle}
.cell:after {display:block;visibility:hidden;clear:both;content:""}
.cell .left {float:left}
.cell .right {float:right}

.type_asia_a {display:block;position:relative;padding:40px 0;text-align:center;background:url(../img/type_asia_a_bg.png) no-repeat 50% 50% #ccc;background-size:cover}
.cell_a {display:block;position:relative;width:100%;max-width:1000px;min-height:380px;margin:0 auto;vertical-align:middle}
.type_asia_a .tga_a1 {position:absolute;left:0;top:0;}
.type_asia_a .tga_a2 {position:absolute;right:0;bottom:0;}

.type_asia_a .tga1 {width:100%;max-width:418px;}
.type_asia_a .tga2 {width:100%;max-width:780px;}

.type_asia_b {display:block;padding:40px 0;text-align:center;background:url(../img/type_asia_b_bg.png) repeat-x 0 50% #444;}
.type_asia_b .tgb1 {width:100%;max-width:264px;}
.type_asia_b .tgb2 {width:100%;max-width:633px;}

.type_global_a {display:block;padding:40px 0;text-align:center;background:url(../img/type_global_a_bg.png) repeat-x 0 50% #444;}
.type_global_a .tga1 {width:100%;max-width:649px;}
.type_global_a .tga2 {width:100%;max-width:304px;}

.type_global_b {display:block;padding:40px 0;text-align:center;background:url(../img/type_global_b_bg.png) no-repeat 50% 50% #ccc;background-size:cover}
.type_global_b .tgb1 {width:100%;max-width:301px;}
.type_global_b .tgb2 {width:100%;max-width:591px;}

.global_solution {padding:60px 0 20px 0;background:url(../img/bg_solution.jpg) no-repeat 50% 50%;background-size:cover}
.global_solution h1 {display:block;margin:0 0 40px 0;font-family: 'Titillium Web', sans-serif;color:#fff;text-align:center;font-size:48px;font-weight:400}
.global_solution ul {width:100%;max-width:1200px;margin:0 auto;}
.global_solution ul:after {display:block;visibility:hidden;clear:both;content:""}
.global_solution ul li {display:block;float:left;width:20%;margin:0 0 40px 0;font-family: 'Titillium Web', sans-serif;color:#fff;text-align:center;line-height:18px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.global_solution ul li .img {display:block;width:150px;height:150px;margin:0 auto 10px auto;text-align:center;line-height:150px;background:rgba(92,184,92,0.6);border-radius:50%;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.global_solution ul li strong {display:block;margin:0 0 6px 0;font-size:24px;font-weight:normal}







.section_solution1 {margin:80px 0 0 0;color:#fff;font-size:16px;line-height:26px;background:url(../img/solution_bg.jpg) no-repeat 50% 50%;background-size:cover}
.section_solution1 p {margin:30px 0 40px 0;}
.section_solution1 .line {display:block;width:100%;max-width:900px;height:1px;margin:0 auto 40px auto;background:rgba(255,255,255,0.3);}
.section_solution2 {background:#ddd}

.section_agency {margin:80px 0 0 0;background:url(../img/agency_bg.jpg) no-repeat 50% 50% #111;background-size:cover}
.agency {width:100%;max-width:1000px;margin:0 auto;}
.agency:after {display:block;visibility:hidden;clear:both;content:""}
.agency img {width:100%;height:auto}
.agency .agency_cell {float:left;width:50%;line-height:100%}

.agency .agency_margin {margin:100px 0 0 0}

.section_mkt1 {margin:80px 0 0 0;color:#fff;font-size:16px;line-height:26px;background:url(../img/mkt_bg.jpg) no-repeat 50% 50%;background-size:cover}
.section_mkt1 p {margin:30px 0;}
.section_mkt1 img {width:70%;max-width:460px;}

.section_mkt2 {background:#ddd;}

#media_wrap {}
#media_wrap strong {display:block;margin:0 0 12px 0;color:#222;font-size:18px;font-weight:700;}

.price_type {width:1000px;margin:0 auto;}
.price_type table {width:1000px;table-layout:fixed;margin:0 auto;padding:0;border-collapse:collapse;}
.price_type th {width:20%;height:40px;font-size:14px;font-weight:bold;color:#444;text-align:center;border:solid 1px #d9d6d0;background:#FFFFFF;}
.price_type td {width:20%;height:40px;font-size:14px;font-weight:bold;color:#666;text-align:center;border:solid 1px #d9d6d0;background:#FFFFFF;}
.price_type td.price {color:#f75665;}

.customer_wrap {margin:80px 0 0 0;color:#fff;font-size:16px;line-height:26px;background:url(../img/customer_bg.jpg) no-repeat 50% 50% #111;background-size:cover}
.customer_wrap p {margin:30px 0;}

.popup {position:absolute;left:0;top:0;width:100%;max-width:600px;z-index:99999;}
.popup img {width:100%;max-width:600px;height:auto;}

.popup2 {position:absolute;left:600px;top:0;width:100%;max-width:600px;z-index:99999;}
.popup2 img {width:100%;max-width:600px;height:auto;}





@media screen and (max-width:1024px) {
#header_wrap {top:0;height:60px;text-align:center;}

.header {width:auto;margin:0}
.header .logo {float:none;line-height:60px;text-align:center;}
.header .logo img {width:auto;height:60px;}

#gnb {display:none}
#gnb.sticky_gnb {display:none}

.footer {width:auto;margin:0 10px;}

.section1 {margin:60px 0 0 0;}

.global_solution ul li {width:25%;}

.section_solution1 {margin:60px 0 0 0;}
.section_solution1 p {margin:20px 20px;}

.section_agency {margin:60px 0 0 0;}

.price_type {width:100%;overflow-x:scroll;}
.price_type table {width:800px;}

#media_wrap {margin:0 10px;}
#media_wrap strong {font-size:16px;}
}





@media screen and (max-width:768px) {
.footer .customer {float:none;width:100%;margin:0 0 40px 0;}

.footer .customer h2 {display:block;margin:0 0 6px 0;}
.footer .customer p {margin:0 0 14px 0;font-size:14px;line-height:24px;}
.footer .customer strong {display:block;margin:4px 0 12px 0;}

.footer .inquiry {float:none;width:100%;margin:0;}

.sec_img3 {margin:-20px auto 0 auto;}

.asia_solution {padding:40px 20px;text-align:center;background:#f6f6f6}
.asia_solution h1 {font-size:36px;}
.asia_solution h2 {font-size:18px;line-height:28px;}
.asia_solution ul li {width:50%;margin:0 auto 30px auto;}
.asia_solution ul li p {font-size:14px;}
.asia_solution ul li .img {width:120px;height:auto}

.cell_a {width:auto;min-height:auto;margin:0 10px;}
.type_asia_a .tga_a1 {position:relative;left:0;top:0;margin:0;}
.type_asia_a .tga_a2 {position:relative;right:0;bottom:0;}

.type_asia_a .tga1 {width:60%;max-width:418px;}
.type_asia_a .tga2 {width:90%;max-width:780px;}

.cell {width:auto;margin:0 10px;}
.cell .left {float:none;margin:0 0 24px 0;}
.cell .right {float:none;margin:0 0 24px 0;}

.type_asia_b .tgb1 {width:60%;max-width:264px;}
.type_asia_b .tgb2 {width:90%;max-width:633px;}

.type_global_a .tga1 {width:90%;max-width:304px;}
.type_global_a .tga2 {width:60%;max-width:649px;}

.type_global_b .tgb1 {width:60%;max-width:301px;}
.type_global_b .tgb2 {width:90%;max-width:591px;}

.premium h2 {font-size:30px;line-height:36px;}
.premium p {font-size:18px;line-height:26px;}

.global_solution {padding:40px 0 20px 0;}
.global_solution h1 {font-size:30px;}
.global_solution ul li {width:33.3%;margin:0 0 30px 0;}
.global_solution ul li .img {width:120px;height:120px;line-height:120px;}
.global_solution ul li .img img {width:60px;height:auto;}
.global_solution ul li strong {font-size:18px;}

.section_solution1 {padding:0 10px;font-size:14px;line-height:24px;}

.agency img {width:80%;height:auto;}
.agency .agency_cell {float:none;width:100%;}
.agency .agency_margin {margin:0}

.section_mkt1 {margin:40px 0 0 0;font-size:14px;line-height:24px;}
.section_mkt1 p {margin:10px 20px;}

#media_wrap {font-size:14px;line-height:24px;background:#ddd;}
#media_wrap img {max-width:90%;}

.customer_wrap {margin:40px 0 0 0;font-size:14px;line-height:24px;}
.customer_wrap img {width:80%;max-width:400px;}
.customer_wrap p {margin:10px 20px;}

.popup {position:absolute;left:0;top:0;width:100%;max-width:360px;z-index:99999;}
.popup img {width:100%;max-width:360px;height:auto;}

.popup2 {position:absolute;left:0px;top:390px;width:100%;max-width:360px;z-index:99999;}
.popup2 img {width:100%;max-width:360px;height:auto;}
}





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

.sec_img3 {margin:0 auto;}

.global_solution h1 {font-size:24px;}
.global_solution ul li {display:block;float:left;width:50%;margin:0 0 30px 0;}
.global_solution ul li strong {font-size:16px;}
}