@charset "utf-8";
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* button top */
#top_btn {display:block;position:fixed;right:10px;bottom:10px;width:40px;height:40px;overflow:hidden;text-align:center;background:#fff;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;
}
#top_btn i {color:#222;font-size:32px;line-height:38px;}
#top_btn:hover {background:#5bc0de;}
#top_btn:hover i {color:#fff;}


#container_wrap {position:relative;width:100%;min-height:100%;}

#header_wrap {display:block;position:relative;width:100%;background:#fff;}
#header_wrap:after {display:block;visibility:hidden;clear:both;content:""}

#header {display:block;position:relative;width:100%;max-width:1280px;margin:0 auto;
-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;
}
#header:after {display:block;visibility:hidden;clear:both;content:""}
#header .bogun {position:absolute;left:0;top:50%;padding:0 0 0 60px;font-size:18px;font-weight:400;background:url(../img/mark_bogun.png) no-repeat 0 50%;
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
transform:translate(0,-50%);
}
#header .bogun strong {font-weight:700;}
#header a.logo {display:block;width:340px;margin:0 auto;line-height:110px;}
#header a.logo img {width:100%;height:auto;}
#header a.tel {display:block;position:absolute;right:0;bottom:20px;color:#123d97;font-size:34px;font-weight:800;}


/* gnb */
#gnb_wrap {background:#004e90;}
.gnb {display:block;position:relative;width:100%;max-width:1280px;margin:0 auto;}
.gnb:after {display:block;visibility:hidden;clear:both;content:""}
.gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.gnb ul {}
.gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
.gnb ul li {display:block;float:left;position:relative;width:16.66%;}
.gnb ul li a {display:block;position:relative;color:#fff;font-size:20px;font-weight:400;text-align:center;line-height:60px;}
.gnb ul li a:hover {color:#5bc0de;}
.gnb ul li span.arrow {display:none;}
.gnb ul li a.on {color:#999;}

.gnb ul li ul {display:none;position:absolute;left:50%;width:160px;margin:0 0 0 -80px;border-left:solid 1px #eee;border-top:solid 1px #eee;box-shadow:0 3px 5px 1px rgba(0,0,0,0.1);z-index:3}
.gnb ul li ul li {display:block;width:100%;background:none;border-right:solid 1px #eee;border-bottom:solid 1px #eee;}
.gnb ul li ul li a {display:block;height:50px;color:#666;font-size:14px;font-weight:400;line-height:50px;background:#fff;}
.gnb ul li ul li a:hover {color:#5bc0de;background:#f6f6f6;}
.gnb ul li ul li ul {display:block;position:absolute;left:160px;top:0;width:140px;margin:0;}

.gnb ul li a,
.gnb ul li a .hover_line,
.gnb .gnb_side a,
.gnb .gnb_side_mobile a {
-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;
}


/* side */
.btn_side {display:none;position:absolute;left:10px;top:50%;width:50px;height:50px;text-align:center;line-height:56px;cursor:pointer;
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
transform:translate(0,-50%);
}
.btn_side i {color:#004e90;font-size:32px;
-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;
}
.btn_side i:hover {color:#5bc0de;}

.side_nav {display:block;position:fixed;top:0;right:-300px;width:300px;height:100%;overflow-y:auto;background:#fff;z-index:999;
transform: translate(0,0);
transition: .5s;
}

.menu_on {transform:translate(0,0);}
.menu_on_default {transform: translate(-300px,0);}

.side_overlay {display:none;position:fixed;left:0;right:0;top:0;width:100%;height:100vh;background:rgba(0,0,0,0.4);z-index:999;}

.side_nav a.btn_nav_close {display:block;position:absolute;right:10px;top:20px;width:40px;height:40px;16px;line-height:40px;text-align:center;cursor:pointer;z-index:9;}
.side_nav a.btn_nav_close i {color:#444;font-size:24px;
-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;
}
.side_nav a.btn_nav_close i:hover {color:#5bc0de;}

.side_nav ul.gnb_mobile {margin:60px 0 0 0;}
.side_nav ul.gnb_mobile li {position:relative;cursor:pointer}
.side_nav ul.gnb_mobile li a {display:block;color:#222;font-size:16px;line-height:60px;font-weight:700;text-indent:20px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.side_nav ul.gnb_mobile li a:hover {color:#5bc0de;background:#f6f6f6;}
.side_nav ul.gnb_mobile li ul {display:block;overflow:hidden;}
.side_nav ul.gnb_mobile li.on > ul {max-height:1000px;}
.side_nav ul.gnb_mobile li ul {display:none;margin:0;}
.side_nav ul.gnb_mobile li ul li {border-bottom:none}
.side_nav ul.gnb_mobile li ul li:last-child {margin:0 0 10px 0;}
.side_nav ul.gnb_mobile li ul li a {color:#666;font-size:14px;line-height:40px;font-weight:400;text-indent:20px;}
.side_nav ul.gnb_mobile li ul li ul {display:block}
.side_nav ul.gnb_mobile li ul li ul li {display:block;}
.side_nav ul.gnb_mobile li ul li ul li a {display:block;color:#999;font-size:12px;line-height:24px;text-indent:30px;}


.cross {display:block;position:absolute;right:10px;top:0;width:60px;height:60px;padding:21px 0 0 30px;text-align:left;z-index:9;}
.cross .bar_b1, .cross .bar_b2 {display:block;width:15px;height:1px;background:#444;cursor:pointer;transition: all 0.3s ease-in-out;}
.cross .bar_b1 {margin:9px 0 0 0;}
.cross .bar_b2 {margin:-1px 0 0 0;transform-origin:50% 50%;transform:rotate(90deg);} 

.side_nav ul li.on .bar_b1 {background-color:transparent;}
.side_nav ul li.on .bar_b2 {background-color:#5bc0de;transform-origin:50% 50%;transform:rotate(180deg);} 



/* body */
#body_wrap {display:block;position:relative;width:100%;margin:0 auto;}
#body_wrap:after {display:block;visibility:hidden;clear:both;content:""}


/* footer */
#footer_wrap {padding:80px 0;color:#fff;font-size:18px;background:#8d8d8d;}
#footer {width:100%;max-width:1280px;margin:0 auto;}
#footer:after {display:block;visibility:hidden;clear:both;content:""}

#footer .logo {float:left;width:280px;}
#footer .logo img {width:100%;height:auto;}
#footer .copy {margin:0 0 0 400px;}
#footer .copy strong {display:block;margin:0 0 12px 0;font-weight:700;}
#footer .copy ul {margin:0;}
#footer .copy ul:after {display:block;visibility:hidden;clear:both;content:""}
#footer .copy ul li {display:block;float:left;margin:0 12px 0 0;padding:0 12px 0 0;background:url(../img/var_w.gif) no-repeat right 50%;}
#footer .copy ul li:last-child {margin:0;padding:0;background:none;}


#section1 {padding:40px 0 120px 0;}
#section1 .title {display:block;margin:0 0 120px 0;color:#ddd;font-size:24px;text-align:center;font-weight:400;letter-spacing:8px;}
#section1 ul {width:100%;max-width:1280px;margin:0 auto;}
#section1 ul:after {display:block;visibility:hidden;clear:both;content:""}
#section1 ul li {display:block;float:left;position:relative;width:32%;margin:0 2% 0 0;}
#section1 ul li:last-child {margin:0;}
#section1 ul li img.bg {width:100%;height:auto;}
#section1 ul li .con {position:absolute;left:0;top:0;width:100%;height:100%;padding:48px 0 0 0;}
#section1 ul li .con h2 {display:block;margin:0 0 24px 0;color:#222;font-size:48px;line-height:60px;font-weight:400;text-align:center;text-shadow:2px 2px 3px rgba(0,0,0,0.3);}
#section1 ul li .con h2 strong {font-weight:700;}
#section1 ul li:nth-child(1) .con a {display:block;position:absolute;left:50%;bottom:40px;padding:8px 24px;color:#0d1b49;font-size:24px;font-weight:400;line-height:normal;border:solid 2px #0d1b49;text-shadow:2px 2px 3px rgba(0,0,0,0.3);
-webkit-transform:translate(-50%,0);
-moz-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
-o-transform:translate(-50%,0);
transform:translate(-50%,0);
}
#section1 ul li:nth-child(2) .con h2 {color:#fff;}
#section1 ul li:nth-child(2) .con p {color:#fff;font-size:24px;font-weight:400;text-align:center;text-shadow:2px 2px 3px rgba(0,0,0,0.3);}
#section1 ul li:nth-child(2) .con a {display:block;position:absolute;left:50%;bottom:40px;padding:8px 24px;color:#fff;font-size:24px;font-weight:400;line-height:normal;border:solid 2px #fff;text-shadow:2px 2px 3px rgba(0,0,0,0.3);
-webkit-transform:translate(-50%,0);
-moz-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
-o-transform:translate(-50%,0);
transform:translate(-50%,0);
}
#section1 ul li:nth-child(3) .con p {color:#222;font-size:30px;font-weight:700;text-align:center;text-shadow:2px 2px 3px rgba(0,0,0,0.3);}
#section1 ul li .con .img {text-align:center;}
#section1 ul li .con .img img {width:90%;max-width:320px;height:auto;}
#section1 ul li .con .img_logo {display:block;position:absolute;left:50%;bottom:30px;
-webkit-transform:translate(-50%,0);
-moz-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
-o-transform:translate(-50%,0);
transform:translate(-50%,0);
}


#section2 {position:relative;background:#eaeaec;}
#section2 img {width:100%;height:auto;}

.hover-area {display:flex;position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:2;}
.l_doc,.r_doc {width:50%;height:100%;}
.l_doc a,.r_doc a{display: block;width:100%;height:100%;}


.doctor-area{position:absolute;top:0;left:0;width:100%;height:100%;z-index: 0;}
.doctor01{position:absolute;top:0;left:0;width:100%;height:100%;background: url(../img/doctor2.jpg) center center no-repeat;}
.doctor02{position:absolute;top:0;left:0;width:100%;height:100%;background: url(../img/doctor1.jpg) center center no-repeat;}

.doctor .r_doc {right:0;width: 50%;height:718px;background:url("image/doctor02.jpg") no-repeat left center;transition:width 0.2s}
.doctor .r_doc:hover, .doctor .r_doc:focus {width: 100%; background-image: url("image/doctor02_hover.jpg"); z-index: 1; right: 0;}

.round {position:absolute;width:40px;height:40px;left:47%;top:30px;z-index:1;}
.round.opacity0{opacity:0;}

.arrow-left {top:auto;bottom:-20px;left:50%}
#cta {position:absolute;width:100%;cursor:pointer;}
#cta2 {position:absolute;width:100%;cursor:pointer;transform:rotate(180deg);}
#cta .arrow {left:30%;}
.arrow {position:absolute;top:15px;bottom:0;width:23px;height:23px;margin-left:0px;background-size:contain;}
.segunda {margin-left:8px;}
.next {background-image: url(../img/arrow-right.png);}


@keyframes bounceAlpha {
  0% {opacity: 1; transform: translateX(0px) scale(1);}
  25%{opacity: 0; transform:translateX(10px) scale(0.9);}
  26%{opacity: 0; transform:translateX(-10px) scale(0.9);}
  55% {opacity: 1; transform: translateX(0px) scale(1);}
}

.bounceAlpha {
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}

.arrow.primera.bounceAlpha {
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-delay:0.2s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}

.round .arrow{
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}
.round .arrow.primera{
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-delay:0.2s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}






#section3 {padding:120px 0;}
#section3 h2 {display:block;margin:0 0 36px 0;padding:0 20px;color:#333;font-size:48px;text-align:center;font-weight:700;word-break:keep-all;}
#section3 h3 {display:block;margin:0 0 120px 0;padding:0 20px;color:#333;font-size:30px;text-align:center;font-weight:400;word-break:keep-all;line-height:40px;}
#section3 h3 strong {color:#226dcf;font-weight:700;border-bottom:solid 1px #226dcf}
#section3 ul {width:100%;max-width:1080px;margin:0 auto;}
#section3 ul li {display:block;position:relative;margin:0 0 90px 0;}
#section3 ul li:after {display:block;visibility:hidden;clear:both;content:""}
#section3 ul li:last-child {margin:0;}
#section3 ul li .img {width:50%;}
#section3 ul li .img img {width:100%;height:auto;}
#section3 ul li .con {position:absolute;right:0;top:50%;width:50%;padding:0 0 0 8%;
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
transform:translate(0,-50%);
}
#section3 ul li .con strong {display:block;margin:0 0 30px 0;color:#226dcf;font-size:40px;font-weight:700;line-height:50px;letter-spacing:-1px;}
#section3 ul li .con strong .sub {display:block;font-size:20px;line-height:28px;}
#section3 ul li .con p {font-size:18px;line-height:28px;}
#section3 ul li:nth-child(2n) .img {float:right;}
#section3 ul li:nth-child(2n) .con {left:0;text-align:right;padding:0 8% 0 0;}


#section4 {padding:120px 0;background:url(../img/case_bg.png) no-repeat left 50% #e6e6e6;}
#section4 h2 {display:block;margin:0 0 80px 0;font-size:48px;text-align:center;}
#section4 h2 strong {display:block;font-weight:700;}
#section4 .title {position:relative;width:100%;max-width:1280px;margin:0 auto 36px auto;padding:0 0 0 290px;font-size:22px;line-height:30px;}
#section4 .title strong {display:block;position:absolute;left:0;top:0;width:260px;color:#fff;font-size:24px;font-weight:700;line-height:60px;text-align:center;background:#006fb4;}
#section4 ul {width:100%;max-width:1280px;margin:0 auto 36px auto;}
#section4 ul:after {display:block;visibility:hidden;clear:both;content:""}
#section4 ul li {display:block;float:left;width:32%;margin:0 2% 0 0;}
#section4 ul li:last-child {margin:0;}
#section4 ul li img {width:100%;height:auto;}
#section4 ul li p {display:block;width:100%;font-size:24px;font-weight:400;text-align:center;line-height:60px;background:#fff;}
#section4 ul li:last-child p {color:#fff;background:#006fb4;}
#section4 a {display:block;width:100%;max-width:1280px;margin:0 auto;color:#006fb4;font-size:24px;font-weight:400;text-align:right;}
#section4 a .plus {display:inline-block;width:44px;height:44px;margin:0 0 0 18px;text-align:center;line-height:44px;border:solid 2px #006fb4;}
#section4 a .plus i {color:#006fb4;font-size:28px;}


#section5 {padding:120px 0;}
#section5 h2 {display:block;margin:0 0 80px 0;font-size:48px;text-align:center;}
#section5 h2 strong {display:block;font-weight:700;}
#section5 .map {position:relative;width:100%;max-width:1280px;height:600px;overflow:hidden;margin:0 auto;}
#section5 .map .img {display:block;position:absolute;left:50%;top:50%;
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
#section5 .map .address {display:block;position:absolute;left:0;top:0;width:100%;padding:24px 20px;color:#fff;font-size:28px;font-weight:700;text-align:center;background:rgba(0,0,0,0.4);}
#section5 ul {width:100%;max-width:1280px;margin:0 auto;}
#section5 ul li {display:block;position:relative;padding:36px 0 36px 200px;font-size:24px;font-weight:400;border-top:solid 1px #ddd;}
#section5 ul li .title {position:absolute;left:0;top:0;padding:18px 80px 18px 0;color:#04529d;font-weight:700;text-align:right;line-height:33px;}
#section5 ul li .title .icon {display:block;position:absolute;right:0;top:18px;width:66px;height:66px;text-align:center;line-height:66px;background:#04529d;}
#section5 ul li .title .icon img {width:40px;height:auto;}


#section6 {color:#fff;}
#section6:after {display:block;visibility:hidden;clear:both;content:""}
#section6 .left {float:left;width:45%;background:url(../img/contact_bg.jpg) no-repeat 50% 50%;background-size:cover;}
#section6 .left;after {display:block;visibility:hidden;clear:both;content:""}
#section6 .left .con {float:right;width:100%;max-width:620px;height:400px;padding:60px 0 0 0;}
#section6 .left .con strong {display:block;margin:0 0 24px 0;font-size:30px;font-weight:700;text-align:center;}
#section6 .left .con strong img {width:52px;height:auto;vertical-align:bottom;}
#section6 .left .con .tel {margin:0 0 30px 0;font-size:48px;font-weight:400;text-align:center;}
#section6 .left .con p {font-size:24px;text-align:center;line-height:36px;}

#section6 .right {float:left;width:55%;background:#0088b4;}
#section6 .right .con {height:400px;padding:60px 0 0 0;}
#section6 .right .con:after {display:block;visibility:hidden;clear:both;content:""}
#section6 .right .con .title {float:left;width:340px;text-align:center;}
#section6 .right .con .title p,
#section6 .right .con .title strong {font-size:30px;line-height:46px;}
#section6 .right .con .title strong {display:block;margin:0 0 30px 0;font-weight:700;}
#section6 .right .con ul {margin:0 0 0 340px;}
#section6 .right .con ul li {display:block;margin:0 0 18px 0;font-size:22px;}
#section6 .right .con ul li label {display:inline-block;width:130px;font-size:22px;}


#quick {padding:120px 0;}
#quick .title {position:relative;margin:0 0 40px 0;text-align:center;}
#quick .title .line {display:block;position:absolute;left:0;top:50%;width:100%;height:2px;background:#777;
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
transform:translate(0,-50%);
}
#quick .title img {position:relative;width:280px;height:auto;z-index:1;}
#quick ul {width:100%;max-width:960px;margin:0 auto;}
#quick ul:after {display:block;visibility:hidden;clear:both;content:""}
#quick ul li {display:block;float:left;width:20%;margin:0 0 20px 0;}
#quick ul li a {display:block;text-align:center;}
#quick ul li a p {font-size:18px;}


#outro_wrap {padding:120px 20px;background:url(../img/outro_bg.jpg) no-repeat 50% 50% #444;background-size:cover;}
.outro {width:100%;max-width:1240px;margin:0 auto;}
.outro:after {display:block;visibility:hidden;clear:both;content:""}
.outro .location,
.outro .customer {float:left;width:50%;padding:0 40px;color:#fff;}
.outro .location a {color:#fff;font-size:20px;}
.outro .location h2,
.outro .customer h2 {display:block;margin:0 0 36px 0;color:#fff;font-size:40px;font-weight:400;}

.outro .location p {margin:0 0 36px 0;padding:0 0 36px 0;border-bottom:solid 2px #fff;}
.outro .location .tel {margin:0 0 72px 0;}
.outro .location .tel strong {display:block;color:#83b132;font-size:40px;font-weight:700;line-height:48px;}
.outro .customer ul {}
.outro .customer ul li {display:block;margin:0 0 20px 0;line-height:40px;border-bottom:solid 2px #fff;}
.outro .customer ul li:after {display:block;visibility:hidden;clear:both;content:""}
.outro .customer ul li:first-child {margin:0 0 48px 0;border-bottom:none;}
.outro .customer ul li .chk_box {display:inline-block;width:25%}
.outro .customer ul li .label {display:inline-block;width:10%;}
.outro .customer ul li select {width:10%;color:#fff;line-height:40px;background:none;border:none;}
.outro .customer ul li select option {color:#666;}
.outro .customer ul li .input {display:inline-block;height:40px;color:#fff;line-height:40px;background:none;border:none;}
.outro .customer ul li .input.tel_input {width:10%;}
.outro .customer ul li .input.name_input {width:20%;}
.outro .customer ul li .input.con_input {width:80%;}
.outro .customer .btn_submit {display:block;width:200px;height:50px;color:#fff;text-align:center;line-height:40px;background:none;border:solid 5px #83b132;border-radius:40px;}


#viz_wrap {padding:120px 20px;}
#viz_wrap .con {text-align:center;}
#viz_wrap .con h2 {display:block;margin:0 0 36px 0;color:#fff;font-size:30px;font-weight:400;letter-spacing:6px;}
#viz_wrap .con h2 strong {display:block;color:#fff;font-size:70px;font-weight:700;letter-spacing:0;}
#viz_wrap .con p {color:#fff;font-size:40px;font-weight:700;letter-spacing:-2px;word-break:keep-all;}


#snb_wrap {display:block;border-bottom:solid 1px #ddd;}
#snb_wrap ul {font-size:0;line-height:0;text-align:center;}
#snb_wrap ul li {display:inline-block;margin:0 24px;}
#snb_wrap ul li a {display:block;font-size:18px;line-height:57px;font-weight:400;border-bottom:solid 2px #fff;}
#snb_wrap ul li a.on {border-bottom:solid 2px #145cb1;}


.board_title {display:block;padding:80px 20px;color:#145cab;font-size:45px;font-weight:700;text-align:center;}





@media screen and (max-width:1280px) {
#footer_wrap {padding:80px 20px;}
#footer .logo {width:240px;}
#footer .copy {margin:0 0 0 320px;}

#section1 {padding:40px 20px 80px 20px;}


#section3 {padding:80px 20px;}


#section4 {padding:80px 20px;}


#section5 {padding:80px 0;}


#section6 .left {width:40%;padding:0 20px;}
#section6 .right {width:60%;padding:0 20px;}

#section6 .left .con {height:360px;}
#section6 .left .con strong {margin:0 0 24px 0;font-size:24px;}
#section6 .left .con strong img {width:48px;}
#section6 .left .con .tel {margin:0 0 24px 0;font-size:36px;}
#section6 .left .con p {font-size:18px;line-height:30px;}

#section6 .right .con {height:360px;}
#section6 .right .con .title {width:260px;}
#section6 .right .con .title p,
#section6 .right .con .title strong {font-size:24px;line-height:34px;}
#section6 .right .con .title strong {margin:0 0 24px 0;}
#section6 .right .con ul {margin:0 0 0 280px;}
#section6 .right .con ul li {margin:0 0 18px 0;font-size:18px;}
#section6 .right .con ul li label {width:120px;font-size:18px;}


#quick {padding:80px 0;}
}




@media screen and (max-width:1024px) {
#gnb_wrap {display:none;}

.btn_side {display:block;}

#header .bogun {display:none}
#header a.logo {width:260px;line-height:80px;}
#header a.tel {display:block;position:absolute;right:20px;top:50%;bottom:auto;width:48px;height:48px;overflow:hidden;line-height:999px;background:url(../img/tel.png) no-repeat 50% 50%;border:solid 3px #123d97;border-radius:50%;
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
transform:translate(0,-50%);
}

#footer_wrap {padding:60px 20px;font-size:16px;}
#footer .logo {float:none;width:240px;margin:0 0 36px 0;}
#footer .copy {margin:0;}


#section1 {padding:30px 20px 60px 20px;}
#section1 .title {margin:0 0 80px 0;font-size:18px;letter-spacing:6px;}
#section1 ul li .con {padding:36px 0 0 0;}
#section1 ul li .con h2 {margin:0 0 18px 0;font-size:36px;line-height:44px;}
#section1 ul li:nth-child(1) .con a {bottom:30px;padding:8px 18px;font-size:18px;}
#section1 ul li:nth-child(2) .con p {font-size:18px;}
#section1 ul li:nth-child(2) .con a {bottom:30px;padding:8px 18px;font-size:18px;}
#section1 ul li:nth-child(3) .con p {font-size:24px;}
#section1 ul li .con .img_logo {bottom:20px;}


#section3 h2 {margin:0 0 30px 0;font-size:36px;}
#section3 h3 {margin:0 0 80px 0;font-size:24px;}
#section3 ul li {margin:0 0 80px 0;}
#section3 ul li .con {padding:0 0 0 5%;}
#section3 ul li .con strong {margin:0 0 24px 0;font-size:30px;line-height:40px;}
#section3 ul li .con strong .sub {font-size:18px;line-height:26px;}
#section3 ul li .con p {font-size:16px;line-height:24px;}
#section3 ul li:nth-child(2n) .con {padding:0 5% 0 0;}


#section4 h2 {margin:0 0 60px 0;font-size:36px;}
#section4 .title {margin:0 auto 24px auto;padding:0 0 0 260px;font-size:18px;line-height:26px;}
#section4 .title strong {width:220px;font-size:20px;line-height:50px;}
#section4 ul li {display:block;float:left;width:32%;margin:0 2% 0 0;}
#section4 ul li:last-child {margin:0;}
#section4 ul li img {width:100%;height:auto;}
#section4 ul li p {font-size:18px;line-height:50px;}
#section4 a {font-size:18px;}
#section4 a .plus {width:32px;height:32px;margin:0 0 0 12px;line-height:32px;}
#section4 a .plus i {font-size:24px;}


#section5 h2 {margin:0 0 60px 0;font-size:36px;}
#section5 .map {height:480px;}
#section5 .map .address {padding:18px 20px;font-size:18px;}
#section5 ul li {padding:30px 0 30px 160px;font-size:18px;line-height:30px;}
#section5 ul li .title {padding:18px 60px 18px 20px;line-height:26px;}
#section5 ul li .title .icon {top:18px;width:52px;height:52px;line-height:52px;}
#section5 ul li .title .icon img {width:36px;height:auto;}


#section6 .left {float:none;width:100%;}
#section6 .right {float:none;width:100%;}

#section6 .left .con {float:none;width:100%;padding:40px 0 0 0;max-width:100%;height:260px;}
#section6 .left .con strong {margin:0 0 18px 0;font-size:18px;}
#section6 .left .con strong img {width:36px;}
#section6 .left .con .tel {margin:0 0 18px 0;font-size:30px;}
#section6 .left .con p {font-size:16px;line-height:28px;}

#section6 .right .con {height:auto;padding:40px 0;}
#section6 .right .con .title {width:100%;margin:0 0 24px 0;}
#section6 .right .con .title p,
#section6 .right .con .title strong {font-size:18px;line-height:26px;}
#section6 .right .con .title strong {margin:0 0 18px 0;}
#section6 .right .con .title img {width:80px;height:auto;}
#section6 .right .con ul {width:360px;margin:0 auto;}
#section6 .right .con ul li {margin:0 0 14px 0;font-size:16px;}
#section6 .right .con ul li label {width:100px;font-size:16px;}
#section6 .right .con ul li img {width:32px;height:auto;}


#quick {padding:60px 0;}
#quick .title img {width:220px;}
#quick ul li {width:25%;}
#quick ul li a img {width:84px;height:auto;}
#quick ul li a p {font-size:16px;}


.outro .location,
.outro .customer {float:none;width:100%;padding:0 20px;}
.outro .location {margin:0 0 48px 0;}


#viz_wrap {padding:80px 20px;}
#viz_wrap .con h2 {font-size:24px;letter-spacing:4px;}
#viz_wrap .con h2 strong {font-size:60px;}
#viz_wrap .con p {font-size:36px;}


#snb_wrap ul li {margin:0 18px;}
#snb_wrap ul li a {font-size:16px;line-height:57px;}


.board_title {padding:80px 20px;font-size:36px;}
}




@media screen and (max-width:768px) {
#footer_wrap {padding:40px 20px;font-size:14px;}
#footer .logo {width:180px;}
#footer .copy ul {margin:0;}
#footer .copy ul li {margin:0 12px 12px 0;padding:0;background:none;}
#footer .copy ul li:last-child {margin:0 0 12px 0;}


#section1 .title {margin:0 0 60px 0;font-size:14px;letter-spacing:4px;}
#section1 ul li {float:none;width:100%;max-width:320px;margin:0 auto 24px auto;}
#section1 ul li:last-child {margin:0 auto;}
#section1 ul li .con {padding:30px 0 0 0;}
#section1 ul li .con h2 {font-size:30px;line-height:40px;}
#section1 ul li:nth-child(1) .con a {bottom:20px;padding:8px 12px;font-size:16px;}
#section1 ul li:nth-child(2) .con p {font-size:16px;}
#section1 ul li:nth-child(2) .con a {bottom:20px;padding:8px 12px;font-size:16px;}
#section1 ul li:nth-child(3) .con p {font-size:18px;}
#section1 ul li .con .img_logo {bottom:10px;}


#section3 h2 {margin:0 0 24px 0;font-size:30px;}
#section3 h3 {margin:0 0 60px 0;font-size:18px;line-height:30px;}
#section3 ul li {margin:0 0 60px 0;}
#section3 ul li .img {float:none;width:100%;margin:0 0 24px 0;}
#section3 ul li .con {position:relative;width:100%;padding:0;
-webkit-transform:translate(0,0);
-moz-transform:translate(0,0);
-ms-transform:translate(0,0);
-o-transform:translate(0,0);
transform:translate(0,0);
}
#section3 ul li .con strong {margin:0 0 24px 0;font-size:30px;line-height:40px;}
#section3 ul li .con strong .sub {font-size:18px;line-height:26px;}
#section3 ul li .con p {font-size:16px;line-height:24px;}
#section3 ul li:nth-child(2n) .con {padding:0;}


#section4 h2 {margin:0 0 40px 0;font-size:30px;}
#section4 .title {padding:0;font-size:16px;line-height:24px;}
#section4 .title strong {position:relative;width:180px;margin:0 0 18px 0;font-size:18px;line-height:50px;}
#section4 ul li {float:none;width:100%;margin:0 0 24px 0;}
#section4 ul li:last-child {margin:0;}
#section4 ul li p {font-size:16px;line-height:50px;}
#section4 a {font-size:16px;}
#section4 a .plus {width:30px;height:30px;margin:0 0 0 12px;line-height:30px;}
#section4 a .plus i {font-size:20px;}


#section5 h2 {margin:0 0 40px 0;font-size:30px;}
#section5 .map {height:360px;}
#section5 .map .address {padding:18px 20px;font-size:16px;}
#section5 ul li {padding:24px 20px 24px 140px;font-size:16px;line-height:28px;}
#section5 ul li .title {padding:16px 50px 16px 20px;line-height:21px;}
#section5 ul li .title .icon {top:16px;width:42px;height:42px;line-height:42px;}
#section5 ul li .title .icon img {width:32px;height:auto;}


#quick .title img {width:180px;}
#quick ul li {width:33.33%;}
#quick ul li a img {width:72px;height:auto;}
#quick ul li a p {font-size:14px;letter-spacing:-1px;}


.outro .location,
.outro .customer {padding:0;}
.outro .location {margin:0 0 36px 0;}
.outro .location a {font-size:18px;}
.outro .location h2,
.outro .customer h2 {margin:0 0 30px 0;font-size:36px;}
.outro .location p {margin:0 0 30px 0;padding:0 0 30px 0;}
.outro .location .tel {margin:0 0 60px 0;}
.outro .location .tel strong {font-size:36px;line-height:40px;}
.outro .customer ul li:first-child {margin:0 0 30px 0;}
.outro .customer ul li .chk_box {width:30%;}
.outro .customer ul li .label {display:block;width:100%;margin:0 0 6px 0;line-height:normal;}
.outro .customer ul li select {width:20%;}
.outro .customer ul li .input.tel_input {width:20%;}
.outro .customer ul li .input.name_input {width:100%;}
.outro .customer ul li .input.con_input {width:100%;}


#viz_wrap {padding:60px 20px;}
#viz_wrap .con h2 {font-size:18px;letter-spacing:2px;}
#viz_wrap .con h2 strong {font-size:48px;}
#viz_wrap .con p {font-size:30px;line-height:36px;}


#snb_wrap {padding:0 20px;}
#snb_wrap ul li {margin:0 12px;}
#snb_wrap ul li a {font-size:14px;line-height:47px;}


.board_title {padding:60px 20px;font-size:30px;}
}




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

#section1 .title {margin:0 0 48px 0;font-size:12px;letter-spacing:3px;}


#section3 h2 {margin:0 0 18px 0;font-size:24px;}
#section3 h3 {margin:0 0 48px 0;font-size:16px;line-height:24px;}
#section3 ul li {margin:0 0 48px 0;}
#section3 ul li .img {margin:0 0 18px 0;}
#section3 ul li .con strong {margin:0 0 18px 0;font-size:24px;line-height:30px;}
#section3 ul li .con strong .sub {font-size:16px;line-height:24px;}
#section3 ul li .con p {font-size:14px;line-height:22px;}


#section4 h2 {margin:0 0 36px 0;font-size:24px;}
#section4 .title {font-size:14px;line-height:20px;}
#section4 .title strong {width:160px;margin:0 0 18px 0;font-size:16px;line-height:50px;}
#section4 ul li p {font-size:14px;line-height:50px;}
#section4 a {font-size:14px;}
#section4 a .plus {width:28px;height:28px;margin:0 0 0 12px;line-height:28px;}
#section4 a .plus i {font-size:20px;}


#section5 h2 {margin:0 0 36px 0;font-size:24px;}
#section5 .map {height:320px;}
#section5 .map .address {padding:18px 20px;font-size:14px;}
#section5 ul li {padding:18px 20px 18px 140px;font-size:14px;line-height:22px;}
#section5 ul li .title {padding:16px 50px 16px 20px;line-height:21px;}
#section5 ul li .title .icon {top:16px;width:42px;height:42px;line-height:42px;}
#section5 ul li .title .icon img {width:32px;height:auto;}


#quick ul li a img {width:64px;height:auto;}
#quick ul li a p {font-size:13px;letter-spacing:-1px;}

.outro .location a {font-size:16px;}
.outro .location h2,
.outro .customer h2 {font-size:30px;}
.outro .location .tel strong {font-size:30px;}


#viz_wrap {padding:60px 20px;}
#viz_wrap .con h2 {font-size:16px;}
#viz_wrap .con h2 strong {font-size:36px;}
#viz_wrap .con p {font-size:24px;line-height:32px;}


#snb_wrap ul li {margin:0 8px;}
#snb_wrap ul li a {font-size:13px;line-height:47px;}
}