html{overflow:auto}
body{background:#fff}
*::placeholder { color:#999; }
*::-webkit-input-placeholder { color:#999; }
*:-moz-placeholder { color:#999; }
*::-moz-placeholder { color:#999; }
*:-ms-input-placeholder { color:#999 !important; }
*::-ms-input-placeholder { color:#999; }
#wrap {width:100%; }
#header, #mainVisual, #subVisual, #container, #foot{width:100%; position:relative;}
.inner {max-width:1400px; margin:0 auto; position:relative;}
em.en { font-style:normal; font-weight:400; }
/*header*/
#header{width:100%; height:100px; z-index:100; }
.headerWrap { position:relative; }
.headerWrap h1{ display:inline-block; padding-top:27px;}
.headerWrap h1 a img { max-width:100%; }
.headerWrap h1 a img.molog { display:none; }
.headerWrap .utilWrap {width:100%; height:30px; background:#2d2f33; padding:5px 0; z-index:10;}
.headerWrap .util {position:absolute; top:15px; right:0px; font-size:11px;}
.headerWrap .util ul {overflow:hidden}
.headerWrap .util li {float:left; margin-left:7px; padding-left:7px; background:url('/images/common/util_gap.png') left 3px no-repeat;}
.headerWrap .util li a {color:#777;}
.headerWrap .util .f {background:none}
.headerWrap .all-menu-contain {z-index:2; display:none; position:absolute; left:0; top:100px; width:100%; height:530px; background-color:#fff; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; }
.headerWrap .all-menu-contain .all-inmn { padding:30px; font-size:0; text-align:right; }
.headerWrap .all-menu-contain .all-inmn > div { display:inline-block; vertical-align:top; text-align:left; }
.headerWrap .all-menu-contain .all-inmn > div + div { margin-left:50px; }
.headerWrap .all-menu-contain .all-inmn > div > a { display:block; font-size:18px; color:#222; font-weight:500; padding-bottom:10px; }
.headerWrap .all-menu-contain .all-inmn > div ul { }
.headerWrap .all-menu-contain .all-inmn > div li { margin-bottom:5px; }
.headerWrap .all-menu-contain .all-inmn > div li a { display:block; font-size:16px; color:#666; font-weight:400; }
.headerWrap .all-menu-contain .all-inmn > div li a:hover { color:#006dc1;}
.headerWrap .all-menu-contain .all-inmn > div:nth-of-type(3) ul li { margin-bottom:10px; }
#headerV2 {position:fixed; top:0; z-index:3; left:0; right:0; background:#fff;}
#headerV2 .hd-flex {padding:15px 0; display:flex; align-items:center; justify-content:space-between; box-sizing:border-box;}
#headerV2 .headerWrap h1 {padding-top:0;}
#headerV2 .headerWrap .link { font-size:16px; border: 1px solid #006dc1; color:#006dc1; padding:8px 18px; }
#headerV2 .headerWrap .flex {display:flex; align-items:center; gap:20px;}
#headerV2 .hd-search input[type="text"] { border: 1px solid #ccc; padding: 3px 12px; }
#headerV2 .hd-search input[type="submit"] {background:#006dc1; color:#fff;border: 1px solid #006dc1; height:41px; font-size:16px;}
#headerV2 .hd-search label {margin-right:10px;color: #999;}
#header a.mo-menu-btn { display:none; position:absolute; right:5px; top:20px; width:60px; height:60px; background:url("/images/common/btn_mo_menu.png") no-repeat right 10px center; background-size:40px; }
#headerV2 a.mo-menu-btn {display:none; width:60px; height:60px; background:url("/images/common/btn_mo_menu.png") no-repeat right 10px center; background-size:40px; }
@media screen and (max-width:1050px){
#headerV2 .hd-search label {display:none;}
.headerWrap .all-menu-contain .all-inmn > div > a { font-size:15px; }
.headerWrap .all-menu-contain .all-inmn > div li a { font-size:14px; }
}
@media screen and (max-width:1020px){
.headerWrap .all-menu-contain { display:none !important; }
#header a.mo-menu-btn { display:block; }
}
@media screen and (max-width:800px){
#headerV2 .hd-search {display:none;}
#headerV2 .headerWrap .link {display:none;}
}
@media screen and (max-width:640px){
#header { height:60px; }
.headerWrap h1 a img.pclog { display:none; }
.headerWrap h1 a img.molog { display:block; width:170px; }
.headerWrap h1 { padding-top:15px; }
#header a.mo-menu-btn { right:0; top:0; background-size:27px; }
#headerV2 a.mo-menu-btn { right:0; top:0; background-size:27px; }
}
.mo-all-menu {display:none; position:fixed; right:0; top:0; width:100%; height:100%; z-index:101;}
.mo-all-menu .in-meunu { position:absolute; right:-360px; top:0; width:360px; height:100%; background:#fff; z-index:101; }
.mo-all-menu .mam-blind { position:fixed; left:0; top:0; width:100%;height:100%; background:rgba(0,0,0,0.5); }
.mo-all-menu .top {position:relative; height:60px; line-height:60px; font-size:30px; color:#000; padding:0 15px; border-bottom:1px solid #000;}
.mo-all-menu .top a.close { position:absolute; right:0; top:0; width:60px; height:60px; background:url("/images/common/mo_x_close.png") no-repeat 50% 50%; background-size:20px; }
.mo-all-menu .menu-list-cont { height:calc(100% - 61px); overflow-y:auto; -webkit-overflow-scrolling:touch;}
.mo-all-menu .menu-list-cont .left-menu {position:absolute; left:0; top:0; width:160px; height:100%; background:#f2f2f2; margin-top:61px; }
.mo-all-menu .menu-list-cont .left-menu ul { }
.mo-all-menu .menu-list-cont .left-menu li { display:block; border-bottom:1px solid #ddd; }
.mo-all-menu .menu-list-cont .left-menu li a { display:block; height:60px; line-height:60px; font-size:15px; color:#000; padding:0 15px;}
.mo-all-menu .menu-list-cont .left-menu li a.on { background:#fff; color:#2876ce; font-weight:500;}
.mo-all-menu .menu-list-cont .right-in-list { padding-left:170px; padding-right:15px; }
.mo-all-menu .menu-list-cont .right-in-list > div { display:none; padding-bottom:50px; }
.mo-all-menu .menu-list-cont .right-in-list > div:first-of-type { display:block; }
.mo-all-menu .menu-list-cont .right-in-list > div > span { display:block; height:52px; line-height:52px; font-size:15px; color:#000; padding:0 10px; border-bottom:1px solid #ddd; font-weight:600;}
.mo-all-menu .menu-list-cont .right-in-list > div ul { }
.mo-all-menu .menu-list-cont .right-in-list > div li { display:block; border-bottom:1px solid #ddd;}
.mo-all-menu .menu-list-cont .right-in-list > div li a { display:block; padding:15px 27px 15px 10px; font-size:14px; color:#666; background:url("/images/common/icon_arrow_right_gray.png") no-repeat right 10px center; background-size:7px 13px;}
@media screen and (max-width:375px){
.mo-all-menu .in-meunu { width:320px; }
.mo-all-menu .menu-list-cont .left-menu { width:140px; }
.mo-all-menu .menu-list-cont .right-in-list { padding-left:155px; }
}
/* GNB */
#topmenu {position: absolute; top:0px; right: 0px; z-index:100;}
#topmenu ul:after {display:block; content:""; clear:both;}
#topmenu ul a {display:block; color:#2d2f33;}
#topmenu > ul > li {position:relative; float:left; padding:35px 0px; font-size:16px;}
#topmenu > ul > li + li { margin-left:40px; }
#topmenu > ul > li > a {display:block; width:100%; text-align:center; font-size:18px; color:#222; font-weight:500; height:31px; line-height:31px;}
#topmenu ul li.m_active a, #topmenu ul li a.on {color:#006dc1;}
#topmenu div.submenu {position:absolute;left:-18px; top:0px; display:none; z-index:100; border-top:0px; background:#fff; box-shadow:2px 3px 4px 0px rgba(0,0,0,0.3);}
#topmenu div.submenu ul {margin:0; padding-top:0px; font-size:0; }
#topmenu div.submenu ul li {position:relative; height:auto; width:100%; /* border-bottom:1px solid #666; filter:alpha(opacity=80); opacity:0.8; -mox-opacity:0.8; */ text-align:left;}
#topmenu div.submenu ul li a {display:block; padding:10px 20px; font-weight:normal; font-size:16px; color:#666; text-align:left; font-weight:300;}
#topmenu div.submenu ul li a:hover {background:#006dc1; color:#fff !important;}
#topmenu ul li.m1 div.submenu{ width:200px; z-index:100;}
#topmenu ul li.m2 div.submenu{ width:318px; z-index:100;}
#topmenu ul li.m3 div.submenu{ width:200px; z-index:100;}
#topmenu ul li.allmn { width:auto; margin-left:60px; }
#topmenu ul li.allmn button { display:inline-block; width:39px; height:31px; background:url("/images/common/icon/icon_allmenu.png") no-repeat left top; font-size:0;vertical-align:middle; outline:none;}
#headerV2 .hd-bottom {border-top:1px solid #dfdfdf;}
#headerV2 .allmn button { display:inline-block; width:39px; height:31px; background:url("/images/common/icon/icon_allmenu.png") no-repeat left top; font-size:0;vertical-align:middle; outline:none;}
#headerV2 #topmenu {position:static; display:flex; justify-content:center;}
#headerV2 #topmenu > ul > li + li {margin-left:70px;}
#headerV2 #topmenu > ul > li {padding:15px 0;}
#topmenu ul li.m_active:after { content:''; position:absolute; left:50%; top:70px; margin-left:-3px; width:6px; height:6px; background:#006dc1; border-radius:50%; }
@media screen and (max-width:1444px){
.headerWrap h1 { padding-left:10px; }
#topmenu { right:15px; }
}
@media screen and (max-width:1155px){
#topmenu > ul > li + li { margin-left: 20px; }
#topmenu ul li.allmn { margin-left:30px; }
}
@media screen and (max-width:1020px){
#topmenu{ display:none; 16px; }
#headerV2 #topmenu > ul > li > a {font-size:16px;}
#headerV2 #topmenu > ul > li + li {margin-left:50px;}
#headerV2 a.mo-menu-btn {display: block;}
#headerV2 .allmn button {display:none;}
}
@media screen and (max-width:800px){
#headerV2 .hd-bottom {display:none;}
#headerV2 #topmenu {display:flex; justify-content: flex-start; overflow-x: auto;}
#headerV2 #topmenu > ul {display:flex; justify-content: space-between; padding:0 10px; min-width:800px;}
#headerV2 #topmenu > ul > li + li {margin-left:10px;}
}
/* quick menu
#quick {width:50px; height:153px; position:absolute; left:50%; margin-left:600px;}
#quick ul{width:50px; font-size:0;}
#quick ul li {width:82px; height:65px; margin-bottom:1px; text-align:center; color:#fff; vertical-align:middle;font-size:0;}
#quick ul li a { display:block; }*/
/* 메인비주얼 Type01 */
#mainVisual {position:relative; width:100%; height:900px; z-index:1 !important; }
#mainVisual ul.mainSlide { min-width:1000px;}
#mainVisual ul.mainSlide li {position:relative; height:900px; text-align:left;}
#mainVisual ul.mainSlide li > img { position:absolute; left:50%; top:0; transform: translateX(-50%); }
#mainVisual ul.mainSlide li > img.mover { display:none; }
#mainVisual ul.mainSlide li .in-content { position:absolute; left:0; top:0; width:100%; height:100%; color:#fff; text-align:left; }
#mainVisual ul.mainSlide li .cont-area { position:absolute; left:50%; top:50%; width:100%; max-width:1400px; letter-spacing:-0.5px; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); line-height:1;}
#mainVisual ul.mainSlide li .cont-area .top-t { }
#mainVisual ul.mainSlide li .cont-area .top-t span { display:block; font-size:35px; font-weight:300;}
#mainVisual ul.mainSlide li .cont-area .top-t p { font-size:70px; font-weight:600; }
#mainVisual ul.mainSlide li .cont-area .top-t p.up { font-size:35px; font-weight:100; padding-bottom:10px; }
#mainVisual ul.mainSlide li .cont-area .bot-t { padding-bottom:97px; }
#mainVisual ul.mainSlide li .cont-area .bot-t span { display:block; font-size:35px; font-weight:200; padding:40px 0; }
#mainVisual ul.mainSlide li .cont-area .bot-t p { font-size:18px; font-weight:300; line-height:1.4; }
#mainVisual ul.mainSlide li .cont-area .bot-t p br.mv { display:none; }
#mainVisual ul.mainSlide li .cont-area.center { text-align:center; }
a.btn-white-blue { display:inline-block; height:51px; line-height:51px; width:230px; text-align:center; font-size:18px; color:#2876ce; font-weight:600; background:#fff; border-radius:5px; }
a.btn-white-blue.hover:hover { background:#2876ce; color:#fff; }
@media screen and (max-width:1550px){
#mainVisual ul.mainSlide li .cont-area { padding:0 70px; box-sizing:border-box; }
}
@media screen and (max-width:950px){
#mainVisual ul.mainSlide li .cont-area .top-t span { font-size:4vw; }
#mainVisual ul.mainSlide li .cont-area .top-t p { font-size:9vw; }
#mainVisual ul.mainSlide li .cont-area .top-t p.up { font-size:5vw; }
#mainVisual ul.mainSlide li .cont-area .bot-t { padding-bottom:8vw; }
#mainVisual ul.mainSlide li .cont-area .bot-t span { font-size:4vw;padding:5vw 0; }
#mainVisual ul.mainSlide li .cont-area .bot-t p { font-size:2.6vw }
}
@media screen and (max-width:640px){
#mainVisual { height:auto; }
#mainVisual ul.mainSlide li { height:auto; }
#mainVisual ul.mainSlide li > img.pcver {display: none;}
#mainVisual ul.mainSlide li > img.mover { display:block; position:relative; top:auto; margin-left:0; max-width:100%; left: 50%; }
a.btn-white-blue { width:180px; height:45px; line-height:45px; font-size:16px; }
#mainVisual ul.mainSlide li .cont-area .bot-t span { line-height:1.3; }
#mainVisual ul.mainSlide li .in-content { text-align:center; }
#mainVisual ul.mainSlide li .cont-area { padding:0 15px; top:20px;
transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -o-transform:translate(-50%, 0);
}
#mainVisual ul.mainSlide li .cont-area .bot-t { padding-bottom: 6vw; }
#mainVisual ul.mainSlide li .cont-area .bot-t p { font-size:3vw }
#mainVisual ul.mainSlide li .cont-area .bot-t p br.mp { display:none; }
#mainVisual ul.mainSlide li .cont-area .bot-t p br.mv { display:block; }
#mainVisual ul.mainSlide li .cont-area.center { padding-top:18%; }
}
/*메인비주얼 좌우 버튼*/
#mainVisual .bx-controls {position:absolute;left:0; width:100%; top:50%; }
#mainVisual .bx-controls-direction {position:relative; max-width:1920px; margin:0 auto; }
#mainVisual .bx-controls-direction .bx-prev {font-size:0; line-height:0; display:block; width:31px; height:63px; position:absolute; left:20px; top:50%; margin-top:-31px; z-index:99; background:url('/images/main/btn_prev_sld.png') no-repeat left top;}
#mainVisual .bx-controls-direction .bx-next {font-size:0; line-height:0; display:block; width:31px; height:63px; position:absolute; right:20px; top:50%; margin-top:-31px; z-index:99; background:url('/images/main/btn_next_sld.png') no-repeat right top;}
@media screen and (max-width:640px){
#mainVisual .bx-controls-direction .bx-prev { display:none; }
#mainVisual .bx-controls-direction .bx-next { display:none; }
}
#mainVisual .bot-nav-list { position:absolute; left:0; bottom:-80px; width:100%; z-index:80;}
#mainVisual .bot-nav-list .logos-boxes { max-width:1400px; margin:0 auto; }
#mainVisual .bot-nav-list .logos-boxes > div {font-size:0;height:160px; background:#fff; border-radius:10px; }
#mainVisual .bot-nav-list .logos-boxes > div > a:first-of-type { display:none; }
#mainVisual .bot-nav-list .logos-boxes a { position:relative; display:inline-block; vertical-align:top; width:11.1111%; text-align:center; padding: 25px 0 45px; }
#mainVisual .bot-nav-list .logos-boxes a + a:after { content:''; position:absolute; left:0; top:53px; width:1px; height:50px; background:#ccc; }
#mainVisual .bot-nav-list .logos-boxes a .logo { display:inline-block; width:135px; height:60px; }
#mainVisual .bot-nav-list .logos-boxes a p { font-size:18px; color:#222; font-weight:300; height:30px; line-height:1.3; }
#mainVisual .bot-nav-list .logos-boxes a.active { background:#2876ce; padding: 40px 0 55px; margin-top:-14px; border-radius:10px; }
#mainVisual .bot-nav-list .logos-boxes a.active:before { content:''; position:absolute; left:50%; top:-16px; margin-left:-18.5px; width:37px; height:36px; background:url("/images/common/icon_cir_up_arrow.png") no-repeat left top;}
#mainVisual .bot-nav-list .logos-boxes a.active:after ,
#mainVisual .bot-nav-list .logos-boxes a.active + a:after { content:none; }
#mainVisual .bot-nav-list .logos-boxes a.active p { color:#fff; font-weight:500; }
/* #mainVisual .bot-nav-list .logos-boxes a .logo.c1 { background:url("/images/main/vis_logos/main_vis_logo01.png") no-repeat 50% 50%; }
#mainVisual .bot-nav-list .logos-boxes a .logo.c2 { background:url("/images/main/vis_logos/main_vis_logo02.png") no-repeat 50% 50%; }
#mainVisual .bot-nav-list .logos-boxes a .logo.c3 { background:url("/images/main/vis_logos/main_vis_logo03.png") no-repeat 50% 50%; }
#mainVisual .bot-nav-list .logos-boxes a .logo.c4 { background:url("/images/main/vis_logos/main_vis_logo04.png") no-repeat 50% 50%; }
#mainVisual .bot-nav-list .logos-boxes a .logo.c5 { background:url("/images/main/vis_logos/main_vis_logo05.png") no-repeat 50% 50%; }
#mainVisual .bot-nav-list .logos-boxes a .logo.c6 { background:url("/images/main/vis_logos/main_vis_logo06.png") no-repeat 50% 50%; }
#mainVisual .bot-nav-list .logos-boxes a .logo.c7 { background:url("/images/main/vis_logos/main_vis_logo07.png") no-repeat 50% 50%; }
#mainVisual .bot-nav-list .logos-boxes a .logo.c8 { background:url("/images/main/vis_logos/main_vis_logo08.png") no-repeat 50% 50%; } */
#mainVisual .bot-nav-list .logos-boxes a .logo.c1 { background:url("/images/sub/company/com_logo01.png") no-repeat 50% 50%; background-size:contain;}
#mainVisual .bot-nav-list .logos-boxes a .logo.c2 { background:url("/images/sub/company/com_logo02.png") no-repeat 50% 50%; background-size:contain;}
#mainVisual .bot-nav-list .logos-boxes a .logo.c3 { background:url("/images/sub/company/com_logo03.png") no-repeat 50% 50%; background-size:contain;}
#mainVisual .bot-nav-list .logos-boxes a .logo.c4 { background:url("/images/sub/company/com_logo04.png") no-repeat 50% 50%; background-size:contain;}
#mainVisual .bot-nav-list .logos-boxes a .logo.c5 { background:url("/images/sub/company/com_logo05.png") no-repeat 50% 50%; background-size:contain;}
#mainVisual .bot-nav-list .logos-boxes a .logo.c6 { background:url("/images/sub/company/com_logo06.png") no-repeat 50% 50%; background-size:contain;}
#mainVisual .bot-nav-list .logos-boxes a .logo.c7 { background:url("/images/sub/company/com_logo07.png") no-repeat 50% 50%; background-size:contain;}
#mainVisual .bot-nav-list .logos-boxes a .logo.c8 { background:url("/images/sub/company/com_logo08.png") no-repeat 50% 50%; background-size:contain;}
#mainVisual .bot-nav-list .logos-boxes a .logo.c9 { background:url("/images/sub/company/com_logo09.png") no-repeat 50% 50%; background-size:contain;}
/* #mainVisual .bot-nav-list .logos-boxes a.active .logo.c1 { background:url("/images/main/vis_logos/main_vis_logo01_w.png") no-repeat 50% 50%; }
#mainVisual .bot-nav-list .logos-boxes a.active .logo.c2 { background:url("/images/main/vis_logos/main_vis_logo02_w.png") no-repeat 50% 50%; }
#mainVisual .bot-nav-list .logos-boxes a.active .logo.c3 { background:url("/images/main/vis_logos/main_vis_logo03_w.png") no-repeat 50% 50%; }
#mainVisual .bot-nav-list .logos-boxes a.active .logo.c4 { background:url("/images/main/vis_logos/main_vis_logo04_w.png") no-repeat 50% 50%; }
#mainVisual .bot-nav-list .logos-boxes a.active .logo.c5 { background:url("/images/main/vis_logos/main_vis_logo05_w.png") no-repeat 50% 50%; }
#mainVisual .bot-nav-list .logos-boxes a.active .logo.c6 { background:url("/images/main/vis_logos/main_vis_logo06_w.png") no-repeat 50% 50%; }
#mainVisual .bot-nav-list .logos-boxes a.active .logo.c7 { background:url("/images/main/vis_logos/main_vis_logo07_w.png") no-repeat 50% 50%; }
#mainVisual .bot-nav-list .logos-boxes a.active .logo.c8 { background:url("/images/main/vis_logos/main_vis_logo08_w.png") no-repeat 50% 50%; }
*/
@media screen and (max-width:1400px){
#mainVisual .bot-nav-list .logos-boxes { margin:0 15px; }
#mainVisual .bot-nav-list .logos-boxes a .logo { width:100px; background-size: contain !important; }
#mainVisual .bot-nav-list .logos-boxes a p { font-size:15px; }
}
@media screen and (max-width:920px){
#mainVisual .bot-nav-list .logos-boxes a .logo { width:75px; }
#mainVisual .bot-nav-list .logos-boxes a p { font-size:13px; }
}
@media screen and (max-width:730px){
#mainVisual .bot-nav-list {height: 170px; overflow:hidden; }
/* #mainVisual .bot-nav-list:after {z-index:5; content:''; position:absolute; right:15px; top:36px; width:15px; height:125px; background: url("/images/common/alpha_pattern_vertical.png") repeat-y top right; border-top-right-radius:10px; border-bottom-right-radius:10px;} */
#mainVisual .bot-nav-list .logos-boxes {position:relative; white-space: nowrap; overflow-x: auto;padding-top: 32px; }
#mainVisual .bot-nav-list .logos-boxes > div {position:relative; background:none; height:210px; }
#mainVisual .bot-nav-list .logos-boxes a { background:#fff; width:120px; padding: 15px 0 20px; }
#mainVisual .bot-nav-list .logos-boxes a.active {position:relative; z-index:10; padding: 29px 0 34px; }
#mainVisual .bot-nav-list .logos-boxes a + a:after { height:39px; top:36px; }
#mainVisual .bot-nav-list .logos-boxes a:first-of-type { border-top-left-radius:10px; border-bottom-left-radius:10px; }
#mainVisual .bot-nav-list .logos-boxes a:last-of-type { border-top-right-radius:10px; border-bottom-right-radius:10px; }
#mainVisual .bot-nav-list .logos-boxes a .logo { height:45px; }
}
@media screen and (max-width:640px){
#mainVisual .bot-nav-list .logos-boxes a.active:before { width:25px; height:25px; background-size:contain; margin-left: -12px; top: -11px; }
}
/*main contents */
.m-title { font-size:50px; color:#fff; font-weight:600; line-height:1; text-align:center; }
.m-subtxt { font-size:18px; color:#cccccc; line-height:1; padding-top:20px; text-align:center; line-height:1.5; }
.blk .m-title { color:#222; }
.blk .m-subtxt { color:#666; }
.main-blue-box { background:#133c74; padding:185px 0 110px; }
.mb-tit-box { padding-bottom:45px; }
@media screen and (max-width:1420px){
.mb-tit-box { padding-left:10px; padding-right:10px; }
}
@media screen and (max-width:640px){
.m-title { font-size:40px; }
.m-subtxt { font-size:15px; }
.main-blue-box { padding: 125px 0 50px; }
}
/*
.brand-news-boxlist { position:relative; }
.brand-news-boxlist ul { }
.brand-news-boxlist .slick-list { }
.brand-news-boxlist .slick-track { padding-bottom:20px; }
.brand-news-boxlist li { display:inline-block; font-size:0; padding:0 25px; opacity:0.5; }
.brand-news-boxlist li .item {width:1000px; width:100%; height:400px; background:#fff; letter-spacing:-1px; border-radius:15px; box-shadow:1px 1px 5px 5px rgba(0,0,0,0.3);}
.brand-news-boxlist li .item .prod-img { position:relative; width:50%; height:100%; display:inline-block; vertical-align:top; text-align:center; overflow:hidden; }
.brand-news-boxlist li .item .prod-img img { position:absolute; left:50%; top:50%; display:inline-block; max-width:100%; max-height:100%;
transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); }
.brand-news-boxlist li .item .info-logo-txt { width:50%; display:inline-block; vertical-align:top; height:100%; padding:42px 44px; background:#f8f8f8; box-sizing:border-box; border-top-right-radius:15px; border-bottom-right-radius:15px; }
.brand-news-boxlist li .item .info-logo-txt > div { font-size:16px; color:#666; }
.brand-news-boxlist li .item .info-logo-txt > div + a { margin-top:20px; }
.brand-news-boxlist li .item .info-logo-txt .logo { position:relative; }
.brand-news-boxlist li .item .info-logo-txt .logo:after { content:''; position:absolute; left:-84px; top:50%; width:77px; height:1px; background:#666; }
.brand-news-boxlist li .item .info-logo-txt > img{ }
.brand-news-boxlist li .item .info-logo-txt span { display:block; font-size:20px; color:#333333; padding-top:20px; }
.brand-news-boxlist li .item .info-logo-txt p { font-size:16px; color:#666; padding-top:20px; padding-bottom:30px; }
.brand-news-boxlist li.slick-active {opacity:1; }
a.btn-blue-more { display:inline-block; width:154px; height:40px; line-height:40px; background:#2876ce; border:1px solid #2876ce; font-size:16px; font-weight:600; color:#fff; text-align:center; border-radius:5px; box-shadow:5px 7px 8px 0px rgba(0,0,0,0.2);}
a.btn-blue-more.hover:hover { background:#fff; color:#2876ce;}
*/
.brand-news-boxlist { position:relative; max-width:1400px; margin:0 auto; }
.brand-news-boxlist ul { }
.brand-news-boxlist ul li.slick-slide { margin-bottom:50px; }
.brand-news-boxlist .slick-list { height:440px; overflow:hidden; }
.brand-news-boxlist .slick-track { }
.brand-news-boxlist li { display:inline-block; font-size:0; padding:0 15px; }
.brand-news-boxlist li .item {width:100%; height:400px; background:#fff; letter-spacing:-1px; border-radius:15px; box-shadow:1px 1px 5px 5px rgba(0,0,0,0.3);}
.brand-news-boxlist li .item .prod-img { position:relative; width:100%; height:50%; border-radius:15px 15px 0 0; display:inline-block; vertical-align:top; text-align:center; overflow:hidden; }
.brand-news-boxlist li .item .prod-img img { position:absolute; left:50%; top:50%; display:inline-block; width:100%; height:100%;
transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); }
.brand-news-boxlist li .item .info-logo-txt { width:100%;height:50%; border-radius:0 0 15px 15px; display:inline-block; vertical-align:top; padding:20px 20px; background:#f8f8f8; box-sizing:border-box; }
.brand-news-boxlist li .item .info-logo-txt > div { font-size:16px; color:#666; height:95px; overflow:hidden; }
.brand-news-boxlist li .item .info-logo-txt > div + a { margin-top:20px; }
.brand-news-boxlist li .item .info-logo-txt .logo { position:relative; }
.brand-news-boxlist li .item .info-logo-txt .logo:after { content:''; position:absolute; left:-84px; top:50%; width:77px; height:1px; background:#666; }
.brand-news-boxlist li .item .info-logo-txt > img{ }
.brand-news-boxlist li .item .info-logo-txt span { display:block; font-size:20px; color:#333333; padding-top:20px; }
.brand-news-boxlist li .item .info-logo-txt p { font-size:16px; color:#666; padding-top:20px; padding-bottom:30px; }
.brand-news-boxlist li.slick-active { /* opacity:1; */ }
a.btn-blue-more { display:inline-block; width:140px; height:30px; line-height:30px; background:#2876ce; border:1px solid #2876ce; font-size:14px; font-weight:400; color:#fff; text-align:center; border-radius:5px; box-shadow:5px 7px 8px 0px rgba(0,0,0,0.2);}
a.btn-blue-more.hover:hover { background:#fff; color:#2876ce;}
.brand-news-boxlist ul.slick-dots { text-align:center; }
.brand-news-boxlist ul.slick-dots li { display:inline-block; padding:0 5px;}
.brand-news-boxlist ul.slick-dots li button { width:7px; height:7px; background:#fff; border-radius:50%; font-size:0; }
.brand-news-boxlist ul.slick-dots li.slick-active button { width:10px; height:10px; border:2px solid #fff; background:transparent; box-sizing:content-box; }
@media screen and (max-width:1024px){
.brand-news-boxlist li { padding:0 10px; }
.brand-news-boxlist li .item { width:100%; height:400px; }
.brand-news-boxlist li .item .info-logo-txt { }
.brand-news-boxlist li .item .info-logo-txt .logo:after { content:none; }
.brand-news-boxlist li .item .info-logo-txt span { font-size:15px; padding-top:10px; }
.brand-news-boxlist li .item .info-logo-txt p { font-size:13px; padding-top:10px; padding-bottom:15px; }
.brand-news-boxlist li .item { position:relative; }
.brand-news-boxlist li .item .info-logo-txt { }
.brand-news-boxlist li .item .info-logo-txt a.btn-blue-more {position:absolute; left:0; bottom:15px; width:calc(100% - 30px); margin:0 15px; }
.brand-news-boxlist li .item .info-logo-txt > div { font-size:14px; }
}
@media screen and (max-width:640px){
.brand-news-boxlist .slick-list { height:340px; }
.brand-news-boxlist li .item { height:300px; }
.brand-news-boxlist li .item .info-logo-txt { padding:10px; }
.brand-news-boxlist li .item .info-logo-txt a.btn-blue-more { font-size:13px; }
.brand-news-boxlist li .item .info-logo-txt > div { height:63px; }
}
.brand-news-boxlist .controll-bar { position:absolute; left:0; bottom:-50px; width:100%; text-align:center; }
.brand-news-boxlist .controll-bar > div {position:relative; display:inline-block; width:180px; height:31px; }
.brand-news-boxlist .controll-bar .btns { position:absolute; left:0; top:0; width:100%; }
.brand-news-boxlist .controll-bar .btns a { position:absolute; top:0; width:15px; height:31px; }
.brand-news-boxlist .controll-bar .btns a.btn-prev { left:0; background:url("/images/main/btn_brand_btn_prev.png") no-repeat left top; }
.brand-news-boxlist .controll-bar .btns a.btn-next { right:0; background:url("/images/main/btn_brand_btn_next.png") no-repeat left top; }
.brand-news-boxlist .controll-bar .count { font-size:25px; color:#fff;line-height:31px;}
.brand-news-boxlist .controll-bar .count span { font-size:35px; color:#99c9ff; font-weight:600; }
.brand-news-boxlist .controll-bar .count span:before {content:'0';}
.brand-news-boxlist .controll-bar .count em { font-style:normal; }
.brand-news-boxlist .controll-bar .count em:before { content:'0'; }
@media screen and (max-width:640px){
.brand-news-boxlist .controll-bar .btns a.btn-prev { left:0; background:url("/images/main/btn_brand_btn_prev_mo.png") no-repeat left top; background-size:contain;}
.brand-news-boxlist .controll-bar .btns a.btn-next { right:0; background:url("/images/main/btn_brand_btn_next_mo.png") no-repeat left top; background-size:contain; }
.brand-news-boxlist .controll-bar .count { font-size:20px; line-height:28px; }
.brand-news-boxlist .controll-bar .count span { font-size:25px; }
}
.main-products-container { padding:82px 0 100px; }
.m-product-list { max-width:1400px; margin:0 auto; }
.m-product-list .slick-list { overflow:hidden; padding-bottom:30px; }
.m-product-list ul { }
.m-product-list li { margin:0 10px; }
.m-product-list li a.item { display:block; position:relative; border-radius:15px; overflow:hidden; }
.m-product-list.app li a.item {background:#fff;}
.m-product-list li a.item .img { text-align:center; }
.m-product-list li a.item .img img { display:inline-block; max-width:100%;}
.m-product-list li a.item .info {position:relative; z-index:5; text-align:center; padding:10px 0 35px; letter-spacing:-1px; }
.m-product-list li a.item .info span { display:block; font-size:16px; color:#222; font-weight:500;}
.m-product-list li a.item .info p { font-size:14px; color:#777; padding-top:10px; }
.m-product-list li a.item .blind-plus {z-index:1; opacity:0; position:absolute; left:0; top:0; width:100%;height:100%; background:rgba(0,0,0,0.7) url("/images/main/icon_blue_plus.png") no-repeat 50% 50%; border-radius:15px;}
.m-product-list ul button.slick-arrow {position:absolute; top:50%; margin-top:-40px; z-index:50; width:31px; height:63px; font-size:0;}
.m-product-list ul button.slick-prev { left:-40px; background:url("/images/main/main_pro_slid_prev.png") no-repeat left top; }
.m-product-list ul button.slick-next { right:-40px; background:url("/images/main/main_pro_slid_next.png") no-repeat left top; }
.m-product-list.hover li:hover a.item { box-shadow:3px 8px 9px 2px rgba(0,0,0,0.4); }
.m-product-list.hover li:hover a.item .blind-plus { opacity:1; }
.m-product-list.hover li:hover a.item .info span { color:#fff; }
.m-product-list.hover li:hover a.item .info p { color:#999; }
@media screen and (max-width:1500px){
.m-product-list { padding:0 45px;}
}
@media screen and (max-width:1099px){
.m-product-list ul button.slick-arrow { width:20px; height:50px; background-size:contain; }
.m-product-list ul button.slick-prev { left:-32px; }
.m-product-list ul button.slick-next { right:-32px; }
}
@media screen and (max-width:640px){
.main-products-container { padding:62px 0 50px; }
.m-product-list .slick-list { padding-bottom:10px; }
.m-product-list li { margin:0 5px; }
.m-product-list li a.item .info span { font-size:15px; }
.m-product-list li a.item .info p { font-size:12px; }
.m-product-list ul button.slick-prev { background:url("/images/main/main_pro_slid_prev_mo.png") no-repeat left top; background-size:contain; }
.m-product-list ul button.slick-next { background:url("/images/main/main_pro_slid_next_mo.png") no-repeat left top; background-size:contain;}
}
.main-contact-us { height:509px; background:url("/images/main/main_contanctus_bg.jpg") no-repeat 50% top; }
.main-contact-us .in-contact { font-size:0; line-height:1; max-width:1400px; margin:0 auto; }
.main-contact-us .in-contact > div { display:inline-block; vertical-align:top; width:50%; padding-top:98px; }
.main-contact-us .in-contact .info { }
.main-contact-us .in-contact .info span.tit { display:block; font-size:50px; color:#fff; font-weight:600; padding-bottom:15px; }
.main-contact-us .in-contact .info > p { font-size:18px; color:#ccc; }
.main-contact-us .in-contact .info span.num { display:block; font-size:35px; color:#fff; padding-top:30px; }
.main-contact-us .in-contact .info .n-cont { padding-top:10px; }
.main-contact-us .in-contact .info .n-cont p { font-size:16px; color:#fff; padding-top:28px; line-height:1.3;font-weight:200;}
.main-contact-us .in-contact .mail-to { }
.main-contact-us .in-contact .mail-to .m-inp { padding-bottom:5px; }
.main-contact-us .in-contact .mail-to .m-inp > div { display:inline-block; vertical-align:top; width:49.7%; }
.main-contact-us .in-contact .mail-to .m-inp > div + div { margin-left:0.6%; }
.main-contact-us .in-contact .mail-to .m-inp > div p { }
.main-contact-us .in-contact .mail-to .m-inp > div p + p { margin-top:5px; }
.main-contact-us .in-contact .mail-to .m-inp > div p input[type=text] { width:100%; box-sizing:border-box; border:1px solid #999; padding:10px; background:none; font-size:14px; color:#fff; }
.main-contact-us .in-contact .mail-to .m-inp > div textarea { width:100%; height:129px; border:1px solid #999; padding:10px; background:none; font-size:14px; color:#fff; box-sizing:border-box; }
.main-contact-us .in-contact .mail-to .m-inp *::placeholder { color:#999; }
.main-contact-us .in-contact .mail-to .m-inp *::-webkit-input-placeholder { color:#999; }
.main-contact-us .in-contact .mail-to .m-inp *:-moz-placeholder { color:#999; }
.main-contact-us .in-contact .mail-to .m-inp *::-moz-placeholder { color:#999; }
.main-contact-us .in-contact .mail-to .m-inp *:-ms-input-placeholder { color:#999 !important; }
.main-contact-us .in-contact .mail-to .m-inp *::-ms-input-placeholder { color:#999; }
.main-contact-us .in-contact .mail-to .privacy-area {}
.main-contact-us .in-contact .mail-to .privacy-area textarea {width:100%; background:none; font-size:14px; color:#999; padding:10px; border:1px solid #999; height:123px; box-sizing:border-box; }
.main-contact-us .in-contact .mail-to .btns-area { padding-top:7px; }
.main-contact-us .in-contact .mail-to .btns-area label { display:inline-block; font-size:16px; color:#999; padding-top:10px; }
.main-contact-us .in-contact .mail-to .btns-area input[type=submit] { float:right; display:inline-block; width:138px; height:40px; line-height:40px; color:#000; font-size:16px; background:#fff; border-radius:7px; }
@media screen and (max-width:1420px){
.main-contact-us .in-contact { padding-left:10px; padding-right:10px; }
.main-contact-us .in-contact .info > p { padding-right:20px; line-height:1.5; }
}
@media screen and (max-width:860px){
.main-contact-us { height:680px; background-size:cover; }
.main-contact-us .in-contact > div { width:100%; padding-top:55px; }
.main-contact-us .in-contact .info span.num { font-size:25px; padding-top:10px; }
.main-contact-us .in-contact .info > p { font-size:15px; padding-right:0; }
.main-contact-us .in-contact .info .n-cont p { padding-top:10px; }
.main-contact-us .in-contact .info .n-cont p br { display:none; }
.main-contact-us .in-contact .info .n-cont p span {position:relative; display:inline-block; margin-right:10px; padding-right:14px; }
.main-contact-us .in-contact .info .n-cont p span:last-of-type { margin-right:0; }
.main-contact-us .in-contact .info .n-cont p span:after { content:''; position:absolute; right:0; top:4px; width:1px; height:11px; background:#aaa; }
.main-contact-us .in-contact .info .n-cont p span:last-of-type:after { content:none; }
}
@media screen and (max-width:640px){
.main-contact-us { height:870px; background:url("/images/main/main_contanctus_bg_mo.jpg") no-repeat 50% top; background-size:cover;}
.main-contact-us .in-contact .info span.tit { text-align:center; font-size:40px; }
.main-contact-us .in-contact .info > p { text-align:center; font-size:15px; padding:0 10px; word-break:keep-all; padding-bottom:40px; }
.main-contact-us .in-contact .info span.num { padding-top:30px; border-top:1px solid #999; }
.main-contact-us .in-contact .info .n-cont p { padding-top:5px; font-size:12px; }
.main-contact-us .in-contact .info .n-cont p span:after { height:9px; }
.main-contact-us .in-contact .mail-to { padding-top:20px; }
.main-contact-us .in-contact .mail-to .m-inp > div { width:100%; }
.main-contact-us .in-contact .mail-to .m-inp > div + div { margin-left:0; margin-top:5px; }
.main-contact-us .in-contact .mail-to .privacy-area textarea { font-size:12px; }
.main-contact-us .in-contact .mail-to .btns-area label { display:block; margin-bottom:25px; }
.main-contact-us .in-contact .mail-to .btns-area input[type=submit] { float:none; width:100%; font-weight:600; }
}
/*transition*/
.m-product-list li .item .blind-plus,
.brand-news-boxlist li ,
a.btn-blue-more,
a.btn-white-blue { transition:all .3s ease; -webkit-transition:all .3s ease; -ms-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; }
/*sub contents*/
#container {}
.sub #contents{/* width:750px; float:right;*/ min-height:400px; text-align:left; }
.sub #contents .titleArea{margin-top:80px; margin-bottom:80px; position:relative;}
.sub #contents .titleArea h3{ padding:0px; color:#000; font-size:50px; font-weight:500; text-align:center;}
.sub #contents .titleArea .location { margin-top:10px; text-align:center; font-size:14px; color:#999;}
.sub #contents .titleArea .location span { display:inline-block; padding:0 5px;}
.sub #contents .titleArea .location span > img { width:12px; height:13px; }
@media screen and (max-width:640px){
.sub #contents .titleArea { margin-top:40px; margin-bottom:40px; padding:0 10px; }
.sub #contents .titleArea h3 { font-size:35px; }
.sub #contents .titleArea .location span { font-size:12px; }
}
/* 서브비주얼 */
#subVisual { position:relative; height:200px; overflow:hidden; text-align:center; }
#subVisual .subv-title { text-align:center; padding-top:60px;}
#subVisual .subv-title span { display:block; font-size:35px; color:#fff; font-weight:600; }
#subVisual .subv-title p { font-size:18px; color:#fff; font-weight:300; margin-top:10px; }
#subVisual .btn-both-area { position:absolute; left:0; top:50%; width:100%; }
#subVisual .btn-both-area a { display:inline-block; position:absolute; top:0; width:200px; height:21px; line-height:21px; font-size:16px; color:#fff;}
#subVisual .btn-both-area a.btn-left { position:absolute; left:50px; background:url("/images/common/btn_subtop_prev.png") no-repeat left top; padding-left:20px; text-align:left;}
#subVisual .btn-both-area a.btn-right { position:absolute; right:50px; background:url("/images/common/btn_subtop_next.png") no-repeat right top; padding-right:20px; text-align:right; }
@media screen and (max-width:1020px){
#subVisual .btn-both-area a.btn-left { left:10px; }
#subVisual .btn-both-area a.btn-right { right:10px; }
}
@media screen and (max-width:640px){
#subVisual .btn-both-area a { width:30px; height:30px; font-size:0; }
#subVisual .btn-both-area a.btn-left { position:absolute; left:10px; background:url("/images/main/btn_brand_btn_prev_mo.png") no-repeat left top; background-size:contain; }
#subVisual .btn-both-area a.btn-right { position:absolute; right:10px; background:url("/images/main/btn_brand_btn_next_mo.png") no-repeat right top; background-size:contain; }
}
.subVsal01 { background:url("/images/sub/sub_visual01.jpg") no-repeat 50% top; }
.subVsal02 { background:url("/images/sub/sub_visual02.jpg") no-repeat 50% top; }
@media screen and (max-width:640px){
#subVisual { height:200px; }
.subVsal01 { background:url("/images/sub/sub_visual01_mo.jpg") no-repeat 50% top; }
.subVsal02 { background:url("/images/sub/sub_visual02_mo.jpg") no-repeat 50% top; }
#subVisual .btn-both-area { margin-top:-10px; }
#subVisual .subv-title { padding-left:42px; padding-right:42px; padding-top:58px; }
#subVisual .subv-title span { font-size:28px; }
#subVisual .subv-title p { font-size:15px; }
}
.subcontainer { max-width:1400px; margin:0 auto; }
@media screen and (max-width:1420px){
.subcontainer { padding-left:10px; padding-right:10px; }
}
/*인사말*/
.greeting-top { font-size:26px; color:#222; text-align:center; padding-bottom:140px; }
.greeting-top b { font-weight:500; }
.greeting-top .img-box { padding-top:40px; }
.greeting-top .img-box img { max-width:100%; }
.greeting-top .img-box img.mover { display:none; }
.greeting-top .txt { font-size:16px; color:#666; font-weight:300; padding-top:40px; text-align:left; line-height:1.3; }
@media screen and (max-width:640px){
.greeting-top { font-size:18px; font-weight:300; padding-bottom:80px; }
.greeting-top .img-box { padding-top:20px; }
.greeting-top .img-box img.mover { display:block; }
.greeting-top .img-box img.pcver { display:none; }
.greeting-top .txt { padding-top:20px; font-size:15px; }
}
/*회사개요*/
.company-page { }
.company-page .top-txt { font-size:26px; font-weight:300; color:#222; text-align:center; }
.company-page .top-txt b { font-weight:500; }
@media screen and (max-width:1204px){
.company-page .top-txt br.tb1 { display:none; }
}
@media screen and (max-width:640px){
.company-page .top-txt { font-size:18px; }
}
.company-page .three-top { padding-top:40px; padding-bottom:35px; }
.company-page .three-top ul { font-size:0; }
.company-page .three-top li { display:inline-block; vertical-align:top; width:30%; height:70px; line-height:70px; border-radius:35px; margin-right:5%;text-align:center; font-size:20px; color:#fff; font-weight:500; }
.company-page .three-top li:nth-of-type(1) { background:#476789; }
.company-page .three-top li:nth-of-type(2) { background:#6899c7; }
.company-page .three-top li:nth-of-type(3) { background:#76c6c2; margin-right:0; }
@media screen and (max-width:900px){
.company-page .three-top li { width:32%; margin-right:2%; font-size:18px;}
}
.company-page .boxes-layout { padding-bottom:150px; text-align:center; }
.company-page .boxes-layout .cont { font-size:16px; color:#222; line-height:1.3; }
.company-page .boxes-layout .cont img { padding-bottom:8px; max-width:100%; }
.company-page .boxes-layout .wide-area {position:relative; width:100%; height:140px; background:#e8f0f7; border-radius:5px; }
.company-page .boxes-layout .wide-area:before { content:''; position:absolute; left:0; top:0; width:33.13%; height:100%; background:#e8ecf0; border-top-left-radius:5px; border-bottom-left-radius:5px;}
.company-page .boxes-layout .wide-area:after { content:''; position:absolute; right:0; top:0; width:33.53%; height:100%; background:#ebf7f6; border-top-right-radius:5px; border-bottom-right-radius:5px; }
.company-page .boxes-layout .wide-area .cont { position:relative; z-index:10; padding-top:23px; }
.company-page .boxes-layout .second-box { font-size:0; padding-top:0.7%;}
.company-page .boxes-layout .second-box > div { display:inline-block; vertical-align:top; }
.company-page .boxes-layout .second-box > div:first-of-type { width:66.25%; }
.company-page .boxes-layout .second-box > div:last-of-type { width:33.25%; margin-left:0.5%; }
.company-page .boxes-layout .second-box .le-box { }
.company-page .boxes-layout .second-box .le-box .top-two { height:450px; }
.company-page .boxes-layout .second-box .le-box .top-two > div { display:inline-block; vertical-align:top; width:49.5%; }
.company-page .boxes-layout .second-box .le-box .top-two .le-area { height:450px; background:#e8ecf0; border-radius:5px;}
.company-page .boxes-layout .second-box .le-box .top-two .le-area .cont { padding-top:160px; }
.company-page .boxes-layout .second-box .le-box .top-two .ri-area { margin-left:1%; }
.company-page .boxes-layout .second-box .le-box .top-two .ri-area > div { background:#e8f0f7; height:144px;border-radius:5px; }
.company-page .boxes-layout .second-box .le-box .top-two .ri-area > div + div { margin-top:9px; }
.company-page .boxes-layout .second-box .le-box .top-two .ri-area > div:nth-of-type(1) .cont { padding-top:29px; }
.company-page .boxes-layout .second-box .le-box .top-two .ri-area > div:nth-of-type(2) .cont { padding-top:48px; }
.company-page .boxes-layout .second-box .le-box .top-two .ri-area > div:nth-of-type(3) .cont { padding-top:44px; }
.company-page .boxes-layout .second-box .le-box .bottom {position:relative; height:149px; background:#e8f0f7; margin-top:1%; border-radius:5px;}
.company-page .boxes-layout .second-box .le-box .bottom:before { content:''; position:absolute; left:0;top:0; width:50%; height:100%; background:#e8ecf0; border-top-left-radius:5px; border-bottom-left-radius:5px; }
.company-page .boxes-layout .second-box .le-box .bottom .cont { position:relative; z-index:10; padding-top:34px; }
.company-page .boxes-layout .second-box .ri-box { }
.company-page .boxes-layout .second-box .ri-box > div { background:#ebf7f6; height:299.9px; border-radius:5px; }
.company-page .boxes-layout .second-box .ri-box > div + div { margin-top:2%; }
.company-page .boxes-layout .second-box .ri-box > div:nth-of-type(1) .cont { padding-top:104px; }
.company-page .boxes-layout .second-box .ri-box > div:nth-of-type(2) .cont { padding-top:113px; }
.company-page .mover { display:none; }
@media screen and (max-width:1077px){
.company-page .boxes-layout .cont { font-size:15px; padding-left:10px; padding-right:10px; }
.company-page .boxes-layout .cont br.b1 { display:none; }
}
@media screen and (max-width:789px){
.company-page .boxes-layout .cont br { display:none; }
.company-page .boxes-layout .cont img + br { display:block; }
}
@media screen and (max-width:640px){
.company-page .pcver { display:none; }
.company-page .mover { display:block; }
}
.mo-boxes-layout { padding-top:40px; padding-bottom:80px; }
.mo-boxes-layout .item { position:relative; }
.mo-boxes-layout .item + .item { margin-top:70px; }
.mo-boxes-layout .item + .item:after { content:''; position:absolute; left:50%; top:-44px; margin-left:-15px; width:30px; height:23px; background:url("/images/common/icon_arrow_down_gray.png") no-repeat; background-size:contain; }
.mo-boxes-layout .item .top { height:50px; line-height:50px; font-size:16px; color:#fff; text-align:center; border-radius:25px; }
.mo-boxes-layout .item .top.ch1 { background:#476789; }
.mo-boxes-layout .item .top.ch2 { background:#6899c7; }
.mo-boxes-layout .item .top.ch3 { background:#76c6c2; }
.mo-boxes-layout .item .boxes { padding-top:15px; }
.mo-boxes-layout .item .boxes > div { text-align:center; font-size:13px; color:#222; border-radius:10px; padding:20px 30px; word-break:keep-all; }
.mo-boxes-layout .item .boxes > div + div { margin-top:10px; }
.mo-boxes-layout .item .boxes > div img { margin-bottom:7px; }
.mo-boxes-layout .item .boxes > div img.clip { width:80px; }
.mo-boxes-layout .item .boxes > div img.equi { width:150px; }
.mo-boxes-layout .item .boxes > div img.airc { width:90px; }
.mo-boxes-layout .item .boxes > div img.enfi { width:80px; }
.mo-boxes-layout .item .boxes > div img.prop { width:130px; }
.mo-boxes-layout .item .boxes > div img.reso { width:100px; }
.mo-boxes-layout .item .boxes > div img.airp { width:100px; }
.mo-boxes-layout .item .boxes > div img.alle { width:90px; }
.mo-boxes-layout .item .top.ch1 + .boxes > div { background:#e8ecf0; }
.mo-boxes-layout .item .top.ch2 + .boxes > div { background:#e8f0f7; }
.mo-boxes-layout .item .top.ch3 + .boxes > div { background:#ebf7f6; }
/*찾아오시는길*/
.location-page { }
.location-page .map-area { position:relative; }
.location-page .map-area .root_daum_roughmap { padding:0; border:0; }
.location-page .map-area .root_daum_roughmap .wrap_map { height:500px; }
.location-page .map-area .root_daum_roughmap .wrap_controllers { display:none; }
.location-page .map-area .btn-position { position:absolute; right:30px; bottom:30px; z-index:50; }
.location-page .map-area .btn-position a { display:block; width:250px; height:55px; line-height:55px; background:#2876ce; text-align:center; font-size:16px; color:#fff; font-weight:600; }
.location-page .map-area .btn-position a i { display:inline-block; vertical-align:middle; width:25px; height:25px; background:url("/images/common/icon_kakaomap.png") no-repeat left top; margin-right:10px; }
@media screen and (max-width:640px){
.location-page .map-area .root_daum_roughmap .wrap_map { height:360px; }
.location-page .map-area .btn-position { right:10px; bottom:10px; }
.location-page .map-area .btn-position a { width:150px; height:40px; line-height:40px; font-size:13px; font-weight:300; }
.location-page .map-area .btn-position a i { width:17px; height:17px; background-size:contain; margin-right:5px; margin-bottom:2px; }
}
.location-page .info-boxes { font-size:0; padding-top:90px; padding-bottom:140px; }
.location-page .info-boxes > div {position:relative; display:inline-block; vertical-align:top; width:32%; height:414px; margin-right:2%; box-sizing:border-box; border:1px solid #ddd; }
.location-page .info-boxes > div:last-of-type { margin-right:0; }
.location-page .info-boxes > div > img { position:absolute; left:50%; top:-48px; margin-left:-45px; width:91px; height:91px; }
.location-page .info-boxes .box { padding:100px 30px 0 30px; }
.location-page .info-boxes .box .title { text-align:center; font-size:24px; color:#222; padding-bottom:50px; }
.location-page .info-boxes .box .nav-info { }
.location-page .info-boxes .box .nav-info ul { }
.location-page .info-boxes .box .nav-info li {position:relative; display:block; padding-left:40px; font-size:16px; color:#666; padding-bottom:20px; padding-top:4px; }
.location-page .info-boxes .box .nav-info li i { position:absolute; left:0; top:0; width:31px;height:31px; }
.location-page .info-boxes .box .nav-info li i.c1 { background:url("/images/sub/icon_navi_list1.png") no-repeat left top; background-size:contain;}
.location-page .info-boxes .box .nav-info li i.c2 { background:url("/images/sub/icon_navi_list2.png") no-repeat left top; background-size:contain;}
.location-page .info-boxes .box .nav-info li i.c3 { background:url("/images/sub/icon_navi_list3.png") no-repeat left top; background-size:contain;}
.location-page .info-boxes .box .subway-info { }
.location-page .info-boxes .box .subway-info ul { }
.location-page .info-boxes .box .subway-info li { position:relative; display:block; padding-left:76px; font-size:16px; color:#666; padding-bottom:20px; padding-top:2px; letter-spacing:-1px; }
.location-page .info-boxes .box .subway-info li i { font-style:normal; position:absolute; left:0; top:0; width:64px; height:27px; text-align:center; font-size:16px; color:#fff; font-weight:500; line-height:27px; border-radius:15px; }
.location-page .info-boxes .box .subway-info li i.s1 { background:#3356b4; }
.location-page .info-boxes .box .subway-info li i.s2 { background:#6b7b2b; }
.location-page .info-boxes .box .subway-info li i.ss1 { background:#5fb73c; }
.location-page .info-boxes .box .subway-info li i.ss2 { background:#7182f5; }
.location-page .info-boxes .box .subway-info li i.ss3 { background:#ed8324; }
.location-page .info-boxes .box .subway-info li i.ss4 { background:#00aeab; }
.location-page .info-boxes .box .subway-info li em { display:inline-block; vertical-align:middle; width:1px; height:13px; background:#ccc; margin:0 5px 2px 5px; }
/* 카카오맵 클래스 : 좌우 100% */
.root_daum_roughmap_landing { width:100% !important; }
@media screen and (max-width:950px){
.location-page .info-boxes .box { padding:70px 10px 10px 10px; }
.location-page .info-boxes .box .title { padding-bottom:30px; }
}
@media screen and (max-width:820px){
.location-page .info-boxes > div { width:100%; margin-right:0; height:auto; }
.location-page .info-boxes > div + div { margin-top:80px; }
}
@media screen and (max-width:640px){
.location-page .info-boxes { padding-bottom:80px; }
.location-page .info-boxes > div > img { width:80px; height:80px; margin-left:-40px; top:-40px; }
.location-page .info-boxes .box { padding: 64px 10px 10px 10px; }
.location-page .info-boxes .box .title { font-size:20px; padding-bottom:15px; }
.location-page .info-boxes .box .nav-info li { font-size:15px; }
.location-page .info-boxes .box .nav-info li br { display:none; }
}
/* -------------------------------------------------------------------------------- */
#SNB { position:relative; width:100%; }
.SNBWrap { height:60px; background:#f2f2f2; }
.SNBWrap ul.menu { display:block; max-width:1400px; margin:0 auto; font-size:0; text-align:center; }
.SNBWrap ul.menu li {position:relative; display:inline-block; vertical-align:top; width:174px; box-sizing:border-box; padding-bottom:2px;}
.SNBWrap ul.menu li + li:after { content:''; position:absolute; left:0; top:18px; width:1px; height:23px; background:#bebebe; }
.SNBWrap ul.menu li.snb_on { border-bottom:2px solid #006dc1; padding-bottom:0; }
.SNBWrap ul.menu li a { display:block; width:100%; height:58px; line-height:58px; font-size:16px; color:#222; font-weight:300; text-align:center;}
.SNBWrap ul.menu li.snb_on a { color:#006dc1; font-weight:400;}
@media screen and (max-width:640px){
.SNBWrap ul.menu { padding-left:10px; padding-right:10px; }
.SNBWrap ul.menu li { width:33.333%; }
.SNBWrap ul.menu.board li { width:50%; }
}
.SNBWrap.select { background:none; border-bottom:1px solid #dfdfdf; font-size:0;}
.SNBWrap .select-bx { max-width:1400px; margin:0 auto; border-left:1px solid #dfdfdf; box-sizing:border-box; }
.SNBWrap .select-bx .sel-item {position:relative; display:inline-block; vertical-align:top; border-right:1px solid #dfdfdf; box-sizing:border-box; }
.SNBWrap .select-bx .sel-item a.one-dep { display:block; min-width:230px; padding:0 50px 0 25px; height:60px; line-height:60px; font-size:16px; color:#222; box-sizing:border-box;
background:url("/images/common/icon_arrow_blue_down.png") no-repeat right 15px center; background-size:13px 7px; font-family: 'Noto Sans KR'; /* white-space:nowrap; overflow:hidden; text-overflow:ellipsis; */}
.SNBWrap .select-bx .sel-item ul {display:none; position:absolute; z-index:50; left:-1px; top:61px; width:100%; background:#f8f8f8; padding:7px 0; border:1px solid #ddd; border-width:0 1px 1px 1px;}
.SNBWrap .select-bx .sel-item li { display:block; }
.SNBWrap .select-bx .sel-item li a { display:block; font-size:16px; color:#666; height:38px; line-height:38px; padding:0 25px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.SNBWrap .select-bx .sel-item li a:hover ,
.SNBWrap .select-bx .sel-item li a.on { background:#006dc1; color:#fff; }
.brand-tab-bar { height:60px; background:#f2f2f2;}
.brand-tab-bar .in-brand { max-width:1400px; margin:0 auto; }
.brand-tab-bar ul { font-size:0; }
.brand-tab-bar li {position:relative; display:inline-block; vertical-align:top; width:11.1%; }
.brand-tab-bar li + li:after { content:''; position:absolute; left:0; top:18px; width:1px; height:24px; background:#bebebe; }
.brand-tab-bar li a { display:block; height:58px; line-height:58px; font-size:14px; color:#222; font-weight:300; text-align:center; }
.brand-tab-bar li a.on { border-bottom:2px solid #006dc1; color:#006dc1;}
@media screen and (max-width:1300px){
.brand-tab-bar li a { font-size:12px; }
}
@media screen and (max-width:1040px){
.brand-tab-bar{ overflow:hidden; }
.brand-tab-bar ul { white-space:nowrap; overflow-y:auto; height:100px; -webkit-overflow-scrolling:touch; }
.brand-tab-bar ul li { width:auto; }
.brand-tab-bar ul li a { padding-left:25px; padding-right:25px; }
}
@media screen and (max-width:640px){
.SNBWrap { height:auto; }
.SNBWrap .select-bx .sel-item { width:47%; }
.SNBWrap .select-bx .sel-item a.one-dep { height:45px; line-height:45px; min-width:auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14px; padding: 0 25px 0 10px; background-position:right 7px center;}
.SNBWrap .select-bx .sel-item ul { top:46px; }
.SNBWrap .select-bx .sel-item li a { padding:0 10px; font-size:14px; height:35px; line-height:35px; }
}
/* PRODUCT - list */
.product-page { padding-bottom:150px; }
.product-page .top-text-info { text-align:center; font-size:18px; color:#666; line-height:1.5; }
.product-page .top-text-info + .under-depth-menu { margin-top:50px; }
.under-depth-menu {position:relative; padding:18px 0; border:1px solid #ddd; height:62px; box-sizing:border-box; background:#f8f8f8; border-radius:10px; overflow:hidden; }
.under-depth-menu:after { content:''; position:absolute; right:0; top:0; width:15px; height:100%; background:url("/images/common/alpha_pattern_vertical2.png") repeat-y right top; background-size:contain; }
.under-depth-menu ul {position:relative; text-align:center; font-size:0; white-space:nowrap; overflow-y:auto; height:100px; -webkit-overflow-scrolling:touch;}
.under-depth-menu li { display:inline-block; }
.under-depth-menu li a { display:block; padding:0 25px; height:24px; line-height:24px; font-size:16px; color:#222; font-weight:500; }
.under-depth-menu li + li a { border-left:1px solid #bfbfbf; }
.under-depth-menu li a.on ,
.under-depth-menu li a:hover { color:#006dc1; }
.under-depth-menu + .product-img-list { margin-top:50px; }
@media screen and (max-width:640px){
.product-page { padding-bottom:80px; }
.product-page .top-text-info { font-size:15px; }
.product-page .top-text-info + .under-depth-menu { margin-top:25px; }
.under-depth-menu + .product-img-list { margin-top:20px; }
}
.product-img-list { padding-top:75px; }
.product-img-list.nop { padding-top:0; }
.product-img-list ul { font-size:0; }
.product-img-list li { display:inline-block; vertical-align:top; width:32%; margin-right:2%; margin-bottom:2%; box-sizing:border-box; border:1px solid #ddd; border-radius:10px; }
.product-img-list li:nth-of-type(3n) { margin-right:0; }
.product-img-list li a {position:relative; display:block; padding:10px 0; border-radius:10px; overflow:hidden; }
.product-img-list li .img { text-align:center; height:250px;}
.product-img-list li .img img { max-width:100%; max-height:100%; }
.product-img-list li .pil-blind { display:none; z-index:5; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.85) url("/images/main/icon_blue_plus.png") no-repeat 50% 50%; }
.product-img-list li .pro-tit { position:relative; z-index:10; text-align:center; height:80px; line-height:1.3; font-weight:400; box-sizing:border-box; padding:0 10px; overflow:hidden; }
.product-img-list li .pro-tit div { display:table; width:100%; height:100%; }
.product-img-list li .pro-tit p { display:table-cell; vertical-align:middle; color:#222; font-size:24px; }
.product-img-list.hover li:hover { border-color:#222; box-shadow:2px 5px 5px 2px rgba(0,0,0,0.3); }
.product-img-list.hover li:hover a {border-radius:9px; }
.product-img-list.hover li:hover a .pil-blind { display:block; }
.product-img-list.hover li:hover a .pro-tit { color:#fff; font-weight:200;}
@media screen and (max-width:1400px){
.product-img-list li .img { height:18vw; }
}
@media screen and (max-width:1300px){
.product-img-list li .pro-tit p { font-size:19px; }
}
@media screen and (max-width:640px){
.product-img-list { padding-top:40px; }
.product-img-list li { width:49%; }
.product-img-list li:nth-of-type(3n) { margin-right:2%; }
.product-img-list li:nth-of-type(2n) { margin-right:0; }
.product-img-list li .pro-tit { height:40px; }
.product-img-list li .pro-tit p { font-size:15px; }
}
/*Product View*/
.product-view-page { }
.provw-img-info { font-size:0; padding-bottom:80px; }
.provw-img-info > div { display:inline-block; vertical-align:top; width:47.5%; margin-right:5%; }
.provw-img-info > div:last-of-type { margin-right:0; }
.provw-img-info .img-area { }
.provw-img-info .img-area .big-show-img { width:100%; height:570px; text-align:center; border:1px solid #eee; box-sizing:border-box; }
.provw-img-info .img-area .big-show-img .slick-list ,
.provw-img-info .img-area .big-show-img .slick-list .slick-track ,
.provw-img-info .img-area .big-show-img .slick-list .slick-track .slick-slide { height:100%; }
.provw-img-info .img-area .big-show-img .slick-list .slick-track .slick-slide { position:relative; }
.provw-img-info .img-area .big-show-img img { position:absolute; left:50%; top:50%;
transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%);
display:inline-block; max-width:100%; max-height:100%; }
.provw-img-info .img-area .thumbnail-dots {position:relative; width:100%; padding-top:20px; }
.provw-img-info .img-area .thumbnail-dots.slick-initialized .slick-slide { width:55px; height:55px; border:1px solid #dfdfdf; }
.provw-img-info .img-area .thumbnail-dots.slick-initialized .slick-slide + .slick-slide { margin-left:5px; }
.provw-img-info .img-area .thumbnail-dots.slick-initialized .slick-slide.slick-current { width:55px; height:55px; border-color:#006dc1; }
.provw-img-info .img-area .thumbnail-dots img { width:100%; height:100%; }
.provw-img-info .img-area .thumbnail-dots button.slick-arrow { position:absolute; top:20px; width:20px; height:57px;font-size:0; }
.provw-img-info .img-area .thumbnail-dots button.slick-prev { left:-25px; background:url("/images/main/main_pro_slid_prev.png") no-repeat 50% 50%; background-size:13px 25px; }
.provw-img-info .img-area .thumbnail-dots button.slick-next { right:-25px; background:url("/images/main/main_pro_slid_next.png") no-repeat 50% 50%; background-size:13px 25px; }
.provw-img-info .info-area { }
.provw-img-info .info-area .top-tit { padding-bottom:30px; border-bottom:1px solid #dfdfdf; }
.provw-img-info .info-area .top-tit .brand { padding-bottom:10px; }
.provw-img-info .info-area .top-tit p { font-size:45px; color:#222; font-weight:700; line-height:1.1; }
.provw-img-info .info-area .pro-info { padding-top:40px; font-family: 'Noto Sans KR' ; min-height:100px; }
.provw-img-info .info-area .pro-info .title { font-size:25px; color:#222; font-weight:500; padding-bottom:10px; }
.provw-img-info .info-area .pro-info p { font-size:16px; color:#666; font-weight:300; }
.provw-img-info .info-area .btns-area { font-size:0; padding-top:50px; text-align:right; }
.provw-img-info .info-area .btns-area > div { display:inline-block;vertical-align:top; }
.provw-img-info .info-area .btns-area > div a { display:block; font-size:18px; border:1px solid #006dc1; height:54px; line-height:54px; text-align:center; border-radius:5px; }
.provw-img-info .info-area .btns-area .blue { width:39%; margin-right:2%; }
.provw-img-info .info-area .btns-area .blue a { color:#fff; background:#006dc1; }
.provw-img-info .info-area .btns-area .line { width:18%; }
.provw-img-info .info-area .btns-area .line a { color:#006dc1; background:#fff; }
@media screen and (max-width:920px){
.provw-img-info > div { width:100%; margin-right:0; }
.provw-img-info .img-area { }
.provw-img-info .img-area .slick-slide { text-align:center; }
.provw-img-info .img-area .slick-slide img {display:inline-block; }
.provw-img-info .info-area { padding-top:50px; }
}
@media screen and (max-width:640px){
.provw-img-info{ padding-bottom:40px; }
.provw-img-info .info-area .top-tit .brand img { width:150px; }
.provw-img-info .info-area .top-tit p { font-size:30px; }
.provw-img-info .info-area .pro-info { padding-top:20px; }
.provw-img-info .info-area .pro-info .title { font-size:20px; }
.provw-img-info .info-area .pro-info p { font-size:15px; }
.provw-img-info .info-area .btns-area { text-align:center; }
.provw-img-info .info-area .btns-area > div a {font-size:14px; }
.provw-img-info .img-area .big-show-img { height:300px; }
.provw-img-info .img-area .big-show-img img { left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%);}
.provw-img-info .info-area .btns-area .blue {width:40%; margin-right:1%; }
}
.provw-wide-container { width:100%; background:#f8f8f8; padding:45px 0; }
.provw-wide-container .in-pro-content { }
.provw-wide-container .in-pro-content .tit { font-size:25px; color:#222; padding-bottom:10px; }
.provw-wide-container .in-pro-content p { font-size:16px; color:#666666; }
.pro-detail-contain { padding-top:80px; padding-bottom:250px; }
.pro-detail-contain .title { text-align:center; font-size:40px; color:#222; font-weight:500; }
.pro-detail-contain .detail-infor { padding-top:70px; min-height:100px; }
.pro-detail-contain .detail-infor img { max-width:100%; }
.pro-detail-contain .btns-area { font-size:0; text-align:center; padding-top:120px; }
.pro-detail-contain .btns-area a { display:inline-block; vertical-align:top; font-size:18px; border:1px solid #006dc1; height:54px; line-height:54px; text-align:center; border-radius:5px; }
.pro-detail-contain .btns-area a + a { margin-left:10px; }
.pro-detail-contain .btns-area a.btn-blue { width:260px; color:#fff; background:#006dc1; }
.pro-detail-contain .btns-area a.btn-line { width:115px; color:#006dc1; background:#fff; }
.supplier-page-container { padding-bottom:100px; }
.supplier-page-container .top-tit-info { text-align:center; padding-bottom:70px;}
.supplier-page-container .top-tit-info .first-t { font-size:24px; color:#222; font-weight:300; padding-bottom:28px; line-height:1.3;}
.supplier-page-container .top-tit-info .first-t b {font-weight:500; }
.supplier-page-container .top-tit-info .txt { font-size:16px; color:#666; }
.supplier-page-container .mid-banner-wide {position:relative; height:400px; background:url("/images/sub/supplier_mid_bg.jpg") no-repeat 50% top; }
.supplier-page-container .mid-banner-wide .in-mbw-content {position:absolute; left:0; top:50%; width:100%; text-align:center;
transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%);}
.supplier-page-container .mid-banner-wide .in-mbw-content h4 {font-size:40px; font-weight:500; color:#fff;}
.supplier-page-container .mid-banner-wide .in-mbw-content p { padding-top:20px; font-size:18px; color:#fff; font-weight:200; line-height:1.5;}
.supplier-page-container .mid-banner-wide .in-mbw-content p em { font-style:italic;}
.supplier-page-container .mid-banner-wide .in-mbw-content > img { width:20px; }
.supplier-page-container .mid-banner-wide .in-mbw-content ul {padding-top:20px;color:#fff; max-width:1400px; margin:0 auto; text-align:left; padding-left:10px; padding-right:10px;}
.supplier-page-container .mid-banner-wide .in-mbw-content ul li {position:relative; padding-left:14px; font-size:18px;}
.supplier-page-container .mid-banner-wide .in-mbw-content ul span {font-size:24px;}
.supplier-page-container .mid-banner-wide .in-mbw-content ul li::before {content:""; position:absolute; left:0; top:16px; width:5px; height:5px; background:#fff; border-radius:50%;}
@media screen and (max-width:700px){
.pro-detail-contain .btns-area { font-size:0; }
.pro-detail-contain .btns-area a { box-sizing:border-box; }
.pro-detail-contain .btns-area a.btn-blue { width:40%; margin-right:1%; }
.pro-detail-contain .btns-area a.btn-line { width:18%; }
.pro-detail-contain .btns-area a + a { margin-left:0; }
}
@media screen and (max-width:640px){
.supplier-page-container .mid-banner-wide .in-mbw-content ul li { font-size:16px;}
.supplier-page-container .mid-banner-wide .in-mbw-content ul span {font-size:20px;}
.supplier-page-container .mid-banner-wide .in-mbw-content h4 {font-size:30px;}
.supplier-page-container .top-tit-info .first-t { font-size:18px; }
.supplier-page-container .top-tit-info .txt { font-size:15px; }
.supplier-page-container .mid-banner-wide .in-mbw-content { padding-left:10px; padding-right:10px; box-sizing:border-box; }
.supplier-page-container .mid-banner-wide .in-mbw-content p { font-size:15px; line-height:1.3;}
.provw-wide-container { padding:25px 0; }
.provw-wide-container .in-pro-content .tit { font-size:20px; }
.provw-wide-container .in-pro-content p { font-size:15px; }
.pro-detail-contain { padding-top:40px; padding-bottom:80px; }
.pro-detail-contain .detail-infor { padding-top:35px; }
.pro-detail-contain .title { font-size:30px; padding:0 10px; }
.pro-detail-contain .btns-area { padding-top:50px; }
.pro-detail-contain .btns-area a {font-size:14px; }
}
.supp-pro-brand { padding:70px 0 65px; }
.supp-pro-brand .tit { text-align:center; font-size:40px; color:#222; font-weight:500; padding-bottom:80px; }
.brand-pro-list { height:226px; overflow:hidden; }
.brand-pro-list .in-bplist { width:100%; padding-top:20px; }
.brand-pro-list .in-bplist .in-list { font-size:0; width:100%; text-align:center; height:167px; border-radius:10px; }
.brand-pro-list a { position:relative; display:inline-block; vertical-align:top; width:12.5%; background:#f8f8f8; border-top:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box;}
.brand-pro-list a + a:after { content:''; position:absolute; left:0; top:50px; width:1px; height:52px; background:#ddd; }
.brand-pro-list a .img { display:table; height:120px; width:100%; }
.brand-pro-list a .img p { display:table-cell; vertical-align:middle; }
.brand-pro-list a .img img { max-width:100%; max-height:100%; }
.brand-pro-list a .txt { display:table; height:45px; width:100%; }
.brand-pro-list a .txt p { display:table-cell; vertical-align:middle; font-size:15px; color:#222; font-weight:300; line-height:1.2; padding-left:5px; padding-right:5px;
display:-webkit-box;
-webkit-line-clamp:2; /* 라인수 */
-webkit-box-orient:vertical;
white-space:normal;
overflow:hidden;
text-overflow:ellipsis;
}
.brand-pro-list a:first-of-type { border-top-left-radius:10px; border-bottom-left-radius:10px; border-left:1px solid #ddd; }
.brand-pro-list a:last-of-type { border-top-right-radius:10px; border-bottom-right-radius:10px; border-right:1px solid #ddd; }
/*
.brand-pro-list a:hover { margin-top:-14px; padding:20px 0; border-radius:10px; background:#2876ce; box-shadow:3px 11px 13px 0px rgba(0,0,0,0.3); }
.brand-pro-list a:hover:after { content:''; position:absolute; left:50%; top:auto; bottom:-17px; width:37px; height:36px; margin-left:-18.5px; background:url("/images/common/icon_cir_down_arrow.png") no-repeat left top; }
.brand-pro-list a:hover .txt p { color:#fff; }
*/
.brand-pro-list a.on {position:relative; z-index:5; margin-top:-14px; padding:14px 0 19px; border-radius:10px; background:#2876ce; box-shadow:3px 11px 13px 0px rgba(0,0,0,0.3); border:0; }
.brand-pro-list a.on:after { content:none; }
.brand-pro-list a.on + a:after { content:none; }
.brand-pro-list a.on:after { content:''; position:absolute; left:50%; top:auto; bottom:-17px; width:37px; height:36px; margin-left:-18.5px; background:url("/images/common/icon_cir_down_arrow.png") no-repeat left top; background-size:contain;}
.brand-pro-list a.on .txt p { color:#fff; }
@media screen and (max-width:1400px){
/* .brand-pro-list { height:13vw; }
.brand-pro-list a .img { height:7vw; } */
}
@media screen and (max-width:1024px){
.brand-pro-list .in-bplist { height:300px; overflow-y:auto; white-space:nowrap; }
.brand-pro-list .in-bplist a { width:130px; }
.brand-pro-list a .txt p { white-space:normal;}
}
@media screen and (max-width:1000px){
}
@media screen and (max-width:640px){
.supp-pro-brand .tit { font-size:30px; padding-bottom:30px; }
.brand-pro-list a .txt p { font-size:14px; }
}
/*magin*/
.maT40 { margin-top:40px; }
.center-area { text-align:center; }
.blue { color:#2876ce; }
/* 회원단 공통 */
#MemBody {width:100%; padding:0px 0; margin-top:0px; position:relative;}
#MemBody caption {display:none;}
#MemBody textarea { width:100%; height:200px;border:1px solid #ddd; color:#666; overflow-x:hidden; padding:5px; box-sizing:border-box;}
/* 로그인 */
.login #MemBody {padding:50px 0;}
.login #MemBody .login_title {margin-bottom:25px; padding-top:145px; background:url('/images/member/icon_login02.png') no-repeat center 0; text-align:center;}
.login #MemBody .login_title h4 {font-size:36px; font-weight:600; color:#222; letter-spacing:-0.25px;}
.login #MemBody .login_title p {padding-top:20px; font-size:18px; font-weight:300; letter-spacing:-0.2px;}
.login #MemBody .login_con {width:440px; margin:0 auto;}
.login #MemBody .login_con table {width:100%;}
.login #MemBody .login_con table input.text {width:285px; height:38px; background:#f9f9f9;}
.login #MemBody .login_con .login_util {border-top:1px solid #bfbfbf; margin-top:20px; padding-top:20px; overflow:hidden;}
.login #MemBody .login_con .login_util ul {float:left;}
.login #MemBody .login_con .login_util ul li {display:inline-block; padding-left:11px; margin-left:10px; background:url('/images/member/login_gap.gif') no-repeat 0 center; font-size:14px; letter-spacing:-0.2px; line-height:30px;}
.login #MemBody .login_con .login_util ul li:first-child {padding-left:0; margin-left:0; background:none;}
.login #MemBody .login_con .login_util ul li:hover a {text-decoration:underline;}
.login #MemBody .login_con .login_util .btn_black {float:right;}
.login .save {margin-top:-3px; margin-right:6px;}
/* 회원가입 - 약관동의 */
#MemBody.join_agree .info_check_box {padding:30px 20px; border:1px solid #cccccc; background:#f3f3f3; text-align:center;}
#MemBody.join_agree .join_agree_box {margin-top:30px;}
#MemBody.join_agree .info_check_box input.mem_name {width:100px;}
#MemBody.join_agree .info_check_box input.mem_email {width:200px;}
#MemBody.join_agree .join_agree_box .title {position:relative; display:block; margin-bottom:10px; padding-left:15px; font-size:17px;}
#MemBody.join_agree .join_agree_box .title:before {content:''; display:block; position:absolute; top:50%; left:0; width:5px; height:18px; margin-top:-9px; background:#977b5d;}
#MemBody.join_agree .join_agree_box .agree_check {padding:10px; background:#f5f5f5;}
/* 아이디/비번 찾기 */
#findIdpw {overflow:hidden;}
#findIdpw h4 {margin-bottom:20px; font-size:18px; font-weight:600; text-align:left; color:#222;}
#findIdpw .over {overflow:hidden;}
#findIdpw .find { display:inline-block; width:440px; height:260px; background:#f5f5f5; padding:40px 50px; border:1px solid #cfcfcf;}
#findIdpw .find p {padding-bottom:20px; margin-bottom:20px; border-bottom:1px dashed #c3c3c3; font-size:15px; color:#393939; line-height:22px; letter-spacing:-0.8px;}
#findIdpw .find p .blue {text-decoration:underline;}
#findIdpw .findTable {width:100%;}
#findIdpw .findTable th,
#findIdpw .findTable td {padding:2px 2px;}
#findIdpw .findTable td input.text {width:310px; height:40px;}
#findIdpw .btn_idpw01 {width:104px; height:88px; line-height:88px;}
#findIdpw .btn_idpw02 {width:104px; height:134px; line-height:134px;}
#findIdpw.idpw_result .find {display:block; width:auto; height:auto; margin:0 auto; text-align:center;}
#findIdpw.idpw_result .find {padding-bottom:20px;}
#findIdpw.idpw_result .btnArea {width:280px; margin:0 auto;}
/*개인정보 / 이용약관*/
.rule-txt-area { max-width:1100px; width:100%; margin:0 auto 100px; padding-top:50px; }
.rule-txt-area textarea { width:100%; height:500px; padding:10px 15px; border:1px solid #ddd; box-sizing:border-box; font-size:16px; color:#222; font-weight:400; line-height:1.5;}
.rule-txt-area .rul-btn-box { margin-top:50px; text-align:center; }
@media screen and (max-width:640px){
.rule-txt-area textarea { font-size:14px; }
}
/*전자결제(pay)*/
.pay {background:#fff; width:94%; padding:3%; margin-bottom:0px; margin-left:0; margin-right:0; margin-top:0;}
.pay h3 {position:relative; font-size:22px; margin-bottom:20px; padding-left:15px; font-weight:600; color:#222;}
.pay h3:before {content:''; display:block; position:absolute; top:50%; left:0; width:5px; height:20px; margin-top:-10px; background:#977b5d;}
.pay h4 {font-size:16px; margin-bottom:10px; color:#222;}
.pay .mgB30 {margin-bottom:30px;}
.pay #Board .privacy .textarea {font-size:13px; line-height:20px;}
.pay .btnArea {text-align:center; margin-top:25px}
/*foot*/
#foot{width:100%; border-top:1px solid #ddd;}
.footWrap {position:relative; max-width:1400px; margin:0 auto; position:relative; font-size:12px; text-align:center; }
.footWrap h3 {padding:68px 80px 0 0px; float:left; font-size:30px;}
.footWrap .icons-area { position:absolute; right:0; top:40px; }
.footWrap .icons-area a { display:inline-block; vertical-align:top; padding:0 5px; }
.footWrap .footCnt {position:relative; padding:60px 0; color:#999; word-break: break-word;}
.footWrap .footCnt .com-btns { margin-bottom:15px; }
.footWrap .footCnt .com-btns a {font-size:16px; color:#666; display:inline-block; vertical-align:top; padding-right:20px;}
.footWrap .footCnt .com-btns a:last-of-type { color:#000; padding-right:0;}
.footWrap .footCnt address {padding-bottom:3px; line-height:1.7; font-size:13px; color:#666;font-weight:300;}
.footWrap .footCnt address span { display:inline-block; padding-right:10px; margin-right:10px; }
.footWrap .footCnt p {padding-right:5px; vertical-align:middle; display:inline-block; padding-top:20px; font-size:13px; color:#666; font-weight:300;}
.footWrap .footCnt p a {color:#999;}
.footWrap .footCnt p a:hover {text-decoration:underline;}
.footWrap .footCnt span.secret { display:inline-block; vertical-align:middle;}
@media screen and (max-width:640px){
.footWrap .footCnt { padding:30px 10px; }
.footWrap .footCnt address { font-size:12px; }
.footWrap .footCnt .com-btns a { font-size:15px; }
}
.login #MemBody .order_title {margin-bottom:25px; text-align:center;}
/* 관리자 로그인 */
.divbox {display:none; left:50%; position:absolute; z-index: 1;}
.divbox .text {width:150px;}
div#box {width:400px; margin-left:-200px; text-align:center; background-color:#fff; position:fixed; left:50%; bottom:300px; z-index:9999; padding:40px 30px 20px 30px; border:5px solid #eee;box-sizing:border-box; }
div#box .login_center{overflow:hidden; padding:30px 0; border-top:1px solid #222; border-bottom:1px solid #bbb;}
div#p_input {text-align:center;}
div#p_input span.label {display:inline-block; width:90px; padding-right:10px; text-align:right;}
div.login_foot {clear:both; text-align:center; margin-top:20px;}
@media screen and (max-width:640px){
div#box { bottom:auto; top:50%; margin-top:-118px; width:100%; margin-left:-50%; padding:20px 10px 20px 10px; }
div#p_input span.label {font-size:14px; }
}
/* 페이징 수정 */
.pageArea {text-align: center; padding: 0.375rem 0.75rem; margin-top: 40px; display: flex; justify-content: center; align-items: center; font-size: 1rem;}
.pageArea a { padding: 7px ;margin-left:4px; margin-right: 4px; width: 34px; height: 34px; box-sizing: border-box;}
.pageArea b {padding: 7px; background-color: #2876ce; color: #ffffff; border-radius: 5px; margin-left: 4px; margin-right: 4px;width: 34px; height: 34px; box-sizing: border-box;}
.quick-menu {position: fixed; top: auto; bottom: 15vh; right: 10px; z-index: 400;display: flex;flex-direction: column;align-items: flex-end;gap: 10px; }
.quick-menu li {width: 60px; height: 60px; position: relative;}
.quick-menu li.inquiry {width: 160px; color: #006dc1; background: #fff; border: 1px solid #006dc1; border-radius: 30px; padding-left:0; }
.quick-menu li.inquiry a {height:100%; color:#000; display:flex; align-items:center; justify-content:space-between; padding:10px 15px; box-sizing:border-box;}
.quick-menu li.inquiry span {font-weight:700; font-size:18px; color:#006dc1;}
.quick-menu .btn-topScroll {width: 60px; height: 60px; border-radius:50%; background-color: #006dc1 ;padding: 0;}
.quick-menu .btn-topScroll i{font-size: 1.5rem; color: #fff;}
@media screen and (max-width:640px){
.quick-menu li.inquiry {width: 60px;}
.quick-menu li.inquiry span {display:none;}
.quick-menu li.inquiry a {padding:0; justify-content:center;}
}
.app-info {position:relative; max-height:300px; overflow:hidden; }
.app-info::before {content:""; width:100%; position:absolute; bottom:0; height: 200px; background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 1) 100%);}
.btn-app { display:block; vertical-align:top; font-size:18px; border:1px solid #006dc1; height:54px; line-height:54px; text-align:center; border-radius:5px;color: #006dc1; }
.btn-app svg {vertical-align:middle;}
@media screen and (max-width:640px){
.btn-app {font-size:14px; }
}
.app-tag {margin-top:20px;}
.app-tag a {font-size:18px; background-color:#006dc1; color:#fff; padding:2px 4px; display:inline-block; margin-right:4px; border-radius:4px;}
.application-view {padding-top:80px;}
.application-view .provw-img-info .img-area {width:30%;}
.application-view .provw-img-info .info-area {width:65%;}
.application-view .provw-img-info .img-area .big-show-img {height:auto; aspect-ratio:1/1;}
@media screen and (max-width:920px){
.application-view .provw-img-info .img-area {width:100%;}
.application-view .provw-img-info .info-area {width:100%;}
}
.search-box { padding-top:40px; padding-bottom:40px; padding-left: 10px; padding-right: 10px; background-color: #fafafa; border-bottom: 1px solid #e7e7e7;}
.search-box.mb {margin-bottom:80px;}
.search-box fieldset {max-width:1400px; margin:0 auto; display:flex; justify-content:center; gap:3px;}
.search-box .text {width:40%; padding: 8px;}
.search-box .btn_search {height:51px; background: #2876ce; color: #fff; font-size: 16px; border: 1px solid #2876ce;}
@media screen and (max-width:640px){
.search-box .text {width:calc(100% - 83px); padding: 8px;}
}
.search-result h3 {color:#000; font-size: 24px;}
.pro-detail-contain .btns-area.pt-0 {padding-top:0;}