@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@font-face {
    font-family: 'NotoSerifKR';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* basic */
html {}
*, *::before, *::after {box-sizing: border-box;}
html, body {margin:0; padding:0; overflow-x:hidden;}
a, a:link, a:visited, a:focus {text-decoration:none; color:inherit; outline:none; border:none;}
ul, ol, li, dl, dt, dd {margin:0; padding:0;}
ul, ol, li {list-style:none;}
table, fieldset, img {border:none;}
table {border:0; border-spacing:0; border-collapse:collapse;}
img {max-width:100%; vertical-align:top; outline:none;}
p {margin:0; padding:0;}
*:focus {outline:none;}

.fL {float:left;}
.fR {float:right;}
.cB {zoom:1;}
.cB::after {display:block; visibility:hidden; clear:both; content:"";}
.ulFl {zoom:1;}
.ulFl::after {display:block; visibility:hidden; clear:both; content:"";}
.ulFl > li {float:left; position:relative;}
.dlFl {zoom:1;}
.dlFl::after {display:block; visibility:hidden; clear:both; content:"";}
.dlFl > dt, .dlFl > dd {float:left; position:relative;}
.clear {clear:both;}
.hidden {display:none;}
.tC {text-align:center;}
.tL {text-align:left;}
.tR {text-align:right;}
.tJ {text-align:justify;}
.tCap {text-transform:capitalize;}
.tUp {text-transform:uppercase;}
.tLow {text-transform:lowercase;}
.mA {margin:0 auto;}
.cW {color:#fff !important;}
.lH100 {line-height:100%;}
.lH120 {line-height:120%;}
.lH150 {line-height:150%;}
.lH180 {line-height:180%;}
.lH200 {line-height:200%;}
.mX {position:absolute; left:50%; transform:translateX(-50%);}
.mY {position:absolute; top:50%; transform:translateY(-50%);}
.mXY {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.cutstr {width:auto; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;}
.cutstr2 {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap:break-word; line-height:1.5em; height:3.0em;}
.cutstr3 {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; word-wrap:break-word; line-height:1.5em; height:4.5em;}
.pR {position:relative;}
.pA {position:absolute;}
.pF {position:fixed;}
.oXA {overflow-x:auto; overflow-y:hidden;}
.oYA {overflow-y:auto; overflow-x:hidden;}
.vT {vertical-align:top;}
.vB {vertical-align:bottom;}
.dI {display:inline-block;}
.dB {display:block;}
.oH {overflow:hidden;}
.oV {overflow:visible;}
.fff {color:#fff;}
.tS1 {text-shadow:3px 4px 4px rgba(0, 0, 0, 0.65);}
.tS2 {text-shadow:2px 2px 3px rgba(0, 0, 0, 0.65);}
.bS {box-shadow:10px 10px 20px rgba(0, 0, 0, 0.3);}
.test {border:1px solid red;}

.m0 {margin:0 !important;}
.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mt100 {margin-top:100px !important;}
.mt120 {margin-top:120px !important;}
.mt150 {margin-top:150px !important;}
.mt160 {margin-top:160px !important;}
.mt180 {margin-top:180px !important;}
.mt200 {margin-top:200px !important;}

.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}
.mb90 {margin-bottom:90px !important;}
.mb100 {margin-bottom:100px !important;}
.mb120 {margin-bottom:120px !important;}
.mb150 {margin-bottom:150px !important;}
.mb160 {margin-bottom:160px !important;}
.mb180 {margin-bottom:180px !important;}
.mb200 {margin-bottom:200px !important;}

.ml0 {margin-left:0px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
.ml60 {margin-left:60px !important;}
.ml70 {margin-left:70px !important;}
.ml80 {margin-left:80px !important;}
.ml90 {margin-left:90px !important;}
.ml100 {margin-left:100px !important;}

.mr0 {margin-right:0px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}
.mr60 {margin-right:60px !important;}
.mr70 {margin-right:70px !important;}
.mr80 {margin-right:80px !important;}
.mr90 {margin-right:90px !important;}
.mr100 {margin-right:100px !important;}

.p0 {padding:0 !important;}
.pt0 {padding-top:0 !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pt60 {padding-top:60px !important;}
.pt70 {padding-top:70px !important;}
.pt80 {padding-top:80px !important;}
.pt90 {padding-top:90px !important;}
.pt100 {padding-top:100px !important;}
.pt120 {padding-top:120px !important;}
.pt150 {padding-top:150px !important;}
.pt160 {padding-top:160px !important;}
.pt180 {padding-top:180px !important;}
.pt200 {padding-top:200px !important;}

.pb0 {padding-bottom:0 !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pb60 {padding-bottom:60px !important;}
.pb70 {padding-bottom:70px !important;}
.pb80 {padding-bottom:80px !important;}
.pb90 {padding-bottom:90px !important;}
.pb100 {padding-bottom:100px !important;}
.pb120 {padding-bottom:120px !important;}
.pb150 {padding-bottom:150px !important;}
.pb160 {padding-bottom:160px !important;}
.pb180 {padding-bottom:180px !important;}
.pb200 {padding-bottom:200px !important;}

.pl0 {padding-left:0px !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;}
.pl40 {padding-left:40px !important;}
.pl50 {padding-left:50px !important;}
.pl60 {padding-left:60px !important;}
.pl70 {padding-left:70px !important;}
.pl80 {padding-left:80px !important;}
.pl90 {padding-left:90px !important;}
.pl100 {padding-left:100px !important;}

.pr0 {padding-right:0px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr30 {padding-right:30px !important;}
.pr40 {padding-right:40px !important;}
.pr50 {padding-right:50px !important;}
.pr60 {padding-right:60px !important;}
.pr70 {padding-right:70px !important;}
.pr80 {padding-right:80px !important;}
.pr90 {padding-right:90px !important;}
.pr100 {padding-right:100px !important;}

.b0 {border:none !important;}
.bT0 {border-top:none !important;}
.bB0 {border-bottom:none !important;}
.bR0 {border-right:none !important;}
.bL0 {border-left:none !important;}

.w5 {width:5%;}
.w10 {width:10%;}
.w15 {width:15%;}
.w20 {width:20%;}
.w25 {width:25%;}
.w30 {width:30%;}
.w35 {width:35%;}
.w40 {width:40%;}
.w41 {width:41%;}
.w42 {width:42%;}
.w43 {width:43%;}
.w44 {width:44%;}
.w45 {width:45%;}
.w46 {width:46%;}
.w47 {width:47%;}
.w48 {width:48%;}
.w49 {width:49%;}
.w50 {width:50%;}
.w51 {width:51%;}
.w52 {width:52%;}
.w53 {width:53%;}
.w54 {width:54%;}
.w55 {width:55%;}
.w56 {width:56%;}
.w57 {width:57%;}
.w58 {width:58%;}
.w59 {width:59%;}
.w60 {width:60%;}
.w65 {width:65%;}
.w70 {width:70%;}
.w75 {width:75%;}
.w80 {width:80%;}
.w85 {width:85%;}
.w90 {width:90%;}
.w95 {width:95%;}
.w100 {width:100%;}

.h100 {height:100%;}

/* custom */
.mhtml {}
body {font-family:'Noto Sans KR', 'sans-serif'; font-size:16px; font-weight:400; color:#666; background:none;}
body a {color:#666;}
h1, h2, h3, h4, h5, h6 {font-family:'Noto Sans KR', 'sans-serif';}
input, button {font-family:'Noto Sans KR', 'sans-serif';}
textarea, select {font-family:'Noto Sans KR', 'sans-serif';}
p {word-break:keep-all; word-wrap:break-word; line-height:120%;}

.wrapper {width:100%; max-width:1280px; margin:0 auto; z-index:auto; position:relative;}
.wrapper:after {display:block; visibility:hidden; clear:both; content:"";}
.wrapper-inner {width:100vw; margin-left:calc(-50vw + 50%); padding:0; position:relative; overflow:hidden;}
.wrapper-inner img {max-width:100%;}

.noto {font-family:'Noto Sans KR', 'sans-serif';}
.ntsf {font-family:'NotoSerifKR', 'serif';}

.hdwrap {width:100%; height:100px; position:relative; z-index:1;}

.header {}
.header .logo {position:absolute; top:20px; left:0px; z-index:999;}


/* gnb */
.gnb {width:100%; height:100px; position:relative;}
.gnb > h2 {position:absolute; font-size:0; line-height:0; overflow:hidden}
.gnb .gnb_1ul {display:inline-block; position:absolute; top:0; right:0;}
.gnb .gnb_1li {float:left; position:relative; cursor:pointer;}
.gnb .gnb_1li .bg {display:none;}
.gnb .gnb_1a {font-size:18px; font-weight:400; color:#000; line-height:100px; padding:0px 40px;}
.gnb .gnb_1a:hover {}
.gnb .gnb_1li:hover > .gnb_2ul {}
.gnb .gnb_2ul {width:100%; padding:10px 0px 20px; position:absolute; top:100px; left:0; display:none;}
.gnb .gnb_2ul li {margin:5px 0px 10px 0px;}
.gnb .gnb_2a {font-size:14px; color:#666; display:block; text-align:center; line-height:120%;}
.gnb .gnb_2a:hover {color:#111;}
.gnb_all_bg {width:100%; height:200px; background:rgba(255,255,255,0.9); position:absolute; top:100px; left:0px; display:none;}

.btn_gnb {position:absolute; top:36px; right:15px; font-size:40px; color:#000; cursor:pointer; z-index:900; display:none;}
.btn_gnb_close {position:fixed; top:30px; right:15px; font-size:30px; color:#fff; cursor:pointer; z-index:999; display:none;}

.mgnb {width:0; height:100%; position:fixed; top:0; right:0; background:#000; text-align:left; display:none; z-index:998;}
.mgnb > h2 {position:absolute; font-size:0; line-height:0; overflow:hidden}
.mgnb .mgnb_1ul {margin-top:50px;}
.mgnb .mgnb_1li .bg {display:none;}
.mgnb .mgnb_1 {font-size:18px; color:#fff; line-height:120%; margin:20px 0 10px; padding-left:20px; cursor:pointer;}
.mgnb .mgnb_2ul {width:100%; background:#eee; padding:10px 0px 15px 20px; display:none;}
.mgnb .mgnb_2ul li {margin:5px 0px;}
.mgnb .mgnb_2a {font-size:14px; color:#333; display:block;}
.mgnb .mgnb_2a:hover {color:#000;}


.subvisu {width:100%; height:420px; position:relative; text-align:center; background:url('../img/sub.jpg') 50% 50% no-repeat; background-size:cover;}
.subvisu .titwrap {}
.subvisu .titwrap h2 {font-size:48px; font-weight:600; color:#fff;}

.lnb {border-bottom:1px solid #ddd; text-align:center;}
.lnb li {display:inline-block; border-right:1px solid #ddd;}
.lnb li:first-child {border-left:1px solid #ddd;}
.lnb li a {font-size:18px; color:#999; padding:26px 20px; display:inline-block;}
.lnb li:last-child a {}
.lnb li a.on {font-weight:500; color:#0052c6;}

.ftwrap {width:100%; background:#292929; padding:60px 0px; position:relative;}
.ftwrap .logowrap {display:inline-block; margin-bottom:20px;}
.ftwrap .ftbox {display:block; vertical-align:top;}
.ftwrap .ftbox p {font-size:13px; color:#adadad; line-height:180%;}
.ftwrap .ftbox p strong {color:#777; margin-right:10px;}
.ftwrap .ftbox p a {color:#adadad;}
.ftwrap .ftbox p span {margin-right:20px;}
.ftwrap .ftbox .copy {font-size:13px; color:#999; position:absolute; bottom:0px; right:0px;}
.ftwrap .login {position:absolute; top:20px; right:50px;}
.ftwrap .login a {color:#333; margin-left:10px;}
.ftwrap .login a.logout {color:red;}

#top_btn {border-radius:100%;}
#top_btn:hover {border-color:#3059c7; background:#3059c7;}

/* common */
.ul2 > li {width:49%; margin-right:2%; margin-bottom:20px; position:relative;}
.ul2 > li:nth-child(2n) {margin-right:0;}
.ul2 > li:nth-last-child(-n + 2) {margin-bottom:0;}

.ul3 > li {width:32%; margin-right:2%; margin-bottom:20px; position:relative;}
.ul3 > li:nth-child(3n) {margin-right:0;}
.ul3 > li:nth-last-child(-n + 3) {margin-bottom:0;}

.ul4 > li {width:23%; margin-right:2.6666%; margin-bottom:20px; position:relative;}
.ul4 > li:nth-child(4n) {margin-right:0;}
.ul4 > li:nth-last-child(-n + 4) {margin-bottom:0;}

.ul5 > li {width:18%; margin-right:2.5%; margin-bottom:20px; position:relative;}
.ul5 > li:nth-child(5n) {margin-right:0;}
.ul5 > li:nth-last-child(-n + 5) {margin-bottom:0;}

.ul6 > li {width:15%; margin-right:2%; margin-bottom:20px; position:relative;}
.ul6 > li:nth-child(6n) {margin-right:0;}
.ul6 > li:nth-last-child(-n + 6) {margin-bottom:0;}


.ult1 li {padding-left:15px; position:relative;}
.ult1 li::before {content:''; width:5px; height:5px; display:inline-block; background:#ddd; border-radius:50%; position:absolute; top:9px; left:0;}


/* main */

/* slider */
#Slider {position:relative;}
.slick {width:100%; height:780px; position:relative; overflow:hidden;}

/* slick slider detail */
.slick-loading .slick-list{background:#fff url('../js/slick/ajax-loader.gif') center center no-repeat;}
.slick .slick-list {}
.slick-slide {}
.slick .slickbox {height:780px; background-size:cover !important;}

.slick-active {}
.slick-center {}

.slick-arrow {width:50px; height:50px; position:absolute; top:50%; transform:translateY(-50%); text-indent:-9999999px; font-size:0; line-height:0; border:0; cursor:pointer; z-index:1;}
.slick .slick-prev {left:50px; background:url('../img/slick_prev.png') no-repeat;}
.slick .slick-next {right:50px; background:url('../img/slick_next.png') no-repeat;}
        
.slick-dots {display:inline-block; position:absolute; bottom:100px; left:50%; transform:translateX(-50%);}
.slick-dots li {display:inline-block; margin:0px 10px;}
.slick-dots li button {width:8px; height:8px; font-size:0; line-height:0; background:#fff; padding:0; cursor:pointer; border:0px;}
.slick-dots li.slick-active button {background:#0051c6;}
.slick-dots li.slick-active button:hover {background:#fff;}
.slick-dots li.slick-active button:focus {background:#0051c6;}

#Slider .playstop {display:none;}

.slicktext {font-size:22px; font-weight:500; color:#fff; word-break:keep-all;}
.slicktext span {font-size:18px; font-weight:200; line-height:180%;}
.slicktext strong {font-size:48px; font-weight:700; margin-top:30px; display:inline-block;}

.mtit1 {font-size:46px; font-weight:600; color:#333; margin-bottom:20px;}
.mtit2 {font-size:18px; font-weight:400; color:#63d1ff; margin-bottom:10px;}
.mtit3 {font-size:38px; font-weight:500; color:#fff;}
.mtit4 {font-size:24px; font-weight:500; color:#fff; margin-bottom:20px;}
.mtit5 {font-size:46px; font-weight:600; color:#fff; line-height:140%; display:inline-block;}

.exp1 {font-size:18px; color:#444;}
.exp2 {font-size:18px; color:#fff; line-height:140%;}
.exp3 {font-size:22px; color:#fff;}
.exp4 {font-size:36px; font-weight:600; color:#444; line-height:140%;}
.exp5 {font-size:22px; font-weight:500; color:#555; line-height:140%;}

a.mlink {width:160px; display:inline-block; padding-left:20px; line-height:56px; color:#fff; border:1px solid #fff; background:url('../img/ico_arr1.png') 88% 50% no-repeat;}

.mdiv1 .ulFl li {width:16.6666666%; height:140px; padding-top:85px; font-size:18px; line-height:100%; text-align:center; border:1px solid #e2e2e2; border-right:0; background:url('../img/mico1.png') 50% 20px no-repeat; cursor:pointer;}
.mdiv1 .ulFl li:nth-child(2) {background:url('../img/mico2.png') 50% 20px no-repeat;}
.mdiv1 .ulFl li:nth-child(3) {background:url('../img/mico3.png') 50% 20px no-repeat;}
.mdiv1 .ulFl li:nth-child(4) {background:url('../img/mico4.png') 50% 20px no-repeat;}
.mdiv1 .ulFl li:nth-child(6) {border-right:1px solid #e2e2e2;}

.mdiv1 .ulFl li.stabOn {color:#fff; background:#0051c6 url('../img/mico1_on.png') 50% 20px no-repeat; border-color:#0051c6;}
.mdiv1 .ulFl li.stabOn:nth-child(2) {background:#0051c6 url('../img/mico2_on.png') 50% 20px no-repeat;}
.mdiv1 .ulFl li.stabOn:nth-child(3) {background:#0051c6 url('../img/mico3_on.png') 50% 20px no-repeat;}
.mdiv1 .ulFl li.stabOn:nth-child(4) {background:#0051c6 url('../img/mico4_on.png') 50% 20px no-repeat;}

.mdiv1 .tabL {z-index:-1; width:100%; height:460px; background-size:cover; position:relative; padding-top:110px;}
.mdiv1 .tabOn {z-index:1;}
.mdiv1 .tabL.tab1 {background:url('../img/bg_mtab1.jpg') 50% 50% no-repeat;}
.mdiv1 .tabL.tab2 {background:url('../img/bg_mtab2.jpg') 50% 50% no-repeat;}
.mdiv1 .tabL.tab3 {background:url('../img/bg_mtab3.jpg') 50% 50% no-repeat;}
.mdiv1 .tabL.tab4 {background:url('../img/bg_mtab4.jpg') 50% 50% no-repeat;}
.mdiv1 .tabL.tab5 {background:url('../img/bg_mtab5.jpg') 50% 50% no-repeat;}
.mdiv1 .tabL.tab6 {background:url('../img/bg_mtab6.jpg') 50% 50% no-repeat;}
.mdiv1 .tabL .fL {height:240px; padding-left:120px;}
.mdiv1 .tabL .fL a.mlink {position:absolute; bottom:0px;}
.mdiv1 .tabL .fR img {margin-right:40px;}

.mdiv2 {width:100%; padding:120px 0; background:url('../img/bg_mdiv2.jpg') 50% 50% no-repeat; background-size:cover;}

.mdiv4 {width:100%; padding:150px 0; background:url('../img/bg_mdiv4.jpg') 50% 50% no-repeat; background-size:cover;}
.mdiv4 .mtit5 {line-height:56px;}

/* contents */
.container {width:100%; min-height:600px; padding:120px 0 150px 0;}
.container p {word-break:keep-all;}
.bbsctt {font-size:14px;}

.cp1 {font-size:18px; line-height:140%;}

.tit1 {font-size:42px; font-weight:600; color:#444; line-height:100%;}

.tbl1 {width:100%; border-top:2px solid #959595;}
.tbl1 th, .tbl1 td {padding:20px; border-bottom:1px solid #e3e3e3;}
.tbl1 th {background:#f5f5f5; font-weight:500;}


.history {margin:100px 0; overflow: hidden; }
.history table {margin:222px 0 0 70px; width: 540px;}
.history table tr td:first-child {font-size: 40px; width: 180px;}
.history table tr td {border-bottom: 1px solid #cccccc; color: #666;padding: 40px 0;    vertical-align: middle;}

.cert h2 {margin-bottom:30px; font-size:25px; font-weight:600; color:#444;}
.cert h2 span {font-size:16px; font-weight:300;}
.cert h3 {margin-bottom:40px; font-size:20px; font-weight:500; color:#666;}
.certul .certbox {width:50%; margin-bottom:40px;}
.certul .certimg {border:2px solid #ccc;}
.certul .certctt {margin-left:40px; padding-top:40px; position:relative;}
.certul .certctt .btn {width:180px; line-height:50px; position:absolute; top:300px; left:0px; display:inline-block; cursor:pointer; background:#f9f8f7 url('images/ico_search.png') 120px 50% no-repeat; border:1px solid #ccc; padding-left:40px; box-sizing:border-box; color:#fd7f0f; font-size:15px; font-weight:400;}
.certul .certexp {margin-bottom:}
.certul .certexp li {font-size:15px; color:#666; line-height:200%; list-style:disc; margin-left:20px;}

.contact .carmap img, .contact .busmap img {margin:56px 0 18px 0;}
.contact .carmap {margin-right: 59px;}
.contact .carmap, .contact .busmap {margin-bottom: 72px;}
.contact .carmap span,.contact .busmap span {color: #666; margin-left: 128px; display: inline-block;}

.productDiv {margin-right: 10%; width: 45%; margin-bottom: 10%;}
.productDiv.proend {margin-right:0;}
.productDiv b{color: #fd7f0f; margin-right: 10px; font-size: 10px; position: relative; top: -5px;}
.productDiv h2 {font-size: 20px; color:#444;}
.productDiv img {width: 50%; margin-left:25%;}
.productDiv table {width: 100%; text-align: center; border-top:3px solid #232323; border-collapse: collapse; margin-bottom: 40px;}
.productDiv table tr th, .productDiv table tr td {border-bottom: 1px solid #c5c5c5; padding: 8px 0; font-size: 14px;}
.productDiv table tr th {color: #444; background-color: #f8f8f8;}
.productDiv table tr td {color:#666;}

.request {background: url('../images/pages/quote01.jpg') no-repeat; overflow: hidden; padding: 70px 0 0 84px; height: 500px;}
.reqbox {background: url('../images/pages/quote02.png') no-repeat; margin: 32px 36px 0 0; box-shadow: 4px 5px 8px 0px rgba(0, 0, 0, 0.1); padding: 30px; box-sizing: border-box; width: 440px; height: 222px;}
.reqtext b {color: #bababa; font-size: 16px; }
.reqtext h1 {color: white; font-size: 40px; margin:10px 0;}
.reqtext span {color: #f1f1f1; font-size: 14px;}
.reqbox h2 {color: #444; font-size: 20px;}
.reqbox h3 {color: #fd7f0f; font-size: 25px; margin: 10px 0;}
.reqbox span {color: #444; font-size: 14px;}
.reqbox img {margin: 0 24px 100px 0; }
.reqbox1 {margin-left:160px;}

@media screen and (min-width: 1920px){
}


@media screen and (max-width:1300px){
    .wrapper {min-width:320px; padding:0 15px;}

    .header .logo {left:15px;}
    .ftwrap .ftbox .copy {right:15px;}

    .history table {margin:50px 0 0 0px; width:100%;}
}

@media screen and (max-width:1180px){
    .gnb .gnb_1a {padding:0px 20px;}
    .gnb_all_bg {height:220px;}

    .lnb li a {font-size:14px;}
    
    .mtit5 {font-size:32px;}

    .mdiv1 .tabL .fL.w50 {width:40%;}
    .mdiv1 .tabL .fR.w50 {width:60%;}
    .mdiv1 .tabL .fL {padding-left:50px;}
    .mdiv1 .tabL .fR img {width:40%; margin-right:20px;}
}

@media screen and (max-width:1100px){
    .a01 .mb100 {margin-bottom:50px !important;}
    .a01 .w40, .a01 .w60 {width:100%;}
    .a01 .w40.tR {text-align:left; margin-top:50px;}
}

@media screen and (max-width:1010px){
    .productDiv {margin:0 5%; width: 40%; margin-bottom: 10%;}
    
    .request {height: auto; min-height:500px;}
    .reqbox {margin: 32px 0px 0 0;}
}

@media screen and (max-width:950px){
    .ftwrap {text-align:center;}
    .ftwrap .logowrap {display:block; margin:0 0 30px 0;}
    .ftwrap .ftlink {display:inline-block;}
    .ftwrap .login {display:none;}
    .ftwrap .ftbox .copy {position:relative; right:initial; margin-top:20px;}

    .btn_gnb {display:inline-block;}
    .gnb {display:none;}
    .mgnb {display:block;}
    
    .lnb {display:none;}

    .ovwrap {width:900px;}

    .mdiv1 .ulFl li {font-size:14px;}

    .mdiv2 {padding:30px 0 60px;}
    .mdiv2 .w60, .mdiv2 .w40 {width:100%;}
    .mdiv2 .w40 {margin-top:30px;}

    .mdiv4 {padding:50px 0;}
    .mdiv4 .mlink {margin-top:50px;}
}

@media screen and (max-width: 840px){
    .history {margin:100px 0 50px; overflow: hidden; }
    .history table {margin:0px; width: 100%;}
    .history table tr td:first-child {width: 30%;}
    
    .certul .certctt .btn {position:static; margin-top:20px;}
    .certul .certctt {margin-left:10px;}
    
    .contact .carmap img, .contact .busmap img {margin:20px 0 20px 0;}
    .contact .carmap {margin-right: 10px; margin-top:20px;}
    .contact .carmap, .contact .busmap {margin-bottom: 50px;}
    .contact .carmap span,.contact .busmap span {margin-left: 10px;}

    .productDiv {margin:0 10%; width: 80%; margin-bottom: 10%;}
    
    .reqbox1 {margin-left:0px;}
}


@media screen and (max-width:700px){
    body {font-weight:normal;}

    #hd_pop {width:100% !important;}
    .hd_pops {top:0px !important; left:0 !important;}
    .hd_pops_con {height:auto !important;}

    .header .logo {width:70%; top:30px;}

    .ftwrap .ftbox span {display:block;}
    
    .slick {height:400px;}
    .slick .slickbox {height:400px;}
    .slick .slick-prev {left:15px;}
    .slick .slick-next {right:15px;}
    .slicktext strong {font-size:24px;}
    .slick-dots {bottom:20px;}
    
    .subvisu {height:250px;}
    .subvisu .titwrap .location {font-size:14px; text-shadow:none;}
    .subvisu .titwrap h2 {font-size:16px; text-shadow:none;}
    .subvisu .titwrap h3 {font-size:30px; text-shadow:none;}
    
    .mdiv1 .ulFl li {height:160px; padding:85px 5px 0 5px;}

    .mdiv1 .tabL {padding-top:50px;}
    .mdiv1 .tabL .fL.w50 {width:100%;}
    .mdiv1 .tabL .fR.w50 {width:100%;}
    .mdiv1 .tabL .fR img {width:40%; margin:0px 0 0 20px;}
    .mdiv1 .tabL .fL {height:auto; padding-left:20px;}
    .mdiv1 .tabL .fL a.mlink {position:relative; margin:30px 0;}

    .mt150, .mt120 {margin-top:60px !important;}
    .mb120 {margin-bottom:60px !important;}

    .container {padding:50px 0 80px 0;}
    
    .certul .certctt .btn {position:static; margin-top:20px;}
    .certul .certctt {margin-left:10px;}
    
    .contact .carmap img, .contact .busmap img {margin:20px 0 20px 0;}
    .contact .carmap {margin-right: 10px; margin-top:20px;}
    .contact .carmap, .contact .busmap {margin-bottom: 50px;}
    .contact .carmap span,.contact .busmap span {margin-left: 10px;}

    .reqbox {margin: 32px 0px 0 0; width:90%; height:auto; background:#fff;}
    .reqbox h3 {font-size:20px;}
    .reqbox img {display:none;}
    .reqbox1 {margin-left:0px;}
}