@charset "UTF-8";

/****************************** FONT ******************************/
/* @font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:350; src: local('☺'), url('/resource/p/kr/font/NotoSansKr-DemiLight.woff2') format('woff2'), url('/resource/p/kr/font/NotoSansKr-DemiLight.woff') format('woff'); }
@font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:400; src: local('☺'), url('/resource/p/kr/font/NotoSansKr-Regular.woff2') format('woff2'), url('/resource/p/kr/font/NotoSansKr-Regular.woff') format('woff'); }
@font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:500; src: local('☺'), url('/resource/p/kr/font/NotoSansKr-Medium.woff2') format('woff2'), url('/resource/p/kr/font/NotoSansKr-Medium.woff') format('woff'); }
@font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:700; src: local('☺'), url('/resource/p/kr/font/NotoSansKr-Bold.woff2') format('woff2'), url('/resource/p/kr/font/NotoSansKr-Bold.woff') format('woff'); }
@font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:800; src: local('☺'), url('/resource/p/kr/font/NotoSansKr-Black.woff2') format('woff2'), url('/resource/p/kr/font/NotoSansKr-Black.woff') format('woff'); }
@font-face { font-family:'NotoSerifCJKkr'; font-style:normal; font-weight:350; src: local('☺'), url('/resource/p/kr/font/NotoSerifCJKkr-Light.woff2') format('woff2'), url('/resource/p/kr/font/NotoSerifCJKkr-Light.woff') format('woff'); }
@font-face { font-family:'NotoSerifCJKkr'; font-style:normal; font-weight:400; src: local('☺'), url('/resource/p/kr/font/NotoSerifCJKkr-Regular.woff2') format('woff2'), url('/resource/p/kr/font/NotoSerifCJKkr-Regular.woff') format('woff'); }
@font-face { font-family:'NotoSerifCJKkr'; font-style:normal; font-weight:500; src: local('☺'), url('/resource/p/kr/font/NotoSerifCJKkr-Medium.woff2') format('woff2'), url('/resource/p/kr/font/NotoSerifCJKkr-Medium.woff') format('woff'); }
@font-face { font-family:'NotoSerifCJKkr'; font-style:normal; font-weight:700; src: local('☺'), url('/resource/p/kr/font/NotoSerifCJKkr-Bold.woff2') format('woff2'), url('/resource/p/kr/font/NotoSerifCJKkr-Bold.woff') format('woff'); }
@font-face { font-family:'NotoSerifCJKkr'; font-style:normal; font-weight:800; src: local('☺'), url('/resource/p/kr/font/NotoSerifCJKkr-Black.woff2') format('woff2'), url('/resource/p/kr/font/NotoSerifCJKkr-Black.woff') format('woff'); } */
@font-face {font-family: 'Pretendard';font-weight: 800;font-display: swap;src: local('Pretendard Bold'), url('/resource/p/kr/font/Pretendard/Pretendard-ExtraBold.woff') format('woff');}
@font-face {font-family: 'Pretendard';font-weight: 700;font-display: swap;src: local('Pretendard Bold'), url('/resource/p/kr/font/Pretendard/Pretendard-Bold.woff') format('woff');}
@font-face {font-family: 'Pretendard';font-weight: 600;font-display: swap;src: local('Pretendard SemiBold'), url('/resource/p/kr/font/Pretendard/Pretendard-SemiBold.woff') format('woff');}
@font-face {font-family: 'Pretendard';font-weight: 500;font-display: swap;src: local('Pretendard Medium'), url('/resource/p/kr/font/Pretendard/Pretendard-Medium.woff') format('woff');}
@font-face {font-family: 'Pretendard';font-weight: 400;font-display: swap;src: local('Pretendard Regular'), url('/resource/p/kr/font/Pretendard/Pretendard-Regular.woff') format('woff');}
@font-face {font-family: 'Pretendard';font-weight: 300;font-display: swap;src: local('Pretendard Light'), url('/resource/p/kr/font/Pretendard/Pretendard-Light.woff') format('woff');}

/****************************** RESET ******************************/
html,body{height:100%; min-width: 1280px; /*overflow-x: auto !important;*/}
body { -webkit-text-size-adjust:none; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button { margin:0; padding:0; box-sizing:border-box; }
body,input,select,textarea,button,table { font-family:'Pretendard','맑은 고딕','Malgun Gothic','Apple SD Gothic Neo','돋움',dotum, sans-serif; font-size:16px; font-weight:400; color:#000; line-height:1.5; word-break:keep-all; word-wrap:break-word; letter-spacing:-0.02em; }
h1,h2,h3,h4, h5,h6 { font-weight:inherit; font-size:inherit; }
iframe, fieldset { border:0; }
img { border:0; vertical-align:middle; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display:block; }
dl,ul,ol,menu,li { list-style:none; }
em,address { font-style:normal; }
a { color:inherit; text-decoration:none; }
a:hover,a:active,a:focus { text-decoration:none; }
input,select,textarea,button { vertical-align:middle; }
button { cursor:pointer; width:auto; overflow:visible; color:inherit; font-size:inherit; vertical-align:middle; background:transparent; border:none; }
/*button:focus, select:focus { outline:dashed 1px #888; outline-offset:-1px; }*/
button[disabled="disabled"] { cursor:default; }
sup { line-height:1; font-size:0.4em; }
table { border-collapse:separate; border-spacing:0; table-layout:fixed; width:100%; empty-cells:show; }
caption,legend { visibility:hidden; font-size:0; width:0; height:0; line-height:0; }
input[type='text']::-ms-clear, input[type='password']::-ms-reveal { display:none; }
input[disabled="disabled"], input[readonly="readonly"], select[disabled="disabled"], input.disabled, input.readonly { background-color:#f5f5f5; cursor:default; border-color:#ddd; }
select { vertical-align:middle; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0; }
select::-ms-expand { display:none; }
::-webkit-input-placeholder { color:#888 !important; font-weight:normal; }.article-layout .table:nth-child(5) .table-cell .ps-box
::-moz-placeholder { color:#888 !important; font-weight:normal; }
:-ms-input-placeholder { color:#888 !important; font-weight:normal !important; }
:-moz-placeholder { color:#888 !important; font-weight:normal; }
select.placeholder { color:#888 !important; font-weight:normal; }
th, td { text-indent:0; }

/****************************** COMMON ******************************/
.blind { display:block; position:absolute; left:-9999px; text-indent:-9999px; width:0; height:0; border:0; overflow:hidden; font-size:1px; line-height:0; white-space:nowrap; }
.skip { position:fixed; left:0; right:0; top:0; display:block; overflow:hidden; font-size:1em; line-height:0; color:#fff; background:#ff6600; font-weight:700; text-align:center; z-index:-1; opacity:0; }
.skip:focus { z-index:1000; opacity:1; line-height:80px; }
.g-date { margin:-2px 0 -3px; }
.g-date .month { display:block; font-size:14px; line-height:1; color:#888; font-weight:700; }
.g-date .day { display:block; -webkit-text-stroke:1px #888; font-size:50px; line-height:1; color:#fff; font-weight:700; margin-top:3px; }
.ie .g-date .day { text-shadow: -1px -1px 0 #888, 1px -1px 0 #888, -1px 1px 0 #888, 1px 1px 0 #888; }
.vt { vertical-align:top !important; }
.iblock { display:inline-block; }
.editor table { table-layout: auto; width: auto; border:solid 1px #666; border-collapse:collapse; }
.editor td, .editor th { border:solid 1px #666; }
.align-left{text-align: left;} /*231109 추가*/
.align-center{text-align: center;} /*231109 추가*/
.align-right{text-align: right;} /*231109 추가*/
.m-auto{margin: auto;} /*231109 추가*/
.ac{text-align: center;} /*231109 추가*/
.align-items-center{align-items: center;} /*제품검색 추가*/
/****************************** ICON ******************************/
.ir, .ir-b:before, .ir-a:after, .participate-list .list li::after, .i-download::before, .i-download::after, .i-download-2::before, .i-download-2::after, .i-download-3::before, .i-download-3::after { display:inline-block; vertical-align:middle; background-image:url("/resource/p/kr/image/common/sprite.png"); background-position:999px 999px; background-repeat:no-repeat; }
.ir-b:before, .ir-a:after { content:''; }
.ir { padding:0; margin:0; white-space:nowrap; font-size:1px; overflow:hidden; text-indent:-999px; color:transparent; line-height:0; }

.i-logo { background-position:0 0; width:127px; height:26px; }
/* .i-logo-2 { background-position:0 -60px; width:127px; height:26px; } *//*230918 | 주석*/
.i-logo-2 {width:129px; height:27px; background: url(../image/common/logo-2.png) no-repeat 0 0; } /*230918 | 추가*/
.header.normal .i-logo, .header.min .i-logo, .header.hover .i-logo, .header.opend-all .i-logo { background-position:0 -30px; }
.i-logo-4 { background-position:-330px -88px; width:120px; height:24px; }
/* .i-sns-fb { background-position:0 -128px; width:13px; height:23px; }
.i-sns-ig { background-position:-23px -128px; width:18px; height:23px; }
.i-sns-yt { background-position:-51px -128px; width:24px; height:23px; }
.i-sns-dw { background-position:-85px -128px; width:26px; height:23px; }
.i-sns-np { background-position:-463px -59px; width:14px; height:23px; } */
.i-home { background-position:-102px -96px; width:12px; height:13px; }
.i-down { border-top:9px solid #0042ff; border-left:6px solid transparent; border-right:6px solid transparent; }
.i-up { border-bottom:9px solid #ff5a2b; border-left:6px solid transparent; border-right:6px solid transparent; }
.i-play { position:relative; display:block; width:80px; height:80px; background:#fff; border-radius:100%; }
.i-play:after { content:''; position:absolute; left:50%; top:50%; display:block; width:0; height:0; border-top:9px solid transparent; border-left: 14px solid #ff5a2b; border-bottom:9px solid transparent; margin:-9px 0 0 -6px; }
.i-sch { background-position:-137px -66px; width:24px; height:23px; }
.i-del { position:relative; width:24px; height:24px; background:#ddd; border-radius:100%; }
.i-del::before { content:''; display:block; position:absolute; top:50%; margin-top:-1px; width:12px; height:2px; background:#fff; transform:rotate(-45deg); left:6px; }
.i-del::after { content:''; display:block; position:absolute; top:50%; margin-top:-1px; width:12px; height:2px; background:#fff; transform:rotate(45deg); left:6px; }
.i-download { position:relative; width:12px; height:13px; overflow:hidden; }
.i-download::before { content:''; display:block; background-position:-214px 0; width:12px; height:11px; top:0; transition:transform 0.3s ease; }
.i-download::after { content:''; position:absolute; display:block; background-position:-214px -11px; width:12px; height:2px; bottom:0; }
a:hover .i-download::before { background-position:-236px 0; }
a:hover .i-download::after { background-position:-236px -11px; }
.btn-c .i-download { margin:-3px 0 0 10px; }
.btn-c .i-download::before { background-position:-193px 0; }
.btn-c .i-download::after { background-position:-193px -11px; }
.btn-c:hover .i-download::before { background-position:-193px 0; }
.btn-c:hover .i-download::after { background-position:-193px -11px; }
a:hover .i-download::before { transform:translateY(2px); }
.i-attach { background-position:-217px -66px; width:12px; height:14px; }
.i-download-2 { position:relative; width:18px; height:20px; overflow:hidden; }
.i-download-2::before { content:''; display:block; background-position:-137px 0; width:18px; height:16px; top:0; transition:transform 0.3s ease; }
.i-download-2::after { content:''; position:absolute; display:block; background-position:-137px -18px; width:18px; height:2px; bottom:0; }
a:hover .i-download-2::before { background-position:-165px 0; }
a:hover .i-download-2::after { background-position:-165px -18px; }
a:hover .i-download-2::before { transform:translateY(4px); }
.i-download-2.cmgl { margin-left:15px; }
.i-download-2.ty-2 { position:absolute; top:50%; right:30px; line-height:0; margin-top:-9px; }
.i-required { margin:-12px 6px 0; width:4px; height:4px; border-radius:2px; background-color:#ff5a2b; }
.i-required.ma{margin: -32px 1px 0;}
.i-tel { background-position:-282px -106px; width:9px; height:15px; margin:-3px 6px 0 0; }
.i-tel-2 { background-position:-434px -124px; width:18px; height:20px; }
.i-fax { background-position:-457px -124px; width:18px; height:20px; }
.i-pin-2 { background-position:-282px -68px; width:10px; height:15px; margin:-2px 8px 0 0; }
a:hover .i-pin-2, .active .i-pin-2 { background-position:-282px -88px; }
.i-pin-4 { background-position:-362px -161px; width:32px; height:40px; }
.active .i-pin-4, .map-btn:hover .i-pin-4 { background-position:-404px -161px; }
.i-pin-5 { background-position:-411px -124px; width:18px; height:20px; }
.i-go { position:relative; display:inline-block; width:9px; height:17px; overflow:hidden; margin:-2px 0 2px 7px; } /*231018 | width사이즈 수정*/
a:hover .i-go, a:focus .i-go, button:hover .i-go, button:focus .i-go { -webkit-animation:anigo 800ms; animation:anigo 800ms; }
/* .i-go::after { content:''; position:absolute; right:1px; top:8px; vertical-align:top; width:28px; height:2px; background:#000; } */ /*231018 | 주석처리*/
.i-go::before { content:''; position:absolute; right:3px; top:3px; margin:0; width:10px; height:10px; border-left:solid 2px #000; border-bottom:solid 2px #000; -webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
.i-go-2 { width:16px; height:16px; position:relative; border:solid 1px #000; border-radius:100%; box-sizing:border-box; }
.i-go-2::before { content:''; display:block; position:absolute; width:3px; height:3px; border-right:solid 2px #000;  border-bottom:solid 2px #000; transform:rotate(-45deg); transform-origin:left; left:50%; top:50%; margin:-1px 0 0 -2px; }
.i-view { position:relative; width:20px; height:20px; transition:all 0.3s ease; }
.i-view::before { content:''; position:absolute; display:block; background:#000; width:2px; height:20px; left:9px; }
.i-view::after { content:''; position:absolute; display:block; background:#000; width:20px; height:2px; top:9px; }
.active .i-view, a:hover .i-view { transform:rotate(45deg); }
.active .i-view::before, .active .i-view::after, a:hover .i-view::before, a:hover .i-view::after { background:#ff5a2b; }
.i-prev { width:7px; height:7px; border:solid 2px #000; border-width:2px 0 0 2px; transform:rotate(-45deg) skew(3deg, 3deg); transform-origin:right; }
.i-next { width:7px; height:7px; border:solid 2px #000; border-width:0 2px 2px 0; transform:rotate(-45deg) skew(3deg, 3deg); transform-origin:left; }
.i-prev-2 { width:13px; height:13px; border:solid 2px #000; border-width:2px 0 0 2px; transform:rotate(-45deg) skew(3deg, 3deg); transform-origin:right; }
.i-next-2 { width:13px; height:13px; border:solid 2px #000; border-width:0 2px 2px 0; transform:rotate(-45deg) skew(3deg, 3deg); transform-origin:left; }
.i-company { background-position:-366px -220px; width:32px; height:30px; }
.i-rnd { background-position:-408px -220px; width:32px; height:30px; }
.i-factory { background-position:-450px -220px; width:33px; height:30px; }
.i-view-3 { position:relative; width:11px; height:11px; }
.i-view-3::before { content:''; position:absolute; display:block; background:#fff; width:1px; height:11px; left:5px; transition:transform 0.2s; }
.i-view-3::after { content:''; position:absolute; display:block; background:#fff; width:11px; height:1px; top:5px; }
.i-cart{display: block; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cg clip-path='url(%23clip0_1238_874)'%3E%3Cpath d='M9.43133 21.13C9.43133 20.07 8.57133 19.22 7.52133 19.22C6.47133 19.22 5.61133 20.08 5.61133 21.13C5.61133 22.18 6.47133 23.04 7.52133 23.04C8.57133 23.04 9.43133 22.18 9.43133 21.13Z' stroke='black' stroke-width='1.46' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M22.9001 21.13C22.9001 20.07 22.0401 19.22 20.9901 19.22C19.9401 19.22 19.0801 20.08 19.0801 21.13C19.0801 22.18 19.9401 23.04 20.9901 23.04C22.0401 23.04 22.9001 22.18 22.9001 21.13Z' stroke='black' stroke-width='1.46' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M7.50977 19.21H20.9898' stroke='black' stroke-width='1.46' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M7.28094 15.3901L20.3309 15.4201C20.6609 15.4001 20.9309 15.1901 21.0109 14.9101L23.5109 4.40009C23.6209 3.98009 23.2609 3.59009 22.7809 3.59009H4.96094' stroke='black' stroke-width='1.46' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M7.51047 15.39L3.92047 0.72998H0.730469' stroke='black' stroke-width='1.46' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M7.50961 15.3899C6.44961 15.3899 5.59961 16.2499 5.59961 17.2999C5.59961 18.3499 6.45961 19.2099 7.50961 19.2099' stroke='black' stroke-width='1.46' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M4.7207 4.06991L7.3607 14.9799L11.5807 15.2399H19.5107L20.2207 14.7699L22.7307 6.09991L23.1307 4.19991L22.5207 3.90991L6.6607 3.65991L4.7207 4.06991Z' fill='black' stroke='black' stroke-width='1.44' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1238_874'%3E%3Crect width='24.26' height='23.77' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 0 0;} /*제품검색 추가*/
.i-site{display: block;width: 15px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='21' viewBox='0 0 16 21' fill='none'%3E%3Cg clip-path='url(%23clip0_1238_864)'%3E%3Cpath d='M1.05 11.53L7.19 20.54C7.3 20.7 7.49 20.8 7.69 20.8C7.89 20.8 8.08 20.7 8.19 20.53L14.26 11.24C14.3 11.18 14.33 11.11 14.34 11.05C14.88 9.99 15.17 8.79 15.17 7.59C15.18 3.41 11.78 0 7.59 0C3.4 0 0 3.41 0 7.59C0 8.87 0.33 10.13 0.95 11.26C0.96 11.35 0.99 11.44 1.05 11.52V11.53Z' fill='black'/%3E%3Cpath d='M7.79938 11.7001C9.97538 11.7001 11.7394 9.93607 11.7394 7.76007C11.7394 5.58407 9.97538 3.82007 7.79938 3.82007C5.62337 3.82007 3.85938 5.58407 3.85938 7.76007C3.85938 9.93607 5.62337 11.7001 7.79938 11.7001Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1238_864'%3E%3Crect width='15.18' height='20.8' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 0 0;} /*제품검색 추가*/
.i-pet{display: block;width: 25px; height: 21px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='21' viewBox='0 0 25 21' fill='none'%3E%3Cg clip-path='url(%23clip0_1424_1114)'%3E%3Cpath d='M24.7806 6.52768C23.6348 5.30375 22.489 4.06909 21.3431 2.84516C21.114 2.59823 20.9786 2.28688 20.9473 1.94332C20.8848 1.30989 20.8327 0.665714 20.7702 0.0322782C20.7702 6.95898e-05 20.7286 -0.0214028 20.6973 0.0108058C19.1556 1.75007 16.2286 5.04608 15.3848 6.0016C15.2494 6.15191 15.2598 6.37737 15.3848 6.51694L18.4577 9.7378C18.5931 9.87737 18.8015 9.88811 18.9473 9.77001L19.6348 9.20099C19.8327 9.03995 20.1244 9.05068 20.3015 9.2332C21.2494 10.1995 22.7911 10.1136 23.6452 9.06142C24.0411 8.57829 24.4473 8.06295 24.8119 7.62277C25.0723 7.30068 25.0515 6.82829 24.7702 6.52768H24.7806Z' fill='black'/%3E%3Cpath d='M18.4486 19.7332L18.1153 19.3897L17.6048 18.8636C17.6048 18.9817 17.6048 19.0783 17.5944 19.1535C17.5944 19.0783 17.8028 13.9142 17.8028 13.7102C17.8653 12.7547 17.9382 11.7992 17.9694 11.0798C17.9694 10.9403 17.9278 10.8114 17.834 10.7148C16.7715 9.53384 15.6986 8.35286 14.6361 7.17187C14.5423 7.06451 14.4069 7.01083 14.2611 7.01083L11.6778 7.07525L4.64651 7.11819C4.46943 7.11819 4.30276 7.06451 4.17776 6.94641C3.34443 6.22709 2.51109 5.50776 1.66734 4.78844C1.29234 4.46635 0.750678 4.46635 0.386094 4.78844H0.375678C-0.040989 5.15347 -0.113906 5.79764 0.219428 6.23783C0.802761 7.01083 1.47984 7.90194 1.78193 8.30991C1.89651 8.46022 1.94859 8.64273 1.92776 8.82525L0.927761 20.2593C0.927761 20.3774 0.948594 20.4848 1.00068 20.5706C1.04234 20.6243 1.08401 20.6673 1.13609 20.721C1.21943 20.7854 1.31318 20.8176 1.42776 20.8176L3.85484 20.8498C4.12568 20.8498 4.34443 20.6243 4.33401 20.3452C4.33401 19.8943 3.97984 19.54 3.54234 19.5185H3.42776C3.31318 19.5185 3.22984 19.4111 3.24026 19.293L3.30276 18.4664C3.32359 18.1443 3.44859 17.8329 3.64651 17.586L5.29234 15.5676C5.76109 14.9878 6.46943 14.655 7.19859 14.6657L15.2403 14.7302L15.3028 20.5921C15.3028 20.8068 15.4798 20.9894 15.6882 20.9894H18.0423C18.3028 21.0001 18.5111 20.7854 18.5007 20.517V19.9265C18.4903 19.8621 18.4694 19.7976 18.4486 19.7332Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1424_1114'%3E%3Crect width='25' height='21' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 0 0;} /*231122 추가*/
a:hover .i-view-3::before { transform:rotate(90deg); }

.i-window::after { background-position:-235px -66px; width:16px; height:16px; margin:0 0 4px 9px; }
.btn-c-3:hover .i-window::after { background-position:-235px -88px; }
.i-allmenu::before { width:22px; height:20px; background-position:0 -96px; margin:0 14px 4px 0; }
.i-allmenu-2::before { width:22px; height:20px; background-position:-32px -96px; margin:0 14px 4px 0; }
.i-allmenu-3::before { width:23px; height:20px; background-position:-64px -96px; margin:0 14px 4px 0; }
.i-allmenu-4 { font-size:16px; font-weight:500; }
.i-allmenu-4::before { width:20px; height:28px; background-position:-446px -161px; margin:-2px 14px 4px 0; }
.i-allmenu-5::before { width:22px; height:20px; background-position:-478px -161px; margin:0 14px 2px 0; }
.i-sns-ig-2::before { background-position:-137px -36px; width:20px; height:20px; vertical-align:top; }
.i-sns-fb-2::before { background-position:-167px -36px; width:20px; height:20px; vertical-align:top; }
.i-sns-yt-2::before { background-position:-197px -36px; width:20px; height:20px; vertical-align:top; }
.i-sns-nr-2::before { background-position:-227px -36px; width:20px; height:20px; vertical-align:top; }
.i-list::before { width:22px; height:22px; background-position:-253px 0px; margin:-4px 10px 0 0; }
a:hover .i-list::before { background-position:-278px 0px; }
.i-num::before { background-position:-167px -66px; width:14px; height:14px; margin:-2px 7px 0 0; }
.i-hit::before { background-position:-191px -66px; width:16px; height:14px; margin:-1px 7px 0 0; }
.i-sch-3::before { background-position:-156px -96px; width:62px; height:62px; }
.i-sch-4::before { background-position:0 -161px; width:119px; height:120px; }
.i-sch-5::before { background-position:-129px -161px; width:115px; height:107px; }
.i-stock::before { background-position:-228px -124px; width:20px; height:20px; margin:-10px 8px 0 0; }
.i-stock-2::before { background-position:-251px -124px; width:20px; height:20px; margin:-10px 8px 0 0; }
.i-stock-3::before { background-position:-276px -124px; width:20px; height:20px; margin:-10px 8px 0 0; }
.i-exclamation::before { background-position:-310px -124px; width:18px; height:18px; margin:-3px 7px 0 0; }
.i-view-2::after { background-position:-257px -52px; width:14px; height:14px; margin:-2px 0 0 5px; }
.btn-area:hover .i-view-2::after { background-position:-257px -36px; }
a:hover .i-view-2::after { background-position:-257px -52px !important; }
.i-report::after { background-position:-310px 0; width:65px; height:76px; }
.i-report-2::after { background-position:-385px 0; width:65px; height:76px; }
.i-subway::before { background-position:-338px -124px; width:24px; height:26px; margin:-3px 14px 0 0; }
.i-bus::before { background-position:-370px -124px; width:28px; height:26px; margin:-3px 14px 0 0; }
.i-no-data::before { background-position:-254px -161px; width:70px; height:70px; }

.i-window-2::after { background-position:-235px -66px; width:16px; height:16px; margin:0 0 1px 7px; }
.i-window-2:hover::after { background-position:-305px -88px; }
.i-window-3::after { background-position:-460px 0; width:18px; height:18px; margin:0; }
.i-window-3:hover::after { background-position:-460px -28px; }
.i-window-4::after { background-position:-235px -88px; width:16px; height:16px; margin:0 0 4px 9px; }
.i-pin::after { background-position:-281px -36px; width:14px; height:14px; margin:-2px 0 0 5px; }
a:hover .i-pin::after { background-position:-281px -52px; }
.i-pin-3::after { background-position:-261px -68px; width:14px; height:16px; margin:0 0 4px 9px; }
a:hover .i-pin-3::after { background-position:-261px -88px; }
.i-pin-6::after { background-position:-261px -106px; width:13px; height:16px; margin:0 0 4px 9px; }
.i-store::after { width:28px; height:28px; background-position:-118px -124px; }
.i-mall::after { background-position: -130px -120px; width: 20px; height: 20px; margin: -2px 0 0 5px; background-size: 250px 143px;}
a:hover .i-mall::after { background-position:-147px -119px;}
.i-mall-2::after { background-position:-130px -120px; width: 20px; height: 20px; margin:0 0 4px 9px; background-size: 250px 143px;}
a:hover .i-mall-2::after { background-position:-147px -119px;}
.i-brand::after{display: inline-block; width: 15px; height: 18px; content: " "; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='18' viewBox='0 0 15 18' fill='none'%3E%3Cg clip-path='url(%23clip0_1360_903)'%3E%3Cpath d='M8.73 1H1V16.97H13.51V5.74L8.73 1Z' stroke='%23353535' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M8.44043 1V5.85H13.4204' stroke='%23353535' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M3.36035 10.05H11.0904' stroke='%23353535' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M3.36035 12.77H11.0904' stroke='%23353535' stroke-width='2' stroke-miterlimit='10'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1360_903'%3E%3Crect width='14.51' height='17.97' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); margin: 0 0 4px 9px; background-position: 0;} /*제품검색 추가*/
a:hover .i-brand::after{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='18' viewBox='0 0 15 18' fill='none'%3E%3Cg clip-path='url(%23clip0_1360_995)'%3E%3Cpath d='M8.73 1H1V16.97H13.51V5.74L8.73 1Z' stroke='white' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M8.44043 1V5.85H13.4204' stroke='white' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M3.36035 10.05H11.0904' stroke='white' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M3.36035 12.77H11.0904' stroke='white' stroke-width='2' stroke-miterlimit='10'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1360_995'%3E%3Crect width='14.51' height='17.97' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} /*제품검색 추가*/

.ico-txt { display:inline-block; width:16px; height:16px; font-size:11px; font-weight:700; color:#fff; background-color:#ff5a2b; text-align:center; line-height:16px; box-sizing:border-box; vertical-align:middle; border-radius:3px; }
.ico-txt-2 { display:inline-block; width:51px; height:31px; font-size:14px; font-weight:700; color:#fff; background-color:#ff5a2b; text-align:center; line-height:30px; box-sizing:border-box; vertical-align:middle; }
.ico-txt-3 { position:relative; display:inline-block; width:46px; height:30px; padding-top:5px; background:#ff5a2b; color:#fff; text-align:center; font-size:14px; font-weight:700; box-sizing:border-box; }
.ico-txt-3:after { content:''; position:absolute; left:0; bottom:-10px; width:0; height:0; border-bottom:10px solid transparent; border-left:23px solid #ff5a2b; border-right:23px solid #ff5a2b; }
.ico-txt-3.ty-2 { background:#000; }
.ico-txt-3.ty-2:after { border-left:23px solid #000; border-right:23px solid #000; }
.ico-txt-4 { display:inline-block; height:30px; font-size:14px; color:#000; font-weight:bold; background-color:#eee; text-align:center; line-height:30px; box-sizing:border-box; vertical-align:middle; padding:0 12px 0 0; }
.ico-txt-4::before { content:'';  display:inline-block; width:8px; height:100%; margin-right:10px; vertical-align:top; background-color:#546f5d; }
.ico-txt-4.ty-2::before { background-color:#3f537e; }
.ico-txt-4.ty-3::before { background-color:#f49c00; }
.ico-txt-4.ty-4::before { background-color:#935f97; }
.ico-txt-4.ty-5::before { background-color:#ce6a51; }
.ico-txt-5 { display:inline-block; margin-right:11px; height:22px; font-size:12px; font-weight:400; color:#fff; background-color:#009d3e; text-align:center; line-height:22px; box-sizing:border-box; vertical-align:middle; padding:0 13px; }
.ico-txt-5.ty-2 { background-color:#bdb092; }
.ico-txt-6{width: 49px; height: 51px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='49' height='51' viewBox='0 0 49 51' fill='none'%3E%3Cpath d='M49 0H0V31.0424L23.7014 51L49 30.5836V0Z' fill='url(%23paint0_linear_1058_151)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1058_151' x1='0' y1='25.4959' x2='49' y2='25.4959' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF8400'/%3E%3Cstop offset='1' stop-color='%23FF4F00'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E"); display: block; text-align: center; color: #fff; text-transform: uppercase; font-size: 14px; font-weight: 600; padding-top: 10px; background-repeat: no-repeat;} /*제품검색 추가*/
.ico-txt-7{width: 49px; height: 51px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='49' height='51' viewBox='0 0 49 51' fill='none'%3E%3Cpath d='M49 0H0V31.0424L23.7014 51L49 30.5836V0Z' fill='url(%23paint0_linear_1058_200)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1058_200' x1='0' y1='25.4959' x2='49' y2='25.4959' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D500FF'/%3E%3Cstop offset='1' stop-color='%239108FF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E"); display: block; text-align: center; color: #fff; text-transform: uppercase; font-size: 14px; font-weight: 600; padding-top: 10px; background-repeat: no-repeat;} /*제품검색 추가*/

.deco-set { z-index:-1; }
.deco-circle { display:block; position:absolute; border-radius:100%; width:34px; height:34px; background:#d2d2d5; }
.deco-circle.ty { width:34px; height:34px; background:#d2d2d5; }
.deco-circle.ty-2 { width:51px; height:51px; background:#1e202b; }
.deco-circle.ty-3 { width:132px; height:132px; background:#ff5a2b; }

/****************************** LAYOUT ******************************/
.top-banner { display:none; position:relative; z-index:99; height:100px; min-width:1280px; }
.top-banner .inner { text-align:center; }
.top-banner .inner > .item { display:block; width:1350px; margin:0 auto; }
.top-banner .inner img { height:100px; margin:0 -500px; }
.top-banner .foot { position:absolute; right:50%; top:30px; margin:0 -675px 0 0;  color:#fff; }
.top-banner .foot .fm-chk + .fm-chk-i { font-weight:400; }
.top-banner .foot .fm-chk + .fm-chk-i:before { border-color:#fff; }
.top-banner .foot .fm-chk + .fm-chk-i:after { background:transparent; width:4px; height:4px; }
.top-banner .foot .fm-chk:checked + .fm-chk-i:after { background:#fff; }
.top-banner .foot .close { position:relative; width:40px; height:40px; margin-left:31px; background:#ff5a2b; border-radius:20px; }
.top-banner .foot .close .i-close { display:block; position:relative; width:21px; height:21px; margin:0 auto; }
.top-banner .foot .close .i-close::before { content:''; display:block; position:absolute; top:50%; margin-top:-1px; width:100%; height:2px; background:#fff; transform:rotate(-45deg); transition:transform 0.2s; }
.top-banner .foot .close .i-close::after { content:''; display:block; position:absolute; top:50%; margin-top:-1px; width:100%; height:2px; background:#fff; transform:rotate(45deg); transition:transform 0.2s; }
.top-banner .foot .close:hover .i-close::before, .top-banner .foot .close:hover .i-close::after { transform:rotate(0); }

.header { position:absolute; left:0; width:100%; line-height:1; z-index:101; }
.header.normal { position:relative; height:100px; }
.header a, .header button { display:inline-block; vertical-align:top; line-height:inherit; }
.header .header-inner{position:absolute;left:0;width:100%;min-width:1280px;color:#fff;font-size:14px;}
.header .header-inner::after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:#fff;border-bottom:1px solid #eee;opacity:0}
.header.fixed .header-inner { position:fixed; top:0; }
body.down .header.is-active.fixed.min .header-inner { top:-80px; }
.header .gnb-logo { position:absolute; left:50%; top:36px; z-index:6; margin-left:-675px; }
.header .gnb-nav{max-width:1350px;margin:0 auto;text-align:center;font-size:16px;line-height:20px;border-bottom:1px solid rgba(255,255,255,.2);}
.header .gnb-nav > .main{margin-left: -270px;}
.header .gnb-nav .dep-1 { display:inline-block; padding-right:3px; }
.header .gnb-nav .dep-1 > a { position:relative; z-index:3; display:block; padding:29px 30px 30px 30px; color:#fff;font-weight: 700;font-size: 19px;} /* 2024-04-23 */
.header.fixed .gnb-nav .dep-1 > a { color:#000; }
/* .header .gnb-nav .dep-1 > a::before { content:''; position:absolute; left:51%; right:51%; bottom:-11px; height:2px; background:#ff5a2a; -webkit-transition:all 0.3s linear; transition:all 0.3s linear; }
.header .gnb-nav .dep-1.active > a::before, .header .gnb-nav .dep-1.hover-active > a::before { left:30px; right:30px; } */ /* 2024-04-19 */
.header .gnb-nav .sub { position:absolute; /*left:0;*/ left: -200px; right:0; top:100%; z-index:2; height:0; opacity:0; overflow:hidden; background:#fff; color:#000; } /* 2024-04-19 */
.header .gnb-nav .dep-1.hover-active .sub,
.header.min:not(.hover) .gnb-nav .dep-1.active .sub { height:60px; opacity:1; }
/* S 추가 | 2307 임서빈 */
/* .header .gnb-nav .dep-1:last-child.hover-active .sub,
.header.min:not(.hover) .gnb-nav .dep-1:last-child.active .sub { height:227px;} */
/* // E */
.header .gnb-nav .dep-1.hover-active .sub::before,
.header.min:not(.hover) .gnb-nav .dep-1.active .sub::before { background:#eee; }
.header .gnb-nav .dep-1.hover-active .sub > li,
.header.min:not(.hover) .gnb-nav .dep-1.active .sub > li { -webkit-animation:fadeUp 200ms both; animation:fadeUp 200ms both; }
.header .gnb-nav .sub::before { content:''; position:absolute; left:0; right:0; bottom:0; height:1px; }
.header .gnb-nav .sub > li { display:inline-block; padding:20px 0; vertical-align: top; text-align: left;} /*230919 | text-align 추가*/
.header .gnb-nav .sub > li+li { margin-left:83px; }
.header .gnb-nav .sub > li:nth-child(1) { -webkit-animation-delay:0ms; animation-delay:0ms; }
.header .gnb-nav .sub > li:nth-child(2) { -webkit-animation-delay:100ms; animation-delay:100ms; }
.header .gnb-nav .sub > li:nth-child(3) { -webkit-animation-delay:200ms; animation-delay:200ms; }
.header .gnb-nav .sub > li:nth-child(4) { -webkit-animation-delay:300ms; animation-delay:300ms; }
.header .gnb-nav .sub > li:nth-child(5) { -webkit-animation-delay:400ms; animation-delay:400ms; }
.header .gnb-nav .sub > li:nth-child(6) { -webkit-animation-delay:500ms; animation-delay:500ms; }
.header .gnb-nav .sub > li:nth-child(7) { -webkit-animation-delay:600ms; animation-delay:600ms; }
.header .gnb-nav .sub > li:nth-child(8) { -webkit-animation-delay:700ms; animation-delay:700ms; }
.header .gnb-nav .sub a { -webkit-transition:color 0.3s ease; transition:color 0.3s ease;}
.header .gnb-nav .sub a:hover, .header .gnb-nav .dep-2.active > a { color:#000; }
.header .gnb-nav .dep-1.ty-2.hover-active .sub { height:225px; }
.header.min:not(.hover) .gnb-nav .dep-1.ty-2.active .sub { height:0; opacity:0;}
.header.min .gnb-nav .dep-1.ty-2 > a { top:0; }
/* S : asap건 (23년 6월 / 임서빈) : margin-left 값 변경 */
.header .gnb-nav .dep-1.ty-2 > a { font-size:14px; position:absolute; top:10px; left:50%; /*margin-left:315px;*/ margin-left: 355px; -webkit-transition:top 0.3s linear; transition:top 0.3s linear;}
/* // E : asap건 (23년 6월 / 임서빈) : margin-left 값 변경 */
/* .header .gnb-nav .dep-1.ty-2 > a::before { display:none; } */
.header .gnb-nav .dep-1.ty-2 .dep-2 { vertical-align:top; text-align:left; }
.header .gnb-nav .dep-1.ty-2 .dep-2:first-child { margin-left:568px; }
.header .gnb-nav .sub-2 { margin-top:7px; }

.header .gnb-util{display:flex;position:absolute;right:50%;z-index:3;/*margin-right: -365px;*/ line-height:20px; margin-right: -460px;} /*231018 | 수정*/ /* 24-12-27 수정 */
.header .gnb-util li{position:relative}/* 24-12-27 수정 */
.header .gnb-util li+li{margin-left:22px} /*231018 | 수정*/
.header .gnb-util a{-webkit-transition:color 0 ease;transition:color 0 ease}
.header .gnb-util a:hover,.header .gnb-util a:focus{color:#ff5a2b;-webkit-transition-duration:.3s;transition-duration:.3s}
.header .lang{position:absolute;right:50%;z-index:10;/*margin-right:-455px*/ margin-right: -515px;} /*231018 | 수정*/
.header .family-map{position:absolute;top: 39px;right:50%;z-index:10;/*margin-right:-575px*/ margin-right: -615px;} /*231018 | 수정*/

/* S : 24-12-27 수정 */
header :where(.support, .lang, .family-map) .choice{position:relative;display:block;padding-right:16px;line-height:20px}
header :where(.support, .lang, .family-map)::after{content:'';position:absolute;right:0;top:4px;width:6px;height:6px;margin:0;border:0 solid #fff;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .3s ease;transition:all .3s ease}
header :where(.support, .lang, .family-map).active::after{margin-top:5px;-webkit-transform:rotate(225deg);transform:rotate(225deg)}
header :where(.support, .lang, .family-map) dd{position:absolute;left:-11px;right:-13px;top:100%;display:none;padding:9px 0 10px;margin-top:19px;border:1px solid #111;background:#fff;color:#888}
header :where(.support) dd{left: -70px; right: -70px; padding-top: 0;}
header :where(.family-map) dd{left: -50px; right: -50px; padding-top: 0;}
header :where(.support, .family-map) dd .tab:before{display: none;}
header :where(.support, .family-map) .tab-pane ul{padding: 5px 20px 0;}
header :where(.support, .lang, .family-map) a{display:block !important;padding:8px 0;line-height:1 !important;text-align:left}
header .lang a{text-align:center;}
header :where(.support, .lang, .family-map) a:hover{color:#000}
header .gnb-util .support li + li{margin-left:0}
/* E : 24-12-27 수정 */

.header .btn-all { position:absolute; right:50%; z-index:6; margin-right:-675px; width:29px; height:22px; }
.header .btn-all .bar { position:absolute; left:0; top:50%; width:100%; height:2px; background:#fff; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.header .btn-all .bar::before,
.header .btn-all .bar::after { content:''; position:absolute; left:0; top:50%; width:100%; height:2px; background:#fff; }
.header .btn-all .bar::before { -webkit-transform:translateY(-11px); transform:translateY(-11px); }
.header .btn-all .bar::after { -webkit-transform:translateY(9px); transform:translateY(9px); }
.header .all-nav .all-inner { position:absolute; left:0; top:0; right:0; height:0; z-index:5; opacity:0; overflow:hidden; background:#fff; color:#222; box-sizing:border-box; -webkit-animation:allmenuClose 600ms both; animation:allmenuClose 600ms both; -webkit-transition:opacity 0s linear 600ms; transition:opacity 0s linear 600ms; }
.header .all-nav .all-inner::before { content:''; display:block; height:160px; }
.header.opend-all .all-nav .all-inner { opacity:1; -webkit-animation-name:allmenuOpen; animation-name:allmenuOpen; -webkit-transition-delay:0s; transition-delay:0s; }
.header .all-inner .main { position:relative; width:688px; height:567px; margin:-6px auto 0; }
.header .all-inner .main .sub { position:absolute; left:0; top:0; height:0; opacity:0; overflow:hidden; background:#fff; box-sizing:border-box; -webkit-transition:opacity 0.3s ease, height 0s ease 0.3s; transition:opacity 0.3s ease, height 0s ease 0.5s;   }
.header .all-inner .main .opend-sub > .sub { height:415px; opacity:1; overflow:visible; z-index:5; -webkit-transition-delay:0s, 0s; transition-delay:0s, 0s; }
.header .all-inner .main .dep-1::before { content:''; position:absolute; left:50%; top:0; z-index:2; margin-left:255px; width:0; height:414px; background-repeat:no-repeat; background-position:0 0; -webkit-transition:all 0.3s ease; transition:all 0.3s ease 0.3s; }
.header .all-inner .main .dep-1::after { content:''; position:absolute; right:50%; top:408px; z-index:2; margin-right:495px; width:0; height:206px; background-repeat:no-repeat; background-position:0 0; -webkit-transition:all 0.3s ease; transition:all 0.3s ease 0.3s; }
.header .all-inner .main .dep-1:nth-child(1)::before { background-image:url("/resource/p/kr/image/common/menu-1-before.jpg"); }
.header .all-inner .main .dep-1:nth-child(1)::after { background-image:url("/resource/p/kr/image/common/menu-1-after.jpg"); }
.header .all-inner .main .dep-1:nth-child(2)::before { background-image:url("/resource/p/kr/image/common/menu-2-before.jpg"); }
.header .all-inner .main .dep-1:nth-child(2)::after { background-image:url("/resource/p/kr/image/common/menu-2-after.jpg"); }
.header .all-inner .main .dep-1:nth-child(3)::before { background-image:url("/resource/p/kr/image/common/menu-3-before.jpg"); }
.header .all-inner .main .dep-1:nth-child(3)::after { background-image:url("/resource/p/kr/image/common/menu-3-after.jpg"); }
.header .all-inner .main .dep-1:nth-child(4)::before { background-image:url("/resource/p/kr/image/common/menu-4-before.jpg"); }
.header .all-inner .main .dep-1:nth-child(4)::after { background-image:url("/resource/p/kr/image/common/menu-4-after.jpg"); }
.header .all-inner .main .dep-1:nth-child(5)::before { background-image:url("/resource/p/kr/image/common/menu-5-before.jpg"); }
.header .all-inner .main .dep-1:nth-child(5)::after { background-image:url("/resource/p/kr/image/common/menu-5-after.jpg"); }
.header .all-inner .main .dep-1:nth-child(6)::before { background-image:url("/resource/p/kr/image/common/menu-6-before.jpg"); }
.header .all-inner .main .dep-1:nth-child(6)::after { background-image:url("/resource/p/kr/image/common/menu-6-after.jpg"); }
.header .all-inner .main .dep-1.opend-sub::before { width:705px; -webkit-transition-delay:0s; transition-delay:0s; }
.header .all-inner .main .dep-1.opend-sub::after { width:304px; -webkit-transition-delay:0s; transition-delay:0s; }
.header .all-inner .main .dep-1 + .dep-1 { margin-top:31px; }
.header .all-inner .main .dep-1 > a { font-size:40px; color:#222; font-weight:500; }
.header .all-inner .main.opend-sub .dep-1 > a { color:#ccc; }
.header .all-inner .main.opend-sub .dep-1.opend-sub > a { color:#222; }
.header .all-inner .main .dep-1 > .sub { left:279px; padding-top:13px; }
.header .all-inner .main .dep-1.ty-2 { margin-top:97px; }
.header .all-inner .main .dep-1.ty-2 > a { font-size:16px; }
.header .all-inner .main .dep-1.ty-2 > .sub { top:412px; }
.header .all-inner .main.opend-sub .dep-1.ty-2 > a { color:#222; }
.header .all-inner .main .dep-2 { font-size:16px; color:#222; }
.header .all-inner .main .dep-2 + .dep-2 { margin-top:24px; }
.header .all-inner .main .dep-2 > a { display:inline-block; position:relative; }
.header .all-inner .main .dep-2 > a::before { content:''; position:absolute; left:0; bottom:-7px; width:0; height:1px; background:#ff5b28; -webkit-transition:width 0.3s ease; transition:width 0.3s ease; }
.header .all-inner .main .dep-2.opend-sub > a, .header .all-inner .main .dep-2 > a:hover, .header .all-inner .main .dep-2 > a:focus { color:#ff5b28; }
.header .all-inner .main .dep-2.opend-sub > a::before, .header .all-inner .main .dep-2 > a:hover::before, .header .all-inner .main .dep-2 > a:focus::before { width:100%; }
.header .all-inner .main .dep-2 .sub { left:183px; padding-top:13px; }
.header .all-inner .main .dep-2.opend-sub > .sub { width:239px; }
.header .all-inner .main .dep-3 { color:#878787; }
.header .all-inner .main .dep-3 + .dep-3 { margin-top:24px; }
.header .all-inner .main .dep-3 > a:hover, .header .all-inner .main .dep-3 > a:focus { color:#222; }
.header .all-inner li > a { opacity:0; -webkit-transition:all 600ms ease; transition:all 600ms ease; white-space:nowrap; }
.header .all-inner li.dep-1:nth-child(1) > a { -webkit-transform:translateY(-100px); transform:translateY(-100px); -webkit-transition-delay:340ms; transition-delay:340ms; }
.header .all-inner li.dep-1:nth-child(2) > a { -webkit-transform:translateY(-120px); transform:translateY(-120px); -webkit-transition-delay:320ms; transition-delay:320ms; }
.header .all-inner li.dep-1:nth-child(3) > a { -webkit-transform:translateY(-140px); transform:translateY(-140px); -webkit-transition-delay:300ms; transition-delay:300ms; }
.header .all-inner li.dep-1:nth-child(4) > a { -webkit-transform:translateY(-160px); transform:translateY(-160px); -webkit-transition-delay:280ms; transition-delay:280ms; }
.header .all-inner li.dep-1:nth-child(5) > a { -webkit-transform:translateY(-180px); transform:translateY(-180px); -webkit-transition-delay:260ms; transition-delay:260ms; }
.header .all-inner li.dep-1:nth-child(6) > a { -webkit-transform:translateY(-180px); transform:translateY(-180px); -webkit-transition-delay:240ms; transition-delay:240ms; }
.header .all-inner .util li:nth-child(1) > a { -webkit-transform:translateY(-200px); transform:translateY(-200px); -webkit-transition-delay:240ms; transition-delay:240ms; }
.header .all-inner .util li:nth-child(2) > a { -webkit-transform:translateY(-220px); transform:translateY(-220px); -webkit-transition-delay:220ms; transition-delay:220ms; }
.header .all-inner .util li:nth-child(3) > a { -webkit-transform:translateY(-240px); transform:translateY(-240px); -webkit-transition-delay:200ms; transition-delay:200ms; }
.header .all-inner .sub li:nth-child(1) > a { -webkit-transform:translateX(100px); transform:translateX(100px); }
.header .all-inner .sub li:nth-child(2) > a { -webkit-transform:translateX(120px); transform:translateX(120px); }
.header .all-inner .sub li:nth-child(3) > a { -webkit-transform:translateX(140px); transform:translateX(140px); }
.header .all-inner .sub li:nth-child(4) > a { -webkit-transform:translateX(160px); transform:translateX(160px); }
.header .all-inner .sub li:nth-child(5) > a { -webkit-transform:translateX(180px); transform:translateX(180px); }
.header .all-inner .sub li:nth-child(6) > a { -webkit-transform:translateX(200px); transform:translateX(200px); }
.header .all-inner .sub li:nth-child(7) > a { -webkit-transform:translateX(220px); transform:translateX(220px); }
.header .all-inner .sub li:nth-child(8) > a { -webkit-transform:translateX(240px); transform:translateX(240px); }
.header.opend-all .all-inner .main .dep-1 > a,
.header.opend-all .all-inner .util li > a { opacity:1; -webkit-transform:translateY(0); transform:translateY(0); }
.header.opend-all .all-inner .main .opend-sub > .sub > .dep-2 > a,
.header.opend-all .all-inner .main .opend-sub > .sub > .dep-3 > a { opacity:1; -webkit-transform:translateX(0); transform:translateX(0); }
.header.opend-all .all-inner .main .opend-sub > .sub > .dep-2 > a {font-weight:700;} /* 2024-04-19 */
.header .all-inner .util { width:688px; margin:-90px auto 0; font-size:16px; color:#222; }
.header .all-inner .util li + li { margin-top:30px; }
.header .all-inner .util a { display:inline-block; }
.header .all-inner .deco-set { opacity:0; -webkit-transition:all 600ms ease 400ms; transition:all 600ms ease 400ms; }
.header .all-inner .deco-set .deco-text { position:absolute; right:50%; top:460px; width:300px; margin-right:-680px; font-style:normal; color:#dfdfdf; font-size:20px; line-height:29px; -webkit-transform:rotate(90deg); transform:rotate(90deg); -webkit-transform-origin:right top; -ms-transform-origin:right top; transform-origin:right top; }
.header .all-inner .deco-set .deco-circle.ty { left:50%; top:459px; z-index:6; transform:scale(0); -webkit-transform:scale(0); background:#1e202c; margin-left:320px; border-radius:100%; -webkit-transition:all 300ms ease 300ms; transition:all 300ms ease 300ms; }
.header .all-inner .deco-set .deco-circle.ty-2 { left:50%; top:701px; z-index:6; width:66px; height:66px; transform:scale(0); -webkit-transform:scale(0); background:#1e202c; margin-left:51px; border-radius:100%; -webkit-transition:all 300ms ease 400ms; transition:all 300ms ease 400ms; }
.header .all-inner .deco-set .deco-circle.ty-3 { left:50%; top:496px; z-index:6; transform:scale(0); -webkit-transform:scale(0); background:#ff5a2c; margin-left:366px; border-radius:100%; -webkit-transition:all 300ms ease 500ms; transition:all 300ms ease 500ms; }
.header.opend-all .all-inner .deco-set { opacity:1; }
.header.opend-all .all-inner .deco-set .deco-circle.ty { opacity:0.5; transform:scale(1); -webkit-transform:scale(1); -webkit-animation:allmenuDecoInS 18600ms linear 300ms infinite both; animation:allmenuDecoInS 18600ms linear 300ms infinite both;}
.header.opend-all .all-inner .deco-set .deco-circle.ty-2 { opacity:1; transform:scale(1); -webkit-transform:scale(1); -webkit-animation:allmenuDecoInM 18600ms linear 400ms infinite both; animation:allmenuDecoInM 18600ms linear 400ms infinite both; }
.header.opend-all .all-inner .deco-set .deco-circle.ty-3 { opacity:1; transform:scale(1); -webkit-transform:scale(1); -webkit-animation:allmenuDecoInL 18600ms linear 500ms infinite both; animation:allmenuDecoInL 18600ms linear 500ms infinite both; }
.header .gnb-nav { padding-top:10px; padding-bottom:10px; -webkit-transition:padding 0.3s linear; transition:padding 0.3s linear; }
.header .gnb-logo { top:36px; -webkit-transition:top 0.3s linear; transition:top 0.3s linear; }
.header .gnb-util, .header .btn-all, .header .lang, .header .family-map { top:39px; -webkit-transition:top 0.3s linear; transition:top 0.3s linear; }
.header .btn-all .bar, .header .btn-all .bar::before, .header .btn-all .bar::after { -webkit-transition:background 0.3s linear 300ms; transition:background 0.3s linear 300ms; }
.header .i-logo { -webkit-transition:all 300ms ease 300ms; transition:all 300ms ease 300ms; }
.header .header-inner { -webkit-transition:top 300ms linear 300ms, color 300ms linear 300ms; transition:top 300ms linear 300ms, color 300ms linear 300ms; }
.header .header-inner::after { -webkit-transition:opacity 300ms linear 300ms; transition:opacity 300ms linear 300ms; }
.header .gnb-nav .sub { -webkit-transition:opacity 400ms linear, height 400ms linear; transition:opacity 400ms linear, height 400ms linear; }
.header.not-hover-ani .gnb-nav .sub { -webkit-transition-duration:0ms, 0ms; transition-duration:0ms, 0ms; }
.header.hover .header-inner { -webkit-transition-delay:0ms, 0ms; transition-delay:0ms, 0ms; }
.header.min .header-inner { -webkit-transition-delay:400ms, 0ms; transition-delay:400ms, 0ms; }
.header.hover .header-inner::after, .header.min .header-inner::after { -webkit-transition-delay:0ms; transition-delay:0ms; }
.header.hover .gnb-nav .dep-1 a { color:#000; font-weight:700;}
.header.hover .gnb-nav .dep-1 .dep-2 > a {font-weight:500;} /* 2024-04-23 */
.header .gnb-nav .dep-2 > a:hover {color: #FF5A00}/* 2024-04-19 */
.header.hover .btn-all .bar, .header.hover .btn-all .bar::before, .header.hover .btn-all .bar::after,
.header.min .btn-all .bar, .header.min .btn-all .bar::before, .header.min .btn-all .bar::after,
.header.opend-all .btn-all .bar, .header.opend-all .btn-all .bar::before, .header.opend-all .btn-all .bar::after { -webkit-transition-delay:0ms; transition-delay:0ms; }
.header.min .i-logo, .header.hover .i-logo, .header.opend-all .i-logo { -webkit-transition-delay:0ms; transition-delay:0ms; }
.header.min .gnb-nav { padding-top:0; padding-bottom:0; }
.header.min .gnb-nav .dep-1 > a::before { bottom:-1px; }
.header.min .gnb-nav .sub { margin-top:0; }
.header.min .gnb-logo { top:26px; }
.header.min .gnb-util, .header.min .btn-all, .header.min .lang, .header.min .family-map { top:29px; }
.header.normal .header-inner::after, .header.hover .header-inner::after, .header.min .header-inner::after { opacity:1; }
.header.normal .header-inner, .header.hover .header-inner, .header.min .header-inner, .header.opend-all .lang, .header.normal .gnb-nav .dep-1 > a, .header.opend-all .family-map { color:#000; }
.header.normal .btn-all .bar, .header.normal .btn-all .bar::before, .header.normal .btn-all .bar::after,
.header.hover .btn-all .bar, .header.hover .btn-all .bar::before, .header.hover .btn-all .bar::after,
.header.min .btn-all .bar, .header.min .btn-all .bar::before, .header.min .btn-all .bar::after,
.header.opend-all .btn-all .bar, .header.opend-all .btn-all .bar::before, .header.opend-all .btn-all .bar::after { background:#000; }
.header.normal .lang .choice::after, .header.hover .lang .choice::after, .header.min .lang .choice::after, .header.opend-all .lang .choice::after, .header.hover .family-map .choice::after, .header.min .family-map .choice::after, .header.opend-all .family-map .choice::after { border-color:#000; }
.header .btn-all .bar { -webkit-animation:allmenuM 800ms both; animation:allmenuM 800ms both; }
.header .btn-all .bar::before { -webkit-animation:allmenuT 800ms both; animation:allmenuT 800ms both; }
.header .btn-all .bar::after { -webkit-animation:allmenuB 800ms both; animation:allmenuB 800ms both; }
.header.opend-all .btn-all .bar { -webkit-animation-name:allmenuMx; animation-name:allmenuMx; }
.header.opend-all .btn-all .bar::before { -webkit-animation-name:allmenuTx; animation-name:allmenuTx; }
.header.opend-all .btn-all .bar::after { -webkit-animation-name:allmenuBx; animation-name:allmenuBx; }
/* S : 2024-04-19 */
.header .gnb-nav .sub-2 > .dep-3{display:block;padding:6px 0;text-align:left}
.header .gnb-nav .sub-2 > .dep-3 a{display:inline-block;font-size:14px;/*color:#888;*/color: #000;font-weight:400}
.header .gnb-nav .sub-2 > .dep-3 a:hover{/*color:#000*/color:#FF5A00}
/* E : 2024-04-19 */

body.up .header.is-active:not(.min):not(.hover):not(.opend-all) .header-inner { -webkit-transition-delay:400ms, 400ms; transition-delay:400ms, 400ms; }
body.up .header.is-active:not(.min):not(.hover):not(.opend-all) .header-inner::after { -webkit-transition-delay:400ms; transition-delay:400ms; }
body.up .header.is-active:not(.min):not(.hover):not(.opend-all) .btn-all .bar,
body.up .header.is-active:not(.min):not(.hover):not(.opend-all) .btn-all .bar::before,
body.up .header.is-active:not(.min):not(.hover):not(.opend-all) .btn-all .bar::after { -webkit-transition-delay:400ms; transition-delay:400ms; }
body.up .header.is-active:not(.min):not(.hover):not(.opend-all) .i-logo { -webkit-transition-delay:400ms; transition-delay:400ms; }
body.up .header.is-active:not(.min):not(.hover):not(.opend-all) .lang .choice::after { -webkit-transition-delay:400ms; transition-delay:400ms; }

/* .location { position:relative; margin:-60px 0 60px -330px; padding:19px 0 20px; color:#000; font-size:14px; } */
/* .location::before { content:''; display:block; position:absolute; top:0; width:6000px; height:100%; min-width:1260px; background:#f8f8f8; left:50%; margin-left:-3000px; z-index:-1; } 231109 수정 */

/* 제품검색 | footer 수정 // */
.location{position: absolute; top: 60px; left: -160px;}
.location li { display:inline; }
.location .i-home { margin-bottom:4px; }
.location li + li::before { content:''; display:inline-block; width:7px; height:7px; margin:0 9px 2px 5px; border:0 solid rgba(0,0,0,.2); border-width:1px 1px 0 0; -webkit-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:all 0.3s ease; transition:all 0.3s ease; }

.footer{width: 100%;background: #F8F8F8;font-size:14px;color:#333;font-weight:300;box-sizing:border-box;z-index:100}
.footer .footer-inner{width:1200px;position:relative; margin:0 auto;padding:100px 0 50px 180px;}
/* .footer::before{content:'';display:block;position:absolute;top:0;width:6000px;height:100%;min-width:1260px;background:#F8F8F8;left:50%;margin-left:-3000px;z-index:-1} */
.footer .location ~ .footer-logo,.footer .location ~ .familysite{margin-top:60px}
.footer .footer-logo{position:absolute;left:0;top:98px}
.footer .footer-menu{margin:60px 0 15px;font-size:15px;color:#333}
/* // 제품검색 | footer 수정 */
.footer .footer-menu li{display:inline; margin-left: 28px; font-weight: 400;}
.footer .footer-menu li:first-of-type{margin-left: 0;}
/* .footer .footer-menu li + li::before { content:''; display:inline-block; width:4px; height:4px; margin:0 20px 4px 16px; border-radius:2px; background:#c5c2ba; } */
.footer .footer-menu a:hover, .footer .footer-menu a:focus { font-weight:bold; }
.footer .address { line-height:24px; }
.footer .address dt, .footer .address dd { display:inline; }
.footer .address dt { margin:0 0.2em 0 0.45em; }
.footer .address dt:first-child { margin-left:0; }
.footer .address .cs { color:#000; }
.footer .copyright { margin:13px 0 0; }
.footer .familysite { position:absolute; right:0; top:58px; width:210px; }
.footer .familysite dt { border-bottom:1px solid #c5c2ba; font-size:16px; }
.footer .familysite button { position:relative; width:100%; padding:2px 0 7px; text-align:left; color:#222; opacity:1; transform:none; -webkit-transform:none; transition:none; -webkit-transition:none; }
.footer .familysite button::after { content:''; position:absolute; right:2px; bottom:12px; width:6px; height:6px; border:0 solid #000; border-width:2px 0 0 2px; -webkit-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:all 0.3s ease; transition:all 0.3s ease; }
.footer .familysite button.active::after { margin-bottom:4px; -webkit-transform:rotate(225deg); transform:rotate(225deg); }
.footer .familysite dd { position:absolute; left:0; right:0; bottom:100%; display:none; padding:11px 0; border:1px solid #111; background:#fff; }
.footer .familysite a { display:block; padding:0 18px; line-height:30px; }
.footer .familysite a:hover { color:#000; }
.footer .btn-top { position:absolute; right:0; top:0; width:40px; line-height:40px; text-transform:uppercase; color:#fff; background:#222; text-align:center; -webkit-transition:background 300ms ease; transition:background 300ms ease; }
.footer .btn-top:hover, .footer .btn-top:focus { background:#888; }
.footer .social{position:absolute;right:0px;bottom:64px;}
.footer .social a{display:inline-block;padding:8px;opacity:1;-webkit-transition:opacity 300ms ease;transition:opacity 300ms ease; position: relative;}
.footer .social a + a {margin-left: 4px;}
.footer .social a:hover,.footer .social a:focus{opacity:.4}
.footer .social .ir{font-size: 12px; color: #333; overflow: visible; text-align: center;}
.footer .social .ir::before{content: " "; display: block; width: 30px; height: 30px; background-position: center center; background-repeat: no-repeat; margin: auto; margin-bottom: 10px;}
.footer .i-sns-dw::before{background-image: url(../image/common/i-sns-dw.png);}
.footer .i-sns-np::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='23' viewBox='0 0 14 23' fill='none'%3E%3Cg clip-path='url(%23clip0_203_238)'%3E%3Cpath d='M13.0117 0.410156H0.0117188V13.4837H13.0117V0.410156Z' fill='%235A5957'/%3E%3Cpath d='M3.43359 4.29297V9.66842H5.33824V6.97956L7.66589 9.66842H9.48684V4.34302H7.61386V6.97956L5.33824 4.29297H3.43359Z' fill='white'/%3E%3Cpath d='M0.212891 14.7031H12.8758L9.9759 18.2314H3.04724L0.212891 14.7031Z' fill='%235A5957'/%3E%3Cpath d='M3.97461 19.3828H9.03934L6.50584 22.4106L3.97461 19.3828Z' fill='%235A5957'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_203_238'%3E%3Crect width='13' height='22' fill='white' transform='translate(0.0117188 0.410156)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}
.footer .i-sns-fb::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='23' viewBox='0 0 12 23' fill='none'%3E%3Cg clip-path='url(%23clip0_203_236)'%3E%3Cpath d='M7.25346 22.9102V12.8746H10.4963L10.9807 8.96448H7.25346V6.46606C7.25346 5.33392 7.55621 4.56168 9.12043 4.56168H11.1152V1.0639C10.7688 1.01498 9.58802 0.910156 8.20881 0.910156C5.33266 0.910156 3.36478 2.73417 3.36478 6.08169V8.96448H0.115234V12.8746H3.36478V22.9102H7.25346Z' fill='%235A5957'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_203_236'%3E%3Crect width='11' height='22' fill='white' transform='translate(0.115234 0.910156)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}
.footer .i-sns-ig::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_203_232)'%3E%3Cpath d='M0.03125 13.8879V6.92849C0.0448486 6.87692 0.0638867 6.82806 0.0693262 6.77649C0.0856445 6.54577 0.0965234 6.31777 0.107402 6.08978C0.1346 5.44377 0.278745 4.82492 0.499043 4.22235C0.817251 3.35649 1.35848 2.65077 2.08192 2.09163C2.92232 1.43749 3.90686 1.13349 4.94851 1.03035C5.60669 0.965203 6.2703 0.970632 6.93119 0.948917C7.16237 0.940775 7.39627 0.948917 7.62744 0.946203C7.68456 0.946203 7.73895 0.921775 7.79606 0.908203H11.2637C11.3018 0.921775 11.3399 0.943489 11.3779 0.946203C12.0089 0.959775 12.6399 0.962489 13.2709 0.989632C13.6979 1.00863 14.1221 1.05206 14.5464 1.10092C15.1448 1.16877 15.7105 1.36149 16.2408 1.63292C16.812 1.92335 17.3069 2.31963 17.7231 2.81635C18.0957 3.26149 18.3731 3.75277 18.5771 4.29292C18.8871 5.11806 18.985 5.97849 18.9932 6.85249C18.9932 6.92849 19.0177 7.00177 19.0312 7.07777V13.7739C19.0177 13.7983 18.9959 13.8228 18.9959 13.8499C18.9796 14.1295 18.9769 14.4091 18.9524 14.6886C18.9225 15.0252 18.9061 15.3699 18.8327 15.6983C18.5879 16.7732 18.131 17.7341 17.2797 18.4832C16.7712 18.9311 16.2109 19.2703 15.5745 19.4902C14.7395 19.7779 13.8774 19.8702 12.9989 19.8675C12.9227 19.8675 12.8493 19.8919 12.7732 19.9055H6.28934C6.25126 19.8919 6.21319 19.8702 6.17511 19.8675C5.64204 19.8295 5.10898 19.8051 4.57863 19.7508C4.01837 19.6911 3.4853 19.5201 2.97671 19.2839C2.3539 18.9935 1.82355 18.5836 1.36392 18.0625C1.02395 17.6771 0.762856 17.2482 0.567036 16.7813C0.205312 15.9101 0.0666064 14.9926 0.0693262 14.0535C0.0693262 13.9992 0.0448486 13.9422 0.03125 13.8852L0.03125 13.8879ZM12.7215 18.1765C12.7215 18.1765 12.7215 18.1656 12.7215 18.1575C13.1186 18.1249 13.5156 18.0951 13.9127 18.0625C14.492 18.0191 15.0387 17.8616 15.5473 17.5793C16.1048 17.2699 16.5209 16.8166 16.8065 16.2521C17.0594 15.7472 17.1737 15.1962 17.2199 14.6371C17.2689 14.0861 17.2961 13.5323 17.2961 12.9786C17.2961 11.1193 17.2743 9.26006 17.2634 7.40077C17.2607 6.77378 17.239 6.14949 17.1138 5.53063C16.9779 4.84935 16.6977 4.24406 16.2082 3.75006C15.7757 3.31577 15.2427 3.0552 14.6552 2.89777C13.9345 2.70235 13.192 2.68877 12.4577 2.68335C10.3907 2.66706 8.32913 2.70235 6.26486 2.71049C5.691 2.71049 5.12258 2.74306 4.56231 2.8652C3.7192 3.04977 3.00935 3.44877 2.50348 4.17077C2.08464 4.77063 1.90242 5.4492 1.84803 6.16035C1.79091 6.8932 1.78003 7.62877 1.76915 8.36435C1.75556 9.04835 1.75828 9.72963 1.76915 10.4136C1.78819 11.7626 1.81267 13.1116 1.84531 14.4633C1.85891 15.0469 1.97857 15.6061 2.21519 16.1462C2.51708 16.8356 3.01751 17.3323 3.66752 17.6743C4.17883 17.9431 4.74725 18.0571 5.3184 18.1005C5.91946 18.1466 6.52867 18.1738 7.13245 18.1765C8.99546 18.1873 10.8585 18.1819 12.7215 18.1819V18.1765Z' fill='%235A5957'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.6309 10.4303C4.62002 7.75132 6.80668 5.42518 9.74942 5.53918C12.2434 5.63689 14.4899 7.67532 14.4246 10.5497C14.3648 13.1473 12.2924 15.3377 9.45025 15.3079C6.8094 15.2807 4.64722 13.1745 4.6309 10.4303ZM12.6595 10.4222C12.684 8.67689 11.2398 7.26275 9.52369 7.27632C7.73683 7.29261 6.3824 8.66332 6.37968 10.4222C6.37424 12.1213 7.69875 13.454 9.34962 13.549C11.2426 13.6603 12.7194 12.0725 12.6622 10.4195L12.6595 10.4222Z' fill='%235A5957'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.7248 5.36458C13.6513 4.781 14.2633 4.17572 14.9187 4.20829C15.4708 4.23543 16.0474 4.73486 16.0311 5.39986C16.0148 5.96443 15.5062 6.53443 14.8453 6.52086C14.2796 6.50729 13.6704 6.00786 13.7248 5.36458Z' fill='%235A5957'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_203_232'%3E%3Crect width='19' height='19' fill='white' transform='translate(0.03125 0.908203)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}
.footer .i-sns-yt::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='18' viewBox='0 0 25 18' fill='none'%3E%3Cg clip-path='url(%23clip0_203_230)'%3E%3Cpath d='M24.2703 3.56434C23.9942 2.51942 23.1802 1.69737 22.1483 1.41605C20.277 0.908203 12.7736 0.908203 12.7736 0.908203C12.7736 0.908203 5.27017 0.908203 3.39886 1.41605C2.36691 1.69372 1.55298 2.51942 1.27683 3.56434C0.775391 5.45688 0.775391 9.41003 0.775391 9.41003C0.775391 9.41003 0.775391 13.3632 1.27683 15.2557C1.55298 16.3006 2.36691 17.1227 3.39886 17.404C5.27017 17.9119 12.7736 17.9119 12.7736 17.9119C12.7736 17.9119 20.277 17.9119 22.1483 17.404C23.1802 17.1263 23.9942 16.3006 24.2703 15.2557C24.7718 13.3632 24.7718 9.41003 24.7718 9.41003C24.7718 9.41003 24.7718 5.45688 24.2703 3.56434ZM10.3173 12.9978V5.82224L16.5889 9.41003L10.3173 12.9978Z' fill='%235A5957'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_203_230'%3E%3Crect width='24' height='17' fill='white' transform='translate(0.771484 0.908203)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}
.wrap { width:100%; min-height:100%; min-width:1280px; /*overflow:hidden;*/ } /* 제품검색 | 수정 */
.container { box-sizing:border-box; }
.contents { width:1200px; margin:0 auto; padding:100px 15px 160px; }
.contents.type01 {padding:88px 15px 160px;} /* 2024-04-19 */

/****************************** BUTTON ******************************/
.btn-wrap { text-align:center; margin-top:60px; }
.btn-wrap-2 { margin-top:20px; font-size:0; }
.btn-t, .btn-t-2, .btn-t-3, .btn-t-4, .btn-t-5 { display:inline-block; text-align:center; box-sizing:border-box; }
.btn-t { height:40px; font-size:14px; line-height:36px; font-weight:400; padding:0 20px; }
.btn-t-2 { height:60px; font-size:16px; line-height:56px; font-weight:700; padding:0 30px; margin:0 5px; }
.btn-t-2.btn-c { font-weight:400; }
.btn-t-3 { height:60px; font-size:14px; line-height:58px; font-weight:700; padding:0 30px; margin:0 5px; }
.btn-t-4 { height:54px; font-size:16px; line-height:54px; font-weight:400; padding:0 30px; }
.btn-t-5 { margin-top:37px; height:80px; font-size:20px; line-height:80px; font-weight:500; padding:0 45px; }
.btn-t-5 + .btn-t-5 { margin-left:20px; }
.btn-t-5.ty-2 { position:relative; margin:0; padding:0 30px; width:100%; text-align:left; font-weight:700; }
.btn-c { color:#fff; background-color:#000; transition:background-color 0.3s; }
.btn-c:hover { background-color:#ff5a2b; }
.btn-c-2 { border:solid 1px #000; transition:background-color 0.3s; }
.btn-c-2:hover { border:solid 1px #000; color:#fff; background-color:#000; }
.btn-c-3 { border:solid 1px #757575; transition:background-color 0.3s; } /*제품검색 수정*/
.btn-c-3:hover { border:solid 1px #000; color:#fff; background-color:#000; }
.btn-c-4 { border:solid 2px #ddd; transition:background-color 0.3s; }
.btn-c-4:hover { border:solid 2px #000; color:#fff; background-color:#000; }
.btn-w { width:196px; }
.btn-w-160 { width:160px; padding: 0 10px;} /*제품검색 추가*/
.btn-more { position:relative; display:inline-block; font-size:14px; font-weight:700; line-height:1; padding-bottom:7px; }
/* .btn-more::before { content:''; position:absolute; left:0; right:0; bottom:0; height:1px; background:#000; } */  /*231018 | 주석처리*/
.btn-txt { display:inline-block;font-size:14px; font-weight:700; margin-right:17px; line-height:16px; }
.btn-txt .i-go-2 { margin:-3px 0 0 5px; }

/* .btn-more::before { -webkit-animation:anigoline-out 800ms both; animation:anigoline-out 800ms both; }
.btn-more:hover::before, .btn-more:focus::before { -webkit-animation-name:anigoline; animation-name:anigoline; } */

/****************************** FORM ******************************/
.fm-item { position:relative; }
.fm-sel { width:100%; height:60px; background:#fff url("/resource/p/kr/image/common/fm-sel.png") right 0 center no-repeat; font-size:16px; padding:0 30px 0 0; border:none; border:solid 2px #000; border-width:0 0 2px 0; }
.fm-sel.placeholder { color:#888 !important; font-weight:normal; }
.fm-sel-2 { width:auto; height:35px; background:#fff url("/resource/p/kr/image/common/fm-sel-2.png") right 12px top 50% no-repeat; font-size:14px; line-height:28px; padding:0 34px 0 0; border:none; }
.fm-sel-3 { width:100%; height:48px; background:url("/resource/p/kr/image/common/fm-sel-2.png") right 0 center no-repeat; font-size:16px; font-weight:400; padding:0 30px 0 0; border:solid 2px #000; border-width:0 0 2px 0; }
.fm-sel-3.placeholder { font-size:14px; color:#888;  }
.fm-sel-4 { width:100%; height:48px; background:url("/resource/p/kr/image/common/fm-sel-3.png") calc(100% - 15px) center no-repeat; font-size:16px; font-weight:400; padding:0 40px 0 20px; border:solid 1px #ddd; background-color: #fff;}
.fm-ipt { width:100%; height:60px; font-size:16px; padding:0 30px 0 0; border:solid 2px #000; border-width:0 0 2px 0; }
.fm-ipt.ipt-sch { padding-right:90px; }
.fm-sch { position:absolute; top:16px; right:-3px; line-height:0; padding:3px; }
.fm-ipt-2 { width:100%; height:64px; font-size:16px; padding:0 24px 0 24px; font-weight:400; border:solid 2px #000; }
.fm-ipt-2.ipt-sch { padding-right:115px; }
.fm-sch-2 { position:absolute; right:20px; top:14px; padding:5px; }
.fm-ipt-2::-webkit-input-placeholder, .fm-ipt-3::-webkit-input-placeholder { font-size:14px !important;}
.fm-ipt-2::-moz-placeholder, .fm-ipt-3::-moz-placeholder { font-size:14px !important;}
.fm-ipt-2:-ms-input-placeholder, .fm-ipt-3:-ms-input-placeholder { font-size:14px !important; font-weight:400 !important;}
.fm-ipt-2:-moz-placeholder, .fm-ipt-3:-moz-placeholder { font-size:14px !important;}
.fm-ipt-2.fc::-webkit-input-placeholder, .fm-ipt-3.fc::-webkit-input-placeholder {color: #FF6000 !important;} /*제품검색 추가*/
.fm-ipt-2.fc::-moz-placeholder, .fm-ipt-3.fc::-moz-placeholder {color: #FF6000 !important;} /*제품검색 추가*/
.fm-ipt-2.fc::-ms-input-placeholder, .fm-ipt-3::-ms-input-placeholder {color: #FF6000 !important;} /*제품검색 추가*/
.fm-ipt-2.fc::-moz-placeholder, .fm-ipt-3.fc::-moz-placeholder {color: #FF6000 !important;} /*제품검색 추가*/
.fm-ipt-3 { width:100%; height:54px; font-size:16px; padding:0 30px 0 30px; font-weight:400; border:solid 2px #000; }
.fm-ipt-4 { width:100%; height:48px; font-size:16px; padding:0 20px 0 20px; border:solid 1px #ddd; }
.fm-ipt-4+img {width: 28px; position: absolute; top:14px; right: 20px; cursor: pointer;}
.fm-del, .fm-del-2 { position:absolute; right:35px; top:50%; width:30px; height:30px; line-height:0; visibility:hidden; overflow:hidden; -webkit-transform:translateY(-50%); transform:translateY(-50%); opacity:0; transition:opacity 0.3s; }
.del-view .fm-del, .del-view .fm-del-2 { visibility:visible; opacity:1; }
.fm-del-2 { right:68px; width:30px; height:30px; }
.fm-ta { width:100%; height:240px; font-size:16px; padding:20px 30px; border:solid 1px #ddd; }
.fm-txt, .fm-txt-2 { display:inline-block;  font-weight:400; }
.fm-txt { font-size:14px; color:#888; margin-left:16px;  }
.fm-txt-2 { font-size:16px; color:#000; margin:0 10px 0 9px; }
.fm-ipt-4:focus, .fm-sel-4:focus { border-color:#000; }

.fm-rad, .fm-chk, .fm-chk-2, .fm-chk-3 { position:absolute; padding:0; margin:0; opacity:0; box-sizing:border-box; outline:none; }
.fm-rad + .fm-rad-i { display:inline-block; position:relative; width:auto; min-height:15px; line-height:15px; cursor:pointer; color:#000; padding-left:25px; font-size:16px; font-weight:400; }
.fm-rad + .fm-rad-i:before { top:0; left:0; width:15px; height:15px; background:#fff; border:solid 1px #e0e0e0; border-radius:100%; box-sizing:border-box; margin-top:1px; }
.fm-rad + .fm-rad-i:after { top:0; left:0; width:15px; height:15px; background:#fff; border-radius:100%; opacity:0; margin-top:1px; }
.fm-rad:checked + .fm-rad-i:before { background:#000; border-color:#000; transition:all 0.3s ease; box-sizing:border-box; }
.fm-rad:checked + .fm-rad-i:after { top:5px; left:5px; width:5px; height:5px; opacity:1; transition:border 0.3s ease; }
.fm-rad-i:before, .fm-rad-i:after, .fm-chk-i:before, .fm-chk-i:after { content:''; position:absolute; }

.fm-chk { width:14px; height:14px; }
.fm-chk + .fm-chk-i { display:inline-block; position:relative; width:auto; min-height:14px; line-height:13px; cursor:pointer; padding-left:19px; font-size:14px; font-weight:700; }
.fm-chk + .fm-chk-i:before { left:0; top:0; width:14px; height:14px; border:solid 2px #000; box-sizing:border-box; }
.fm-chk + .fm-chk-i:after { display:block; width:10px; height:10px; left:7px; top:7px; background:#fff; transition:all 0.2s ease-in-out; transform:translate(-50%, -50%); }
.fm-chk:checked + .fm-chk-i:after { background:#000; width:6px; height:6px; }

.fm-chk-2 + .fm-chk-i { display:inline-block; position:relative; width:auto; min-height:15px; line-height:15px; cursor:pointer; color:#000; padding-left:25px; font-size:16px; font-weight:400; }
.fm-chk-2 + .fm-chk-i:before { top:0; left:0; width:15px; height:15px; background:#fff; border:solid 1px #e0e0e0; border-radius:100%; box-sizing:border-box; margin-top:1px; }
.fm-chk-2 + .fm-chk-i:after { top:0; left:0; width:15px; height:15px; background:#fff; border-radius:100%; opacity:0; margin-top:1px; }
.fm-chk-2:checked + .fm-chk-i:before { background:#000; border-color:#000; transition:all 0.3s ease; box-sizing:border-box; }
.fm-chk-2:checked + .fm-chk-i:after { top:5px; left:5px; width:5px; height:5px; opacity:1; transition:border 0.3s ease; }

.fm-chk-3 { width:16px; height:16px; }
.fm-chk-3 + .fm-chk-i { display:inline-block; position:relative; width:auto; min-height:16px; line-height:16px; cursor:pointer; padding-left:26px; font-size:16px; }
.fm-chk-3 + .fm-chk-i:before { left:0; top:1px; width:16px; height:16px; border:solid 2px #000; box-sizing:border-box; transition:opacity 0.2s ease-in-out; }
.fm-chk-3 + .fm-chk-i:after { display:block; width:0; height:0; left:8px; top:9px; background:#fff; transition:all 0.2s ease-in-out; transform:translate(-50%, -50%); }
.fm-chk-3:checked + .fm-chk-i:after { background:#000; width:16px; height:16px; }
.fm-chk-3:checked + .fm-chk-i:before { opacity:0; }
.rad-group { line-height:0; }
.rad-group .fm-item + .fm-item { margin-left:56px; }
.fm-wrap .fm-item { display:inline-block; }
.fm-wrap .fm-item + .fm-item { margin-left:7px; }
.terms-box { overflow-y:scroll; height:260px; padding:36px 40px; font-size:15px; border:1px solid #eee; font-size:14px; }
.terms-box .terms-title { margin:32px 0 23px; font-size:16px; }
.terms-box .terms-title:first-child { margin-top:0; }
.terms-box .terms-list { margin:10px 0 0; font-size:14px; line-height:1.73; }
.fm-agree { position:relative; margin:26px 0 -5px; font-size:16px; }
.fm-agree .fm-item { position:absolute; top:-3px; right:0; }

/****************************** 팝업 ******************************/
body .fixed-scroll { position:fixed; left:0; top:0; width:100%; height:100%; overflow:auto; -webkit-overflow-scrolling:touch; }
.uipop-container { display:none; position:absolute; }
.uipop-container iframe { vertical-align:top; }
.uipop-container .accessibility-btns { position:absolute; top:0; right:0; opacity:0; white-space:nowrap; width:1px; height:1px; overflow:hidden; }
.uipop-container.dim { position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.4); z-index:900; overflow:auto; -webkit-overflow-scrolling:touch; }
.uipop-container.full-trans.dim { background:rgba(0,0,0,.4); }
.uipop-container.dim .uipop-track { display:table-cell; width:100vw; height:100vh; vertical-align:middle; }
.pop-layer { display:none; position:relative; width:640px; margin:0 auto; box-shadow: 0 8px 57px -17px rgba(0,0,0,0.2); }
.pop-layer:focus, .pop-layer-2:focus { outline:none; }
.pop-layer .pop-cont { padding:40px 60px 0; overflow:hidden; background:#fff; box-sizing:border-box; }
.pop-layer .pop-btn-close .i-close { position:relative; width:26px; height:26px; }
.pop-layer .pop-btn-close .i-close::before { content:''; display:block; position:absolute; top:50%; margin-top:-1px; width:26px; height:2px; background:#fff; transform:rotate(-45deg); transition:transform 0.2s; }
.pop-layer .pop-btn-close .i-close::after { content:''; display:block; position:absolute; top:50%; margin-top:-1px; width:26px; height:2px; background:#fff; transform:rotate(45deg); transition:transform 0.2s; }
.pop-layer .pop-btn-close:hover .i-close::before, .pop-btn-close:hover .i-close::after { transform:rotate(0); }
.pop-layer .pop-close .fm-chk + .fm-chk-i { font-size:16px; font-weight:400; }
.pop-layer .pop-close .fm-chk + .fm-chk-i:before { border-color:#fff; }
.pop-layer .pop-close .fm-chk + .fm-chk-i:after { background:#1e202b; width:4px; height:4px; }
.pop-layer .pop-close .fm-chk:checked + .fm-chk-i:after { background:#fff; }
.pop-layer .pop-close { display:-ms-flexbox; display:flex;-ms-flex-align:center; align-items:center;  ms-flex-pack:justify; justify-content:space-between; height:60px; background:#1e202b; margin:0 -60px 0; padding:0 24px 0 30px; } /* 2024-04-19 */
.pop-layer .pop-close .today { color:#fff; }
.pop-layer-2 { display:none; position:relative; width:500px; margin:0 auto; }
.pop-layer-2 .pop-cont { padding:40px 60px 0; overflow:hidden; background:#fff; box-sizing:border-box; }
.pop-btn-close-2 { position:absolute; right:20px; top:20px; z-index:10; width:60px; height:60px; background:#000; border-radius:30px; }
.pop-btn-close-2 .i-close { position:relative; width:26px; height:26px; }
.pop-btn-close-2 .i-close::before { content:''; display:block; position:absolute; top:50%; margin-top:-2px; width:100%; height:2px; background:#fff; transform:rotate(-45deg); transition:transform 0.2s; }
.pop-btn-close-2 .i-close::after { content:''; display:block; position:absolute; top:50%; margin-top:-2px; width:100%; height:2px; background:#fff; transform:rotate(45deg); transition:transform 0.2s; }
.pop-btn-close-2:hover .i-close::before, .pop-btn-close-2:hover .i-close::after { transform:rotate(0); }

/****************************** 메인 임시 팝업 ******************************/
.pop-layer .notice-title { font-size:24px; font-weight:700; }
.pop-layer .notice-title .notice-logo { display:block; margin:0 0 32px -26px; }
.pop-layer .notice-title .small { display:block; font-size:14px; font-weight:400; color:#888; }
.pop-layer .notice-txt { font-size:14px; font-weight:400; margin-top:12px; }
.pop-layer .notice-list { border-top:solid 1px #eee; padding-top:21px; margin-top:25px; }
.pop-layer .notice-list li + li { margin-top:6px; }
.pop-layer .notice-txt-2 { font-size:14px; font-weight:700; margin-top:54px; text-indent:-0.9em; margin-left:0.9em; }

/****************************** SLIDE ******************************/
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { left:20px; background:rgba(0,0,0,.6); width:65px; height:65px; border-radius:65px; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { right:20px; background:rgba(0,0,0,.6); width:65px; height:65px; border-radius:65px; }
.swiper-button-prev::before, .swiper-button-next::before { content:''; position:absolute; bottom:0; left:50%; top:50%; margin:-1px 0 0 -13px; width:27px; height:2px; background:#fff; }
.swiper-button-prev::after, .swiper-button-next::after { content:''; position:absolute; bottom:0; left:50%; top:50%; margin:-6px 0 0 -13px; width:10px; height:10px; border-left:solid 2px #fff; border-bottom:solid 2px #fff; -webkit-transform:rotate(45deg);transform:rotate(45deg); }
.swiper-button-next::after { margin:-6px -13px 0 0; -webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
.swiper-pagination:not(.swiper-pagination-fraction) { font-size:0; }
.swiper-pagination-bullet { width:12px; height:12px; background:transparent !important; opacity:1; font-size:0; }
.swiper-pagination-bullet::before { content:''; display:inline-block; width:6px; height:6px; border-radius:6px; background:#fff; }
.swiper-pagination-bullet-active { opacity:1; }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin:0 0 0 -1px; outline:none; }
.swiper-button-play { position:absolute; bottom:20px; right:0; z-index:10; width:52px; height:26px; background:rgba(17,17,17,.4); border-radius:26px; overflow:hidden; }
.swiper-button-play .in { position:absolute; left:0; top:0; width:26px; height:26px; white-space:nowrap; text-indent:-999px; overflow:hidden; background:#111; border-radius:26px; -webkit-transition:left 0.2s; transition:left 0.2s; }
.swiper-button-play.stop .in { left:26px; }
.swiper-button-play::after { content:''; position:absolute; left:11px; top:9px; z-index:2; width:0; height:0; border-style:solid; border-width:4px 0 4px 7px; border-color:transparent transparent transparent #666; -webkit-transition:border-color 0.2s; transition:border-color 0.2s; }
.swiper-button-play::before { content:''; position:absolute; left:36px; top:9px; z-index:2; width:3px; height:8px; border-left:2px solid #666; border-right:2px solid #666; -webkit-transition:border-color 0.2s; transition:border-color 0.2s; }
.swiper-button-play:not(.stop)::after { border-left-color:#fff; }
.swiper-button-play.stop::before { border-color:#fff; }
.swiper-pagination-bullet { position:relative; width:20px; height:20px; }
.swiper-pagination-bullet::before { position:absolute; left:50%; top:50%; width:6px; height:6px; background:#b2b2b2; border-radius:100%; box-sizing:border-box; -webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); -webkit-transition:background 0.3s ease; transition:background 0.3s ease; }
.swiper-pagination-bullet .circle { display:block; position:absolute; left:0; top:0; right:0; bottom:0; }
.swiper-pagination-bullet .circle i { position:relative; float:left; width:50%; height:100%; overflow:hidden; }
.swiper-pagination-bullet .circle i::before { content:''; position:absolute; width:200%; right:0; top:0; bottom:0; border:1px solid #ff5a2b; border-radius:100%; box-sizing:border-box; clip: rect(0,20px,20px,10px); -webkit-transform:rotate(-180deg); transform:rotate(-180deg); }
.swiper-pagination-bullet .circle i:first-child::before { left:0; right:auto; clip: rect(0px,10px,20px,0px); }
.swiper-pagination-bullet.swiper-pagination-bullet-active::before { background:#ff5a2b; }
.swiper-pagination-bullet.swiper-pagination-bullet-active .circle i::before { -webkit-animation:circleR 3500ms linear both; animation:circleR 3500ms linear both; }
.swiper-pagination-bullet.swiper-pagination-bullet-active .circle i:first-child::before { -webkit-animation-name:circleL; animation-name:circleL; }
@-webkit-keyframes circleL{0%, 50%{-webkit-transform:rotate(-180deg); transform:rotate(-180deg);}100%{-webkit-transform:rotate(0deg); transform:rotate(0deg);}}
@-webkit-keyframes circleR{0%{-webkit-transform:rotate(-180deg); transform:rotate(-180deg);}50%,100%{-webkit-transform:rotate(0deg); transform:rotate(0deg);}}
@keyframes circleL{0%, 50%{-webkit-transform:rotate(-180deg); transform:rotate(-180deg);}100%{-webkit-transform:rotate(0deg); transform:rotate(0deg);}}
@keyframes circleR{0%{-webkit-transform:rotate(-180deg); transform:rotate(-180deg);}50%,100%{-webkit-transform:rotate(0deg); transform:rotate(0deg);}}

@media all and (max-width:1360px) {
    .top-banner .foot{margin-right:-600px}
    .top-banner .inner > .item{width:1200px}
    .header .gnb-nav{max-width:none;/*padding-right:82px*/}
    .header .gnb-nav .dep-1.ty-2 > a{/*margin-left:242px*/}
    .header .gnb-nav .dep-1.ty-2 .dep-2:first-child{/*margin-left:449px*/}
    .header .gnb-logo{/*margin-left:-600px*/}
    .header .gnb-util{/*margin-right:-476px*/}
    .header .lang{/*margin-right:-540px*/}
    .header .btn-all{/*margin-right:-600px*/}
    .header .all-inner .deco-set .deco-text{/*margin-right:-605px*/}
    /* .footer .footer-inner{width:1200px;padding-left:180px} 제품검색 | 제거 */
    .footer .social{right:71px}
    .footer .social a + a{margin-left:4px}
    .location{left: 0;} /* 제품검색 | 수정 */
}

@-webkit-keyframes fadeUp{from{opacity:0;-webkit-transform:translateY(30%);transform:translateY(30%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes fadeUp{from{opacity:0;-webkit-transform:translateY(30%);transform:translateY(30%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes allmenuTx{
    0%{-webkit-transform:translateY(-11px); transform:translateY(-11px);}
    50%{-webkit-transform:translateY(-50%); transform:translateY(-50%);}
    100%{-webkit-transform:translateY(-50%) rotate(-45deg); transform:translateY(-50%) rotate(-45deg);}
}
@keyframes allmenuBx{
    0%{-webkit-transform:translateY(9px); transform:translateY(9px);}
    50%{-webkit-transform:translateY(-50%); transform:translateY(-50%);}
    100%{-webkit-transform:translateY(-50%) rotate(45deg); transform:translateY(-50%) rotate(45deg);}
}
@keyframes allmenuMx{0%{ height:2px; } 50%, 100%{ height:0; }}
@-webkit-keyframes allmenuTx{
    0%{-webkit-transform:translateY(-11px); transform:translateY(-11px);}
    50%{-webkit-transform:translateY(-50%); transform:translateY(-50%);}
    100%{-webkit-transform:translateY(-50%) rotate(-45deg); transform:translateY(-50%) rotate(-45deg);}
}
@-webkit-keyframes allmenuBx{
    0%{-webkit-transform:translateY(9px); transform:translateY(9px);}
    50%{-webkit-transform:translateY(-50%); transform:translateY(-50%);}
    100%{-webkit-transform:translateY(-50%) rotate(45deg); transform:translateY(-50%) rotate(45deg);}
}
@-webkit-keyframes allmenuMx{0%{ height:2px; } 50%, 100%{ height:0; }}
@keyframes allmenuT{
    0%{-webkit-transform:translateY(-50%) rotate(-45deg); transform:translateY(-50%) rotate(-45deg);}
    50%{-webkit-transform:translateY(-50%); transform:translateY(-50%);}
    100%{-webkit-transform:translateY(-11px); transform:translateY(-11px);}
}
@keyframes allmenuB{
    0%{-webkit-transform:translateY(-50%) rotate(45deg); transform:translateY(-50%) rotate(45deg);}
    50%{-webkit-transform:translateY(-50%); transform:translateY(-50%);}
    100%{-webkit-transform:translateY(9px); transform:translateY(9px);}
}
@keyframes allmenuM{0%, 50%{ height:0; } 100%{ height:2px; }}
@-webkit-keyframes allmenuT{
    0%{-webkit-transform:translateY(-50%) rotate(-45deg); transform:translateY(-50%) rotate(-45deg);}
    50%{-webkit-transform:translateY(-50%); transform:translateY(-50%);}
    100%{-webkit-transform:translateY(-11px); transform:translateY(-11px);}
}
@-webkit-keyframes allmenuB{
    0%{-webkit-transform:translateY(-50%) rotate(45deg); transform:translateY(-50%) rotate(45deg);}
    50%{-webkit-transform:translateY(-50%); transform:translateY(-50%);}
    100%{-webkit-transform:translateY(9px); transform:translateY(9px);}
}
@-webkit-keyframes allmenuM{0%, 50%{ height:0; } 100%{ height:2px; }}

@keyframes allmenuDecoInS{
    0%{opacity:0.5; -webkit-transform:translate(0,0) scale(1); transform:translate(0,0) scale(1);}
    33.3%{opacity:0.3; -webkit-transform:translate(118px,20px); transform:translate(118px,20px) scale(1);}
    66.6%{opacity:0.6; -webkit-transform:translate(90px,89px) scale(1); transform:translate(90px,89px) scale(1);}
    100%{opacity:0.5; -webkit-transform:translate(0,0) scale(1); transform:translate(0,0) scale(1);}
}
@keyframes allmenuDecoInM{
    0%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
    33.3%{opacity:0.8; -webkit-transform:translate(50px,-155px); transform:translate(50px,-155px);}
    66.6%{opacity:0.7; -webkit-transform:translate(100px,-30px); transform:translate(100px,-30px);}
    100%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
}
@keyframes allmenuDecoInL{
    0%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
    33.3%{opacity:0.8; -webkit-transform:translate(-40px,158px); transform:translate(-40px,158px);}
    66.6%{opacity:1; -webkit-transform:translate(-159px,34px); transform:translate(-159px,34px);}
    100%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
}
@-webkit-keyframes allmenuDecoInS{
    0%{opacity:0.5; -webkit-transform:translate(0,0) scale(1); transform:translate(0,0) scale(1);}
    33.3%{opacity:0.3; -webkit-transform:translate(118px,20px); transform:translate(118px,20px) scale(1);}
    66.6%{opacity:0.6; -webkit-transform:translate(90px,89px) scale(1); transform:translate(90px,89px) scale(1);}
    100%{opacity:0.5; -webkit-transform:translate(0,0) scale(1); transform:translate(0,0) scale(1);}
}
@-webkit-keyframes allmenuDecoInM{
    0%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
    33.3%{opacity:0.8; -webkit-transform:translate(50px,-155px); transform:translate(50px,-155px);}
    66.6%{opacity:0.7; -webkit-transform:translate(100px,-30px); transform:translate(100px,-30px);}
    100%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
}
@-webkit-keyframes allmenuDecoInL{
    0%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
    33.3%{opacity:0.8; -webkit-transform:translate(-40px,158px); transform:translate(-40px,158px);}
    66.6%{opacity:1; -webkit-transform:translate(-159px,34px); transform:translate(-159px,34px);}
    100%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
}
@keyframes allmenuOpen{0%{ height:0; } 100%{ height:100vh; }}
@-webkit-keyframes allmenuOpen{0%{ height:0; } 100%{ height:100vh; }}
@keyframes allmenuClose{0%{ height:100vh; } 100%{ height:0; }}
@-webkit-keyframes allmenuClose{0%{ height:100vh; } 100%{ height:0; }}

@keyframes ani-prev{ 100%{right:50%;} 50.1%{right:-100%;} 50%{right:110%;} }
@keyframes ani-next{ 100%{left:50%;} 50.1%{left:-100%;} 50%{left:110%;} }
/*@keyframes ani-prev-out{ 0%, 100%{left:50%;} 50%{left:110%;} 50.1%{left:-50%;} }
@keyframes ani-next-out{ 0%, 100%{left:50%;} 50%{left:-50%;} 50.1%{left:110%;} }
@-webkit-keyframes ani-prev-out{ 0%, 100%{left:50%;} 50%{left:110%;} 50.1%{left:-50%;} }
@-webkit-keyframes ani-next-out{ 0%, 100%{left:50%;} 50%{left:-50%;} 50.1%{left:110%;} }
*/
@keyframes anigo{ 0%, 100%{width:9px; margin-right:0; margin-left:7px;} 50%{width:0; margin-right:0; margin-left:16px;} 50.1%{width:0; margin-right:9px; margin-left:7px;} } /*231018 | 수정*/
@-webkit-keyframes anigo{ 0%, 100%{width:9px; margin-right:0; margin-left:7px;} 50%{width:0; margin-right:0; margin-left:16px;} 50.1%{width:0; margin-right:9px; margin-left:7px;} } /*231018 | 수정*/

@keyframes anidot-5{
    0%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
    33.3%{opacity:0.8; -webkit-transform:translate(-50px,-80px); transform:translate(-50px,-80px);}
    66.6%{opacity:0.7; -webkit-transform:translate(70px,-30px); transform:translate(70px,-30px);}
    100%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
}
@-webkit-keyframes anidot-5{
    0%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
    33.3%{opacity:0.8; -webkit-transform:translate(-50px,-80px); transform:translate(-50px,-80px);}
    66.6%{opacity:0.7; -webkit-transform:translate(70px,-30px); transform:translate(70px,-30px);}
    100%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
}
@keyframes anidot-6{
    0%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
    33.3%{opacity:0.8; -webkit-transform:translate(40px,-70px); transform:translate(40px,-70px);}
    66.6%{opacity:1; -webkit-transform:translate(-70px,34px); transform:translate(-70px,34px);}
    100%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
}
@-webkit-keyframes anidot-6{
    0%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
    33.3%{opacity:0.8; -webkit-transform:translate(40px,-70px); transform:translate(40px,-70px);}
    66.6%{opacity:1; -webkit-transform:translate(-70px,34px); transform:translate(-70px,34px);}
    100%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
}
@keyframes anidot-7{
    0%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
    33.3%{opacity:0.3; -webkit-transform:translate(108px,-92px); transform:translate(108px,-92px);}
    66.6%{opacity:0.6; -webkit-transform:translate(266px,80px); transform:translate(266px,80px);}
    100%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
}
@-webkit-keyframes anidot-7{
    0%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
    33.3%{opacity:0.3; -webkit-transform:translate(108px,-92px); transform:translate(108px,-92px);}
    66.6%{opacity:0.6; -webkit-transform:translate(266px,80px); transform:translate(266px,80px);}
    100%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
}
@keyframes anidot-8{
    0%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
    33.3%{opacity:0.8; -webkit-transform:translate(-190px,64px); transform:translate(-190px,64px);}
    66.6%{opacity:0.7; -webkit-transform:translate(-80px,198px); transform:translate(-80px,198px);}
    100%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
}
@-webkit-keyframes anidot-8{
    0%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
    33.3%{opacity:0.8; -webkit-transform:translate(-190px,64px); transform:translate(-190px,64px);}
    66.6%{opacity:0.7; -webkit-transform:translate(-80px,198px); transform:translate(-80px,198px);}
    100%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
}
@keyframes anidot-9{
    0%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
    33.3%{opacity:0.8; -webkit-transform:translate(216px,-118px); transform:translate(216px,-118px);}
    66.6%{opacity:1; -webkit-transform:translate(-6px,-240px); transform:translate(-6px,-240px);}
    100%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
}
@-webkit-keyframes anidot-9{
    0%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
    33.3%{opacity:0.8; -webkit-transform:translate(216px,-118px); transform:translate(216px,-118px);}
    66.6%{opacity:1; -webkit-transform:translate(-6px,-240px); transform:translate(-6px,-240px);}
    100%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}



/* 공통영역 10점 이상 200608 ST*/
.clearfix::after {content:''; display:block; clear:both;}
.position-relative  {position: relative; display: inline-block;}

.txt-xxxs           {font-size:14px; line-height: 1.57; font-weight: 600;}
.txt-xxs            {font-size:14px; line-height: 1.57;}
.txt-xs             {font-size:16px; line-height: 1.75;}
.txt-sm             {font-size:16px; line-height: 1.75; font-weight: 600;}
.txt-xl-sm          {font-size:18px; line-height: 1.7; font-weight: 400;}
.txt-xx-md          {font-size:20px; line-height: 1.6; font-weight: 600;}
.txt-x-md           {font-size:20px; line-height: 1.6;}
.txt-md             {font-size:24px; line-height: 1.7; font-weight: 600;}
.txt-xl-md          {font-size:28px; line-height: 1.7; font-weight: 500;}
.txt-lg             {font-size:30px; line-height: 1.5; font-weight: 600;}
.weight-regular     {font-weight: 400;}

.txt-color-black   {color: #000;}
.txt-color-gray    {color: #888;}
.txt-color-orange  {color:#ff5a2b}

.input-text        {display: inline-block; font-size: 14px; height: 47px; line-height:47px; vertical-align: middle; border: 1px solid #ddd; box-sizing: border-box; color: #000; outline: none;resize: none;}
.input-text-sub    {display: inline-block; font-size: 14px; height: 36px; line-height:36px; vertical-align: middle; border: 1px solid #ddd; box-sizing: border-box; color: #000; outline: none;resize: none;}
.input-text-sm     { width: 64px; padding: 0 14px;}
.input-text-md     { width: 75px; padding: 0 16px;}
.input-text-x-md   { width: 200px; padding: 0 16px;}
.input-text-lg     { width: 260px; padding: 0 18px;}
.input-text-x-lg   { width: 280px; padding: 0 18px;}
.input-text-block  { width: 100%; display: block; padding: 0 20px; }
.textarea-sm       { width: 850px; height: 110px; padding: 20px; line-height: normal;}
.textarea-block    { width: 100%; height: 240px; padding: 20px; line-height: normal;}
.input-text:focus, .input-text-sub:focus  { border: 1px solid #000; border-radius: 5px; }

.radio-check {
    position: absolute;
    padding: 0;
    margin: 0;
    opacity: 0;
    box-sizing: border-box;
    outline: none;
}
.radio-check + label {
    position: relative;
    display: inline-block;
    width: auto;
    min-height: 15px;
    line-height: 15px;
    cursor: pointer;
    color: #000;
    font-size: 16px;
    font-weight: 400;
}
.radio-check + label::before{ content: ''; display: inline-block;  vertical-align: inherit;  margin-right: 10px; width: 15px; height: 15px; background: #fff; border: solid 1px #e0e0e0; border-radius: 100%; box-sizing: border-box;}
.radio-check + label:after { content: ''; position: absolute; left: 0; top: 0; display: inline-block; vertical-align: inherit; margin-right: 10px; width:15px; height:15px; background:#fff; border-radius:100%; opacity:0; margin-top:1px; }
.radio-check + label ::before {position: relative;}
.radio-check:checked + label:before { background:#000; border-color:#000; transition:all 0.3s ease; box-sizing:border-box; }
.radio-check:checked + label:after { position: absolute; top:25%; left:5px; width:5px; height:5px; opacity:1; transition:border 0.3s ease; }

.select-box{ display: inline-block; position: relative;}

.btn { display: inline-block; box-sizing: border-box; vertical-align: middle; font-size: 14px; border: 1px solid transparent; background-color: transparent; color: #000; cursor: pointer; outline: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.btn-sm {width: 196px; height: 60px; line-height:60px; padding: 0 14px;}
.btn-color { background-color: #000; color: #fff;}
.btn-color:hover {background-color: #ff5a2b}
.btn-border {border:1px solid #dddddd;}
.btn-hover-black:hover {background-color: #000; color: #fff;}
.icon-1 {width:16px; height: 16px; display: inline-block; background: url(/resource/p/kr/image/abnormalCase/icon/icon1.png); vertical-align: middle; margin: 0 0 0 10px;}
.icon-2 {width:17px; height: 17px; display: inline-block; background: url(/resource/p/kr/image/abnormalCase/icon/icon2.png); vertical-align: middle; margin: 0 0 0 5px;}

.required-input {float: right; color:#ff5a2b; font-weight: 600; }
.terms_box { display: block; height: 260px; overflow: auto; font-size: 16px; line-height: 1.7; border: 1px solid #ddd; padding: 40px; box-sizing: border-box; color: #000; outline: none;resize: none; }
.terms_box .inner {margin: 32px 0 42px 0;}
.terms_box .inner:nth-of-type(2) > div {width: 102%; padding-left: 30px; white-space: nowrap; overflow: hidden;}
.terms_box .inner:nth-of-type(2) ul li:nth-of-type(1)::before {top:10px;}
.terms_box .inner:last-child {margin: 0;}
.terms_box .inner h4{display: inline-block; margin-bottom: 7px;}
.terms_box .inner ul li{color: #888888; padding-left:10px; position: relative; font-weight: 300;}
/* .terms_box .inner ul li::before{content:''; display: inline-block; width: 3px; height: 3px; position: absolute; top:45%; left:0; border-radius: 50%; background-color: #888888; } */
.personal_inner {margin-top: 32px;}
.txt_inner {border: none;}


.table {width:100%; display:table; border-bottom: 1px solid #eee;}
article {border-top: 1px solid #000;}
.table-cell {display:table-cell; vertical-align: middle; padding: 28px 0 28px 42px;}
.table-50 {width:50%; height: 45px; line-height: 50px; display:table; float: left; border-bottom: 1px solid #eee;}
.inline-block {display: inline-block;}

.mnone {margin-bottom: 10px;}
.unique-number {float: right;}

.wrap-inner{padding: 28px 0 0 0;}
.wrap-inner ul li {color: #888; position: relative; padding-left:10px;}
.wrap-inner ul li::before{content:''; display:block; width: 3px; height: 1px; background-color: #888; margin-right:10px; position:absolute;top:10px;left:0;}

.wrap-list:nth-child(odd) {width:240px; height: 100px; vertical-align: middle; padding: 0 25px; box-sizing: border-box; background-color: #f9f8f6;}
/* .wrap-list:nth-of-type(2n) {width:932px; height: 100px; vertical-align: middle; padding: 28px 0 28px 42px; box-sizing: border-box;} */
.wrap-list:nth-of-type(2n) ul {margin-top:24px;}
.wrap-list:nth-of-type(2n) ul li {color: #888; position: relative; padding-left:10px;}
.wrap-list:nth-of-type(2n) ul li:nth-child(1){color: #ff5a2b;}
.wrap-list:nth-of-type(2n) ul li:nth-child(1)::before{ background-color: #ff5a2b;}
.wrap-list:nth-of-type(2n) ul li::before {content:''; display:block; width: 3px; height: 1px; background-color: #888; margin-right:10px; position:absolute;top:10px;left:0;}
.wrap-list:nth-of-type(2) span { display: inline-block; margin: 0 5px;}

.dot-before {position: relative;display: inline-block;}
.dot-before::before {content:''; display: inline-block; width: 4px; height: 4px; position: absolute; top:4px; left:-7px; border-radius: 50%; background-color: #ff5a2b;}
.dot-after {position: relative;display: inline-block;}
.dot-after::after {content:''; display:inline-block; width:4px; height:4px; position: absolute; top:7px; right:-8px; border-radius:50%; background-color: #ff5a2b;}
.dot-after-top8::after {top:8px;}
.dot-after-top10::after {top:10px;}

.article-layout .table-50 .table-cell div {display: inline-block; margin: 0 50px 0 0;}
.article-layout .table .Birthbox .ps-box span{margin: 0 8px;}
.article-layout .table .Birthbox .ps-box:nth-child(4) {margin: 0 60px;}
.article-layout .table .Birthbox .ps-box:nth-child(4) span {}
.article-layout .select-box .radio-check {margin-right: 10px;}
.article-layout .table:nth-child(5) .table-cell .ps-box{margin: 0 60px 0 0;}
.article-layout .table:nth-child(6) .table-cell .ps-box{margin: 0 60px 0 0;}

.d_flex {display: flex;align-content: center;}
.d_flex .input-text_center {width: 90px; height: 36px; line-height: 36px;}
/* 공통영역 10점 이상 200608 ED*/

/* popup 200608 ST */
.popup_bgAnomaly {position: fixed; bottom: 0; left: 0; right: 0; top: 0; background-color: rgba(0, 0, 0, 0.4); z-index: 99999; display: none;}
.popup_bgCounsel {position: fixed; bottom: 0; left: 0; right: 0; top: 0; background-color: rgba(0, 0, 0, 0.4); z-index: 99999; display: none;}
.popup_card {width: 640px; background-color: #fff; box-shadow: 10px 10px 70px rgba(0, 0, 0, 0.4); position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.popup_card .popup_card-img {float: right; margin: 20px 20px 0 0; cursor: pointer;}
.popup_card .popup_card-text { width: 100%; text-align: center; padding: 50px;}
.popup_card .popup_card-text h4 {width: auto; margin: 0 auto 20px auto; padding-bottom: 20px; border-bottom:1px solid #eee;}
.popup_card .popup_card-text p {margin-bottom: 45px;}
.popup_bg .inner {width: 260px; position: absolute; top: 50%; left: 50%; margin-top: -120px; margin-left: -130px; text-align: center;}
.popup_bg .inner .loaders {border: 10px solid #f3f3f3; border-radius: 50%; border-top: 10px solid #ff5a2b; width: 120px; height: 120px; margin: 0 auto;  -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite;}
.popup_bg .inner .txt{margin-top: 50px; font-size: 18px; line-height: 1.7; font-weight: 400;}
/* popup 200608 ED */

/* main1 페이지 200608 ST */
.abnormal-main1 .contents > .inner:nth-child(1){ padding-bottom: 30px; border-bottom: 1px solid #000;}
.abnormal-main1 .contents > .inner:nth-child(2) > div{margin: 45px 0;}
.abnormal-main1 .contents > .inner:nth-child(2) > div:nth-child(3) ul{padding-top: 15px;}
.abnormal-main1 .contents > .inner:nth-child(2) > div:nth-child(3) ul li::before{content:''; width: 4px; height: 4px; display: inline-block; vertical-align: middle; border-radius: 50%; background-color: #888; margin: 0 10px 0 0;}
.abnormal-main1 .contents > .inner:nth-child(2) > div:last-child {margin: 0; padding-bottom: 45px; border-bottom: 1px solid #eee;}
.abnormal-main1 .btn_wrap {text-align: center; margin-top: 82px;}
.abnormal-main1 .btn_wrap button {margin: 0 10px 0 0}
.abnormal-main1 .btn_wrap button:last-child {margin:0;}

.personal_wrap {margin:90px 0;}
.personal_wrap h2 {margin-bottom: 20px;}
.personal_wrap h3 {margin-bottom: 20px;}

.agreement_wrap {margin:90px 0;}
.agreement_wrap h3 {margin-bottom: 20px;}
.agreement_wrap .inline-block {margin: 30px 30px 0 0;}

.info_wrap h3{margin-bottom: 20px;}
/* main1 페이지 200608 ED */


/* abnormal-step1 페이지 200608 ST */
.abnormal-step1 .contents {padding: 100px 15px 120px;}

.abnormal-step1 .inner:nth-child(3) h1{margin-bottom: 60px;}
.abnormal-step1 .inner:nth-child(3) h2{margin-bottom: 20px;}
.abnormal-step1 .inner:nth-child(3) .radio_wrap > div{display: inline-block; margin-right: 40px;}
.abnormal-step1 .inner:nth-child(3) .radio_wrap > div:last-child {margin: 0;}

.abnormal-step1 .contents .article-layout .inner:last-child .Birthbox .ps-box {margin-right: 40px;}
.abnormal-step1 .contents .add_inner .input-text {margin-top: 20px;}

.abnormal-step1 .section {margin: 40px 0;}
.abnormal-step1 .section:last-child {margin: 0;}
.abnormal-step1 .section:last-child h3 {margin-bottom: 30px;}
.abnormal-step1 .bg {width:100%; background-color: #f9f8f6;}
.abnormal-step1 .bg .contents h1 {margin-bottom: 50px;}
.abnormal-step1 .bg .contents > .add_inner-v3 {margin: 50px 0;}
.abnormal-step1 .bg .contents > .add_inner-v3 h2 {margin-bottom: 25px;}
.abnormal-step1 .bg .contents > .add_inner-v3 span span {margin: 0 10px;}
.abnormal-step1 .bg .contents > .add_inner-v3 span:last-child span {margin: 0 0 0 10px;}
.abnormal-step1 .bg .contents > .add_inner-v3.add_03 > div {margin: 10px 0;}
.abnormal-step1 .bg .contents > .add_inner-v3.add_03 h2 {margin-bottom: 25px;}
.abnormal-step1 .bg .contents > .add_inner-v3.add_04 > div {margin: 10px 0;}
.abnormal-step1 .bg .contents > .add_inner-v3.add_05 {margin: 50px 0;}
.abnormal-step1 .bg .contents > .add_inner-v3.add_05 h2{margin-bottom: 25px; display: inline-block;}
.abnormal-step1 .bg .contents > .add_inner-v3.add_05 > div {margin: 10px 0;}
.abnormal-step1 .bg .contents > .add_inner-v3.add_05 > div:nth-child(2){margin-bottom: 0;}
.abnormal-step1 .bg .contents > .add_inner-v3.add_06 h2{margin-bottom: 25px; display: inline-block;}
.abnormal-step1 .bg .contents > .add_inner-v3.add_06 > div:first-child {margin: 0;}
.abnormal-step1 .bg .contents > .add_inner-v3.add_06 > div:nth-child(2) {margin-top: 0;}
.abnormal-step1 .bg .contents > .add_inner-v3.add_06 > div {margin: 10px 0;}
.abnormal-step1 .bg .contents > .add_inner-v3.add_06 > div:last-child {margin: 0;}
.abnormal-step1 .bg span.txt-xs {margin-left: 15px;}
.abnormal-step1 .bg .add_inner-v3 > div{margin-top: 20px; margin-bottom: 20px;}
.abnormal-step1 .bg .add_inner-v3 > div label {margin-right: 20px;}
.abnormal-step1 .bg .add_inner-v3.add_02 textarea {margin-top: 20px;}
.abnormal-step1 .bg .add_inner-v3.add_02 h3 {margin-bottom: 20px;}

.abnormal-step1 .contents {padding: 100px 15px 80px;}
.abnormal-step1 .contents h1 {margin-bottom: 50px;}
.abnormal-step1 .contents .required-input.dot-before {margin: 0;}
.abnormal-step1 .contents > div:not(:first-child) {margin: 40px 0 45px 0;}
.abnormal-step1 .contents > div:not(:first-child) h2 {margin-bottom: 25px;display: inline-block;}
.abnormal-step1 .contents > div:not(:first-child) span:nth-child(5) {margin: 0 10px 0 0;}
.abnormal-step1 .contents > div:not(:first-child) span:nth-child(9) {margin: 0 0 0 60px;}
.abnormal-step1 .contents > div:not(:first-child) span span {margin: 0 10px;}
.abnormal-step1 .contents > div:not(:first-child):last-child {margin: 0;}
.abnormal-step1 .btn_wrap {text-align: center; margin-bottom: 160px;}
.abnormal-step1 .btn_wrap button {margin-right: 10px;}
.abnormal-step1 .btn_wrap button:last-child {margin: 0;}
/* abnormal-step1 페이지 200608 ED */

/* abnormal-step2 페이지 200608 ST */
.abnormal-step2 .contents{padding: 100px 15px 120px;}
.abnormal-step2 .Individual01 article {border-top: 1px solid #000;}
.abnormal-step2 .Individual01 article .inner02 .ps-box:nth-child(2){margin: 0 60px;}
.abnormal-step2 .Individual01 article .table:last-child .wrap-list {vertical-align: top; padding: 30px 42px;}
.abnormal-step2 .Individual01 article .table:last-child .wrap-list:first-child {padding: 30px 30px;}
.abnormal-step2 .Individual01 > div:nth-child(2):first {margin: 0;}
.abnormal-step2 .Individual01 > div:not(:nth-child(1)){ margin-top: 66px;}
.abnormal-step2 .Individual01 > div:nth-child(3) {margin-top: 122px;}
.abnormal-step2 .bg{width:100%; background-color: #f9f8f6;}
.abnormal-step2 .Individual02{}
.abnormal-step2 .Individual02 h1 {margin-bottom: 60px;}
.abnormal-step2 .Individual02 h3 span:nth-child(2) {margin-left: 15px;}
.abnormal-step2 .Individual02 > div > div:nth-child(n+3){margin: 55px 0;position: relative;}
.abnormal-step2 .Individual02 > div > div:last-child {margin: 0;}
.abnormal-step2 .Individual02 > div > .add_inner-v3.add_03 div div {margin: 8px 0;}
.abnormal-step2 .Individual02 > div > .add_inner-v3.add_03 div div:nth-child(1) {margin-bottom: 0;}
.abnormal-step2 .Individual02 > div > .add_inner-v3.add_03 div div:nth-child(2){margin-top: 0;}
/* .abnormal-step2 .Individual02 > div > .add_inner-v3.add_04 div div {display: inline-block; margin-right: 60px;} */
.abnormal-step2 .Individual02 > div > .add_inner-v3.add_04 div div:nth-child(n+1) {margin-bottom: 5px;}
.abnormal-step2 .Individual02 > div > .add_inner-v3.add_04 div div:last-child{ margin-right: 0; margin-top: 40px; display: block;}
.abnormal-step2 .Individual02 > div > .add_inner-v3.add_04 div div:last-child textarea{width: 100%; height: 80px; font-size: 14px; box-sizing: border-box; border: 1px solid #ddd; padding: 5px; resize: none;}
.abnormal-step2 .Individual02 > div > .add_inner-v3.add_05 div div{margin: 8px 0;}
.abnormal-step2 .Individual02 > div > .add_inner-v3.add_06 div .ps-box span{margin-left: 5px;}
.abnormal-step2 .Individual02 > div > .add_inner-v3.add_06 div .ps-box:nth-child(n+2):nth-child(-n+3){margin-left: 20px;}
.abnormal-step2 .Individual02 > div > .add_inner-v3.add_06 div .ps-box:last-child {margin-left: 60px;}
.abnormal-step2 .Individual02 > div > .add_inner-v3.add_07 div .ps-box span{margin-left: 5px;}
.abnormal-step2 .Individual02 > div > .add_inner-v3.add_07 div .ps-box:last-child {margin-left: 60px;}
.abnormal-step2 .Individual02 > div > .add_inner-v3.add_07 div .ps-box:last-child span:last-child {margin-left: 60px;}
.abnormal-step2 .Individual02 > div > .add_inner-v3.add_07 div .ps-box:last-child span{margin: 0;}
.abnormal-step2 .Individual02 > div > .add_inner-v3.add_07 div .ps-box:nth-child(n+2):nth-child(-n+3){margin-left: 20px;}
.abnormal-step2 .Individual02 .add_inner-v3 > div label {margin-right: 20px;}
.abnormal-step2 .Individual02 > div > div h3 {margin-bottom: 20px;}
.abnormal-step2 .Individual02>div>div i.tooltip{width:15px;height:15px;font-style:normal;cursor:pointer;background-color:#000;color:#fff;margin-left:10px;font-size:10px;vertical-align:super;text-align:center;display:inline-block;}
.abnormal-step2 .Individual02 > div > div .tooltip_txt {width: 680px; font-size: 12px; padding: 20px; box-sizing: border-box; background-color: #fff; border: 1px solid #050001; position: absolute;top: 6px;right: 183px;display: none;}
.abnormal-step2 .Individual02 > div > div i.tooltip:hover + .tooltip_txt{display: block;}

.abnormal-step2 .Individual03 .info_inner > div{margin: 65px 0;}
.abnormal-step2 .Individual03 .info_inner > div:last-child{margin: 0;}
.abnormal-step2 .Individual03 .info_inner > div h2 {margin-bottom: 20px;}
.abnormal-step2 .Individual03 .info_inner > div > div > div {margin: 10px 0;}
.abnormal-step2 .Individual03 .info_inner > div > div > div:first-child {margin: 0;}
.abnormal-step2 .Individual03 .info_inner > div > div > div:last-child {margin: 0;}
.abnormal-step2 .Individual03 .info_inner > div:nth-child(3) div div:first-child{margin: 0;}
.abnormal-step2 .Individual03 .info_inner > div:nth-child(3) div div{margin: 8px 0;}
.abnormal-step2 .Individual03 .info_inner > div:nth-child(4) div div span:nth-child(4){margin-right: 10px; display: inline-block;}
.abnormal-step2 .Individual03 .info_inner > div:nth-child(4) div .ps-box:nth-child(n+1):nth-child(-n+3) {margin-right: 10px;}
.abnormal-step2 .Individual03 .info_inner > div:nth-child(4) div .ps-box:nth-child(n+1):nth-child(-n+3) span {margin-left: 5px;}
.abnormal-step2 .Individual03 .info_inner > div:nth-child(4) div .ps-box:nth-child(n+5):nth-child(-n+7) {margin-right: 10px;}
.abnormal-step2 .Individual03 .info_inner > div:nth-child(4) div .ps-box:nth-child(n+5):nth-child(-n+7) span {margin-left: 5px;}
.abnormal-step2 .Individual03 .info_inner > div:nth-child(4) div .ps-box:last-child {margin-left: 40px;}
.abnormal-step2 .Individual03 .info_inner > div:nth-child(4) div .ps-box:last-child span:nth-of-type(1) {margin-right: 60px;}
.abnormal-step2 .Individual03 .info_inner > div:nth-child(9) > div {margin: 0 10px;}
.abnormal-step2 .Individual03 .info_inner > div:nth-child(9) > span:nth-of-type(1) {margin-left: 10px;}
.abnormal-step2 .Individual03 .info_inner > div:nth-child(9) > span:nth-of-type(2) {margin-left: 60px;}
.abnormal-step2 .Individual03 .info_inner > div:nth-child(10) span:nth-of-type(1) {margin-left: 10px;}
.abnormal-step2 .Individual03 .info_inner > div:nth-child(10) span:nth-of-type(2) {margin-left: 60px;}

.abnormal-step2 .btn_wrap{text-align: center; margin-top: 80px;}
/* abnormal-step2 페이지 200608 ED */

/* abnormal-step3 페이지 200608 ST*/
.abnormal-step3 .contents{padding: 100px 15px 120px;}
.abnormal-step3 .Individual01 .section:first-child {margin: 0;}
.abnormal-step3 .Individual01 .section{margin: 120px 0;}
.abnormal-step3 .Individual01 .section .txt-lg {margin-bottom: 65px;}
.abnormal-step3 .Individual01 .section:last-child {margin: 0;}
.abnormal-step3 .Individual01 .table_wrap01 .Birthbox .ps-box{margin-right: 10px;}
.abnormal-step3 .Individual01 .table_wrap01 .Birthbox .ps-box span {margin-left: 5px;}
.abnormal-step3 .Individual01 .table_wrap02 .Birthbox .ps-box{margin-right: 60px;}
.abnormal-step3 .Individual01 .table_wrap02 .Birthbox .ps-box:last-child {margin: 0;}
.abnormal-step3 .Individual01 .article-layout .table-50 .table-cell div { margin-right: 60px;}
.abnormal-step3 .Individual01 .article-layout .table-50 .table-cell div:last-child { margin-right: 0;}
.abnormal-step3 .Individual01 .table_wrap02 .inner01 .wrap-list {padding:30px 0 30px 27px;}
.abnormal-step3 .bg{width:100%; background-color: #f9f8f6;}

.abnormal-step3 .Individual02 .section:first-child {margin: 0;}
.abnormal-step3 .Individual02 .section {margin: 55px 0;}
.abnormal-step3 .Individual02 .section h3 {margin-bottom: 5px;}
.abnormal-step3 .Individual02 .section h3 span + span{margin-left: 16px;}
.abnormal-step3 .Individual02 .section div div:first-child{margin: 0;}
.abnormal-step3 .Individual02 .section div div:first-child span {margin: 0 10px 0 5px;}
.abnormal-step3 .Individual02 .section div div:first-child span:nth-child(1) {margin: 0 5px 0 0;}
.abnormal-step3 .Individual02 .section div div {margin:8px 0;}
.abnormal-step3 .Individual02 .section div div:last-child{margin: 0;}
.abnormal-step3 .Individual02 .section div span.ps-box {margin: 0 7px 0 0;}
.abnormal-step3 .Individual02 .section div span.ps-box:last-child {margin-left:60px;}
.abnormal-step3 .Individual02 .section div span.ps-box:last-child span {margin: 0;}
.abnormal-step3 .Individual02 .section div span.ps-box:last-child span:nth-child(2) {margin-left: 60px;}
.abnormal-step3 .Individual02 .section div span.ps-box span {margin: 0 0 0 7px;}
.abnormal-step3 .Individual02 .section .add_inner-v3 {margin: 50px 0;}
.abnormal-step3 .Individual02 .section .add_inner-v3 > div{margin-top: 20px; margin-bottom: 20px;}
.abnormal-step3 .Individual02 .section .add_inner-v3 > div label {margin-right: 20px;}
.abnormal-step3 .Individual02 .section p.subtxt {margin-bottom: 20px;color: #ff0000;}
.abnormal-step3 .Individual02 .section:nth-child(1) h3 {margin-bottom: 20px;}
.abnormal-step3 .Individual02 .section:nth-child(3){position: relative;}
.abnormal-step3 .Individual02 .section:nth-child(3) div div{margin-bottom: 7px;}
.abnormal-step3 .Individual02 .section:nth-child(3) div div:nth-child(n+1){ margin-bottom: 5px;}
.abnormal-step3 .Individual02 .section:nth-child(3) div > div:last-child {width: 100%;}
.abnormal-step3 .Individual02 .section:nth-child(3) div > div:last-child textarea{width: 100%;height: 80px;font-size: 14px; box-sizing: border-box; border: 1px solid #ddd; padding: 5px;  resize: none;}
.abnormal-step3 .Individual02 .section:nth-child(3) div div:last-child{margin-bottom: 0;margin-top: 40px;}
.abnormal-step3 .Individual02 .section:nth-child(5) h3 {margin-bottom: 20px;}
.abnormal-step3 .Individual02 .section:nth-child(6) h3 {margin-bottom: 20px;}
.abnormal-step3 .Individual02 .section:last-child {margin: 0;}
.abnormal-step3 .Individual02 .section .txt-lg{margin-bottom: 65px;}
.abnormal-step3 .Individual02 > div > div i.tooltip{width:15px;height:15px;font-style:normal;cursor:pointer;background-color:#000;color:#fff;margin-left:10px;font-size:10px;vertical-align:super;text-align:center;display:inline-block;}
.abnormal-step3 .Individual02 > div > div .tooltip_txt {width: 680px; font-size: 12px; padding: 20px; box-sizing: border-box; background-color: #fff; border: 1px solid #050001; position: absolute;top: 6px;right: 12px;display: none;}
.abnormal-step3 .Individual02 > div > div i.tooltip:hover + .tooltip_txt{display: block;}

.abnormal-step3 .Individual03 .section:first-child {margin: 0;}
.abnormal-step3 .Individual03 .clearfix{margin-bottom:65px;}
.abnormal-step3 .Individual03 .section {margin: 55px 0;}
.abnormal-step3 .Individual03 .section h2 {margin-bottom: 30px;}
.abnormal-step3 .Individual03 .section div div:first-child {margin: 0;}
.abnormal-step3 .Individual03 .section div div {margin: 7px 0;}
.abnormal-step3 .Individual03 .section div div:last-child {margin: 0;}
.abnormal-step3 .Individual03 .section:last-child {margin: 0;}
.abnormal-step3 .Individual03 .section:last-child span {display: inline-block; margin-left: 5px;}
.abnormal-step3 .Individual03 .section:nth-last-child(3) span:nth-last-child(2){margin-left: 7px;}
.abnormal-step3 .Individual03 .section div div span.ps-box {margin-right:10px;}
.abnormal-step3 .Individual03 .section div div span:nth-of-type(4){margin-right: 10px;}
.abnormal-step3 .Individual03 .section div div span.ps-box span {margin-left: 5px;}
.abnormal-step3 .Individual03 .section div div span.ps-box:last-child {margin-left: 60px;}
.abnormal-step3 .Individual03 .section div div span.ps-box:last-child span:nth-child(1) {margin-right: 60px;}
.abnormal-step3 .Individual03 .info_inner .section:nth-child(9) > div {margin: 0 10px;}
.abnormal-step3 .Individual03 .info_inner .section:nth-child(9) span:last-child {margin-left: 60px;}
.abnormal-step3 .Individual03 .info_inner .section:nth-child(10) > span:nth-child(2) {margin-left: 10px;}
.abnormal-step3 .Individual03 .info_inner .section:nth-child(10) > span:nth-child(3) {margin-left: 60px;}

.abnormal-step3 .btn_wrap{text-align: center; margin-top: 80px;}
/* abnormal-step3 페이지 200608 ED*/

/* abnormal-check-history 페이지 200608 ST */
.abnormal-check-history {}
.abnormal-check-history h3 {margin: 70px 0 22px;}
.abnormal-check-history .tb-list td.tb-subj {text-align: center;}
.abnormal-check-history .btn_wrap{text-align: center;}
.abnormal-check-history .btn_wrap button {margin: 55px 0;}
.abnormal-check-history .wrap-inner ul {margin-top: 0;}
.abnormal-check-history .wrap-list:nth-of-type(2n) ul li:nth-child(1) {color: #888;}
.abnormal-check-history .wrap-list:nth-of-type(2n) ul li:nth-child(1)::before {    background-color: #888;}
.abnormal-check-history .btn_wrap .txt_inner p{display: inline-block;}
.abnormal-check-history .btn_wrap .txt_inner p:last-child {margin-left: 30px;}
/* abnormal-check-history 페이지 200608 ED */

/* counseling 페이지 PC ST*/
.counseling .tb-data {margin-top: 100px;}
.counseling .wrap-list {padding: 0;}
.counseling .inner-txt {padding: 10px 0 0 0;}
.counseling .btn-inner {}
.counseling .btn-inner .btn-c {padding: 0; margin: 0 18px;}
.counseling .btn-inner .btn-c label{padding: 24px 18px; line-height: 0; cursor: pointer; display: inline-block; background-color: #000;}
.counseling .btn-inner .plus{width: 23px; height: 23px; display: inline-block; border: 1px solid #c3c3c3; position: relative; cursor: pointer; vertical-align: middle;}
.counseling .btn-inner .plus::before{content: '';display: inline-block; width: 1px; height: 10px; background-color: #c3c3c3; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%);}
.counseling .btn-inner .plus::after{content: '';display: inline-block; width: 10px; height: 1px; background-color: #c3c3c3; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%);}
.counseling .btn-inner .minus{width: 23px; height: 23px; display: inline-block; border: 1px solid #c3c3c3;position: relative; cursor: pointer; vertical-align: middle;}
.counseling .btn-inner .minus::before{content: '';display: inline-block; width: 10px; height: 1px; background-color: #c3c3c3; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%);}

.counseling .counseling-list li{width: 20%; float: left; text-align: center; position: relative;}

.counseling .step-icon::after {content: ''; display: inline-block; width: 10px; height: 20px; background: url(/resource/p/kr/image/counseling-icon/step-icon.png) no-repeat; position: absolute; top: 30%; right: 0;}
.counseling .step-icon:nth-child(2)::after {top: 24%;}
.counseling span.title-2 {display: block;}
 /* 파일 필드 숨기기 */
 input[type="file"] {  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
 /* counseling 페이지 PC ED*/
 /* listjoin 페이지  ST*/
 .re {float: right;}
 /* listjoin 페이지  ED*/


/* support-1 페이지 ST */
.support-1 {}
.support-1 .support-inner:nth-child(1) {border-top: 2px solid #000; padding: 72px 0 100px 0; box-sizing: border-box;}
.support-1 .support-inner:nth-child(1) {text-align: center;}
.support-1 .support-inner:nth-child(1) p {margin: 30px 0;}

.support-1 .support-inner:nth-child(2) .support-sub{width: 45%; float: left; border-top: 2px solid #000; border-bottom: 1px solid #eee; padding: 50px 0; box-sizing: border-box;}
.support-1 .support-inner:nth-child(2) .support-sub:nth-child(1) {text-align: center;}
.support-1 .support-inner:nth-child(2) .support-sub:nth-child(1) .img-inner {margin-top: 50px;}
.support-1 .support-inner:nth-child(2) .support-sub:nth-child(1) .txt-inner {margin: 30px 0 70px 0;}
.support-1 .support-inner:nth-child(2) .support-sub:nth-child(1) a:last-child{margin-left: 14px;}
.support-1 .support-inner:nth-child(2) .support-sub:nth-child(2) {float: right; text-align: center;}
.support-1 .support-inner:nth-child(2) .support-sub:nth-child(2) h3 {text-align: center;}
.support-1 .support-inner:nth-child(2) .support-sub:nth-child(2) p {width: 413px; line-height: 1.75; margin: 37px auto 37px auto; text-align: left;}
.support-1 .support-inner:nth-child(2) .support-sub:nth-child(2) a {text-align: center;}
.support-1 .support-inner:nth-child(2) .support-sub:nth-child(2) a:last-child{margin-left: 14px;}
/* support-1 페이지 ED */

/* S : 24-12-27 추가 */
.support-2{position:relative;}
.support-2 .title.fl-none{float:none;}
.support-2 .btn-area{position:absolute;bottom:-6px;right:0;}
/* E : 24-12-27 추가 */

/* familyPopup layerpop ST */
.familyPopup .align-items {align-items: center;}
.familyPopup .mb-6 {margin-bottom: 6px;}
.familyPopup .mt-6 {margin-top: 6px;}
.familyPopup .mt-35 {margin-top: 35px;}
.familyPopup .mt-40 {margin-top: 40px;}
.familyPopup .mt-45 {margin-top: 45px;}
.familyPopup .mt-46 {margin-top: 46px;}
.familyPopup .mt-50 {margin-top: 50px;}
.familyPopup .mt-52 {margin-top: 52px;}
.familyPopup .mb-8 {margin-bottom: 8px;}
.familyPopup .mb-10 {margin-bottom: 10px;}
.familyPopup .ml-20 {margin-left: 20px;}

.familyPopup .weight-5 {font-weight: 500;}
.familyPopup .weight-6 {font-weight: 600;}

.familyPopup .pop-cont .block {display: block;}
.familyPopup .pop-cont .txt-dot::before {content: ''; display: inline-block; vertical-align: middle; width: 4px; height: 4px; margin-right: 10px; background-color: #000; border-radius: 50%;}
.familyPopup .pop-cont .size15 {font-size: 15px; line-height: 1.6;}
.familyPopup .pop-cont .gray {color: #888888;}

.familyPopup .layerpop {display: none; width: 1090px; margin: 0 auto; position: relative; outline: none;}
.familyPopup .pop-cont {max-height: 593px; height: 593px; overflow-x: hidden; overflow-y: auto; background: #fff; box-sizing: border-box; padding: 74px 80px 80px 80px; position: relative;}
.familyPopup .pop-cont .pop-header {-ms-display: flex; display: flex; padding-bottom: 76px; border-bottom: 1px solid #000;}
.familyPopup .pop-cont .pop-header .tit_inner {margin-left: 60px;}
.familyPopup .pop-cont .pop-header .tit {font-weight: 600; font-size: 30px;}
.familyPopup .pop-cont .pop-header .txt {font-size: 16px;}
.familyPopup .pop-cont .pop-contents {padding-top: 80px;}
.familyPopup .pop-cont .pop-contents .tit_inner{-ms-display: flex; display: flex; margin-bottom: 30px;}
.familyPopup .pop-cont .pop-contents .tit_inner:last-child {margin-bottom: 0;}
.familyPopup .pop-cont .pop-contents .tit{width: 130px; font-size: 20px; font-weight: 600;}
.familyPopup .pop-cont .pop-contents .txt_inner {margin-left: 60px;}
.familyPopup .pop-cont .pop-contents .txt{font-size: 16px;}
.familyPopup .pop-cont .bg-map {width: 120%; height: 623px; margin-left: -100px; margin-top: 80px; background: url(../image/sub/bg-map-pop.png) no-repeat; background-size: cover;}
.familyPopup .pop-cont .bg-map img {display: block; margin: 0 auto; padding-top: 80px;}
.familyPopup .pop-cont .info-inner {margin-top: 60px;}
.familyPopup .pop-cont .info-inner .item-inner {-ms-display: flex; display: flex;}
.familyPopup .pop-cont .info-inner .item {flex:1 1; text-align: center; border-top: 1px solid #000; padding: 70px 0 0 0;}
.familyPopup .pop-cont .info-inner .item.item-1 {margin-right: 30px;}
.familyPopup .pop-cont .info-inner .item.item-2 {margin-left: 30px;}
.familyPopup .pop-cont .info-inner .arr-icon { display: block; text-align: center; margin-bottom: 70px;}
.familyPopup .pop-cont .info-inner .item .tit {font-size: 30px; font-weight: 600;}
.familyPopup .pop-cont .info-inner .item .sub-tit {font-size: 20px; font-weight: 100;}
.familyPopup .pop-cont .info-inner .item .info-item-inner {-ms-display: flex; display: flex;}
.familyPopup .pop-cont .info-inner .item .info-item-inner .item-icon {width: 33.33333%;}
.familyPopup .pop-cont .info-inner .item .info-item-inner .item-icon p {margin-top: 10px;}

.familyPopup .pop-cont .info-inner .AffyXell_inner {-ms-display: flex; display: flex;}
.familyPopup .pop-cont .info-inner .AffyXell_inner .item.img_inner { padding: 103px 40px 0 0;}
.familyPopup .pop-cont .info-inner .AffyXell_inner .item.tit_inner {text-align: left;}
.familyPopup .pop-cont .info-inner .AffyXell_inner .item.tit_inner .txt {white-space: nowrap;}

 /* IE10+ ST*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .familyPopup .pop-cont .info-inner .AffyXell_inner .item.img_inner {padding: 103px 40px 80px 0;}
}
/* IE10+ ED*/
/* familyPopup layerpop ED */

/* 뉴스룸 아이콘 */
.newsroom-link { position:fixed; right:0; bottom:65px; z-index:100; width:100%; opacity:0; min-width:1280px; -webkit-transition:opacity 0.3s ease 1.3s; transition:opacity 0.3s ease 1.3s; }
.newsroom-link.ani-visible { opacity:1; }
.newsroom-link .btn { position:absolute; right:50%; bottom:100px; display:block; margin-right:-900px; }
.newsroom-link .btn .in { position:relative; display:block; width:0; white-space:nowrap; overflow:hidden; box-sizing:border-box; -webkit-transition:width 0.3s ease; transition:width 0.3s ease; }
.i-newsroom::after { background:url("/resource/p/kr/image/common/i-newsroom.png") 0 0 no-repeat; width:136px; height:145px; }
.newsroom-link.icon-change .i-newsroom::after { background:url("/resource/p/kr/image/common/i-newsroom-2.png") 0 0 no-repeat; }
@media (max-width: 1820px) {
    .newsroom-link .btn { margin-right:0; right:0; }
}

/******************************* 메인 리뉴얼 *******************************/
.text-point{color: #FF4E00;}
.text-white{color: #fff;}

/* S 추가 | 2307 임서빈 */
.header .gnb-nav .dep-1.dep-way.hover-active .sub,.header.min:not(.hover) .gnb-nav .dep-1.dep-way.active .sub{height: 195px;}
/* .header .gnb-nav .dep-1.dep-rnd.hover-active .sub,.header.min:not(.hover) .gnb-nav .dep-1.dep-rnd.active .sub{height: 131px;} */
.header .gnb-nav .dep-1.dep-esg.hover-active .sub,.header.min:not(.hover) .gnb-nav .dep-1.dep-esg.active .sub{height:227px}
.header .gnb-nav .dep-1.dep-invest.hover-active .sub,.header.min:not(.hover) .gnb-nav .dep-1.dep-invest.active .sub{height: 227px;}
.header .gnb-nav .dep-1.dep-news.hover-active .sub,.header.min:not(.hover) .gnb-nav .dep-1.dep-news.active .sub{}
.header .gnb-nav .dep-1.hover-active .sub::before,.header.min:not(.hover) .gnb-nav .dep-1.active .sub::before{background:#eee}
/* // E */
/* S 2024-04-23 */
.header .gnb-nav .dep-1.dep-way .sub,
.header .gnb-nav .dep-1.dep-way.hover-active .sub,
.header.min:not(.hover) .gnb-nav .dep-1.dep-way.active .sub {left:-430px}
.header .gnb-nav .dep-1 .sub,
.header .gnb-nav .dep-1.hover-active .sub,
.header.min:not(.hover) .gnb-nav .dep-1.active .sub {left:-430px}
.header .gnb-nav .dep-1.dep-rnd .sub,
.header .gnb-nav .dep-1.dep-rnd.hover-active .sub,
.header.min:not(.hover) .gnb-nav .dep-1.dep-rnd.active .sub {left:-335px}
.header .gnb-nav .dep-1.dep-esg .sub,
.header .gnb-nav .dep-1.dep-esg.hover-active .sub,
.header.min:not(.hover) .gnb-nav .dep-1.dep-esg.active .sub {left:-330px}
.header .gnb-nav .dep-1.dep-invest .sub,
.header .gnb-nav .dep-1.dep-invest.hover-active .sub,
.header.min:not(.hover) .gnb-nav .dep-1.dep-invest.active .sub {left:-230px}
.header .gnb-nav .dep-1.dep-news .sub,
.header .gnb-nav .dep-1.dep-news.hover-active .sub,
.header.min:not(.hover) .gnb-nav .dep-1.dep-news.active .sub {left:-480px}
/* E 2024-04-23 */


.ir-daewoong::after{display: block; content: " "; width: 15px; height: 15px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cg clip-path='url(%23clip0_203_258)'%3E%3Cpath d='M7.12109 14.9316C10.9871 14.9316 14.1211 11.7976 14.1211 7.93164C14.1211 4.06565 10.9871 0.931641 7.12109 0.931641C3.2551 0.931641 0.121094 4.06565 0.121094 7.93164C0.121094 11.7976 3.2551 14.9316 7.12109 14.9316Z' fill='%23F49C00'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.81133 4.04157H6.18133C6.28133 4.04157 6.42133 4.22157 6.34133 4.28157L5.12133 5.40157L6.27133 5.30157C6.61133 5.27157 6.14133 4.92157 5.97133 4.88157C5.93133 4.87157 6.37133 4.67157 6.63133 4.69157C6.97133 4.72157 7.21133 4.88157 7.48133 5.10157C7.59133 4.80157 7.76133 4.55157 7.98133 4.36157C7.88133 4.28157 7.78133 4.12157 7.94133 4.00157C8.13133 3.85157 8.26133 4.03157 8.32133 4.05157C8.51133 4.02157 8.58133 3.97157 8.79133 3.99157C9.00133 4.00157 9.19133 4.18157 9.33133 4.29157C9.43133 4.28157 9.56133 4.23157 9.66133 4.27157C9.77133 4.32157 9.86133 4.56157 9.74133 4.66157C9.65133 4.74157 9.53133 4.72157 9.52133 4.77157C9.52133 4.81157 9.82133 4.77157 9.82133 4.82157C9.82133 4.88157 9.52133 4.87157 9.20133 5.23157C9.40133 5.46157 9.62133 5.69157 9.88133 5.84157C10.1313 5.56157 10.2313 5.06157 10.6113 5.04157C10.8413 5.04157 10.9913 5.25157 11.0413 5.42157C11.0613 5.52157 10.7713 5.64157 10.7913 5.73157C10.8113 5.84157 11.0213 5.87157 11.0513 5.98157C11.0613 6.04157 10.8813 6.08157 10.8913 6.14157C10.9013 6.25157 11.0713 6.28157 11.0613 6.40157C11.0613 6.48157 10.8813 6.54157 10.8713 6.62157C10.8713 6.73157 11.0413 6.79157 11.0213 6.90157C10.9913 7.04157 10.8513 7.12157 10.8213 7.26157C10.7513 7.65157 10.6513 7.88157 10.3613 8.02157C10.1813 8.10157 10.0213 8.16157 9.83133 8.13157C9.96133 8.56157 9.75133 8.95157 9.29133 9.30157C10.4313 9.80157 10.8513 10.7616 10.9513 11.9116H9.54133C9.52133 9.72157 8.68133 9.26158 8.68133 9.11158C8.68133 8.97158 9.45133 8.82157 9.42133 8.09157C9.40133 7.68157 8.01133 7.11157 7.92133 6.07157C7.92133 6.02157 7.77133 6.02157 7.77133 6.07157V8.55157C7.76133 9.20157 7.13133 9.75157 6.51133 9.92157C7.15133 10.4816 7.34133 11.1216 7.28133 11.9116H6.19133C6.43133 10.7716 5.74133 9.66157 5.12133 9.02157H5.89133C5.99133 9.02157 6.15133 8.94158 6.15133 8.85157V8.39157H4.97133V8.97157C4.71133 8.82157 4.47133 8.82158 4.22133 8.79157V6.46157H3.74133C3.65133 6.11157 3.52133 5.85157 3.36133 5.68157L4.34133 5.54157C4.56133 5.13157 5.08133 4.45157 4.99133 4.30157L4.81133 4.01157V4.04157ZM4.83133 6.45157H6.88133V9.06157C6.88133 9.24157 7.25133 8.82157 7.25133 8.64157V6.38157C6.41133 6.29157 6.59133 5.63157 6.48133 5.67157L4.71133 6.25157C4.63133 6.27157 4.74133 6.46157 4.82133 6.46157L4.83133 6.45157ZM8.49133 6.16157L9.82133 7.53157C10.0113 7.72157 10.2913 7.40157 10.3413 7.15157C10.3913 6.88157 10.4913 6.99157 10.5913 6.82157C10.6213 6.76157 10.4313 6.76157 10.4213 6.67157C10.4213 6.60157 10.6013 6.62157 10.6013 6.50157C10.6013 6.38157 10.4513 6.44157 10.4513 6.39157C10.4513 6.25157 10.5613 6.22157 10.5913 6.16157C10.6213 6.08157 10.4113 6.05157 10.3513 6.11157C10.1813 6.28157 10.1013 6.89157 9.92133 6.72157L8.88133 5.78157C8.60133 5.52157 8.22133 5.88157 8.50133 6.16157H8.49133ZM4.97133 7.68157V7.92157H6.11133V7.68157H4.97133ZM4.97133 6.91157V7.15157H6.11133V6.91157H4.97133ZM8.72133 4.24157C8.65133 4.24157 8.59133 4.29157 8.59133 4.36157C8.59133 4.43157 8.65133 4.48157 8.72133 4.48157C8.79133 4.48157 8.85133 4.43157 8.85133 4.36157C8.85133 4.29157 8.79133 4.24157 8.72133 4.24157Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.20172 9.14152C4.64172 10.0215 4.60172 10.7215 4.01172 11.9315H5.45172C5.73172 9.55152 4.09172 8.92152 4.20172 9.14152Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.36104 9.70171C7.80104 10.3917 7.91104 10.6117 7.90104 11.9317H9.10104C9.08104 10.0217 7.22104 9.49171 7.36104 9.70171Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_203_258'%3E%3Crect width='14' height='14' fill='white' transform='translate(0.121094 0.931641)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");background-position: 0 0; background-repeat: no-repeat; vertical-align: middle; margin-right: 3px;}
.ir-utube::after{display: block; content: " "; width: 15px; height: 15px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cg clip-path='url(%23clip0_203_275)'%3E%3Cpath d='M7.24609 14.7441C11.1121 14.7441 14.2461 11.6101 14.2461 7.74414C14.2461 3.87815 11.1121 0.744141 7.24609 0.744141C3.3801 0.744141 0.246094 3.87815 0.246094 7.74414C0.246094 11.6101 3.3801 14.7441 7.24609 14.7441Z' fill='%23ED2F2A'/%3E%3Cpath d='M11.567 5.55426C11.467 5.18426 11.177 4.89426 10.807 4.79426C10.137 4.61426 7.43695 4.61426 7.43695 4.61426C7.43695 4.61426 4.73695 4.61426 4.06695 4.79426C3.69695 4.89426 3.40695 5.18426 3.30695 5.55426C3.12695 6.22426 3.12695 7.63426 3.12695 7.63426C3.12695 7.63426 3.12695 9.04426 3.30695 9.71426C3.40695 10.0843 3.69695 10.3743 4.06695 10.4743C4.73695 10.6543 7.43695 10.6543 7.43695 10.6543C7.43695 10.6543 10.137 10.6543 10.807 10.4743C11.177 10.3743 11.467 10.0843 11.567 9.71426C11.747 9.04426 11.747 7.63426 11.747 7.63426C11.747 7.63426 11.747 6.22426 11.567 5.55426Z' fill='white'/%3E%3Cpath d='M6.56641 8.92447L8.80641 7.63447L6.56641 6.33447V8.92447Z' fill='%23ED2F2A'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_203_275'%3E%3Crect width='14' height='14' fill='white' transform='translate(0.246094 0.744141)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); background-position: 0 0; background-repeat: no-repeat; vertical-align: middle; margin-right: 3px;}
.ir-insta::after{display: block; content: " "; width: 15px; height: 15px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cg clip-path='url(%23clip0_203_264)'%3E%3Cpath d='M7.12109 14.9316C10.9871 14.9316 14.1211 11.7976 14.1211 7.93164C14.1211 4.06565 10.9871 0.931641 7.12109 0.931641C3.2551 0.931641 0.121094 4.06565 0.121094 7.93164C0.121094 11.7976 3.2551 14.9316 7.12109 14.9316Z' fill='url(%23paint0_linear_203_264)'/%3E%3Cpath d='M9.16203 4.75146H6.29203C5.21203 4.75146 4.33203 5.63147 4.33203 6.71147V9.58146C4.33203 10.6615 5.21203 11.5415 6.29203 11.5415H9.16203C10.242 11.5415 11.122 10.6615 11.122 9.58146V6.71147C11.122 5.63147 10.242 4.75146 9.16203 4.75146ZM10.492 9.62146C10.492 10.3415 9.91203 10.9215 9.19203 10.9215H6.26203C5.54203 10.9215 4.96203 10.3415 4.96203 9.62146V6.69147C4.96203 5.97147 5.54203 5.39146 6.26203 5.39146H9.19203C9.91203 5.39146 10.492 5.97147 10.492 6.69147V9.62146Z' fill='white'/%3E%3Cpath d='M7.7307 6.3916C6.7607 6.3916 5.9707 7.1816 5.9707 8.1516C5.9707 9.1216 6.7607 9.9116 7.7307 9.9116C8.7007 9.9116 9.4907 9.1216 9.4907 8.1516C9.4907 7.1816 8.7007 6.3916 7.7307 6.3916ZM7.7307 9.2916C7.1007 9.2916 6.5907 8.7816 6.5907 8.1516C6.5907 7.5216 7.1007 7.0116 7.7307 7.0116C8.3607 7.0116 8.8707 7.5216 8.8707 8.1516C8.8707 8.7816 8.3607 9.2916 7.7307 9.2916Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_203_264' x1='3.71109' y1='4.82164' x2='12.3611' y2='12.7216' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%236743E8'/%3E%3Cstop offset='0.09' stop-color='%238F3ECD'/%3E%3Cstop offset='0.21' stop-color='%23C537AA'/%3E%3Cstop offset='0.27' stop-color='%23DB359D'/%3E%3Cstop offset='0.36' stop-color='%23E13983'/%3E%3Cstop offset='0.48' stop-color='%23EA3F63'/%3E%3Cstop offset='0.58' stop-color='%23EF4350'/%3E%3Cstop offset='0.65' stop-color='%23F14549'/%3E%3Cstop offset='0.71' stop-color='%23EF633F'/%3E%3Cstop offset='0.78' stop-color='%23EF7D36'/%3E%3Cstop offset='0.85' stop-color='%23EE9030'/%3E%3Cstop offset='0.92' stop-color='%23EE9C2D'/%3E%3Cstop offset='1' stop-color='%23EEA02C'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_203_264'%3E%3Crect width='14' height='14' fill='white' transform='translate(0.121094 0.931641)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); background-position: 0 0; background-repeat: no-repeat; vertical-align: middle; margin-right: 3px;}
.ir-facebook::after{display: block; content: " "; width: 15px; height: 15px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cg clip-path='url(%23clip0_203_280)'%3E%3Cpath d='M7.24609 14.7441C11.1121 14.7441 14.2461 11.6101 14.2461 7.74414C14.2461 3.87815 11.1121 0.744141 7.24609 0.744141C3.3801 0.744141 0.246094 3.87815 0.246094 7.74414C0.246094 11.6101 3.3801 14.7441 7.24609 14.7441Z' fill='%233B5998'/%3E%3Cpath d='M8.06531 14.9644V10.0744H9.70531L9.95531 8.16438H8.06531V6.94437C8.06531 6.39437 8.21531 6.01437 9.00531 6.01437H10.0153V4.31437C9.84531 4.29437 9.24531 4.23438 8.54531 4.23438C7.09531 4.23438 6.09531 5.12438 6.09531 6.75438V8.16438H4.44531V10.0744H6.09531V14.9644H8.06531Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_203_280'%3E%3Crect width='14' height='14.22' fill='white' transform='translate(0.246094 0.744141)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); background-position: 0 0; background-repeat: no-repeat; vertical-align: middle; margin-right: 3px;}
.ir-post::after{display: block; content: " "; width: 15px; height: 15px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cg clip-path='url(%23clip0_203_268)'%3E%3Cpath d='M7.12109 14.7148C10.9871 14.7148 14.1211 11.5808 14.1211 7.71484C14.1211 3.84885 10.9871 0.714844 7.12109 0.714844C3.2551 0.714844 0.121094 3.84885 0.121094 7.71484C0.121094 11.5808 3.2551 14.7148 7.12109 14.7148Z' fill='%2300C13A'/%3E%3Cpath d='M9.75031 3.71484H4.57031V8.89484H9.75031V3.71484Z' fill='white'/%3E%3Cpath d='M5.92969 5.25488V7.38488H6.68969V6.31488L7.61969 7.38488H8.33969V5.27488H7.59969V6.31488L6.68969 5.25488H5.92969Z' fill='%2300C13A'/%3E%3Cpath d='M4.65039 9.375H9.69039L8.54039 10.775H5.78039L4.65039 9.375Z' fill='white'/%3E%3Cpath d='M6.15039 11.2246H8.16039L7.15039 12.4246L6.15039 11.2246Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_203_268'%3E%3Crect width='14' height='14' fill='white' transform='translate(0.121094 0.714844)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); background-position: 0 0; background-repeat: no-repeat; vertical-align: middle; margin-right: 3px;}

.ico-txt-11{display:inline-block !important;font-size:12px;font-weight:400;color:#fff;background-color:#a5d05f;text-align:center;box-sizing:border-box;vertical-align:middle;padding:2px 14px 0; border-radius: 50px; line-height: 20px;} /*제품검색 수정*/ /* 2024-04-19 */
.ico-txt-12{display:inline-block !important;font-size:12px;font-weight:400;color:#fff;background-color:#9bcfef;text-align:center;box-sizing:border-box;vertical-align:middle;padding:2px 14px 0; border-radius: 50px; line-height: 20px;} /*제품검색 수정*/ /* 2024-04-19 */
.ico-txt-13{display:inline-block !important;font-size:12px;font-weight:400;color:#fff;background-color:#ffc600;text-align:center;box-sizing:border-box;vertical-align:middle;padding:2px 14px 0; border-radius: 50px; line-height: 20px;} /*제품검색 수정*/ /* 2024-04-19 */
.ico-txt-14{display:inline-block !important;font-size:12px;font-weight:400;color:#fff;background-color:#8578C9;text-align:center;box-sizing:border-box;vertical-align:middle;padding:2px 14px 0; border-radius: 50px; line-height: 20px;} /*제품검색 추가*/
.ico-txt-15{display:inline-block !important;font-size:12px;font-weight:400;color:#fff;background-color:#2952AB;text-align:center;box-sizing:border-box;vertical-align:middle;padding:2px 14px 0; border-radius: 50px; line-height: 20px;} /*제품검색 추가*/ /*2025-03-11 */

.tab{}
.nav-tabs{display: flex;}
.nav-tabs .nav-item{flex: 1 0 0;}
.nav-tabs .nav-link{width: 100%; background: #D9D9D9; padding: 8px 18px; color: #000; text-align: left;}
.nav-tabs .nav-link.is-active{background: #f6f6f6;}
.tab-content {}
.tab-content .tab-pane{display: none;}
.tab-content .tab-pane.is-active{display: block;}

/* IE10+ ST*/
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
.familyPopup .pop-cont .info-inner .AffyXell_inner .item.img_inner{padding:103px 40px 80px 0}
}
/* IE10+ ED*/
/* familyPopup layerpop ED */

/* 뉴스룸 아이콘 */
.newsroom-link{position:fixed;right:0;bottom:65px;z-index:100;width:100%;opacity:0;min-width:1280px;-webkit-transition:opacity .3s ease 1.3s;transition:opacity .3s ease 1.3s}
.newsroom-link.ani-visible{opacity:1}
.newsroom-link .btn{position:absolute;right:50%;bottom:100px;display:block;margin-right:-900px}
.newsroom-link .btn .in{position:relative;display:block;width:0;white-space:nowrap;overflow:hidden;box-sizing:border-box;-webkit-transition:width .3s ease;transition:width .3s ease}
.i-newsroom::after{background:url(../image/common/i-newsroom.png) 0 0 no-repeat;width:136px;height:145px}
.newsroom-link.icon-change .i-newsroom::after{background:url(../image/common/i-newsroom-2.png) 0 0 no-repeat}
@media (max-width: 1820px) {
    .newsroom-link .btn{margin-right:0;right:0}
}