@charset "utf-8";
/* 당근고양이 'ㅅ' */

/* for styles */
@import url("default.css");

/* layout */
html, body {/* min-width:1200px; */ width:100%; overflow-x:hidden; word-break:keep-all;}
input.text,
select.text {height:30px; border:#ddd 1px solid; box-shadow:none;}
/* select option {text-shadow:0 0 0 #000 !important;} */
input:focus,
select:focus {background:none;}
body.ie select.text {padding:0 0 0 20px !important; background:none;}
textarea.text {border:#ddd 1px solid; outline:0; transition:.2s linear;}
textarea.text:focus {border-color:#f35e00 !important;}
textarea.text:read-only:focus {border-color:#ddd;}
a {transition:.2s linear;}
a.smoth_link {scroll-behavior:smooth;}
.nice-select {width:100%; height:100%; border:0; font-size:18px; font-weight:700; line-height:49px;}
.nice-select * {color:#323232;}
.nice-select .list {border-radius:0;}
.nice-select .option {line-height:34px;}

.inner {width:100%; max-width:1000px; margin:0 auto;}
span.br {display:block;}
.mo_vw {display:none !important;}

.btn_gray {background:#888 !important;}
.btn_gray:hover {background:#666 !important;}

.org {color:#ff6400 !important;}

/* @media screen and (max-width:1200px){
	html, body {overflow-x:auto;}
} */

::-webkit-scrollbar {width:9px; height:9px; cursor:pointer;}
::-webkit-scrollbar-thumb {background-color:#ff6400; border-radius:9px; background-clip:padding-box; border:2px solid #fff;}
::-webkit-scrollbar-track {background-color:#fff; border-radius:9px;}
input:-webkit-autofill {-webkit-box-shadow:0 0 0 30px #fff inset ; -webkit-text-fill-color:#000;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {transition:background-color 5000s ease-in-out 0s;}

/* 익스 브라우저 사용시 */
.ie_wrap {display:none; font-family:'Noto Sans Korean', sans-serif;}
.ie_wrap .outbox {position:fixed; top:0; left:0; width:100%; height:100%; background:#ff6400; display:table; table-layout:fixed; z-index:1000;}
.ie_wrap .inbox {display:table-cell; vertical-align:middle;}
.ie_wrap p {font-size:19px; color:#fff; font-weight:700; line-height:30px; text-align:center; margin-bottom:20px; text-shadow:rgba(0,0,0,.2) 0 0 10px;}
.ie_wrap .link {text-align:center; font-size:0;}
.ie_wrap .link a {display:inline-block; vertical-align:top; font-size:60px; color:#fff; margin:0 40px; text-shadow:rgba(0,0,0,.1) 0 0 10px;}
.ie_wrap .link a:hover {opacity:.7;}
body.ie {overflow:hidden;}
body.ie .ie_wrap {display:block;}

.blind_link {display:none !important;}

/* 높이 별도 추가 */
.mt16h {margin-top:160px;}
/* 가로라인 */
.wline {width:100%; height:1px; background:#ddd; margin:150px 0;}
.wline.tb100 {margin:100px 0;}

/* 게시판 목록 */
.board_list {border-top:#333 2px solid;}
.board_list th,
.board_list td {font-size:17px; height:50px; line-height:30px; text-align:center;}
.board_list th {color:#333; font-weight:700; border-bottom:#333 1px solid;}
.board_list td {color:#333; font-weight:300; border-bottom:#ddd 1px solid;}
.board_list td.tal a {display:block; text-align:center; line-height:50px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_list col.w1 {width:80px;}
.board_list col.w2 {width:110px;}
.board_list col.w3 {width:70px;}
.board_list .down {display:inline-block; vertical-align:middle; background:url('/pub/images/icon_down2.png') #ff6400 no-repeat 50% 50%; width:26px; height:26px; border-radius:50%;}

/* 게시판 상단 */
.board_top {display:flex; justify-content:space-between; margin-bottom:30px; align-items:center;}
.board_top .total {font-size:15px; color:#333; font-weight:700; line-height:20px; font-family:'Pretendard';}
.board_top .total strong {color:#ff6400; font-weight:700;}
.board_top .paging {display:flex;}
.board_top .paging .arrow {position:relative; width:8px; height:20px;}
.board_top .paging .arrow:before,
.board_top .paging .arrow:after {content:""; position:absolute; top:50%; left:50%; width:8px; height:2px; background:#333; margin-left:-4px;}
.board_top .paging .arrow:before {margin-top:-3px;}
.board_top .paging .arrow:after {margin-top:1px;}
.board_top .paging .arrow.prev:before {transform:rotate(-45deg);}
.board_top .paging .arrow.prev:after {transform:rotate(45deg);}
.board_top .paging .arrow.next:before {transform:rotate(45deg);}
.board_top .paging .arrow.next:after {transform:rotate(-45deg);}
.board_top .paging .page {font-size:15px; color:#333; font-weight:700; line-height:20px; width:104px; text-align:center; font-family:'Pretendard';}
.board_top .select_area {display:flex;}
.board_top .select_label {height:40px; line-height:40px;}
.board_top .right .select_label:last-child {margin-right:0;}
.board_top .select_label label,
.board_top .select_label select {font-size:15px; height:39px; font-family:'Pretendard';}
.board_top .select_label label {font-weight:400; line-height:18px; display:flex; align-items:center;}
.board_top .select_label select {line-height:39px;}
.board_top .right {display:flex;}
.board_top .select_area:last-child .select_label:last-child {margin-right:0;}
.board_top .radios {display:flex; align-items:center;}
.board_top .radios label.radio {margin-left:24px;}
label.radio {position:relative; display:block; font-size:15px; color:#333; font-weight:700; line-height:20px; padding-left:30px; font-family:'Nanum gothic';}
label.radio input {display:none;}
label.radio i {position:absolute; top:0; left:0; width:20px; height:20px; border:#ddd 1px solid; border-radius:50%; transition:.2s linear;}
label.radio i:before {content:""; position:absolute; top:50%; left:50%; width:0; height:0; background:#ff6400; border-radius:50%; transform:translate(-50%,-50%); transition:.2s linear;}
label.radio input:checked + i {border-color:#ff6400;}
label.radio input:checked + i:before {width:10px; height:10px;}

/* 게시판 하단 */
.board_bottom .btns {overflow:hidden; margin-top:20px;}
.board_bottom .btns .btn {display:inline-block; width:80px; height:30px; line-height:30px; background:#0e5ba2; color:#fff; font-weight:bold; text-align:center; border:0; vertical-align:top; transition:.5s;}
.board_bottom .btns .btn:hover {background:#04427b; color:#eee;}
.board_bottom .paging {text-align:center; margin-top:100px; font-size:0;}
.board_bottom .paging a {display:inline-block; width:30px; height:30px; line-height:30px; text-align:center; font-size:12px; color:#333; font-weight:500; vertical-align:top; font-family:'Pretendard';}
.board_bottom .paging a:hover,
.board_bottom .paging a.on {color:#ff6400;}
.board_bottom .paging .nums {margin:0 10px;}
.board_bottom .paging .arrow {position:relative; border:rgba(50,50,50,.5) 1px solid; margin:0 10px;}
/* .board_bottom .paging .arrow:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#222; transition:.2s linear;} */
.board_bottom .paging .arrow:before,
.board_bottom .paging .arrow:after {content:""; position:absolute; top:50%; left:50%; width:10px; height:10px; margin-top:-5px; transform:rotate(45deg); transition:.2s linear;}
.board_bottom .paging .arrow.first:before,
.board_bottom .paging .arrow.first:after {border-bottom:#111 2px solid; border-left:#111 2px solid;}
.board_bottom .paging .arrow.first:before {margin-left:-5px;}
.board_bottom .paging .arrow.first:after {margin-left:1px;}
.board_bottom .paging .arrow.prev:before {border-bottom:#111 2px solid; border-left:#111 2px solid; margin-left:-3px;}
.board_bottom .paging .arrow.next:before {border-top:#111 2px solid; border-right:#111 2px solid; margin-left:-7px;}
.board_bottom .paging .arrow.last:before,
.board_bottom .paging .arrow.last:after {border-top:#111 2px solid; border-right:#111 2px solid;}
.board_bottom .paging .arrow.last:before {margin-left:-10px;}
.board_bottom .paging .arrow.last:after {margin-left:-4px;}
.board_bottom .paging .arrow:hover:before,
.board_bottom .paging .arrow:hover:after {border-color:#ff6400;}
/* .board_bottom .paging .arrow.first:before {mask:url('/pub/images/arrow_first.svg') no-repeat 50% 50%; -webkit-mask:url('/pub/images/arrow_first.svg') no-repeat 50% 50%;}
.board_bottom .paging .arrow.prev:before {mask:url('/pub/images/arrow_prev.svg') no-repeat 50% 50%; -webkit-mask:url('/pub/images/arrow_prev.svg') no-repeat 50% 50%;}
.board_bottom .paging .arrow.next:before {mask:url('/pub/images/arrow_next.svg') no-repeat 50% 50%; -webkit-mask:url('/pub/images/arrow_next.svg') no-repeat 50% 50%;}
.board_bottom .paging .arrow.last:before {mask:url('/pub/images/arrow_last.svg') no-repeat 50% 50%; -webkit-mask:url('/pub/images/arrow_last.svg') no-repeat 50% 50%;} */
/* .board_bottom .paging .arrow:hover:before {background:#ff6400;} */

/* 게시판 상세 */
.board_in {border-top:#ddd 2px solid;}
.board_in th,
.board_in td {text-align:left; padding:10px; border-bottom:#ddd 1px solid;}
.board_in th {background:#f5f5f5; color:#333;}
.board_in td {color:#666;}

/* 갤러리 목록 */
.gall_list ul {overflow:hidden; margin-left:-10px;}
.gall_list ul li {float:left; width:185px; margin:0 0 10px 10px;}
.gall_list ul li a {display:block;}
.gall_list ul li .img {width:100%; height:139px; overflow:hidden;}
.gall_list ul li p {display:block; height:30px; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/* 셀렉트박스 레이블 */
.select_box {position:relative; background:#fff; text-transform:uppercase; display:block;}
.select_box label {position:absolute; top:0; left:0; display:block; width:100%; text-align:left; overflow:hidden;}
.select_box select {display:block; width:100%; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); outline:0; border:0; background:none; cursor:pointer;}

label.check {position:relative; padding-left:25px; font-size:17px; color:#333; line-height:20px;}
label.check input {display:none;}
label.check i {position:absolute; top:0; left:0; width:20px; height:20px; border:#ddd 1px solid; background:#fff; transition:.2s linear;}
label.check i:before {content:""; opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; background:url('/pub/images/icon_checkbox.gif') no-repeat 50% 50% / contain; transition:.2s linear;}
label.check input:checked + i:before {opacity:1;}

/* header */
.header_wrap {position:relative; top:0; left:0; width:100%; z-index:100; background:#fff; transition:.2s linear;}
.header_wrap.main {position:fixed; background:none;}
.header_wrap .top_banner {position:relative; text-align:center; height:0; overflow:hidden;}
.header_wrap .top_banner.on {height:100px;}
.header_wrap .top_banner > * {display:block;}
.header_wrap .top_banner img {position:relative; left:50%; width:auto; max-width:none; height:inherit; transform:translate(-50%,0);}
.header_wrap .top_banner .check {position:absolute; top:50%; right:180px; height:16px; line-height:16px; color:#fff; transform:translate(0,-50%);}
.header_wrap .top_banner .check i {border:#fff 1px solid; background:none; width:16px; height:16px;}
.header_wrap .top_banner .check i:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url('/pub/images/icon_check.png') no-repeat 50% 50% / contain; opacity:0; transition:.2s linear;}
.header_wrap .top_banner .check input:checked + i:before {opacity:1;}
.header_wrap .top_banner .btn_close {position:absolute; top:50%; right:60px; width:90px; height:30px; line-height:30px; font-size:14px; color:#fff; font-weight:300; text-align:left; padding:0 18px; transform:translate(0,-50%); background:#000; border-radius:15px; font-family:'Nanum gothic';}
.header_wrap .top_banner .btn_close i {position:absolute; top:0; right:15px; width:10px; height:100%;}
.header_wrap .top_banner .btn_close i:before,
.header_wrap .top_banner .btn_close i:after {content:""; position:absolute; top:50%; left:50%; width:10px; height:2px; background:#fff; margin:-1px 0 0 -5px;}
.header_wrap .top_banner .btn_close i:before {transform:rotate(45deg);}
.header_wrap .top_banner .btn_close i:after {transform:rotate(-45deg);}
.header {position:relative; height:100px; transition:.2s linear;}
.header:before,
.header:after {content:""; position:absolute; top:100px; left:0; transition:.2s linear;}
.header:before {width:100%; height:0; background:#fff; z-index:-1;}
.header:after {width:0; height:1px; background:#ddd; z-index:1;}
.header .logo {position:absolute; top:35px; left:70px; height:30px; overflow:hidden; font-size:0; line-height:100px; z-index:11;}
.header .logo img {display:inline-block; vertical-align:top; margin-top:-30px; }
.main .header .logo img {margin-top:0;}
.header .logo h1 {display:none;}
.header .btn_menu {position:absolute; top:50%; right:70px; width:34px; height:34px; margin-top:-17px; z-index:11; border-radius:50%; /* background:#323232; mask:url('/pub/images/icon_menu.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_menu.svg') no-repeat 50% 50% / contain; */}
/* .main .header .btn_menu {background:#ccc;} */
.header .btn_menu:before {content:""; opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; background:#333; -webkit-mask:url('/pub/images/btn_close.svg') no-repeat 50% 50% / contain; mask:url('/pub/images/btn_close.svg') no-repeat 50% 50% / contain; transition:.2s linear;}
.header .btn_menu p {position:absolute; top:50%; left:50%; width:34px; height:2px; background:#333; margin-left:-17px; transition:.2s linear;}
.main .header .btn_menu p {background:#ccc;}
/* .header .btn_menu p:before,
.header .btn_menu p:after {content:""; position:absolute; top:0; width:100%; height:100%; background:inherit; border-radius:inherit; transition:.2s linear;}
.header .btn_menu p:before {left:-12px;}
.header .btn_menu p:after {right:-12px;} */
.header .btn_menu .t {margin-top:-15px;}
.header .btn_menu .m {margin-top:-5px;}
.header .btn_menu .m2 {margin-top:4px;}
.header .btn_menu .b {margin-top:13px;}
/* .header.on_sh .btn_menu {background:#323232;}
.header.on .btn_menu {background:#323232; mask:url('/pub/images/icon_menu_on.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_menu_on.svg') no-repeat 50% 50% / contain;} */
/* .header.on .btn_menu {border:#333 1px solid;} */
.header.on .btn_menu:before {opacity:1;}
.header.on .btn_menu p {background:#333 !important; width:16px; height:2px; margin-left:-8px; border-radius:0;}
.header.on .btn_menu p:before,
.header.on .btn_menu p:after {width:0;}
.header.on .btn_menu .t {margin-top:-1px; transform:rotate(135deg);}
.header.on .btn_menu .m, .header.on .btn_menu .m2 {width:0; opacity:0;}
.header.on .btn_menu .b {margin-top:-1px; transform:rotate(-135deg);}
.header.on_sh .btn_menu p {background:#333 !important;}
.header .gnb {position:relative; z-index:10; padding:0 313px 0 227px; border-bottom:#ddd 1px solid;}
/* .header .gnb:after {content:""; position:absolute; top:100px; left:0; width:0; height:1px; background:#ddd; z-index:1; transition:.2s linear;}
.header.hover .gnb:after {width:100%;} */
.main .header .gnb {border-bottom:0;}
.header.on .gnb {border-bottom:#ddd 1px solid;}
.header.on_sh .gnb {background:#fff;}
.header .gnb>ul {display:flex; /* justify-content:center; */ margin-left:30px;}
/* .header .gnb li {position:relative;} */
.header .gnb li > a {position:relative; display:block; font-size:18px; color:#333; font-weight:600; padding:0 40px; line-height:100px;}
.header .gnb > ul > li > a:after {content:""; position:absolute; bottom:-1px; left:0; width:0; height:2px; background:#f66c10; z-index:1; transition:.2s linear;}
.header .gnb > ul > li > a:hover:after,
.header .gnb > ul > li.on > a:after {width:100%;}
.main .header .gnb li > a {color:#fff;}
.header .gnb li:hover > a,
.header .gnb li.on > a {color:#f66c10; }
.header .gnb .snb {  position:absolute; top:100px; left:0; width:100%; text-align:center; font-size:0; padding:0 20px; height:0; overflow:hidden; border-left:#ddd 1px solid; transition:.2s linear;  padding:0 313px 0 227px;}
.header .gnb li:first-child .snb {border-left:#ddd 1px solid;}
.header .gnb .snb span {display:inline-block; display:flex;width:100%;vertical-align:top; padding:37px 0; text-align:left;}
.header .gnb .snb a {padding:0 30px; display:block; font-size:14px; color:#333; line-height:24px; margin-bottom:6px; font-family:'Nanum gothic';}
.header .gnb .snb a:hover,
.header .gnb .snb a.on {font-weight:700;}
.header .snb a:last-child {margin-bottom:0;}
.header .snb a em {position:relative; display:inline-block; vertical-align:top;}
/* .header .snb a em:before {content:""; position:absolute; bottom:0; left:0; width:0; height:1px; background:#ff6400; transition:.2s linear;} */
.header .snb a:hover {font-weight:700;}
/* .header .snb li a:hover em:before {width:100%;} */
/* .header .snb a.on em:before {width:100%;} */
.header .top_btns {position:absolute; top:0; right:130px; height:100px; display:flex; justify-content:center; align-items:center; z-index:11;}
.header .top_btns > a,
.header .top_btns .btn_langs {position:relative; width:34px; height:34px; border-radius:50%; margin-left:27px; background:no-repeat 50% 100%; transition:none;}
.header .top_btns .family_box {position: relative; border: 1px solid #333; font-size: 14px; padding: 5px 10px; white-space: nowrap; color: #333; cursor: pointer;}
.header .top_btns .family_box dt {display: flex; align-items: center; column-gap: 5px;}
.header .top_btns .family_box dt.active::after {transform: rotate(180deg);}
.header .top_btns .family_box dt::after {content: "";
-webkit-mask:url('/pub/images/icon_arrow_h.svg') no-repeat 50% 50% / contain; mask:url('/pub/images/icon_arrow_h.svg') no-repeat 50% 50% / contain; width:14px; height: 14px; display: block; transition: all .1s; background: #333;}
.header .top_btns > a:first-child {margin-left:0;}
/* .header .top_btns > a {border:#333 1px solid;} */
.header .top_btns > a:before {content:""; display:block; width:100%; height:100%; background-position:50% 0%;}
.main .header .top_btns > a {border-color:#ccc;}
/* .main .header .top_btns a:before { border-color:#fff;}
.header .top_btns a:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:50%; border:#333 1.5px solid;} */
.header .top_btns .btn_langs dt {width:100%; height:100%; background-color:#333; -webkit-mask:url('/pub/images/btn_langs.svg') no-repeat 50% 50% / contain; mask:url('/pub/images/btn_langs.svg') no-repeat 50% 50% / contain; cursor:pointer;}
.main .header .top_btns .family_box {border-color: #fff; color: #fff;}
.main .header .top_btns .family_box dt::after {background: #fff;}
.main .header .top_btns .btn_langs dt {background-color:#ccc;}
.header .top_btns .family_box dd,
.header .top_btns .btn_langs dd {position:absolute; top:50px; left:50%; width:200%; background:#fff; transform:translate(-50%,0); border:#ddd 1px solid; border-radius:5px; display:none;}
/* .header .top_btns .btn_langs dd:before {content:""; position:absolute; top:-5px; left:50%; width:10px; height:10px; background:#fff; transform:rotate(45deg); margin-left:-5px;} */
.header .top_btns .family_box dd {width: 100%;}

.header .top_btns .family_box dd a,
.header .top_btns .btn_langs dd a {display:block; font-size:13px; color:#333; line-height:30px; text-align:center; margin:0; width:100%; height:30px;}
.header .top_btns .family_box dd a:hover {
	color: #ff6400;
}

.header .top_btns .btn_langs dd a.on {color:#ff6400; font-weight:700;}
.header .top_btns a.btn_search:before {background-color:#333; -webkit-mask:url('/pub/images/btn_search.svg') no-repeat 50% 50% / contain; mask:url('/pub/images/btn_search.svg') no-repeat 50% 50% / contain;}
.main .header .top_btns a.btn_search:before {background-color:#ccc;}
.header .top_btns a.btn_human:before {background-color:#333; -webkit-mask:url('/pub/images/btn_human.svg') no-repeat 50% 50% / contain; mask:url('/pub/images/btn_human.svg') no-repeat 50% 50% / contain;}
.main .header .top_btns a.btn_human:before {background-color:#ccc;}
.header .top_btns a.btn_logout {font-size:0;}
.header .top_btns a.btn_logout:before {background-color:#333; -webkit-mask:url('/pub/images/btn_logout.svg') no-repeat 50% 50% / contain; mask:url('/pub/images/btn_logout.svg') no-repeat 50% 50% / contain;}
.main .header .top_btns a.btn_logout:before {background-color:#ccc;}
.header.hover {background:#fff; z-index:11}
.header.hover:before {top:0; border-bottom:#ddd 1px solid;}
.header.hover.hv1:before {height:288px;}
.header.hover.hv2:before {height:318px;}
.header.hover.hv3:before,
.header.hover.hv5:before {height:199px;}
.header.hover.hv4:before,
.header.hover.hv6:before {height:349px;}
.header.hover:after {width:100%;}
.header.on .logo img,
.header.on_sh .logo img,
.header.hover .logo img {margin-top:-30px;}
/* .main .header .top_btns a:before {border-color:#fff;} */
.main .header.on .gnb li > a,
.main .header.on_sh .gnb li > a,
.main .header.hover .gnb li > a {color:#333;}
.header.on .gnb li:hover > a,
.header.on_sh .gnb li:hover > a,
.header.hover .gnb li:hover > a {color:#f66c10;position:relative;}
/* .header.on .gnb li > a > em:after,
.header.hover .gnb li > a > em:after{content:""; position:absolute; bottom:0; left:0; width:0; height:3px; background:#f66c10; transition:.2s linear; }
.header.on .gnb li:hover a > em:after,
.header.hover .gnb li:hover > a > em:after {width:100%;} */

.header .gnb>ul>li> a,.header .snb ul.snb_submenu2 li > a > em{position:relative;}
.header .snb ul.snb_submenu2 li > a > em:before {display:none;}
/* .header .gnb>ul>li> a:after, .header .snb ul.snb_submenu2 li > a > em:after{content:""; position:absolute; bottom:0; left:0; width:0; height:1px; background:#f66c10; transition:.2s linear;}
.header .gnb>ul>li:hover> a:after, .header .snb ul.snb_submenu2 li:hover > a > em:after{width:100%;} */

.header.hover .btn_menu p {background:#231815;}
.header.hover .gnb .snb {height:auto;}
.header.on .top_btns a,
.header.on_sh .top_btns a,
.header.hover .top_btns a {background-position:50% 100%;}
.header.on .top_btns a.btn_search:before,
.header.on_sh .top_btns a.btn_search:before,
.header.hover .top_btns a.btn_search:before,
.header.on .top_btns .family_box dt::after,
.header.hover .top_btns .family_box dt::after,
.header.on .top_btns .btn_langs dt,
.header.on_sh .top_btns .btn_langs dt,
.header.hover .top_btns .btn_langs dt,
.header.on .top_btns a.btn_human:before,
.header.on_sh .top_btns a.btn_human:before,
.header.hover .top_btns a.btn_human:before,
.header.on .top_btns a.btn_logout:before,
.header.on_sh .top_btns a.btn_logout:before,
.header.hover .top_btns a.btn_logout:before {background-color:#333;}
.header.on .top_btns a:before,
.header.on_sh .top_btns a:before,
.header.hover .top_btns a:before,
.main .header.on .top_btns > a,
.main .header.on_sh .top_btns > a {border-color:#333;}
.header.on .top_btns .family_box,
.header.hover .top_btns .family_box {border-color: #333; color: #333;}
.header.on.top_btns .family_box {color: #333;}
.header.on::before {transition:none;}
.header.on.hover::before {/* height:0; */ z-index:10;}
/* .header.on.hover .gnb .snb {height:0;} */
.header .sitemap {position:absolute; top:0; left:0; width:100%; height:calc(var(--vh, 1vh) * 100); padding-top:140px; background:#fff; z-index:9; display:none;}
.header .sitemap:before {content:""; position:absolute; top:100px; left:0; width:100%; height:1px; background:#ddd; display:none;}
.inbanner .header .sitemap {height:calc((var(--vh, 1vh) * 100) - 100px);}
.header .sitemap .outer {height:100%; display:flex; align-items:center;}
.header .sitemap .inner {max-height:100%; overflow:auto;}
.header .sitemap .tit {font-size:30px; color:#333; font-weight:700; line-height:50px; margin-bottom:25px;}
.header .sitemap .tit p {font-size:18px; color:#333; line-height:24px; margin-top:20px;font-weight:500;}
.header .sitemap ul {display:flex; flex-wrap:wrap; justify-content:space-between;}
.header .sitemap li {position:relative; width:35%; padding:20px 0 20px 100px; border-bottom:#ddd 1px solid;}
.header .sitemap li:last-child {border-bottom:0;}
.header .sitemap li:nth-child(3n) {width:21%;}
.header .sitemap li:nth-child(3n-1) {width:44%; padding-left:150px;}
.header .sitemap li > a {position:absolute; top:20px; left:0; font-size:17px; color:#333; font-weight:700; line-height:30px; /* font-family:'Nanum gothic'; */}
/* .header .sitemap li > a:before {content:""; position:absolute; bottom:0; left:0; width:0; height:1px; background:#ff6400; transition:.2s linear;}
.header .sitemap li.on > a:before,
.header .sitemap li:hover > a:before {width:100%;} */
.header .sitemap li .snb a {display:block; font-size:17px; color:#333; font-weight:400; line-height:20px; padding:5px 0;}
.header .sitemap li .snb a em {line-height:20px;}
/* .header .sitemap li .snb a em:before {content:""; position:absolute; bottom:0; left:0; width:0; height:1px; background:#ff6400; transition:.2s linear;} */
.header .sitemap li .snb a:hover{color:#ff6400;}
/* .header .sitemap li .snb a:hover em:before,
.header .sitemap li .snb a.on em:before {width:100%;} */
.total_search {position:absolute; top:100px; left:0; width:100%; background:#fff; z-index:10; border-top:#ddd 1px solid; box-shadow:rgba(0,0,0,.03) 0 10px 10px; display:none;}
.total_search .btn_close {position:absolute; bottom:-60px; left:50%; width:30px; height:30px; background:#fff; border-radius:50%; margin-left:-15px; box-shadow:rgba(0,0,0,.2) 0 0 10px;}
.total_search .btn_close:before,
.total_search .btn_close:after {content:""; position:absolute; top:50%; left:50%; width:20px; height:2px; background:#333; margin:-1px 0 0 -10px;}
.total_search .btn_close:before {transform:rotate(45deg);}
.total_search .btn_close:after {transform:rotate(-45deg);}
.total_search > dl {display:flex; justify-content:center; padding:60px 0;}
.total_search > dl > dt {width:120px; font-size:20px; color:#151727; font-weight:700; line-height:52px;}
.total_search > dl > dd {width:700px;}
.total_search .inputs {position:relative; height:50px; background:#323232; padding-right:50px; margin-bottom:35px; border-radius:25px;}
.total_search .inputs input {height:50px;}
.total_search .inputs .text {width:100%; border:0; background:none; outline:0; font-size:18px; color:#fff; font-weight:300; padding:0 20px; /* font-family:'Nanum gothic'; */ background:none !important;}
.total_search .inputs input:-webkit-autofill {-webkit-text-fill-color:#fff; background:none !important; box-shadow:none !important;}
.total_search .inputs input:-internal-autofill-selected {background:none !important; box-shadow:none !important;}
.total_search .inputs .text::placeholder {color:#fff;}
.total_search .inputs .btn {position:absolute; top:0; right:0; width:52px; height:48px; background:url('/pub/images/icon_search2.png') no-repeat 50% 50%; border:0; font-size:0;}
.total_search .tags {position:relative; display:flex;}
.total_search .tags li {width:50%; flex:50%;}
.total_search .tags .tit {font-size:15px; color:#333; font-weight:700; line-height:30px; margin-bottom:20px; font-family:'Pretendard';}
.total_search .tags .search_word {position:relative; padding:0 30px 25px 0;}
.total_search .tags .search_word dd {display:flex; align-items:center}
.total_search .tags .search_word dd span {font-size:13px; color:#999; line-height:25px; max-width:calc(100% - 30px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-family:'Pretendard'; cursor:pointer;}
.total_search .tags .search_word .del {position:relative; width:20px; height:20px; border-radius:50%; background:#323232; margin-left:10px;}
.total_search .tags .search_word .del:before,
.total_search .tags .search_word .del:after {content:""; position:absolute; top:50%; left:50%; width:10px; height:2px; background:#fff; border-radius:2px; background:#fff; margin:-1px 0 0 -5px;}
.total_search .tags .search_word .del:before {transform:rotate(45deg);}
.total_search .tags .search_word .del:after {transform:rotate(-45deg);}
.total_search .tags .search_word .btm {position:absolute; bottom:0; left:0; display:flex; align-items:center}
.total_search .tags .search_word .btm span {font-size:13px; color:#333; line-height:25px; font-family:'Pretendard';}
.total_search .tags .top10 dd {position:relative; font-size:13px; color:#333; line-height:25px; padding:0 40px 0 35px; font-family:'Pretendard';}
.total_search .tags .top10 em {position:absolute; top:0; left:0;}
.total_search .tags .top10 span {max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:pointer;}
.total_search .tags .top10 i {position:absolute; top:0; right:0; width:30px; text-align:center;}
.total_search .tags .top10 i.n {color:#ff6400;}
.total_search .tags .top10 i.u {color:#e60000;}
.total_search .tags .top10 i.d {color:#0000e6;}


.header .gnb .snb{display:none; /* background:#fff; */ z-index:111;height:auto;}
.header .gnb li:hover .snb{display:block;}
.header .gnb .snb span .snb_submenu_tlt{font-size:18px; font-weight:600;color:#ff6400; margin-left:30px;padding:0 40px;}
.header .gnb .snb span .snb_submenu {display:flex;}
.header .gnb .snb span .snb_submenu li a{font-size:18px; font-weight:600;color:#333;}
.header .gnb .snb span .snb_submenu li a:hover {color:#ff6400;}
.header .gnb .snb span .snb_submenu li .snb_submenu2 li a{font-size:17px;color:#333;font-weight:300;margin-bottom:6px;}
.header .gnb .snb span .snb_submenu li .snb_submenu2 li:hover a{color:#ff6400;}
/* footer */
.footer {position:relative; background:#323232; z-index:30;}
.footer.on {z-index:31;}
.footer .inner {max-width:1420px;}
.footer .links {border-bottom:#656565 1px solid;}
.footer .links ul {position:relative; display:flex;}
.footer .links li {margin-left:85px;}
.footer .links li a {display:block; font-size:16px; color:rgba(255,255,255,.6); line-height:64px; font-weight:600; font-family:'Pretendard';}
.footer .links li:first-child {margin-left:0;}
.footer .links .select_box {position:absolute; top:0; right:0; width:260px; height:64px; border-right:#656565 1px solid; border-left:#656565 1px solid; background:none;}
.footer .links .select_box label {height:64px; line-height:64px; padding:0 40px; font-size:16px; color:#fff; padding-right:60px; font-family:'Pretendard';}
.footer .links .select_box i {position:absolute; top:0; right:40px; width:12px; height:100%;}
.footer .links .select_box i:before,
.footer .links .select_box i:after {content:""; position:absolute; top:50%; left:50%; width:10px; height:2px; background:#fff; border-radius:2px; margin-top:-1px; transition:.2s linear;}
.footer .links .select_box i:before {transform:rotate(-45deg); margin-left:-8px;}
.footer .links .select_box i:after {transform:rotate(45deg); margin-left:-2px;}
.footer .links.on .select_box i:before {transform:rotate(45deg);}
.footer .links.on .select_box i:after {transform:rotate(-45deg);}
.footer .links .select_box select {font-size:16px; width:100%; height:64px; font-family:'Pretendard';}
.footer .address {position:relative; padding:40px 0 40px 26.3vw; background:url('/pub/images/flogo.png') no-repeat left center;}
.footer .address span,
.footer .address em {display:inline-block; vertical-align:top;}
.footer .address span {font-size:14px; color:rgba(255,255,255,.5); line-height:20px; font-family:'Pretendard';}
.footer .address em {width:1px; height:16px; background:rgba(255,255,255,.5); margin:2px 20px;}
.footer .address .copy {display:block; margin-top:10px;}
.footer .gotop {position:fixed; width:60px; height:60px; background:#323232; border-radius:50%; transition:none; bottom:70px; right:70px;}
.footer .gotop:before {content:""; position:absolute; top:16px; left:50%; width:20px; height:2px; background:#fff; transform:translate(-50%,0);}
.footer .gotop:hover:before {animation:gotop 2s infinite;}
@keyframes gotop {
	0% {width:20px;}
	50% {width:10px;}
	100% {width:20px;}
}
.footer .gotop i {position:absolute; top:24px; left:50%; width:2px; height:20px; margin-left:-1px; background:#fff;}
.footer .gotop i:before,
.footer .gotop i:after {content:""; position:absolute; top:3px; left:50%; width:12px; height:2px; background:#fff;}
.footer .gotop i:before {transform:rotate(-45deg); margin-left:-10px;}
.footer .gotop i:after {transform:rotate(45deg); margin-left:-2px;}
/* .footer.main .gotop {display:none;} */
.footer_point {position:absolute; top:calc(-100vh - 120px);}
.footer .unfixed .gotop {position:absolute; bottom:345px;}

.f_quick{display:none;}
.f_quick.on{display:block;}
.f_quick .mquick{position:fixed; right:70px; bottom:210px;}
.unfixed .f_quick .mquick {position:absolute; bottom:485px;}
/* .footer .gotop.unfixed{bottom:330px;} */
.footer_quick_menu .quick_open{position:fixed; width:60px; height:60px; background:#323232; border-radius:50%; transition:none; bottom:140px; right:70px; z-index:10;}
.footer_quick_menu.unfixed .quick_open {position:absolute; bottom:415px;}
.footer_quick_menu .quick_open p{position:absolute; width:30px; height:1.5px; background:#fff; margin-left:-3px; transition:.2s linear; top:50%; left:55%;  transform:translate(-50%,-50%);}
.footer_quick_menu .quick_open p.b{transform:rotate(90deg);left:30%;}
.footer_quick_menu .quick_open.on p.t{margin-top:-1px; transform:rotate(135deg);left:31%;}
.footer_quick_menu .quick_open.on p.b{margin-top:-1px; transform:rotate(-135deg);}
    
/* main */
.fp-enabled body {overflow:hidden !important;}
/* .fp-tableCell {font-size:0;} */
.mvisual_wrap {position:relative;}
.mvisual .slick-slide {position:relative; overflow:hidden;}
.mvisual .slick-slide .mv {height:960px; max-height:100vh;}
.mvisual .slick-slide img {position:relative; top:50%; left:50%; height:960px; width:auto !important; max-width:none; transform:translate(-50%,-50%) scale(1.1);}
.mvisual .slick-slide .mv video {width:100%; height:100%;}
.mvisual .txt {position:absolute; top:calc(50% - 65px); left:50%; width:1420px; max-width:100%; transform:translate(-50%,0); /* font-family:'Nanum gothic'; */}
.mvisual .txt > * {display:block; color:#fff; opacity:0; transform:translate(0,-20px);}
.mvisual .txt em {font-size:21px; line-height:26px; font-weight:500;}
.mvisual .txt strong {font-size:47px; line-height:52px; margin-top:25px; font-weight:700;}
.mvisual .slick-current img {animation:mvisual 4s; animation-fill-mode:forwards;}
@keyframes mvisual {
	0% {transform:translate(-50%,-50%) scale(1);}
	100% {transform:translate(-50%,-50%) scale(1.1);}
}
.mvisual .slick-current .txt > * {animation:mv 3s; animation-fill-mode:forwards; opacity:0; transform:translate(0,-20px);}
.mvisual .slick-current .txt strong {animation-delay:.2s;}
@keyframes mv {
	0% {opacity:0; transform:translate(0,-20px);}
	90% {opacity:1; transform:translate(0,0);}
	100% {opacity:1; transform:translate(0,0);}
}
.probar_box {position:absolute; top:calc(50% - 65px); left:50%; width:170px; height:2px; background:rgba(255,255,255,.5); margin:0 0 0 -640px;}
.pro-bar_first,
.pro-ani {position:absolute; top:0; left:0; width:0; height:2px; background:#ff6400; animation:proBar 7s 1; animation-fill-mode:forwards; width:100%;}
@keyframes proBar{ 
	0%{width:0%;}
	100%{width:100%;}
}
.mvisual_wrap.mv_pause .pro-bar {animation-play-state:paused;}
#mainContent .slick-arrow {position:absolute; width:20px; height:20px; z-index:1; font-size:0;}
.mvisual .slick-arrow {top:calc(50% - 65px); left:50%;}
#mainContent .slick-arrow:before,
#mainContent .slick-arrow:after {content:""; position:absolute; top:50%; left:50%; width:10px; height:2px; margin-left:-5px; background:#fff;}
#mainContent .slick-arrow:before {margin-top:-4px;}
#mainContent .slick-arrow:after {margin-top:2px;}
.mvisual .slick-prev {margin:130px 0 0 -450px;}
#mainContent .slick-prev:before {transform:rotate(-45deg);}
#mainContent .slick-prev:after {transform:rotate(45deg);}
.mvisual .slick-next {margin:130px 0 0 -400px;}
#mainContent .slick-next:before {transform:rotate(45deg);}
#mainContent .slick-next:after {transform:rotate(-45deg);}
.mvisual_wrap .probar_box {margin:138px 0 0 -640px;}
#mainContent .custom_paging {position:absolute; width:70px; height:20px; line-height:20px;}
.mvisual_wrap .custom_paging {top:calc(50% - 65px); left:50%; margin:130px 0 0 -710px;}
#mainContent .custom_paging li {position:absolute; top:0; left:0; font-size:15px; color:#fff; font-weight:700; line-height:20px; display:none; font-family:'Pretendard';}
#mainContent .custom_paging li.slick-active {display:block;}
#mainContent .buttons {position:absolute;  width:20px; height:20px;}
.mvisual_wrap .buttons {top:calc(50% - 65px); left:50%; margin:130px 0 0 -425px;}
#mainContent .buttons button {position:absolute; top:0; left:0; width:100%; height:100%; display:block;}
#mainContent .buttons .pause:before,
#mainContent .buttons .pause:after {content:""; position:absolute; top:50%; left:50%; width:2px; height:14px; background:#fff; margin-top:-7px;}
#mainContent .buttons .pause:before {margin-left:-5px;}
#mainContent .buttons .pause:after {margin-left:3px;}
#mainContent .buttons .play {font-size:12px; color:#fff; line-height:20px; text-align:center; display:none; font-family:'Pretendard';}
.mvisual_wrap .scroll {position:absolute; bottom:70px; left:70px;}
.mvisual_wrap .scroll i {position:relative; display:block; width:14px; height:32px; border:#fff 2px solid; border-radius:7px;}
.mvisual_wrap .scroll i:before {content:""; position:absolute; top:6px; left:50%; width:4px; height:4px; background:#fff; border-radius:50%; margin-left:-2px; animation:mv_scroll 2s infinite;}
@keyframes mv_scroll {
	0% {top:6px;}
	50% {top:12px;}
	100% {top:6px;}
}
.mvisual_wrap .scroll em {position:absolute; bottom:82px; left:-32px; font-size:10px; color:#fff; font-weight:700; line-height:14px; width:80px; transform:rotate(-90deg); font-family:'Pretendard';}
.mquick {position:absolute; bottom:70px; right:70px; z-index:10;}
.mquick a {display:flex; width:60px; height:60px; margin-top:10px; background:#323232 no-repeat 50% 50%; border-radius:50%; font-size:13px; color:transparent; font-weight:500; line-height:15px; text-align:center; align-items:center; justify-content:center; font-family:'Pretendard';}
.mquick a:first-child {margin-top:0;}
.mquick a.tel {background-image:url('/pub/images/icon_mq01.svg'); background-size:30px;}
.mquick a.kakao {background-image:url('/pub/images/icon_mq02.png');}
.mquick a.as {background-image:url('/pub/images/icon_mq02.svg'); background-size:25px;}
.mquick a.map {background-image:url('/pub/images/icon_mq04.png');}
.mquick a.youtube {background-image:url('/pub/images/icon_youtube.svg'); background-size:25px;}
.mquick a:hover {background-color:#ff6400; background-image:none; color:#fff;}

.iScrollIndicator {background:none !important;}

/* 
.progressBarContainer {display:none; position:absolute;  top:50%; left:50%; width:170px; height:2px;background:rgba(255,255,255,.5);margin:138px 0 0 -640px;} 
.progressBarContainer div {display:block; width:30%; padding:0; cursor:pointer; margin-right:5%; float:left; color:white;}
.progressBarContainer div:last-child {  margin-right:0;}
.progressBarContainer div span.progressBar {width:100%; height:2px;background-color:rgba(255, 255, 255, 0.4); display:block;}
.progressBarContainer div span.progressBar .inProgress { background-color:rgba(255, 100, 0, 1); width:0%; height:3px;} 

.progressBarContainer2 { position:absolute; bottom:78px; right:610px; width:170px; height:2px;background:rgba(255,255,255,.5);} 
.progressBarContainer2 div {display:block; width:30%; padding:0; cursor:pointer; margin-right:5%; float:left; color:white;}
.progressBarContainer2 div:last-child {  margin-right:0;}
.progressBarContainer2 div span.progressBar2 {width:100%; height:2px;background-color:rgba(255, 255, 255, 0.4); display:block;}
.progressBarContainer2 div span.progressBar2 .inProgress2 { background-color:rgba(255, 100, 0, 1); width:0%; height:3px;} 

.progressBarContainer3 { position:absolute;     top:188px;  left:70px; width:170px; height:2px;background:rgba(255,255,255,.5);} 
.progressBarContainer3 div {display:block; width:calc(79% / 8); padding:0; cursor:pointer; margin-right:3%; float:left; color:white;}
.progressBarContainer3 div:last-child {  margin-right:0;}
.progressBarContainer3 div span.progressBar3 {width:100%; height:2px;background-color:#ccc; display:block;}
.progressBarContainer3 div span.progressBar3 .inProgress3 { background-color:rgba(255, 100, 0, 1); width:0%; height:3px;} 
 */

.mvisual_dots {position:absolute; top:50%; left:50%; width:170px; height:2px; /* background:rgba(255,255,255,.5); */ margin:138px 0 0 -640px;}
.mvisual_dots .slick-list {display:none;}
.mvisual_dots .slick-dots {width:100%; display:flex;justify-content:space-between;}
.mvisual_dots .slick-dots li {position:relative; width:32%; height:2px; font-size:0;margin:0 0 0 5px;   background:rgba(255,255,255,.5);}
.mvisual_dots .slick-dots li button {position:absolute; top:0; left:0; width:0; height:2px; background:#ff6400; transition:.2s linear;}
.mvisual_dots .slick-dots li.slick-active button {animation:proBar2 4s 1; animation-fill-mode:forwards;}
@keyframes proBar2{ 
	0%{width:0%;}
	100%{width:100%;}
}

.mvisual_dots2 {position:absolute;bottom:78px; left:50%; margin-left:-640px; width:170px; height:2px; /* background:rgba(255,255,255,.5); */  display:none;}
.mvisual_dots2 .slick-list {display:none;}
.mvisual_dots2 .slick-dots {width:100%; display:flex;justify-content:space-between;}
.mvisual_dots2 .slick-dots li {position:relative; width:32%; height:2px; font-size:0;margin:0 0 0 5px;   background:rgba(255,255,255,.5);}
.mvisual_dots2 .slick-dots li button {position:absolute; top:0; left:0; width:0; height:2px; background:#ff6400; transition:.2s linear;}
.mvisual_dots2 .slick-dots li.slick-active button {animation:proBar3 7s 1; animation-fill-mode:forwards;}
@keyframes proBar3{ 
	0%{width:0%;}
	100%{width:100%;}
}

/* .mvisual_dots3 {position:absolute;   top:320px;  left:70px;width:170px; height:2px; background:#ccc; }
.mvisual_dots3 .slick-list {display:none;}
.mvisual_dots3 .slick-dots {width:100%; display:flex;justify-content:space-between;}
.mvisual_dots3 .slick-dots li {position:relative; width:10%; height:2px; font-size:0;margin:0 0 0 5px;   background:rgba(255,255,255,.5);}
.mvisual_dots3 .slick-dots li button {position:absolute; top:0; left:0; width:0; height:2px; background:#ff6400; transition:.2s linear;}
.mvisual_dots3 .slick-dots li.slick-active button {animation:proBar4 4s 1;}
@keyframes proBar4{ 
	0%{width:0%;}
	100%{width:100%;}
} */

/* main_solution */
.fp-viewing-Solution .header .top_btns a {background-position:50% 100%;}
.fp-viewing-Solution .header .top_btns a:before {border-color:#111;}
.fp-viewing-Solution .header .btn_menu p {background:#111;}
.mc01_wrap {display:flex;}
.mc01_slide_wrap {position:relative; width:100%; max-height:100vh;}
.mc01_slide_wrap .slick-slide {position:relative; overflow:hidden;}
.mc01_slide_wrap .slick-slide .mv {height:100vh; max-height:100vh; /* padding-right:450px; */}
.mc01_slide_wrap .slick-slide .img {position:relative; left:0; height:100%; width:calc(100% - 450px); font-size:0;}
.mc01_slide_wrap .slick-slide .img img {width:100%; height:100%; object-fit:cover;}
.mc01_slide {max-height:100vh;}
.mc01_slide .txt {position:absolute; bottom:120px; left:50%; margin-left:-710px;}
.mc01_slide .txt strong {display:block; font-size:48px; color:#fff; font-weight:700; line-height:50px; margin-bottom:30px; /* font-family:'Nanum gothic'; */ text-shadow:rgba(0,0,0,.2) 0 0 10px;}
.mc01_slide .txt p {font-size:15px; color:#fff; line-height:24px; text-shadow:rgba(0,0,0,.2) 0 0 10px; font-family:'Pretendard';}
.mc01_slide .slick-arrow {bottom:70px;}
.mc01_slide .slick-prev {left:50%; margin-left:-445px;}
.mc01_slide .slick-next {left:50%; margin-left:-395px;}
.mc01_slide .custom_paging {bottom:70px; left:50%; margin-left:-710px;}
.mc01_slide_wrap .buttons {bottom:70px; left:50%; margin-left:-420px;}
.mc01_slide_wrap .probar_box2 {position:absolute; bottom:78px; left:50%; margin-left:-640px; width:170px; height:2px; background:rgba(255,255,255,.5);}
.mc01_slide_wrap .pro-bar_first2,
.mc01_slide_wrap .pro-ani2 {position:absolute; top:0; left:0; width:0; height:2px; background:#ff6400; animation:proBar2 4s 1; animation-fill-mode:forwards; width:100%;}
@keyframes proBar2{ 
	0%{width:0;}
	100%{width:100%;}
}
.mc01_slide_wrap.mv_pause .pro-bar2 {animation-play-state:paused;}
.mc01_side_slide {position:absolute; top:0; right:0; width:450px; height:100%; background:#fff; overflow:hidden;}
.mc01_side_slide .swiper-wrapper .mv {position:relative; overflow:hidden; text-align:center; display:flex !important; flex-direction:column; justify-content:flex-start; height:100vh; padding:0;}
.mc01_side_slide .mv em {}
.mc01_side_slide .mv > i {width:100%; height:54vh; line-height:54vh; margin-bottom:40px; background:url('/pub/images/bg_mc02.png') #fff repeat 0 0 / contain; font-size:0;}
.mc01_side_slide .mv img {display:inline-block; margin:0; left:auto; width:auto; height:auto; max-width:100%; max-height:100%; object-fit:contain; transform:translate(0,0);}
.mc01_side_slide .mv .txt {position:relative; bottom:0; left:0; margin:0;}
.mc01_side_slide .txt .tt {font-size:28px; color:#111; font-weight:700; line-height:40px; /* font-family:'Nanum gothic'; */}
.mc01_side_slide .txt p {font-size:13px; color:#111; line-height:20px; margin:20px 0 40px; text-shadow:none; font-family:'Pretendard';}
.mc01_side_slide .txt .more {position:relative; display:block; font-size:17px; color:#fff; font-weight:500; line-height:40px; height:40px; width:130px; background:#111; border-radius:20px; padding:0 20px; margin:0 auto; text-align:center;}
/* .mc01_side_slide .txt .more i {position:absolute; top:0; right:20px; width:8px; height:100%;}
.mc01_side_slide .txt .more i:before,
.mc01_side_slide .txt .more i:after {content:""; position:absolute; top:50%; left:50%; width:8px; height:2px; background:#fff; border-radius:2px; margin-left:-4px;}
.mc01_side_slide .txt .more i:before {transform:rotate(45deg); margin-top:-3px;}
.mc01_side_slide .txt .more i:after {transform:rotate(-45deg); margin-top:1px;} */
.mc01_side_slide .swiper_arrow {position:absolute; top:auto; bottom:70px; left:auto; width:30px; height:30px; background:none; border:#323232 1px solid;}
.mc01_side_slide .swiper_arrow:before,
.mc01_side_slide .swiper_arrow:after {content:""; position:absolute; top:50%; left:50%; background:#222; width:11px; height:2px; margin-left:-6px; transition:.2s linear;}
.mc01_side_slide .swiper_arrow:before {margin-top:-5px;}
.mc01_side_slide .swiper_arrow:after {margin-top:3px;}
.mc01_side_slide .swiper_arrow:hover:before,
.mc01_side_slide .swiper_arrow:hover:after {background:#ff6400;}
.mc01_side_slide .swiper-button-prev {left:50%; margin-left:-40px;}
.mc01_side_slide .swiper-button-prev:before {transform:rotate(-45deg);}
.mc01_side_slide .swiper-button-prev:after {transform:rotate(45deg);}
.mc01_side_slide .swiper-button-next {right:50%; margin-right:-40px;}
.mc01_side_slide .swiper-button-next:before {transform:rotate(45deg);}
.mc01_side_slide .swiper-button-next:after {transform:rotate(-45deg);}
.mc01_side_slide .swiper-pagination {position:absolute; top:30px; left:30px; width:40px; height:40px; line-height:40px; font-size:0; color:#fff; font-weight:700; background:#323232; border-radius:10px; font-family:'Nanum gothic';}
.mc01_side_slide .swiper-pagination .swiper-pagination-current {font-size:15px;}
/* .mc01_side_slide .swiper-pagination {position:absolute; bottom:70px; left:60px; width:120px; height:32px; font-size:25px; color:#111; font-weight:900; line-height:32px; display:none;}
.mc01_side_slide .swiper-pagination .swiper-pagination-current {font-size:36px; color:#ff6400; font-weight:900;} */

/* main_IR */
.section#section2 {overflow:hidden;}
.fp-viewing-IR .header .logo img {margin-top:-30px;}
.fp-viewing-IR .header .gnb li > a {color:#333;}
.fp-viewing-IR .header .top_btns a {background-position:50% 100%;}
.fp-viewing-IR .header .top_btns a:before {border-color:#111;}
.fp-viewing-IR .header .btn_menu p {background:#111;}
.out_mset {display:flex; justify-content:center; align-items:center; width:100%; height:100vh;}
.inner_mset {width:1420px; max-width:100%; margin:0 auto;}
.mir_wrap {position:relative; display:flex; width:calc(100vw - (100vw - 1420px)/2); transition:.2s linear;    justify-content:space-between;}
/* .inbanner .mir_wrap {margin-top:100px;} */
.mir_wrap .tit {position:relative; font-size:50px; color:#333; line-height:60px; width:400px; margin-top:120px;}
.mir_wrap .tit strong {display:block; font-weight:700;}
.mir_wrap .tit p {font-size:20px; font-weight:500; line-height:28px; margin:15px 0 75px;}
.mir_wrap .tit .more {position:relative; display:block; font-size:17px; color:#333; font-weight:500; line-height:38px;/*  border-bottom:#ccc 1px solid; */ width:150px; text-align:left;}
.mir_wrap .tit .more i {position:absolute; top:0; right:0; width:8px; height:100%;}
.mir_wrap .tit .more i:before,
.mir_wrap .tit .more i:after {content:""; position:absolute; top:50%; left:50%; width:8px; height:1px; background:#333; margin-left:-4px;}
.mir_wrap .tit .more i:before {transform:rotate(45deg); margin-top:-3px;}
.mir_wrap .tit .more i:after {transform:rotate(-45deg); margin-top:2px;}
.mc02_wrap {width:calc(100% - 470px);}
.mc02_wrap .dim{/*height:calc(100vh - 60px);*/ height:calc(100vh - -100px); position:absolute; background:#f8f9fa; top:calc(50% - 50px); right:0; /* width:1275px; */ width:calc(100% - 400px); transform:translate(0,-50%);}
.mc02_slide {font-size:0; /* overflow:hidden; */}
.mc02_slide a {position:relative; display:block; width:330px !important; margin-right:50px;height:510px; padding-bottom:35px;}
.mc02_slide a * {display:block;}
.mc02_slide a > em {position:absolute; top:0;right:20px;z-index:1;background:#333;font-size:13px; color:#fff; font-weight:700; border-radius:50%;line-height:70px; height:70px; width:70px; text-align:center; margin-bottom:30px; font-family:'Pretendard';}
/* .mc02_slide a .c1 {background:#f66c10;}
.mc02_slide a .c2 {background:#111;}
.mc02_slide a .c3 {background:#0a42a4;} */
.mc02_slide a .img {position:absolute;top:35px; border:#ddd 1px solid;}
.mc02_slide a .img i {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,99,0,.8); opacity:0; transition:.2s linear;}
.mc02_slide a .img i:before,
.mc02_slide a .img i:after {content:""; position:absolute; top:50%; left:50%; background:#fff; transform:translate(-50%,-50%); transition:.2s linear; transition-delay:.2s;}
.mc02_slide a .img i:before {width:0; height:2px;}
.mc02_slide a .img i:after {width:2px; height:0;}
.mc02_slide a .txt {position:absolute; bottom:35px; width:100%; border:#ddd 1px solid; border-top:0; padding:15px 20px;background:#fff;}
.mc02_slide a .txt .tt {font-size:17px; color:#333; font-weight:700; line-height:22px; height:44px; overflow:hidden;}
.mc02_slide a .btm {margin-top:20px; font-size:14px; color:#333; font-weight:400; line-height:16px; overflow:hidden; font-family:'Pretendard';}
.mc02_slide a .btm em {float:right;}
.mc02_slide a:hover .img i {opacity:1;}
.mc02_slide a:hover .img i:before {width:50px;}
.mc02_slide a:hover .img i:after {height:50px;}
.mc02_slide .custom_paging {top:180px; left:-400px;}
.mc02_slide .custom_paging li {color:#333;}
.mc02_wrap .probar_box {top:290px; left:70px; margin:0; background:#ccc;}
.mc02_wrap.mv_pause .pro-bar {animation-play-state:paused;}
.mc02_wrap .buttons {left:280px; top:280px;}
#mainContent .mc02_wrap .buttons .pause:before,
#mainContent .mc02_wrap .buttons .pause:after {background:#333;}
#mainContent .mc02_wrap .buttons .play {color:#333;}
.other_paging {position:absolute; top:280px; left:0; font-size:0; width:70px; height:20px;}
.other_paging.one {font-size:15px; color:#333;}
.other_paging .custom_paging {top:0; left:0; height:20px;}
#mainContent .other_paging .custom_paging li {color:#333;}
#mainContent .other_paging .slick-arrow {top:0; display:none !important;}
#mainContent .other_paging .slick-arrow:before,
#mainContent .other_paging .slick-arrow:after {background:#111;}
#mainContent .other_paging .slick-prev {left:255px;}
#mainContent .other_paging .slick-next {left:305px;}
.mc02_wrap .ot_arrows {position:absolute; top:280px; left:0;}
.mc02_wrap .ot_arrows a {position:absolute; top:0; width:20px; height:20px;}
#mainContent .mc02_wrap .ot_arrows a:before,
#mainContent .mc02_wrap .ot_arrows a:after {background:#111;}
.mc02_wrap .ot_arrows .prev {left:255px;}
.mc02_wrap .ot_arrows .prev:before {transform:rotate(-45deg);}
.mc02_wrap .ot_arrows .prev:after {transform:rotate(45deg);}
.mc02_wrap .ot_arrows .next {left:305px;}
.mc02_wrap .ot_arrows .next:before {transform:rotate(45deg);}
.mc02_wrap .ot_arrows .next:after {transform:rotate(-45deg);}
.mc02_wrap .ot_arrows .slick-arrow.slick-hidden {display:block; opacity:.5;}
#section2 .mc02_wrap .ot_arrows .slick-arrow.slick-hidden {opacity:1;}

/* 메인_고객서비스 */
/* .mservice {position:relative; width:100%; height:100%; background:url('/pub/images/bg_mc03.jpg') no-repeat 50% 50% / cover;}*/
 .mservice dl {display:flex;}
.mservice dt {width:400px; font-size:50px; color:#fff;}
.mservice dt strong {font-weight:900;}
.mservice dt p {font-size:20px; color:#fff; font-weight:700; line-height:28px; margin-top:15px;}
.mservice dd {width:calc(100% - 400px); max-width:1020px; display:flex; flex-wrap:wrap;}
.mservice dd a {display:flex; justify-content:space-between; padding:0 15px; width:390px; margin:50px 0 0 50px; background:#111;}
.mservice dd a:nth-child(2n-1) {margin-left:0;}
.mservice dd a:nth-child(-n+2) {margin-top:0;}
.mservice dd a > * {color:#fff; line-height:50px; padding:25px 0;}
.mservice dd strong {font-size:24px; font-weight:900; /* font-family:'Nanum gothic'; */}
.mservice dd em {font-size:15px; font-family:'Nanum gothic';}
.mservice dd a:hover {background:#ff6400;}

/*메인_고객서비스220818*/
.mservice{color:#333; z-index:1; overflow:hidden;}
.mservice .bg {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; z-index:-1; animation:mservice 4s; animation-fill-mode:forwards;}
@keyframes mservice {
	0% {transform:scale(1); opacity:0;}
	100% {transform:scale(1.1); opacity:1;}
}
.mservice #con1{margin-bottom:120px;    margin-top:120px;}
.mservice .con .txt{ text-align:center;margin-bottom:50px;}
.mservice .con .txt strong{font-size:50px; font-weight:700; line-height:60px; color:#fff; margin-bottom:25px;}
.mservice .con .txt p{font-size:20px; font-weight:500; line-height:28px; margin-top:15px;color:#fff;}
.mservice .servicebox{/*  background-color:#f8f9fa; */width:100%; padding:50px 20px;}
.mservice .servicebox ul{width:100%; max-width:1000px;margin:0 auto;display:flex; flex-wrap:wrap;justify-content:space-between;}
.mservice .servicebox ul li{cursor:pointer;position:relative;background-color:#323232;height:150px;border-radius:15px;width:calc((100% - 50px) / 2)}
.mservice .servicebox ul li:nth-child(1),.mservice ul.servicebox li:nth-child(2){margin-bottom:50px;}
.mservice .servicebox ul li:hover{background-color:#ff6400;}
.mservice .servicebox ul li h3{position:absolute;top:30px;left:30px;font-size:25px; font-weight:700; color:#fff;}
.mservice .servicebox ul li p.right_font{position:absolute;top:30px;right:30px;font-size:17px; font-weight:500; color:rgba(255,255,255,0.3);}
.mservice .servicebox ul li p.down_txt{position:absolute;bottom:30px;left:30px;font-size:17px !important; font-weight:500; color:#fff;margin-bottom:0; text-align:left;}
.mservice .servicebox ul li img{position:absolute;bottom:30px; right:30px;}

.mservice .con.pc_vw {padding-bottom:150px;}
.mservice ul.serviceinfo{display:flex; justify-content:space-between;margin-bottom:40px; background-color:#f8f9fa;padding:30px 25px;border-radius:15px;}
.mservice ul.serviceinfo:last-child {margin-bottom:0;}
.mservice ul.serviceinfo li{margin-right:30px;position:relative;}
.mservice ul.serviceinfo li:nth-child(3):before{content:'';position:absolute;width:1px; height:55px;background-color:rgba(50,50,50,0.3);top:50%; left:-45px;transform:translate(0,-50%)}
.mservice ul.serviceinfo li:nth-child(3):after{content:'';position:absolute;width:1px; height:55px;background-color:rgba(50,50,50,0.3);top:50%; right:-45px;transform:translate(0,-50%)}
.mservice ul.serviceinfo li:nth-child(2),.mservice ul.serviceinfo li:nth-child(3){margin-right:90px;}
.mservice ul.serviceinfo li:last-child{margin-right:0;}
.mservice ul.serviceinfo li p{font-size:17px; font-weight:700; color:#333;}
.mservice ul.serviceinfo li p.tel{font-size:25px; font-weight:900;}
.mservice ul.serviceinfo li img.icon_img{width:60px; height:52px;vertical-align:middle;}

.mservice ul.serviceinfotime{display:flex; justify-content:space-between; background-color:#f8f9fa;padding:10px 25px;border-radius:15px;}
.mservice ul.serviceinfotime li{display:flex; align-items:center;}
.mservice ul.serviceinfotime li .icon_img2{width:55px;height:58px;vertical-align:middle;margin-right:30px;}
.mservice ul.serviceinfotime li p.tlt{font-size:20px; color:#333; font-weight:900;margin-right:30px;line-height:3;}
.mservice ul.serviceinfotime li p.date{font-size:17px; color:#333; font-weight:900;margin-right:30px;line-height:4;}
.mservice ul.serviceinfotime li p.time{font-size:17px; color:#333; font-weight:700;line-height:4;position:relative;}
.mservice ul.serviceinfotime li p.time:before{content:'';position:absolute;width:1px; height:15px;background-color:rgba(50,50,50,0.3);top:50%; left:-15px;transform:translate(0,-50%)}

/* 메인_푸터 */
.fp-viewing-Footer .header {background:#fff;}
.fp-viewing-Footer .header .logo img {margin-top:-30px;}
.fp-viewing-Footer .header .gnb li > a {color:#333;}
.fp-viewing-Footer .header .top_btns a {background-position:50% 100%;}
.fp-viewing-Footer .header .top_btns a:before {border-color:#111;}
.fp-viewing-Footer .header .btn_menu p {background:#111;}
.footer_quick_menu.main_ft > *,
.footer_quick_menu.main_ft .f_quick .mquick {transition:.3s linear;}
.fp-viewing-Footer .footer .gotop {bottom:345px;}
.fp-viewing-Footer .footer_quick_menu .quick_open {bottom:415px;}
.fp-viewing-Footer .f_quick .mquick {bottom:485px;}

/*푸터_사이트맵*/
.footer .links.on{border-top:1px solid #656565}
.ft_sitemap {position:absolute; bottom:196px; left:0px; width:100%; background:#323232; color:#fff; display:none;}
.ft_sitemap h2{font-size:30px; font-weight:700; padding-top:60px;}
.ft_sitemap p{font-size:17px; font-weight:500;  margin-top:20px;margin-bottom:60px;}
.ft_sitemap .inner>ul{display:flex;justify-content:space-between;}    
.ft_sitemap .inner>ul>li{font-weight:00;display:flex; font-family:'Pretendard';}
.ft_sitemap .inner>ul>li>ul.sitemap_sub{margin-left:30px;margin-bottom:60px;}
.ft_sitemap .inner>ul>li>ul.sitemap_sub>li{margin-bottom:15px;}
.ft_sitemap .inner>ul>li>ul.sitemap_sub>li>a{font-weight:500;color:#fff;}
.ft_sitemap .inner>ul>li>ul.sitemap_sub>li>a:hover{color:#ff6400;}

/* sub */
.sub_title {position:relative; margin:0px auto 30px; padding-top:100px; z-index:99; transition:.2s linear;}
/* .sub_title.inbanner {margin-top:200px;} */
.sub_title h2 {position:relative; font-size:45px; color:#333; font-weight:700; line-height:45px; padding-bottom:10px; /* font-family:'Nanum gothic'; */}
.sub_title .location {position:absolute; bottom:0; right:0; display:flex;}
.sub_title .location > * {font-size:17px; color:#333; font-weight:400; line-height:30px; height:30px;}
.sub_title .location > *:last-child {font-weight:400;}
.sub_title .location em {position:relative; width:50px;}
.sub_title .location em:before,
.sub_title .location em:after {content:""; position:absolute; top:50%; left:50%; width:9px; height:1px; background:#333; margin-left:-5px;}
.sub_title .location em:before {transform:rotate(45deg); margin-top:-3px;}
.sub_title .location em:after {transform:rotate(-45deg); margin-top:3px;}
.sub_title .location dl {position:relative; min-width:120px; font-size:17px; color:#333;}
.sub_title .location dl > * {font-size:inherit; color:inherit;}
.sub_title .location dt {position:relative; cursor:pointer; padding-right:20px; border-bottom:#ccc 1px solid;}
.sub_title .location dt:before {content:""; position:absolute; bottom:-2px; left:0; width:0; height:2px; background:#323232; transition:.2s linear;}
.sub_title .location dt:hover:before {width:100%;}
.sub_title .location dt i {position:absolute; top:50%; right:2px; width:0; height:0; border:transparent 3px solid; border-bottom-color:#333; border-right-color:#333; transform:rotate(45deg); margin-top:-5px; transition:.2s linear;width:8px; height:8px; border-width:1px;}
.sub_title .location .on dt i {transform:rotate(225deg); margin-top:-1px;}
.sub_title .location dd {position:absolute; top:30px; left:-10px; width:calc(100% + 20px); background:#fff; padding:10px; border:#ddd 1px solid; display:none;}
.sub_title .location dd a {display:block; font-size:inherit; color:inherit; font-weight:700; line-height:20px; padding:5px 0;}
.sub_title .location dd a.on {color:#f66c10;}
.sub_title.g01.s02 .location dd,
.sub_title.g04.s06 .location dd,
.sub_title.g06.s01 .location dd {width:135%;}
.sub_title.g02.s02 .location em:nth-last-child(2),
.sub_title.g02.s02 .location dl:last-child {display:none;}

.svisual {position:relative; overflow:hidden; height:540px; z-index:1; transition:.2s linear; transition-delay:.2s;}
.svisual:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff no-repeat 50% 50% / cover; z-index:-1; transition:2s; transition-delay:.4s; transform:scale(1);}
/* .svisual.on:before {animation:svisual 2s; animation-fill-mode:forwards;}
@keyframes svisual {
	0% {transform:scale(1);}
	100% {transform:scale(1.1);}
} */

.svisual.g01:before {background-image:url('/pub/images/svisual0104.jpg');}
/*.svisual.g01.s01.d01:before {background-image:url('/pub/images/svisual010101.jpg');}
.svisual.g01.s01.d02:before {background-image:url('/pub/images/svisual010102.png');}
.svisual.g01.s01.d03:before {background-image:url('/pub/images/svisual010103.png');}
.svisual.g01.s02:before {background-image:url('/pub/images/svisual0102.jpg');}
.svisual.g01.s03:before {background-image:url('/pub/images/svisual0103.jpg');}
.svisual.g01.s04:before {background-image:url('/pub/images/svisual0104.jpg');}
.svisual.g01.s05:before {background-image:url('/pub/images/svisual0105.png');}
.svisual.g02:before {background-image:url('/pub/images/svisual02.jpg');}*/
.svisual.g02:before {background-image:url('/pub/images/svisual02_new.png');}
.svisual.g03:before {background-image:url('/pub/images/svisual03.jpg');}
.svisual.g04:before {background-image:url('/pub/images/svisual04.png');}
/*.svisual.g04.s05:before {background-image:url('/pub/images/svisual0405.jpg'); text-shadow:rgba(0,0,0,.6) 0 0 40px;}
.svisual.g04.s05:before {background-image:url('/pub/images/svisual0405_new.png'); text-shadow:rgba(0,0,0,.6) 0 0 40px;}*/
.svisual.g04.s06:before {background-image:url('/pub/images/svisual0406.jpg');}
.svisual.g05:before {background-image:url('/pub/images/svisual05.jpg');}
.svisual.g06:before {background-image:url('/pub/images/svisual06.png');}
.svisual .inner {height:100%; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; font-size:45px; color:#fff; font-weight:700; line-height:64px; /* font-family:'Nanum gothic'; */}
.svisual .btn {position:relative; font-size:15px; color:#fff; font-weight:700; line-height:40px; height:40px; width:180px; padding:0 20px; background:#333; margin-top:35px; font-family:'Nanum gothic';}
.svisual .btn i {position:absolute; top:0; right:15px; width:8px; height:100%;}
.svisual .btn i:before,
.svisual .btn i:after {content:""; position:absolute; top:50%; left:50%; width:8px; height:2px; background:#fff; margin-left:-4px;}
.svisual .btn i:before {transform:rotate(45deg); margin-top:-4px;}
.svisual .btn i:after {transform:rotate(-45deg); margin-top:2px;}
.sv_slide {position:relative; width:100%; height:100%; border-top:#ddd 1px solid;}
.sv_slide .slick-slide {position:relative; overflow:hidden;}
.sv_slide .mv {position:relative; display:flex !important; height:540px; flex-direction:column; justify-content:center; /* font-family:'Nanum gothic'; */ transition:.5s linear;}
.sv_slide .mv .inner {position:relative; z-index:1;}
.sv_slide em {font-size:20px; color:#333; font-weight:500; line-height:26px; margin-bottom:20px;}
.sv_slide strong {font-size:45px; color:#333; font-weight:700; line-height:64px;}
.sv_slide i {position:absolute; top:0; right:0; width:400px; height:100%;}
.sv_slide i img {width:auto; height:auto; max-width:100%; max-height:100%; margin:0 auto;}
.sv_slide .bg {position:absolute; top:0; left:50%; width:100%; height:100%; background:no-repeat 50% 50% / auto 100%; z-index:0; object-fit:cover; transform:translate(-50%,0);}
.sv_slide .slick-arrow {position:absolute; top:50%; width:20px; height:40px; border:0; font-size:0; z-index:1; transform:translate(0,-50%);}
.sv_slide .slick-arrow:before,
.sv_slide .slick-arrow:after {content:""; position:absolute; top:50%; left:50%; width:18px; height:1px; background:#555; margin-left:-9px;}
.sv_slide .slick-arrow:before {margin-top:-6px;}
.sv_slide .slick-arrow:after {margin-top:6px;}
.sv_slide .slick-prev {left:60px;}
.sv_slide .slick-prev:before {transform:rotate(-45deg);}
.sv_slide .slick-prev:after {transform:rotate(45deg);}
.sv_slide .slick-next {right:60px;}
.sv_slide .slick-next:before {transform:rotate(45deg);}
.sv_slide .slick-next:after {transform:rotate(-45deg);}

.svisual,
.svisual .sv_slide .mv {height:540px;}
.svisual.low_height,
.svisual.low_height .sv_slide .mv {height:400px;}
.svisual.low_height:before {transform:scale(1.1);}
.svisual.high_height,
.svisual.high_height .sv_slide .mv {height:540px;}
.svisual.high_height:before {transform:scale(1);}

/* 포지션으로 잡아서 위치 고정하여 시도하였으나 더 하단의 위치 및 공백 부분이 맞지 않아 폐기, 혹시 사용시 div,클래스 추가 */
.svwrap {position:relative;}
.svwrap .por .svisual,
.svwrap .por .svisual .sv_slide .mv {height:400px !important;}
.svwrap .por .svisual:before {transform:scale(1.1) !important;}
.svwrap .poa {position:absolute; top:0; left:0; width:100%; z-index:1;}

.aside {position:relative; background:#323232;}
.aside .sv_point {position:absolute; top:10vh;}
.aside .sv_point_off {position:absolute; top:-20vh;}
.aside .point {position:absolute; top:0;}
/* .inbanner + .svisual + .aside .point {top:-200px;} */
.svisual.high_height + .aside .point {top:-140px;}
.aside .inner {display:table; padding:0;}
.aside .inner a {position:relative; display:table-cell; vertical-align:middle; font-size:20px; color:#fff; font-weight:500; line-height:80px; width:20%; text-align:center; /* font-family:'Nanum gothic'; */}
.aside .inner a:before,
.aside .inner a:after {content:""; position:absolute;}
.aside .inner a:before {top:50%; left:0; width:1px; height:20px; background:#a9a9a9; margin-top:-10px;}
.aside .inner a:first-child:before {display:none;}
.aside .inner a:after {bottom:0; left:50%; width:0; height:3px; background:#ff6400; transition:.2s linear;}
.aside .inner a:hover:after,
.aside .inner a.on:after {left:0; width:100%;}
.aside.g01.s01 a,
.aside.g01.s02 a,
.aside.g02 a {width:16.6666%;}
/* .aside.g01.s05 a {width:50%;} */
.aside.g03 a,
.aside.g04 a {width:calc(100% / 6);}

.container {padding:150px 0;}
.container .title {font-size:42px; color:#333; font-weight:700; line-height:52px; text-align:center; margin-bottom:50px; /* font-family:'Nanum gothic'; */}
.container .title.mt {margin-top:100px;}
.container .title.mt1 {margin-top:150px;}
.container .title.mt2 {margin-top:200px;}
.container .title.mb {margin-bottom:100px;}
.container .title em {font-weight:400;}
.container .tit_b {font-size:25px; color:#333; font-weight:500; line-height:40px; text-align:center; margin-bottom:100px; /* font-family:'Nanum gothic'; */}
.container .tit_b strong {font-weight:500;}
.container .tit_b.mbs {margin-bottom:30px;}
.container .tit_p {font-size:17px; font-weight:500; line-height:20px; text-align:center; margin-bottom:100px;}
.container .btxt {font-size:25px; color:#333; font-weight:500; line-height:40px; text-align:center; /* font-family:'Nanum gothic'; */}
.container .ctit {font-size:30px; color:#333; line-height:34px; margin:100px 0; text-align:center; /* font-family:'Nanum gothic'; */}
.container .ctit strong {font-weight:700;}
.container .stit {font-size:30px; color:#333; font-weight:700; line-height:34px; margin:100px 0 40px; /* font-family:'Nanum gothic'; */}
.container .btit {font-size:25px; color:#333; font-weight:700; line-height:40px; /* font-family:'Nanum gothic'; */ margin:0 0 30px; position:relative; min-height:40px;}
.container .btit.mt {margin-top:100px;}
.container .btit.mb {margin:100px 0 40px;}
.container .btit.mb3 {margin-bottom:30px;}
.container .btit.mt2 {margin-top:150px;}
.container .btit .select_label {position:absolute; top:0; right:0; height:40px; line-height:40px; /* font-family:'Noto Sans Korean', 'Noto Sans KR', sans-serif; */ margin-right:0;}
.container .btit .select_label label {height:39px; line-height:39px; font-size:15px; font-weight:400; font-family:'Pretendard';}
.container .btit .select_label select {height:39px; font-size:15px;}
.container p {font-size:17px; color:#323232; line-height:27px;}
.container.g00 {padding-top:130px; min-height:calc(100vh - 295px); transition:.2s linear;}
/* .container.g00.inbanner {margin-top:0px; min-height:calc(100vh - 395px);} */

.comming {font-size:20px; color:#666; font-weight:900; line-height:30px; padding:100px; background:#f5f5f5; /* font-family:'Nanum gothic'; */ text-align:center;}

/* 엠투아이 */
.about {display:flex; flex-wrap:wrap; justify-content:space-between; border-top:#555 1px solid;}
.about dl {border-bottom:#ddd 1px solid; display:flex; flex-direction:column; padding:35px 0;}
.about dl:nth-child(2n-1) {width:39%;}
.about dl:nth-child(2n) {width:61%;}
.about dt,
.about dd {color:#333; font-weight:600;}
.about dt {font-size:20px; line-height:20px; margin-bottom:25px; /* font-family:'Nanum gothic'; */}
.about dd {font-size:35px; line-height:35px; /* font-family:'Nanum gothic'; */}
.about dd em {font-size:20px; font-weight:400; margin-left:25px;}
.gbox {background:#fafafa; padding:100px 0;}
.gbox.mt {margin-top:100px;}
.gbox.mt_m4 {margin-top:60px;}
.gbox.mt_mh {margin-top:50px;}
.gbox img {display:block; margin:0 auto;}
.gbox img.mt {margin-top:100px;}
.about_btm img {margin-top:100px;}
.about_btm ul {display:flex; justify-content:space-between;}
.about_btm li {position:relative; padding-left:35px; font-size:15px; color:#333; font-weight:700; line-height:23px; font-family:'Nanum gothic';}
.about_btm li em {position:absolute; top:0; left:0; font-size:20px; color:#ff6400; font-weight:900; /* font-family:'Nanum gothic'; */}

/* 주요 연혁 */
.history {position:relative;}
.history .tit > * {display:block; color:#333; font-weight:700; /* font-family:'Nanum gothic'; */}
.history .tit em {font-size:25px; line-height:34px; margin-bottom:10px;}
.history .tit strong {font-size:35px; line-height:52px;}
.his_list {position:relative; /* border-top:#555 1px solid; */ padding-top:50px; z-index:1;}
/* .his_list:before,
.his_list:after {content:""; position:absolute; background:#ddd;}
.his_list:before {top:55px; left:50%; width:1px; height:calc(100% - 55px); z-index:-1;}
.his_list:after {bottom:0; left:calc(50% - 2px); width:5px; height:5px; border-radius:50%;} */
.his_list > div {margin-top:150px;}
.his_list > div:first-child {margin-top:0;}
.his_list dl {display:flex;}
.his_list dt,
.his_list dd {width:50%;}
.his_list ul {display:flex; flex-wrap:wrap; flex-direction:column;}
.his_list ul:first-child {margin-top:0;}
.his_list li {flex-basis:50%;}
.his_list .img {position:relative; font-size:0;}
.his_list .img.imgin {height:300px; background:no-repeat 0 0 / 400px; overflow:hidden;}
.his_list .img.imgin.on {background:none !important;}
.his_list .img.imgin ul,
.his_list .img.imgin li {width:100%; height:100%;}
.his_list .img ul li {display:none;}
.his_list .img ul li.on {display:block;}
.his_list .tit {display:flex; flex-direction:column; width:100%; padding:0 0 35px 50%;}
.his_list .bar {position:relative; width:100%; height:2px; overflow:hidden;}
.his_list .bar i {display:block; width:100%; height:2px; background:#333;}
.his_list .list p {position:relative; font-size:17px; color:#333; line-height:20px;}
.his_list .list p em {display:inline-block; border-bottom:rgba(51,51,51,.5) 1px solid; padding:20px 0;}
.his_list .list p strong {font-weight:700; cursor:pointer;}
.his_list .list p:first-child {margin-top:0;}
.his_list > div:nth-child(2n) .tit {padding:0 50% 35px 0;}
.his_list > div:nth-child(2n) dl {flex-direction:row-reverse;}
.his_list > div:nth-child(2n) dl .img {display:flex; align-items:flex-start; justify-content:flex-end;}
.his_list > div:nth-child(2n) dl .img.imgin {background-position:right 0;}

.his_list .img{position:relative;}
.his_list .img img{top:0; left:0;position:absolute;}
.his_list .img img.history_img_hover, .his_list .img img.history_img_hover2{display:none;}
.his_list > div:nth-child(2n) .img img {left:auto; right:0;}

/* 사업소개 */
.dl_tbl > dl {display:flex; justify-content:space-between; margin-top:100px;}
.dl_tbl > dl > dt {font-size:20px; color:#333; font-weight:700; /* font-family:'Nanum gothic'; */ width:220px;}
.dl_tbl > dl > dt em {font-size:15px; font-weight:400; line-height:30px; font-family:'Pretendard'; /* font-family:'Noto Sans Korean', 'Noto Sans KR', sans-serif; */}
.dl_tbl > dl > dt.b {font-size:25px; line-height:38px;}
.dl_tbl > dl > dd {width:calc(100% - 220px);}
.business_area {border-top:#ddd 1px solid;}
.business_area .item_list {display:flex; flex-wrap:wrap; border-left:#ddd 1px solid; padding-top:1px;}
.business_area .item_list a {position:relative; display:flex; justify-content:space-between; align-items:center; width:25%; border:#ddd 1px solid; border-left:0; padding:0 20px; line-height:99px; margin-top:-1px;}
.business_area .item_list a:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:#ff6400 1px solid; opacity:0; transition:.2s linear;}
.business_area .item_list a:hover:before {opacity:1;}
.business_area .item_list a p {text-align:right; line-height:20px;}

/* 홍보센터 */
.pr_slide {position:relative;}
.pr_slide .slick-slide {position:relative; font-size:0;}
.pr_slide .slick-arrow {position:absolute; top:50%; width:60px; height:60px; border:#333 1px solid; border-radius:50%; font-size:0; z-index:1; margin-top:-30px; transition:.2s linear;}
.pr_slide .slick-arrow:before,
.pr_slide .slick-arrow:after {content:""; position:absolute; top:50%; left:50%; width:12px; height:1px; background:#333; margin-left:-6px; transition:.2s linear;}
.pr_slide .slick-arrow:before {margin-top:-4px;}
.pr_slide .slick-arrow:after {margin-top:4px;}
.pr_slide .slick-arrow:hover {border-color:#f66c10;}
.pr_slide .slick-arrow:hover:before,
.pr_slide .slick-arrow:hover:after {background:#f66c10;}
.pr_slide .slick-prev {left:-120px;}
.pr_slide .slick-prev:before {transform:rotate(-45deg);}
.pr_slide .slick-prev:after {transform:rotate(45deg);}
.pr_slide .slick-next {right:-120px;}
.pr_slide .slick-next:before {transform:rotate(45deg);}
.pr_slide .slick-next:after {transform:rotate(-45deg);}

.pr_top{display:flex;justify-content:space-between; margin-bottom:100px;}
.pr_top .select_label label, .pr_top .select_label select{font-size:15px; font-family:'Pretendard';}
.pr_inputs{width:805px; max-width:calc(100% - 190px); position:relative; height:50px;line-height:50px;background:#323232; padding-right:50px;border-radius:25px;}
.pr_inputs .text{width:100%; border:0; background:none; outline:0; font-size:18px; color:#fff; font-weight:300;padding:0 20px;font-family:'Pretendard';}
.pr_inputs .text::placeholder{color:#fff;}
.pr_inputs .btn{position:absolute; top:0; right:0; width:52px; height:48px; background:url(/pub/images/icon_search2.png) no-repeat 50% 50%;border:0; font-size:0;}
.pr_mid {display:flex; justify-content:flex-end; margin-bottom:30px;}
.pr_con{border-top:2px solid #333;}
.pr_con .con{padding:30px 0;border-bottom:1px solid #ddd;display:table; table-layout:fixed; width:100%;}
.pr_con .con > a,
.pr_con .con .txt {display:table-cell; vertical-align:middle;}
.pr_con .con > a {width:347px;}
.pr_con .con .img {margin-right:30px;width:307px; vertical-align:middle;}
.pr_con .con .txt {position:relative;}
.pr_con .con .txt .category{color:#ff6400;font-size:17px; font-weight:700;}
.pr_con .con .txt h2{color:#333; font-size:20px; font-weight:700; line-height:35px;white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.pr_con .con .txt p {font-size:15px; font-weight:500; font-family:'Pretendard';}
.pr_con .con .txt p.text{margin:15px 0; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; line-height:25px; max-height:50px;}
.pr_con .con .txt p.date {position:absolute; bottom:20px; left:0;}
.pr_con .con .txt em {display:inline-block; vertical-align:middle; width:1px; height:15px; background:#ddd; margin:0 10px;}

.pr_detatil_top{padding:0 0 100px; border-bottom:2px solid #323232;text-align:center; color:#333;}
.pr_detatil_top p.state{margin:0 auto;width:80px;height:24px; line-height:24px;font-size:13px; font-weight:700;color:#fff; background:#ff6400; font-family:'Pretendard';}
.pr_detatil_top h2{font-size:35px; font-weight:700;margin:30px 0 50px 0}
.pr_detatil_top p.date{font-weight:500;width:100%; font-size:15px; font-family:'Pretendard';}
/* .pr_detatil_top p.date span:after{position:absolute;content:'';width:1px; height:15px; background:#ddd;top:50%; left:-20px;transform:translate(0,-50%);} */
.pr_detatil_top p.date span{margin-left:20px;position:relative;}
.pr_detatil_top p.date em {display:inline-block; vertical-align:middle; width:1px; height:15px; background:#323232; margin:0 15px;}
.pr_detatil_top p.print{text-align:right;width:7%;position:relative; display:none;}
.pr_detatil_top p.print a {display:block;}
.pr_detatil_top p.print a:before{content:'';position:absolute; width:21px; height:20px; top:50%; left:0px; transform:translate(0,-50%);background:url('/pub/images/print.png') no-repeat;}
.pr_detatil_con{padding:100px 20px; font-size:17px; color:#323232; font-weight:400; line-height:29px;}
.jpr_detatil_con>div:first-child, .jpr_detatil_con>div:first-child p{margin-top:0;}
.jpr_detatil_con>div:last-child, .jpr_detatil_con>div:last-child p{margin-bottom:0}
.pr_detatil_con strong{font-weight:900; font-size:16px; font-family:'Pretendard';}
.pr_detatil_con>div p{margin:40px 0;}
.pr_detatil_con img {height:auto !important;}
.pr_detatil_file{position:relative; padding:20px; border-top:2px solid #323232; color:#333; display:flex; justify-content:space-between; align-items:center;}
.pr_detatil_file strong{font-weight:700;font-size:20px; margin-right:30px; font-family:'Pretendard';}
.pr_detatil_file a{font-size:13px; font-family:'Pretendard';}
.pr_detatil_file a:hover{text-decoration:underline;}
.pr_detatil_list{display:flex; justify-content:space-between;}
.prev_next_tbr, .prev_next_tbr{display:flex; width:46%;}
.prev_next_tbr:last-child {justify-content:flex-end}
.prev_prev_tbc.td{font-size:16px; font-weight:900; margin-left:30px; font-family:'Pretendard';}
.prev_next_tbc.td{font-size:16px; font-weight:900; margin-right:30px; font-family:'Pretendard';}
.prev_prev_tbc.th,.prev_next_tbc.th{font-size:15px; font-family:'Pretendard';}
.pr_btns{margin:auto;margin-top:100px;text-align:center;font-size:15px; font-weight:700;width:174px;height:50px; line-height:50px;border:1px solid #333;}
.pr_btns a {display:block; color:#323232;}

.detail_info{display:flex;}

/* 국내외 사업망 */
.rtabs {display:flex; flex-wrap:wrap; align-items:center; margin:-20px 0 60px;}
.rtabs li {font-size:15px; color:#333; font-weight:700; line-height:38px; height:40px; border:#ddd 1px solid; padding:0 25px; border-radius:20px; margin:20px 20px 0 0; cursor:pointer; transition:.2s linear; font-family:'Pretendard';}
.rtabs li:hover,
.rtabs li.on {color:#ff6400; border-color:#ff6400;}
.network_wrap .jq_cont {position:relative; background:url('/pub/images/img_wld_map.png') no-repeat 50% 50% / contain; width:100%; height:564px;}
.network_wrap .jq_cont .cont {position:absolute; top:50%; left:50%;}
.network_wrap .jq_cont .cont:before {content:""; position:absolute; bottom:0; left:0; width:23px; height:30px; background:url('/pub/images/icon_point.png') no-repeat 50% 50% / contain; margin-left:-12px;}
.network_wrap .jq_cont .cont dl {position:absolute; bottom:60px; left:50%; width:280px; border:#ff6400 1px solid; overflow:hidden; background:#fff; transform:translate(-50%,0);}
.network_wrap .jq_cont .cont dt {font-size:16px; color:#fff; font-weight:700; line-height:28px; border-bottom:#ff6400 1px solid; background:#ff6400; text-align:center; font-family:'Pretendard';}
.network_wrap .jq_cont .cont dd {padding:0 19px;}
.network_wrap .jq_cont .cont li {padding:15px 0 15px 10px; border-top:#ddd 1px solid;}
.network_wrap .jq_cont .cont li:first-child {border-top:0;}
.network_wrap .jq_cont .cont li em {position:relative; font-size:13px; color:#ff6400; font-weight:700; line-height:14px; font-family:'Pretendard';}
.network_wrap .jq_cont .cont li em:before {content:""; position:absolute; top:50%; left:-10px; width:3px; height:3px; background:#ff6400; border-radius:50%; margin-top:-1px;}
.network_wrap .jq_cont .cont li strong {display:block; font-size:18px; color:#333; font-weight:700; line-height:18px; margin:5px 0 10px; /* font-family:'Nanum gothic'; */}
.network_wrap .jq_cont .cont li p {font-size:13px; color:#333; line-height:24px; font-family:'Pretendard';}
.network_wrap .jq_cont .cont.p01 {margin:-20px 0 0 300px;}
.network_wrap .jq_cont .cont.p02 {margin:15px 0 0 260px;}
.network_wrap .jq_cont .cont.p03 {margin:75px 0 0 280px;}
.network_wrap .jq_cont .cont.p04 {margin:-55px 0 0 33px;}
.network_wrap .jq_cont .cont.p05 {margin:26px 0 0 175px;}
.network_wrap .jq_cont .cont.p06 {margin:170px 0 0 46px;}
.network_wrap .jq_cont .cont.p07 {margin:-80px 0 0 -31px;}
.network_wrap .jq_cont .cont.p08 {margin:-57px 0 0 48px;}
.network_wrap .jq_cont .cont.p09 {margin:-18px 0 0 62px;}
.network_wrap .jq_cont .cont.p10 {margin:-20px 0 0 65px;}
.network_wrap .jq_cont .cont.p11 {margin:107px 0 0 270px;}
.network_wrap .jq_cont .cont.p12 {margin:-120px 0 0 207px;}
.network_wrap .jq_cont .cont.p13 {margin:40px 0 0 245px;}
.network_wrap .jq_cont .cont.p14 {margin:-55px 0 0 -270px;}
.network_wrap .jq_cont .cont.p15 {margin:75px 0 0 250px;}
.btn_partnership {display:block; font-size:17px; color:#222; font-weight:500; line-height:48px; height:50px; width:260px; border:0; background:#fff; border:#222 1px solid; margin:60px auto 0; text-align:center;}
.popup_wrap {position:fixed; top:0; left:0; width:100%; height:100%; z-index:101; display:none;}
.popup_wrap .black {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5);}
.popup_wrap .outbox {position:absolute; top:50%; left:50%; width:1000px; max-width:90%; max-height:90vh; background:#fff; transform:translate(-50%,-50%); padding:40px;}
.popup_wrap .btn_close {position:absolute; top:40px; right:40px; width:32px; height:32px; border:#333 2px solid; border-radius:50%;}
.popup_wrap .btn_close:before,
.popup_wrap .btn_close:after {content:""; position:absolute; top:50%; left:50%; width:16px; height:2px; background:#333; margin:-1px 0 0 -8px;}
.popup_wrap .btn_close:before {transform:rotate(45deg);}
.popup_wrap .btn_close:after {transform:rotate(-45deg);}
.popup_wrap .tit,
.popup_wrap .tt { color:#333; font-weight:900; line-height:30px; /* font-family:'Nanum gothic'; */}
.popup_wrap .tit {font-size:30px; margin-bottom:30px;}
.popup_wrap .inbox {border-top:#333 1px solid; padding-top:30px; max-height:calc(90vh - 140px); overflow:auto;}
.popup_wrap .tt {font-size:25px; margin:60px 0 30px;}

.popup_wrap .input {position:relative; margin-top:20px; display:flex; flex-wrap:wrap; border:#ddd 1px solid; border-radius:5px; padding-left:100px;}
.popup_wrap .input:first-child {margin-top:0;}
.popup_wrap .input em {position:absolute; top:0; left:25px; font-size:15px; color:#333; line-height:58px; height:58px; font-weight:700; font-family:'Pretendard';}
.popup_wrap .input .text {width:100%; height:58px; font-size:15px; color:#333; font-weight:700; padding:0 25px; outline:0; border:0; font-family:'Pretendard';}
.popup_wrap .input button {position:relative; width:120px; font-size:15px; color:#fff; font-weight:700; line-height:60px; height:60px; background:#535353; z-index:1; border-radius:5px; font-family:'Pretendard';}
.popup_wrap .add {overflow:hidden; margin-top:20px;}
.popup_wrap .mail {display:flex; flex-wrap:wrap; margin-top:20px;}
.popup_wrap .mail .input {width:calc(100% - 244px); margin:0;}
.popup_wrap .mail em.e {position:relative; left:0; width:34px; line-height:60px; text-align:center; font-size:15px; color:#333; font-weight:700; font-family:'Pretendard';}
.popup_wrap .mail .checkarea {margin-top:15px; width:100%; display:flex; justify-content:space-between;}
.popup_wrap .input .w1 {width:calc(100% - 100px); margin-right:-20px;}
.popup_wrap .input .w2 {width:calc(100% - 244px);}
.popup_wrap .input .mt {margin-top:20px;}
.popup_wrap .select_label {width:210px; margin:0; border:#ddd 1px solid; height:60px; line-height:60px; border-radius:5px;}
.popup_wrap .select_label label {height:58px; line-height:58px; font-size:15px; padding:0 25px; border-radius:5px; font-family:'Pretendard';}
.popup_wrap .select_label i {right:25px; border-width:3px; margin-top:-6px;}
.popup_wrap .select_label select {height:58px; font-size:15px; color:#333; border-radius:5px; font-family:'Nanum gothic';}
.popup_wrap .btn {display:block; font-size:15px; color:#fff; font-weight:700; line-height:50px; height:50px; width:260px; border:0; background:#333; margin:60px auto 0;}
.popup_wrap .pl .input {padding-left:230px;}
.popup_wrap .pl .input em {width:210px;}

.bg_gray_before {position:relative; padding:100px 0;}
.bg_gray_before:before {content:""; position:absolute; top:0; left:50%; width:100vw; height:100%; background:#fafafa; transform:translate(-50%,0); z-index:-1;}

/* 사업장소개 */
.contact_num {display:flex; justify-content:center;}
.contact_num dl {position:relative; display:flex; /* font-family:'Nanum gothic'; */ padding:0 50px;}
.contact_num dl:before {content:""; position:absolute; top:50%; left:0; width:1px; height:30px; background:#e3e3e3; transform:translate(0,-50%);}
.contact_num dl:first-child:before {display:none;}
.contact_num dt,
.contact_num dd {font-size:30px; color:#333; line-height:36px;}
.contact_num dt {font-weight:700; margin-right:30px;}
.map_wrap {margin-top:100px; height:400px;}
.root_daum_roughmap {max-width:100%;}

/* 스마트팩토리사업 */
.dl_tbl_flex {display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:50px; overflow:hidden;}
.dl_tbl_flex.bdt {border-top:#444 2px solid;}
.dl_tbl_flex.mt {margin-top:100px;}
.dl_tbl_flex.mb {margin-bottom:50px;}
.dl_tbl_flex dl {position:relative; display:flex; flex-wrap:wrap; /* border-bottom:#ddd 1px solid; */ padding:50px 0;}
.dl_tbl_flex dl:after {content:""; position:absolute; bottom:0; left:0; width:200%; height:1px; background:#ddd;}
.dl_tbl_flex dl.nbd_b:after {display:none;}
.dl_tbl_flex dl:nth-child(2n) {padding-left:0;}
.dl_tbl_flex dl:nth-child(2n-1) {padding-right:20px;}
.dl_tbl_flex dt {width:200px; font-size:20px; color:#333; font-weight:700; line-height:29px; /* font-family:'Nanum gothic'; */}
.dl_tbl_flex dt em {font-size:15px; color:#333; font-weight:400; font-family:'Pretendard';}
.dl_tbl_flex dd {width:calc(100% - 200px);}
.dl_tbl_flex dd p {font-size:15px; font-weight:500; font-family:'Pretendard'; letter-spacing:-.8px;}
.dl_tbl_flex .tm dt {width:180px;}
.dl_tbl_flex .tm dd {width:calc(100% - 180px);}
.dl_tbl_flex .tms dt {width:150px;}
.dl_tbl_flex .tms dd {width:calc(100% - 160px);}
.dl_tbl_flex .tms dd p {font-size:15px; font-family:'Pretendard'; letter-spacing:-.5px;}
.dl_tbl_flex .ts dt {width:140px;}
.dl_tbl_flex .ts dd {width:calc(100% - 140px);}
.dl_tbl_flex.solo dl {width:100%; padding-right:0; border-bottom:0;}
.dl_tbl_flex.solo dl:after {display:none;}
.dl_tbl_flex .half {display:flex; justify-content:space-between}
.dl_tbl_flex .half.w5 span {width:50%;}
.dl_tbl_flex dd .dots_list {margin-top:20px;}
.dl_tbl_flex .dots_list p {font-weight:400;}
.dl_tbl_flex.width_fix dl:nth-child(2n) {width:490px;}
.dl_tbl_flex.half dl {width:50%;}

.gbox .dl_tbl_flex dl {width:100%; padding:0; border-bottom:0;}
.gbox .dl_tbl_flex dt {font-size:20px; line-height:24px; width:190px;}
.gbox .dl_tbl_flex dt em {font-size:13px; font-family:'Pretendard';}
.gbox .dl_tbl_flex dd {position:relative; width:calc(100% - 190px); padding-left:60px;}
.gbox .dl_tbl_flex dd:before {content:""; position:absolute; top:50%; left:0; width:28px; height:90px; margin-top:-45px; border-radius:5px 0 0 5px; border:#666 1px dashed; border-right:0;}
.gbox .dl_tbl_flex dd ul {display:flex; justify-content:space-between;}
.gbox .dl_tbl_flex dd li {max-width:20%;}
.gbox .dl_tbl_flex dd li strong {display:block; font-size:17px; color:#333; font-weight:900; margin-bottom:8px;}
.gbox .dl_tbl_flex dd li p {line-height:16px; padding:4px 0 4px 8px;}
.gbox .dl_tbl_flex dd li p:before {background:#ff6400; top:10px;}

.line_all {position:relative; width:100%; height:1px; margin:100px 0;}
.line_all.m2 {margin:150px 0;}
.line_all:before {content:""; position:absolute; top:0; left:50%; width:100vw; height:1px; background:rgba(50,50,50,.3); transform:translate(-50%,0);}
.line_all + .stit {margin-top:150px;}

.dots_list p {position:relative; padding-left:8px;}
.dots_list p:before {content:""; position:absolute; top:12px; left:0; width:3px; height:3px; background:#333; border-radius:50%;}
.btm_links {display:flex; justify-content:space-between;}
.btm_links a {position:relative; width:calc((100% - 60px)/2); font-size:20px; color:#333; font-weight:500; line-height:50px; /* font-family:'Nanum gothic'; */ border-bottom:#ccc 1px solid;}
.btm_links a:before {content:""; position:absolute; bottom:-1px; left:0; width:0; height:2px; background:#323232; transition:.2s linear;}
.btm_links a:hover:before {width:100%;}
.btm_links a i {position:absolute; top:0; right:0; width:8px; height:100%;}
.btm_links a i:before,
.btm_links a i:after {content:""; position:absolute; top:50%; left:50%; width:9px; height:1px; background:#333; margin-left:-5px;}
.btm_links a i:before {transform:rotate(45deg); margin-top:-3px;}
.btm_links a i:after {transform:rotate(-45deg); margin-top:3px;}

.ftabs {display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:100px;}
.ftabs.mt {margin-top:100px;}
.ftabs li,
.ftabs a {font-size:17px; color:#333; font-weight:500; line-height:38px; height:40px; width:calc(100%/5); flex:1 1 auto; border:#ddd 1px solid; border-left:0; text-align:center; cursor:pointer; transition:.2s linear;}
.ftabs li:first-child,
.ftabs a:first-child {border-left:#ddd 1px solid;}
.ftabs li:hover,
.ftabs li.on,
.ftabs a:hover,
.ftabs a.on {color:#fff; background:#ff6400; border-color:#ff6400;}
.ftabs.set3 > * {width:calc((100%)/3);}
.ftabs.set5 > * {width:calc((100%)/5);}
.ftabs.set2 > * {width:calc((100%)/2);}

.solution_num_set {display:flex; flex-direction:column; align-content:space-between; flex-wrap:wrap; margin-top:30px; padding:30px 0 0; border-top:#ddd 1px solid;}
.solution_num_set.set9 {height:106px;}
.solution_num_set.set1 {flex-direction:row; justify-content:space-between;}
.solution_num_set li {position:relative; font-size:17px; color:#333; font-weight:700; line-height:25px; padding-left:24px;}
.solution_num_set li em {position:absolute; top:0; left:0; font-size:10px; color:#fff; font-weight:700; line-height:25px; width:25px; z-index:1; text-align:center; font-family:'Nanum gothic';}
.solution_num_set li em:before {content:""; position:absolute; top:50%; left:50%; width:14px; height:14px; background:#ff6400; border-radius:2px; transform:rotate(45deg); z-index:-1; margin:-7px 0 0 -7px;}
.solution_num_set li em i {transform:scale(0.8);}

.solution_app {display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:60px;}
.jq_cont .cont .solution_app li {width:calc((100% - 40px)/2); margin-top:40px; padding:0 !important;}
.jq_cont .cont .solution_app li:first-child {margin-top:40px;}
.solution_app li a {position:relative; display:block; width:100%;}
.solution_app li a:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:#ddd 1px solid; transition:.2s linear;}
.solution_app li a:hover:after {border-color:#323232;}
.solution_app li i {display:block; height:246px; line-height:246px; text-align:center; font-size:0;}
.solution_app li .txt {display:block; border-top:#ddd 1px solid; padding:30px;}
.solution_app li .tit {font-size:20px; color:#333; font-weight:700; line-height:22px; /* font-family:'Nanum gothic'; */}
.solution_app li p {margin-top:10px;}

/* 제품군 */
.product_area {display:flex; width:100%; table-layout:fixed; border:#ddd 1px solid; margin-top:100px;}
.product_area li {position:relative; display:flex; align-items:center; flex-direction:column; justify-content:center; height:380px; border-left:#ddd 1px solid; width:150px; overflow:hidden; transition:.4s linear;}
.product_area li:first-child {border-left:0;}
.product_area li.on {width:calc(100% - 150px);}
.product_area li .tit {position:absolute; bottom:30px; left:0; width:100%; text-align:center; z-index:1; transition:.3s linear;}
.product_area li .tit > * {overflow:hidden; transition:.3s linear;}
.product_area li .tit em {display:block; font-size:15px; color:#333; font-weight:500; line-height:20px; height:0; transition:.3s linear; font-family:'Pretendard';}
.product_area li .tit strong {display:block; font-size:15px; color:#333; font-weight:700; line-height:50px; transition:.3s linear; font-family:'Pretendard';}
.product_area li .tit .more {position:relative; display:block; font-size:15px; color:#fff; font-weight:500; width:150px; height:0; line-height:40px; background:#333; padding:0 20px; transition:.3s linear; font-family:'Pretendard';}
.product_area li .tit .more i {position:absolute; top:0; right:20px; width:8px; height:100%;}
.product_area li .tit .more i:before,
.product_area li .tit .more i:after {content:""; position:absolute; top:50%; left:50%; width:10px; height:2px; background:#fff; margin-left:-5px;}
.product_area li .tit .more i:before {transform:rotate(45deg); margin-top:-4px;}
.product_area li .tit .more i:after {transform:rotate(-45deg); margin-top:2px;}
.product_area li .img {position:relative; width:100%; padding-left:50%; transition:.3s linear;}
.product_area li .img img {max-width:none; position:relative; left:-50px; transition:.3s linear;}
.product_area li.on .tit {bottom:50%; padding-left:80px; text-align:left; transform:translate(0,50%);}
.product_area li.on .tit em {height:20px;}
.product_area li.on .tit strong {font-size:42px; margin:20px 0 40px; font-family:'Pretendard';}
.product_area li.on .tit .more {height:40px;}
.product_area li.on .img img {left:0;}

.product_search {position:relative; z-index:30;}
.product_search .select_area {display:flex; width:100%; /* font-family:'Nanum gothic'; */}
.select_label {position:relative; width:170px; height:50px; display:block; line-height:50px; border-bottom:#ccc 1px solid; margin-right:25px; transition:.2s linear;}
.select_label:before {content:""; position:absolute; bottom:-2px; left:0; width:0; height:2px; background:#323232; transition:.2s linear;}
/* .select_label:hover {border-bottom-color:#fff;} */
.select_label:hover:before {width:100%;}
.select_label label {position:absolute; top:0; left:0; display:block; width:100%; height:49px; line-height:49px; padding:0 20px 0 0; font-size:18px; color:#333; font-weight:400; text-align:left; background:#fff; overflow:hidden;}
.select_label i {position:absolute; top:50%; right:2px; margin-top:-8px; border:transparent 4px solid; border-bottom-color:#535353; border-right-color:#535353; transform:rotate(45deg);width:8px; height:8px; border-width:1px; transition:.2s linear;}
.select_label select {display:block; width:100%; height:49px; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); outline:0; border:0; background:none; font-size:15px; font-weight:400; cursor:pointer;}
/* .select_label.arw_wset {width:200px;} */
.select_label.arw_stl2 i {width:8px; height:8px; border-width:1px;}
.select_label.s i {border-width:3px; margin-top:-6px;}
/* .select_label.focus {border-color:#f35e00 !important;} */
.select_label.focus i {transform:rotate(225deg); margin-top:-2px;}
.product_search .inputs {position:relative; width:calc(100% - 390px); height:50px; background:#323232; border-radius:25px; padding-right:50px;}
.product_search .inputs .text {font-size:18px; color:#fff; font-weight:300; height:50px; width:100%; background:none !important; border:0; outline:0; padding:0 20px;}
.product_search .inputs .text:focus {background:none !important;}
.product_search .inputs .text::placeholder {color:#fff;}
.product_search .inputs input:-webkit-autofill {-webkit-text-fill-color:#fff; background:none !important; box-shadow:none !important;}
.product_search .inputs input:-internal-autofill-selected {background:none !important; box-shadow:none !important;}
.product_search .inputs .btn {position:absolute; top:0; right:0; width:50px; height:50px; border:0; outline:0; background:url('/pub/images/icon_search2.png') no-repeat 50% 50%; font-size:0;}

/* 신제품 */
.product_list {display:flex; justify-content:space-between; overflow:hidden; margin-bottom:120px;}
.product_list > * {border-top:#333 1px solid; padding-top:30px;}
.product_list .tit {position:relative; width:150px;}
.product_list .tit > * {color:#333; line-height:30px;}
.product_list .tit strong {display:block; font-size:20px; font-weight:700; /* font-family:'Nanum gothic'; */}
.product_list .tit em {display:block; font-size:15px; color:#000; font-family:'Pretendard';}
.product_list .tit .select_label {width:100%; height:40px; line-height:40px; margin-top:15px; /* font-family:'Noto Sans Korean', 'Noto Sans KR', sans-serif; */}
.product_list .tit .select_label:first-child {margin-top:0;}
.product_list .tit .select_label label {height:39px; line-height:39px; font-size:15px; font-weight:400; font-family:'Pretendard';}
.product_list .tit .select_label .nice-select,
.product_list .tit .select_label select {height:39px; line-height:39px; font-size:15px; font-family:'Pretendard';}
.product_list .tit .select_label.big label,
.product_list .tit .select_label.big select {font-size:17px; font-weight:900;}
.product_list .list_slide {width:792px; font-size:0; padding-bottom:30px; margin-bottom:0;}
.product_list .list_slide .slick-list {width:calc(100% + 30px);}
.product_list .list_slide .slick-list .slick-track {min-width:100%;}
.product_list .list_slide .sv {padding-right:30px; font-size:0;}
.product_list .list_slide a {position:relative; display:block; border:#ddd 1px solid; overflow:hidden;}
.product_list .list_slide a:hover {border-color:#333;}
.product_list .list_slide span {display:block;}
.product_list .list_slide .tag {position:absolute; top:0; right:0; font-size:13px; color:#fff; line-height:30px; width:40px; background:#333; text-align:center; font-family:'Pretendard';}
.product_list .list_slide .tag:before,
.product_list .list_slide .tag:after {content:""; position:absolute; top:30px; width:50%; height:10px; border-bottom:transparent 10px solid;}
.product_list .list_slide .tag:before {left:0; border-right:#333 20px solid;}
.product_list .list_slide .tag:after {right:0; border-left:#333 20px solid;}
.product_list .list_slide .img {width:100%; height:242px; line-height:242px; text-align:center; font-size:0;}
.product_list .list_slide .img img {display:inline-block; vertical-align:middle; width:auto; height:auto; max-width:100%; max-height:100%;}
.product_list .list_slide .txt {padding:25px 20px 20px;}
.product_list .list_slide .tt {font-size:15px; color:#333; font-weight:700; line-height:20px; height:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-family:'Pretendard';}
.product_list .list_slide p {position:relative; font-size:13px; color:#333; line-height:25px; text-align:right; padding-left:70px; font-family:'Pretendard';}
.product_list .list_slide p em {position:absolute; top:0; left:0; font-weight:400;}
.product_list .list_slide .btm {margin-top:25px; display:flex; justify-content:space-between;}
.product_list .list_slide .btm .like {position:relative; line-height:1px; width:16px; font-size:16px; border-bottom:#323232 1px solid; text-align:center; font-family:'Pretendard';}
.product_list .list_slide .btm .like input {display:none;}
/* .product_list .list_slide .btm .like i {color:#323232; font-weight:500; transition:.2s linear;}
.product_list .list_slide .btm .like input:checked + i {font-weight:900;} */
.list_slide .btm .like i {width:16px; height:30px; line-height:30px; font-size:0; color:#333; background:url('/pub/images/icon_heart.png') no-repeat 50% 50% / contain;}
.list_slide .btm .like input:checked + i {/* font-size:27px; background:none; */ background-image: url('/pub/images/icon_heart_on.svg');}
.product_list .list_slide .btn {font-size:13px; color:#333; font-weight:500; line-height:28px; height:30px; width:100px; text-align:center; border:#333 1px solid; transition:.2s linear; font-family:'Pretendard';}
.product_list .list_slide a:hover .btn {color:#fff; background:#000; border-color:#000;}
.product_list .list_slide .slick-arrow {position:absolute; bottom:0; width:30px; height:30px; /*border:#333 1px solid;*/ font-size:0; z-index:1;}
.product_list .list_slide .slick-arrow:before,
.product_list .list_slide .slick-arrow:after {content:""; position:absolute; top:50%; left:50%; width:13px; height:1px; background:#333; margin-left:-6px;}
.product_list .list_slide .slick-arrow:before {margin-top:-5px;}
.product_list .list_slide .slick-arrow:after {margin-top:4px;}
.product_list .list_slide .slick-prev {left:-208px;}
.product_list .list_slide .slick-prev:before {transform:rotate(-45deg);}
.product_list .list_slide .slick-prev:after {transform:rotate(45deg);}
.product_list .list_slide .slick-next {left:-88px;}
.product_list .list_slide .slick-next:before {transform:rotate(45deg);}
.product_list .list_slide .slick-next:after {transform:rotate(-45deg);}
.product_list .list_slide .custom_paging {position:absolute; bottom:0; left:-208px; width:150px;}
.product_list .list_slide .custom_paging li {position:absolute; bottom:0; left:0; width:100%; font-size:16px; color:#333; font-weight:700; line-height:30px; text-align:center; display:none; font-family:'Pretendard';}
.product_list .list_slide .custom_paging li.slick-active {display:block;}
.product_list .list_slide .custom_paging li strong {font-weight:700;}
.product_list .list_slide_l2 .slick-slide > div {padding-top:30px; margin-top:30px; border-top:#ddd 1px solid;}
.product_list .list_slide_l2 .slick-slide > div:first-child {padding-top:0; margin-top:0; border-top:0;}
/* 시리즈제품 */
.product_list .list_slide.list_slide0 .img {height:auto; line-height:1; font-size:0;}
.product_list .list_slide.list_slide0 .slick-arrow {top:50%; bottom:auto; /*border:#333 1px solid;*/ margin-top:-15px;}
.product_list .list_slide.list_slide0 .slick-prev {left:45px;}
.product_list .list_slide.list_slide0 .slick-next {left:auto; right:45px;}
/* 리스트 페이징으로 */
.product_list .tit .paging {position:absolute; bottom:0; left:0; width:100%;}
.product_list .tit .paging .arrow {position:absolute; bottom:0; width:30px; height:30px; border:#333 1px solid; font-size:0; z-index:10; background:#fff;}
.product_list .tit .paging .arrow:before,
.product_list .tit .paging .arrow:after {content:""; position:absolute; top:50%; left:50%; width:11px; height:2px; background:#222; margin-left:-6px; transition:.2s linear;}
.product_list .tit .paging .arrow:before {margin-top:-5px;}
.product_list .tit .paging .arrow:after {margin-top:3px;}
.product_list .tit .paging .arrow:hover:before,
.product_list .tit .paging .arrow:hover:after {background:#ff6400;}
.product_list .tit .paging .prev {left:0;}
.product_list .tit .paging .prev:before {transform:rotate(-45deg);}
.product_list .tit .paging .prev:after {transform:rotate(45deg);}
.product_list .tit .paging .next {right:0;}
.product_list .tit .paging .next:before {transform:rotate(45deg);}
.product_list .tit .paging .next:after {transform:rotate(-45deg);}
.product_list .tit .paging .page {position:absolute; bottom:0; left:0; width:100%; font-size:16px; color:#333; font-weight:700; line-height:30px; text-align:center; font-family:'Pretendard';}
.product_list .list_paging {display:flex; flex-wrap:wrap; padding-bottom:0; margin-bottom:0;}
.product_list .list_paging .sv {position:relative; width:244px; padding:30px 0 0; margin:30px 0 0 30px;}
.product_list .list_paging .sv:before {content:""; position:absolute; top:0; left:0; width:calc(100% + 30px); height:1px; background:#ddd;}
/* .product_list .list_paging .sv:nth-child(3n-2) {margin-left:0;}
.product_list .list_paging .sv:nth-child(-n+3) {padding-top:0; margin-top:0;}
.product_list .list_paging .sv:nth-child(-n+3):before {display:none;} */
/* .product_list .list_paging .sv:nth-child(3n-1) {margin-left:0;} */
.product_list .list_paging .sv:nth-child(3n-2 of .sv) {margin-left:0;}
/* .product_list .list_paging .sv:nth-child(-n+4) {padding-top:0; margin-top:0;} */
.product_list .list_paging .sv:nth-child(-n+3 of .sv) {padding-top:0; margin-top:0;}
/* .product_list .list_paging .sv:nth-child(-n+4):before {display:none;} */
.product_list .list_paging .sv:nth-child(-n+3 of .sv):before {display:none;}

/* 상세 */
.pro_tit {position:relative; font-size:0; padding-bottom:31px; margin-bottom:150px;}
.pro_tit:before {content:""; position:absolute; bottom:0; left:50%; width:100vw; height:1px; background:#c2c2c2; transform:translate(-50%,0);}
.pro_tit .right {position:absolute; top:0; right:0; display:flex; justify-content:space-between;}
.pro_tit .right .select_label {height:40px; line-height:40px; /* font-family:'Noto Sans Korean', 'Noto Sans KR', sans-serif; */ width:auto; min-width:150px; margin:0 0 0 20px;}
.pro_tit .right .select_label label {height:39px; line-height:39px; font-size:15px; font-weight:400; font-family:'Pretendard';}
.pro_tit .right .select_label select {height:39px; font-size:15px; font-family:'Pretendard';}
.pro_item {position:relative; display:flex; justify-content:space-between;}
.pro_item .point {position:absolute;}
.pro_item .point.remove_img {top:-100px;}
.pro_item .point.remove_btn {top:306px;}
.pro_item .point.remove_img_btm {bottom:20px;}
.pro_item .point.motion_img {top:calc(100vh - 100px);}
.inbanner + div + div + .container .pro_item .point.motion_img {top:calc(100vh - 100px);}
.pro_item .point.motion_btn,
.inbanner + div + div + .container .pro_item .point.motion_btn {top:calc(100vh + 386px);}
.pro_item .point.motion_img_btm {bottom:calc(-100vh + 672px);}
/* .sub_title.inbanner + .svisual + .aside + .container .pro_item .point.motion_img_btm {bottom:calc(-100vh + 772px);} */
.sv_point_rem {position:absolute; top:0;}
.sv_point_add {position:absolute; top:100px;}

.pro_item.on_img,
.pro_item.btm_img {padding-left:50%;}
.pro_item .img_area {width:440px; position:relative; z-index:11;}
.pro_item.on_img .img_area {position:fixed; top:100px; bottom:auto; left:calc(50% - 500px);}
/* .inbanner + div + div + .container .pro_item.on_img .img_area {top:100px;} */
.pro_item.btm_img .img_area,
.inbanner + div + div + .container .pro_item.btm_img .img_area {position:absolute; top:auto; bottom:0; left:calc(50% - 500px);}
.pro_item .img_area .img_slide_big .slick-slide {font-size:0;}
.pro_item .img_area .btn_slidepop {position:relative; display:block; width:30px; height:30px; border:#333 1px solid; border-radius:50%; margin:10px auto 0;}
.pro_item .img_area .btn_slidepop:before,
.pro_item .img_area .btn_slidepop:after {content:""; position:absolute; top:50%; left:50%; background:#333;}
.pro_item .img_area .btn_slidepop:before {width:13px; height:1px; margin:0 0 0 -6px;}
.pro_item .img_area .btn_slidepop:after {width:1px; height:13px; margin:-6px 0 0 0;}
.pro_item .img_area .btn_slidepop:hover {background:#333;}
.pro_item .img_area .btn_slidepop:hover:before,
.pro_item .img_area .btn_slidepop:hover:after {background:#fff;}
.pro_item .img_area .img_slide_sml {margin-top:40px;}
.pro_item .img_area .img_slide_sml .slick-slide {padding:0 5px; font-size:0; cursor:pointer;}
.pro_item .img_area .img_slide_sml .slick-slide > div {border:#ccc 1px solid; transition:.2s linear;}
.pro_item .img_area .img_slide_sml .slick-slide:hover > div,
.pro_item .img_area .img_slide_sml .slick-slide.slick-current > div {border-color:#333;}
.pro_item .img_area .img_slide_sml.off .slick-track {max-width:100%; transform:translate3d(0, 0, 0) !important; text-align:center;}
.pro_item .img_area .img_slide_sml.off .slick-slide {float:none; display:inline-block; vertical-align:top;}
.pop_slide_wrap {position:fixed; top:50%; left:0; width:100%; height:0; z-index:101; overflow:hidden; opacity:0; transition:.2s linear;}
.pop_slide_wrap .black {position:fixed; top:50%; left:0; width:100%; height:0; background:rgba(0,0,0,.7); overflow:hidden; opacity:0; transition:.2s linear;}
.pop_slide_wrap.on,
.pop_slide_wrap.on .black {top:0; height:100%; opacity:1;}
.pop_slide_wrap .inbox {position:absolute; top:50%; left:50%; width:640px; height:auto; max-width:90%; max-height:90vh; transform:translate(-50%,-50%); background:#fff; border-radius:10px;}
.pop_slide_wrap .btn_close {position:absolute; top:10px; right:10px; width:50px; height:50px; z-index:10;}
.pop_slide_wrap .btn_close:before,
.pop_slide_wrap .btn_close:after {content:""; position:absolute; top:50%; left:50%; background:#333; width:16px; height:2px; margin:-1px 0 0 -8px;}
.pop_slide_wrap .btn_close:before {transform:rotate(45deg);}
.pop_slide_wrap .btn_close:after {transform:rotate(-45deg);}
.pop_slide_wrap .pop_slide {padding-bottom:40px; overflow:hidden;}
.pop_slide_wrap .pop_slide .swiper-slide {text-align:center; font-size:0;}
.pop_slide_wrap .pop_slide .swiper-slide img {display:inline-block; vertical-align:middle;}
.pop_slide_wrap .swiper-container-horizontal>.swiper-pagination-progress {position:absolute; top:auto; bottom:20px; left:20px; width:calc(100% - 40px); border-radius:2px; overflow:hidden;}
.pop_slide_wrap .swiper-pagination-progress .swiper-pagination-progressbar {background:#f66c10; border-radius:2px; overflow:hidden;}
.pop_slide_wrap .swiper_arrow {position:absolute; top:50%; width:20px; height:40px; margin-top:-20px; z-index:10; cursor:pointer;}
.pop_slide_wrap .swiper_arrow:before,
.pop_slide_wrap .swiper_arrow:after {content:""; position:absolute; top:50%; left:50%; width:20px; height:2px; background:#333; margin-left:-10px;}
.pop_slide_wrap .swiper_arrow:before {margin-top:-8px;}
.pop_slide_wrap .swiper_arrow:after {margin-top:6px;}
.pop_slide_wrap .swiper_prev {left:20px;}
.pop_slide_wrap .swiper_prev:before {transform:rotate(-45deg);}
.pop_slide_wrap .swiper_prev:after {transform:rotate(45deg);}
.pop_slide_wrap .swiper_next {right:20px;}
.pop_slide_wrap .swiper_next:before {transform:rotate(45deg);}
.pop_slide_wrap .swiper_next:after {transform:rotate(-45deg);}
.pop_slide_wrap .swiper_arrow.swiper-button-disabled {opacity:.5;}

/* .img_slide_big .img_con{width:440px; height:440px; position:absolute !important;}
.img_slide_big .img_con:nth-child(1) img{position:unset;}
.img_slide_big .img_con img{position:absolute;}*/
.img_slide_big .img_con{width:440px; height:0; line-height:440px; text-align:center; max-width:100%; overflow:hidden;}
.img_slide_big .img_con.cont.on{height:440px;}
.img_slide_big .img_con img {width:100%;}
.pro_item .img_area .img_slide_sml {display:flex; justify-content:center; padding:0 5px; font-size:0; cursor:pointer;}
.pro_item .img_area .img_slide_sml > div {border:#ccc 1px solid;margin:0px 5px; width:52px;}
.pro_item .img_area .img_slide_sml > div:hover,
.pro_item .img_area .img_slide_sml > div.on {border-color:#333;} 

.img_area .img_slide_big {position:relative; width:440px; height:440px;}
.img_area .img_slide_big .img_con{position:absolute; top:0; left:0; width:100%; height:0; line-height:1; text-align:center; max-width:100%; overflow:hidden; display:block;}
.img_area .img_slide_big .img_con.cont.on{height:100%; z-index:1;}
.zoom_area {position:absolute; top:0; left:0; width:100%; height:440px; z-index:2;}
.zoomContainer {z-index:0; top:0 !important; left:0 !important; height:100% !important; width:100% !important;}
.zoomContainer.on {z-index:1;}

.pro_item .txt_area {width:500px;}
.pro_item .txt_area .cate {text-align:left; font-size:0;}
.pro_item .txt_area .cate em {display:inline-block; font-size:15px; color:#fff; font-weight:700; line-height:25px; background:#000; padding:0 10px; font-family:'Nanum gothic';}
.pro_item .txt_area .tit {position:relative; padding:20px 100px 35px 0; margin-bottom:25px; border-bottom:#333 1px solid; word-break:break-all;}
.pro_item .txt_area .tit strong {font-size:30px; color:#333; font-weight:700; line-height:30px; /* font-family:'Nanum gothic'; */}
.pro_item .txt_area .tit em {position:absolute; bottom:35px; right:0; font-size:17px; color:#333; font-weight:500; line-height:20px;}
.pro_item .txt_area .certification {margin-bottom:50px;}
.pro_item .txt_area .certification dt {font-size:17px; color:#333; font-weight:500; line-height:20px; margin-bottom:20px;}
.pro_item .txt_area .certification dd {font-size:0;}
.pro_item .txt_area .btn_like {position:relative; display:block; padding-bottom:100px;}
.pro_item.on_btn .txt_area .btn_like {padding-bottom:150px;}
.pro_item .txt_area .btn_like input {display:none;}
.pro_item .txt_area .btn_like span {position:relative; display:block; font-size:17px; color:#333; font-weight:500; line-height:48px; border:#333 1px solid; padding:0 20px;}
.pro_item .txt_area .btn_like i {position:absolute; top:0; right:20px; width:27px; height:48px; line-height:48px; font-size:0; color:#333; background:url('/pub/images/icon_heart.png') no-repeat 50% 50%;}
.pro_item .txt_area .btn_like input:checked + span i {/* font-size:27px; background:none; */ background-image: url('/pub/images/icon_heart_on.svg');}
.pro_item .inlink_btns {position:relative; display:flex; background:#323232;}
.pro_item .inlink_btns:before {content:""; position:absolute; top:-100px; left:0; width:100%; height:100px; background:#fff;}
.pro_item.on_btn .inlink_btns {position:fixed; top:0; left:50%; width:500px; z-index:10;}
/* .inbanner + div + div + .container .pro_item.on_btn .inlink_btns {top:100px;} */
.pro_item .inlink_btns li {position:relative; width:25%;}
.pro_item .inlink_btns li:before {content:""; position:absolute; top:50%; left:0; width:1px; height:20px; background:rgba(255,255,255,.5); margin-top:-10px;}
.pro_item .inlink_btns li:first-child:before {display:none;}
.pro_item .inlink_btns a {position:relative; display:block; font-size:17px; color:#fff; font-weight:500; line-height:50px; text-align:center;}
.pro_item .inlink_btns a:before {content:""; position:absolute; bottom:0; left:50%; width:0; height:3px; background:#ff6400; transition:.2s linear;}
.pro_item .inlink_btns a:hover:before,
.pro_item .inlink_btns .on a:before {left:0; width:100%;}
.pro_item .btit {margin-bottom:0; padding-bottom:30px; border-bottom:#333 1px solid;}
.pro_item .btit .pnt {position:absolute; top:-50px;}
.pro_item .btit .point_tab {position:absolute; top:calc(100vh - 100px);}
/* .inbanner + div + div + .container .pro_item .btit .pnt {top:-260px;} */
.pro_item .features {display:flex; flex-wrap:wrap; justify-content:space-between;}
.pro_item .features li {width:calc(50% - 15px); border-top:#333 1px solid; padding:30px 0;}
.pro_item .features li:nth-child(-n+2) {border-top:0;}
.pro_item .features li .tt {font-size:17px; color:#333; font-weight:700; line-height:20px; margin:20px 0;}
.pro_item .features li .tt em {font-size:12px; font-weight:400; font-family:'Pretendard';}
.pro_item .features li p {font-size:15px; color:#333; font-weight:400; line-height:20px;transform: skew(-1deg);}
.pro_item .spec {border-bottom:#333 1px solid;}
.pro_item .spec dl {display:flex; flex-wrap:wrap; justify-content:space-between;}
.pro_item .spec dl > * {border-top:#333 1px solid; padding:30px 0; color:#333; line-height:20px;}
.pro_item .spec dl:first-child > * {border-top:0;}
.pro_item .spec dt {width:110px; font-size:15px; font-weight:700; font-family:'Pretendard';}
.pro_item .spec dd {width:calc(100% - 140px); font-size:14px; font-weight:400; font-family:'Pretendard';}
.pro_item .download {display:flex; flex-wrap:wrap; justify-content:space-between;}
.btn_download {position:relative; font-size:15px; color:#333; font-weight:500; line-height:48px; height:50px; padding:0 10px; width:130px; border:#333 1px solid; overflow:hidden; z-index:1; font-family:'Pretendard';}
.pro_item .download a {position:relative; font-size:17px; color:#333; font-weight:400; line-height:48px; height:50px; padding:0 20px; width:calc(50% - 15px); border:#333 1px solid; margin-top:30px; overflow:hidden; z-index:1;}
.btn_download i {position:absolute; top:50%; right:10px; width:26px; height:26px; border-radius:50%; margin-top:-13px; background-color:#323232; mask:url('/pub/images/icon_down.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_down.svg') no-repeat 50% 50% / contain; transition:.2s linear .2s;}
.pro_item .download a i {position:absolute; top:50%; right:20px; width:26px; height:26px; border-radius:50%; margin-top:-13px; background-color:#323232; mask:url('/pub/images/icon_down.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_down.svg') no-repeat 50% 50% / contain; /*transition:.2s linear .2s;*/}
.btn_download:before,
.pro_item .download a:before {content:""; position:absolute; top:0; left:0; background:#323232; width:0; height:100%; z-index:-1; /*transition:.2s linear;*/}
.btn_download:hover,
.pro_item .download a:hover {color:#fff;}
.btn_download:hover:before,
.pro_item .download a:hover:before {width:100%;}
.btn_download:hover i,
.pro_item .download a:hover i {background-color:#fff;}
.pro_item .download .select_download {position:relative; width:calc(50% - 15px); height:50px; margin-top:30px; display:flex; justify-content:space-between;}
.pro_item .download .select_download.over {z-index:2;}
.pro_item .download .select_download .select_langs {position:relative; width:60px;}
.pro_item .download .select_download .select_langs dt {position:relative; font-size:17px; line-height:50px; cursor:pointer;}
.pro_item .download .select_download .select_langs dt i {position:absolute; top:50%; right:0; width:8px; height:8px; border:transparent 1px solid; border-bottom-color:#333; border-right-color:#333; transform:rotate(45deg); margin-top:-5px; transition:.2s linear;}
.pro_item .download .select_download .select_langs dd {position:absolute; top:50px; left:0; width:100%; background:#fff; border:#ddd 1px solid; display:none;}
.pro_item .download .select_download .select_langs dd button {display:block; font-size:17px; color:#333; line-height:30px; padding:0 10px;}
.pro_item .download .select_download .btn_langs {width:calc(100% - 80px);}
.pro_item .download .select_download .btn_langs a {display:none; width:100%; margin-top:0;}
.pro_item .download .select_download .btn_langs a.on {display:block;}
.pro_item .contact p {font-size:17px; color:#333; font-weight:400; line-height:20px; margin:30px 0 20px;}
.pro_item .contact .as {display:flex;}
.pro_item .contact .as .btn {position:relative; font-size:17px; color:#333; font-weight:400; line-height:40px; padding-right:8px; margin-right:30px; width:150px; max-width:calc(50% - 15px); border-bottom:#ccc 1px solid;}
.pro_item .contact .as .btn:before {content:""; position:absolute; bottom:0; left:0; width:0; height:2px; background:#333; transition:.2s linear; transition-delay:.3s;}
.pro_item .contact .as .btn:hover {border-bottom-color:#fff;}
.pro_item .contact .as .btn:hover:before {width:100%;}
.pro_item .contact .as .btn i {position:absolute; top:0; right:0; width:8px; height:100%;}
.pro_item .contact .as .btn i:before,
.pro_item .contact .as .btn i:after {content:""; position:absolute; top:50%; left:50%; width:9px; height:1px; background:#666; margin-left:-5px;}
.pro_item .contact .as .btn i:before {transform:rotate(45deg); margin-top:-3px;}
.pro_item .contact .as .btn i:after {transform:rotate(-45deg); margin-top:3px;}

/* Service Center */
/* .container.g04 {padding-bottom:0;} */
.service_btm {/*padding:30px 0 35px;  border-top:#ddd 1px solid; box-shadow:rgba(0,0,0,.07) 0 0 18px; */ border-top:1px solid #ddd;padding-top:150px; margin-top:150px;}
.service_btm.pt0 {border-top:0; margin-top:0;}
.service_btm .stit {margin-top:0 !important;}
.service_btm .select_area {display:flex; width:100%; /* font-family:'Nanum gothic'; */}
.service_btm .inputs {position:relative; width:calc(100% - 390px); height:50px; background:#323232; border-radius:25px; padding-right:50px;}
.service_btm .inputs .text {font-size:18px; color:#fff; font-weight:300; height:50px; width:100%; background:none; border:0; outline:0; padding:0 20px;}
.service_btm .inputs .text::placeholder {color:#fff;}
.service_btm .inputs .btn {position:absolute; top:0; right:0; width:50px; height:50px; border:0; outline:0; background:url('/pub/images/icon_search2.png') no-repeat 50% 50%; font-size:0; margin:0;}
.service_btm_links { border-top:#ddd 1px solid;  padding:150px 0; margin-top:150px;}
.service_btm_links .inner {display:flex; justify-content:center;}
.service_btm_links a {padding-left:20px;position:relative;display:block; font-size:20px; color:#fff; font-weight:500; line-height:50px; height:50px; width:190px; border-radius:25px; background:#333;}
.service_btm_links p {line-height:50px; margin-right:30px; font-size:30px; font-weight:700;}
.service_btm_links p.s {font-size:25px;}
.service_btm_links a:after{content:'';position:absolute;background:url(/pub/images/icon_search2.png) no-repeat 50% 50%; top:0; right:0;width:52px;height:48px; border:0; font-size:0;}
.service_top {margin-bottom:100px;}
.service_top .inputs {width:calc(100% - 195px);}

.service_btm_links .inner.more_info_bottom{justify-content:space-between;}
.service_btm_links .more_info_bottom a{position:relative;border-bottom:#ccc 1px solid; border-radius:0;background:unset;width:calc((100% - 60px) / 4);text-align:left;padding:0;font-size:20px;font-weight:700; color:#333;}
.service_btm_links .more_info_bottom a:after{position:absolute;content:'';background:url(/pub/images/next_img.png) no-repeat center center; transform:translate(0,-50%);top:50%; right:0;width:7px;height:12px; border:0; font-size:0;}

.service_area {display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:-30px;}
.service_area dl {margin-top:30px;}
.service_area .box4 {width:700px;border:#ddd 1px solid;}
.service_area .box1 {width:270px;border:#ddd 1px solid;}
.service_area dt {font-size:25px; color:#333; font-weight:700; line-height:29px; margin:30px 0 0 30px;}
.service_area dd { border-top:0; padding:50px 40px 80px 40px; display:flex; justify-content:center;}
.service_area dd a {position:relative;display:block; width:120px; height:100px; padding:15px 0; text-align:center; border:#fff 1px solid;}
.service_area dd a i {display:block; line-height:65px; margin-bottom:30px;}
.service_area dd a i img {height:65px;}
.service_area dd a p {font-size:15px; color:#323232; line-height:24px; font-family:'Pretendard';}
/* .service_area dd a:hover {border-color:#ff6400;} */
.service_area dd a.afterc:after{content:'';background:#3232324d; width:1px; height:100px;position:absolute; top:50%; transform:translate(0,-50%); right:-20px;}
.service_area dd a:hover p {color:#ff6400;}
.service_area .box4 dd {justify-content:space-between;}
.service_area .box4.in5 dd {padding:50px 20px 80px;}
.service_area .box4.in5 dd a {width:20%;}
.service_area .box4.in5 dd a.afterc:after {right:0;}
.service_area .box1 dd a {width:100%;}

.service_btm_links.sbm1{border-top:none;}

/* Q&A */
.qna_wrap.mb {margin-bottom:100px;}
.qna_list {flex-direction:column}
.consulting_wrap .qna_list li {border:#ddd 1px solid; margin-bottom:10px; width:100%; padding:0; transition:.2s linear;}
.consulting_wrap .qna_list li:hover {border-color:#323232;}
.qna_list li a {padding:0 20px; width:100%; display:table; table-layout:fixed;}
.qna_list li a > * {display:table-cell; font-size:15px; color:#323232; line-height:20px; height:78px; font-weight:400; vertical-align:middle; font-family:'Pretendard';}
.qna_list li a em {width:50px;}
.qna_list li a b {width:100px; color:#ff6400;}
.qna_list li a p {width:calc(100% - 370px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.qna_list li a .date {width:120px;}
.qna_list li a .sang {width:100px;}
.qna_list li a i {display:block; width:80px; height:30px; line-height:28px; text-align:center; border:#323232 1px solid; border-radius:15px; text-align:center; margin:0 auto;}

.qna_wrap .qtit {font-size:35px; color:#323232; font-weight:900; line-height:40px; margin-bottom:50px; text-align:center;}
.qna_view table {border-top:#32323280 1px solid;}
.qna_view th,
.qna_view td {border-left:#32323280 1px solid; border-bottom:#32323280 1px solid; position:relative; height:60px;}
.qna_view th:first-child,
.qna_view td:first-child {border-left:0;}
.qna_view thead th {text-align:right; padding-right:35px; font-size:15px; color:#323232; font-weight:900; font-family:'Pretendard';}
.qna_view thead th em {position:absolute; top:0; left:0; width:80px; line-height:60px; text-align:center;}
.qna_view thead th em:after {content:""; position:absolute; top:50%; right:0; width:1px; height:20px; margin-top:-10px; background:#32323280;}
.qna_view thead th p {word-break:break-all;}
.qna_view tbody td {padding:100px 0; font-size:16px; font-family:Arial,Helvetica,sans-serif;}
.qna_view tbody td strong {display:block; font-size:35px; color:#323232; font-weight:900; line-height:50px; margin-bottom:40px; font-family:'Pretendard';}
.qna_view tbody td p {font-size:16px; color:#323232; font-weight:700; line-height:29px; font-family:Arial,Helvetica,sans-serif;}
.qna_view tbody td p.MsoPlainText,
.qna_view tbody td p.MsoPlainText * {font-size:16px !important; font-weight:400; font-family:Arial,Helvetica,sans-serif !important;}
.qna_view tbody td a,
.qna_view tbody td a p {max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.qna_view tfoot th,
.qna_view tfoot td {padding:20px; border:0;}
.qna_view tfoot th {font-size:20px; color:#323232; font-weight:900; line-height:40px; text-align:left;}
.qna_view tfoot td {text-align:right; font-size:0;}
.qna_view tfoot td .down {position:relative; font-size:13px; color:#323232; font-weight:900;padding:10px; height:40px; width:130px;background:#fff; border:#333 1px solid; display:inline-block; vertical-align:top; text-align:left; font-family:'Nanum gothic';}
.qna_view tfoot td .down:after{content:'';position:absolute;top:50%; right:10px;width:22px; height:22px;transform:translate(0,-50%); background:url('/pub/images/filedown.png') no-repeat;}

.qna_write .qtit.tal {position:relative; border-bottom:#323232 1px solid; padding-bottom:30px;}
.qna_write .qtit em {font-size:15px; font-weight:400; line-height:20px; margin-left:20px; font-family:'Nanum gothic';}
.qna_write .qtit .btn {position:absolute; top:6px; right:0; margin:0; width:100px; height:30px; line-height:28px;}

.pop_lock_pass {position:fixed; top:0; left:0; width:100%; height:100%; z-index:101; display:none;}
.pop_lock_pass .black {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5);}
.pop_lock_pass .inbox {position:absolute; top:50%; left:50%; width:440px; max-width:90%; height:400px; background:#fff; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:40px; transform:translate(-50%,-50%);}
.pop_lock_pass .btn_close {position:absolute; top:20px; right:20px; width:17px; height:17px;}
.pop_lock_pass .btn_close:before,
.pop_lock_pass .btn_close:after {content:""; position:absolute; top:50%; left:50%; width:20px; height:1px; margin-left:-10px; background:#999;}
.pop_lock_pass .btn_close:before {transform:rotate(45deg);}
.pop_lock_pass .btn_close:after {transform:rotate(-45deg);}
.pop_lock_pass .inbox .tit {font-size:25px; color:#333; font-weight:700; line-height:36px; text-align:center;}
.pop_lock_pass .inbox .text {height:50px; width:100%; margin:40px 0 15px; border-radius:5px; outline:0; border:#323232 1px solid; padding:0 20px; text-align:center; font-size:16px; color:#333; transition:.2s linear; font-family:'Pretendard';}
.pop_lock_pass .inbox .text:focus {border-color:#ff6400;}
.pop_lock_pass .inbox p {font-size:15px; color:#333; line-height:20px; font-family:'Pretendard';}
.pop_lock_pass .inbox .btn {display:block; font-size:13px; color:#333; line-height:38px; height:40px; width:160px; border:#323232 1px solid; margin:60px auto 0; background:#fff; font-family:'Pretendard';}

/* 자주찾는 질문 */
.best_faq {/* display:flex; flex-wrap:wrap; justify-content:space-between;  */}
/* .best_faq .box {width:calc(50% - 30px);} */
/* .best_faq .tit {display:flex; justify-content:space-between; margin:60px 0 20px;}*/
/* .best_faq .box {display:flex; justify-content:space-between;margin-bottom:100px;} */
.best_faq .box .tit {margin-bottom:100px;}
.best_faq .tit strong {text-align:center;display:block; font-size:30px; color:#333; font-weight:700; line-height:50px; /* font-family:'Nanum gothic'; */}
.best_faq .tit .more {display:block;position:relative; font-size:15px; color:#333; width:155px; line-height:48px; border:#ddd 1px solid; padding:0 20px;font-weight:500; font-family:'Pretendard';}
.best_faq .tit .more i {position:absolute; top:50%; right:20px; width:28px; height:28px; border:#525252 1px solid; border-radius:50%; margin-top:-14px;}
.best_faq .tit .more i:before,
.best_faq .tit .more i:after {content:""; position:absolute; top:50%; left:50%; background:#525252; transform:translate(-50%,-50%);}
.best_faq .tit .more i:before {width:12px; height:2px;}
.best_faq .tit .more i:after {width:2px; height:12px;}
.best_faq .con{width:100%;}
.best_faq .con .quetlt {display:block; margin-top:10px; border:#ddd 1px solid; display:flex; justify-content:space-between; padding:24px 20px; transition:.2s linear;}
.best_faq .con .quetlt:first-child {margin-top:0;}
.best_faq .con .quetlt > * {transition:.2s linear;}
.best_faq .con .quetlt span {font-size:20px; color:#333; font-weight:900; line-height:24px; max-width:calc(100% - 140px);}
.best_faq .con .quetlt i {width:90px; height:30px; line-height:28px; font-size:13px; color:#333; font-weight:500; text-align:center; border:#ddd 1px solid; border-radius:15px; font-family:'Pretendard';}
.best_faq .con .quetlt:hover {background:#ff6400; border-color:#ff6400;}
.best_faq .con .quetlt:hover span {color:#fff;}
.best_faq .con .quetlt:hover i {color:#ff6400; background:#fff; border-color:#fff;}

.faq_top{display:flex;justify-content:space-between;margin-bottom:100px;}
.faq_top .select_label label, .faq_top .select_label select{font-size:15px; font-family:'Pretendard';}
.faq_top .faq_inputs {margin-bottom:0;}
.faq_inputs{width:609px;position:relative; height:50px;line-height:50px;background:#323232; padding-right:50px;margin-bottom:35px; border-radius:25px;}
.faq_inputs .text{width:100%; border:0; background:none; outline:0; font-size:18px; color:#fff; font-weight:300;padding:0 20px;font-family:'Pretendard';}
.faq_inputs .text::placeholder{color:#fff;}
.faq_inputs .btn{position:absolute; top:0; right:0; width:52px; height:48px; background:url(/pub/images/icon_search2.png) no-repeat 50% 50%;border:0; font-size:0;}
.faq_sel{display:flex; margin-bottom:30px;}
.faq_sel.board_top .select_label{height:50px; line-height:50px;}
.faq_sel.flex {justify-content:space-between;}
.faq_sel.flex .right {display:flex;}
.faq_sel.flex .right .select_label:last-child {margin-right:0;}

.best_faq .select_label label {position:absolute; top:0;left:0;display:block; width:100%;height:49px; line-height:49px;padding:0 20px 0 0; font-size:15px; color:#333; font-weight:400; text-align:left; background:#fff; overflow:hidden;}
.best_faq .select_label select{font-size:15px; font-family:'Pretendard';}

.best_faq .slide_answer{ display:none;}
.best_faq .slide_answer .answer{display:flex;border:#ddd 1px solid; padding:20px;font-size:15px;color:#333;background-color:#eeeeee; font-family:'Pretendard';}
.best_faq .slide_answer .answer dd{font-size:25px; font-weight:700;color:#333;}
.best_faq .slide_answer .answer dt{margin-left:10px; margin-top:8px;}
.best_faq .slide_answer .answer dt span {font-size:16px !important;}
.best_faq .slide_answer .answer img {height:auto !important;}
.best_faq .slide_answer .no_answer {padding:20px;font-size:15px; font-weight:500; line-height:30px; background:#525252;color:#fff; text-align:center;display:flex; justify-content:center; font-family:'Pretendard';}
.best_faq .slide_answer .no_answer a{position:relative; text-align:left;color:#fff; border:1px solid #fff; border-radius:25px; width:120px; height:30px;line-height:28px; padding:0 0 0 15px; margin-left:30px;  font-size:13px; font-weight:500;}
.best_faq .slide_answer .no_answer a:after{ transform:rotate(-45deg); margin-top:2px;content:"";position:absolute; top:50%;left:82%; width:10px; height:2px;background:#fff;margin-left:-5px;}
.best_faq .slide_answer .no_answer a:before{ transform:rotate(45deg);  margin-top:-4px;content:"";position:absolute; top:50%;left:82%; width:10px; height:2px;background:#fff;margin-left:-5px;}


.best_faq .con .quetlt .que{display:flex;font-size:20px; color:#333; font-weight:400; line-height:30px; max-width:calc(100% - 140px);}
.best_faq .con .quetlt .que dd{font-size:25px; font-weight:700;color:#333;margin-right:10px;}
.best_faq .con .quetlt:hover .que, .best_faq .con .quetlt:hover .que dd{color:#fff;}
.quelist{margin-bottom:20px;cursor:pointer;}
.quelist.on{background:#ff6400;}
.quelist.on .quetlt dl.que dd, .quelist.on .quetlt dl.que dt, .quelist.on .quetlt i{ color:#fff;}
.quelist:last-child {margin-bottom:0;}
/* .quelist.on .answer p img {width: 90% !important;} */
.board_bottom.faq_bottom{margin-bottom:150px;}
.board_bottom.faq_bottom .paging{margin-top:0px;}


/* .pop_view.pop_design .tit{padding-bottom:unset;} */
/* .pop_view.pop_design .btn{text-align:left;margin:20px 0;padding:0 10px;display:block; font-size:13px; color:#333; font-weight:900; line-height:38px; height:40px; border:#333 1px solid; position:relative;} */
/* .pop_view.pop_design .btn:after{content:'';position:absolute;top:50%; right:10px;width:22px; height:22px;transform:translate(0,-50%); background:url('/pub/images/filedown.png') no-repeat;} */

.pop_view.pop_design .info{display:flex;padding-top:15px;border-top:1px solid #ddd;}
.pop_view.pop_design .info dl{display:flex;font-size:15px;margin-right:30px; font-family:'Pretendard';}
.pop_view.pop_design .info dl:last-child{margin-right:0px;}
.pop_view.pop_design .info dl dt{ font-weight:700;margin-right:40px;position:relative;}
.pop_view.pop_design .info dl dt:after{position:absolute;content:'';background:#ddd;width:1px; height:15px;transform:translate(0,-50%); top:50%; right:-20px;}

.pop_view.pop_faq .tit strong{border-bottom:1px solid #ddd;    padding-bottom:30px;}
.pop_view.pop_faq .con .tt{font-size:25px;}
/* 다운로드 */
.service_down_tab .jq_tab {display:flex; margin-bottom:100px;}
.service_down_tab .jq_tab li {position:relative; display:flex; justify-content:center; align-items:center; width:33.33%; font-size:15px; color:#333; font-weight:500; line-height:50px; cursor:pointer; border-top:1px solid #ddd;border-bottom:2px solid #333; word-break:break-all; text-align:center; font-family:'Pretendard';}
.service_down_tab .jq_tab li:before {content:""; position:absolute; top:-1px; left:-1px; width:calc(100% + 1px); height:calc(100% + 1px); border-left:#ddd 1px solid; border-right:#ddd 1px solid;}
.service_down_tab .jq_tab li:first-child:before {left:0; width:100%;}
/* .service_down_tab .jq_tab li:before,
.service_down_tab .jq_tab li:after {content:""; position:absolute; bottom:0;}
.service_down_tab .jq_tab li:before {width:100%; height:1px; background:#999; left:0;}
.service_down_tab .jq_tab li:after {width:0; height:3px; background:#ff6400; left:50%; transition:.2s linear;} */
/* .service_down_tab .jq_tab li:hover:after,
.service_down_tab .jq_tab li.on:after {width:100%; left:0;} */
.service_down_tab .jq_tab li.on {border-bottom:none;  border-top:2px solid #333; z-index:1;}
.service_down_tab .jq_tab li.on:before  {top:-2px; left:-2px; width:calc(100% + 2px); height:calc(100% + 2px); border-left:#333 2px solid; border-right:#333 2px solid;}
.service_down_tab .jq_tab li i {display:block; width:30px; height:40px; overflow:hidden; font-size:0; margin-right:12px;}
.service_down_tab .jq_tab li:hover i img,
.service_down_tab .jq_tab li.on i img {margin-top:-40px;}
.service_down_tab .cont {/* padding:40px;  */display:none;}
.service_down_tab .cont.on {display:flex; flex-direction:column; /* border:#ddd 1px solid; */}
.service_down_tab .cont li {border:#ddd 1px solid; transition:.2s linear;}
.service_down_tab .cont li:hover {border-color:#323232;}
.service_down_tab .cont .name {width:217px; height:242px; display:flex; justify-content:center; align-items:center; flex-direction:column; /* background:#ff6400; */ border:#ddd 1px solid; display:block; overflow:hidden;}
.service_down_tab .cont .name img {width:auto; height:auto; max-width:215px; max-height:240px;}
.service_down_tab .cont .name strong {display:block; font-size:30px; color:#fff; font-weight:900; line-height:30px; margin:25px 0 15px; /* font-family:'Nanum gothic'; */}
.service_down_tab .cont .name p {font-size:15px; color:#fff; font-weight:900; line-height:20px; margin:25px 0 15px; font-family:'Nanum gothic';}
.service_down_tab .cont .name em {font-size:15px; color:#fff; font-family:'Nanum gothic';}
.service_down_tab .cont .txt {width:calc(100% - 222px); padding-left:30px; display:flex;}
.service_down_tab .cont .txt .tt {display:flex;  justify-content:space-between;font-size:25px; color:#323232; font-weight:700; line-height:30px; /* font-family:'Nanum gothic'; */ margin-bottom:10px;}
.service_down_tab .cont .txt .tt a {color:inherit;}
.service_down_tab .cont .txt li {position:relative; font-size:15px; color:#333; line-height:27px; padding-left:10px; text-indent:-10px; font-family:'Nanum gothic';}
.service_down_tab .cont .txt .soft_txt {position:relative; margin-left:0; width:100%;}
.dl_abso {position:absolute; bottom:0; left:0;}
.service_down_tab .cont .btns {/* width:160px; display:flex; flex-direction:column; */}
.service_down_tab .cont .btns .btn {display:block; font-size:13px; color:#333; font-weight:700;/*  line-height:38px;  */height:40px; width:100%; border:#333 1px solid; /* margin-top:15px; text-align:center; */ font-family:'Nanum gothic';}
.service_down_tab .cont .btns .btn:first-child {margin-top:0;}
.down_list {display:flex; flex-wrap:wrap; margin-top:-30px;}
.down_list li {width:calc((100% - 90px)/4); margin:30px 0 0 30px;}
.down_list li:nth-child(4n-3) {margin-left:0;}
.down_list li a {display:block; border:#ddd 1px solid; padding:30px 20px 20px;}
.down_list li .name {width:130px; height:130px; border-radius:5px; display:flex; justify-content:center; align-items:center; flex-direction:column; background:#ff6400; margin:0 auto;}
.down_list li .name em {display:block; font-size:15px; color:#fff; font-weight:700; line-height:20px; font-family:'Nanum gothic';}
.down_list li .name strong {display:block; font-size:30px; color:#fff; font-weight:900; line-height:30px; margin:25px 0 15px; /* font-family:'Nanum gothic'; */}
.down_list li .name p {font-size:15px; color:#fff; font-weight:700; line-height:20px; font-family:'Nanum gothic';}
.down_list li .txt {display:block; margin-top:30px;}
.down_list li .txt em {display:block; font-size:13px; color:#333; font-weight:400; line-height:18px; font-family:'Nanum gothic';}
.down_list li .txt strong {display:block; font-size:18px; color:#333; font-weight:900; /* font-family:'Nanum gothic'; */ margin:5px 0 10px;}
.down_list li .txt p {font-size:13px; color:#333; font-weight:400; line-height:20px; font-family:'Nanum gothic';}
.down_list li a:hover {border-color:#333;}

.fancybox-close {top:40px; right:50px; background:none; width:32px; height:32px; border:#333 2px solid; border-radius:50%; background:#fff;}
.fancybox-close:before,
.fancybox-close:after {content:""; position:absolute; top:50%; left:50%; width:16px; height:2px; background:#333; margin:-1px 0 0 -8px;}
.fancybox-close:before {transform:rotate(45deg);}
.fancybox-close:after {transform:rotate(-45deg);}
.close_hide .fancybox-close {display:none;}
.fancybox-wrap,
.fancybox-inner {width:100% !important; max-width:1000px !important;}
.fancybox-wrap {max-width:calc(100% - 40px);}
.fancybox-inner {max-width:100%;}
.over_eml .fancybox-wrap,
.over_eml .fancybox-inner {width:600px !important;}

.popup_wrap.infancy {position:relative; top:0; left:0; width:1000px; height:auto; max-width:100%; z-index:0; display:block; padding:30px;}
.pop_download .down_top {display:flex; margin-bottom:30px;}
.pop_download .down_top .name {width:215px; height:240px; /* border-radius:5px; */ display:flex; justify-content:center; align-items:center; flex-direction:column; background:#fff; border:#ddd 1px solid; overflow:hidden;}
.pop_download .down_top .name img {width:100%;}
.pop_download .down_top .name em {display:block; font-size:15px; color:#fff; font-weight:700; line-height:20px; font-family:'Nanum gothic';}
.pop_download .down_top .name strong {display:block; font-size:30px; color:#fff; font-weight:900; line-height:30px; margin:25px 0 15px; /* font-family:'Nanum gothic'; */}
.pop_download .down_top .name p {font-size:15px; color:#fff; font-weight:700; line-height:20px; font-family:'Nanum gothic';}
.pop_download .down_top .txt {position:relative; width:calc(100% - 215px); padding-left:30px;}
.pop_download .down_top .txt em {display:block; font-size:15px; color:#333; font-weight:700; line-height:18px; font-family:'Nanum gothic';}
.pop_download .down_top .txt strong {display:block; font-size:25px; color:#333; font-weight:900; /* font-family:'Nanum gothic'; */ margin:5px 0 10px; padding-right:50px;}
.pop_download .down_top .txt p {font-size:20px; color:#333; font-weight:400; line-height:20px; /* font-family:'Nanum gothic'; */}
.pop_download .down_top .txt .btns {position:absolute; bottom:0; left:0; width:100%; padding-left:30px; display:flex;}
.pop_download .down_top .txt .btns .btn { letter-spacing:-1px;   padding:0 10px; position:relative;font-size:13px; color:#333; font-weight:900; line-height:38px; height:40px; width:calc((100% - 40px)/3); margin:0 0 0 20px; border:#333 1px solid; background:#fff;  font-family:'Pretendard';}
.pop_download .down_top .txt .btns .btn:first-child {margin-left:0;}
.pop_download .down_top .txt .btns .btn:after { content:''; position:absolute; top:50%; right:10px; width:22px; height:22px; transform:translate(0,-50%);background:url(/pub/images/filedown.png) no-repeat;}
.pop_download .down_top .txt .btns .btn em {display:block; position:relative; z-index:1; line-height:38px;}
.pop_download .down_top .txt .btns .btn:hover:after {background:#fff; mask:url(/pub/images/filedown.png) no-repeat; -webkit-mask:url(/pub/images/filedown.png) no-repeat;}
.pop_download .down_top .txt .btns .btn:hover em {color:#fff;}
.pop_download .down_mid {position:relative; margin-bottom:30px; border:#ddd 1px solid; padding:30px; overflow:hidden;}
.pop_download .down_mid .swiper-slide {width:auto; padding-right:24px;}
.pop_download .down_mid .swiper-slide:last-child {padding-right:0;}
.pop_download .down_mid .swiper-scrollbar {bottom:9px; height:4px; left:30px; width:calc(100% - 60px); background:#eee;}
.pop_download .down_mid .swiper-scrollbar-drag {background:#57585a;}
.pop_download .down_btm {height:auto; max-height:360px; overflow:auto; border:#ddd 1px solid; padding:30px; font-family:'Pretendard';}
.pop_download .down_top .txt p.ver{/* color:#ff6400; */margin-bottom:10px;}
.pop_download .down_top .info{display:flex; padding-top:10px; border-top:1px solid #ddd; font-family:'Pretendard';}
.pop_download .down_top .info dl{display:flex;}
.pop_download .down_top .info dl dt{ font-weight:700; margin-right:40px; position:relative;}
.pop_download .down_top .info dl dt:after { position:absolute; content:''; background:#ddd; width:1px;height:15px;  transform:translate(0,-50%);  top:50%;  right:-20px;}

.jq_cont .cont ul > li{display:flex; padding:30px;/*border:#ddd 1px solid;*/margin:0;margin-top:50px;}
.jq_cont .cont ul > li:first-child {margin-top:0;}
.jq_cont .cont ul > li .btns{right:0; width:100%; display:flex; justify-content:flex-end; margin-top:15px;}
.jq_cont .cont ul > li .btns.not {margin-top:0 !important;}
.jq_cont .cont ul > li .btns .btn{position:relative; font-size:13px; color:#323232; font-weight:500;padding:10px; height:40px; width:216px; background:#fff; border:#323232 1px solid; font-family:'Pretendard'; margin-left:20px;}
.jq_cont .cont ul > li .btns .btn:first-child {margin-left:0;}
.jq_cont .cont ul > li .btns .btn:after{content:'';position:absolute;top:50%; right:10px;width:22px; height:22px;transform:translate(0,-50%); background:#323232; mask:url(/pub/images/filedown.png) no-repeat; -webkit-mask:url(/pub/images/filedown.png) no-repeat;}
.soft_txt .sub_tlt { padding:10px 0 0px 0;border-top:1px solid #ddd;font-size:15px; color:#333; font-weight:400; font-family:'Pretendard'; max-height:119px; overflow:hidden;}
.jq_cont .cont ul > li .txt .tlt .tt p { font-size:20px; font-weight:500; /* color:#ff6400; */}

.soft_txt{margin-left:30px;}
.soft_txt .tt{display:flex;  justify-content:space-between;font-size:25px; color:#333; font-weight:900; line-height:30px;font-family:'Pretendard';  margin-bottom:10px;}
.soft_txt .tt p.ver{    font-size:20px; font-weight:700;  /* color:#ff6400; */}

.down_txt{font-size:25px !important; font-weight:500; color:#333;text-align:center;margin-bottom:100px;}
.ftabs5 a{ width:calc((100% - (20px * 4))/5);}


.board_top.down5{margin-bottom:0;}
.jq_cont .cont ul > li .btns.down5{position:absolute; bottom:-5px; right:0; justify-content:flex-end;}
.jq_cont .cont ul > li .btns.down5.not {margin-top:0 !important;}
.jq_cont .cont ul > li .btns.down5 .btn{width:180px;margin-right:30px;}
.jq_cont .cont ul > li .btns.down5 .btn:last-child {margin-right:0;}

/* 카탈로그,인증서 */
.download_wrap li {position:relative; margin-top:50px; display:flex; border:#ddd 1px solid; padding:40px; transition:.2s linear;}
.download_wrap li:hover {border-color:#323232;}
.download_wrap li:first-child {margin-top:0;}
.download_wrap li.focus {z-index:10;}
.download_wrap li > a {display:flex; width:100%;}
.download_wrap .img {border:#ddd 1px solid; font-size:0; width:145px; height:206px;}
.download_wrap .txt {position:relative; width:calc(100% - 145px); padding-left:30px;}
.download_wrap.cata_wrap .txt {width:calc(100% - 145px);}
.download_wrap .tit {font-size:25px; color:#333; font-weight:700; line-height:30px; /* font-family:'Nanum gothic'; */}
.download_wrap em {display:block; font-size:15px; color:#333; line-height:18px; margin:10px 0 20px; font-family:'Pretendard';}
.download_wrap .btns {position:absolute; bottom:-5px; right:0;}
.download_wrap .btns .btn {padding-left:10px;position:relative;display:block; font-size:13px; color:#333; font-weight:500; line-height:38px; height:40px; width:130px; border:#333 1px solid;  margin-top:10px; font-family:'Pretendard';}
.download_wrap .btns .btn:first-child {margin-top:0;}
.download_wrap .btns .btn em {font-size:inherit;}
.download_wrap .certification_icons {position:absolute; top:0; right:0; display:flex; align-items:center;}
.download_wrap .certification_icons img {margin-left:20px;}
.download_wrap .select_area {display:flex; align-items:flex-end;}
.download_wrap .select_langs {position:relative; margin-right:20px; z-index:1;}
.download_wrap .select_langs.not {display:none !important;}
.download_wrap .select_langs dt {position:relative; font-size:17px; color:#333; width:60px; height:40px; line-height:40px; cursor:pointer;}
.download_wrap .select_langs dt i {position:absolute; top:50%; right:0; width:8px; height:8px; border:transparent 1px solid; border-bottom-color:#333; border-right-color:#333; transform:rotate(45deg); margin-top:-5px; transition:.2s linear;}
.download_wrap .select_langs.on dt i {transform:rotate(225deg); margin-top:-2px;}
.download_wrap .select_langs dd {position:absolute; top:40px; left:0; width:100%; background:#fff; border:#ddd 1px solid; display:none;}
.download_wrap .select_langs dd button {display:block; font-size:17px; color:#333; line-height:30px; padding:0 10px;}
.download_wrap .btn_langs .btn {margin-top:0; display:none;}
.download_wrap .btn_langs .btn.on {display:block;}

.catalog .total{font-size:20px; font-weight:700;}
.catalog .total span{font-size:15px; font-weight:400;margin-left:10px; font-family:'Pretendard';}
.download_wrap .txt .tlt .tt{font-size:25px; color:#323232; font-weight:700;display:flex; justify-content:space-between;margin-bottom:10px;}
.download_wrap .txt .tlt .tt p { font-size:20px; font-weight:700; }
.download_wrap .catalog_txt p{margin-bottom:60px; padding:10px 0 0px 0;border-top:1px solid #ddd;font-size:15px;color:#333;font-weight:500; font-family:'Pretendard';}
.download_wrap .catalog_txt p.sub_tlt {margin-bottom:0; padding-top:10px;}
.download_wrap .catalog_txt .dl_abso {left:30px;}
.download_wrap .catalog_txt .dl_abso dl > dt{width:80px;}
.download_wrap .btns .btn:after { content:'';  position:absolute; top:50%; right:10px; width:22px; height:22px; transform:translate(0,-50%);  background:url(/pub/images/filedown.png) no-repeat;}
.more.down{padding-left:20px; position:relative; margin:0 auto; width:155px;    height:50px; line-height:48px; display:flex;flex-direction:row; border:#ddd 1px solid;    font-size:15px; color:#333; font-weight:500; align-items:center; margin-top:100px; font-family:'Pretendard';}
.more.down i {position:absolute; top:50%; right:20px; width:28px; height:28px; border:#525252 1px solid; border-radius:50%;margin-top:-14px;}
.more.down i:before,.more.down i:after { content:""; position:absolute; top:50%; left:50%; background:#525252; transform:translate(-50%,-50%);}
.more.down i:before {width:12px;height:2px;}
.more.down i:after { width:2px; height:12px;}
.more.down.btn_ani:hover {color:#fff !important;}

/* 매뉴얼/디자인 */
.btab {display:flex; margin-bottom:100px; }
.btab a {position:relative; width:20%; font-size:15px; color:#333; font-weight:500; line-height:50px; text-align:center; border-top:1px solid #ddd; border-bottom:2px solid #333; transition:none; font-family:'Pretendard';}
/* .btab a:before,
.btab a:after {content:""; position:absolute; bottom:0;} */
/* .btab a:before {left:0; width:100%; height:1px; background:#999;} */
/* .btab a:after {left:50%; width:0; height:3px; background:#ff6400; transition:.2s linear;} */
/* .btab a:hover,
.btab a.on {color:#ff6400;} */
.btab a:hover:after,
.btab a.on:after {left:0; width:100%;}
.btab a:hover, .btab a.on{border-top:2px solid #333; border-bottom:none;}

.btab a:before {content:""; position:absolute; top:-1px; left:-1px; width:calc(100% + 1px); height:calc(100% + 1px); border-left:#ddd 1px solid; border-right:#ddd 1px solid;}
.btab a:first-child:before {left:0; width:100%;}
.btab a.on,
.btab a:hover{border-bottom:none;  border-top:2px solid #333; z-index:1;}
.btab a.on:before,
.btab a:hover:before {top:-2px; left:-2px; width:calc(100% + 2px); height:calc(100% + 2px); border-left:#333 2px solid; border-right:#333 2px solid;}

/* 동영상 자료 */
.video_list {display:flex; flex-wrap:wrap; margin-top:-20px;}
.video_list li {width:calc((100% - 60px)/3); margin:50px 0 0 29px;}
.video_list li:nth-child(3n-2) {margin-left:0;}
.video_list li a {display:block;}
.video_list li span {display:block;}
.video_list li .img {border:#ddd 1px solid; font-size:0; height:205px; display:flex; justify-content:center; align-items:center; overflow:hidden;}
.video_list li .txt {padding-top:20px;}
.video_list li .tit {font-size:17px; color:#333; font-weight:600; line-height:30px; height:60px; overflow:hidden; /* font-family:'Nanum gothic'; */ margin-bottom:10px;}
.video_list li p {font-size:15px; color:#333; line-height:20px; font-family:'Nanum gothic';}
.pop_video {position:relative; padding:40px;}
.pop_video .tit {font-size:25px; color:#333; font-weight:700; line-height:32px; margin-bottom:30px; /* font-family:'Nanum gothic'; */}
.pop_video .tit span{font-size:15px; font-family:'Nanum gothic';}
.pop_video .video {display:block; margin-bottom:30px; width:920px; max-width:100%;}
.pop_video .video iframe,
.pop_video .video video {width:100%; height:515px;}
.pop_video p {font-size:18px; color:#333; line-height:27px; /* font-family:'Nanum gothic'; */ min-height:130px;}
.pop_video em {display:block; font-size:15px; color:#333; line-height:40px;}
.pop_video .btn {display:block;margin:20px 0; font-size:13px; color:#333; font-weight:700; line-height:38px; height:40px; width:180px; border:#333 1px solid; padding:0 10px; position:relative; font-family:'Pretendard';}
.pop_video .btn:after{width:22px; height:22px; content:'';position:absolute; top:50%; right:10px;transform:translate(0,-50%); background:url('/pub/images/link-icon.png') no-repeat;}
.pop_video .video_info{padding-top:10px; border-top:1px solid #ddd;}
.pop_video textarea{height:140px;width:100%; padding:20px;line-height:1.8;}
.pop_video .btn:hover em {color:#fff;}

.container.g04.s02 .btit{ font-size:25px;font-weight:700;text-align:center; margin-bottom:100px;}
.video_info{display:flex;}
.video_info dl{display:flex;font-size:15px;margin-right:30px; font-family:'Pretendard';}
.video_info dl:last-child{margin-right:0px;}
.video_info dl dt{ font-weight:500;margin-right:40px;position:relative;}
.video_info dl dt:after{position:absolute;content:'';background:#ddd;width:1px; height:15px;transform:translate(0,-50%); top:50%; right:-20px;}

/* 통신 자료 */
.downbox_list a {display:block; margin-top:10px;}
.downbox_list a:first-child {margin-top:0;}
.downbox_list dl {border:#ddd 1px solid; padding:19px 40px; display:table; width:100%; table-layout:fixed; transition:.2s linear;}
.downbox_list dl:hover {border-color:#333;}
.downbox_list > dl {margin-top:10px;}
.g02.s06 .downbox_list > dl {cursor:pointer;}
.downbox_list > dl:first-child {margin-top:0;}
.downbox_list dd {display:table-cell; font-size:15px; color:#333; font-weight:400; line-height:20px; vertical-align:middle; font-family:'Pretendard';}
.downbox_list .num {width:45px;}
.downbox_list .cate {width:130px; font-size:13px; color:#ff6400; font-weight:700; font-family:'Pretendard';}
.downbox_list .cate a {color:inherit; font-weight:inherit;}
.downbox_list .name {width:auto;}
.downbox_list .name a {color:inherit;}
.downbox_list .date {width:110px;}
.downbox_list .btns {width:120px;}
.downbox_list .btns.hide {display:none !important;}
.downbox_list .btns.in {display:table-cell !important;}
.downbox_list .btn {padding:0 10px;display:block; font-size:13px; color:#333; font-weight:500; line-height:38px; height:40px; border:#333 1px solid; position:relative; font-family:'Pretendard'; margin:0;}
.downbox_list .btn:after{content:'';position:absolute;top:50%; right:10px;width:22px; height:22px;transform:translate(0,-50%); background:url('/pub/images/filedown.png') no-repeat;}
.downbox_list.dl dl {position:relative; margin-top:10px;}
.downbox_list.dl dl:first-child {margin-top:0;}
.downbox_list.dl dl.focus {z-index:10;}
.downbox_list.tong .btns {position:relative; width:220px; padding-left:100px;}
.downbox_list.tong .btns.w1 {width:120px; padding-left:0;}
/* .downbox_list.tong .btns .select_label {position:absolute; top:50%; left:0; width:80px; height:40px; border:0; margin:-20px 0 0;}
.downbox_list.tong .btns .select_label:before {display:none;}
.downbox_list.tong .btns .select_label label {font-size:13px; height:40px; line-height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.downbox_list.tong .btns .select_label select {height:40px; font-size:13px;} */

.downbox_list.tong .select_files {position:absolute; top:50%; left:0; width:80px; height:40px; border:0; margin:-20px 0 0 !important; z-index:1; padding:0;}
.downbox_list.tong .select_files dt {position:relative; font-size:13px; color:#333; width:100%; padding-right:10px; height:40px; line-height:40px; cursor:pointer; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.downbox_list.tong .select_files dt i {position:absolute; top:50%; right:2px; width:8px; height:8px; border:transparent 1px solid; border-bottom-color:#333; border-right-color:#333; transform:rotate(45deg); margin-top:-5px; transition:.2s linear;}
.downbox_list.tong .select_files.on dt i {transform:rotate(225deg); margin-top:-2px;}
.downbox_list.tong .select_files dd {position:absolute; top:40px; left:0; width:300%; background:#fff; border:#ddd 1px solid; display:none;}
.downbox_list.tong .select_files dd button {display:block; font-size:13px; color:#333; line-height:30px; padding:0 10px; width:100%; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.downbox_list.tong .btns.btn_hide {width:120px; padding-left:0;}
.downbox_list.tong .btns.btn_hide .select_files {display:none;}
.downbox_list.tong .btn_files .btn {margin-top:0; display:none;}
.downbox_list.tong .btn_files .btn.on {display:block;}

.pop_view {width:1000px; max-width:100%; padding:40px;}
.pop_view .tit {padding-bottom:30px;}
.pop_view .tit > * {display:block;}
.pop_view .tit em {font-size:15px; color:#333; font-weight:700; line-height:20px; font-family:'Pretendard';}
.pop_view .tit strong {font-size:25px; color:#333; font-weight:700; line-height:30px; /* font-family:'Nanum gothic'; */ margin:10px 0 30px;}
.pop_view .tit p {font-size:15px; color:#333; font-weight:400; line-height:20px; font-family:'Pretendard';}
.pop_view .down_file {border-top:#ddd 1px solid; /*border-bottom:#ddd 1px solid;*/ padding:20px 0; display:flex; line-height:30px;}
.pop_view .down_file > * {font-size:15px; color:#333; font-family:'Pretendard';}
.pop_view .down_file dt {width:72px; font-weight:700;}
.pop_view .down_file dd {position:relative; width:calc(100% - 72px);}
.pop_view .btn {position:absolute; top:0; right:0; width:120px; height:30px; line-height:28px; text-align:center; font-size:13px; color:#333; font-weight:700; border:#333 1px solid; font-family:'Pretendard';}
.pop_view .con {padding-top:30px; font-size:15px; color:#333; line-height:27px; font-family:'Pretendard'; border:#ddd 1px solid; padding:20px;}
.pop_view .con .tt {font-size:15px; color:#333; font-weight:700; line-height:20px; margin-bottom:20px; font-family:'Pretendard';}
.pop_view .con img {margin-bottom:20px; height:auto !important;}
.pop_view .con * {font-size:13px !important; color:#333 !important; font-family:'Pretendard' !important;}

/* 디자인 자료 */
.download_wrap.down_design .img {width:274px;}
.download_wrap.down_design .txt {width:calc(100% - 274px);}
.pop_view.pop_design .tit .btm {display:flex; justify-content:space-between; align-items:flex-end;}
.pop_view.pop_design .tit .btm .btn {position:relative;}
.pop_view.pop_design .tit .btm em {font-weight:300;}
.pop_view.pop_design .imgs {display:flex; flex-wrap:wrap; padding:30px 0; border-top:#ddd 1px solid;}
.pop_view.pop_design .imgs li {border:#ddd 1px solid; margin-right:20px;}
.pop_view.pop_design .con {/* border:#ddd 1px solid; */ padding:20px; max-height:470px; overflow:auto;}
.pop_view.pop_design .con span {font-size:16px !important;}
.pop_view.pop_design .down {padding:18px 0; font-size:0;}
.pop_view.pop_design .down a {display:inline-block; vertical-align:top; font-size:14px; color:#323232; font-weight:700; line-height:24px; margin-right:20px; border-bottom:#323232 1px solid; font-family:'Nanum gothic';}
.pop_view.pop_design .down a:hover {color:#ff6400; border-bottom-color:#ff6400;}

/* .pop_view.pop_design .tit{padding-bottom:unset;} */
/* .pop_view.pop_design .btn{text-align:left;margin:20px 0;padding:0 10px;display:block; font-size:13px; color:#333; font-weight:900; line-height:38px; height:40px; border:#333 1px solid; position:relative;} */
/* .pop_view.pop_design .btn:after{content:'';position:absolute;top:50%; right:10px;width:22px; height:22px;transform:translate(0,-50%); background:url('/pub/images/filedown.png') no-repeat;} */

.pop_view.pop_design .info{display:flex;padding-top:15px;border-top:1px solid #ddd;}
.pop_view.pop_design .info dl{display:flex;font-size:15px;margin-right:30px; font-family:'Nanum gothic';}
.pop_view.pop_design .info dl:last-child{margin-right:0px;}
.pop_view.pop_design .info dl dt{ font-weight:700;margin-right:40px;position:relative;}
.pop_view.pop_design .info dl dt:after{position:absolute;content:'';background:#ddd;width:1px; height:15px;transform:translate(0,-50%); top:50%; right:-20px;}


/* 상담 */
.consulting_wrap {padding:70px 0 0;}
.consulting_wrap .btn {display:block; font-size:13px; color:#333; font-weight:500; line-height:38px; height:40px; width:160px; border:#333 1px solid; text-align:center; margin:100px auto; background:#fff; font-family:'Pretendard';}
.consulting_wrap .img {font-size:0; border:#ddd 1px solid;}
.consulting_wrap ul {margin-top:30px; display:flex; justify-content:space-between;}
.consulting_wrap ul.mrev {margin:0 0 100px;}
.consulting_wrap li {width:calc(50% - 15px); border:#ddd 1px solid; padding:30px 0; display:flex; align-items:center;}
.consulting_wrap li .icon {height:80px; line-height:80px; text-align:center; border-right:#ddd 1px solid; padding:0 30px;}
.consulting_wrap li .icon .svg {width:auto; height:80px; max-width:100%; max-height:100%;}
.consulting_wrap li .txt {padding:0 20px 0 30px;}
.consulting_wrap li .txt strong {display:block; font-size:20px; color:#333; font-weight:700; /* font-family:'Nanum gothic'; */ margin-bottom:10px;}
.consulting_wrap li .txt p {font-size:15px; font-family:'Pretendard'; letter-spacing:-.5px;}
.consulting_wrap li .txt p em {position:relative; display:inline-block; vertical-align:top; width:80px; margin-right:15px; padding-right:10px;}
.consulting_wrap li .txt p em:after {content:""; position:absolute; top:50%; right:0; width:1px; height:15px; background:#ddd; margin-top:-8px;}
.consulting_wrap .remote_gbox {padding:50px; display:flex; justify-content:space-between; margin-top:100px;}
.consulting_wrap .remote_gbox dd {width:calc(50% - 25px);}
.consulting_wrap .remote_gbox .tt {font-size:20px; color:#333; font-weight:700; line-height:20px; /* font-family:'Nanum gothic'; */ padding-bottom:20px; border-bottom:#ddd 1px solid; margin-bottom:20px;}
.consulting_wrap .remote_gbox .cn {display:flex; align-items:center;}
.consulting_wrap .remote_gbox .cn i {width:110px; text-align:left;}
.consulting_wrap .remote_gbox .cn i img {margin:0; max-width:80px; max-height:70px;}
.consulting_wrap .remote_gbox .cn p {width:calc(100% - 110px); font-size:15px; font-family:'Pretendard'; letter-spacing:-.5px;}
.consulting_wrap .inputs_gbox {padding:40px 40px 50px; margin-top:100px;}
.consulting_wrap .inputs_gbox .btit {position:relative; margin-bottom:30px; padding-bottom:30px; border-bottom:#323232 1px solid; padding-right:110px;}
.consulting_wrap .inputs_gbox .btit .btn {position:absolute; top:6px; right:0; margin:0; width:100px; height:30px; line-height:28px;}

.consulting_wrap .inputs_gbox dl {margin-top:50px;}
.consulting_wrap .inputs_gbox dt {position:relative; font-size:20px; color:#333; font-weight:700; line-height:30px; padding-bottom:30px; margin-bottom:30px; border-bottom:#323232 1px solid; /* font-family:'Nanum gothic'; */}
.consulting_wrap .inputs_gbox dt .btn {position:absolute; top:6px; right:0; margin:0; width:100px; height:30px; line-height:28px;}
.consulting_wrap .inputs_gbox dd {display:flex; flex-wrap:wrap; font-size: 17px; line-height: 27px;}
.consulting_wrap .inputs_gbox dd.right {justify-content:flex-end;}
.consulting_wrap .inputs_gbox dd .ddtt {font-size:20px; color:#323232; font-weight:700; line-height:30px; width:100%; margin-bottom:15px;}
/* 241217추가 시작 */
.ddtt_2 {font-size:20px; color:#323232; font-weight:700; line-height:30px; width:100%; margin-bottom:15px;margin-top: 15px;}
.plus_gap24{row-gap:15px;}
/* 241217추가 끝 */
.consulting_wrap .inputs_gbox dd .input {position:relative; width:calc(50% - 10px); margin:15px 0 0 20px; padding-left:100px; height:50px; border:#ddd 1px solid; background:#fff;}
.consulting_wrap .inputs_gbox dd .input:nth-child(2n-1) {margin-left:0;}
.consulting_wrap .inputs_gbox dd .input.pl0 input {padding-left:20px;}
.consulting_wrap .inputs_gbox dd .ddtt ~ .input:nth-child(2n-1) {margin-left:20px;}
.consulting_wrap .inputs_gbox dd .ddtt ~ .input:nth-child(2n) {margin-left:0;}
.consulting_wrap .inputs_gbox dd .ddtt ~ .w100p ~ .input:nth-child(2n-1) {margin-left:0;}
.consulting_wrap .inputs_gbox dd .ddtt ~ .w100p ~ .input.ml,
.consulting_wrap .inputs_gbox dd .ddtt ~ .w100p ~ .input:nth-child(2n) {margin-left:20px;}
.consulting_wrap .inputs_gbox dd .ddtt em {font-size:15px; color:#323232; margin-left:20px; vertical-align:top;}
.consulting_wrap .inputs_gbox dd .input em {position:absolute; top:0; left:20px; font-size:15px; color:#333; font-weight:700; line-height:48px; font-family:'Pretendard';}
.consulting_wrap .inputs_gbox dd .input .text {height:48px; width:100%; border:0; font-size:15px; color:#333; padding:0; font-family:'Pretendard';}
.consulting_wrap .inputs_gbox dd .input .text::placeholder {color:#999;}
/* .consulting_wrap .inputs_gbox dd .input.w100p {padding:0 20px;} */
.consulting_wrap .inputs_gbox dd .input.m_pl1 {padding-left:170px;}
.consulting_wrap .inputs_gbox dd .input.m_pl2 {padding-left:215px;}
.consulting_wrap .inputs_gbox dd .input.m_pl3 {padding-left:195px;}
.consulting_wrap .inputs_gbox dd .input .tar {display:flex; justify-content:flex-end; align-items:center; height:100%; padding-right:20px;}
.consulting_wrap .inputs_gbox dd .input .tar label.check {margin-left:20px; margin-top:0;}
.consulting_wrap .inputs_gbox dd .select_label {width:calc((100% - 40px)/3); border:#ddd 1px solid; margin:0 0 0 20px; background:#fff;}
.consulting_wrap .inputs_gbox dd .select_label:before {display:none;}
.consulting_wrap .inputs_gbox dd .select_label:nth-child(3n-2) {margin-left:0;}
.consulting_wrap .inputs_gbox dd .select_label.ml {margin-left:20px;}
.consulting_wrap .inputs_gbox dd .select_label label {font-size:15px; color:#333; font-weight:400; padding:0 20px; height:48px; line-height:48px; background:none; font-family:'Pretendard';}
.consulting_wrap .inputs_gbox dd .select_label i {right:20px; margin-top:-6px;  width:8px; height:8px; border-width:1px;}
.consulting_wrap .inputs_gbox dd .select_label.focus i {margin-top:0;}
.consulting_wrap .inputs_gbox dd .select_label.s {width:280px; margin-left:0;}
.consulting_wrap .inputs_gbox dl:nth-child(n+3) dd .select_label {/*width:calc((100% - 78px)/3);*/ width:calc((100% - 334.5px)/2);}
.consulting_wrap .inputs_gbox dd .btn_delete {position:relative; width:28px; height:28px; margin:10px auto 10px; border:#525252 1px solid; border-radius:50%;}
.consulting_wrap .inputs_gbox dd .btn_delete:before,
.consulting_wrap .inputs_gbox dd .btn_delete:after {content:""; position:absolute; top:50%; left:50%; background:#525252; width:12px;height:2px;}
.consulting_wrap .inputs_gbox dd .btn_delete:before {transform:translate(-50%,-50%) rotate(45deg);}
.consulting_wrap .inputs_gbox dd .btn_delete:after {transform:translate(-50%,-50%) rotate(-45deg);}
.consulting_wrap .inputs_gbox dl:nth-child(2) .btn_delete {display:none;}
.consulting_wrap .inputs_gbox dd textarea.text {height:176px; font-size:15px; color:#333; line-height:26px; padding:20px; font-family:'Pretendard'; margin:0;}
.consulting_wrap .inputs_gbox dd.yak textarea.text {height:310px;}
.consulting_wrap .inputs_gbox .tri {display:flex; justify-content:space-between;}
.consulting_wrap .inputs_gbox .tri dl {width:calc((100% - 40px)/3);}
.consulting_wrap .inputs_gbox .tri dd .select_label {width:100%;}
.consulting_wrap .inputs_gbox .mail {display:flex; flex-wrap:wrap; margin-top:20px;}
.consulting_wrap .inputs_gbox .mail .input {width:calc(100% - 314px); margin:0;}
.consulting_wrap .inputs_gbox .mail > em {position:relative; left:0; width:34px; line-height:50px; text-align:center; font-size:15px; color:#333; font-weight:700; font-family:'Pretendard';}
.consulting_wrap .inputs_gbox .mail .checkarea {margin-top:15px; width:100%; display:flex; justify-content:space-between;}
.consulting_wrap .inputs_gbox .w100p + .input {margin-left:0;}
.consulting_wrap .inputs_gbox .w100p + .input + .input {margin-left:20px;}
.consulting_wrap .inputs_gbox p.w100p {margin-top:20px;}
.consulting_wrap .inputs_gbox textarea.text {width:100%; height:300px; padding:20px; font-size:15px; color:#323232; margin-top:40px; font-family:'Pretendard';}
.consulting_wrap .inputs_gbox textarea.text::placeholder {color:rgba(50,50,50,.5);}
.consulting_wrap .inputs_gbox .inbox > .tar {padding-top:20px;}
.consulting_wrap .btn_submit {margin:50px auto 0;}
.consulting_wrap .btns.tac {font-size:0;}
.consulting_wrap .btns.tac .btn {display:inline-block; vertical-align:top; margin:0 10px;}
.consulting_wrap .file_design {display:flex; margin-bottom:40px;}
.consulting_wrap .file_design dt {width:120px; border-bottom:0; margin-bottom:0; padding-bottom:0;}
.consulting_wrap .file_design dd {width:calc(100% - 100px); font-size:17px;}
.consulting_wrap .file_design dd.wauto {width:100px;}
.consulting_wrap .file_design + dl {margin-top:0 !important;}
.consulting_wrap .add {width:100%; display:flex; flex-direction:column;}
.consulting_wrap .add label.input {display:block; vertical-align:top; display:flex; align-items:center; margin-left:0; width:100%;}
.consulting_wrap .add .input {position:relative;}
.consulting_wrap .inputs_gbox dd .add .input .text {width:calc(100% - 120px);}
.consulting_wrap .inputs_gbox dd label.check {margin-top:10px;}
.consulting_wrap .inputs_gbox dd.yak .flexbox {margin-top:10px;}
.consulting_wrap .add button {width:100px; height:30px; color:#fff; font-weight:500; line-height:30px; text-align:center; background:#323232; border-radius:15px;}
.consulting_wrap .mail.half {margin:15px 0 0 20px; width:calc(50% - 10px);}
.consulting_wrap .mail.half .input {width:100%;}
.consulting_wrap .btn.mt {margin-top:40px;}
.consulting_wrap .btns {margin-top:40px; display:flex; justify-content:center;}
.consulting_wrap .btns .btn {margin:0 5px;}
.flexbox {justify-content:space-between; width:100%;}
.flexbox,
.file_design dd {display:flex;}
.filebutton {position:relative; width:120px; height:30px; overflow:hidden;}
.filebutton span {position:relative; display:inline-block; width:100%; height:100%; line-height:28px; font-size:13px; color:#333; text-align:left; background:#fff; border:#333 1px solid; vertical-align:top; border-radius:15px; padding:0 20px; font-family:'Pretendard'; overflow:hidden; transition:.2s linear;}
.filebutton span:after {content:""; position:absolute; top:0; right:20px; width:8px; height:100%; background:#323232; mask:url('/pub/images/arrow_file.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/arrow_file.svg') no-repeat 50% 50% / contain; transition:.2s linear; }
.filebutton span em {position:relative; z-index:1; transition:.2s linear; font-family:inherit;}
.filebutton:hover span {color:#fff !important; background:#323232;}
.filebutton:hover span:after {background:#fff; mask:url('/pub/images/arrow_file.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/arrow_file.svg') no-repeat 50% 50% / contain;}
.filebutton input {z-index:999; position:absolute; top:-1px; left:-100%; margin:0; padding:0; font-size:30px; line-height:0; opacity:0; filter:alpha(opacity = 0); -ms-filter:"alpha(opacity=0)"; cursor:pointer; _cursor:hand;}
.filebox {float:left; width:calc(100% - 120px); height:30px; line-height:30px; padding:0 20px; overflow:hidden; color:#333; font-size:15px; white-space:nowrap; font-family:'Pretendard';}
.consulting_wrap ul.flexbox {padding:0 30px; flex-wrap:wrap; margin-bottom:100px;}
.consulting_wrap ul.flexbox li {width:calc(50% - 15px); border:0; flex-direction:column; align-items:flex-start;}
.consulting_wrap ul.flexbox li .tt {font-size:20px; color:#323232; font-weight:700; line-height:30px; padding-bottom:20px; border-bottom:#3232324d 1px solid; margin-bottom:20px; width:100%;}
.consulting_wrap ul.flexbox li p {font-size:15px; color:#323232; line-height:24px; padding-left:10px; text-indent:-10px; font-family:'Pretendard';}

/* 스타일 추가 241112 */
.consulting_wrap .biz .checkbox{ width: 100%; position: relative; display: flex; align-items: center;}
.consulting_wrap .biz .checkbox .input input { padding-right: 185px !important;}
.consulting_wrap .biz .checkbox .check{ position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-family: 'Pretendard'; font-size: 14px; margin-top: 5px !important;}
.consulting_wrap .biz dd .ddtt .orange { color: #fe3000; font-family: 'Noto Sans Korean'; font-size: 14px; font-weight: bold; padding-left: 20px;} 
.consulting_wrap .biz .sct_int { display: flex; width: 100%;}
.consulting_wrap .biz .sct_int .select_label { width: 300px;}
.consulting_wrap .biz .sct_int .input { width: calc(100% - 300px); padding-left: 20px;}

.pop_mail_end .tit_s {font-size:30px; color:#333; font-weight:700; text-align:center; margin-bottom:50px; /* font-family:'Nanum gothic'; */}
.pop_mail_end i {display:block; text-align:center; font-size:0; margin:50px 0;}
.pop_mail_end i img {border-radius:50%; box-shadow:#bebebe 3px 5px 0;}
.pop_mail_end .tit {text-align:center;}
.pop_mail_end .btns {margin-top:60px; display:flex; justify-content:center;}
.pop_mail_end .btns li {width:180px; margin:0 10px;}
.pop_mail_end .btns .btn {display:flex; justify-content:center; align-items:center; font-size:15px; font-weight:500; line-height:20px; height:50px; width:100%; text-align:center; border:#333 1px solid; margin:0;}
.pop_mail_end .btns .btn_l {color:#333; background:#fff; border-color:#ddd;}
.pop_mail_end .btns p {font-size:12px; color:#333; line-height:20px; margin-top:10px; letter-spacing:-.5px; font-family:'Pretendard';}

.consulting_wrap .txt span {margin-left:40px;position:relative;}
.consulting_wrap .txt span:before {content:'';position:absolute;background:#ddd;width:1px;height:15px; left:-20px; top:50%; transform:translate(0,-50%);}
.consulting_wrap .txt .half span:first-child {margin-left:0;}
.consulting_wrap .txt .half span:first-child:before {display:none;}
.consulting_wrap .gbox.inputs_gbox .btit span{font-size:15px; font-weight:400; margin-left:30px; font-family:'Pretendard';}
.pop_mail_end .btns .btn_b{background-color:#ff6400; border:none;}
.pop_mail_end p.mp{text-align:center; font-size:13px; font-weight:500;margin-top:30px; font-family:'Pretendard';}

.more.down.product_plus{width:180px;border:1px solid #333; margin-top:40px;background-color:#fff;}
/* 교육 */
/* .education_wrap ul {display:flex; flex-wrap:wrap; margin-top:-30px;} 
.education_wrap li {width:calc((100% - 60px)/3); margin:30px 0 0 30px;}*/
.education_wrap li {border:0; padding:0;}
.education_wrap li:nth-child(3n-2) {margin-left:0;}
.education_wrap li a {display:flex; border:#ddd 1px solid; padding:40px; width:100%;}
.education_wrap li a > * {display:block;}
.education_wrap li a:hover {border-color:#333;}
.education_wrap li .img {position:relative; font-size:0;}
.education_wrap li .img i {position:absolute; top:20px; right:20px; font-size:13px; color:#fff; font-weight:700; line-height:25px; height:25px; width:70px; text-align:center; border-radius:5px; font-family:'Pretendard';}
.education_wrap li .img i.end {background:#666;}
.education_wrap li .img i.ing {background:#ff6400;}
/* .education_wrap li .txt {padding:30px;} */
.education_wrap li .txt .tit {display:block; font-size:20px; color:#333; font-weight:900; line-height:24px; /* font-family:'Nanum gothic'; */ padding-bottom:5px;}
.education_wrap li .txt dl {margin-top:10px; display:flex;}
/* .education_wrap li .txt dt {width:70px; font-size:13px; color:#ff6400; font-weight:700; line-height:23px; height:25px; border:#ff6400 1px solid; border-radius:5px; text-align:center;}
 */.education_wrap li .txt dd {width:calc(100% - 70px); font-size:15px; color:#333; line-height:25px; padding-left:10px; font-family:'Pretendard';}

.pop_education {width:1000px; max-width:100%; padding:40px;}
.pop_education .edu_top {display:flex; margin-bottom:30px;}
.pop_education .edu_top .img {width:200px; /*height:280px;*/ height:223px; border:1px solid #ddd;}
.pop_education .edu_top .img .name strong{font-size:42px; font-weight:700; color:#fff;text-align:center;}
.pop_education .edu_top .txt {width:calc(100% - 200px); padding-left:30px;}
.pop_education .edu_top .tit {padding-bottom:15px; border-bottom:#ddd 1px solid; margin-bottom:15px;}
.pop_education .edu_top .tit span{font-size:15px; font-weight:700; color:#333; font-family:'Pretendard';}
.pop_education .edu_top .tit strong { display:flex;font-size:25px; color:#333; font-weight:700; line-height:30px; /* font-family:'Nanum gothic'; */}
.pop_education .edu_top .tit p {font-size:20px; color:#333; line-height:20px;font-weight:500;margin-top:20px;}
.pop_education .edu_top dl {/* margin-top:10px;  */display:table; width:100%; table-layout:fixed;}
.pop_education .edu_top dl > * {display:table-cell;}
.pop_education .edu_top dt {position:relative;width:120px; height:25px; line-height:23px;/*  text-align:center;  */font-size:15px; color:#333; font-weight:700; /* border:#ddd 1px solid; */ font-family:'Pretendard';}
.pop_education .edu_top dt:after{background:#ddd;position:absolute;content:'';width:1px; height:15px; top:50%;right:-10px;transform:translate(0,-50%);}
.pop_education .edu_top dd {padding-left:30px; font-size:15px; color:#333; line-height:25px; font-family:'Pretendard';}
.pop_education .edu_top .btns {margin-top:20px; display:flex; justify-content:space-between;}
.pop_education .edu_top .btns .btn {font-size:13px; color:#333; font-weight:500; line-height:38px; height:40px; width:calc((100% - 40px)/3); background:#fff; border:#333 1px solid; padding-left:15px;position:relative; font-family:'Pretendard';}
.pop_education .edu_top .btns .btn:after{content:'';position:absolute;top:50%; right:10px;width:22px; height:22px;transform:translate(0,-50%); background:url('/pub/images/filedown.png') no-repeat;}
.pop_education .edu_top .btns .btn_o {color:#fff; background:#ff6400; border-color:#ff6400;}
.pop_education .edu_mid {margin-bottom:30px; border:#ddd 1px solid; padding:30px;}
.pop_education .edu_mid dl {display:flex; margin-top:20px;}
.pop_education .edu_mid dl:first-child {margin-top:0;}
.pop_education .edu_mid dt {display:flex; font-size:15px; color:#333; font-weight:700; line-height:28px; height:30px; width:112px; border:#ddd 1px solid; border-radius:15px; text-align:left; padding-left:13px; font-family:'Pretendard';}
.pop_education .edu_mid dt i {background:no-repeat 50% 50%; width:15px; height:28px; margin-right:10px;}
.pop_education .edu_mid dt span {width:64px;}
.pop_education .edu_mid dd {font-size:15px; color:#333; line-height:20px; padding:5px 0 5px 15px; font-family:'Pretendard';}
.pop_education .edu_mid .i1 dt i {background-image:url('/pub/images/icon_edu01.png');}
.pop_education .edu_mid .i2 dt i {background-image:url('/pub/images/icon_edu02.png');}
.pop_education .edu_mid .i3 dt i {background-image:url('/pub/images/icon_edu03.png');}
.pop_education .edu_mid .i4 dt i {background-image:url('/pub/images/icon_edu04.png');}
.pop_education .edu_mid .i5 dt i {background-image:url('/pub/images/icon_edu05.png');}
.pop_education .edu_mid .i6 dt i {background-image:url('/pub/images/icon_edu06.png');}
.pop_education .edu_mid .i7 dt i {background-image:url('/pub/images/icon_edu07.png');}
.pop_education .edu_mid .i8 dt i {background-image:url('/pub/images/icon_edu08.png');}
.pop_education .edu_btm {border:#ddd 1px solid; padding:30px;}
.pop_education .edu_btm .tt {font-size:15px; color:#333; font-weight:700; line-height:20px; margin-bottom:20px; font-family:'Pretendard';}
.pop_education .edu_btm textarea {font-family:'Pretendard';}
.pop_education .edu_btm li {font-size:15px; color:#333; line-height:27px; padding-left:10px; text-indent:-10px; font-family:'Pretendard';}

.edu_sub_tlt{margin-bottom:120px; font-size:25px !important; font-weight:500;color:#333;text-align:center;}
.edu .name { width:214px; height:238px; /* width:215px; height:240px;  border-radius:5px; */ display:flex; justify-content:center; align-items:center; flex-direction:column;/* background:#ff6400; */}
.edu .name img {width:auto; height:auto; max-width:215px; max-height:240px;border:#ddd 1px solid;}
.edu .name strong{display:block; font-size:30px; color:#fff; font-weight:700; line-height:30px; margin:0px 0 15px; font-family:'Pretendard';}
.edu .name p {  font-size:15px; color:#fff; font-weight:700; line-height:20px; font-family:'Pretendard';}
.edu .txt .tlt{ display:flex;  justify-content:space-between;color:#333;}
.edu .txt .tlt .state{border-radius:25px;font-size:13px;font-weight:500; color:#fff;background:#ff6400;width:80px; height:30px; line-height:28px; text-align:center; font-family:'Pretendard';}
.edu .txt .tlt .state_end{background:#333}
.edu .catalog_txt dd:before{left:-15px;}
.edu .catalog_txt  p{padding:60px 0 0 0;margin-bottom:0;}
.edu .btns .btn:after{position:absolute;content:'';background:url(/pub/images/next_img.png) no-repeat center center; transform:translate(0,-50%);top:50%; right:10px;width:7px;height:12px; border:0; font-size:0;}
.edu_btm textarea.text{border:none; padding-right:10px; line-height: 20px;}
.pop_education .edu_top .tit span.state{margin-left:20px;border-radius:25px;font-size:13px;font-weight:500; color:#fff;background:#ff6400;width:80px; height:30px; line-height:28px; text-align:center; font-family:'Pretendard';}
.pop_education .edu_top .tit span.state_end{background:#333}
.pop_education .edu_mid2 {margin-bottom:30px; border:#ddd 1px solid; padding:30px;}
.pop_education .edu_mid2 .tt { display:flex;font-size:15px; color:#333;font-weight:500; line-height:20px; margin-bottom:20px; font-family:'Pretendard';}
.pop_education .edu_mid2 .tt p{margin-left:20px;font-size:15px; font-weight:700; font-family:'Pretendard';}
.pop_education .edu_mid2 .tt p span{color:#ff6400;font-size:15px; font-weight:700; font-family:'Pretendard';}
.pop_education .edu_mid2 table{border:1px solid #ddd;}
.pop_education .edu_mid2 table tr{border-bottom:1px solid #ddd;}
.pop_education .edu_mid2 table tr.full{color:#ccc !important;}
.pop_education .edu_mid2 table tr.full th.c333{color:#333;}
.pop_education .edu_mid2 table tr th.corange a{color:#ff6400;}
.pop_education .edu_mid2 table tr:nth-child(1){background:#525252; color:#fff;font-size:15px; font-weight:900;border:1px solid #333; font-family:'Nanum gothic';}
.pop_education .edu_mid2 table tr:nth-child(1) th, .pop_education .edu_mid2 table tr:nth-child(1) td{border-right:1px solid #333;}
.pop_education .edu_mid2 table th,.pop_education .edu_mid2 table td{font-weight:500;padding:10px 0;border-right:1px solid #ccc;}

/* 신청하기 */
.pop_education .btn_back {position:absolute; top:40px; left:40px; width:12px; height:24px; font-size:0;}
.pop_education .btn_back:before,
.pop_education .btn_back:after {content:""; position:absolute; top:50%; left:50%; width:14px; height:2px; background:#424242; margin-left:-7px;}
.pop_education .btn_back:before {transform:rotate(-45deg); margin-top:-6px;}
.pop_education .btn_back:after {transform:rotate(45deg); margin-top:4px;}
.pop_education_write .title {font-size:25px; color:#333; font-weight:900; line-height:30px; text-align:center; padding-bottom:10px; /* font-family:'Nanum gothic'; */}
.pop_education_write .edu_write {height:calc(100vh - 210px); overflow:auto; margin-top:50px;}
.pop_education_write .step,
.pop_education_write .tit {color:#333; font-weight:900; /* font-family:'Nanum gothic'; */}
.pop_education_write .step {font-size:20px; margin:50px 0 0; border-bottom:#ddd 1px solid;}
.pop_education_write .step:first-child {margin-top:0;}
.pop_education_write .tit {font-size:18px; margin-top:40px;}
.pop_education_write .step + .tit {margin-top:20px;}
.pop_education_write .edu_name {}
.pop_education_write .edu_name li {position:relative; margin-top:20px; padding-left:50px;}
.pop_education_write .edu_name .check {position:absolute; top:0; left:0; width:20px; padding-left:0;}
.pop_education_write .edu_name dl {display:flex; margin-bottom:10px;}
.pop_education_write .edu_name dl:last-child {margin-bottom:0;}
.pop_education_write .edu_name dt,
.pop_education_write .edu_name dd {color:#333; font-weight:700;}
.pop_education_write .edu_name dt {font-size:13px; line-height:23px; height:25px; width:120px; border:#ddd 1px solid; border-radius:5px; text-align:center; font-family:'Nanum gothic';}
.pop_education_write .edu_name dd {padding-left:10px; font-size:15px; line-height:25px; width:calc(100% - 120px); font-family:'Nanum gothic';}
.pop_education_write .inputs .input {position:relative; display:block; padding-left:100px; border:#ddd 1px solid; border-radius:5px; margin-top:20px;}
.pop_education_write .inputs .input > * {font-size:15px; color:#444; line-height:58px; /* font-family:'Nanum gothic'; */}
.pop_education_write .inputs .input.pl {padding-left:120px;}
.pop_education_write .inputs em {position:absolute; top:0; left:25px; color:#333; font-weight:700;}
.pop_education_write .inputs .text {display:block; color:#666; font-weight:400; border:0; width:100%; height:58px;}
.pop_education_write .inputs .mail {display:flex; margin-top:20px;}
.pop_education_write .inputs .mail .input {width:calc(100% - 244px); margin:0;}
.pop_education_write .inputs .mail > em {position:relative; left:0; width:34px; line-height:60px; text-align:center; font-size:15px; color:#333; font-weight:700; font-family:'Nanum gothic';}
.pop_education_write .select_label {width:210px; height:60px; line-height:60px; border:#ddd 1px solid; border-radius:5px; margin:0;}
.pop_education_write .select_label label,
.pop_education_write .select_label select {height:58px; line-height:58px; border-radius:5px; font-size:15px; color:#333; font-weight:700; font-family:'Nanum gothic';}
.pop_education_write .select_label label {padding:0 25px;}
.pop_education_write .select_label i {right:25px;}
.pop_education_write .select_label input[type="text"] {display:block; width:100%; height:60px; outline:0; padding:0 20px; transition:.2s linear;}
.pop_education_write .select_label input[type="text"]:focus {border-color:#f35e00 !important;}
.pop_education_write .select_label.nbd:before {display:none;}
.pop_education_write .inp_chk {margin:20px 0;}
.pop_education_write .inp_chk .check {margin-left:40px;}
.pop_education_write .inp_chk .check:first-child {margin-left:0;}
.pop_education_write .inp_con .input {padding-left:155px;}
.pop_education_write .inp_con .input_box {display:none;}
.pop_education_write .inp_con .input_box.on {display:block;}
.pop_education_write .inp_con .file {overflow:hidden; padding-top:20px;}
.pop_education_write .inp_con .file .filebutton {width:140px;}
.pop_education_write .inputs2 {position:relative; display:block; padding-left:120px; margin-top:20px;}
.pop_education_write .inputs2 em {position:absolute; top:0; left:0; font-size:15px; color:#333; font-weight:700; line-height:60px; font-family:'Nanum gothic';}
.pop_education_write .inputs3 {display:block; padding:10px 0 0;}
.pop_education_write textarea.text {width:100%; height:150px; padding:20px;font-size:15px;}
.pop_education_write .p_cn {padding-top:20px;font-size:15px;}
.pop_education_write .p_cn p {font-size:15px; color:#333; line-height:26px; padding-left:20px; text-indent:-20px; font-family:'Pretendard';}
.pop_education_write .btn_submit {display:block; font-size:15px; color:#fff; line-height:50px; height:50px; width:260px; background:#ff6400; border:0; margin:60px auto 0; font-family:'Pretendard';}

/* AS */
.as_wrap .lbox {border:#ddd 1px solid; padding:50px 0; display:flex; justify-content:center;}
.as_wrap .lbox li {position:relative; padding:0 50px 0 100px; font-size:15px; color:#333; line-height:20px; font-family:'NanPretendardc';}
.as_wrap .lbox li.left {width:395px;}
.as_wrap .lbox li.left dl {display:flex;  margin-top:15px;}
.as_wrap .lbox li.left dl:first-child {margin-top:0;}
.as_wrap .lbox li.left dt {font-weight:700; width:82px;}
.as_wrap .lbox li.right:before {content:""; position:absolute; top:0; left:0; width:1px; height:100%; background:#ddd;}
.as_wrap .lbox li.right .tt {margin-bottom:20px;}
.as_wrap .btit{margin:100px 0 30px 0;}
.as_wrap .top_txt h2{font-size:42px; font-weight:900;text-align:center; margin-bottom:50px;color:#333;}
.as_wrap .top_txt p{font-size:25px; font-weight:900;text-align:center; margin-bottom:120px;}
.as_wrap .gbox {margin:100px 0;}
.as_step {border-top:2px solid #333; border-bottom:1px solid #ddd;position:relative; display:flex; justify-content:space-between; align-items:flex-start; padding:50px 0;}
.as_step li {position:relative; text-align:center;}
.as_step li b {display:block; font-size:13px; color:#333; font-weight:700; line-height:16px; font-family:'Pretendard';}
.as_step li i {position:relative; display:block; width:110px; height:110px; line-height:110px; font-size:15px; color:#333; font-weight:700; border-radius:50%; z-index:1; margin:20px auto 40px; font-family:'Pretendard';}
.as_step li i:before {content:""; position:absolute; top:50%; left:50%; width:calc(100% - 14px); height:calc(100% - 14px); border-radius:50%; background:#fafafa no-repeat 50% 50%; transform:translate(-50%,-50%); z-index:-1;}
.as_step li .tt {font-size:15px; color:#333; font-weight:700; line-height:24px; font-family:'Pretendard';}
.as_step li p {font-size:15px; color:#333; line-height:24px; margin-top:20px; font-family:'Pretendard';}
.as_step li.s1 i {background:conic-gradient(#ff6400 60deg, #eee 60deg);}
/* .as_step li.s1 i:before {background-image:url('/pub/images/icon_as_step01.png');} */
.as_step li.s2 i {background:conic-gradient(#ff6400 120deg, #eee 120deg);}
/* .as_step li.s2 i:before {background-image:url('/pub/images/icon_as_step02.png');} */
.as_step li.s3 i {background:conic-gradient(#ff6400 180deg, #eee 180deg);}
/* .as_step li.s3 i:before {background-image:url('/pub/images/icon_as_step03.png');} */
.as_step li.s4 i {background:conic-gradient(#ff6400 240deg, #eee 240deg);}
/* .as_step li.s4 i:before {background-image:url('/pub/images/icon_as_step04.png');} */
.as_step li.s5 i {background:conic-gradient(#ff6400 300deg, #eee 300deg);}
/* .as_step li.s5 i:before {background-image:url('/pub/images/icon_as_step05.png');} */
.as_step li.s6 i {background:conic-gradient(#ff6400 360deg, #eee 360deg);}
/* .as_step li.s6 i:before {background-image:url('/pub/images/icon_as_step06.png');} */
.as_step li:before {content:""; position:absolute; top:86px; left:-43px; width:10px; height:10px; border-top:#333 1px solid; border-right:#333 1px solid; transform:rotate(45deg);}
.as_step li.s1:before {display:none;}
.as_wrap .as_info {border-top:#333 2px solid;}
.as_wrap .as_info dl {border-bottom:#ddd 1px solid; display:flex; padding:30px 0;}
.as_wrap .as_info dt {font-size:20px; color:#333; font-weight:700; line-height:30px; /* font-family:'Nanum gothic'; */ width:340px;}
.as_wrap .as_info dd {font-size:15px; color:#333; line-height:27px; font-family:'Pretendard';}
.as_wrap .as_info dd p {font-size:inherit;}
.as_wrap .as_info dl:last-child{border-bottom:none; padding-bottom:0;}

.as_step_list{display:flex; flex-wrap:wrap; justify-content:space-between;  align-items:center;}
.as_step_list li{width:calc(50% - 25px); display:flex;  padding:40px 0;}
.as_step_list li:nth-child(3), .as_step_list li:nth-child(4){border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.as_step_list .img{width:130px; position:relative;}
.as_step_list .img img{  position:absolute; top:50%;  left:0; transform:translate(0,-50%);}
.as_step_list .txt{width:calc(100% - 130px);}
.as_step_list .txt p.step{font-size:13px; font-weight:700; color:#ff6400; font-family:'Pretendard';}
.as_step_list .txt strong{display:block; font-size:20px; color:#333; font-weight:700; line-height:29px; }
.as_step_list .txt p{font-size:15px; color:#333; line-height:27px; font-family:'Pretendard';}
.as_step_info {margin:0 0 100px;display:flex; flex-wrap:wrap; justify-content:space-between;  align-items:center;}
.as_step_info li{width:calc(50% - 15px); display:flex; padding:30px;border:1px solid #ddd;}
.as_step_info li.w100p {margin-top:30px;}
.as_step_info .txt strong{display:block; font-size:20px; color:#333; font-weight:700; line-height:29px; margin-bottom:20px;}
.as_step_info .txt span{margin-left:40px;position:relative;}
.as_step_info .txt span:before{content:'';position:absolute;background:#ddd; width:1px; height:15px;left:-20px;top:50%;transform:translate(0,-50%);}
.as_step_info .txt span.ml0 {margin-left:0;}
.as_step_info .txt span.ml0:before {display:none;}
.as_step_info .img{position:relative; padding-right:30px; margin-right:30px; text-align:center; height:81px; line-height:81px;}
.as_step_info .img:after{content:'';position:absolute;background:#ddd; width:1px; height:80px;right:0;top:50%;transform:translate(0,-50%);}
.as_step_info .img img{}
/* .as_step_info li:nth-child(3) .img:after{height:130px;} */

/* 고객지원 */
.jq_tabBox { display: flex; width: 100%; width: 100%; max-width: 1000px; margin: 0 auto;} 
.jq_tabBox li { display: inline-flex; flex: 1; justify-content: center; align-items: center; border: 1px solid #ddd; }
.jq_tabBox li + li {border-left: none;}
.jq_tabBox li a {display: block; color: #333; font-size:17px; font-weight: 600; width: 100%; text-align: center;}

.jq_tabBox li.on { background-color: #ff6400; height: 40px;}
.jq_tabBox li.on a {color:#fff; }

.svi .stit { text-align: center; margin: 100px 0 100px;}
.svi .as_step.three { justify-content: center; gap: 100px;}
.svi .as_step_info { gap: 30px;}
.svi .as_step_info p { font-weight: 300; font-size: 15px; font-family: 'Pretendard', sans-serif;}
.svi_btn{ text-align: center; margin-top: 100px;}
.svi a { width: 100%; max-width: 200px; height: 50px; margin: 0 auto; background: #333; color: #fff; font-weight: bold; font-size: 16px; font-family: 'Noto Sans KR', sans-serif; display: inline-flex; justify-content: center; align-items: center}
.svi .light{ border: #ddd 1px solid; color: #333; background: #fff;}


/* 리스트 */
.svi .bs {border-top: 2px solid #333;}
.svi .bs .info { width: 100%; border-bottom: 1px solid #ddd; }
.svi .bs .info .tit {  width: 340px; font-size: 20px; color: #333; font-weight: 700; line-height: 30px;} 
.svi .bs .info .iftxt p { font-weight: 400; line-height: 2;}
.svi .bs .info .iftxt span { font-weight: 400;}
.svi .bs li:nth-child(n+2):nth-child(-n+7) { border-top: none; border-bottom: 1px solid #ddd;}
.svi .bs li:last-child { border-bottom: none;}



	
/* FAQ */
/* .slice_line {width:100%; height:1px;background:#333; margin:100px 0;} */
.product_select dl {display:flex; background:#fafafa; padding:40px 50px;}
.product_select dt {font-size:20px; color:#333; width:150px; line-height:30px; /* font-family:'Nanum gothic'; */}
.product_select dd {width:calc(100% - 150px); display:flex; flex-wrap:wrap; margin-top:-20px;}
.product_select label.check2 {margin:20px 20px 0 0 ;}
.product_select label.check2 input {display:none;}
.product_select label.check2 i {display:block; font-size:15px; color:#333; line-height:38px; height:40px; padding:0 20px; border:#ddd 1px solid; background:#fff; border-radius:20px; cursor:pointer; transition:.2s linear; font-family:'Nanum gothic';}
.product_select label.check2 input:checked + i {color:#ff6400; border-color:#ff6400;}
.faq_wrap {padding-bottom:120px;}
.faq_wrap dl {border:#ddd 1px solid; margin-top:10px;}
.faq_wrap dl:first-child {margin-top:0;}
.faq_wrap dl > * {position:relative;}
.faq_wrap em {position:absolute; left:80px; font-size:20px; color:#333; font-weight:900; line-height:26px; /* font-family:'Nanum gothic'; */}
.faq_wrap dt {padding:20px 180px 20px 110px; font-size:15px; color:#333; font-weight:700; line-height:26px; cursor:pointer; font-family:'Nanum gothic';}
.faq_wrap dt em {top:20px;}
.faq_wrap dt i {position:absolute; top:0; left:20px; width:12px; height:100%;}
.faq_wrap dt i:before,
.faq_wrap dt i:after {content:""; position:absolute; top:50%; left:50%; width:8px; height:2px; background:#333; margin-top:-1px; transition:.2s linear;}
.faq_wrap dt i:before {transform:rotate(45deg); margin-left:-6px;}
.faq_wrap dt i:after {transform:rotate(-45deg); margin-left:-2px;}
.faq_wrap .on dt i:before {transform:rotate(-45deg);}
.faq_wrap .on dt i:after {transform:rotate(45deg);}
.faq_wrap dt .cate {position:absolute; top:20px; right:20px; font-size:13px; color:#333; line-height:24px; height:26px; width:88px; text-align:center; border:#ddd 1px solid; border-radius:13px; font-family:'Nanum gothic';}
.faq_wrap dd {background:#eee; border-top:#ddd 1px solid; display:none;}
.faq_wrap dd em {top:25px;}
.faq_wrap dd .ask {position:relative; font-size:15px; color:#333; line-height:27px; padding:25px 180px 25px 110px; font-family:'Nanum gothic';}
.faq_wrap dd .ys {background:#525252; text-align:center; padding:20px; /* 다운로드 */font-size:15px;color:#fff; font-weight:700; line-height:24px; display:flex; justify-content:center; font-family:'Nanum gothic';}
.faq_wrap dd .ys .btns {display:flex; justify-content:center; margin-left:60px;}
.faq_wrap dd .ys .btns .btn {font-size:15px; line-height:24px; height:24px; width:88px; border-radius:12px;}
.faq_wrap dd .ys .btns .btn.y {color:#fff; background:#ff6400;}
.faq_wrap dd .ys .btns .btn.n {color:#333; background:#fff; margin-left:15px;}

/* IR - 게시판 스타일은 상단에 */
.g05 .dl_tbl > dl:first-child {margin-top:0;}
.dl_tbl .select_label {height:40px; line-height:40px; /* font-family:'Noto Sans Korean', 'Noto Sans KR', sans-serif; */ margin-right:0; margin-top:20px;}
.dl_tbl .select_label label {height:39px; line-height:39px; font-size:15px; font-weight:700; font-family:'Pretendard';}
.dl_tbl .select_label .nice-select,
.dl_tbl .select_label select {height:39px; line-height:39px; font-size:15px; font-family:'Pretendard'; padding-left:5px;}
.dl_tbl dt a{position:relative;display:block; text-align:left;font-size:14px; font-weight:700;padding:6px 10px;height:70px; line-height:18px;width:170px; border:1px solid #333; margin-top:20px; font-family:'Pretendard';margin-bottom:20px;}
.dl_tbl dt a:after{content:'';position:absolute;top:50%; right:10px;width:22px; height:22px;transform:translate(0,-50%); background:#323232; mask:url('/pub/images/filedown.png') no-repeat; -webkit-mask:url('/pub/images/filedown.png') no-repeat;}
.dl_tbl dt a:hover:after {background:#fff;}
/* 재무정보 */
.ir_wrap .grapth {position:relative; border-top:#333 2px solid; padding-bottom:45px;}
.ir_wrap .grapth .left_line {display:flex; flex-direction:column;}
.ir_wrap .grapth .left_line li {position:relative; width:100%; height:1px; background:#ddd; margin-top:49px; padding-left:80px;}
.ir_wrap .grapth .left_line li em {position:absolute; top:50%; left:0; width:80px; height:20px; line-height:20px; font-size:15px; color:#333; font-weight:700; background:#fff; margin-top:-10px; padding-right:20px; text-align:right; font-family:'Pretendard';}
.ir_wrap .grapth .info_line {position:absolute; bottom:0; right:0; width:calc(100% - 80px); height:100%; display:flex;}
.ir_wrap .grapth .info_line .point {position:absolute; bottom:-15vh;}
.ir_wrap .grapth .info_line .inbox {display:flex; width:100%;}
.ir_wrap .grapth .info_line dl {width:calc(100%/3); display:flex; flex-direction:column-reverse}
.ir_wrap .grapth .info_line dt {font-size:15px; color:#333; font-weight:500; line-height:45px; text-align:center; font-family:'Pretendard';}
.ir_wrap .grapth .info_line dd {height:100%;}
.ir_wrap .grapth .info_line ul {display:flex; justify-content:center; height:100%;}
.ir_wrap .grapth .info_line li {position:relative; width:50px; height:100%; padding:50px 10px 0 10px; display:flex; align-items:flex-end;}
.ir_wrap .grapth .info_line li .line {position:relative; width:100%; height:0; background:#ff6400; transition:all 0.5s ease;}
.ir_wrap .grapth .info_line li.c .line {background:#ff6400;}
.ir_wrap .grapth .info_line li.g .line {background:#c8c8c8;}
.ir_wrap .grapth .info_line li .line em {position:absolute; bottom:calc(100% + 5px); left:50%; width:80px; transform:translate(-50%,0); text-align:center; opacity:0; padding:5px; background:rgba(255,255,255,.8); border-radius:5px; transition:.2s linear;}
.ir_wrap .grapth .info_line li.c .line em {opacity:1; z-index:1;}
.tbl table {border-top:#333 2px solid;}
.tbl th,
.tbl td {font-size:15px; color:#333; line-height:18px; height:49px; line-height:48px; border-bottom:#ddd 1px solid; border-right:#ddd 1px solid; font-family:'Pretendard';}
.tbl tr :last-child {border-right:0;}
.tbl thead th {font-weight:700; text-align:center; border-bottom:#333 1px solid;}
.ir_wrap .tbl tbody td {font-weight:400;}
.ir_wrap .tbl tbody .tal {padding-left:20px;}
.ir_wrap .tbl tbody .tar {padding-right:20px;}
.ir_wrap .tbl .bold td {font-weight:600; background:#fafafa;}

/* Recruit */
/* 직무소개 */
.job_introduction ul {display:flex; flex-wrap:wrap; margin-top:-30px;}
.job_introduction li {width:calc((100% - 60px)/3); margin:30px 0 0 30px; padding:30px; border:#ddd 1px solid; transition:.2s linear;}
.job_introduction li:nth-child(3n-2) {margin-left:0;}
.job_introduction li:hover {border-color:#ff6400;}
.job_introduction .tit {display:flex; justify-content:space-between; align-items:center; margin-bottom:30px;}
.job_introduction .tit strong {font-size:25px; color:#333; /* font-family:'Nanum gothic'; */}
.job_introduction li p {max-height:135px; overflow:auto;}
.job_introduction li p::-webkit-scrollbar {width:0; height:0;}
.job_introduction .more {position:relative; display:block; font-size:15px; color:#333; font-weight:500; line-height:48px; height:50px; width:154px; margin:100px auto 0; padding:0 20px; display:flex; justify-content:space-between; align-items:center; border:#ddd 1px solid; font-family:'Pretendard';}
.job_introduction .more i {position:relative; width:28px; height:28px; border:#525252 2px solid; border-radius:50%;}
.job_introduction .more i:before,
.job_introduction .more i:after {content:""; position:absolute; top:50%; left:50%; background:#525252; transform:translate(-50%,-50%);}
.job_introduction .more i:before {width:12px; height:2px;}
.job_introduction .more i:after {width:2px; height:12px;}

/* 채용정보 */
.recruit_step {position:relative; display:flex; justify-content:space-between; align-items:center;}
.recruit_step li {position:relative; width:110px; text-align:center;}
.recruit_step li i {position:relative; display:block; width:100%; height:110px; line-height:110px; font-size:15px; color:#333; font-weight:700; border-radius:50%; z-index:1; font-family:'Pretendard';}
.recruit_step li i:before{content:""; position:absolute; top:50%; left:50%; width:calc(100% - 14px); height:calc(100% - 14px); border-radius:50%; background:#fff; transform:translate(-50%,-50%); z-index:-1;}
.recruit_step li p {font-size:13px; color:#333; font-weight:700; line-height:16px; margin-top:20px; font-family:'Pretendard';}
.recruit_step li.s1 i {background:conic-gradient(#ff6400 72deg, #eee 72deg);}
.recruit_step li.s2 i {background:conic-gradient(#ff6400 144deg, #eee 144deg);}
.recruit_step li.s3 i {background:conic-gradient(#ff6400 216deg, #eee 216deg);}
.recruit_step li.s4 i {background:conic-gradient(#ff6400 288deg, #eee 288deg);}
.recruit_step li.s5 i {background:conic-gradient(#ff6400 360deg, #eee 360deg);}
.recruit_step li:before {content:""; position:absolute; top:calc(50% - 18px); left:-36px; width:10px; height:10px; border-top:#333 1px solid; border-right:#333 1px solid; transform:rotate(45deg); margin-top:-5px;}
.recruit_step li.s1:before {display:none;}
.tb_line {width:100%; height:1px; background:#333; margin:100px 0 50px;}
.step_list {display:flex; flex-wrap:wrap; justify-content:space-between;}
.step_list li {position:relative; width:calc(50% - 15px); border-bottom:#ddd 1px solid; padding:50px 0; display:flex; align-items:center;}
.step_list li:last-child {border-bottom:0; padding-bottom:0;}
.step_list li .img {width:110px;}
.step_list li .txt {width:calc(100% - 110px);}
.step_list li .txt em {display:block; font-size:13px; color:#ff6400; font-weight:700; line-height:14px; font-family:'Pretendard';}
.step_list li .txt strong {display:block; font-size:20px; color:#333; font-weight:700; line-height:22px; /* font-family:'Nanum gothic'; */ margin:10px 0;}
.step_list li .txt p {font-size:15px; color:#333; line-height:18px; font-family:'Pretendard';}
.tbl.no_sline th,
.tbl.no_sline td {border-right:0;}
.tbl.no_sline.tac td a {display:block; line-height:inherit;}
.tbl col.recruit_w1 {width:80px;}
.tbl col.recruit_w2 {width:70px;}
.tbl col.recruit_w3 {width:120px;}
.tbl col.recruit_w4 {width:70px;}

.info_bottom {margin-top:60px;display:flex; justify-content:flex-end;}
.info_bottom p.tlt{font-size:15px;font-weight:700;/* margin-right:30px;  */font-family:'Pretendard';}
.info_bottom a{position:relative;text-align:left;font-size:14px; font-weight:900;padding:0 10px;height:40px; line-height:40px;width:200px; border:1px solid #333; font-family:'Pretendard';}
.info_bottom a:after{content:'';position:absolute;top:50%; right:10px;width:22px; height:22px;transform:translate(0,-50%); background:url('/pub/images/filedown.png') no-repeat; }

.job_detatil_top{padding:0 0 40px; border-bottom:2px solid #323232;text-align:center; color:#333;}
.job_detatil_top p.state{margin:0 auto;width:80px;height:24px; line-height:24px;font-size:13px; font-weight:700;color:#ff6400;border:1px solid #ff6400; font-family:'Pretendard';}
.job_detatil_top h2{font-size:35px; font-weight:700;margin:20px 0 30px 0}
.job_detatil_top p.date{font-weight:500; font-size:15px; font-family:'Pretendard';}
.job_detatil_top p.date em {display:inline-block; vertical-align:middle; width:1px; height:15px; background:#ddd; margin:0 10px;}
.job_detatil_top p.print{text-align:right;}
.job_detatil_con{padding:90px 20px;}
.job_detatil_con img {height:auto !important;}
.job_detatil_con>div{margin:40px 0;}
.job_detatil_con>div:first-child, .job_detatil_con>div:first-child p{margin-top:0;}
.job_detatil_con>div:last-child, .job_detatil_con>div:last-child p{margin-bottom:0}
.job_detatil_con strong{font-weight:700; font-size:16px; font-family:'Pretendard';}
.job_detatil_con>div {margin-left:0 !important; text-align:center;}
.job_detatil_con>div p{margin:40px 0;}
.job_detatil_file{padding:20px; border-top:2px solid #323232; color:#333; display:flex; justify-content:space-between; align-items:center;}
.job_detatil_file strong{font-weight:700;font-size:15px; margin-right:30px; font-family:'Pretendard';}
.job_detatil_file a{font-size:15px; font-family:'Pretendard';}
.job_detatil_file a:hover{text-decoration:underline;}
.job_detatil_list{display:flex; justify-content:space-between; border-top:#323232 2px solid; border-bottom:#323232 2px solid; padding:15px;}
.prev_next_tbr, .prev_next_tbr{display:flex;}
.prev_prev_tbc.td{font-size:16px; font-weight:400; margin-left:0; font-family:'Pretendard';}
.prev_next_tbc.td{font-size:16px; font-weight:400; margin-right:0; font-family:'Pretendard';}
.prev_prev_tbc.th,.prev_next_tbc.th{font-size:15px;}
.job_btns{margin:auto;margin-top:100px;text-align:center;font-size:15px; font-weight:500;width:174px;height:50px; line-height:50px;border:1px solid #333; font-family:'Pretendard';}
.job_btns a {position:relative; display:block;}
.prev_next_tbr a {display:flex; align-items:center; height:50px;}
.prev_next_tbr .tit {display:flex; flex-direction:column; justify-content:center; max-width:100%;}
.prev_next_tbr a i {width:100px; color:#323232; font-weight:400;}
.prev_next_tbr a img {vertical-align:middle;}
.prev_next_tbr a em {display:block; font-size:13px; color:#323232; font-weight:400; line-height:20px; font-family:'Pretendard';}
.prev_next_tbr a strong {display:block; font-size:15px; color:#323232; font-weight:500; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-family:'Pretendard';}
.prev_prev_tbc a img{margin-right:15px;}
.prev_next_tbc a img{margin-left:15px;}
.prev_next_tbc a {flex-direction:row-reverse; text-align:right;}

.pr_detatil_list {position:relative; border-top:#323232 2px solid; border-bottom:#323232 2px solid; padding:15px;}
.pr_detatil_list:after {content:''; position:absolute; top:0; left:calc(50% - 1px); width:2px; height:100%; background:#323232;}
.pr_detatil_list a {font-size:15px; color:#323232; font-weight:700; height:50px; font-family:'Pretendard';}

.job_detatil_list{position:relative;}
.job_detatil_list:after {content:''; position:absolute; top:0; left:calc(50% - 1px); width:2px; height:100%; background:#32323280;}
/* .job_detatil_list:after{position:absolute; content:'';width:1px; height:40px;top:50%; left:50%;transform:translate(-50%,-50%);background:#ddd;} */

.job_detatil_top p.print{text-align:right;position:relative;}
.job_detatil_top p.print:before{content:'';position:absolute; width:21px; height:20px; top:50%;    right:40px; transform:translate(0,-50%);background:url('/pub/images/print.png') no-repeat;}

/* 평가 및 보상 */
.dl_tbl.w46 dt {width:45%;}
.dl_tbl.w46 dt ul {display:flex; margin-top:30px;}
.dl_tbl.w46 dt li {position:relative; font-size:15px; color:#333; font-weight:500; line-height:16px; padding:0 20px; font-family:'Pretendard'; /* font-family:'Noto Sans Korean', sans-serif; */}
.dl_tbl.w46 dt li:first-child {padding-left:0;}
.dl_tbl.w46 dt li:before {content:""; position:absolute; top:50%; left:0; width:1px; height:16px; background:#ececec; margin-top:-8px;}
.dl_tbl.w46 dt li:first-child:before {display:none;}
.dl_tbl.w46 dt li span {position:relative; display:inline-block; z-index:1;}
.dl_tbl.w46 dt li span:before {content:""; position:absolute; bottom:0; left:0; width:100%; height:3px; background:#ff6400; z-index:-1;}
.dl_tbl.w46 dd {width:55%;}
.dl_tbl.w46 dl.bar dd {border-top:#555 1px solid;}
.dl_tbl.w46 dd .num {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.dl_tbl.w46 dd .num li {width:calc(50%  - 30px); margin-top:40px;}
.dl_tbl.w46 dd .num li:nth-child(-n+2) {margin-top:0;}
.dl_tbl.w46 dd .num li em {display:block; font-size:13px; color:#ff6400; font-weight:700; line-height:14px; font-family:'Pretendard';}
.dl_tbl.w46 dd .num li strong {display:block; font-size:20px; color:#333; font-weight:700; line-height:22px; /* font-family:'Nanum gothic'; */ margin:10px 0;}
.dl_tbl.w46 dd .num li p {font-size:15px; color:#333; line-height:18px; font-family:'Pretendard';}

/* 복리후생 */
.welfare_list {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin-top:-50px;}
.welfare_list li {position:relative;width:calc(50% - 25px); display:flex; padding:40px 0; border-top:#ddd 1px solid;}
.welfare_list li:nth-child(-n+2) {border-top:0;}
.welfare_list li:last-child,
.welfare_list li:nth-last-child(2) {padding-bottom:0;}
.welfare_list .img {width:130px;}
.welfare_list .txt {width:calc(100% - 130px);position:absolute; top:50%; right:0; transform:translate(0,-50%);}
.welfare_list .txt strong {display:block; font-size:20px; color:#333; font-weight:700; line-height:22px; /* font-family:'Nanum gothic'; */ margin-bottom:10px;}

ㄹ
.mem_inputs {width:700px; max-width:100%; margin:0 auto;}
.mem_inputs .input {position:relative; display:block; padding-left:100px; border:#ddd 1px solid; border-radius:5px; margin-top:20px;}
.mem_inputs .input:first-child {margin-top:0;}
.mem_inputs .input.disabled {background:#f8f8f8;}
.mem_inputs .input > * {font-size:17px; line-height:58px;}
.mem_inputs em {position:absolute; top:0; left:25px; color:#333; font-weight:700;}
.mem_inputs .text {display:block; color:#666; padding-left:15px; font-weight:400; border:0; width:100%; height:58px; border:0;}
.text[type="password"] {font-family:'Noto Sans Korean', sans-serif;}
.text[type="password"]::placeholder {font-family:'NanumSquare';}
.mem_inputs .mid {margin:15px 0 40px; display:flex; justify-content:space-between;}
.mem_inputs .mid .btns {display:flex; justify-content:center;}
.mem_inputs .mid .btns a {position:relative; margin-left:20px; padding-left:20px; font-size:17px; color:#333; line-height:20px;}
.mem_inputs .mid .btns a:before {content:""; position:absolute; top:50%; left:0; width:1px; height:14px; background:#ddd; margin-top:-7px;}
.mem_inputs .mid .btns a:first-child:before {display:none;}
.mem_inputs .btm {margin-top:40px;}
.mem_inputs .btm .btn {display:block; font-size:17px; color:#fff; font-weight:400; line-height:60px; height:60px; width:100%; background:#f35e00; text-align:center; border:#ddd 1px solid;}
.mem_inputs .btm .btn_g {color:#333; background:#f8f8f8; border:#ddd 1px solid; line-height:58px;}
.mem_inputs .btm .mt {margin-top:20px;}
.sns_join {display:flex; justify-content:center; width:600px; max-width:100%; margin:0 auto;}
.sns_join .btn {font-weight:600;margin-right20px;text-align:center;position:relative; font-size:17px; color:#fff; line-height:58px; height:60px; width:calc((100% - 40px)/3); border:#ddd 1px solid; margin-right:20px;}
.sns_join .btn.s1{background:#2cb400;}
.sns_join .btn.s2{background:#ffcc00;color:#333}
.sns_join .btn.s3{background:#444444;margin-right:0;}
.sns_join .btn i {position:absolute; top:0; left:29px; width:30px; height:100%; background:no-repeat 50% 50% / contain;}
.sns_join .btn.s1 i {background-image:url('/pub/images/icon_sns01.png');}
.sns_join .btn.s2 i {background-image:url('/pub/images/icon_sns02.png');}
.sns_join .btn.s3 i {background-image:url('/pub/images/icon_sns03.png');}.sns_join {display:flex; justify-content:center;}
.sns_login{display:flex; justify-content:center;width:600px; margin:0 auto;margin-top:40px;}
.sns_login .btn {font-weight:600;margin-right:20px;text-align:center;position:relative; font-size:17px; color:#fff; line-height:58px; height:60px; width:calc((100% - 40px)/3); /* border:#ddd 1px solid; */}
.sns_login .btn.s1{background:#2cb400;}
.sns_login .btn.s2{background:#ffcc00;color:#333}
.sns_login .btn.s3{background:#444444;margin-right:0;}

/* 회원가입 */
.join_step {width:100%; max-width:768px; display:flex; justify-content:space-between; margin:0 auto;}
.join_step dl,
.join_step .arrow {display:flex; align-items:center; justify-content:center;}
.join_step dl {position:relative; padding-top:35px; border:#c8c8c8 1px solid; border-radius:5px; overflow:hidden; height:113px; width:calc((100% - 180px)/3);}
.join_step dt {position:absolute; top:0; left:0; width:100%; height:35px; line-height:35px; text-align:center; font-size:15px; color:#fff; font-weight:700; background:#c8c8c8; font-family:'Pretendard';}
.join_step dd {font-size:15px; color:#333; font-weight:700; line-height:23px; text-align:center; font-family:'Pretendard';}
.join_step .arrow i {position:relative; display:block; width:30px; height:30px; border-radius:50%; background:#c8c8c8;}
.join_step .arrow i:before,
.join_step .arrow i:after {content:""; position:absolute; top:50%; left:50%; width:8px; height:8px; border-right:#fff 2px solid; border-top:#fff 2px solid; margin-top:-4px; transform:rotate(45deg);}
.join_step .arrow i:before {margin-left:-8px;}
.join_step .arrow i:after {margin-left:-2px;}
.join_step dl.on {border-color:#ff6400;}
.join_step dl.on dt,
.join_step dl.on + .arrow i {background:#ff6400;}
.join_identity {margin-top:60px; text-align:center;}
.join_identity i {display:block; width:130px; height:130px; line-height:128px; border:#ff6400 1px solid; border-radius:50%; background:#fff; background:url('/pub/images/icon_join.png') no-repeat 50% 50%; box-shadow:#bebebe 3px 5px 0px; margin:0 auto;}
.join_identity p {font-size:25px; font-weight:900; color:#333;  margin-bottom:100px;}
.join_identity .btn {display:block; font-size:17px; color:#333; font-weight:900; line-height:50px; height:50px; width:200px; margin:0 auto; border:1px solid #ddd;}

.container .btit.sns{margin-bottom:55px;font-size:42px; color:#333;font-weight:700;line-height:42px;text-align:center; font-family:'Pretendard';}
p.sns {text-align:center;font-size:25px; font-weight:500; color:#333;  margin-bottom:100px;}

.mem_inputs.join_inpus .input {padding-left:130px; display:flex;}
.mem_inputs .input.pl {padding-left:170px;}
.mem_inputs.join_inpus .input.inbtn .text {width:calc(100% - 120px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mem_inputs.join_inpus .input .text#address,
.mem_inputs.join_inpus .input .text#address_ext {width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mem_inputs.join_inpus .input button {font-size:15px; color:#fff; width:120px; height:58px; line-height:58px; text-align:center; background:#535353; border-radius:5px; font-family:'Pretendard';}
.mem_inputs .mail {display:flex; flex-wrap:wrap; margin-top:20px;}
/*.mem_inputs .mail .input {width:calc(100% - 244px); margin:0;}*/
.mem_inputs .mail .input {width:calc(100%); margin:0;}
.mem_inputs .mail > em {position:relative; left:0; width:34px; line-height:60px; text-align:center; font-size:15px; color:#333; font-weight:700; font-family:'Pretendard';}
.mem_inputs .mail .checkarea {margin-top:15px; width:100%; display:flex; justify-content:space-between; font-size:17px;}
.mem_inputs .select_label {width:210px; height:60px; line-height:60px; border:#ddd 1px solid; border-radius:5px; margin:0;}
.mem_inputs .select_label label,
.mem_inputs .select_label select {height:58px; line-height:58px; border-radius:5px; font-size:15px; color:#333; font-weight:700; font-family:'Pretendard';}
.mem_inputs .select_label label {padding:0 25px;}
.mem_inputs .select_label i {right:25px;}
.mem_inputs.join_inpus .input.checks {flex-direction:column; padding:20px 20px 20px 130px;}
.mem_inputs.join_inpus .input.checks .check {line-height:20px; margin-bottom:12px;}
.mem_inputs.join_inpus .input.checks .check:last-child {margin-bottom:0;}
.mem_inputs .yak_box {margin-top:100px; padding:25px; border:#ddd 1px solid; border-radius:5px;}
.mem_inputs .yak_box .check {display:block; margin-top:12px;}
.mem_inputs .yak_box .check:first-child {margin-top:0;}
.mem_inputs .yak_box textarea.text {height:140px; width:calc(100% - 32px); margin-left:32px; background:#f8f8f8; margin-top:12px; padding:17px;}
.mem_inputs .btn_submit {display:block; font-size:15px; color:#fff; font-weight:500; line-height:50px; height:50px; width:230px; text-align:center; margin:60px auto 0; background:#ff6400; border:0; font-family:'Pretendard';}
.mem_inputs p.not {font-size:13px; color:#d30101; font-weight:700; line-height:20px; margin-top:15px; font-family:'Pretendard';}
.join_end i {display:block; text-align:center; font-size:0; margin:50px 0;}
.join_end i img {border-radius:50%; box-shadow:#bebebe 3px 5px 0;}
.join_end strong {display:block; font-size:30px; color:#333; font-weight:700; text-align:center; margin:40px 0 25px; /* font-family:'Nanum gothic'; */}
.join_end p {font-size:15px; color:#333; font-weight:500; line-height:27px; text-align:center; font-family:'Pretendard';}
.join_end .btn_submit {margin-top:50px;}

.jointxt{ font-size:25px; font-weight:500; text-align:center;}

.capcha_wrap {border:#ddd 1px solid; padding:25px; margin-top:20px; border-radius:5px; display:flex; align-items:center;}
.capcha_wrap dt {font-size:17px; color:#333; font-weight:700; width:130px;}
.capcha_wrap .capcha {display:flex; align-items:center; width:calc(100% - 130px);}
.capcha_wrap .capcha .img {height:50px; border:#ddd 1px solid;}
.capcha_wrap .capcha .img img {height:48px;}
.capcha_wrap .capcha .re {position:relative; width:40px; height:40px; background:#535353; margin:0 10px; border-radius:5px;}
.capcha_wrap .capcha .re:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; mask:url('/pub/images/icon_re.svg') no-repeat 50% 50% / 20px; -webkit-mask:url('/pub/images/icon_re.svg') no-repeat 50% 50% / 20px;}
.capcha_wrap .capcha .text {width:200px; height:50px; border:#ddd 1px solid;}
.consulting_wrap .inputs_gbox .capcha_wrap {border:0; padding:0;}
.consulting_wrap .inputs_gbox .capcha_wrap dt {font-size:20px; font-weight:700; padding:0; margin:0; border:0; width:160px;}
.consulting_wrap .inputs_gbox .capcha_wrap dd {width:calc(100% - 160px);}

/* 아이디/비번 찾기 */
.find_end {background:#f8f8f8; height:164px; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.find_end p {font-size:15px; color:#111; line-height:50px; font-family:'Nanum gothic';}
.find_end strong {font-size:24px; color:#f35e00;}
.find_end.tn p {line-height:26px;}

.mem_inputs.ippl .input {padding-left:120px;}
.input {transition:.2s linear;}
.input:focus-within {border-color:#f35e00 !important;}
.input input {outline:0;}

/* 약관 */
.yaks {padding:40px; font-size:15px; width:100%; max-width:1000px; font-family:'Nanum gothic';}
.yaks .title {font-size:25px; color:#333; font-weight:700; line-height:30px; padding-bottom:20px; margin-bottom:40px; border-bottom:#ddd 1px solid; /* font-family:'Nanum gothic'; */}
.yaks .inbox {height:calc(100vh - 211px); overflow:auto;}
.yaks .tit {color:#f35e00; font-weight:700; line-height:20px; margin:40px 0 10px;}
.yaks .tit:first-child {margin-top:0;}
.yaks p {color:#333; line-height:27px;}
.yaks.eml {max-width:600px;}
.yaks.eml .inbox {background:#f8f8f8; padding:40px; height:auto;}

/* 마이페이지 */
.mypage .title {position:relative; font-size:45px; line-height:50px; text-align:left; margin-bottom:50px;}
.mypage .title .btns {position:absolute; top:0; right:0;     transform:translate(-50%,0%);    margin:20px 0;display:flex;}
.mypage .title .btns .btn {position:relative; display:block; font-size:15px; color:#333; font-weight:700; line-height:48px; width:230px; border:#333 1px solid; padding:0 30px; margin-left:20px; font-family:'Pretendard';}
.mypage .title .btns .btn:first-child {margin-left:0;}
.mypage .title .btns .btn i {position:absolute; top:0; right:30px; width:7px; height:100%;}
.mypage .title .btns .btn i:before,
.mypage .title .btns .btn i:after {content:""; position:absolute; top:50%; left:50%; width:8px; height:2px; background:#666; margin-left:-4px;}
.mypage .title .btns .btn i:before {transform:rotate(45deg); margin-top:-4px;}
.mypage .title .btns .btn i:after {transform:rotate(-45deg); margin-top:2px;}
.mypage .inputs .input {position:relative; display:block; padding-left:100px; border:#ddd 1px solid; /*border-radius:5px;*/ margin-top:20px; background:#fff;}
.mypage .inputs .input > * {font-size:15px; line-height:58px; font-family:'Pretendard';}
.mypage .inputs .input.pl {padding-left:120px;}
.mypage .inputs .input.pl1 {padding-left:110px;}
.mypage .inputs em {position:absolute; top:0; left:25px; color:#333; font-weight:700;}
.mypage .inputs .text {display:block; color:#666; font-weight:400; border:0; width:100%; height:58px;}
.mypage .inputs.tri .input {width:calc((100% - 20px)/3);}
.mypage .lbox {position:relative; border:#ddd 1px solid; padding:40px; margin-top:100px; background:#fafafa;}
.mypage .lbox .point {position:absolute; top:-50px;}
.mypage .btit {position:relative; line-height:35px;}
.mypage .btit.bdb {margin-bottom:40px; padding-bottom:30px; border-bottom:#333 1px solid;}
.mypage .btit .btns {position:absolute; top:0; right:0; display:flex;}
.mypage .btit .btns .btn {font-size:13px; color:#333; font-weight:500; line-height:33px; height:35px; background:#fff; border:#ddd 1px solid; margin-left:20px; text-align:center; width:120px; font-family:'Pretendard';}
.mypage .btit .btns .btn:first-child {margin-left:0;}
.mypage .btit .btns .btn:hover {background:#f8f8f8;}
.mypage .btit .btns .btn_g {color:#fff; background:#323232;}
.mypage .btit .btns .btn_g:hover {background:#222;}
.mypage .btit .btns.s .btn {max-width:100px;}
.mypage .btit.lh {line-height:50px;}
.mypage .btit .more {position:absolute; top:0; right:0; font-size:15px; color:#333; font-weight:700; line-height:48px; height:50px; width:154px; border:#ddd 1px solid; padding:0 20px; background:#fff; font-family:'Pretendard';}
.mypage .btit .more i {position:absolute; top:50%; right:20px; width:26px; height:26px; border:#525252 1px solid; border-radius:50%; margin-top:-13px;}
.mypage .btit .more i:before,
.mypage .btit .more i:after {content:""; position:absolute; top:50%; left:50%; background:#333; transform:translate(-50%,-50%);}
.mypage .btit .more i:before {width:12px; height:2px;}
.mypage .btit .more i:after {width:2px; height:12px;}
.mypage .tit {font-size:20px; color:#333; font-weight:700; line-height:24px; /* font-family:'Nanum gothic'; */ margin:40px 0 20px;}
.mypage .inputs {display:flex; flex-wrap:wrap; justify-content:space-between;}
.mypage .inputs .input {width:calc(50% - 10px);}
.mypage .input.checks {display:flex; flex-direction:column; padding:20px 20px 20px 100px;}
.mypage .input.checks .check {line-height:20px; min-height:20px; margin-bottom:12px; width:100%;}
.mypage .input.checks .check:last-child {margin-bottom:0;}
.withlist_slide {position:relative; overflow:hidden; margin:0 -40px; padding:0 0 80px 40px;}
.withlist_slide .swiper-slide {width:auto;}
.withlist_slide .sv {padding-right:30px; font-size:0;}
.withlist_slide .sv:last-child {padding-right:40px;}
.withlist_slide a {position:relative; display:block; border:#ddd 1px solid; overflow:hidden; background:#fff;}
.withlist_slide a:hover {border-color:#333;}
.withlist_slide span {display:block;}
.withlist_slide .tag {position:absolute; top:0; right:0; font-size:13px; color:#fff; line-height:30px; width:40px; background:#333; text-align:center; font-family:'Nanum gothic';}
.withlist_slide .tag:before,
.withlist_slide .tag:after {content:""; position:absolute; top:30px; width:50%; height:10px; border-bottom:transparent 10px solid;}
.withlist_slide .tag:before {left:0; border-right:#333 20px solid;}
.withlist_slide .tag:after {right:0; border-left:#333 20px solid;}
.withlist_slide .img {width:100%; height:242px; line-height:242px; text-align:center; font-size:0;}
.withlist_slide .img img {display:inline-block; vertical-align:middle;}
.withlist_slide .txt {padding:25px 20px 20px;}
.withlist_slide .tt {font-size:15px; color:#333; font-weight:700; line-height:20px; height:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-family:'Nanum gothic';}
.withlist_slide p {position:relative; font-size:13px; color:#333; line-height:25px; text-align:right; padding-left:70px; font-family:'Nanum gothic';}
.withlist_slide p em {position:absolute; top:0; left:0; font-weight:700;}
.withlist_slide .btm {margin-top:25px; display:flex; justify-content:space-between;}
.withlist_slide .btm .like {position:relative; line-height:1px; width:16px; font-size:16px; border-bottom:#9d9d9d 1px solid; text-align:center;}
.withlist_slide .btm .like input {display:none;}
.withlist_slide .btm .like i {font-weight:700; transition:.2s linear;}
/* .withlist_slide .btm .like input:checked + i {font-weight:900;} */
.withlist_slide .btm .like i {width:16px; height:30px; line-height:30px; font-size:0; color:#333; background:url('/pub/images/icon_heart.png') no-repeat 50% 50% / contain;}
.withlist_slide .btm .like input:checked + i {/* font-size:27px; background:none; */ background-image: url('/pub/images/icon_heart_on.svg');}
.withlist_slide .btn {font-size:13px; color:#333; font-weight:700; line-height:28px; height:30px; width:100px; text-align:center; border:#333 1px solid; transition:.2s linear; font-family:'Pretendard';}
.withlist_slide a:hover .btn {color:#fff; background:#000; border-color:#000;}
.mypage .swiper_arrow {position:absolute; top:auto; bottom:0; width:30px; height:30px; border:#32323280 1px solid; background:no-repeat #fff 50% 50% / 8px; z-index:10;}
.mypage .swiper_arrow:before,
.mypage .swiper_arrow:after {content:""; position:absolute; top:50%; left:50%; width:10px; height:10px; margin-top:-5px; transform:rotate(45deg); transition:.2s linear;}
.mypage .swiper-button-prev:before {border-bottom:#111 2px solid; border-left:#111 2px solid; margin-left:-3px;}
.mypage .swiper-button-next:before {border-top:#111 2px solid; border-right:#111 2px solid; margin-left:-7px;}
.mypage .swiper_arrow:hover:before,
.mypage .swiper_arrow:hover:after {border-color:#ff6400;}
.mypage .swiper-button-prev {left:50%; margin-left:-80px; right:auto; /* background-image:url('/pub/images/icon_arrow_prev.svg'); */}
.mypage .swiper-button-next {right:50%; margin-right:-80px; left:auto; /* background-image:url('/pub/images/icon_arrow_next.svg'); */}
.mypage .swiper-pagination {position:absolute; bottom:0; left:50%; width:100px; height:30px; line-height:30px; text-align:center; font-size:12px; color:#323232; font-weight:700; text-align:center; transform:translate(-50%,0); font-family:'Pretendard';}
.mypage .swiper-pagination span {display:inline-block; vertical-align:top;}
.list_slide {position:relative; padding-bottom:60px; margin-bottom:50px; overflow:hidden;}
.list_slide table {border-top:#323232 1px solid;}
.list_slide thead th,
.list_slide tbody td {border-bottom:#3232324d 1px solid; border-left:none; border-right:none; text-align:center; font-size:15px; font-weight:700; font-family:'Pretendard';}
.list_slide thead th {font-weight:500;}
.list_slide tbody td.dab {font-weight:900;}
.list_slide tbody td.dab.end {color:#ff6400;}
.list_slide tbody .btn {display:block; font-size:15px; color:#323232; font-weight:700; line-height:28px; height:30px; border:#323232 1px solid; width:100%; max-width:100px; margin:0 auto; font-family:'Pretendard';}
.list_slide tbody .btn:hover {color:#fff; background:#323232;}
.list_slide tbody .btn.gray { background: #323232; color: #fff; }
.list_slide tbody .btn.gray:hover { color:#323232; background: #fff; }
.list_slide col.w1 {width:10%;}
.list_slide col.w2 {width:12%;}
.list_slide col.w3 {width:20%;}
.list_slide col.w4 {width:12%;}
.list_slide col.w5 {width:14%;}
.btm_txt {text-align:center; margin-top:50px;}
.btm_txt * {color:#323232;}
.btm_txt strong {display:block; font-size:25px; font-weight:900; line-height:34px;}
.btm_txt b {display:block; font-size:15px; font-weight:700; line-height:20px; margin:20px 0 10px; font-family:'Pretendard';}
.btm_txt p {font-size:15px; line-height:20px; font-family:'Pretendard';}
.edu_slide {position:relative; overflow:hidden; padding-bottom:80px;}
.edu_slide .swiper-slide table {border:#323232 1px solid;}
.edu_slide .swiper-slide th,
.edu_slide .swiper-slide td {font-size:15px; color:#323232; line-height:20px; padding:10px; height:60px; border-bottom:#3232324d 1px solid; font-family:'Pretendard';}
.edu_slide .swiper-slide th {font-weight:900; width:110px; border-right:#3232324d 1px solid;}
.edu_slide .swiper-slide td {font-weight:700;}
.edu_slide .swiper-slide tr:last-child th,
.edu_slide .swiper-slide tr:last-child td {border-bottom:0;}
.edu_slide .swiper-slide .end {color:#ff6400;}
.edu_slide .btns {margin-top:20px; text-align:center; font-size:0;}
.edu_slide .btns .btn {display:inline-block; vertical-align:top; font-size:15px; color:#323232; font-weight:700; line-height:28px; height:30px; width:120px; text-align:center; border:#323232 1px solid; margin:0 5px; font-family:'Pretendard';}
.edu_slide .btns .btn_b {color:#fff; background:#323232;}
.edu_info {margin-top:100px;}
.edu_info.mth {margin-top:50px;}
.edu_info .btit {padding-bottom:30px; border-bottom:#323232 2px solid; margin-bottom:30px;}
.edu_info dl {display:flex;}
.edu_info dl * {color:#323232;}
.edu_info dt {width:340px;}
.edu_info dt strong {display:block; font-size:20px; font-weight:900; line-height:30px;}
.edu_info dt p {font-size:15px; font-weight:900; line-height:20px; font-family:'Pretendard';}
.edu_info dd {width:calc(100% - 340px);}
.edu_info dd b {font-size:15px; font-weight:700; line-height:30px; font-family:'Pretendard';}
.edu_info dd p {font-size:15px; line-height:27px; font-family:'Pretendard';}

.list_slide.tbl td {line-height:20px; padding:10px;}
.list_slide .paging {display:flex; justify-content:center; width:100%; margin-top:30px;}
.list_slide .paging .arrow {position:relative; display:inline-block; vertical-align:top; width:30px; height:30px; border:#333 1px solid; font-size:0; z-index:10; background:#fff;}
.list_slide .paging .arrow:before,
.list_slide .paging .arrow:after {content:""; position:absolute; top:50%; left:50%; width:10px; height:10px; margin-top:-5px; transform:rotate(45deg); transition:.2s linear;}
.list_slide .paging .arrow.prev:before {border-bottom:#111 2px solid; border-left:#111 2px solid; margin-left:-3px;}
.list_slide .paging .arrow.next:before {border-top:#111 2px solid; border-right:#111 2px solid; margin-left:-7px;}
.list_slide .paging .arrow:hover:before,
.list_slide .paging .arrow:hover:after {border-color:#ff6400;}
/* .list_slide .paging .arrow:before,
.list_slide .paging .arrow:after {content:""; position:absolute; top:50%; left:50%; width:9px; height:1px; background:#333; margin-left:-5px;}
.list_slide .paging .arrow:before {margin-top:-3px;}
.list_slide .paging .arrow:after {margin-top:3px;}
.list_slide .paging .prev {left:0;}
.list_slide .paging .prev:before {transform:rotate(-45deg);}
.list_slide .paging .prev:after {transform:rotate(45deg);}
.list_slide .paging .next {right:0;}
.list_slide .paging .next:before {transform:rotate(45deg);}
.list_slide .paging .next:after {transform:rotate(-45deg);} */
.list_slide .paging .page {width:100px; font-size:16px; color:#333; font-weight:700; line-height:30px; text-align:center; font-family:'Pretendard';}

.pop_page {width:1000px; max-width:100%; padding:40px;}
.pop_page.sml {width:600px;}
.pop_page .title {font-size:25px; color:#333; font-weight:700; line-height:30px; /* font-family:'Nanum gothic'; */ text-align:center; margin-bottom:60px;}
.pop_page .mem_inputs {width:100%;}
.pop_page .mem_inputs .input {padding-left:150px;}
.pop_page .mem_inputs .mail .checkarea {justify-content:flex-start;}
.pop_page .mem_inputs .mail .checkarea .check {margin-left:70px;}
.pop_page .btit {font-size:18px; color:#333; font-weight:900; line-height:40px; /* font-family:'Nanum gothic'; */ margin:50px 0 20px; position:relative;}
.pop_page .inbox {height:calc(100vh - 240px); overflow:auto;}
.pop_page .gbox {width:680px; max-width:100%; padding:40px; font-size:15px; color:#333; line-height:26px; text-align:center; margin:50px auto; font-family:'Pretendard';}
.pop_page .gbox dl {display:flex; margin-top:20px; padding-top:20px; border-top:#ddd 1px solid; width:100%;}
.pop_page .gbox dl:first-child {padding-top:0; margin-top:0; border-top:0;}
.pop_page .gbox dl > * {font-size:15px; color:#333; line-height:25px; text-align:left; font-family:'Pretendard';}
.pop_page .gbox dt {font-weight:700; padding-left:30px; width:180px;}
.pop_page .btns {display:flex; justify-content:center;}
.pop_page .btns .btn {font-size:15px; color:#fff; font-weight:500; line-height:50px; height:50px; width:180px; text-align:center; margin:0 10px; background:#333; border:0; font-family:'Pretendard';}
.pop_page .btns .btn_l {color:#333; line-height:48px; border:#ddd 1px solid; background:#fff;}
.pop_page .lbox {border:#ddd 1px solid; margin-top:30px; padding:20px; font-size:15px; color:#333; line-height:27px; height:240px; overflow:auto; font-family:'Pretendard';}

.mypage .mytbl {margin-bottom:30px;}
.mypage .mytbl col.w1 {width:130px;}
.mypage .mytbl col.w2 {width:110px;}
.mypage .mytbl col.w3 {width:100px;}
.mypage .mytbl col.w4 {width:100px;}
.mypage .mytbl col.w5 {width:110px;}
.mypage .mytbl col.w6 {width:130px;}
.mypage .mytbl col.w11 {width:75px;}
.mypage .mytbl col.w12 {width:80px;}
.mypage .mytbl col.w13 {width:120px;}
.mypage .mytbl col.w14 {width:130px;}
.mypage .mytbl col.w15 {width:120px;}
.mypage .mytbl col.w16 {width:80px;}
.mypage .mytbl col.w17 {width:90px;}
.mypage .mytbl th,
.mypage .mytbl td {font-size:15px; color:#333; line-height:26px; text-align:center; font-family:'Nanum gothic';}
.mypage .mytbl th {font-weight:700; padding-bottom:20px; border-bottom:#333 1px solid;}
.mypage .mytbl td {padding:20px 0; border-bottom:#ddd 1px solid;}
.mypage .mytbl .btns .btn {display:block; font-size:13px; color:#333; font-weight:700; line-height:33px; height:35px; width:120px; text-align:center; background:#f8f8f8; border:#ddd 1px solid; margin-top:10px; font-family:'Nanum gothic';}
.mypage .mytbl .btns .btn:first-child {margin-top:0;}
.mypage .mytbl .btns .btn.btn1_on {color:#fff; background:#f35e00; border-color:#f35e00;}
.mypage .mytbl .btns .btn.btn2_on {color:#fff; background:#333; border-color:#333;}
.mypage .mytbl .btns .btn.off {cursor:default;}
.mypage .pbox p {padding-left:15px; text-indent:-15px;}
.mypage .btn_view {display:block; font-size:13px; color:inherit; font-weight:700; line-height:28px; height:30px; width:60px; border:#333 1px solid; margin:0 auto; font-family:'Nanum gothic';}

/* 통합검색 */
.total_search_results .title {font-size:45px; line-height:45px; margin-bottom:100px;}
.total_search_results .search_box {position:relative;  height:50px;  line-height:50px; background:#323232; padding-right:50px;margin-bottom:50px;border-radius:25px;}
.total_search_results .search_box .text {display:block;width:100%; height:50px;border:0;background:none;outline:0; font-size:18px; color:#fff; font-weight:700; padding:0 20px;line-height:46px; font-family:'Nanum gothic';}
.total_search_results .search_box .btn {position:absolute; top:0; right:0; width:50px; height:50px; background:url('/pub/images/icon_search2.png') no-repeat 50% 50%; font-size:0; border:0;}
.total_search_results .tag {position:relative; /* padding-left:116px; */ min-height:20px; font-size:16px; color:#323232; line-height:20px; margin-bottom:100px; justify-content:center; font-family:'Nanum gothic';}
.total_search_results .tag dt {/* position:absolute; top:0; left:0;  */width:116px; text-align:center; font-weight:900;}
/* .total_search_results .tag dt:after {content:""; position:absolute; top:50%; right:0; width:2px; height:14px; background:#f66c10; margin-top:-7px;} */
.total_search_results .tag dd {padding-left:20px; display:flex; flex-wrap:wrap; margin-top:-10px;}
.total_search_results .tag dd span {color:rgba(0,0,0,.5); margin-top:10px;}
.total_search_results .tag dd span span {color:inherit; margin:0; cursor:pointer;}
.total_search_results .tag .del {display:inline-block; vertical-align:top; position:relative; width:20px; height:20px; border-radius:50%; background:#323232; margin-left:10px; margin-right:30px;}
.total_search_results .tabs {display:flex; flex-wrap:wrap; align-items:center; width:100%; border-top:#ddd 1px solid; border-left:#ddd 1px solid; margin-bottom:50px;}
.total_search_results .tabs a {position:relative; flex:0 0 calc(100%/7); font-size:15px; color:#333; font-weight:700; line-height:20px; height:48px; text-align:center; font-family:'Nanum gothic'; display:flex; justify-content:center; align-items:center; border-right:#ddd 1px solid; border-bottom:#ddd 1px solid;}
.total_search_results .tag .btm {font-weight:900; width:90px; justify-content:flex-end;}
.total_search_results .tag .btm .del {margin:0 0 0 10px;}
/* .total_search_results .tabs a:before {content:""; position:absolute; top:50%; left:0; width:1px; height:14px; background:#999; margin-top:-7px;}
 */.total_search_results .tabs a:first-child:before {display:none;}
.total_search_results .tabs a:hover {color:#ff6400;}
.total_search_results .tabs a.on {color:#fff;background-color:#ff6400; font-weight:900;}
.total_search_results .search_list > .tit {position:relative; font-size:25px; color:#333; font-weight:700; line-height:30px; padding:100px 0 20px; border-bottom:#333 1px solid; /* font-family:'Nanum gothic'; */}
/* .total_search_results .tit .count {position:absolute; bottom:20px; right:0; font-size:15px; font-weight:400; line-height:20px; font-family:'Noto Sans Korean', sans-serif;}
 */.total_search_results .tit .count strong {color:#ff6400; font-weight:700;}
.total_search_results .search_list {overflow:hidden;margin-top:150px;}
.total_search_results .search_area + .search_list {margin-top:100px;}
.total_search_results .search_list > ul {margin-top:-20px; /* overflow:hidden; */}
.total_search_results .search_list > ul > li {display:flex; padding:30px 40px; border:#ddd 1px solid; margin:0; margin-top:50px;}
.total_search_results .search_list > ul > li > a {display:flex;/*  padding:30px 40px; */ background:none; font-size:0;}
.total_search_results .search_list > ul > li > a img {width:100%; height:100%; object-fit:cover;}
.total_search_results .search_list a .txt > span {display:flex;}
/* .total_search_results .search_list .img {border:#ddd 1px solid;} */
.total_search_results .search_list .txt {padding-left:30px;}
.total_search_results .search_list a .txt .tit,
.total_search_results .search_list .tt {font-size:20px; color:#333; font-weight:900; line-height:26px; /* font-family:'Nanum gothic'; */ margin-bottom:10px; display:flex;}
.total_search_results .search_list .tt i {position:relative; width:36px; height:26px;}
.total_search_results .search_list .tt i:before,
.total_search_results .search_list .tt i:after {content:""; position:absolute; top:50%; left:50%; width:9px; height:1px; background:#333; margin-left:-5px;}
.total_search_results .search_list .tt i:before {transform:rotate(45deg); margin-top:-3px;}
.total_search_results .search_list .tt i:after {transform:rotate(-45deg); margin-top:3px;}
.total_search_results .search_list strong {color:#ff6400; font-weight:inherit;}
.total_search_results .search_list em,
.total_search_results .search_list p {display:block; font-size:15px; color:#333; font-family:'Pretendard' !important;}
.total_search_results .search_list em {line-height:20px; margin-bottom:20px;}
.total_search_results .search_list p {line-height:27px;}
.total_search_results .search_list .more {padding-left:20px; position:relative;margin:0 auto;width:180px; height:50px; line-height:48px; display:flex; flex-direction:row; border:#333 1px solid; font-size:15px; color:#333; font-weight:900;align-items:center; margin-top:100px;}
.total_search_results .search_list .more em {display:block; margin:0; width:100%; padding:0;}
.total_search_results .search_list .more i {position:absolute; top:50%;right:20px;width:28px; height:28px;border:#525252 1px solid;border-radius:50%;margin-top:-14px;}
.total_search_results .search_list .more i:before,
.total_search_results .search_list .more i:after {content:""; position:absolute; top:50%; left:50%; background:#525252;transform:translate(-50%,-50%);}
.total_search_results .search_list .more i:before {width:12px; height:2px;}
.total_search_results .search_list .more i:after {width:2px; height:12px;}
.total_search_results .search_list .total_search_results .search_list .more i:after {width:2px; height:12px;}
.total_search_results .search_list .video_list {display:flex; flex-wrap:wrap; margin-top:-30px;}
.total_search_results .search_list .video_list li {width:calc((100% - 60px)/3); margin:30px 0 0 29px; padding:0; border:0;}
.total_search_results .search_list .video_list li:nth-child(3n-2) {margin-left:0;}
.total_search_results .search_list .video_list li a {display:block; width:100%; padding:0;}
.total_search_results .search_list .video_list li .img {display:flex ;border:#ddd 1px solid; font-size:0;}
.total_search_results .search_list .video_list li .txt {display:block; padding:20px 0 0;}
.total_search_results .search_list .video_list li .tit {font-size:20px; color:#333; font-weight:700; line-height:30px; height:60px; overflow:hidden; /* font-family:'Nanum gothic'; */ margin-bottom:10px;}
.total_search_results .search_list .video_list li p {font-size:15px; color:#333; line-height:20px; font-family:'Pretendard';}
.total_search_results .search_list .btns .btn em {line-height:38px; margin:0;}
.total_search_results .search_list .btns .btn:hover em {color:#fff;}

.total_search_top .select_label label, .total_search_top .select_label select{font-size:15px; font-family:'Pretendard';}
.total_search_top{display:flex; justify-content:space-between;margin-bottom:30px; align-items:center;}
.total_search_top .select_label {margin-right:0;}
.total_search_results .search_list .tit{font-size:25px;font-weight:900;color:#333;}
.total_search_results .search_list .tit span.count{font-size:20px; font-weight:400;}
.total_search_results .search_list .tit span.num{/* color:#ff6400; */ font-weight:900;}
.search_list .list_slide {width:100%; font-size:0; padding-bottom:0; margin-bottom:0;}
.search_list .list_slide .slick-list {width:calc(100% + 27px);}
.search_list .slick-track {min-width:100%;}
.search_list .list_slide .sv {width:99% !important;padding-right:27px; font-size:0;}
.search_list .list_slide a {position:relative; display:block; border:#ddd 1px solid; overflow:hidden;}
.search_list .list_slide a:hover {border-color:#333;}
.search_list .list_slide span {display:block;}
.search_list .list_slide .tag {position:absolute; top:0; right:0; font-size:13px; color:#fff; line-height:30px; width:40px; background:#333; text-align:center; font-family:'Pretendard';}
.search_list .list_slide .tag:before,
.search_list .list_slide .tag:after {content:""; position:absolute; top:30px; width:50%; height:10px; border-bottom:transparent 10px solid;}
.search_list .list_slide .tag:before {left:0; border-right:#333 20px solid;}
.search_list .list_slide .tag:after {right:0; border-left:#333 20px solid;}
.search_list .list_slide .img {width:100%; /* height:242px; line-height:242px;  */text-align:center; font-size:0;}
.search_list .list_slide .img img {display:inline-block; vertical-align:middle;}
.search_list .list_slide .txt {padding:25px 20px 20px;}
.search_list .list_slide .tt {font-size:15px; color:#333; font-weight:900; line-height:20px; height:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-family:'Pretendard';}
.search_list .list_slide p {position:relative; font-size:13px; color:#333; line-height:25px; text-align:right; padding-left:70px; font-family:'Pretendard';}
.search_list .list_slide p em {position:absolute; top:0; left:0; font-weight:700;}
.search_list .list_slide .btm {margin-top:25px; display:flex; justify-content:space-between;}
.search_list .list_slide .btm .like {position:relative; line-height:28px; width:16px; font-size:16px; border-bottom:#9d9d9d 1px solid; text-align:center; font-family:'Pretendard';}
.search_list .list_slide .btm .like input {display:none;}
.search_list .list_slide .btm .like i {font-weight:500; transition:.2s linear;}
.search_list .list_slide .btm .like input:checked + i {font-weight:900;}
.search_list .list_slide .btn {font-size:13px; color:#333; font-weight:900; line-height:28px; height:30px; width:100px; text-align:center; border:#333 1px solid; transition:.2s linear; font-family:'Pretendard';}
.search_list .list_slide a:hover .btn {color:#fff; background:#000; border-color:#000;}
.search_list .list_slide .slick-arrow {position:absolute; bottom:0; width:30px; height:30px; border:#333 1px solid; font-size:0; z-index:1;}
.search_list .list_slide .slick-arrow:before,
.search_list .list_slide .slick-arrow:after {content:""; position:absolute; top:50%; left:50%; width:9px; height:1px; background:#333; margin-left:-5px;}
.search_list .list_slide .slick-arrow:before {margin-top:-3px;}
.search_list .list_slide .slick-arrow:after {margin-top:3px;}
.search_list .list_slide .slick-prev {left:-208px;}
.search_list .list_slide .slick-prev:before {transform:rotate(-45deg);}
.search_list .list_slide .slick-prev:after {transform:rotate(45deg);}
.search_list .list_slide .slick-next {left:-88px;}
.search_list .list_slide .slick-next:before {transform:rotate(45deg);}
.search_list .list_slide .slick-next:after {transform:rotate(-45deg);}
.search_list .list_slide .custom_paging {position:absolute; bottom:0; left:-208px; width:150px;}
.search_list .list_slide .custom_paging li {position:absolute; bottom:0; left:0; width:100%; font-size:16px; color:#333; font-weight:700; line-height:30px; text-align:center; display:none; font-family:'Pretendard';}
.search_list .list_slide .custom_paging li.slick-active {display:block;}
.search_list .list_slide .custom_paging li strong {font-weight:700;}
.search_list .list_slide_l2 .slick-slide > div {padding-top:30px; margin-top:30px; border-top:#ddd 1px solid;}
.search_list .list_slide_l2 .slick-slide > div:first-child {padding-top:0; margin-top:0; border-top:0;}
.search_list .list_slide_non {display:flex; flex-wrap:wrap; overflow:hidden;}
.search_list .list_slide_non .sv {position:relative; width:calc((100% - 90px) / 4) !important; padding:30px 0 0; margin:30px 0 0 30px;}
.search_list .list_slide_non .sv:nth-child(4n-3) {margin-left:0;}
.search_list .list_slide_non .sv:before {content:""; position:absolute; top:0; left:0; width:100vw; height:1px; background:#ddd;}
.search_list .list_slide_non .sv:nth-child(-n+4) {margin-top:0; padding-top:0;}
.search_list .list_slide_non .sv:nth-child(-n+4):before {display:none;}
.search_list .list_slide_non .sv .img {max-width:100%;}

/* 제품 */
.total_search_results .search_product .tit {padding-top:0;}
/* .total_search_results .search_product .img {width:272px;}
.total_search_results .search_product .txt {width:calc(100% - 272px);} */
/* 소프트웨어 */
.total_search_results .search_software .img {width:220px;}
.total_search_results .search_software .txt {width:calc(100% - 220px);}
.search_software .name {width:215px; height:240px; display:flex; justify-content:center; align-items:center; flex-direction:column; background:#525252; border:#ddd 1px solid;}
.search_software .name strong {display:block; font-size:30px; color:#fff; font-weight:900; line-height:30px; margin:25px 0 15px; /* font-family:'Nanum gothic'; */}
.search_software .name p {font-size:15px; color:#fff; font-weight:700; line-height:20px; margin:25px 0 15px; font-family:'Pretendard';}
.search_software .name em {font-size:15px; color:#fff; line-height:20px; margin-bottom:0; font-family:'Pretendard';}
.search_software .txt {width:calc(100% - 380px); padding-left:30px;}
.search_software .txt .tt {font-size:25px; color:#333; font-weight:900; line-height:30px; /* font-family:'Nanum gothic'; */ /* margin-bottom:20px; */}
.search_software .txt li {position:relative;font-weight:700; font-size:15px; color:#333; line-height:27px; padding-left:10px; text-indent:-10px; font-family:'Pretendard';}
.search_software .txt li span{position:relative;font-size:15px; font-weight:400;margin-left:50px; font-family:'Pretendard';}
.search_software .txt li span:before{content:'';width:1px; height:15px; background:#ddd;position:absolute;top:50%;transform:translate(0,-50%);left:-20px;}
.search_software .txt li:nth-child(2) span{margin-left:67px;}
.search_software .txt li:nth-child(3) span{margin-left:40px;}
.search_software .txt .tlt .tt { justify-content:space-between;}
.search_software .txt .tlt .tt p{font-size:20px; font-weight:700; /* color:#ff6400; */}
.search_software .txt .sub_tlt{padding:10px 0 0px 0;border-top:1px solid #ddd; font-size:15px; color:#333;font-weight:900;}

.search_list .soft_txt {margin-left:0;}
.soft_txt dl{margin-top:10px; display:table; width:100%; table-layout:fixed;}
.soft_txt dl > *{display:table-cell;}
.soft_txt dt{width:100px; height:25px; line-height:23px; font-size:15px; color:#333; font-weight:700; font-family:'Pretendard' !important;}
.soft_txt dd{ padding-left:10px; font-size:15px; color:#333; line-height:25px;position:relative; font-family:'Pretendard' !important;}
.soft_txt dd:before{content:'';width:1px; height:15px; background:#ddd;position:absolute;top:50%;transform:translate(0,-50%);left:-10px;}
.search_software .btns{ margin-top:20px; display:flex; justify-content:flex-end; gap:20px;}
.search_software .btns .btn{position:relative; font-size:13px; color:#333; font-weight:900;padding:0 10px; height:40px; width:calc((100% - 40px)/3);background:#fff; border:#333 1px solid; font-family:'Pretendard';}
.search_software .btns .btn:after{content:'';position:absolute;top:50%; right:10px;width:22px; height:22px;transform:translate(0,-50%); background:url('/pub/images/filedown.png') no-repeat;}
.search_software .btns .btn:hover:after {background:#fff; mask:url('/pub/images/filedown.png') no-repeat; -webkit-mask:url('/pub/images/filedown.png') no-repeat;}


/* 카탈로그 */
.total_search_results .search_catalog li {border-left:0; border-right:0; border-top:0;}
.total_search_results .search_catalog .txt .tit {font-size:20px;}

.search_catalog .download_wrap .btns .btn{line-height:unset; text-align:left; margin-top:0}
.search_catalog .txt .tlt .tt { justify-content:space-between;}
.search_catalog .txt .tlt .tt p{font-size:20px; font-weight:700; color:#323232; }
.search_catalog .txt .sub_tlt{    margin-bottom:30px;padding:10px 0 0px 0;border-top:1px solid #ddd; font-size:15px; color:#333;font-weight:900; font-family:'Pretendard';}
.catalog_txt dl{margin-top:10px; display:table; width:100%; table-layout:fixed;}
.catalog_txt dl > *{display:table-cell;}
.catalog_txt dt{width:100px; height:25px; line-height:25px; font-size:15px; color:#333;font-weight:700; font-family:'Pretendard';}
.catalog_txt dd{padding-left:10px; font-size:15px; color:#333; line-height:25px;position:relative; font-family:'Pretendard';}
.catalog_txt dd .over_fit {max-height:75px; overflow:hidden;}
.catalog_txt dd:before{content:'';width:1px; height:15px; background:#ddd;position:absolute;top:5px;left:-10px;}
.catalog_txt dl>nth-child(2) dd {padding-right:220px;}
.search_catalog .btns{ margin-top:20px; display:flex; justify-content:space-between;}
.search_catalog .btns .btn{margin-right:10px;position:relative; font-size:13px; color:#333; font-weight:700;padding:0 10px; height:40px; width:130px;background:#fff; border:#333 1px solid; font-family:'Pretendard';}
.search_catalog .btns .btn:after{content:'';position:absolute;top:50%; right:10px;width:22px; height:22px;transform:translate(0,-50%); background:url('/pub/images/filedown.png') no-repeat;}
.search_catalog .btns .btn:last-child{margin-right:0;}

.catalog_service_btm_links p{text-align:center;}
/* 인증서  */
.total_search_results .search_certification li {border-left:0; border-right:0; border-top:0;}
.total_search_results .search_certification .txt .tit {font-size:20px;}
/* 매뉴얼 */
.total_search_results .search_menual .img {width:314px;}
.total_search_results .search_menual .txt {width:calc(100% - 314px);}
/* 자주찾는 질문 */
.total_search_results .search_faq a {display:flex; width:100%; flex-direction:column;}
.total_search_results .search_faq p {font-size:15px; color:#333; font-weight:700; line-height:24px; font-family:'Pretendard';}
.total_search_results .search_faq p em {font-size:20px; font-weight:700; display:inline-block; vertical-align:top; margin:0 10px 0 0; /* font-family:'Nanum gothic'; */}
.sc_faq .box{display:flex; justify-content:space-between;  margin-bottom:100px;}
.sc_faq .box:last-child {margin-bottom:0;}
.sc_faq .box .tit{width:155px;  margin-right:60px; margin-bottom:0;}
.sc_faq .tit strong {text-align:left;display:block;font-size:25px; color:#333; font-weight:700; line-height:25px; font-family:'Pretendard'; margin-bottom:30px;}
.sc_faq .tit.lh strong {line-height:30px;}

/* 교육 */
.total_search_results .search_edu .img {position:relative; font-size:0;}
.total_search_results .search_edu .img i {position:absolute; top:20px; right:20px; font-size:13px; color:#fff; font-weight:700; line-height:25px; height:25px; width:70px; text-align:center; border-radius:5px; font-family:'Pretendard';}
.total_search_results .search_edu .img i.end {background:#666;}
.total_search_results .search_edu .img i.ing {background:#ff6400;}
.total_search_results .search_edu .txt .tit {display:block; font-size:20px; color:#333; font-weight:900; line-height:24px; /* font-family:'Nanum gothic'; */ padding-bottom:5px;}
.total_search_results .search_edu .txt dl {margin-top:10px; display:flex;}
.total_search_results .search_edu .txt dt {width:70px; font-size:13px; color:#ff6400; font-weight:700; line-height:23px; height:25px; border:#ff6400 1px solid; border-radius:5px; text-align:center; font-family:'Pretendard';}
.total_search_results .search_edu .txt dd {width:calc(100% - 70px); font-size:15px; color:#333; line-height:25px; padding-left:10px; font-family:'Pretendard';}
/* Q&A */
.total_search_results .search_list .qna_list > li {padding:0; margin-top:10px;}
.total_search_results .search_list .qna_list > li:first-child {margin-top:0;}
.total_search_results .search_list .qna_list > li * {margin:0;}
.total_search_results .search_list .qna_list > li a {display:table;}
.total_search_results .search_list .qna_list > li a > * {display:table-cell;}

/*구축상담 상담하기 팝업*/
.pop_solution{width:1000px;    max-width:100%;}
.pop_solution .outbox{padding:30px;}
.pop_solution .tit{font-size:25px; font-weight:700; color:#333;margin-bottom:40px;}
.pop_solution .inbox{padding:30px;border:1px solid #ddd;}
.pop_solution .inbox .tt{font-size:20px; font-weight:900; color:#333;}
.pop_solution .inbox dd{display:flex; flex-wrap:wrap;justify-content:space-between;}
.pop_solution .inbox dd .input { position:relative; width:calc(50% - 10px); margin:15px 0 0 0px; padding-left:100px;height:50px; border:#ddd 1px solid; background:#fff;}
.pop_solution .inbox dd .input em {  position:absolute; top:0; left:20px; font-size:15px; color:#333; font-weight:700; line-height:48px; font-family:'Nanum gothic';}
.pop_solution .inbox dd .input .text { height:48px; width:100%; border:0; font-size:15px; color:#333; padding:0; font-family:'Nanum gothic';}
.pop_solution .inbox .select_label{ position:relative; width:calc(50% - 10px); margin:15px 0 0 0px; padding-left:100px;height:50px; border:#ddd 1px solid; background:#fff;}
.pop_solution .inbox .select_label label{  position:absolute; top:0; left:20px; font-size:15px; color:#333; font-weight:700; line-height:48px; font-family:'Nanum gothic';}
.pop_solution .inbox .select_label i{right:20px;}
.pop_solution .inbox textarea.text{  margin-top:15px;padding:15px;font-size:15px;}
.pop_info_bottom{margin-top:50px;display:flex;justify-content:space-between;}
.pop_info_bottom .con{display:flex;}
.pop_info_bottom p.tlt{font-size:15px; font-weight:900; margin-right:30px; font-family:'Nanum gothic';}
.pop_info_bottom p{font-size:15px;color:#333; font-family:'Nanum gothic';}
.pop_info_bottom .con.mail{position:relative;}
.pop_info_bottom .con.mail:after{background:#ddd;position:absolute; content:'';width:1px;height:40px;top:50%; left:-80px;transform:translate(0,-50%);}
.pop_info_bottom .btn_submit{width:174px; height:50px; line-height:48px;font-size:15px; font-weight:900; color:#333; border:1px solid #333;text-align:center; font-family:'Nanum gothic';}

/*제휴상담 상담하기 팝업*/
.pop_solution2 .tit{text-align:center; margin-bottom:30px;}
.pop_solution2 .partnership_txt{margin-bottom:50px;display:flex; text-align:center;padding-top:30px; border-top:1px solid #333;justify-content:space-between;}
.pop_solution2 .partnership_txt li{}
.pop_solution2 .partnership_txt li p.tlt{font-size:20px; font-weight:900; color:#333;margin-bottom:30px;}
.pop_solution2 .partnership_txt li p.txt{font-size:15px; font-weight:400; color:#333;margin-bottom:20px; font-family:'Nanum gothic';}

/*서비스센터 검색 결과*/
.scl .title{margin-bottom:100px;}
.scl .faq_top{margin-bottom:100px;}
.ftabs2 a{ width:calc((100% - 60px)/2);}
.scr_list .con .quetlt i{width:unset; padding:0 10px;}
/* .scl .board_bottom .paging{margin-top:30px;} */
.scl .best_faq{padding-bottom:0;}
.scl .sc_faq .box{margin-bottom:0;}

/*해외*/
.network2_1 .tit{    font-size:30px; color:#333;   font-weight:700; text-align:center;}
.network2_1 .inbox{    border-top:#333 1px solid;  padding-top:30px;}
.network2_1 .inbox .tt{color:#333;  font-weight:700;  line-height:30px;font-size:25px;  margin:60px 0 30px;}
.network2_1 .input{position:relative;margin-top:20px; display:flex; flex-wrap:wrap; border:#ddd 1px solid; border-radius:5px;  padding-left:100px;}
.network2_1 .input:first-child{margin-top:0;}
.network2_1 .input em{    position:absolute; top:0; left:25px; font-size:15px; color:#333; line-height:58px; height:58px; font-weight:700; font-family:'Nanum gothic';}
.network2_1 .input .text{    width:100%; height:58px; font-size:15px; color:#333; font-weight:700; padding:0 25px;  outline:0;  border:0; font-family:'Nanum gothic';}
.network2_1 .add{overflow:hidden; margin-top:20px;}
.network2_1 .input .w1{width:calc(100% - 100px);  margin-right:-20px;}
.network2_1 .input button{    position:relative;width:120px;font-size:17px; color:#fff; font-weight:700; line-height:60px; height:60px;  background:#535353;  z-index:1;  border-radius:5px;}
.network2_1 .mail{display:flex;  flex-wrap:wrap;  margin-top:20px;}
.network2_1 .mail em.e{    position:relative; left:0;  width:34px; line-height:60px; text-align:center; font-size:15px; color:#333; font-weight:700; font-family:'Nanum gothic';}
.network2_1 .select_label{    width:210px; margin:0; border:#ddd 1px solid; height:60px;  line-height:60px; border-radius:5px;}
.network2_1 .select_label label{    height:58px; line-height:58px; font-size:15px; padding:0 25px; border-radius:5px; font-family:'Nanum gothic';}
.network2_1 .select_label i{right:25px;}
.network2_1 .select_label select{height:58px; font-size:15px;  color:#333;  border-radius:5px; font-family:'Nanum gothic';}
.network2_1 .btn{display:block; font-size:15px; color:#fff; font-weight:700; line-height:50px; height:50px; width:260px; border:0; background:#333; margin:60px auto 0; font-family:'Nanum gothic';}

/* 버튼에 애니메이션 */
.btn_ani {position:relative;}
.btn_ani:before {content:""; position:absolute; top:0; left:0; background:#323232; width:100%; height:100%; z-index:0; opacity:0; /*transition:.2s linear;*/}
.btn_ani span,
.btn_ani em {position:relative; z-index:1; transition:.2s linear; font-family:inherit;}
.btn_ani span {display:block; width:100%;}
.dl_tbl dt a.btn_ani em {font-size:inherit; color:#323232; font-weight:inherit;}
.dl_tbl dt a.btn_ani:hover span,
.dl_tbl dt a.btn_ani:hover em {color:#fff;}
.total_search_results .search_list .more.btn_ani:hover i {border-color:#fff;}
.total_search_results .search_list .more.btn_ani:hover i:before,
.total_search_results .search_list .more.btn_ani:hover i:after {background-color:#fff;}
.download_wrap .btn_ani:hover em,
.btn_ani:hover {color:#fff !important;}
.btn_ani:hover:before {opacity:1;}
.qna_view tfoot td .down:hover:after,
.dl_tbl dt a:hover:after,
.downbox_list .btn:hover:after,
.download_wrap .btns .btn_ani:hover:after,
.jq_cont .cont ul > li .btns .btn:hover:after,
.btn.down.btn_ani:hover:after {background:#fff; -webkit-mask:url('/pub/images/filedown.png') no-repeat; mask:url('/pub/images/filedown.png') no-repeat;}
.best_faq .tit .more:hover i,
.more.down.btn_ani:hover i {border-color:#fff;}
.best_faq .tit .more:hover i:before,
.best_faq .tit .more:hover i:after,
.more.down.btn_ani:hover i:before,
.more.down.btn_ani:hover i:after {background:#fff;}
.download_wrap .btns .btn_ani.btn_ani_edu:hover:after {background:#fff; -webkit-mask:url('/pub/images/next_img.png') no-repeat; mask:url('/pub/images/next_img.png') no-repeat;}

#twc-chat-plugin {position:relative; z-index:100;}

/* 팝업 */
/* .popupLayerCs,
.popupLayerCs table {background:none !important;} */
.popupLayerCs {border:0 !important;}
.popupLayerCs table {background:#555;}