@charset "utf-8";

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

ul, li, 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;font-size:13px;}
input, button {margin:0;padding:0;font-family: 'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;font-size:13px;font-weight:300;}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family: 'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;color:#666;font-size:13px;font-weight:300;}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:13px}
a {color:#222;text-decoration:none}

*, :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, textarea, button {-webkit-appearance:none; -moz-appearance:none; appearance:none;}
input, textarea, button, select {-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;}

.placeholdersjs {color:#aaa !important}

#container_wrap {}

#header_wrap {position:fixed;left:0;top:0;width:100%;z-index:99;
-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;
}
#header_wrap #tnb {width:100%;max-width:1280px;margin:5px auto;}
#header_wrap #tnb:after {display:block;visibility:hidden;clear:both;content:""}
#header_wrap #tnb ul {float:right;}
#header_wrap #tnb ul li {display:block;float:left;position:relative;margin:0 0 0 6px;}
#header_wrap #tnb ul li:first-child {margin:0;}
#header_wrap #tnb ul li a {display:block;padding:0 4px;height:24px;font-size:12px;font-weight:700;line-height:30px;}
#header_wrap #tnb ul li a.sns {display:block;width:24px;height:24px;overflow:hidden;margin:3px 0 0 0;text-align:center;line-height:20px;background:#ccc;border-radius:20px;
-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;
}
#header_wrap #tnb ul li a img {width:12px;height:auto;margin:5px auto;}
#header_wrap #tnb ul li a.sns_facebook:hover {background:#46629e;transform:rotate(45deg);}
#header_wrap #tnb ul li a.sns_label:hover {background:#2fb90d;transform:rotate(45deg);}
#header_wrap #tnb ul li a.sns_instagram:hover {background:#2ea011;transform:rotate(45deg);}
#header_wrap #tnb ul li a.sns_kakaostory:hover {background:#fae100;transform:rotate(45deg);}
#header_wrap #tnb ul li:last-child {display:block;margin:0 0 0 18px;}
#header_wrap #tnb ul li:last-child a {display:block;width:120px;height:30px;margin:0;color:#fff;text-align:center;line-height:30px;background:#f00001;border-radius:3px;cursor:pointer;}
#header_wrap #tnb ul li:last-child a:hover {background:#999}

#header_wrap #tnb ul li #tnb_class {display:none;position:absolute;left:0;top:30px;width:100%;overflow:hidden;z-index:999;}
#header_wrap #tnb ul li #tnb_class a {display:block;position:relative;height:40px;margin:0 0 -1px 0;color:#666;font-size:11px;text-align:center;line-height:38px;background:#fff;border:solid 1px #ddd;border-radius:0;}
#header_wrap #tnb ul li #tnb_class a span {display:block;position:absolute;left:0;top:50%;width:6px;height:1px;background:#222;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity: 0;

-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;
}
#header_wrap #tnb ul li #tnb_class a:hover {padding:0 0 0 10px;color:#222;}
#header_wrap #tnb ul li #tnb_class a:hover span {left:10px;
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity: 1;
}

#header_wrap #header {position:relative;width:100%;max-width:1280px;margin:0 auto;}
#header_wrap #header:after {display:block;visibility:hidden;clear:both;content:""}

#header_wrap #header .logo {float:left;position:relative;width:200px;height:80px;overflow:hidden;z-index:99999;
-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;
}
#header_wrap #header .logo .logo_off {position:relative;width:100%;height:100%;
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity: 1;

-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;
}
#header_wrap #header .logo .logo_off img,
#header_wrap #header .logo .logo_on img {width:auto;height:100%;}
#header_wrap #header .logo a.logo_on {display:block;position:absolute;width:100%;height:100%;left:20px;top:0;z-index:99;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity: 0;

-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;
}

#header_wrap #header .logo:hover .logo_off {margin:0 0 0 20px;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity: 0;
}
#header_wrap #header .logo:hover a.logo_on {left:0;
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity: 1;
}

#header_wrap #gnb {float:right;width:70%;margin:0 auto;
-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;
}
#header_wrap #gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#header_wrap #gnb ul {}
#header_wrap #gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#header_wrap #gnb ul li {display:block;float:left;position:relative;}
#header_wrap #gnb ul li a {display:block;position:relative;text-align:center;line-height:79px;background: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;
}
#header_wrap #gnb ul li a:hover {color:#f00001;background:#fff;}
#header_wrap #gnb ul li a span {display:block;position:absolute;left:20%;top:5px;width:0;height:1px;background:#f00001;
-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;
}
#header_wrap #gnb ul li a:hover span {width:60%;height:1px;background:#f00001}
#header_wrap #gnb ul li a.on {color:#f00001;background:#fff;}
#header_wrap #gnb ul li a.on span {width:60%;height:1px;background:#f00001}

#header_wrap #gnb ul li .snb {display:none;position:absolute;left:50%;top:79px;width:160px;margin:0 0 0 -80px;overflow:hidden;box-shadow: 0px 7px 8px 0px rgba(0,0,0,0.4);}
#header_wrap #gnb ul li .snb ul {border-top:solid 1px #ddd;}
#header_wrap #gnb ul li .snb ul li {display:block;float:none;}
#header_wrap #gnb ul li .snb ul li a {line-height:50px;background:#fff;border-bottom:solid 1px #ddd;}
#header_wrap #gnb ul li .snb ul li a:hover {background:#eee}

#header_wrap a.btn_sitemap {display:block;position:absolute;width:40px;height:40px;right:20px;top:50%;margin:-20px 0 0 0;text-align:center;line-height:36px;;background:#000;border-radius:3px;z-index:99;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity: 0;

-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;
}

#header_wrap a.btn_gnb {display:block;position:absolute;width:40px;height:40px;right:20px;top:10px;text-align:center;line-height:38px;background:#000;border-radius:3px;z-index:999;cursor:pointer;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity: 0;

-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;
}


.sticky {top:-40px !important;background:#fff;box-shadow: 0px 7px 30px 0px rgba(0,0,0,0.4);}
.sticky #gnb {padding:0 60px 0 0;}
.sticky a.btn_sitemap {right:0 !important;
filter:alpha(opacity=100) !important;
-moz-opacity:1;
-khtml-opacity:1;
opacity: 1 !important;
}

#gnb_mobile {display:none;position:fixed;left:0;top:97px;width:100%;height:0;overflow:hidden;z-index:999;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}
#gnb_mobile ul {display:block;width:100%;}
#gnb_mobile ul li {display:block;position:relative;width:100%;}
#gnb_mobile ul li span.arrow {display:block;position:absolute;right:10px;top:0;width:50px;height:50px;overflow:hidden;line-height:999px;background:url(../../../img/arrow_down.gif) no-repeat 50% 50%;cursor:pointer;z-index:99;
-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;
}
#gnb_mobile ul li span.arrow.arrow-rotate {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
#gnb_mobile ul li a {display:block;width:100%;height:50px;margin:0;padding:0;color:#fff;font-size:16px;font-weight:400;text-indent:10px;text-align:left;line-height:50px;background:rgba(0,0,0,0.8);border:none;border-bottom:solid 1px #666;
-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;
}

#gnb_mobile ul li ul {display:none;position:static;width:100%;margin:0 !important;}
#gnb_mobile ul li ul li {width:100% !important;margin:0;padding:0;}
#gnb_mobile ul li ul li a {display:block;height:40px;color:#ccc;font-size:14px;line-height:40px;text-indent:30px !important;border-bottom:none;}
#gnb_mobile ul li ul li a:hover {text-indent:20px !important;background:rgba(0,0,0,1);}

#gnb_mobile.on {height:1000px;}

#header .class_mobile {display:none;position:absolute;right:50px;top:15px;}
#header .class_mobile a {display:block;width:120px;height:30px;margin:0;color:#fff;text-align:center;line-height:30px;background:#f00001;border-radius:3px;cursor:pointer;}
#header .class_mobile a:hover {background:#999}
#header .class_mobile #tnb_class2 {display:none;position:absolute;left:0;top:30px;width:100%;overflow:hidden;z-index:999;}
#header .class_mobile #tnb_class2 a {display:block;position:relative;height:40px;margin:0 0 -1px 0;color:#666;font-size:11px;text-align:center;line-height:38px;background:#fff;border:solid 1px #ddd;border-radius:0;}
#header #tnb_class2 a span {display:block;position:absolute;left:0;top:50%;width:6px;height:1px;background:#222;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity: 0;

-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;
}
#header .class_mobilei #tnb_class2 a:hover {padding:0 0 0 10px;color:#222;}
#header .class_mobile #tnb_class2 a:hover span {left:10px;
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity: 1;
}




#body_wrap {width:100%;max-width:1280px;margin:0 auto;padding:0 0 60px 0;}
#body_wrap:after {display:block;visibility:hidden;clear:both;content:""}

#left_wrap {float:left;width:18%;margin:0 7% 0 0;}
#content_wrap {float:left;width:75%;
-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;
}


#bnb_wrap {background:#eee;}
#bnb {width:100%;max-width:1280px;margin:0 auto;padding:12px 0;
-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;
}
#bnb:after {display:block;visibility:hidden;clear:both;content:""}

#bnb ul.bnb {float:left;}
#bnb ul.bnb:after {display:block;visibility:hidden;clear:both;content:""}
#bnb ul.bnb li {display:block;float:left;margin:0 12px 0 0;padding:0 12px 0 0;background:url(../../../img/var.gif) no-repeat right 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;
}
#bnb ul.bnb li:last-child {margin:0;padding:0;background:none;}
#bnb ul.bnb li a {display:block;color:#666;line-height:30px;}
#bnb ul.bnb li a:hover {colro:#444;}

#bnb ul.bnb_right {float:right;}
#bnb ul.bnb_right:after {display:block;visibility:hidden;clear:both;content:""}
#bnb ul.bnb_right li {display:block;float:left;margin:0 0 0 4px;}
#bnb ul.bnb_right li:first-child {margin:0;}
#bnb ul.bnb_right li a {display:block;padding:0 8px;color:#fff;line-height:30px;background:#999;border-radius:3px;
-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;
}
#bnb ul.bnb_right li a:hover {background:#444;}


#footer_wrap {background:#f6f6f6}
#footer {width:100%;max-width:1280px;margin:0 auto;padding:40px 0;
-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:after {display:block;visibility:hidden;clear:both;content:""}

.footer_info {float:left;line-height:22px;}
.footer_info h2 {display:block;margin:0 0 24px 0;color:#222;font-size:30px;font-weight:400;letter-spacing:-1px;
-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_info strong {display:inline-block;margin:12px 0 0 0;padding:6px 8px;color:#fff;line-height:18px;background:#999;border-radius:3px;}

.footer_payment {float:right;width:200px;}
.footer_payment p {margin:0 0 24px 0;color:#999}
.footer_payment h2 {display:block;margin:0 0 12px 0;color:#444;font-size:16px;font-weight:400;
-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_payment strong {color:#444;font-weight:300;}

ul.payment_banner {}
ul.payment_banner:after {display:block;visibility:hidden;clear:both;content:""}
ul.payment_banner li {display:block;float:left;width:40px;margin:0 4px 4px 0;}
ul.payment_banner li a {display:block;border:solid 1px #ccc;
-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;
}
ul.payment_banner li a:hover {border:solid 1px #999;}
ul.payment_banner li img {width:100%;height:auto;}




.viz {display:table;width:100%;}
.viz_cell {display:table-cell;width:100%;height:300px;padding:120px 0 0 0;vertical-align:middle;
-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;
}

.viz_cell .slogon {display:block;width:100%;max-width:1280px;margin:0 auto;padding:0 20px;color:#222;font-size:24px;text-align:left;font-weight:500;letter-spacing:-1px;
-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;
}


#location {width:100%;max-width:1280px;margin:0 auto;line-height:40px;text-align:right;}
#location a.home {display:inline-block;width:15px;height:15px;color:#ccc;font-size:10px;line-height:15px;text-align:center;background:#444;vertical-align:middle}
#location img {vertical-align:middle}

#content_title {margin:0 0 24px 0;color:#222;font-size:30px;font-weight:400;letter-spacing:-1px;}
#content_title span {display:block;width:30px;height:2px;margin:0 0 12px 0;background:#000;}

dl.snb_wrap {margin:0 0 10px 0;}
dl.snb_wrap dt {display:block;color:#fff;font-size:16px;font-weight:400;text-align:center;line-height:80px;background:#D04800;}
dl.snb_wrap dd {display:block;}
dl.snb_wrap dd a {display:block;text-align:center;line-height:50px;background:#fff;border-left:solid 1px #ddd;border-right:solid 1px #ddd;border-bottom:solid 1px #ddd;
-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;
}
dl.snb_wrap dd a:hover {color:#222;background:#eee;}
dl.snb_wrap dd a.on {color:#222;background:#eee;}

.bnr_side {}
.bnr_side img {width:100%;height:auto}


#service_wrap {width:100%;max-width:1280px;margin:0 auto;padding:120px 0 40px 0;}
#service_wrap ul {}
#service_wrap ul:after {display:block;visibility:hidden;clear:both;content:""}
#service_wrap ul li {display:block;float:left;position:relative;width:49%;margin:0 2% 20px 0;}
#service_wrap ul li:nth-child(2n) {margin:0 0 20px 0;}
#service_wrap ul li:after {display:block;visibility:hidden;clear:both;content:""}
#service_wrap ul li .icon {display:block;float:left;width:100px;height:100px;text-align:center;line-height:100px;background:#A4C346;border-radius:3px;
-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;
}
#service_wrap ul li .icon img {width:32px;height:auto;margin:26px auto;}
#service_wrap ul li .icon:hover {background:#444}
#service_wrap ul li .con {margin:0 0 0 120px;}
#service_wrap ul li h2 {display:block;margin:0 0 12px 0;color:#444;font-size:16px;}
#service_wrap ul li strong {display:block;margin:0 0 4px 0;font-size:14px;}
#service_wrap ul li p {color:#999;font-style:italic;}


#thank_wrap {background:url(../../../img/bg_thank.jpg) no-repeat 50% 0;background-attachment:fixed;}
#thank_wrap .thank_bg {background:rgba(0,0,0,0.4);cursor:pointer;
-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;
}
#thank_wrap .thank_bg:hover {background:rgba(0,0,0,0.8);}
#thank_wrap img {width:100%;height:auto;}

#class_wrap {width:100%;max-width:1280px;margin:0 auto;padding:40px 0 20px 0;}
#class_wrap ul {}
#class_wrap ul:after {display:block;visibility:hidden;clear:both;content:""}
#class_wrap ul li {display:block;float:left;position:relative;width:32%;overflow:hidden;margin:0 2% 30px 0;
-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;
}
#class_wrap ul li:nth-child(3n) {margin:0;}
#class_wrap ul li img {width:100%;height:auto;
-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;

-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1); 
-o-transform:scale(1);  
transform:scale(1);
}
#class_wrap ul li:hover img {
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);   
-o-transform:scale(1.2);
}

#class_wrap ul li a {display:block;position:absolute;left:0;top:0;width:100%;height:100%;padding:120px 40px 0 40px;color:#fff;text-align:center;word-break:keep-all;background:rgba(0,0,0,0.6);
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity: 0;

-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;
}
#class_wrap ul li a p {
-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;
}
#class_wrap ul li a strong {display:block;margin:0 0 6px 0;color:#fff;font-size:18px;font-weight:500;}
#class_wrap ul li a .btn_go {display:block;width:70px;height:30px;margin:16px auto 0 auto;font-size:11px;color:#222;text-align:center;line-height:28px;background:#fff;border-radius:3px;}

#class_wrap ul li a:hover {padding:80px 40px 0 40px;
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity:1;
}


#bottom_wrap {width:100%;max-width:1280px;margin:0 auto;}
#bottom_wrap ul {}
#bottom_wrap ul:after {display:block;visibility:hidden;clear:both;content:""}
#bottom_wrap ul li {display:block;float:left;position:relative;width:32%;overflow:hidden;margin:0 2% 30px 0;
-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;
}
#bottom_wrap ul li:last-child {margin:0;}

.embed-container {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;}
.embed-container iframe,
.embed-container object,
.embed-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}

.customer {position:relative;}
.customer h2.customer_title {display:block;height:30px;margin:0 0 5px 0;color:#222;font-size:16px;font-weight:400;border-bottom:solid 1px #ddd;}
.customer a.customer_more {display:block;position:absolute;right:0;top:0;padding:0;color:#666;line-height:20px;}

.customer_con {overflow:hidden;border:solid 1px #ccc;border-radius:5px;}
.customer_con h2.customer_con_title {display:block;color:#fff;font-size:15px;line-height:50px;background:#333;border-radius:3px;}
.customer_con h2.customer_con_title span {display:inline-block;width:30px;height:30px;margin:0 10px;line-height:26px;text-align:center;background:#000;border-radius:3px;}
.customer_con p {padding:12px 10px;font-size:14px;line-height:28px;}





@media screen and (max-width:1024px) {
#header_wrap {padding:0 20px;}

#left_wrap {display:none}
#content_wrap {float:none;width:auto;margin:0;}

#bnb {width:auto;margin:0 10px;}

#bnb ul.bnb {float:none;margin:0 0 12px 0;}
#bnb ul.bnb li a {line-height:22px;}

#bnb ul.bnb_right {float:none;}

#footer {width:auto;margin:0 10px;}
.footer_info h2 {font-size:24px;}

#location {width:auto;margin:0 100px;}

#content_title {margin:0 10% 24px 10%;font-size:24px;}


#service_wrap {width:auto;margin:0 10%;}
#service_wrap ul li {float:none;width:100%;margin:0 0 20px 0;}
#service_wrap ul li:nth-child(2n) {margin:0 0 20px 0;}
#service_wrap ul li .icon {width:80px;height:80px;line-height:80px;}
#service_wrap ul li .icon img {width:32px;height:auto}


#class_wrap {width:auto;margin:0 10%;}

#class_wrap ul li {width:49%;margin:0 2% 20px 0;}
#class_wrap ul li:nth-child(3n) {width:49%;margin:0 2% 20px 0;}
#class_wrap ul li:nth-child(2n) {width:49%;margin:0;}

#class_wrap ul li a {padding:120px 20px 0 20px;}
#class_wrap ul li a:hover {padding:60px 20px 0 20px;}


#bottom_wrap {width:auto;margin:0 10%;}
#bottom_wrap ul li {float:none;width:100%;margin:0 0 20px 0;}
}





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

#header_wrap {top:0 !important;background:#fff;box-shadow: 0px 7px 30px 0px rgba(0,0,0,0.2);}
#header_wrap #tnb ul li:last-child {display:none !important;}
#header_wrap #header .logo {width:150px;height:60px;}
#header_wrap #gnb {display:none;}
#header_wrap a.btn_sitemap {display:none !important;}
#header_wrap a.btn_gnb {right:0;cursor:pointer !important;
filter:alpha(opacity=100) !important;
-moz-opacity:1;
-khtml-opacity:1;
opacity: 1 !important;
}

#gnb_mobile {display:block;}
#header .class_mobile {display:block;}

#content_wrap {float:none;width:auto;margin:0;}

.footer_info {float:none;margin:0 0 24px 0;}
.footer_info h2 {margin:0 0 12px 0;font-size:18px;}

.footer_payment {float:none;width:auto;}
.footer_payment h2 {font-size:14px;}

.viz_cell {height:260px;padding:60px 0 0 0;}

.viz_cell .slogon {font-size:18px;}

#location {width:auto;margin:0 20px;}

#content_title {margin:0 20px 24px 20px;font-size:18px;}


#service_wrap {width:auto;margin:0 20px;}
#service_wrap ul li .icon {width:80px;height:80px;line-height:80px;}
#service_wrap ul li .icon img {width:24px;height:auto}
#service_wrap ul li .con {margin:0 0 0 100px;}

#class_wrap {width:auto;margin:0 20px;}

#class_wrap ul li {width:100%;margin:0 0 20px 0;}
#class_wrap ul li:nth-child(3n) {width:100%;margin:0 0 20px 0;}
#class_wrap ul li:nth-child(2n) {width:100%;margin:0 0 20px 0;}

#class_wrap ul li a {padding:120px 20px 0 20px;}
#class_wrap ul li a:hover {padding:60px 20px 0 20px;}


#bottom_wrap {width:auto;margin:0 20px;}
}





@media screen and (max-width:480px) {
#service_wrap ul li .icon {width:40px;}
#service_wrap ul li .con {margin:0 0 0 60px;}

.viz_cell .slogon {font-size:16px;}
}