/* common.css */
@charset "utf-8";
/* CSS Document */
/*==========================================================================
Base
==========================================================================*/
/* word-break: break-all; word-wrap: break-word; */
html, body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,textarea,p,blockquote,p,iframe,span,strong,em { margin:0; padding:0; font-size:inherit; word-break:keep-all; word-break:break-word; -webkit-text-size-adjust:none; }
body{font-family:'Roboto'/*,"Sawarabi Gothic"*/,'Noto Sans JP','Noto Sans Korean', 'Noto Sans KR', sans-serif,'돋움', Dotum, AppleGothic, sans-serif, "Yu Gothic","MS PGothic"; font-size:14px;color:#333;line-height:25px;font-weight:400; padding:0px;margin:0px; letter-spacing: -0.5px; }
html, body {width:100%;height:100%;}
header, hgroup, footer, section, article, aside, nav, canvas, figure, figcaption { display:block; }
table { font-size:inherit; border-collapse:collapse; border-spacing:0; table-layout:fixed; }
th, td { word-wrap:break-word; word-break:break-all; }
fieldset, iframe { border:0; vertical-align:top; }
small { font-size:12px; color:#666; }
img { border:0; font-size:0; vertical-align:top; }
address,cite,code,dfn,em,var { font-style:normal; font-weight:normal; }
li, dd { list-style:none; word-break:keep-all; word-break:break-word; }
hr { display:none; }
caption { overflow:hidden;width:100%;height:1px;font-size:1px;line-height:0;text-indent:-9999px; margin-top:-1px; }
legend {  overflow:hidden; left:-9999px; text-indent:9999px; width:0; height:0; overflow:hidden; line-height:0; white-space:nowrap; color:#000; }
button { padding:0; border:0; cursor:pointer; background:none; vertical-align:middle; font-size:12px; appearance: none; moz-appearance: none; border:0; *overflow:visible; outline:none; font-family:'Roboto'/*,"Sawarabi Gothic"*/,'Noto Sans JP','Noto Sans Korean', 'Noto Sans KR', sans-serif,'돋움', Dotum, AppleGothic, sans-serif, "Yu Gothic","MS PGothic"; }
h1, h2, h3, h4, h5, h6 { padding:0px;margin:0px;font-size:16px; }
a, a code { color:#5c5c5c; text-decoration:none;  /*마우스오버시 자연스럽게*/transition-duration: 300ms;   transition-property: color, border-color, background-color;   transition-timing-function: ease; }
a:active, a:active code { color:#000; text-decoration:none;  /*마우스오버시 자연스럽게*/transition-duration: 300ms;   transition-property: color, border-color, background-color;   transition-timing-function: ease; }
a:hover, a:hover code, a:focus, a:focus code { text-decoration:none; color:#f9694f; /*마우스오버시 자연스럽게*/transition-duration: 300ms;   transition-property: color, border-color, background-color;   transition-timing-function: ease;  }
sup,sub { font-size:0.8em; }
checkbox { vertical-align:middle}
a {outline:none; select-dummy: expression(this.hideFocus=true); cursor:pointer}
.hand {cursor:pointer}
input, select { border:#f4f4f4; box-shadow: 0 1px 1px #ccd6e2; padding: 15px 0 ; text-indent: 15px;  width:100%; height: 19px;  font-family:"Noto Sans JP",'Roboto','Noto Sans Korean', 'Noto Sans KR', sans-serif,'돋움', Dotum, AppleGothic, sans-serif;}
select {height: 49px;  background: url(../img/bt_arrow.png) no-repeat 98% center #fff; cursor: pointer;
/*화살표버튼 없애기*/-webkit-appearance: none;-moz-appearance: none;appearance: none;/*화살표버튼 없애기*/}
table { width:100%}
*::before, *::after { box-sizing:border-box;}
select::-ms-expand{display:none} /*IE10,11 셀렉트 버튼 없애기*/
/* ==========================basic end ==========================*/
@media all and (max-width:1200px) {
}
@media all and (max-width:650px) {
body{font-size:15px}
}
@media all and (max-width:450px) {
body{font-size:14px}
}
/* 정렬 */
.center { text-align:center !important; }
.left { text-align:left !important; }
.right { text-align:right !important; }
.fr { float:right; }
.fl { float:left; }
.mid { vertical-align:middle; }
.clear {clear:both;}
.f_left {  float:left !important; }
.f_right { float:right !important; }
.space15 { display:block; height: 15px;}
.space30 { display:block; height:30px;}
.space50 { display:block; height:50px;}
/* font-color */
.bold {font-weight:500;}
.bold2 { font-weight: 600}
.blue { color:#3067be !important; }
.mint { color:#21b3b3 !important}
.or { color: #f9694f !important}
.wh { color: #fff !important}
.red { color: #e80032 !important}
.mint2 {color:#0bd5df !important}
.ye{color:#ffed72 !important}
.wh { color: #fff !important}
/* font-size */
.fs_01 {font-size:12px !important; line-height: 20px}
.fs_20 { font-size:20px; line-height:30px;}
.fs_25 { font-size:25px; line-height: 40px;}
.fs_30{ font-size:30px; line-height:32px;}
.fs_40 { font-size:37px; line-height: 50px;}
/* font-st  */
.font_st { font-family: "Sawarabi Mincho"; }
/* margin */
.mt0 { margin-top:0 !important; }
.mt1 { margin-top:1px; }
.mt2 { margin-top:2px; }
.mt3 { margin-top:3px; }
.mt4 { margin-top:4px; }
.mt5 { margin-top:5px !important; }
.mt6 { margin-top:6px; }
.mt7 { margin-top:7px; }
.mt8 { margin-top:8px; }
.mt9 { margin-top:9px; }
.mt10 { margin-top:10px;}
.mt11 { margin-top:11px;}
.mt12 { margin-top:12px;}
.mt13 { margin-top:13px;}
.mt14 { margin-top:14px;}
.mt15 {margin-top:15px;}
.mt16 { margin-top:16px;}
.mt17 { margin-top:17px;}
.mt18 { margin-top:18px;}
.mt19 { margin-top:19px;}
.mt20 { margin-top:20px;}
.mt21 { margin-top:21px;}
.mt22 { margin-top:22px;}
.mt23 { margin-top:23px;}
.mt24 { margin-top:24px;}
.mt25 { margin-top:25px;}
.mt26 { margin-top:26px;}
.mt27 { margin-top:27px;}
.mt28 { margin-top:28px;}
.mt29 { margin-top:29px;}
.mt30 { margin-top:30px;}
.mt35 { margin-top:35px;}
.mt36 { margin-top:36px;}
.mt40 { margin-top:40px;}
.mt45 { margin-top:45px;}
.mt50 { margin-top:50px;}
.mt55 { margin-top:55px;}
.mt60 { margin-top:60px;}
.mt65 { margin-top:65px;}
.mt70 { margin-top:70px;}
.mt75 { margin-top:75px;}
.mt80 { margin-top:80px;}
.mt85 { margin-top:85px;}
.mt90 { margin-top:90px;}
.mt95 { margin-top:95px;}
.mt100 { margin-top:100px;}
.mt110 { margin-top:110px;}
.mt120 { margin-top:120px;}
.mt150 { margin-top:150px;}
.mt200 { margin-top:200px;}
.mt250 { margin-top:250px;}
.mb1 { margin-bottom:1px; }
.mb2 { margin-bottom:2px; }
.mb3 { margin-bottom:3px; }
.mb4 { margin-bottom:4px; }
.mb5 { margin-bottom:5px; }
.mb6 { margin-bottom:6px; }
.mb7 { margin-bottom:7px; }
.mb8 { margin-bottom:8px; }
.mb9 { margin-bottom:9px; }
.mb10 { margin-bottom:10px; }
.mb11 { margin-bottom:11px; }
.mb12 { margin-bottom:12px; }
.mb13 { margin-bottom:13px; }
.mb14 { margin-bottom:14px; }
.mb15 { margin-bottom:15px; }
.mb16 { margin-bottom:16px; }
.mb17 { margin-bottom:17px; }
.mb18 { margin-bottom:18px; }
.mb19 { margin-bottom:19px; }
.mb20 { margin-bottom:20px; }
.mb25 { margin-bottom:25px; }
.mb30 { margin-bottom:30px; }
.mb35 { margin-bottom:35px; }
.mb40 { margin-bottom:40px; }
.mb45 { margin-bottom:45px; }
.mb50 { margin-bottom:50px; }
.mb55 { margin-bottom:55px; }
.mb60 { margin-bottom:60px; }
.mb70 { margin-bottom:70px !important; }
.ml1 { margin-left:1px; }
.ml2 { margin-left:2px; }
.ml3 { margin-left:3px; }
.ml4 { margin-left:4px; }
.ml5 { margin-left:5px; }
.ml6 { margin-left:6px; }
.ml7 { margin-left:7px; }
.ml8 { margin-left:8px; }
.ml9 { margin-left:9px; }
.ml10 { margin-left:10px; }
.ml11 { margin-left:11px; }
.ml12 { margin-left:12px; }
.ml13 { margin-left:13px; }
.ml14 { margin-left:14px; }
.ml15 { margin-left:15px; }
.ml16 { margin-left:16px; }
.ml17 { margin-left:17px; }
.ml18 { margin-left:18px; }
.ml19 { margin-left:19px; }
.ml20 { margin-left:20px; }
.ml25 { margin-left:25px; }
.ml30 { margin-left:30px; }
.ml40 { margin-left:40px; }
.ml50 { margin-left:50px; }
.ml60 { margin-left:60px; }
.ml70 { margin-left:70px; }
.ml80 { margin-left:80px; }
.ml90 { margin-left:90px; }
.ml100 { margin-left:100px; }
.ml200 { margin-left:200px; }
.ml250 { margin-left:250px; }
.ml300 { margin-left:300px; }
.ml310 { margin-left:310px; }
.ml320 { margin-left:320px; }
.ml330 { margin-left:330px; }
.ml340 { margin-left:340px; }
.ml350 { margin-left:350px; }
.ml360 { margin-left:360px; }
.ml370 { margin-left:370px; }
.ml380 { margin-left:380px; }
.ml390 { margin-left:390px; }
.ml400 { margin-left:400px; }
.ml410 { margin-left:410px; }
.ml420 { margin-left:420px; }
.ml430 { margin-left:430px; }
.ml440 { margin-left:440px; }
.ml450 { margin-left:450px; }
.ml460 { margin-left:460px; }
.ml470 { margin-left:470px; }
.ml480 { margin-left:480px; }
.ml490 { margin-left:490px; }
.ml500 { margin-left:500px; }
.ml550 { margin-left:550px; }
.mr1 { margin-right:1px; }
.mr2 { margin-right:2px; }
.mr3 { margin-right:3px; }
.mr4 { margin-right:4px; }
.mr5 { margin-right:5px; }
.mr6 { margin-right:6px; }
.mr7 { margin-right:7px; }
.mr8 { margin-right:8px; }
.mr9 { margin-right:9px; }
.mr10 { margin-right:10px; }
.mr11 { margin-right:11px; }
.mr12 { margin-right:12px; }
.mr13 { margin-right:13px; }
.mr14 { margin-right:14px; }
.mr15 { margin-right:15px; }
.mr16 { margin-right:16px; }
.mr17 { margin-right:17px; }
.mr18 { margin-right:18px; }
.mr19 { margin-right:19px; }
.mr20 { margin-right:20px; }
.mr25 { margin-right:25px; }
.mr26 { margin-right:26px; }
.mr27 { margin-right:27px; }
.mr28 { margin-right:28px; }
.mr29 { margin-right:29px; }
.mr30 { margin-right:30px; }
.mr31 { margin-right:31px; }
.mr32 { margin-right:32px; }
.mr33 { margin-right:33px; }
.mr34 { margin-right:34px; }
.mr35 { margin-right:35px; }
.mr36 { margin-right:36px; }
.mr37 { margin-right:37px; }
.mr38 { margin-right:38px; }
.mr39 { margin-right:39px; }
.mr40 { margin-right:40px; }
/* padding */
.pb1 {padding-bottom:1px;}
.pb2 {padding-bottom:2px;}
.pb3 {padding-bottom:3px;}
.pb4 {padding-bottom:4px;}
.pb5 {padding-bottom:5px;}
.pb6 {padding-bottom:6px;}
.pb7 {padding-bottom:7px;}
.pb8 {padding-bottom:8px;}
.pb9 {padding-bottom:9px;}
.pb10 {padding-bottom:10px;}
.pb11 {padding-bottom:11px;}
.pb12 {padding-bottom:12px;}
.pb13 {padding-bottom:13px;}
.pb14 {padding-bottom:14px;}
.pb15 {padding-bottom:15px;}
.pb16 {padding-bottom:16px;}
.pb17 {padding-bottom:17px;}
.pb18 {padding-bottom:18px;}
.pb19 {padding-bottom:19px;}
.pb20 {padding-bottom:20px;}
.pb21 {padding-bottom:21px;}
.pb22 {padding-bottom:22px;}
.pb23 {padding-bottom:23px;}
.pb24 {padding-bottom:24px;}
.pb25 {padding-bottom:25px;}
.pb26 {padding-bottom:26px;}
.pb27 {padding-bottom:27px;}
.pb30 {padding-bottom:30px;}
.pt1 {padding-top:1px;}
.pt2 {padding-top:2px;}
.pt3 {padding-top:3px;}
.pt4 {padding-top:4px;}
.pt5 {padding-top:5px;}
.pt6 {padding-top:6px;}
.pt7 {padding-top:7px;}
.pt8 {padding-top:8px;}
.pt9 {padding-top:9px;}
.pt10 {padding-top:10px;}
.pt11 {padding-top:11px;}
.pt12 {padding-top:12px;}
.pt13 {padding-top:13px;}
.pt14 {padding-top:14px;}
.pt15 {padding-top:15px;}
.pt16 {padding-top:16px;}
.pt17 {padding-top:17px;}
.pt18 {padding-top:18px;}
.pt19 {padding-top:19px;}
.pt20 {padding-top:20px;}
.pt21 {padding-top:21px;}
.pt22 {padding-top:22px;}
.pt23 {padding-top:23px;}
.pt24 {padding-top:24px;}
.pt25 {padding-top:25px;}
.pt26 {padding-top:26px;}
.pt27 {padding-top:27px;}
.pt30 {padding-top:30px;}
.pl1 {padding-left:1px;}
.pl2 {padding-left:2px;}
.pl3 {padding-left:3px;}
.pl4 {padding-left:4px;}
.pl5 {padding-left:5px;}
.pl6 {padding-left:6px;}
.pl7 {padding-left:7px;}
.pl8 {padding-left:8px;}
.pl9 {padding-left:9px;}
.pl10 {padding-left:10px;}
.pl11 {padding-left:11px;}
.pl12 {padding-left:12px;}
.pl13 {padding-left:13px;}
.pl14 {padding-left:14px;}
.pl15 {padding-left:15px;}
.pl16 {padding-left:16px;}
.pl17 {padding-left:17px;}
.pl18 {padding-left:18px;}
.pl19 {padding-left:19px;}
.pl20 {padding-left:20px;}
.pl21 {padding-left:21px;}
.pl22 {padding-left:22px;}
.pl23 {padding-left:23px;}
.pl24 {padding-left:24px;}
.pl25 {padding-left:25px;}
.pl26 {padding-left:26px;}
.pl27 {padding-left:27px;}
.pl30 {padding-left:30px;}
.pr1 {padding-right:1px;}
.pr2 {padding-right:2px;}
.pr3 {padding-right:3px;}
.pr4 {padding-right:4px;}
.pr5 {padding-right:5px;}
.pr6 {padding-right:6px;}
.pr7 {padding-right:7px;}
.pr8 {padding-right:8px;}
.pr9 {padding-right:9px;}
.pr10 {padding-right:10px;}
.pr11 {padding-right:11px;}
.pr12 {padding-right:12px;}
.pr13 {padding-right:13px;}
.pr14 {padding-right:14px;}
.pr15 {padding-right:15px;}
.pr16 {padding-right:16px;}
.pr17 {padding-right:17px;}
.pr18 {padding-right:18px;}
.pr19 {padding-right:19px;}
.pr20 {padding-right:20px;}
.pr21 {padding-right:21px;}
.pr22 {padding-right:22px;}
.pr23 {padding-right:23px;}
.pr24 {padding-right:24px;}
.pr25 {padding-right:25px;}
.pr26 {padding-right:26px;}
.pr27 {padding-right:27px;}
.pr30 {padding-right:30px;}
@media all and (max-width:1280px) {
.fs_25 { font-size:22px; line-height:37px;}
.fs_30{ font-size:27px; line-height:29px;}
.mt20 { margin-top: 0}
}
@media all and (max-width:1024px) {
.pt30 { padding-top:20px;}
}
@media all and (max-width:640px) {
.fs_25 { font-size:19px; line-height:30px;}
.fs_30{ font-size:22px; line-height:24px;}
.mt20 { margin-top:20px;}
.fs_20 { font-size:17px; line-height:26px;}
.pt30 { padding-top:15px;}
}
/* top_style.css */
@charset "utf-8";
#wrap { width:100%; height:100%; margin:0 auto; }
.m_header, .navbar, .drawermenu { display: none; }
.btn_top {  position:fixed; right:60px; bottom:20px; width:60px; height:60px; z-index:999; display:none}
.btn_top > img { width:100%; }
/*webkit-scrollbar { height:0.33vw; width:0.33vw }
::-webkit-scrollbar-track { background: #edecf1; }
::-webkit-scrollbar-thumb { background: #01a49d; }*/
.text-slider { padding-top:100px; }
.top_text { background: #f5f5f5; padding: 3px 1%; text-align: right; width: 98%; height:25px; color: #8a8a8a; position:relative; z-index: 10000; }
/*header*/
#header { display:block; width:100%; height:131px; transition:all .5s; /*padding:0 50px;*/ padding:0; box-sizing:border-box; background:#fff; /*top: 31px;*/ z-index: 2999999999; border-bottom: 1px solid #ddd; box-shadow: 0px 3px 11px rgba(0, 0, 0, 0.15) }
#header:after { display:block; content:''; clear:both; }
#header:hover { background: #fff; }
#header:hover #gnb_container .gnb > li > a { color:#222; }
#header:hover #side_menu_container .btn_em_mode { background: #01a49d; color:#fff; }
#header:hover #side_menu_container .btn_em_mode:hover { background: #333; color:#fff; }
#header:hover #logo a { background:url('../img/logo.png') 0 0 no-repeat; background-size:100% }
#header:hover #top_odd a { color:#999; }
#header:hover #top_odd .selectBox .txt {color:#999; text-transform:uppercase; }
#header:hover #top_odd .selectBox option { font-size:18px; }
.main_header { position:fixed; }
.sub_header { position:absolute; border-bottom:1px solid rgba(204,204,204,0.25); top:0; }
/*logo*/
#logo { display:block; float:left; margin-top:27px; margin-left:3% }
#logo a { display:block; width:250px; height:52px; text-indent:-9999px; background:url('../img/logo.png') 0 0 no-repeat; background-size:100% }
#logo a:hover { background:url('../img/logo.png') 0 0 no-repeat; }
/* gnb */
#gnb_container { display:block; float:right; padding-right:420px; margin:0 auto; }
#gnb_container .gnb:after { display:block; content:''; clear:both; }
#gnb_container .gnb > li { display:block; float:left; height:72px; margin-top:28px; padding:0 16px; }
#gnb_container .gnb > li > a { display:block; line-height:54px; padding:0 0 20px 0; font-size:18px; font-weight:400; color:#222; letter-spacing:-0.02em;  }
#gnb_container .gnb > li > a > span { position:relative; display:inline-block; font-weight: 400 }
#gnb_container .gnb > li > a > span:before { position:absolute; left:0; bottom:-17px; display:block; width:100%; height:5px; background: transparent; content:''; transition:all .4s; }
#gnb_container .gnb > li > a:hover > span:before { background: #3398d8; }
/*gnb_2��*/
.sn_container { position:absolute; left:0; top:131px; display:none; width:100%; height:265px;  background: #016cb1;  margin-top:-1px; z-index:10; }
.sn_container .sn_inner, .sn_container .sn_inner_suprema { width:1200px; margin:0 auto; text-align: left }
.sn_container .sn_inner:after, .sn_container .sn_inner_suprema:after { display:block; content:''; clear:both; }
.sn_container dl { float:left; width:720px; position:relative; }
.sn_container dl:last-child{ padding-left:35px; box-sizing:border-box; }
.sn_container dl dt { padding:45px 20px 20px 0 ;  color:#222; float:left; color: #fff; font-size: 15px; }
.sn_container dl dt p {font-size:25px;  font-weight:bold; margin-top: 5px; margin-bottom:30px}
.sn_container dl .sn_menu { margin-top: 45px;}
.sn_container dl dd a { line-height:34px; font-size:16px; font-weight:400; color:#fff; transition:all .45s; }
.sn_container dl dd a:hover { color:#3398d8; text-decoration: none }
.sn_container2 dl dd a { line-height: 30px !important;}
.sn_container .shorcut { position:absolute; left:0; bottom:0; display:block; width:100%; line-height:51px; font-size:1.125em; font-weight:600; color:#3398d8; text-align:center; background: #f2f2f2; }
.sn_container .shorcut span { display:inline-block; padding-right:40px; background: url('https://www.supremainc.com/ko/asset/images/common/PS_arr.png') no-repeat right 50%;}
.sn_container .shorcut span img { vertical-align: middle; padding-bottom:3px;}
.sn_container dd.product_img { display:inline-block; position:absolute; top:50px; right:50px; }
.sn_container dd.product_img2 { display:inline-block; position:absolute; top:50px; right:50px; }
.sn_container .line { position:absolute; left:50%; top:48px; display:block; width:1px; height:240px; background: #ddd; }
.sn_container .line2 { position:absolute; left:50%; top:48px; display:block; width:1px; height:240px; background: #ddd; margin-left: 177px; }
.sn_container .sn_inner_suprema { position:relative;}
.sn_container .sn_inner_suprema .suprema_img { float:left; margin: 53px; }
.sn_container .sn_inner .solution_sn { width:20%; }
/* gnb_3 2019.01.22 */
.sn_container .sn1_2 dd.product_img {right:-10px;}
.sn_container .sn1_2 dd.product_img2 {right:-10px;}
.sn_dep2 {position:relative; display:inline-block; width:300px; background-image:url('/images/gnb_txt_right.png'); background-repeat:no-repeat; background-position:center right; }
.sn_container dl dd .sn_dep2:hover, .sn_dep2.on {color:#3398d8; background-image:url('/images/gnb_txt_right_on.png');}
.sn_dep3 {display:none; position:absolute; top:76px; right:-85px; width:345px; height:196px; padding:15px 0 15px 53px; background-color:#f8f8f8; box-sizing:border-box; overflow:hidden;}
.sn_dep3.on {display:block;}
.sn_dep3 ul {float:left; width:135px; }
.sn_dep3 ul + ul {margin-left:30px;}
.sn_dep3 ul li a {font-size:14px;}
.sn_dep3 ul li a:hover, .sn_dep3 ul li a.on {color:#3398d8; border-bottom:1px solid #3398d8;}
.sn_dep3_gap a { line-height: 28px !important}
.sn_dep3_w { width:500px; right:-274px}
.sn_dep3_w ul { width:400px}
.sn_container dl dd .sn_dep3_line a { line-height: 24px;}
/*s_menu서브 메뉴*/
.mo_only { /*display:none !important;*/ }
/*서브메뉴 페이징*/
#page1 a.menu1, #page2 a.menu2, #page3 a.menu3, #page4 a.menu4, #page5 a.menu5, #page6 a.menu6, #page7 a.menu7, #page8 a.menu8, #page9 a.menu9, #page10 a.menu10, #page11 a.menu11 {background: #01a49d; color: #fff; text-decoration: none }
/*top_search*/
#side_menu_container { width:auto; position:absolute; right:0px; top:31px; border-left:1px solid #ddd  }
#side_menu_container > div { float:left;position: relative}
#side_menu_container .t_call_area { padding: 21px 35px}
#side_menu_container .t_call_area dl dt { font-size:24px; line-height: 30px; color: #2e2e2e; font-weight: bold; font-family: roboto}
#side_menu_container .t_call_area dl dt img { display: inline-block; margin:2px 5px 0 0;}
#side_menu_container .t_call_area dl dd { font-size:12px; letter-spacing: 1px}
#side_menu_container .t_call_area dl dd span { border: 1px solid #323232; padding: 0 3px; margin-right: 5px; display: inline-block}
.total { }
.total span {display:block; position:absolute; top: 38%; width:30px; height:2px; background:rgba(255,255,255,0); color:transparent; transform:translate(0,-50%); transition:all 0.5s; left:38%   }
.total span:before, .total span:after { content: ""; position: absolute; left: 0; top:0; width: 100%; height: 2px; background:rgba(255,255,255,0);transition:all 0.5s;}
.total .icono-search { transform: rotate(-52deg); color: #fff; margin-left: -5px;}
.total span:before { top: -10px;}
.total span:after { top: 10px;}
.total.on .icono-search { color: transparent;  transition:all 0.5s; }
.total.on span {background:rgba(252,251,40,0); display: block; transition:all 0.5s;}
.total.on span:before {top:0; transform: rotate(45deg);background:rgba(255,255,255,1);}
.total.on span:after { top:0;transform: rotate(-45deg);background:rgba(255,255,255,1);}
.m_total span {top:50%; left: 34%;}
/*em_btn*/
#side_menu_container .btn_em_mode { display:block; float:left; /*padding:25px 40px ;*/ padding: 20px 40px 21px; font-size:1.3em; font-weight:500; color:#fff; text-align:center; letter-spacing:-0.04em; text-transform: uppercase; background: #01a49d;   }
#side_menu_container .btn_em_mode_t { display:none; float:left; padding:0 40px; height:48px; font-size:0.8em; line-height:17px; font-weight:600; color:#fff; text-align:center; letter-spacing:-0.04em; text-transform: uppercase; background: #00c73c; margin-top:17px; padding-top:13px; box-sizing:border-box; }
#header_m, .menu-wrap, #footer_m, .paging_m{display:none;}
.down_menu { width:1200px; margin: 0 auto; font-size: 18px; height:50px;}
.down_menu ul li { width:50%; float: left; text-align: center}
.down_menu ul li a { display:block; width:100%; padding:15px 0; border: 1px solid #ddd}
.s_menu { border-bottom:1px solid #ddd; text-align: center; width: 100%; padding:0; margin:0 0 20px 0; display:inline-block; width: 100%; background: #fff; height:auto}
.s_menu ul {margin:0 auto; padding: 0; width: 1200px;}
.s_menu li {  float: left;  width:50%; border-right: 1px solid #ddd;  letter-spacing: -1px}
.s_menu li:first-child { border-left:1px solid #ddd;}
.s_menu li a { display:block; color:#7C7C7C; width: 100%; padding:12px 0; font-size:15px;   }
.s_menu li a:hover { background: #01a49d; color: #fff; text-decoration: none}
.s_menu2 li { width:14.2%; }
.s_menu3 { height:46px;}
.s_menu3 li { width:25%;  }
.s_menu4 li { width:25%; border-top: 1px solid #ddd }
.s_menu4 ul { border-left:1px solid #ddd; display: table}
.s_menu4 li a { padding: 6px 0 !important}
/*search */
#m_search_wrap { display:none; clear: both;	background:#f5f6f8;  width: 100%; position:fixed; left: 0; top:31px; z-index: 100; padding: 50px 0; text-align: center}
.slide-bottom{-webkit-animation:slide-bottom .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-bottom .5s cubic-bezier(.25,.46,.45,.94) both}
@-webkit-keyframes slide-bottom{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(100px);transform:translateY(100px)}}@keyframes slide-bottom{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(100px);transform:translateY(100px)}}
.searchbox .input > div { float: left; width:33.3%}
.searchbox input, .searchbox .maker select { width:90%; }
.searchbox  .price select { width:46%}
.searchbox .input .price span { display: inline-block; padding: 0 3px}
#m_search_wrap h2 {  text-align: center; margin-bottom:20px}
#m_search_wrap h4 { margin-bottom: 8px;}
.button { text-align: center; padding: 30px 0 0 0; clear: both;}
.button button { background: #0d5284; color: #fff; border-radius: 30px; width:250px; padding:9px 0; text-align: center; font-size: 22px; line-height: 25px; margin: 0 auto;  text-shadow: 0 1px 1px #00355b}
.button button:hover { background: #0c4873}
@media screen and (max-width:1510px) {
#gnb_container .gnb > li { padding:0 10px}
#gnb_container .gnb > li > a { font-size:17px; }
}
@media screen and (max-width:1440px) {
#gnb_container { padding-right:350px;}
#gnb_container .gnb > li { padding:0 9px}
#gnb_container .gnb > li > a { font-size:16px; }
#side_menu_container .btn_em_mode { padding: 20px 20px 21px; }
#side_menu_container .t_call_area { padding: 21px 24px}
}
@media screen and (max-width:1366px) {
}
@media screen and (max-width:1280px) {
#header { padding:0 5px; }
#top_odd { margin-right:180px; }
#top_odd a{margin-right:0;}
#side_menu_container { right:0; }
#gnb_container .gnb > li { padding: 0 5px}
#gnb_container { padding-right:330px;}
.mo_only { display:inline-block !important}
.s_menu { border-bottom:1px solid #ddd; text-align: center; width: 100%; padding:0; margin:0 0 20px 0; display:inline-block; width: 100%; background: #fff; height: auto}
.s_menu ul {margin:0 auto; padding: 0; width: 100%;}
.s_menu li {  float: left;  width:50%; border-right: 1px solid #ddd;  letter-spacing: -1px}
.s_menu li:first-child { border-left:1px solid #ddd;}
.s_menu li a { display:block; color:#7C7C7C; width: 100%; padding:14px 0; font-size:0.9em;   }
.s_menu li a:hover { background: #01a49d; color: #fff; text-decoration: none}
.s_menu2 li { width:14.2%; }
.s_menu3 { height:46px;}
.s_menu3 li { width:25%;  }
.wrap { clear:both}
#gnb_container { padding-right:290px;}
#logo a { width:200px;}
#side_menu_container .btn_em_mode{ padding: 20px 11px; font-size: 1.1em;}
#side_menu_container .t_call_area { padding:21px 12px}
.searchbox .price select { width:45%}
.total span { left:29%}
}
.navbar  {  position: relative;min-height: 50px;margin-bottom: 20px;border: 1px solid transparent;}
.m_header, .navbar, .drawermenu, .m_main_rolling, .swiper-container-m_product, .news_m, .m_foot, .swiper-container-product-mobile { display: none; }
.m_solution_img {width:0 !important;}
.solution_img {width:auto !important;}
.swiper-container-product_mobile { display:none; }
.pc_use { display:block; }
.mb_use { display:none; }
@media screen and (max-width:1075px) {
.content-sub { padding-top:0}
.top_text { display: none}
.w_foot { displaY:none; }
img { text-align:center; }
.m_header { display: block; width:100%; z-index: 777;  top:0; left: 0;}
#header, .swiper-container-product {display:none;}
.swiper-container-product_mobile { display:block; }
.m_header { display: block; width:100%; z-index: 777;  top:0; left: 0;}
.navbar{padding:0; margin:0; text-align: center;}
.navbar h1, .m_menu_top h1 { position:absolute; top:50%; left:50%; width:32vw; height:auto; transform: translate(-50%, -50%); margin: 0}
.navbar img, .m_menu_top img { width:100%; }
.navbar h2 { width:245px; margin: 0 auto; padding: 19px 0}
.navbar h2 img { width:100%; }
.m_header .navbar .m_btn_search { width:5.416vw; height:auto; display:inline-block; position:absolute; left:5.55vw; top:50%; transform: translateY(-50%);}
.m_header .navbar .btn_search_close { width:5.416vw; height:auto; position:absolute; left:5.55vw; top:50%; transform: translateY(-50%); display:none;}
.mb_search_container { position: absolute; top:13.58vw; left:0; display:none; width:100%; height:13.88vw; background-color:#fff; padding:2.45vw 5.55vw; box-sizing:border-box; }
.mb_search_container input[type=text] { width:100%; height:8.33vw; border-radius:8.33vw; padding:2.77vw; display:inline-block; background-color: #3398d8; color:#fff; font-weight:500; font-size:2.88vw; box-sizing:border-box; border:0;}
.mb_search_container input[type=text]::-webkit-input-placeholder { color: #fff; }
.btn_all_search { width:5.33vw; height:5.33vw; display:inline-block; position: absolute; top:27%; right:10%;}
.drawermenu,.navbar{ display: block; padding-top:0; }
.drawermenu,.white { background-color:#fff; }
.drawermenu,.drawermenu-overlay{position:fixed;top:0;height:100%}
.navbar{width:100%;height:94px;display:flex;display:-webkit-flex;flex-direction:row;-webkit-flex-direction:row;flex-wrap:nowrap;-webkit-flex-wrap:nowrap;justify-content:space-between;-webkit-justify-content:space-between;}
.navbar .menu-left,.navbar .menu-right{display:block;height:auto;padding:13px 5.55vw}
.navbar .menu-left{order:0;text-align:left}
.navbar .logo{order:1;text-align:center}
.navbar .menu-right{order:2;text-align:right; position:absolute; right:0; top:55%; transform: translateY(-50%); cursor: pointer; z-index:10}
.navbar .hamburger{height:20px}
.navbar .hamburger rect{fill:#000}
.navbar .hamburger:hover rect{fill:#000}
.m_main .navbar .hamburger rect{fill:#000}
.m_main .navbar .hamburger:hover rect{fill:#000}
.drawermenu{left:-10000px;min-width:100%;overflow-y:scroll; max-width:100%; z-index:10000;}
.m_menu_wrap { height:auto; margin:0 0 5.55vw;  border-top:1px solid #ddd; border-bottom:1px solid #ddd }
.drawermenu.drawermenu-right{left:auto;right:-250px; }
.drawermenu>dl,.drawermenu>ul{list-style:none;padding:0;margin:0;overflow-x:hidden;overflow-y:auto;}
.drawermenu>dl>li,.drawermenu>ul>li{width:100%}
.drawermenu>dl>li>a .icon-down,.drawermenu>ul>li>a .icon-down{fill:#fff;width:8px;margin-left:10px}
.drawermenu>dl>li>ul,.drawermenu>ul>li>ul{display:none;list-style:none;padding:0;margin:0}
.drawermenu-overlay{display:none;cursor:pointer;z-index:80;left:0;right:0;bottom:0;width:100%;background-color:rgba(0,0,0,.8)}
.m_menu_top { width:100%; height:13.8vw; position:relative; background-color:#fff; }
.m_btn_close { width:6.94vw; height:6.94vw; position:absolute; top:50%; right:5vw; transform: translateY(-50%);}
.drawermenu .depth_01>li>a { width:100%; line-height:10.72vw; margin-bottom:0; display:inline-block; font-size:4vw; color:#222; font-weight:600; padding:0 5.55vw; box-sizing:border-box;}
.drawermenu .depth_01>li>a.sub_menu { background:url('../img/depth_02_plus.png') no-repeat 96% 50%; background-size:6.94vw; border: 0 }
.drawermenu .depth_01>li> a.on { color:#3398d8; background:url('../img/depth_02_bar.png') no-repeat 96% 50%; background-size:6.94vw;  }
.drawermenu .depth_02>li>a { display:inline-block; width:100%; line-height:9.44vw; margin-bottom:0px; font-size:3.5vw; font-weight:500; padding:0 8.33vw; box-sizing:border-box; color:#474747 }
.drawermenu .depth_02 a.on { color:#3398d8; }
.drawermenu .depth_03 { width:100%; background-color:#f5f5f5; color:#999; padding:2.7vw 8.33vw; margin-bottom: 2.77vw; box-sizing:border-box; }
.drawermenu .depth_03>li>a { line-height:8.88vw; font-size:3vw;color:#999; }
.drawermenu .depth_03 a.on { background:none; }
.drawermenu .depth_04:after, .drawermenu .m_menu_foot .m_sns:after { display:inline-block; clear:both;}
.drawermenu .depth_04 { width:100%; display:inline-block; border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom: 15px; box-sizing:border-box;}
.drawermenu .depth_04>li>a {width:50%; float:left; font-size:3.88vw; color:#999; line-height:8.88vw; }
.drawermenu .depth_03 > li:last-child > .depth_04 { border-bottom:none; margin-bottom:0; }
.drawermenu .m_menu_foot { width: 100%; padding:0 5.55vw 4vw; margin-top:4.16vw; box-sizing:border-box; }
.drawermenu a.btn_em { display:block; width:100%; height:13.05vw; line-height:13.05vw; font-size:4.44vw; text-align: center; color:#fff; font-weight:600; background-color:#01a49d; }
.drawermenu .m_menu_foot .select { width:100%; display:inline-block; margin:1.94vw 0 4.16vw 0;}
.drawermenu .m_menu_foot .selectBox {position:relative;display:block;width:49.5%; float:left; padding:0 10px; border:1px solid #bdbdbd; background:url('/images/icon-arrow-down4.png') no-repeat 90% 50%; background-size:4.16vw auto; cursor:pointer; box-sizing:border-box; }
.drawermenu .m_menu_foot .right { float:right; }
.drawermenu .m_menu_foot .selectBox:hover .txt { color:#3398d8; }
.drawermenu .m_menu_foot .selectBox .txt {display:block;width:100%; line-height:13.05vw; padding:0 10px;font-size:4.44vw; color:#222; font-weight:500; cursor: pointer; }
.drawermenu .m_menu_foot .selectBox label {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px; cursor: pointer;}
.drawermenu .m_menu_foot .selectBox select {position:absolute;left:0;top:0;display:block;width:100%; height:13.05vw; padding:0 10px; line-height:35px; opacity:0;filter: alpha(opacity=0);z-index:10; font-size:20px; color:#aaa;
appearance:none;
-webkit-appearance:none;
-moz-appearance:none;
-o-appearance:none
}
.drawermenu .m_menu_foot .selectBox option { font-size:4.44vw; height:5.44vw; line-height:5.44vw;}
.drawermenu .m_menu_foot .m_sns { width:100%; display:block; margin:0 auto; text-align:center }
.drawermenu .m_menu_foot .m_sns li { display:inline-block; width:13.33vw; }
.drawermenu .m_menu_foot .m_sns li > a { display:block; }
.drawermenu .m_menu_foot .m_sns li > a > img { width:70%; }
.drawermenu .m_menu_foot li { margin-bottom:10px;}
.m_search_bt { position: absolute; left: 0; }
.m_search_bt a {background: #21b3b3; padding:31px 35px; display: block}
#m_search_wrap { top:-4px; position:absolute}
.total span { left:32%}
}
@media screen and (max-width:976px) {
}
@media screen and (max-width:890px) {
/*::-webkit-scrollbar { height:0.55vw; width:0.55vw; }
::-webkit-scrollbar-track { background: #edecf1; }
::-webkit-scrollbar-thumb { background: #01a49d; }*/
#header, .news, .w_foot, .section05 .calendar dl.pc_use {display: none;}
.solution_img {width:0px !important;}
.pc_use { display:none; }
.mb_use { display:block; }
.s_menu { border-bottom:0;}
.s_menu ul li { width:50%; }
.s_menu ul li a { padding:5px 0; border-bottom: 1px solid #ddd;}
.s_menu ul li span { display:block}
.s_menu2 { height:114px;}
.s_menu3 ul li { width:50%;}
.s_menu4 li { border-top: 0}
}
@media screen and (max-width:640px) {
.navbar { height:79px}
.navbar h2 { width:230px; padding:16px 0}
.btn_top { right:15px;}
.navbar .hamburger { height: 15px;}
#m_search_wrap { top:-19px;}
.m_search_bt a { padding:25px 22px;}
.icono-search { width: 19px !important; height: 19px !important;}
.icono-search:before {width: 2px !important; height: 11px !important;top: 17px !important;}
.total span { width:24px;}
}
@media screen and (max-width:360px) {
.navbar { height: 56px;}
.m_search_bt a {  padding:16px; }
.navbar h2 { width:180px; padding: 9px 0}
#m_search_wrap { top:-42px;}
.service_area li >a> div p { padding-right:15px; line-height: 20px;}
}
/* layout.css */
@charset "utf-8";
/* CSS Document */
h2 { font-size:35px; line-height: 38px; text-align: center; margin-bottom:10px;}
.add { text-align: center; color: #6a6a6a; font-size:15px;}
.add2 { width:70%; margin:0 auto}
h3 { font-weight: 500}
.sub_conts h2 { color: #333}
#subTitle .add { font-size:0.5em; font-weight: normal}
/*인트로*/
.intro_header h2 { width:300px; margin:0 auto;  position: relative; padding: 30px 0 0 0}
.intro_header h2 img { width:100%;}
.visual_video {
position: fixed;
left: 50%;
transform: translate(-50%, 0);
bottom: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
background-size: auto;
background-size: cover;
}
#intro_txt { text-align: center; color: #fff; font-size: 25px; line-height: 35px; position:relative; width:100%; margin-top: 100px;text-shadow: 1px 1px 3px #000;}
#intro_txt dl { margin-top: 50px;  margin-bottom:80px}
#intro_txt dl dt { font-size:93px; line-height: 98px;  margin-bottom: 20px; letter-spacing: -4px;}
#intro_txt dl dd { font-size: 35px; line-height:45px;}
#intro_txt ul li { display: inline-block; width: 365px; }
#intro_txt ul li a { display: block; padding: 15px 0; color: #fff;  background: url(../img/intro/arrow_img.png) no-repeat 95% center rgba(0,0,0,0.6); font-size: 23px;border: 2px solid #fff}
#intro_txt ul li a:hover {  text-decoration: underline}
#intro_txt ul li p { font-size:13px;}
.intro_footer { position: fixed; bottom: 0; font-size: 13px; text-align: center; background:rgba(0,0,0,0.8); width: 100%; padding: 2px 0; color: #e6e6e6; }
.intro_footer a {  color: #21b3b3; margin-left: 10px; text-decoration: underline}
#contentWrap { position: relative; width: 100%; overflow: hidden; padding-top: 131px;}
#footerWrap { position:relative; width:100%; background: #162431; color: #7b868f; padding: 50px 0; height: 110px; }
.inner { width:1300px; margin: 0 auto; position: relative; overflow: hidden}
.inner2 { width: 1150px;}
.tb_space { padding: 70px 0;}
.bt_blue { width:180px;}
.bt_blue a {  background:url(../img/bt_mark.png) no-repeat 90% center #0d5284; color: #fff; border-radius: 30px; width:100%; padding:10px 0; text-align: center; font-size:15px; line-height: 20px; margin: 0 auto; font-weight: 400; display: block }
.bt_blue a:hover { background-color: #0c4873; }
.bt_mint { width:210px; margin: 20px auto 0; text-shadow:none}
.bt_mint a {  background:url(../img/bt_mark.png) no-repeat 90% center #21b3b3; color: #fff; border-radius: 30px; width:100%; padding:13px 0; text-align: center; font-size:15px; line-height: 20px; margin: 0 auto; font-weight: 400; display: block }
.bt_mint a:hover { background-color: #2fd1d1; }
.bt_blue2 {width:180px; margin: 0 auto}
.bt_blue2 a {width:180px; border-radius: 30px; width:100%; padding:10px 0; text-align: center; font-size:15px; line-height: 20px; margin: 0 auto; font-weight: 400; display: block; border: 2px solid #0d5284; color: #0d5284}
.bt_blue2 a:hover { background-color: #0c4873; color: #fff }
/*서비스 영역*/
.service_area ul li {  float: left; background-size: cover; background-position: center; background-repeat: no-repeat;width: 100%;}
.service_area >div > ul > li { width:32%; margin: 0px 0.6% }
.service_area >div > ul > li > ul > li:first-child { margin-bottom: 14px; }
.service_area >div > ul > li  a { display:inline-block; width:100%; height: 100%}
.service_area .box1 { height:197px;box-shadow: 2px 3px 9px #ddd; position: relative}
.service_area .box2 { height:408px; box-shadow: 2px 3px 9px #ddd;  position: relative}
.service_area .sv1 { background-image: url("../img/service_img1.jpg");}
.service_area .sv2 { background-image: url("../img/service_img3.jpg");}
.service_area .sv3 { background-image: url("../img/service_img2.jpg");}
.service_area .sv4 { background-image: url("../img/service_img4.jpg");}
.service_area .sv5 { background-image: url("../img/service_img5.jpg");}
.service_area li >a> div { position: absolute; bottom: 27px; left:32px; color: #fff; }
.service_area li >a> div h3 { font-size:21px; margin-bottom: 2px; }
.service_area li >a> div p { color:#ddd}
/* noffz 영역 */
.noffz_area {float:left;  background-image: url(../img/ban_reprorise_noffz.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; width:98.5%; height:250px;  margin: 20px 0.6% 0px 0.6%; box-shadow: 2px 3px 9px #ddd;}
.noffz_area_con {padding:40px; color:#ffffff; }
.noffz_area_con .noffz_title{font-size:26px; color:#ffffff; padding-bottom:12px;}
.noffz_area_con h1{position: relative; top:105px;}
.noffz_area_solution {position: relative; top:60px; left:22%; font-size:16px; color:#dddddd; }
.noffz_area_solution01 {float:left; list-style: none; margin:0; padding-right:40px;}
.noffz_area_solution02 {float:left; list-style: none; margin:0; padding-right:40px;}
.noffz_area_solution03 {float:left; list-style: none; margin:0; padding-right:40px;}
.noffz_area_solution04 {float:left; list-style: none; margin:0; padding-right:40px;}
.noffz_area_solution05 {float:left; list-style: none; margin:0; padding-right:0px;}
/*검색영역*/
.keyword_area { /*background: #f5f6f8*/background: url("../img/best_bg.jpg") no-repeat center center;   background-size: auto;background-size: cover; }
.keyword_area h2 { color: #fff}
.keyword_area h4 { margin-bottom: 10px; color: #c1e6f8}
.keyword_area .searchbox { margin-top:20px}
/*추천상품*/
.best_area {background: url("../img/best_bg.jpg") no-repeat center center;   background-size: auto;background-size: cover; display: none}
.best_area .tabs { text-align: center; }
.best_area .tabs li { display: inline-block; width: 12%; margin: 0 3px 15px ;   }
.best_area .tabs li a { color: #fff; display: block; width: 100%;  padding: 6px 0; border: 1px solid #fff; background: url(../img/arrow.png) no-repeat 95% center}
.best_area ul.tabs li.active {}
.best_area ul.tabs li.active a{	background-color: #21a9b6;	border: 1px solid #fff;	}
.best_area .tab_container { text-align: center;}
.best_area .tab_container dl { float:left; width:45.5%; background: #fff; margin: 1%; padding: 1.2% }
.best_area .tab_container dl dt { float:left; width:36%; position:relative; height: 158px;}
.best_area .tab_container dl dt p { position:absolute; right:0; bottom: 0; width:40px }
.best_area .tab_container dl dt img {     height: 100%;    max-height: 100%;    max-width: 100%;    width: 100%;}
.best_area .tab_container dl dd { float: left; width:60%; text-align: left; padding-left: 4%; margin-top: 10px}
.best_area .tab_container dl dd .tit { font-size:18px; line-height: 25px; font-weight: bold; margin-bottom: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.best_area .tab_container dl dd ul { color: #878787; font-size:14px; font-weight: 600}
.best_area .tab_container dl dd ul li span:first-child { display:inline-block; width:80px; background: url(../img/best_line.gif) no-repeat right center; margin-right:10px }
.best_area .tab_container dl dd ul li .price { color: #1f63a5; font-size:18px}
/*회사소개 영역*/
.company_area {background: url("../img/com_bg.jpg") no-repeat center center;   background-size: auto;background-size: cover; padding: 20px 0}
.company_area .company_conts { width:34%; float:right; background: #f2f5f8; text-align: left; padding:5% 8% 8%; height: 315px; position: relative}
.company_area .company_conts h2, .company_area .company_conts .add { text-align: left}
.company_area .company_conts .add { font-size:15px; margin-top: 20px}
.company_area .company_conts h3 { font-size:18px; line-height: 27px; margin-bottom:25px; letter-spacing: -1px}
.company_area .company_conts h3 img { vertical-align: middle; margin-right:5px; width: 27px;}
.company_area .company_conts .bt_blue { position: absolute; bottom:72px; left: 100px}
/*뉴스*/
.news_area > div > div { float:left;}
.news_area > div > div:first-child { width:19%; }
.news_area > div > div h2, .news_area > div > div .add {text-align: left}
.news_area > div > div:last-child { width:70%; float: right}
.news_area > div > div:last-child ul li { border-bottom: 1px solid #d1dfe1; padding:20px 10px 20px 0}
.news_area > div > div:last-child ul li .date { border-bottom: 1px solid #165888; color: #165888;  padding:25px 23px; letter-spacing: 1px}
.news_area > div > div:last-child ul li:last-child .date { border-bottom: 0}
.news_area > div > div:last-child ul li .board_tit {color: #165888; border: 1px solid #165888; padding:0; width:95px; text-align: center; display: inline-block; font-weight:bold; margin:0 15px; font-size: 13px; line-height: 21px;}
.news_area > div > div:last-child ul li:last-child { border-bottom: 0}
.news_area > div > div:last-child ul li a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; width: 52%; vertical-align: middle}
/*지도*/
.map_area { position: relative}
.map_conts { position:absolute; left:50%; margin-left:-664px; top:20px; background: rgba(255,255,255,0.9);  padding: 25px; width:350px; box-shadow:1px 1px 8px #ccc}
.map_conts dt { font-size:23px; line-height: 26px; border-bottom: 2px solid #004a81; color: #004a81; margin-bottom: 15px; display:inline-block}
.map_conts dd { color: #727272; font-size:15px;}
.map_conts dd div { color: #000; font-weight: bold; font-size: 19px; line-height: 25px;}
.map_conts dd div span {font-size: 15px; font-weight: normal}
.gm-style .place-card-large { display: none !important}
/*아이콘 링크*/
.icon_area { padding:70px 0;}
.icon_area dl { float:left; width:25%; text-align: center; background: url(../img/icon_line.gif) repeat-y right top;}
.icon_area dl dt img { width:90px; }
.icon_area dl dt img:hover { }
.icon_area dl dt p { font-size:21px;  font-weight: bold; margin: 15px 0}
/*메이커*/
.maker_area { padding:45px 0; background: #f4f4f4; border-top: 1px solid #ddd}
.maker_area ul { border:1px solid #ddd; border-left:0; display: inline-block}
.maker_area ul li {float:left; width:50%;}
.maker_area img { width:100%; }
.maker_area_table_st {border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; text-align: center; background:#ffffff; }
.maker_area_table_st th {background:#03b585; color:#fff; border-right:1px solid #666666;  border-bottom: 1px solid #cccccc; font-size:16px; padding:5px;}
.maker_area_table_st tr:nth-child(2n) {background: #ffffff;}
.maker_area_table_st td {padding:13px ; text-align:center; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; font-weight:bold; font-size:17px; line-height:1.6; color:#0265b6;}
.maker_area_table_st .maker_name {font-size:15px; line-height:1.5; color:#999999;}
#footerWrap h1 { float: left; width:25%; margin-top: 10px  }
#footerWrap .address { float: left; width:50%}
#footerWrap .address span { display: inline-block; width: 10px}
#footerWrap .address .copy { margin-top: 15px;}
#footerWrap .address a { color: #fff}
#footerWrap .address a:hover { text-decoration: underline}
#footerWrap .japhic_area {width: 88%; float:left;  margin-top: -100px; /* color: #fff; */ }
#footerWrap .japhic_area img { width:324px; }
/*#footerWrap .japhic_area {width:25%; float: left; margin-top:25px; color: #fff}*/
/*#footerWrap .japhic_area img { width: 100% }*/
.quick_banner { position:fixed; right: 20px; top: 200px; z-index: 100}
.quick_banner ul li { width:103px; text-align: center; margin-bottom: 10px}
.quick_banner ul li a { background : linear-gradient(40deg, #1dacad, #319bdf); display: block; padding:20px 15px 17px 15px; color: #fff; font-weight: bold; border-radius: 50px}
.quick_banner ul li a:hover { background : linear-gradient(40deg, #1dacad, #1dacad);}
.quick_banner ul li a img { width:40px;}
@media screen and (max-width:1440px) {
}
@media screen and (max-width:1366px) {
}
@media screen and (max-width:1280px) {
.inner { width:90%; margin: 0 auto; position: relative; }
/*베스트영역*/
.best_area .tab_container dl dd { margin-top: 0;}
/*회사영역*/
.company_area .company_conts { width:41%; padding: 5% 5% 9%}
.company_area .company_conts .bt_blue { left:45px}
/*지도*/
.map_conts { left:20px; margin-left: 0;}
.news_area > div > div:last-child ul li .date { padding:25px 16px}
}
/*모바일 버튼 나옴 1075*/
@media screen and (max-width:1075px) {
#contentWrap { padding-top: 0}
.quick_banner { display: none}
/*회사소개*/
.company_area .company_conts { background: rgba(242,245,248,0.8); width:90%; text-align: center; margin: 0 auto; float: none; height:198px;}
.company_area .company_conts h2, .company_area .company_conts .add { text-align: center}
.company_area .company_conts .bt_blue { left:50%; margin-left: -95px; bottom:29px;}
/*인트로*/
.intro_header h2 { width:250px;}
#intro_txt { letter-spacing: -0.5px; margin-top: 77px; margin-bottom: 77px;}
#intro_txt dl dt { font-size:72px; line-height: 85px; margin-bottom: 10px;}
#intro_txt dl dd { font-size:33px;}
#intro_txt ul li {width:250px;}
#intro_txt ul li a { font-size:21px; padding: 11px 0}
.noffz_area_con .noffz_title{font-size:24px; padding-bottom:5px;}
.noffz_area_con h1{position: relative; top:0px;}
.noffz_area_solution {top:62px; left:2%; font-size:15px;}
}
@media screen and (max-width:1024px) {
#contentWrap { padding-top: 0}
/*하단*/
#footerWrap { display: inline-block; height: auto; padding: 30px 0}
#footerWrap h1 { float:none; width:100%; margin-bottom: 10px}
#footerWrap h1 img { width:150px;}
#footerWrap .address { float:none; width:100%;}
/*인트로*/
#intro_txt  { font-size:20px; }
#intro_txt dl { margin: 27px 0 58px 0;}
#intro_txt dl dt { font-size:60px; line-height: 80px; margin-bottom: 0}
#intro_txt dl dd { font-size:29px;}
#intro_txt ul li { width:295px;}
#intro_txt ul li a { font-size:18px; padding:7px 0}
.add2 { width:100%}
.company_area .company_conts { height:100%; padding: 5% 5% 100px  }
#footerWrap .japhic_area { width:84%; clear: both}
#footerWrap .japhic_area img { width: 50px}
}
@media screen and (max-width:976px) {
.bt_blue2 { width:130px;}
.bt_blue2 a {padding:6px 0}
/*서비스 영역*/
.service_area >div > ul > li { width:48.8%;}
.service_area >div > ul > li:last-child { width:100%;  float: none; margin:0 0.6%;}
.service_area .sv_last li { float: left; width: 49%; margin-top:12px }
.service_area .sv_last li:first-child { margin-right: 1% }
/*검색영역*/
.searchbox .input > div { float:none; width:100%; margin-bottom: 15px;}
.searchbox input, .searchbox .maker select { width:100%}
.searchbox .price select { width:48%}
/*베스트영역*/
.best_area .tab_container dl dt { width:100%; height: auto}
.best_area .tab_container dl dd { width:94%}
.best_area .tabs li { width:40%;}
/*아이콘 링크*/
.icon_area dl dt img { width:70px;}
.icon_area dl dt p { font-size:19px;}
.news_area > div > div:last-child ul li a { width: 48%;}
}
@media screen and (max-width:767px) {
/*검색영역*/
.searchbox .price select { width:47%}
/*베스트영역*/
.best_area .tab_container dl  { float:none; width:93%; display:inline-block; padding: 3%}
.best_area .tab_container dl dt { height: 130px; width:27%}
.best_area .tab_container dl dd { width:55%;}
.best_area .tab_container dl dd .tit { font-size: 16px; line-height: 24px;}
.best_area .tab_container dl dt p { width:32px;}
/*회사소개*/
/*뉴스*/
.news_area { height: 606px;}
.news_area > div > div { float: none; width:100% !important}
.news_area > div > div:first-child { text-align: center; margin-bottom:20px}
.news_area .bt_blue { position:absolute; bottom: 10px; left: 50%; margin-left:-100px;}
.news_area > div > div h2, .news_area > div > div .add { text-align: center}
.news_area > div > div:last-child ul li .date { padding:18px 10px;}
.news_area > div > div:last-child ul li { padding: 13px 10px 13px 0}
.news_area > div > div:last-child ul li .board_tit { margin: 0 10px}
/*지도*/
.map_area > div { padding-top:195px;}
.map_area > div .map_google { height:300px !important;}
.map_area > div .map_google .place-card { display: none !important}
.map_conts { left:0; top: 0; width:90%; background: #f2f5f8; box-shadow:none; padding: 25px 5%}
/*아이콘 링크*/
.icon_area { padding:50px 0 30px }
.icon_area dl {  width:50%;  background:none; margin-bottom: 30px}
/*메이커*/
.maker_area ul li:first-child { border-bottom: 1px solid #ddd}
.maker_area ul li { float:none; width:100%;}
.maker_area_table_st td {padding:10px; font-size:12px; line-height:1.4;}
/*하단*/
#footerWrap .address p:first-child {  display: inline}
/*인트로*/
.visual_video { left:0;transform: translate(-55%, 0);}
.intro_header h2 { width:213px;}
#intro_txt { width:95%; margin: 0 auto; top:40px; position: relative;}
#intro_txt dl dt { font-size:2.5em; line-height: 63px; }
#intro_txt dl dd { font-size:1em; line-height: 30px}
#intro_txt ul li { width:80%; margin-bottom: 5px}
.company_area .company_conts h3 img { display: none}
}
@media screen and (max-width:640px) {
h2 { font-size:25px; line-height: 35px; margin-bottom: 7px;}
h2 span { display: block}
/*서비스 영역*/
.service_area li >a> div { bottom: 18px; left: 14px;}
.service_area >div > ul > li { width:99%; float:none; margin:1%}
.service_area >div > ul > li:first-child { width:100%;  float: none;}
.service_area >div > ul > li > ul > li:first-child { margin-bottom: 1%}
.service_area .sv_first li { float: left; width: 49%;  }
.service_area .sv_first li:first-child { margin-right: 1% }
.service_area .box2 { height:197px; clear: both; width: 99%}
.service_area .sv_last li { margin-top: 0}
.service_area li >a> div p { font-size:13px;}
/*검색영역*/
.searchbox .price select { width:46%}
/*베스트 영역*/
.best_area .tab_container dl dt { width:39%; height: 125px;}
.best_area .tab_container dl dd .tit { line-height: 19px;}
.best_area .tab_container dl dd ul li { line-height:18px; font-size:13px;}
.best_area .tab_container dl dd ul li .price { font-size:17px;}
.best_area .tab_container dl dd ul li span:first-child { width:72px;}
/*회사소개*/
.company_area .company_conts {  }
.company_area .company_conts h3 { font-size:17px; margin-bottom: 15px;}
.company_area .company_conts .add { font-size:14px; letter-spacing: -1px;}
/*뉴스*/
.news_area > div > div:last-child ul li .date { display: none}
.news_area > div > div:last-child ul li a { width:61%;}
.news_area > div > div:last-child ul li .board_tit { font-size:0.8em;}
.maker_area_table_st td {font-size:11px;}
.noffz_area_con {padding:28px;}
.noffz_area_solution {top:40px; left:0%; font-size:15px;}
}
@media screen and (max-width:560px){
.service_area li >a> div h3 { font-size:1.1em;}
.service_area li >a> div p { font-size:12px;}
}
@media screen and (max-width:480px)
{
/*인트로*/
#intro_txt {top:30px;}
#intro_txt dl { margin: 19px 0 40px 0}
#intro_txt dl dt { font-size:2em; line-height: 59px;}
.service_area li > a > div p { font-size:0.8em;}
.map_conts dt { font-size:1.5em;}
.map_conts dd div { font-size:1.3em;}
.noffz_area_con .noffz_title{font-size:22px; padding-bottom:5px;}
.noffz_area_solution {top:40px; left:0%; font-size:14px;}
}
@media screen and (max-width:360px) {
.bt_blue2 a { font-size:13px; padding:4px 0}
.company_area .company_conts h3 { font-size:15px;}
.company_area .company_conts {}
.searchbox .price select { width:45.5%;}
.news_area > div > div:last-child ul li .board_tit { width:78px; margin: 0 5px; }
.icon_area dl dt p { font-size:17px;}
#intro_txt dl dt { font-size:1.8em; }
.map_conts dd div { font-size:1.1em;}
.noffz_area {height:360px;}
.noffz_area_solution04 {padding-right:0px;}
}
/* m_banner.css */
@charset "utf-8";
/* CSS Document */
.skippr {
width:100%;
height:100%;
position: relative;
overflow:hidden;
}
.skippr > div {
position: absolute;
width:100%;
height:100%;
background-size: cover;
background-position: 50% 62.5%;
}
.skippr > img {
position: absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
width:100%;
min-height: 100%;
}
.skippr-nav-container {
position: absolute;
left:50%;
-webkit-transform:translate(-50%,0);
transform:translate(-50%,0);
-moz-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
bottom:25px;
overflow: auto;
z-index:1;
}
.skippr-nav-element {
cursor:pointer;
float:left;
background-color: rgba(255,255,255,0.5);
-webkit-transition: all .25s linear;
transition: all .25s linear;
}
.skippr-nav-element-bubble {
width:12px;
height:12px;
border-radius: 50%;
margin:0 4px;
}
.skippr-nav-element-block {
width:60px;
height:10px;
}
.skippr-nav-element:hover, .skippr-nav-element-active {
background-color:rgba(255,255,255,1);
}
.skippr-arrow {
position: absolute;
z-index:1;
top:50%;
-webkit-transform:translate(0%,-50%);
-moz-transform:translate(0%,-50%);
-ms-transform:translate(0%,-50%);
transform:translate(0%,-50%);
width:30px;
height:30px;
/*background-color: white;*/
transform-origin:center center;
-webkit-transform-origin:top left;
cursor: pointer;
}
.skippr-previous {
left:5.5%;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
border-top:2px solid white;
border-left:2px solid white;
z-index: 1000
}
.skippr-next {
right:8.5%;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
border-bottom:2px solid white;
border-right:2px solid white;
z-index: 1000
}
.hero {
width: 100%;
height: 685px;
min-height: 500px;
position: relative; }
.hero .container {
position: absolute;
left: 50%;
top: 47%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 80%;
height: 80%;
z-index: 2; }
.slider { position: relative}
.m_tit { position:absolute; left:50%; z-index: 1000; font-size:50px; line-height: 65px; margin-left: -750px; text-align: center; width:1500px; color: #fff; text-shadow: 1px 1px 1px #000; top:17%;}
.m_tit dt { border-bottom: 2px solid #fff; display: inline-block; padding-bottom:10px; margin-bottom: 10px; font-size:65px; line-height: 75px;}
.m_tit dd { font-size: 21px; line-height: 30px;  color: #c2d9ec}
.m_tit .navy_bg { font-size:21px; background: #1d3d65; text-align: center;   margin: 0 auto 20px; line-height: 43px; width: 50%; border-radius: 30px; }
.m_tit2 { top:24%}
@media screen and (max-width:1600px) {
.hero { height:800px;}
}
@media all and (max-width:1280px) {
.hero { height:650px;}
.m_tit { width:100%; margin-left: 0;  font-size: 45px; line-height: 50px; left: 0}
.m_tit dd { font-size:21px; line-height: 30px;}
.m_tit .navy_bg { width:90%}
.m_tit dt { font-size:1.25em;}
}
@media all and (max-width:1024px) {
.m_tit .navy_bg { width:100%; font-size:17px; line-height: 38px;}
.m_tit dt { font-size:1.1em; line-height: 65px; letter-spacing: -3px}
.m_tit dt p { display: inline}
.m_tit dd { font-size:17px; line-height: 23px;}
}
@media all and (max-width:970px) {
}
@media all and (max-width:800px) {
}
@media all and (max-width:640px) {
.hero { height:550px;}
.hero .container { top:53%}
.m_tit { width:100%; margin-left: 0;  font-size:30px; line-height:40px; left: 0; top:22px}
.skippr-nav-element-block { width:30px}
.m_tit .navy_bg {  font-size:15px; line-height:20px; width:96%; padding: 2%; border-radius: 5px;}
.m_tit dt { font-size:1.2em; line-height:1.2em; letter-spacing: -3px}
.m_tit dd { font-size:0.5em; line-height: 1.3em;}
}
/* sub.css */
@charset "utf-8";
/* CSS Document */
#s_visual {width:100%; height:210px; display:table; background-size:cover !important; position:relative;}
#s_visual > div {display:table-cell; text-align:center; vertical-align:middle; color:#fff; }
#s_visual h2 {font-size:47px;  line-height:55px; font-weight:bold; text-shadow: 1px 1px 3px #333 }
#s_visual p {font-size:16px;  line-height:1.35em; color:rgba(255,255,255,1);font-weight:300;text-transform:uppercase; display: none}
.s_visu1 {background:url(../img/sub/sub_visual1.jpg) no-repeat center center;}
.s_visu2 {background:url(../img/sub/sub_visual1.jpg) no-repeat center center;}
.s_visu3 {background:url(../img/sub/sub_visual3.jpg) no-repeat center center;}
.s_visu4 {background:url(../img/sub/sub_visual4.jpg) no-repeat center center;}
.s_visu5 {background:url(../img/sub/sub_visual5.jpg) no-repeat center center;}
.s_visu6 {background:url(../img/sub/sub_visual6.jpg) no-repeat center center;}
.s_visu7 {background:url(../img/sub/sub_visual7.jpg) no-repeat center center;}
.sub_box {background: #fff; box-shadow:1px 1px 5px #ccc;}
.sub_box2 { box-shadow:none}
.gray_box {background: #f9f9f9;  display: inline-block; width:100%; border-top: 1px solid #ddd;border-bottom: 1px solid #ddd}
.gutter{padding:30px; width:90% !important;}
.gray_box > div { width:80%; margin: 0 auto; padding:30px 0; display: table}
.gray_box > ul {width:95%; margin: 0 auto; padding:20px 0; display: table}
.sub_conts { width:90%; margin: 0 auto; padding:70px 0; font-size:16px; line-height: 22px; color: #535353}
.sub_conts h3 { background: url(../img/sub/sub_tit_mark.gif) no-repeat left 9px; text-indent: 20px; font-size:26px ; line-height:33px; font-weight: bold; margin-bottom:15px; color: #1D1D1D}
.wise300{ width: 300px;  margin: 20px auto 0}
.japhic_area li { float: left; width: 85%}
.japhic_area li:last-child { width: 15%; float: right; text-align: right}
#subTitle { font-size:38px; line-height: 40px; margin: 0 0 50px}
#subTitle:after {
content: "";
width: 50px;
height: 1px;
background: #000;
display: block;
margin: 0.7em auto 0;
}
.subTitle2 { margin: 0 0 20px !important}
.f_left50 > li { float:left; width:49%;}
.f_left50 > li:last-child { float:right;}
.box_gray { background: #f4f4f4; display: inline-block; width:92%; overflow: hidden; padding:47px}
.box_gray2  { background: #f4f4f4; display: inline-block; width:94%; overflow: hidden; padding:1% 3%}
.box_gray2 dl dt { float:left; width: 50px !important}
.box_gray2 dl dt img { width: 100%;}
.box_gray2 dl dd { float:right !important; width:94% !important; font-size: 15px; line-height: 26px; }
.s_line { margin: 40px 0; background: #ddd; height: 1px; width:100%; display: inline-block;}
.bt_mt { text-align: center}
.bt_mt a {background: linear-gradient(40deg, #1dacad, #319bdf);
display: block;
padding:10px 0;
color: #fff;
font-weight: bold; border-radius: 3px; font-size:17px;
}
.bt_mt a:hover { background:linear-gradient(40deg, #1dacad, #1dacad)}
.space { display:inline-block; width:10px;}
.sub_menu2 { text-align: center}
.sub_menu2 li { display: inline-block; width: 30%;  }
.sub_menu2 li a {padding:15px 0 ; display: block; border: 1px solid #ddd;}
.sub_menu2 li .on {   color: #fff; background:linear-gradient(40deg, #1dacad, #319bdf)}
.number_list > li {  margin-bottom: 10px}
.number_list .list_st_one { margin-left: 15px}
.msg-error { font-size:14px !important; color:#f00; padding: 3px 0}
.msg-error span img { vertical-align: middle; margin-right:3px;}
.member_agree_box  {
width: 94%;
height: 103px;
border: 1px #ddd solid;
padding: 2% 3%;
line-height: 23px;
overflow-x: hidden;
overflow-y: auto;  color: #9b9b9b; font-size:15px;
}
.member_agree_box a { text-decoration: underline; font-weight: 600}
.member_agree_box a:hover { color: #0bd5df !important}
.lead-agree-choice { text-align:right; margin-top:15px}
.lead-agree-choice ul { margin-top: 0; height: auto}
.lead-agree-choice ul li { display: inline-block; width:100%; margin-right:0; float:none}
.lead-agree-choice ul li input[type="checkbox"] {
display: inline-block;
width: 24px;
height: 24px;
vertical-align: middle;
-webkit-appearance: none;
margin: -2px 6px 0 0;
padding: 0;
cursor: pointer;
border-radius: 3px;
border: 0;
background: #fff;
background-size: auto;
background-size: 24px 24px;
border: 1px solid #ddd;
box-sizing: border-box;}
.lead-agree-choice ul li input[type="checkbox"]:checked {
background: #e80032 url('../img/btn-check-on.png') no-repeat center center;
background-size: auto;
background-size: 20px 20px;
border: 1px solid #e80032;}
.lead-agree-choice ul li span { display:inline-block}
@media screen and (max-width:890px) {
.member_agree_box { font-size:13px;}
}
@media screen and (max-width:976px){
#s_visual {height:200px;}
#s_visual::before {width:150px; height:150px; margin-top:-75px; margin-left:-75px; background-size:cover;}
}
@media screen and (max-width:767px){
#s_visual {height:35vw}
#s_visual::before {width:120px; height:120px; margin-top:-60px; margin-left:-60px; background-size:cover;}
#s_visual h2 {font-size:3em;}
#s_visual p {font-size:0.9em; }
h2 { font-size:32px;}
}
/* 페이지 인식을 위한 부분 */
#page01 .smenu  a.menu1,
#page02 .smenu  a.menu2,
#page03 .smenu  a.menu3,
#page04 .smenu  a.menu4,
#page05 .smenu  a.menu5,
#page06 .smenu  a.menu6,
#page07 .smenu  a.menu7,
#page08 .smenu  a.menu8,
#page09 .smenu  a.menu9,
#page10 .smenu  a.menu10,
#page11 .smenu  a.menu11 { color:#0075be;}
.sub_menu {border:1px solid #d7d7d7;position:relative;width:100%;}
#s_navi {position:relative;width:100%; overflow: hidden;  box-sizing:border-box;  margin:0 auto; background:#fff; position:relative;  overflow:hidden;}
#s_navi .home {display:block; width:70px; height:70px; background:#fff url(../img/sub/home_icon.png) no-repeat center center; box-sizing:border-box; border-right:1px solid #d7d7d7;border-left:1px solid #d7d7d7; text-indent:-9999px; float:left;}
#s_navi .smenu {position:relative; margin:0 auto; text-align:center; width:1220px; overflow: hidden; font-size: 0; float:left;}
#s_navi .smenu li { display: inline-block; *zoom:1; *display: inline;  padding:0;list-style:none; padding:18px 0; width:20%;  background: url(../img/sub/s_menu_line.gif) no-repeat right center;}
#s_navi .smenu li:last-child { background: none}
#s_navi .smenu li.col11 { padding: 26px 15px;}
#s_navi .smenu li a {display:block; line-height: 1.80em;  color:#828282;  letter-spacing:-.09em; box-sizing: border-box; font-size: 18px;  }
#s_navi .smenu li a:hover{ color:#0075be;   opacity:1;
-webkit-transition:300ms ease-out 0ms;
-moz-transition:300ms ease-out 0ms;
-ms-transition:300ms ease-out 0ms;
transition:300ms ease-out 0ms;		}
#s_navi .smenu li:first-child a { margin-left:0 !important; }
#s_navi .smenu.snavi-9 li { width:11.11%; }
#s_navi .smenu.snavi-8 li { width:12.5%; }
#s_navi .smenu.snavi-7 li { width:14.28%; }
#s_navi .smenu.snavi-6 li { width:16.66%; }
#s_navi .smenu.snavi-5 li { width:20%; }
#s_navi .smenu.snavi-4 li { width:14.28%; }
#s_navi .smenu.snavi-3 li { width:14.28%; }
/*서브*/
#subContent { background: #f5f6f8; display: inline-block; padding: 50px 0 90px; width:100%}
.sub_ver2 { padding:50px 0 0 0 !important; background: #fff !important}
.list_st_one li { background: url(../img/sub/one_mark.png) no-repeat left 8px; text-indent: 10px; margin-bottom: 10px;}
.bg_line { width:100%; position: relative}
.bg_line > li { padding:50px 0 60px}
.bg_line > li:nth-child(odd) { background: #f5f6f8;}
.bg_line > li dt { float: left; width: 55%; margin: 0 1%; padding: 40px 0 0 0}
.bg_line > li dd { float: left; width: 40%; text-align: center; margin: 0 1%;}
.bg_line > li .num_area > li:last-child { width: 84%}
/*상품 리스트*/
.pro_list { background: #fff; box-shadow:1px 1px 5px #ccc;  text-align: center;  padding:45px 3%; display: inline-block; width: 94% }
.pro_list dl { float:left;
width: 22%;
margin: 0 4% 50px 0;
height: 307px; position: relative}
.pro_list dl:nth-child(4n) {
margin: 0 0 50px 0;
}
.pro_list dl dt {  margin: 0 auto; width:100%; height: 202px;background:#333; overflow: hidden;  display: flex;
justify-content: center;}
.pro_list dl dt img {width:auto; height:100% !important; min-height:200px;  }
.pro_list dl dd { text-align: left;  margin: 0 auto; padding: 10px}
.pro_txt .tit { font-size:15px; line-height: 20px;overflow: hidden;  text-overflow: ellipsis; max-height:41px;  display: block; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.pro_txt .tit .maker { color: #21b3b3; display: inline-block; margin-right:3px;}
.pro_txt .price {color: #1f63a5; font-size:19px; line-height: 25px; margin:5px 0; font-weight: bold}
.pro_txt .price span { font-size:15px; color: #333; font-weight: normal}
.pro_txt .option { color: #8c8c8c; bottom: 0; overflow: hidden;  text-overflow: ellipsis; max-height:41px;  display: block; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.pro_txt .option span { background: #07629b; color:#fff; font-size:12px; text-align: center; display: inline-block; width:72px; padding: 2px 0; border-radius: 10px; line-height:13px; height:14px;}
.pro_tit { font-size:28px; line-height: 35px; padding: 0 0 20px 0; font-weight: bold; position: relative}
.pro_tit span { text-align: right; font-size:16px; line-height: 22px; position: absolute; right: 0; top:15px}
/*회사소개*/
.sub_menu2 { }
.com_top ul > li > div { text-align: left; margin-top:65px;}
.com_icon {background: url(../img/sub/com_icon_bg.jpg) no-repeat center center;
background-size: auto;
background-size: cover;
padding: 75px 0;}
.com_icon h2 { color: #fff; margin-bottom:30px;}
.com_icon dl { float:left; width: 25%; color: #fff; text-align: center;}
.com_icon dl dt { background: rgba(5,16,24,0.7); border-radius: 50px; padding: 10px; width:83px; margin: 0 auto 15px;}
.com_icon dl dt img { width: 100%}
.com_icon dl dd p:last-child { width:73%; margin: 10px auto 0; color: #becfdc; line-height: 22px;}
.com2_map {background: url(../img/sub/com2_map_bg.jpg) no-repeat center center;
background-size: auto;
background-size: cover;
padding: 30px 0;}
.com2_map img { width: 100%;}
.value_top {background: url(../img/sub/value_top_bg.png) no-repeat center center;
background-size: auto;
background-size: cover;
padding: 90px 0;}
.value_top h2 { font-size:45px; line-height: 53px;}
.value_top .add { font-size:18px;}
.value_one {text-align: center}
.value_one li { display: inline-block; width:14%; font-size:25px; line-height: 35px; border-radius:135px; height:180px; padding: 20px;  position: relative; margin-left:-20px; background: #fff}
.value_one .line_mint { border: 20px solid #07bccd}
.value_one .line_blue { border: 20px solid #007bb8}
.value_one .line_navy { border: 20px solid #446382}
.value_one .line_black { border: 20px solid #46404a}
.value_one li b {font-size:30px;}
.value_one li .text_box { position:absolute; left:0; top:77px;}
.value_conts { background: #f9f9f9;  display: inline-block; width:100%; padding:60px 0}
.value_conts dl { display: inline-block; width: 19%; margin: 0 5px 10px; text-align: center;}
.value_conts dl dd {  }
.value_conts dl dd h3 { font-size:19px; line-height: 25px; font-weight:normal; margin-top: 10px; }
.value_conts dl dd p { font-size:17px;}
/*상품 뷰*/
.pro_view {  position:relative}
.cd-single-item {
position: relative;background: #fff; box-shadow:1px 1px 5px #ccc; min-height: 540px; display: inline-block; width: 100%; background: #fff;
}
.cd-slider-wrapper {
position: relative;
z-index: 1;
-webkit-transition: width 0.4s;
-moz-transition: width 0.4s;
transition: width 0.4s;
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: width; }
@media only screen and (min-width: 1024px) {
.cd-slider-wrapper {
width: 45%; }
.cd-slider-active .cd-slider-wrapper {
width: 100%; } }
.cd-slider {
position: relative;
z-index: 1;
overflow: hidden; }
.cd-slider::before {
/* never visible - this is used in jQuery to check the current MQ */
content: 'mobile';
display: none; }
.cd-slider li {
position: absolute;
top: 0;
left: 0;
z-index: 1;
height: 100%;
width: 100%;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s; }
.cd-slider li img {
display: block;
width: 90%; margin: 5% auto }
.cd-slider li.selected {
position: relative;
z-index: 2;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0); }
.cd-slider li.move-left {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%); }
@media only screen and (min-width: 1024px) {
.cd-slider {
cursor: pointer; }
.cd-slider::before {
/* never visible - this is used in jQuery to check the current MQ */
content: 'desktop'; }
.cd-slider::after {
/* slider cover layer - to indicate the image is clickable */
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(81, 62, 93, 0.4) url("../img/sub/cd-icon-zoom.svg") no-repeat center center;
/* size of the icon */
background-size: 48px;
opacity: 0;
z-index: 4;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
transition: opacity 0.2s; }
.no-touch .cd-slider:hover::after {
opacity: 1; }
.cd-slider-active .cd-slider {
cursor: auto; }
.cd-slider-active .cd-slider::after {
display: none; } }
@media only screen and (min-width: 1024px) {
.cd-slider-navigation li, .cd-slider-pagination {
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s;
-moz-transition: opacity 0.4s 0s, visibility 0s 0.4s;
transition: opacity 0.4s 0s, visibility 0s 0.4s; }
.cd-slider-active .cd-slider-navigation li, .cd-slider-active .cd-slider-pagination {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.4s 0.4s, visibility 0s 0.4s;
-moz-transition: opacity 0.4s 0.4s, visibility 0s 0.4s;
transition: opacity 0.4s 0.4s, visibility 0s 0.4s; } }
.cd-slider-navigation li {
position: absolute;
z-index: 2;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
.cd-slider-navigation li:first-of-type {
left: 5%; }
.cd-slider-navigation li:last-of-type {
right:  5%; }
.cd-slider-navigation li a {
display: block;
width: 48px;
height: 48px;
background: url("../img/sub/cd-icon-arrow.svg") no-repeat center center;
-webkit-transition: opacity 0.2s 0s, visibility 0s 0s;
-moz-transition: opacity 0.2s 0s, visibility 0s 0s;
transition: opacity 0.2s 0s, visibility 0s 0s;
/* image replacement */
overflow: hidden;
text-indent: 100%;
white-space: nowrap; }
.cd-slider-navigation li a.inactive {
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.2s 0s, visibility 0s 0.2s;
-moz-transition: opacity 0.2s 0s, visibility 0s 0.2s;
transition: opacity 0.2s 0s, visibility 0s 0.2s; }
.no-touch .cd-slider-navigation li a:hover {
opacity: .7; }
.cd-slider-navigation li:first-of-type a {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg); }
@media only screen and (min-width: 1024px) {
.cd-slider-navigation li:first-child {
left: 30px; }
.cd-slider-navigation li:last-child {
right: 30px; } }
.cd-slider-pagination {
/* you won't see this element in the html but it will be created using jQuery */
position: absolute;
z-index: 2;
bottom: 30px;
left: 50%;
right: auto;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
visibility: hidden; }
.cd-slider-pagination:after {
content: "";
display: table;
clear: both; }
.touch .cd-slider-pagination {
visibility: hidden; }
.cd-slider-pagination li {
display: inline-block;
float: left;
margin: 0 5px; }
.cd-slider-pagination li.selected a {
background: #f5f4f3; }
.cd-slider-pagination a {
display: block;
height: 12px;
width: 12px;
border-radius: 50%;
border: 1px solid #f5f4f3;
/* fix a bug in IE9/10 - transparent anchor not clickable */
background-color: rgba(255, 255, 255, 0);
/* image replacement */
overflow: hidden;
text-indent: 100%;
white-space: nowrap; }
.cd-slider-wrapper .cd-close {
display: none;
position: absolute;
z-index: 2;
top: 30px;
right: 30px;
width: 48px;
height: 48px;
background: url("../img/sub/cd-icon-close.svg") no-repeat center center;
/* image replacement */
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
visibility: hidden;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.4s;
-moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.4s;
transition: transform 0.3s 0s, visibility 0s 0.4s; }
.cd-slider-active .cd-slider-wrapper .cd-close {
visibility: visible;
opacity: 1;
-webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0s, opacity 0.4s 0.4s;
-moz-transition: -moz-transform 0.3s 0s, visibility 0s 0s, opacity 0.4s 0.4s;
transition: transform 0.3s 0s, visibility 0s 0s, opacity 0.4s 0.4s; }
.no-touch .cd-slider-active .cd-slider-wrapper .cd-close:hover {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2); }
@media only screen and (min-width: 1024px) {
.cd-slider-wrapper .cd-close {
display: block; } }
.cd-item-info {
padding: 50px 5%; }
.cd-item-info h2, .cd-item-info p {
/*max-width: 480px;*/ }
.cd-item-info h2 {
font-size: 2rem;
font-weight: bold; text-align: left; }
.cd-item-info p {
/* line-height: 1.6;
margin: 0.5em 0;
color: #666666; font-size:18px; min-height: 10px;*/    overflow: hidden;
text-overflow: ellipsis;
max-height: 41px;
display: block;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical; font-size: 15px;}
.cd-item-info .add-to-cart {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
border: none;
padding: .8em 1.6em;
background-color: #f42e4e;
color: #ffffff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: "PT Sans", sans-serif;
font-size: 1.6rem;
font-weight: bold;
cursor: pointer;
border-radius: 4px; }
@media only screen and (min-width: 1024px) {
.cd-item-info {
position: absolute;
width: 46%;
top: 0;
right: 0;
padding: 30px 60px 0;
margin: 0; } }
.cd-content { clear: both}
.summary { position:relative}
.summary .tooltip { position: absolute; width: 97%; padding:1.5%; visibility:hidden; background: #8c9faa; border: 4px solid #748690;color:white; text-align: left; z-index: 1; top:127%; left: 0%; }
.summary:hover .tooltip { visibility: visible; }
.tooltip:after, .tooltip:before {
bottom: 100%;
left: 50%;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.tooltip:after {
border-color: rgba(136, 183, 213, 0);
border-bottom-color: #8c9faa;
border-width:10px;
margin-left: -30px;
}
.tooltip:before {
border-color: rgba(194, 225, 245, 0);
border-bottom-color: #748690;
border-width: 16px;
margin-left: -36px;
}
.cd-item-info ul { margin-top: 20px; border-bottom: 1px solid #ddd; padding-bottom: 20px; min-height: 250px;}
.cd-item-info ul li { margin-bottom: 8px}
.cd-item-info ul li .pro_view_tit{ display: inline-table; width:18%; font-weight: 500; text-align: center; background: #105e96;  color: #fff}
.cd-item-info ul li .pro_view_info{ display: inline-table; width:78%;padding:2px 0; margin-left:10px;}
.pro_view_price { font-size:30px; line-height:35px; font-weight:600; text-align: right; padding: 15px 0; position:relative}
.pro_view_price span { position:absolute; left:10px; font-size:28px;}
.pro_view_price p { font-size:14px;}
.cd-slider-active img { width:100% !important; margin: 0 !important}
.pro_view_price > div {  height: 35px;}
.pro_view_price dl { position: absolute; right: 0;}
.pro_view_price dl dt { float: left}
.pro_view_price dl dd { float:left; margin:5px; font-size: 15px; }
.cd-content >div {background: #fff; box-shadow:1px 1px 5px #ccc; margin-top:30px;}
.cd-content >div > div { width:90%; margin: 0 auto; padding:50px 0 100px}
.cd-content >div > div > h2{margin-bottom: 10px;}
.cd-content >div > div > h3{margin-bottom: 10px;}
.cd-content >div > div > h4{margin-bottom: 10px;}
.cd-content >div > div > h5{margin-bottom: 10px;}
.pro_view_tab { display: inline-block; width:100%;}
.pro_view_tab li {  float:left; width:50%; text-align: center; font-size:16px; line-height: 25px; }
.pro_view_tab li a { display:block; width:100%; background: #f1f1f1; border: 1px solid #ddd; padding: 10px 0; font-weight: 500}
.pro_view_tab li .on { background: #fff; border-bottom: 0; border-top: 2px solid #c51315}
.pro_view .photo { width:100%; text-align: center; display:inline-block}
.pro_view .thumb { padding-bottom: 5%; clear: both; width: 91%; margin: 0 auto; /*float: right*/ display:inline-block}
.pro_view .thumb li { /*display: inline-block;*/ width:32%; /*height:105px;*/ margin: 0 2% 0 0; float: left; }
.pro_view .thumb li.four {width: 23.5%;}
.pro_view .thumb li.five {width: 18.4%;}
.pro_view .thumb li:last-child { margin: 0}
.pro_view .thumb li img { /*height: 100%;*/ width: 100%}
/*상품 뷰 이미지 가로버전*/
.pro_view .photo .width { width:91%;  margin:5% auto 2%; padding: 0; overflow: hidden; /*float:right*/  height: auto;}
.pro_view .photo .width img { width:100%; height:auto;  border:1px solid #ddd}
/*상품 뷰 이미지 세로버전*/
.pro_view .photo .height { width:91%; height: 393px; margin:5% auto 2%; padding: 0; overflow: hidden; /*float:right*/ }
.pro_view .photo .height img { width:auto; height:100%;  border:1px solid #ddd}
@media screen and (max-width:1280px){
.pro_view .photo .height { height: 288px; }
}
@media screen and (max-width:1024px){
.pro_view .photo .height { height: 465px; float: none}
}
@media screen and (max-width:767px) {
.pro_view .photo .height { height: 350px;}
.japhic_area li:last-child img { width: 100%;}
}
@media screen and (max-width:640px) {
.pro_view .photo .height { height: 246px;}
}
/*견적문의*/
.inquiry_area dl { padding: 10px 0; display: inline-block; width:100%}
.inquiry_area dl dt { float:left; width:20%; font-weight: 600; font-size:16px; color: #1D1D1D }
.inquiry_area dl dd { float:left; width:80%;}
.inquiry_area dl dd input { width:97%; border: 1px solid #ddd; border-bottom: 0}
.inquiry_area dl dd input[type="radio"] { width:auto; border: 0; box-shadow: none; width:24px;}
.inquiry_area dl dd textarea { width:100%; height: 150px}
.lead-send-area { width:20%; margin:0 auto; float:none;  clear:both}
.lead-send {
clear: both;
background: #e80032;
color: #ffffff;
text-align: center;
font-size: 20px;
padding: 10px 0;
border-radius: 3px;
cursor: pointer;
border: 1px solid #e80032;
height: 100%;
width: 100%;
margin: 0 auto; display: block
}
.lead-send:hover { color:#e80032; background: #ffffff}
.inquiry_send { background: #f4f4f4; text-align: center; padding: 20px 0; width:500px; margin: 20px auto 0; float:none !important}
/*search */
.s_searchbox { margin-bottom: 55px; height: 59px;}
.s_searchbox .input > div { float: left; width:30%}
.s_searchbox input, .s_searchbox .maker select { width:100%; }
.s_searchbox .input .keyword { width:70%}
.s_searchbox .input .price span { display: inline-block; padding: 0 3px}
.s_searchbox .input .keyword input[type="text"] { width:94%; background:#8c9faa; color:#fff; box-shadow:none; float:left; padding: 20px 0; text-indent: 15px;}
.s_searchbox input::-webkit-input-placeholder {color:#fff;}
.s_searchbox input::-moz-placeholder {color:#fff;}
.s_searchbox .input .keyword input[type="submit"] {    background: url(../img/sub/search_bt.gif) no-repeat #8c9faa; float:left;
width: 52px;
height: 59px;
text-indent: -9999px;
border: none; cursor:pointer; color: #8c9faa;box-shadow:none;}
.s_searchbox .maker select { background:url(../img/bt_arrow2.gif) no-repeat 95% center #07629b; color:#fff;height: 59px}
#subContent .searchbox { margin-bottom: 55px; height: 59px;}
#subContent .searchbox .input > div { float: left; width:30%}
#subContent .searchbox input, #subContent .searchbox .maker select { width:100%; }
#subContent .searchbox .input .keyword { width:70%}
#subContent .searchbox .input .price span { display: inline-block; padding: 0 3px}
#subContent .searchbox .input .keyword input[type="text"] { width:94%; background:#8c9faa; color:#fff; box-shadow:none; float:left; padding: 20px 0; text-indent: 15px;}
#subContent .searchbox input::-webkit-input-placeholder {color:#fff;}
#subContent .searchbox input::-moz-placeholder {color:#fff;}
#subContent .searchbox .input .keyword input[type="submit"] {    background: url(../img/sub/search_bt.gif) no-repeat #8c9faa; float:left;
width: 52px;
height: 59px;
text-indent: -9999px;
border: none; cursor:pointer; color: #8c9faa;box-shadow:none;}
#subContent .searchbox .maker select { background:url(../img/bt_arrow2.gif) no-repeat 95% center #07629b; color:#fff;height: 59px}
#subContent .searchbox h4 { margin-bottom: 10px;}
#subContent .searchbox { height: auto; width:100%; display: table}
#subContent .searchbox .input > div{ width:33.3%}
#subContent .searchbox .input .keyword { width:33.3%}
#subContent .searchbox .maker select { width:94%}
#subContent .searchbox .price select { background:url(../img/bt_arrow2.gif) no-repeat 95% center #07629b; color:#fff;height: 59px; width:46%}
.dataTables_paginate {clear: both; text-align: center}
.pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px;
}
.pagination > li {
display: inline;
}
.pagination > li > a,
.pagination > li > span {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.42857143;
color: #337ab7;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
margin-left: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
z-index: 2;
color: #23527c;
background-color: #eee;
border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
z-index: 3;
color: #fff;
cursor: default;
background-color: #337ab7;
border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
color: #777;
cursor: not-allowed;
background-color: #fff;
border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.pager {
padding-left: 0;
margin: 20px 0;
text-align: center;
list-style: none;
}
.pager li {
display: inline;
}
.pager li > a,
.pager li > span {
display: inline-block;
padding: 5px 14px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
text-decoration: none;
background-color: #eee;
}
.pager .next > a,
.pager .next > span {
float: right;
}
.pager .previous > a,
.pager .previous > span {
float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
color: #777;
cursor: not-allowed;
background-color: #fff;
}
/*문의하기*/
.contact_conts {}
.contact_conts > dl dt { float:left; width:50%}
.contact_conts > dl dd { float:left; width:50%}
.contact_conts > dl dt span { display: inline-block; width:10px}
/*게시판*/
.board_search > div { float:left;}
.board_search .board_option { width:30%; float: left}
.board_search .board_keyword { width:80%;  position: relative; margin: 0 auto}
.board_search .board_keyword input { width:95%}
.board_search .board_keyword input[type="submit"] {background: url(../img/sub/search_bt.gif) no-repeat no-repeat center -3px #FFD;
width: 52px;
height: 50px;
text-indent: -9999px;
border: none;
cursor: pointer;
box-shadow: none;
position: absolute; right: 0; top: 0}
.times_tb {border-top: 4px solid #101010; width:100%; border-bottom:1px solid #C7C7C7}
.times_tb.news_conts {}
.times_tb h2 { margin-top: 40px;}
.times_tb h2 > span {   position: absolute;  right: 0; padding: 14px 0 0 13px;  font-size: 16px; line-height: 24px;  text-align: right;  color: #101010; }
.basicV{border-collapse: collapse;}
.basicV th{	height:120px; line-height:120px; font-weight: 500; color: #907E72; font-size: 16px;  }
.basicV tr { border-bottom: 1px solid #C7C7C7;}
.basicV td{	font-size: 16px; text-decoration: none; color:#5E5E5E; font-weight:100}
.basicV td.tit a {font-weight: 500; color: #101010; font-size: 20px;  line-height: 38px;}
.basicV td.tit a:hover {text-decoration: underline;}
.basicV th.first,
.basicV td.first{	border-left: 0 none;}
.basicV th.last,
.basicV td.last{border-right: 0 none;}
.basicV td.fl { text-align:left; }
.basicV td > p.count { font-size: 14px; color: #888; right: 171px; margin-top: 16px; text-align: right;}
.basicV td > p.count > span { font-size: 14px; color: #444; }
.times_tb.news_conts .basicV td.tit { padding-right: 20px; text-align:left }
.times_tb.news_conts .basicV td { text-align:center; font-weight: 300}
.board_view_area { margin-top:20px}
.board_view_area table th {border-top:2px solid #000; border-bottom: 1px solid #000; padding:25px 20px; text-align:left; background: #f5f6f8; }
.board_view_area table th .date { float:right;}
.board_view_area table td { border-bottom:1px solid #ddd; padding: 20px}
.board_view_area .lead-send-area { width:20%; margin:20px auto 0;}
.board_view_area #title { font-size:20px; line-height: 25px; color: #000}
.table_info { text-align: right; padding: 10px}
/*오시는길*/
.directions .map_info { background: #282c37; color: #fff; margin-bottom:60px;}
.directions .map_info ul { display: inline-block; width:90%; padding:50px 5%; font-size:19px; line-height:30px;}
.directions .map_info ul img { margin-top: 15px;}
.directions .map_info li { float:left; }
.directions .map_info li:first-child { width:40%; text-align: center; }
.directions .map_info li:last-child { width:60%;}
.directions .map_info li .map_tit { color:#a9abaf; font-weight: bold; display: inline-block; margin-right:15px;}
.directions .map_info li .map_num { margin-right:20px;}
.directions .map_way { display: inline-block; width:100%; }
.directions .map_way dl  { float:left; width:100%; padding: 20px 0; border-bottom: 1px solid #ddd }
.directions .map_way dl:last-child { border-bottom: 0}
.directions .map_way dl dt { float:left; width:25%; text-align: center}
.directions .map_way dl dt img { width:70px;}
.directions .map_way dl dd { float:left; width:75%;}
.directions .map_way dl dd h4 { font-size:19px; color: #1B1B1B; margin-bottom:15px;}
.directions .map_info li a { color: #fff; }
/*process step*/
.process_step { text-align: center; }
.process_step ul li { display: inline-block; width:15%; margin-left: 36px; position:relative; }
.process_step ul li:first-child { margin-left:0}
.process_step ul li .step_icon { width:80px; background: #f5f6f8; border-radius:75px; height: 80px; padding:25px; margin: 0 auto 10px}
.process_step ul li img { width:100%;}
.process_step ul li::after {position: absolute;
top:44px;
left: -25px;
display: block;
width: 18px;
height: 41px;
background: url(../img/sub/arrow.png) no-repeat;
content: "";}
.process_step ul .first::after { display: none; }
.process_step ul li span, .process_step ul li strong { display: block}
.process_step ul li strong { font-size:18px; line-height: 25px; margin-top: 5px}
.process_step ul li strong p { font-size: 0.8em; font-weight: normal}
.process_step2 ul li { width:13% }
.process_step3 ul li { width:20%; margin-bottom:20px }
/*process box*/
.process_box { text-align: center; position: relative; width: 100%; display: inline-block}
.process_box dl { border: 1px solid #e4ebec; border-radius: 3px; display: inline-block; width: 41%; text-align: left; margin: 1%; padding: 3%; /*min-height: 145px;*/ min-height: 122px; position: relative}
.process_box dl dt { margin-bottom: 25px; color: #1f53a1}
.process_box dl dt span { background: #de242f; color: #fff; border-radius: 12px; width:60px; text-align: center; font-size: 12px; display: inline-block;  letter-spacing: 0; margin-right:15px; padding: 1px 0 }
.process_box dl dt strong { font-size:19px; line-height: 25px;}
.process_box dl ul li { float:left; }
.process_box dl ul .conts { /*width:70%;*/ font-size: 14px; line-height: 23px; color: #868686; width: 100%}
.process_box dl ul .icon { width:15%; float: right; display: none}
.process_box dl ul .icon img { width:100%; -webkit-filter: grayscale(100%);filter: gray;}
.process_box .last { float:left; margin-left: 1.6%;}
.process_box dl .pro_bt { position:absolute; right:34px; top:34px; width:320px;}
.process_box dl .pro_bt li  { float:right; width: 155px; margin: 0 0 0 5px}
.process_box dl .pro_bt li a { padding: 5px 0; border-radius: 5px; font-weight: normal; font-size: 15px;}
.process_box2 dl { /*min-height: 166px;*/ min-height: 144px;}
.bg_gray { background: #f5f6f8}
/*pink box*/
.pink_box { background: #fdf5f4; display: inline-block; width:90%; padding:5%}
.check_box li { background: url(../img/sub/check_box.gif) no-repeat left 4px ; text-indent: 26px; background-size:21px; line-height: 30px;  }
.check_box li p { font-size:14px; line-height: 20px; text-indent: 0; margin-left: 26px;}
.check_box2 li { float:left; width:50%}
.product-pic{
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
background: no-repeat center center;
background-size: auto;
background-size: 100%;
cursor: pointer;
transition-duration: 400ms;
min-height: 178px;
}
.product-pic::after {
content: "";
position: Absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
display: block;
z-index: 0;
background: no-repeat center center;
background-image: none;
background-size: auto;
background-size: cover;
-webkit-transform: scale(1);
transition-duration: 400ms;
border-radius: 5px 5px 0 0
}
.product-pic2 { min-height: 280px; width:85%; margin: 0 auto;}
.product-pic2::after {border-radius:0px}
.product-pic3 { min-height:315px; margin: 34px auto 0}
.product-pic4 { min-height:360px; }
.product-pic4::after {border-radius:0px}
.px1::after {  background-image:url("../img/sub/sale_px1.jpg") !important;}
.px2::after {  background-image:url("../img/sub/sale_px2.jpg") !important;}
.px3::after {  background-image:url("../img/sub/rental_px3.jpg") !important;}
.px4::after {  background-image:url("../img/sub/rental_px4.jpg") !important;}
.px5::after {  background-image:url("../img/sub/rental_px5.jpg") !important;}
.px6::after {  background-image:url("../img/sub/repair_px6.jpg") !important;}
.px7::after {  background-image:url("../img/sub/repair_px7.jpg") !important;}
.px8::after {  background-image:url("../img/sub/repair_px8.jpg") !important;}
.px9::after {  background-image:url("../img/sub/repair_px9.jpg") !important;}
.px10::after {  background-image:url("../img/sub/reason_px10.jpg") !important;}
.px11::after {  background-image:url("../img/sub/reason_px11.jpg") !important;}
.px12::after {  background-image:url("../img/sub/reason_px12.jpg") !important;}
.px13::after {  background-image:url("../img/sub/reason_px13.jpg") !important;}
.px14::after {  background-image:url("../img/sub/com_px14.jpg") !important;}
.px15::after {  background-image:url("../img/sub/value_px15.jpg") !important;}
.px16::after {  background-image:url("../img/sub/value_px16.jpg") !important;}
.px17::after {  background-image:url("../img/sub/value_px17.jpg") !important;}
.px18::after {  background-image:url("../img/sub/value_px18.jpg") !important;}
.px19::after {  background-image:url("../img/sub/value_px19.jpg") !important;}
.solution { text-align: center; background: url(../img/sub/arrow2.png) no-repeat center center ;}
.solution dl { display: inline-block; width:45%; background: #fff }
.solution dl:first-child { margin-right: 8%;}
.solution dd { padding:5% 10%; text-align: left}
.solution2 { text-align: center; }
.solution2 dl { display: inline-block; width:45%; background: #fff; margin: 18px }
.solution2 dd { padding:5% 6%; text-align: left; background: #f4f8ff; display: inline-block; min-height: 185px;}
.solution3 { text-align: center;}
.solution3 dl { display: inline-table; width:30%; background: #fff; margin: 10px }
.solution3 dd { padding:5% 10%; text-align: left; min-height: 138px; letter-spacing: -2px;}
.num_area { font-size: 14px;}
.num_area > li { float:left;  width:79%}
.num_area > li:last-child { float:right;}
.num_area .num_bg { background: url(../img/sub/num_bg.png) no-repeat left top; text-align: center; height: 100px; width:78px; font-size: 30px; line-height: 73px; color:#1dacad}
.num_area h4 { font-size:23px; line-height: 30px; margin-bottom: 15px; border-bottom: 1px solid #ddd; padding-bottom: 15px;}
.num_area h4 p { font-size:15px;}
.num_area h4 span { font-size:14px;}
.float_50 > li { float:left; width: 48%;}
.float_50 > li:last-child { float:right;}
.table_st { border-top: 2px solid #000; text-align: center; border-left: 1px solid #ddd;}
.table_st th { background: #f4f4f4; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding:15px 10px; font-size: 16px;}
.table_st td {border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;padding: 10px}
.table_st2 td { text-align: left;}
.bg_mint { background: #1eabaf; font-weight: 500; color: #fff}
.sub_maker { text-align: center; padding:20px 2%; display: inline-block; width: 96%;}
.sub_maker li { float:left;  background: #fff; border: 1px solid #ddd; margin:0.5%; width:11.3%}
.sub_maker li img { width:100%}
.sub_maker2 li { width:31%}
.sub_maker3 li { width:15.3%}
.float_30 { display: inline-block; width:100%}
.float_30 li { float:left; width: 33.3%;}
.no_search { width:90%; margin: 0 auto; background: #ebeff2; padding: 40px 0}
.no_search img { width:70px;}
.no_search p { width:90%; margin: 0 auto}
.no_search h2 { margin: 15px 0 0 0; font-size:26px;}
@media screen and (max-width:1410px){
#s_navi .smenu { width: 92%; }
#s_navi .smenu.snavi-9 li { width: 20%; }
#s_navi .smenu.snavi-8 li,
#s_navi .smenu.snavi-7 li,
#s_navi .smenu.snavi-4 li,
#s_navi .smenu.snavi-3 li { width:25%; }
#s_navi .smenu li.bt0 a { border-top:0; }
}
@media screen and (max-width:1280px){
.sub_menu .inner { width:100%}
#s_navi .smenu { width:93%}
#subContent .searchbox .input .keyword input[type="text"], .s_searchbox .input .keyword input[type="text"] { width:92%}
.pro_list dl { height: 276px;}
.pro_list dl dt img { min-height: 150px;}
.cd-item-info ul li { margin-bottom: 0}
.cd-item-info h2 { font-size:1.8rem; margin-bottom: 0}
.cd-item-info p { font-size:16px; margin: 0}
.cd-item-info ul { margin-top: 10px; min-height: 209px;}
.cd-item-info { padding:18px 5% 3px 5%}
.pro_list dl dt { height: 155px;}
.pro_view .thumb li { /*height: 89px;*/  }
.process_box dl { width:85%; min-height: 125px;}
.process_box dl ul .conts { width:100%}
.process_box dl ul .icon { width:8%}
.process_box .last { float:none; margin-left: 0}
.process_box dl .pro_bt  { top:24px;}
.process_step ul li .step_icon { width:60px; height: 58px;}
.solution2 dd { min-height: 213px}
.process_step2 ul li { width:12%}
.value_one li { height: 135px;}
.value_one li .text_box { top:56px;}
.value_conts dl { width:32%;}
}
@media screen and (max-width:1075px){
#s_navi .home { display: none}
#s_navi .smenu { width:100%}
#s_navi .smenu li.col11 { padding: 26px 10px;}
#s_navi .smenu li.col11 a {font-size:14px;}
#subContent .searchbox .input .keyword input[type="text"], .s_searchbox .input .keyword input[type="text"] { width:91%}
.inquiry_area dl dt { width:100%; margin-bottom: 10px}
.inquiry_area dl dd { width:100%}
.lead-send-area, .board_view_area .lead-send-area { width:60%}
.inquiry_area dl dd input  { width:96%;}
.f_left50 > li { width:100%;}
.f_left50 > li:first-child { margin-bottom:20px}
#subContent .searchbox .input > div{ width:100%; margin-bottom: 10px; float:none}
#subContent .searchbox .input .keyword { width:100%}
#subContent .searchbox .maker select { width:100%}
#subContent .searchbox .input .keyword input[type="text"] { width:100%}
#subContent .searchbox .price select { width:47%}
.directions .map_info ul img { margin-top: 0}
.directions .map_info li:first-child { text-align: left; margin-bottom: 10px;}
.directions .map_info li { width:100% !important}
.directions .map_way dl { float:none; width:100%; display: inline-block; margin-bottom: 20px;}
.solution {    background: url(../img/sub/arrow3.png) no-repeat center center}
.solution dl { width:100%}
.solution dl:first-child { margin-right:0; margin-bottom:80px;}
.check_box2 li {width:100%}
.solution2 dl { width:85%;}
.solution2 dd { width: 88%; min-height: auto;}
.sub_maker li { width:23%;}
.sub_maker2 li { width: 31%}
.cd-item-info ul { min-height: 176px;}
.pro_view .thumb { width:90%; margin: 0 auto}
.pro_view .thumb li {   }
.box_gray2 dl dd { width:92% !important}
.pro_view .photo .img { float:none }
}
@media screen and (max-width:1024px){
#subContent .searchbox .price select { width:48.5%;}
.pro_view .thumb li {/* height: 140px;*/}
.cd-item-info ul { min-height: auto;}
.pro_view .thumb li { }
}
@media screen and (max-width:977px){
#s_navi .smenu li { padding:15px 0; width: 20%}
#s_navi .smenu li a { font-size:16px;}
.pro_list dl { width:48%; height: auto;}
.pro_list dl:nth-child(2n) {
margin: 0 0 50px 0;}
.pro_txt .option { position:relative}
.pro_list dl dt { height: 243px;}
#subContent .searchbox .input .keyword input[type="text"], .s_searchbox .input .keyword input[type="text"] { width:89%}
.cd-item-info { padding: 0 5% 50px 5%}
.sub_conts { padding: 50px 0; font-size:15px;}
#subTitle { font-size:33px; line-height: 40px; margin: 0 0 30px; padding: 0 15px}
.sub_conts h3 { font-size:22px;}
.basicV td.tit a { font-size:18px; line-height: 25px;}
.news_conts .count { display: none}
.news_conts colgroup col:last-child { display: none}
.times_tb.news_conts .basicV td.tit { padding-right:10px;}
.times_tb.news_conts .basicV td.date { font-size:14px}
.board_view_area table th .date  { display: block; float: none}
#subContent .searchbox .input .keyword input[type="text"] { width:100%}
#subContent .searchbox .price select {width:48%}
.process_step ul li { width:28%;}
.process_step2 ul li { width:21%;}
.pink_box { width:86%; padding: 7%}
.solution3 dl{ width:100%; }
.solution3 dd { min-height: auto}
.process_step3 { display: inline-block}
.process_step3 ul li { width: 18%; float: left}
.bg_line > li dt { width: 100%; margin: 0 0 15px 0; float: none !important; padding: 0 ; display: inline-block}
.bg_line > li dd { width: 100%; margin: 0; float: none !important}
.product-pic2 { width: 100%}
.bg_line > li .num_area > li:last-child { width:100%}
.bg_line .num_area .num_bg { margin: 0 auto; float: none}
.product-pic4 { min-height: 300px !important;}
.float_50 > li { width: 100%; float: none}
.com_top ul > li > div { margin-top: 20px;}
.com_icon dl { margin-bottom: 20px}
.com_icon dl dd p:last-child { min-height:72px;}
.value_one li:last-child .text_box { top:39px;}
.value_conts dl { width:31%;}
#s_visual h2 { font-size:4em;}
h2 { font-size:33px;}
.box_gray2 dl dd { width:90% !important}
}
@media screen and (max-width:767px) {
.sub_conts { font-size:14px;}
#subContent .searchbox .input .keyword input[type="text"], .s_searchbox .input .keyword input[type="text"] { width:87%}
.cd-item-info h2 { font-size:1.8rem}
.inquiry_area dl dd input  { width:91%;}
.cd-item-info p { font-size:16px;}
.cd-item-info ul li .pro_view_tit { width:28%; }
.cd-item-info ul li .pro_view_info { width:70%;}
.pro_view_price span { font-size:23px;}
.pro_view_price { font-size:26px;}
.lead-send { font-size:20px;}
.basicV th { height: 100px; line-height: 100px;}
.basicV td.tit a { font-size:16px;}
.board_search .board_option { width:100%; margin-bottom: 5px;}
.board_search .board_keyword { width:100%;}
#subContent .searchbox .price select {width:47.5%}
#subContent .searchbox .input .keyword input[type="text"] { width:100%}
#s_navi .smenu li { width:33.3%; padding: 10px 0 }
.pro_list dl dt { height: 200px;}
.pro_view .thumb li { /*height:65px;*/}
.directions .map_info { margin-bottom: 40px;}
.directions .map_info ul { font-size: 16px; line-height: 26px; padding: 35px 5%}
.directions .map_info li img { width:180px;}
.directions .map_way dl dt { width:20%;}
.directions .map_way dl dt img { width:40px;}
.directions .map_way dl dd h4  { font-size:17px; margin-bottom: 5px;}
.directions .map_info li .map_tit { margin-right: 5px;}
.process_step ul li strong { font-size:15px; margin-top: 0; margin-bottom: 15px}
.process_step ul li .step_icon { width:45px; height:45px; padding: 18px;}
.process_step ul li::after { background-size:53%;}
.process_step2 ul li::after { top:34px; left: -18px;}
.process_step2 ul li { width: 20%;}
.process_box dl dt { margin-bottom: 15px;}
.process_box dl { padding: 6%}
.process_box dl ul .conts { width:96%; font-size:13px;}
.process_box dl ul .icon { width:22%;}
.process_box dl dt strong { font-size: 16px;}
.solution {    background: url(../img/sub/arrow3.png) no-repeat center 52%}
.sub_conts h3 { margin-bottom: 7px;}
.product-pic { min-height: 140px;}
.solution2 dl { width: 100%; margin: 0 0 15px 0}
.num_area > li { width: 97%;; float: none; text-align: center}
.num_area .num_bg { background-size:100%; width:60px; font-size:23px; line-height: 56px; height: 78px; margin: 0 auto}
.num_area > li:last-child { text-align: left}
.process_step3 ul li { width: 26%; margin-bottom: 0}
.process_step3 ul li strong { height: 66px}
.arrow_none { margin-left:0 !important}
.arrow_none::after { background: none !important}
.float_30 li {  width: 100%;}
.sub_menu2 { font-size:13px;}
.sub_menu2 li  {width:32%}
.sub_menu2 li a { padding: 10px;}
.com_icon dl {width: 50%;}
.com_icon { padding: 45px 0}
.com2_map .inner { width: 100% !important}
.value_top h2 { font-size:35px; line-height: 45px;}
.value_one li { width:12%; height: 128px; font-size:20px; line-height: 27px;margin:0 5px}
.value_one li .text_box { top:62px; }
.value_one li b { font-size:25px;}
.value_one .line_mint { border:15px solid #07bccd}
.value_one .line_blue { border: 15px solid #007bb8}
.value_one .line_navy { border: 15px solid #446382}
.value_one .line_black { border: 15px solid #46404a}
.value_conts dl { width: 47%;}
.process_box dl .pro_bt { position:relative; width: 100%; margin: 10px auto 0; top: auto; right: auto}
.process_box dl .pro_bt li { width: 47%;}
.process_box dl .pro_bt2 li { width: 100%;}
#subTitle { font-size:29px; line-height: 34px;}
.box_gray2 dl dd { width:85% !important}
}
@media screen and (max-width:640px) {
.pro_list {padding:20px;}
.pro_list dl { width:48%; padding: 0; margin: 0 4% 30px 0; }
.pro_list dl dt img { min-height: 140px;}
.pro_tit { font-size:24px; line-height: 28px;}
.pro_tit span { top:3px}
.pro_list dl:nth-child(2n) { margin: 0 0 20px 0}
#subContent .searchbox { height:118px;}
#subContent .searchbox .input > div {width:100%; float:none; display: inline-block}
#subContent .searchbox .maker select { background-position: 94% center}
#subContent .searchbox .input .keyword { width:100%}
#subContent .searchbox .input .keyword input[type="text"] { width:85%}
#subContent .searchbox .input .keyword input[type="submit"] {width:15%}
#subContent .searchbox .price select {width:46%}
#subContent .searchbox .input .keyword input[type="text"] { width:100%}
.s_searchbox { height:118px;}
.s_searchbox .input > div {width:100%; float:none; display: inline-block}
.s_searchbox .maker select { background-position: 94% center}
.s_searchbox .input .keyword { width:100%}
.s_searchbox .input .keyword input[type="text"] { width:85%}
.s_searchbox .input .keyword input[type="submit"] {width:15%}
.sub_maker li { width:31%}
.com_icon dl dt { width: 72px;}
.sub_menu2 li a { padding: 10px 0}
.value_top { padding: 0px 0 80px 0}
.value_one li { height: 98px; letter-spacing: -1px; width:100px}
.value_one li .text_box ,.value_one li:last-child .text_box{ top:43px;}
.value_one .line_mint { border:10px solid #07bccd}
.value_one .line_blue { border: 10px solid #007bb8}
.value_one .line_navy { border: 10px solid #446382}
.value_one .line_black { border: 10px solid #46404a}
.value_conts dl { width:100%; margin: 0 0 15px 0}
.process_step ul li strong { height: 38px; line-height: 18px;}
.process_step ul li { float: left}
.process_step ul li { width:33%; margin: 0 auto}
.process_step ul li::after { left: -4px;}
#s_visual h2 { font-size:2.2em;}
h2 {font-size:24px;}
.cd-item-info ul li .pro_view_tit { width:27%;}
.box_gray2 dl dd { width:82% !important}
.cd-item-info ul li .pro_view_info { width:68%;}
}
@media screen and (max-width:540px) {
.pro_list {padding:40px 0; width:100%;}
.pro_list dl dt {height:222px;}
.pro_list dl { width:80%; margin: 0 auto 30px; float: none; padding: 0}
.pro_list dl:nth-child(2n) {margin: 0 auto 30px;}
.box_gray2 dl dd { width:80% !important}
}
@media screen and (max-width:480px) {
}
/* pagenavi.css */
.wp-pagenavi {
clear: both;
text-align: center;
}
.wp-pagenavi span {
text-decoration: none;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.42857143;
color: #fff;
text-decoration: none;
background-color: #337ab7;
border: 1px solid #337ab7;
}
.wp-pagenavi a {
position: relative;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.42857143;
color: #337ab7;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
}
.wp-pagenavi a:hover, .wp-pagenavi a:focus {
color: #23527c;
background-color: #eee;
border-color: #ddd;
}
.wp-pagenavi span.current {
font-weight: bold;
}
.wp-pagenavi a.first {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.wp-pagenavi a.last {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}