@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
*{margin:0;padding:0;border:0;list-style:none;text-decoration:none}
html{font-family:'Noto Sans KR','Nanum Gothic','맑은 고딕','굴림',Arial,sans-serif}
body{font-size:100%}
#wrap{width:100%;height:auto;margin:0 auto;padding:0;position:relative}
header,section,footer{width:100%;margin:0;padding:0;clear:both;}
header{background:#fff;height:70px;top:0;border-bottom:1px solid #ccc;position:fixed;z-index:5000}
header h1{float:left;margin:15px 0 0 0; margin-left:20px;}
header h1 img {width:290px; height:auto;}
header nav{max-width:960px;margin:0 auto;position:relative;font-size:.9375em}
header nav ul.gnb{position:relative;float:left;padding:0 13px; width:620px; height:auto;}
header nav ul.gnb a{display:block;color:#333;height:40px;line-height:250%;padding:15px 10px; text-align:center;}
header nav ul.gnb>li{position:relative;display:block;float:left;padding:0}
header nav ul.gnb li a:hover{background:#0080b6;color:#fff}
header nav ul.gnb li {width:150px;}
header nav ul.gnb li:hover>ul{display:block;}
header nav ul.gnb>li:hover a.btn_dropdown{background:#0080b6;color:#fff}
header nav ul.gnb ul.gnb_dropdown_con li.gnb_dropdown_list_1:hover a.btn_dropdown_1{background:#005d84;color:#fff}
header nav ul.gnb ul.gnb_dropdown_con li.gnb_dropdown_list_2:hover a.btn_dropdown_2{background:#005d84;color:#fff}
header nav ul.gnb li ul{display:none;position:absolute;width:150px;top:100%;left:0;box-sizing:border-box;box-shadow:0 4px 6px rgba(0,0,0,0.5);border-radius:0 0 5px 5px;overflow:hidden}
header nav ul.gnb li ul.gnb_dropdown_con li{position:relative;width:150px;height:40px;background:#fff;box-sizing:border-box;padding:0 10px}
header nav ul.gnb li ul.gnb_dropdown_con li:hover{color:#fff;background:#005d84;box-shadow:0 1px 7px rgba(53,53,53,0.75)}
header nav ul.gnb li ul.gnb_dropdown_con li:hover a:hover{color:#fff}
header nav ul.gnb li ul.gnb_dropdown_con a{display:block;background:transparent;width:100%;padding:0 10px;margin:0 0 0 -10px}
header nav ul.gnb li ul ul{top:0;left:150px}
header nav ul.gnb li ul.gnb_dropdown_con li:last-child{border-radius:0 0 5px 5px}
header nav ul.gnb li:nth-child(5){background:url(../images/gnb_bg.png) no-repeat;background-position:center top;background-size:100%}
header nav ul.gnb a{transition:.15s}header nav ul.gnb li a:hover,header nav ul.gnb>li:hover a.btn_dropdown{transition:.3s}
header nav ul.gnb li ul.gnb_dropdown_con li,header nav ul.gnb li ul.gnb_dropdown_con li a{transition:.2s}
header nav ul.gnb li.btn_admin{transition:none}header nav ul.gnb li.btn_admin a{transition:.2s}
header nav ul.lnb{position:absolute;height:70px;top:0;right:0;box-sizing:border-box;padding:23px 15px 27px 15px}
header nav ul.lnb li{display:inline-block;margin:0 0 0 3px}
header nav ul.lnb li a{display:block}

section#main_slider{margin-top:70px;clear:both;}
#main_slider .imgslider{margin:0 auto;box-sizing:border-box;position:relative;background:#fff}
#main_slider .imgslider .item{width:auto;}
#main_slider .imgslider{max-width:960px;height:350px;overflow:hidden;}
#main_slider .owl-carousel{position:absolute;max-width:960px;left:50%;margin-left:480px;}
#main_slider .owl-stage-outer{position:relative;overflow:visible!important;}
#main_slider .owl-stage{position:relative;overflow:hidden;padding:0;margin:0;margin-left:-960px}
#main_slider .owl-controls{width:60px;margin:0 auto;text-align:center}
#main_slider .owl-controls .owl-nav{z-index:6;transition:.3s}
#main_slider .owl-controls .owl-nav:hover{display:block;transition:.3s}
#main_slider .owl-controls .owl-nav .owl-prev,#main_slider .owl-controls .owl-nav .owl-next{top:0;margin-left:-55%;width:60%;height:350px;position:absolute;text-indent:-9999px;transition:.3s;}
#main_slider .owl-controls .owl-nav .owl-prev{left:-100%;background:linear-gradient(90deg,rgba(20,125,168,0) 0,rgba(20,125,168,0) 100%),url(../images/btn_slider_prev.png) no-repeat left -35px center;opacity:0}
#main_slider .owl-controls .owl-nav .owl-next{left:50%;background:linear-gradient(270deg,rgba(20,125,168,0) 0,rgba(20,125,168,0) 100%),url(../images/btn_slider_next.png) no-repeat right -35px center;opacity:0}
#main_slider .owl-controls .owl-nav .owl-prev:hover{background:linear-gradient(90deg,rgba(20,125,168,1) 0,rgba(20,125,168,0) 100%),url(../images/btn_slider_prev.png)
no-repeat right 5px center;transition:.3s;opacity:1}
#main_slider .owl-controls .owl-nav .owl-next:hover{background:linear-gradient(270deg,rgba(20,125,168,1) 0,rgba(20,125,168,0) 100%),url(../images/btn_slider_next.png)
no-repeat left 5px center;transition:.3s;opacity:1}
#main_slider .imgslider .owl-controls .owl-dots{display:block;position:absolute;bottom:15px;left:-960px;margin-left:440px}
#main_slider .imgslider .owl-controls .owl-dot{width:10px;height:10px;border-radius:10px;margin:0 5px;background:#fff;float:left;}
#main_slider .imgslider .owl-controls .owl-dot.active{background:#147da8;}

section#main_card {position:relative; clear:both; width:100%; height:640px; background:#f6f7fa; margin-top:-80px;}
section#main_card .namecard_service {max-width:960px; height:100px;margin:0 auto; top:65px; position:relative;}
section#main_card .namecard_service .text h2{text-align:center; margin:0 auto;display:block; margin-top:75px; line-height:1.5;font-size:1.2em; font-weight:normal;}
section#main_card .namecard_service .ser_img {margin-top:50px; width:960px; height:400px;}
.ser_img .view1 {width:310px; height:370px; background:#fff; float:left;position:relative;overflow:hidden; box-sizing:border-box;}
.ser_img .view1 .container img{opacity:1; display:block; width:100%; height:auto; transition:.5s ease;backface-visibility:hidden;}
.ser_img .view1 .container .middle{transition:.5s ease;opacity:0; position:absolute; top:40%; left:50%; transform:translate(-40%,-50%);-ms-transform: translate(-40%, -50%)}
.ser_img .view1 .container:hover img {opacity: 0.3;}
.ser_img .view1 .container:hover .middle{opacity: 1;}
.ser_img .view1 .container .middle .text {background-color:#0080b6;color: white;font-size: 16px;padding: 16px 32px;}
.ser_img .view1 .container .middle .text a{color:#fff; text-decoration:none;}
.ser_img .view1  img {height:310px; width:310px; cursor:pointer; position:relative; display:block; }
.ser_img .view1 .under{text-decoration:none; color:#555; font-size:1.0em; font-weight:normal; display:block;text-align:center; margin-top:15px;display:block; margin-bottom:0;}

section#main_label{background:#fff;max-width:960px;height:540px;margin:30px auto;}
section#main_label div{float:left;min-height:220px;box-sizing:border-box;text-align:center;}
div.h_ver,div.h_card{position:relative;max-width:960px;margin:0 auto;text-align:center;}
div.h_ver figure{position:relative;float:left;overflow:hidden;width:320px;height:220px;text-align:center;cursor:pointer;box-sizing:border-box;}
div.h_card figure{position:relative;float:left;overflow:hidden;width:960px;height:320px;text-align:center;cursor:pointer;box-sizing:border-box;}
figure figcaption{padding:2%;color:#fff;text-transform:uppercase;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;}
figure figcaption::before,figure figcaption::after{pointer-events:none;}
figure figcaption,figure figcaption>a{position:absolute;top:0;left:0;width:100%;height:100%;}
figure figcaption>a{z-index:100;text-indent:200%;white-space:nowrap;font-size:0;opacity:0;}
figure h2{word-spacing:-0.1em;font-weight:normal;color:#333;font-size:1.0em;}
figure h2 span{font-weight:400;}
figure p{margin:0;}
figure p{letter-spacing:-1%;font-size:.9em;}
figure figcaption::before{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);content:'';opacity:0;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}
figure h2{position:absolute;top:11%;left:14px;text-align:left;width:100%;color:#333;text-shadow:0 1px 0 rgba(255,255,255,0.2),0 0 5px rgba(255,255,255,0.3);
-webkit-transition:-webkit-transform .35s,color .35s;transition:transform .35s,color .35s;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
div.h_ver figure p{left:4.5%}div.h_card figure p{left:1.5%}
figure figcaption::before,figure p{-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s}
figure p{position:absolute;top:11%;left:3%;padding:1.25em 0;opacity:0;-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
figure:hover h2{color:#fff}figure:hover figcaption::before,figure:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}

section#main_foot{max-width:960px;height:450px;margin:20px auto; margin-top:50px;padding-top:10px;box-sizing:border-box;text-align:center;}
article.cscenter{width:260px;box-sizing:border-box;text-align:left;padding-right:30px;float:left;}
article.cscenter p{display:block;width:100%;box-sizing:border-box;font-size:1.0em;font-weight:normal;color:#333;}
article.cscenter span{display:block;clear:both;line-height:160%;}
article.cscenter span a{letter-spacing:-0.5px;box-sizing:border-box;word-break:keep-all;color:#333;transition:.3s;}
article.cscenter span a:hover{color:#0080b6;transition:.3s;}
article.cscenter span.tel {margin-top:15px;}
article.cscenter span.tel a{font-size:2.0em;color:#0080b6;}
article.cscenter span b{font-size:.5em;padding:0 3px 1px 3px;background:#ffc800;border-radius:3px;}

article.notice{width:680px; height:150px;float:right;position:relative;display:block;border-left:2px solid #efefef;}
article.notice .main_title {width:500px;height:26px;box-sizing:border-box;float:left;}
article.notice .main_title p {margin-left:80px;}
article.notice .main_more{width:180px;height:26px;float:left;}
article.notice .main_more p a{font-size:1.0em; text-decoration:none; color:#777;font-weight:normal;}
article.notice .main_more p a:hover{cursor:pointer;color:#0080b6; transition:0.5s;}
article.notice p{display:block;width:500px;box-sizing:border-box;padding:0 0 5px 0;font-size:1.0em;font-weight:bold;color:#333;float:left;clear:both;text-align:left; margin-left:50px;}
article.notice p.more{display:block;width:100px;box-sizing:border-box;font-size:0.9em;font-weight:normal;color:#333;clear:both;text-align:right;float:left;}
article.notice span{display:block;clear:both;margin:5px 0;line-height:160%; width:500px;text-align:left;margin-left:80px;font-size:0.9em;line-height:1.4; margin-top:10px;}


article.notice span a{letter-spacing:-0.5px;box-sizing:border-box;word-break:keep-all;transition:.3s; color:#555;}
article.notice span a:hover{color:#888;transition:.3s}
article.notice .notice_title {width:60%;float:left;}
article.notice .notice_date {width:40%;float:left;color:#555;}


article.downlink{width:960px;position:relative;display:block;clear:both;margin-top:200px;}
article.downlink p{color:#333;font-weight:bold;text-align:left;clear:both;}
article.downlink div.linkbtn{float:left;width:200px;height:70px;box-sizing:border-box;margin:5px 10px 0 0;background:transparent;}
article.downlink div.linkbtn_c{clear:both}
article.downlink div.linkbtn a{display:block;width:200px;height:67px;transition:.3s}
article.downlink div.linkbtn a:hover{background:#eee;transition:.3s}
article.downlink div.linkbtn a img{width:200px;}iframe[name='google_conversion_frame']{height:0 !important;width:0 !important;line-height:0 !important;font-size:0
!important;margin-top:-10px;float:left}
.banner{position:relative;width:1000px;margin:0 auto;padding:0;z-index:10}
article.downlink .inner{text-align:center; display:block; margin:0 auto;}


.banner>div.snsid{width:88px;height:109px;position:fixed;top:70px;margin-left:1000px;}/*수정*/
.banner>div.snsid>img{width:100%;position:static;top:0;}/*수정*/
.banner>div.snsid2{width:88px;height:66px;position:fixed;top:177px;margin-left:1000px;}/*수정*/
.banner>div.snsid2>a>img{width:100%;position:static;top:0;}/*수정*/
.banner>div.snsid3{width:88px;height:61px;position:fixed;top:240px;margin-left:1000px;}/*수정*/
.banner>div.snsid3>a>img{width:100%;position:static;top:0;}/*수정*/
.banner>div.snsid4{width:88px;height:64px;position:fixed;top:298px;margin-left:1000px;}/*수정*/
.banner>div.snsid4>a>img{width:100%;position:static;top:0;}/*수정*/
.banner>div.downpdf{width:88px;height:46px;position:fixed;top:370px;margin-left:1000px;}/*수정*/
.banner>div.downpdf>img{width:100%;position:static;top:0;}/*수정*/
.banner>div.downapp{width:88px;height:135px;position:fixed;top:425px;margin-left:1000px;}/*수정*/
.banner>div.downapp>img{width:100%;position:static;top:0;}/*수정*/
.banner>div.ordercard{width:88px;height:39px;position:fixed;top:570px;margin-left:1000px;}/*수정*/
.banner>div.ordercard>img {width:100%;position:static;top:0;}/*수정*/
.banner>div.ordercard2{width:88px;height:39px;position:fixed;top:608px;margin-left:1000px;}/*수정*/
.banner>div.ordercard2>img {width:100%;position:static;top:0;}/*수정*/
.banner div.ordercard2 img:hover {opacity:0.6;}/*수정*/

footer{position:relative;background:#f7f7f7;width:100%;border-top:1px solid #efefef;}
div.footer{width:100%;height:70px;margin:0 auto;background:#eee;border-top:1px solid #e4e4e4;}
footer div.footer div{max-width:960px;height:70px;margin:0 auto;padding:15px 0;box-sizing:border-box;}
footer div.footer h2{float:left;margin:0 25px 0 0;}
footer div.footer address{float:left;font-style:normal;font-size:.75em;color:#333;cursor:default;}
footer div.footer address span{margin:0 15px 0 0;line-height:180%;}
footer div.footer a{color:#333;transition:.3s;}
footer div.footer a:hover{color:#147da8;transition:.15s}
footer div.footer select{float:right;box-sizing:border-box;width:150px;padding:10px 5px;background:rgba(255,255,255,0.3);color:#333;border:1px solid #99b8ca}
.back_to_top{cursor:pointer;position:fixed;z-index:10;bottom:15px;right:15px;width:50px;height:50px;border-radius:15px;box-shadow:2px 2px 5px rgba(27,119,160,0.3);color:#fff;background-color:#0080b6;display:none;font-size:.7em;text-align:center;text-decoration:none}
.back_to_top span{display:block;width:50px;height:50px;border-radius:15px;line-height:50px;transition:.2s}
.back_to_top span:hover{background-color:rgba(255,255,255,0.2);transition:.2s}