@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css); 
@import url(http://font.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@font-face {font-family:'GmarketSansLight'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'GmarketSansMedium'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'GmarketSansBold'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'KOTRALEAP'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2110@1.0/KOTRALEAP.woff2') format('woff2'); font-weight:normal; font-style:normal;}
@font-face {font-family:'MalgunGothic'; src:url(/img/MalgunGothic.eot);}
@font-face {font-family:'HoengseongHanu'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2202@1.0/HoengseongHanu.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'SANJUGotgam'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2112@1.0/SANJUGotgam.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'ROKAFSlabSerifBold'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts2201-3@1.0/ROKAFSlabSerifBold.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'ROKAFSlabSerifMedium'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts2201-3@1.0/ROKAFSlabSerifMedium.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'yg-jalnan'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff'); font-weight:normal; font-style:normal;}
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@font-face {font-family:'Cafe24ClassicType-Regular'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2210-2@1.0/Cafe24ClassicType-Regular.woff2') format('woff2'); font-weight:normal; font-style:normal;}
br {font-family:'MalgunGothic';}
@font-face {
font-family:'Pretendard-Regular';
src:url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
font-weight:400;
font-style:normal;
}


*,body {margin:0; padding:0; scroll-behavior:smooth;}
body {font-family:'Pretendard-Regular';}
#html_main, #body_index {height:100%; margin:0;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,select,button,
body,td,form,select,input,button,textarea,div,option,pre,p,span,blockquote,li,dt,dd,legend,label,h1,h2,h3,h4,h5,h6, div, header, nav, ol, ul, li, article, section, footer, img, a, p, span, h1, h2, h3, h4, h5, h6, hgroup, input, select, figure, figcaption, textarea, fieldset {position:relative;}
label,button,input[type=button],input[type=submit],input[type=image] {cursor:pointer;}


img {border:none;}
a {text-decoration:none;}
li {list-style:none;}
input, textarea, select, option {outline:none; font-family:'Pretendard-Regular';}
.clr {clear:both;}
.overfl {overflow:hidden;}
.mrt0 {margin-top:0 !important;}
.mrt10 {margin-top:10px !important;}
.mrt30 {margin-top:30px !important;}
.mrt50 {margin-top:50px !important;}
.mrt70 {margin-top:70px !important;}
.mrt90 {margin-top:90px !important;}
.mrt100 {margin-top:100px !important;}
.fll {float:left;}
.flr {float:right;}
.display_block {display:block !important;}
.px1200 {width:90%; margin:0 auto;}
.px1300 {width:90%; margin:0 auto;}




/* ============= 공통 ============= */
#body_index {background:url(img/bg01.png); overflow:hidden; display:table; width:100%; text-align:Center;}
.divindex_table {display:table-cell; vertical-align:middle;}
.divindex_table article {margin:70px auto; overflow:hidden; text-align:center;}
.divindex_table article figure, .divindex_table article ul {display:inline-block;}
.divindex_table section {width:450px; margin:40px auto 0 auto; -webkit-box-shadow:7px 7px 0px 0px rgba(0, 0, 0, 0.13); -moz-box-shadow:7px 7px 0px 0px rgba(0, 0, 0, 0.13); box-shadow:7px 7px 0px 0px rgba(0, 0, 0, 0.13); overflow:Hidden;}
.divindex_table section div {background:#fff; padding:30px; border:1px solid #ddd;}
.divindex_table section h3 {background:#c32c25; color:#fff; font-size:20px; padding:18px 0 15px 0; font-weight:400;}
.divindex_table section a {display:block; width:200px; height:40px; line-height:43px; background:#236350; text-align:Center; font-size:16px; color:#fff; margin:0 auto; border-radius:50px;}
.ul_indexlogin {width:388px; margin:0 auto;}
.ul_indexlogin li {height:50px; line-height:50px; border:1px solid #ddd; margin:0 0 20px 0;}
.ul_indexlogin li > input {display:block; width:calc(100% - 22px); height:100%; border:none; padding:0 10px;}
.ul_indexlogin li:last-child {border:none; font-size:14px; color:#666; height:30px; line-height:30px;}
.ul_indexlogin li:last-child input {top:3px;}
.ul_indexlogin li strong {font-weight:400;}




/* ============= 헤더 ============= */
header {position:; top:0; z-index:100; width:100%; background:#fff; z-index:9999999999999; border-bottom:1px solid #ddd;}
header::after {content:"";}
.container {width:100%; padding:20px 0;}
.container::after {content:"";}
.addition h1 {text-align:center;}
.addition h1 img {display:block; width:350px;}
.fixed1 {position:absolute; z-index:999; left:20px; top:36px;}
.fixed2 {position:absolute; z-index:999; right:20px; top:33px;}
#sidebar {width:280px; height:100%; background:#fff; box-shadow:-1px 3px 28px rgba(84, 84, 84, 0.12); z-index:9999999999999999999999999999999999999999999999999;}
.tuxedo-menu.tuxedo-menu-fixed {position:fixed; top:0; left:0; padding:0 20px; overflow:auto; z-index:11919911026; opacity:1;}
.tuxedo-menu {background:#fafafa; -webkit-animation-duration:200ms; animation-duration:200ms; display:none;}
.tuxedo-menu.tuxedo-menu-visible {display:block;}
.navXbtn01 {margin:20px auto 0 auto; text-align:right;}
.navXbtn01 img {width:30px; height:30px;}
.h1_nav01 {font-size:10px; color:#333; font-weight:500; margin:40px auto 0 auto; text-transform:uppercase; padding:0 0 10px 0; border-bottom:1px solid #333;}
.nav_cate01 {width:100%;margin:0 auto; text-transform:uppercase;}
.nav_cate01 > li, .nav_cate01 > li.active {font-size:15px; background:#fff url(img/tri.jpg) no-repeat 95% 23px; background-size:5px;}
.nav_cate01 > li > a {color:#111; border-bottom:1px solid #eee; font-weight:500;}
.nav_cate01 a {display:block; padding:0 5%; border-bottom:1px solid #ddd; width:90%; height:60px; line-height:60px;}
.nav_cate01 li:last-child .subgnb01 > li:last-child {border-bottom:none;}
.phoneh3 {font-size:31px; color:#fff; background:#ff3131; line-height:50px; height:50px; border-radius:50px; width:100%; margin:30px auto 0 auto;}
.phoneh3 span {border-radius:50px; background:#9b0808; width:50px; height:50px; display:block; float:left; text-align:Center; line-height:50px;}
.phoneh3 strong {display:block; float:left; margin:0 0 0 23px;}
.phoneh3 span img {display:block; margin:13px auto;}

#gnb li strong {font-weight:400; font-size:13px;}
#gnb li:last-child a {background:#72200d; color:#fff;}
#toptoptop {display:none; overflow:hidden;}
#toptoptop ul {overflow:Hidden;}
#toptoptop li {float:left; width:50%; height:70px; line-height:70px; text-align:Center; background:#c32c25 /*256bc3*/ ; font-size:27px; font-weight:900;}
#toptoptop li + li {width:calc(50% - 1px); border-left:1px dashed #eee; background:#e5704d;}
#toptoptop li a {color:#fff; display:block;}
#toptoptop li img {width:30px; vertical-align:middle; top:-2px; display:inline-block; margin:0 5px 0 0;}
@keyframes blink-effect {
  50% {
    opacity:0;
  }
}
.blink {animation:blink-effect 0.9s step-end infinite;}
.blink2 {animation:blink-effect 0.4s step-end infinite;}
#mobile_mainvisual {visibility:hidden; min-height:408px;}










/* ============= 푸터 ============= */
footer {width:100%; background:#fff; color:#666; font-size:14px; text-align:center; padding:30px 0 0 0; overflow:hidden; margin:50px auto 110px auto; border-top:1px solid #ddd;}
footer article {margin:25px auto; line-height:25px; overflow:Hidden;}
footer p {background:#4d0a0a; color:#fff; text-transform:uppercase; font-size:10px; height:50px; width:100%; line-height:50px; text-align:center;}




/* ============= 메인 ============= */
.mainvis {margin:85px auto 0 auto; overflow:hidden; text-align:center;}
.mainvis img {#width:100%; display:block;}
.mainvis02 {display:none;}
.mainvis > figure img {width:100%;}
.mtxtmtxtmtxt {display:none;}
.jb-box {width:100%; overflow:hidden; margin:0px auto; position:relative;}
.jb-text {position:absolute; top:100px; width:100%;}
.jb-text p {text-align:center;}
video {width:100%;}

#main_bottom {background:#392b2b; width:100%; text-align:center; margin:1px auto 0 auto; overflow:hidden; padding:20px 0;}
#main_bottom li {display:inline-block; margin:0 10px;}
#main_bottom li:first-child {display:none;}
#main_bottom figure, #main_bottom h3 {display:inline-block; margin:0 10px;}
#main_bottom h3 {font-family:'GmarketSansBold'; color:#ffd235; font-size:60px;}
#main_bottom img {vertical-align:middle;}
.change_bottom {position:fixed; bottom:0; z-index:911026910612;}

.hgroup_main {text-align:center; background:url(/img/bullet01.png) no-repeat center bottom; padding:0 0 50px 0;}
.hgroup_main h3 {Font-size:15px; opacity:0.9; font-weight:600; display:inline-block; padding:0 10px; text-transform:uppercase;}
.hgroup_main h1 {font-size:60px; line-height:52px; font-weight:600; margin:30px auto 0 auto; letter-spacing:-0.08em;}
.main00_plus {display:none;}
.main01 {background:#fff6f8/*url(/img/bg01.jpg) center top*/; width:100%; overflow:hidden; padding:50px 0;}
.main01 hgroup h3 {color:#8f5b5b; background:url(/img/bg03.png) repeat-x center bottom; text-transform:uppercase; font-size:10px; font-family:'GmarketSansBold';}
.main01 hgroup h1 {color:#c32c25;}
.main01 ul {text-align:Center; overflow:Hidden; margin:40px auto 0 auto;}
.main01 li {transition:opacity 0.5s;}
.main01 li:hover {opacity:0.7;}
.main02 {width:100%; overflow:hidden; padding:50px 0;}
.main02 hgroup h3 {color:#313a52; background:url(/img/bg04.png) repeat-x center bottom; font-size:10px; font-family:'GmarketSansBold';}
.main02 hgroup h1 {color:#313a52;}
.main02 > div {text-align:Center; overflow:Hidden; margin:40px auto 0 auto;}
.main02 section {width:340px; float:left; background:url(/img/main02bg.jpg) no-repeat center; text-align:center; border:1px solid #eee; border-top:2px solid #c32c25; padding:43px 0;}
.main02 section figure {height:110px; line-height:110px;}
.main02 section figure img {vertical-align:middle;}
.main02 section h1 {Font-size:30px; color:#4d0a0a; letter-spacing:-0.07em; margin:20px auto 0 auto; font-weight:400;}
.main02 section h3 {font-size:12px; color:#9d425a; opacity:0.5; margin:15px auto; text-transform:uppercase; letter-spacing:0.1em; font-weight:400;}
.main02 section p {font-size:16px; color:#444646; font-weight:400; line-height:26px;}
.main02 div div {background:url(/img/main02bg02.png) center; text-align:center; border:1px solid #eee; border-top:2px solid #c32c25;}
.main02 div div h3 {width:100%; overflow:hidden; padding:0 0 10px 0; border-bottom:1px solid #ddd;}
.main02 div div h3 strong {display:block; float:left; font-sizE:20px; color:#2c3636; font-weight:400;}
.main02 div div h3 span {display:block; float:right; font-size:13px; color:#2c3636; opacity:0.5; text-transform:uppercase; letter-spacing:0.05em; font-weight:400;}
.main02 div div h1 {text-align:Center; heighT:67px; line-height:67px; margin:25px auto 15px auto; vertical-align:top;}
.main02 div div h1 img, .main02 div div h1 strong {display:inline-block;}
.main02 div div h1 strong {font-size:52px; color:#c32c25; vertical-align:top;}
.main02 div div ul {margin:15px auto 0 auto;}
.main02 div div li {font-size:13px; color:#636363; background:url(/img/bullet02.png) no-repeat left center; text-align:left; padding:0 0 0 5px; line-height:30px;}
.main02 div div a {display:block; height:53px; line-height:53px; text-align:center; font-size:13px; color:#fff; background:#c32c25; margin:19px auto 0 auto;}
.main03 {width:100%; margin:50px auto; overflow:hidden; background:#fff; border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1;}
.main03 section {overflow:hidden; text-align:left;}
.main03 section h3 {font-size:15px; color:#000; opacity:0.5; font-weight:400; text-transform:uppercase;}
.main03 section h1 {font-size:24px; color:#000; line-height:24px; margin:25px 0; font-weight:400;}
.main03 section article {font-size:14px; color:#666; line-height:25px; margin:30px 0; white-space:normal; text-align:left; word-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden;}
.main03 section a {display:block; color:#c32c25; font-size:14px;}




.main01 {}
#mainTRUCKnew {overflow:hidden; margin:50px auto 0 auto;}
#mainTRUCKnew section {border:1px dashed #ddd; border-top:2px solid #850505; padding:30px; text-align:center; margin:25px auto 0 auto; float:left; background:#fff;width:calc(49% - 62px);}
#mainTRUCKnew section:nth-child(even) {float:right;}
#mainTRUCKnew section h1 {font-size:30px; margin:20px auto; color:#4d0a0a;}
#mainTRUCKnew section p {font-size:17px; line-height:27px; color:#666;}
.main01 > a {display:block; margin:50px auto 0 auto; overflow:Hidden; border-radius:50px; width:250px; height:50px; line-height:50px; background:#4d0a0a; color:#fff; font-size:16px; text-align:Center; font-weight:600;}




/* 메인슬라이드_태블릿모바일 */
#mobile_mainvisual {margin:0 auto;}
html[xmlns] .flexslider .slides {display:block;}
* html .flexslider .slides {height:1%;}
.no-js .flexslider .slides > li:first-child {display:block;}
.flexslider .slides > li {display:none; -webkit-backface-visibility:hidden;}
.flexslider .slides > li img {width:100%; display:block;}
.flexslider .slides:after {content:"\0020"; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.flex-direction-nav {width:100%; position:absolute; top:50%;}
.flex-direction-nav li {position:absolute;}
.flex-direction-nav li a {display:block; font-size:0; width:30px; height:36px;}
.flex-nav-prev {background:url(/img/mainarrow_left.jpg) no-repeat center; left:20px;}
.flex-nav-next {background:url(/img/mainarrow_right.jpg) no-repeat center; right:20px;}
.flex-control-nav {display:none;}
.flex-control-paging {display:block; position:absolute; bottom:-20px; width:100%; text-align:center;}
.flex-direction-nav .flex-prev {left:0;}
.flex-direction-nav .flex-next {right:0;; text-align:right;}
.flex-control-paging {text-align:center; margin:0 auto; position:Absolute; bottom:20px; width:100%; text-align:center;}
.flex-control-paging li {width:20px; height:6px; text-align:center; display:inline-block; padding:0 3px;}
.flex-control-paging li a {display:block; width:20px; height:4px; font-size:0; background:url(/img/main01bullet02.png) no-repeat;}
.flex-control-paging li a.flex-active {background:url(/img/main01bullet01.png) no-repeat;}

#mobilephonemain00 {position:absolute; top:0; width:100%; z-index:100; height:100%;}
#mobilephonemain00 p {display:block; position:Absolute; width:100%; height:100%; bottom:-62%; text-align:center;}
#mobilephonemain00 p a {display:inline-block; max-width:150px; margin:10px 6px; }
#mobilephonemain00 p a img {width:100%; margin:0 auto}





















/* ============= 서브 ============= */
.subvis {width:100%; height:350px; text-align:Center; background:url(/img/subvis_BgNEW.jpg) no-repeat center; text-align:Center; margin:91px auto 0 auto; overflow:hidden;}
.subvis figure {display:inline-block; margin:0 30px; line-height:350px;}
.subvis h1 {display:none;}
.subvis figure img {vertical-align:middle;}
.subpage {width:100%; overflow:Hidden; margin:60px auto;}
.subpage > hgroup {Text-align:center;}
.subpage > hgroup h1, .subpage > hgroup h3 {color:#333; font-weight:400; letter-spacing:-0.07em;}
.subpage > hgroup h1 {font-size:50px;}
.subpage > hgroup h3 {font-size:18px; margin:30px auto 0 auto; background:url(/img/bullet01.png) no-repeat center bottom; padding:0 0 50px 0;}



.subpage {margin:40px auto;}
.sub00 {width:90%; margin:40px auto 0 auto;}
.sub0101 {text-align:Center;}
.sub0101 article {margin:10px auto 0 auto; overflow:hidden; font-size:17px; border:1px dashed #ddd; padding:30px 0; line-height:27px; color:#333; letter-spacing:-0.03em;}

.sub0201 {}
.figurewrap02 {overflow:Hidden; border-top:1px solid #ccc; border-bottom:1px solid #ccc; text-align:Center;}
.figurewrap02 figure {padding:30px 0; text-align:center; border-bottom:1px dashed #ddd; display:inline-block;}
.figurewrap02 figure:first-child {Background:none;}
.figurewrap02 figure img {Width:96%;}
.sub0201 article {text-align:center; color:#111; font-size:15px; line-height:30px; letter-spacing:-0.07em; background:#fafbfd; padding:20px; margin:25px auto; border-top:1px dashed #cdd9ef; border-bottom:1px dashed #cdd9ef; width:calc(100% - 40px);}
.h1title {overflow:hidden;}
.h1title span {Display:block; float:left; width:2px; height:60px; background:#222; float:left;}
.h1title strong {display:block; float:left; line-heighT:60px; margin:0 0 0 9px; font-size:20px; font-weight:600; color:#222;}

.tablewrap {overflow-x:auto; white-space:nowrap;}
.table01 {width:100%; margin:30px auto 0 auto;}
.table01 tr:first-child td {background:#cf2e2e; border-right:1px solid #fff; color:#fff; font-size:17px; letter-spacing:-0.07em;}
.table01 td {text-align:center; border-right:1px solid #eee; color:#333; font-size:13px; padding:15px; border-bottom:1px solid #eee;}
.table01 td:last-child {border-right:none;}
.table01 td a {display:inline-block; background:#6081c3; border-radius:20px; color:#fff; padding:9px 20px 11px 20px;; letter-spacing:-0.07em;}
.table01 td a:hover {font-weight:bold;}


.sub0301 {}
.sub0000 > section {text-align:left;}
.sub0000 > section:last-child {margin:30px auto 0 auto;}
.sub0000 > section article {padding:30px; background:#fafdff;}
.sub0000 > section img {width:100%;}
.sub0000 > section h1 {margin:0 auto; font-size:25px; letter-spacing:-0.07em; font-weight:100;}
.sub0000 > section p {font-size:13px; line-height:24px; color:#777; margin:20px auto; letter-spacing:-0.07em;}
.sub0000 > section p strong {color:#fff; padding:3px; background:#cf2e2e;}
.sub0000 > section li {line-height:25px; overflow:Hidden; font-size:13px; margin:8px 0 0 0; letter-spacing:-0.07em;}
.sub0000 > section li strong {display:block; float:left; color:#cf2e2e;}
.sub0000 > section li span {display:block; float:left; color:#777; margin:0 0 0 6px;}



.sub0201_sectionwrap {overflow:hidden; margin:20px auto 0 auto;}
.sub0201_sectionwrap section {border:1px dashed #ddd; border-top:2px solid #850505; padding:30px; text-align:center; margin:25px auto 0 auto; float:left; background:#fff;width:calc(49% - 62px);}
.sub0201_sectionwrap section:nth-child(even) {float:right;}
.sub0201_sectionwrap section h1 {font-size:30px; margin:20px auto; color:#4d0a0a;}
.sub0201_sectionwrap section h3 {font-size:18px; font-weight:400;}
.sub0201_sectionwrap section p {font-size:15px; line-height:27px; color:#666;}
.sub0201_sectionwrap section figure {width:80%; margin:0 auto;}
.sub0201_sectionwrap section figure img {width:100%;}
























/* ======================== 반응형시작 ======================== */
@media screen and (min-width:1200px)
{
.px1200 {width:1200px; margin:0 auto;}
.px1300 {width:1300px; margin:0 auto;}


/* ============= 헤더 ============= */
#header_MOBILE, #toptoptop {display:none;}


header {position:relative; border-bottom:none;}
header::after {content:"";}
header aside {Width:100%; height:40px; line-height:40px; border-bottom:1px solid #e4e4e4; overflow:hidden;}
header aside ul {float:left; overflow:hidden; background:url(/img/bar01.jpg) no-repeat right center; padding:0 10px 0 0; height:50px;}
header aside ul + ul {float:right;}
header aside li {padding:0 0 0 10px; font-size:10px; text-transform:uppercase; float:left; margin:0 0 0 10px; background:url(/img/bar01.jpg) no-repeat left center;}
header aside li:first-child {margin:0;}
header aside li a {color:#333;}
header nav {height:59px; line-height:59px; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}

#gnb {background:url(img/bar02.jpg) no-repeat left center; height:59px; width:1200px; margin:0 auto;}
#gnb li {width:200px; float:left; text-align:center; background:url(img/bar02.jpg) no-repeat right center; height:59px; line-height:59px; font-size:16px;}
#gnb li strong {font-weight:400; font-size:16px;}
#gnb li:hover, .gnbli_select {background:#c32c25 !important;}
#gnb li:hover a, .gnbli_select a, .gnbli_select02 a {color:#fff !important;}
#gnb a {display:block; color:#333;}







.addition {overflow:hidden; width:1200px; text-align:left; padding:30px 0; margin:0 auto; display:flex; justify-content:space-between; align-items:center;}
.addition h1 {margin:0;}
.addition h1 img {width:auto;}
#addi001 {width:110px; text-align:center; font-size:12px;}
#addi001 img {width:100px;}
#addi001 strong {padding:5px; font-size:12px; background:red; color:#fff;}
.phoneh3 {font-size:27px; width:224px; margin:0;}
.phoneh3 strong {margin:0 0 0 13px;}






/* ============= 메인 ============= */
/* 메인비디오 */
.mainvideoo > #mainvideoo_video {min-width:100% !important; min-height:1080px; margin-top:-340px;}
.mainvideoo {width:100% !important; height:600px; overflow:hidden; background-color:#fff;}
#mainvideoo_video {object-fit:contain;}



/* 메인비주얼_슬라이드 */
.main_vis {width:100%; height:460px;}
.mtx {text-align:center;}
.mtx:nth-of-type(1) {margin:30px auto 0 auto;}
.flickerplate {position:relative; width:100%; height:460px; background-color:#e6e6e6; overflow:hidden;}
.flickerplate ul.flicks {width:10000%; height:100%; padding:0px; margin:0px; list-style:none;}
.flickerplate ul.flicks>li {float:left; width:1%; height:100%; background-position:center; background-size:cover; display:table;}
.flickerplate ul.flicks>li .flick-inner {height:100%; color:#fff; display:table-cell; vertical-align:middle;}
.flickerplate ul.flicks>li .flick-inner .flick-content {margin-left:auto; margin-right:auto;}
.flickerplate ul.flicks>li .flick-title {padding:0px 0px; font-size:2.778em; line-height:1.995em; text-align:center;}
.flickerplate ul.flicks>li img {Width:100%;}
.flickerplate .arrow-navigation {position:absolute; height:460px; width:100px; top:0px; z-index:100; overflow:hidden;}
.flickerplate .arrow-navigation .arrow {display:block; height:100%; width:100px; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
.flickerplate .arrow-navigation:hover,.flickerplate .arrow-navigation .arrow:hover {cursor:pointer;}
.flickerplate .arrow-navigation.left {left:50px;}
.flickerplate .arrow-navigation.left .arrow {background:url("/img/main_arrowl.png") no-repeat left center;}
.flickerplate .arrow-navigation.right {right:50px;}
.flickerplate .arrow-navigation.right .arrow {background:url("/img/main_arrowr.png") no-repeat right center;}
.flickerplate .arrow-navigation.left.hover .arrow {opacity:1; margin:0px 0px 0px 20%;}.flickerplate .arrow-navigation.right.hover .arrow {opacity:1; margin:0px 0px 0px -20%;}
.flickerplate .dot-navigation {position:absolute; bottom:25px; width:100%; text-align:center; z-index:100;}
.flickerplate .dot-navigation ul {text-align:center; list-style:none; padding:0px 15px;}
.flickerplate .dot-navigation ul li {display:inline-block; float:none;}
.flickerplate .dot-navigation .dot {width:10px; height:10px; border-radius:30px; margin:0px 6px; border:2px solid #fff; -webkit-transition:background-color 0.2s ease-out; -moz-transition:background-color 0.2s ease-out; -o-transition:background-color 0.2s ease-out; -ms-transition:background-color 0.2s ease-out; transition:background-color 0.2s ease-out;}
.flickerplate .dot-navigation .dot:hover {cursor:pointer; background-color:rgba(255,255,255,0.6);}
.flickerplate .dot-navigation .dot.active {background:url(/img/mainblit.png) no-repeat; width:31px; height:12px;}
.flickerplate.animate-transform-slide ul.flicks {-webkit-perspective:1000; -webkit-backface-visibility:hidden; transform:translate3d(0%, 0px, 0px); -webkit-transform:translate3d(0%, 0px, 0px); -webkit-transition:-webkit-transform 0.6s; -o-transition:-o-transform 0.6s; -moz-transition:-moz-transform 0.6s; transition:transform 0.6s;}
.flickerplate.animate-transition-slide ul.flicks {position:relative; left:0%; -webkit-transition:left 0.4s ease-out; -moz-transition:left 0.4s ease-out; -o-transition:left 0.4s ease-out; -ms-transition:left 0.4s ease-out; transition:left 0.4s ease-out;}.flickerplate.animate-jquery-slide ul.flicks {position:relative; left:0%;}.flickerplate.animate-scroller-slide {padding-bottom:0px; overflow:auto;}
.flickerplate.animate-scroller-slide ul.flicks {position:auto;}
#mobile_mainvisual {display:none;}




.mainvis {width:100%; height:547px; background:url(/img/mainvisualNEWBG.jpg) center; margin:1px auto 0 auto; overflow:Hidden;}
.mainvis02 {display:block; /* background:url(/img/mainvisBG02.png) no-repeat center; */ width:100%; height:100%; overflow:Hidden;}
.mainvis02 figure {margin:92px auto 0 auto; text-align:Center;}
.mainvis02 article {float:left; margin:10px 0 0 0;}
.mainvis02 article figure {margin:20px 0 0 0;}
.mainvis02 article p {font-weight:400; letter-spacing:-0.07em; font-size:50px; color:#fff; margin:25px 0 0 0; line-height:65px; text-align:left;}
.mainvis02 article p strong {color:#ffdd67; letter-spacing:-0.05em;}
.mainvis02 article h3 {width:auto; height:39px; line-height:39px; text-align:center; background:rgba(255,251,169,0.2); color:#fff; margin:36px 0 0 0; font-weight:400;}
.mainvis02 h4 {float:right; margin:29px 0 0 0;}
.mainvis > figure {display:none;}
#main_bottom li:first-child {display:inline-block;}
#main_bottom li:first-child {margin:0 30px 0 0;}
.main00_plus {display:block; background:#fbfbfb; border-bottom:1px dashed #ddd; padding:20px 0;}
.main00_plus > div {width:1010px; margin:0 auto; overflow:hidden;}
.main00_plus h1 {background:#333; text-align:center; border-radius:30px; color:#fff; font-size:18px; letter-spacing:-0.07em; width:200px; height:40px; line-height:40px; float:left;}
.main00_plus h3 {line-height:40px; font-weight:400; color:#222; font-size:15px; margin:0 20px; float:left;}
.main00_plus ul {float:left; overflow:hidden;}
.main00_plus ul li {float:left; margin:0 0 0 10px; line-height:40px; height:40px; font-size:13px;}
.main00_plus ul li input, .main00_plus ul li a {display:block; height:38px;}
.main00_plus ul li input {border:1px solid #ccc; width:193px;}
.main00_plus ul li a {width:100px; height:40px; text-align:center; background:#0b89e1; color:#fff;}
.main01 {padding:100px 0;}
.main01 ul {margin:70px auto 0 auto;}
.main01 ul li {float:left; width:50%; margin:0 0 7px 0;}
.main01 ul li:nth-child(even) {float:right;}
.main02 {padding:100px 0;}
.main02 > div {margin:70px auto 0 auto;}
.main02 > div section:nth-of-type(2) {margin:0 37px;}
.main02 div div {width:378px; float:right; padding:38px 27px;} 
.main03 {margin:0 auto; padding:55px 0;}
.main03 > div {text-align:center;}
.main03 section {display:inline-block; width:27.9%; padding:30px 2.5%; border-right:1px solid #eee;}
.main03 section:first-child {border-left:1px solid #eee;}
.main03 section article {height:75px; -webkit-line-clamp:3;}
#mainTRUCKnew section figure img {width:100%;}




















/* ============= 서브 ============= */
.subvis {margin:0 auto;}
.subpage {margin:80px auto;}
.sub00 {margin:40px auto 0 auto; width:1200px;}
.figurewrap02 figure {float:left; width:300px; background:url(/img/0201bg01.jpg) no-repeat left center;}
.sub0000 > section {width:580px; float:left;}
.sub0000 > section:last-child {float:right; margin:0;}

.sub0401 {}
.sub0401 > section {width:370px; float:left; margin:0 0 0 45px;}
.sub0401 > section:first-child {margin:0;}
}











@media screen and (min-width:769px) and (max-width:1199px)
{
/* ============= 헤더 ============= */
#header_PC {display:none;}
.addition h1 img {width:360px; margin:0 auto;}





/* ============= 메인 ============= */
/* 메인비디오 */
.mainvideoo {margin:0px !important; padding:0px !important; padding-top:0px !important; width:100vw !important; height:450px; overflow:hidden !important;}
.mainvideoo iframe {width:300% !important; height:100%; margin-left:-100%;} 
.jb-text {width:100%; top:70px;}
.jb-text img {display:block; width:400px; margin:80px auto 0 auto;}


/* 메인슬라이드 */
.main_vis {display:none;}


.main02 section {margin:0 0 30px 0;}
.main02 section:nth-child(2) {float:right;}
.main02 div div {float:none; clear:both; width:(90% - 2px); margin:0 auto; padding:30px 5%;}
.main02 div div h1 {text-align:left;}
.main02 div div ul {margin:30px auto;}
.main03 section {border-bottom:1px solid #eee; padding:50px 0;}
.main03 section:last-child {border-bottom:none;}
.main03 section article {height:55px; -webkit-line-clamp:2;}
#mainTRUCKnew section figure img {width:250px;}
#mainTRUCKnew section p {font-size:15px;}
#main_bottom {overflow:Hidden; text-align:Center;}
#main_bottom figure  {width:47%}
#main_bottom img {width:100%;}





/* ============= 서브 ============= */
.sub0000 > section + section {margin:30px auto 0 auto;}
}





































@media screen and (min-width:0px) and (max-width:768px)
{
img {max-width:100%;}
.divindex_table section {width:calc(100% - 62px);}
.ul_indexlogin {width:calc(100% - 32px); padding:15px;}
#addHomeBtn {border:none; padding:0; background:none; position:fixed; bottom:10px; right:10px;}
#addHomeBtn img {width:80px;}



/* ============= 헤더 ============= */
#header_PC {display:none;}
.addition h1 img {width:230px; margin:0 auto;}
.fixed1 {top:27px;}
.fixed2 {top:23px;}







/* ============= 푸터 ============= */
footer {margin:50px auto 0 auto;}
footer article {Width:90%; margin:20px auto;}
footer article br {display:none;}










/* ============= 메인 ============= */
/* 메인비디오 */
.mainvideoo {margin:0 !important; padding:0px !important; padding-top:0px !important; width:100vw !important; height:450px; overflow:hidden !important; top:80px;}
.mainvideoo iframe {width:300% !important; height:100%; margin-left:-100%;} 
.jb-text {width:100%; top:0;}
.jb-text img {display:block; width:350px; margin:80px auto 0 auto;}


/* 메인슬라이드 */
.main_vis {display:none;}


#main_bottom {height:auto; padding:10px 0 3px 0; line-height:inherit; margin:1px auto; z-index:55;}
#main_bottom figure:first-child {display:none;}
#main_bottom img {margin:5px 0 10px 0; padding:0 20px; width:calc(100% - 40px);}
#main_bottom h3 {font-size:40px; line-height:inherit;}
#main_bottom li {margin:0 1px;}
#main_bottom li img {width:40px;}
.main_bottom_change {position:relative;}
.subcb {display:none;}
.hgroup_main h1 {font-size:50px; line-height:42px;}
.main02 section {margin:20px auto 0 auto; width:calc(100% - 2px); float:none !important; background-position:right bottom;}
.main02 div div {float:none; clear:both; width:calc(90% - 2px); margin:20px auto 0 auto; padding:30px 5%;}
.main02 div div h1 {text-align:left; height:40px; line-height:40px;}
.main02 div div h1 strong {font-size:42px;}
.main02 div div h1 img {width:40px;}
.main02 div div ul {margin:30px auto;}
.main03 section {border-bottom:1px solid #eee; padding:10% 5%; width:90%;}
.main03 section:last-child {border-bottom:none;}
.main03 section h3 {font-size:13px;}
.main03 section h1 {margin:18px 0;}
.main03 section article {font-size:12px; line-height:21px; margin:20px 0; height:45px; -webkit-line-clamp:2;}


#mainTRUCKnew section {width:calc(100% - 42px); padding:20px; float:none;}
#mainTRUCKnew section:nth-child(even) {float:none;}
#mainTRUCKnew section figure img {max-width:90%;}
#mainTRUCKnew section h1 {font-size:25px;}
#mainTRUCKnew section p {font-size:14px; line-height:22px;}











/* ============= 서브 ============= */
span br {display:none;}
.subvis {padding:30px 0; height:auto; margin:0 auto;}
.subvis figure {display:none;}
.subvis h1 {display:block; width:80%; margin:0 auto;}
.subpage > hgroup {width:90%; margin:0 auto;}
.subpage > hgroup h1 {font-size:33px;}
.subpage > hgroup h3 {font-size:15px;}
.sub0101 article {padding:24px;}
.sub0201 article {font-size:13px; line-height:26px;}
.sub0000 > section article {padding:20px;}
.sub0000 > section + section {margin:30px auto 0 auto;}




.sub0201_sectionwrap section {width:calc(100% - 42px); padding:20px; float:none;}
.sub0201_sectionwrap section:nth-child(even) {float:none;}
.sub0201_sectionwrap section figure img {max-width:90%;}
.sub0201_sectionwrap section h1 {font-size:25px;}
.sub0201_sectionwrap section h3 {font-size:16px;}
.sub0201_sectionwrap section p {font-size:14px; line-height:26px;}

}