@charset "utf-8";

/*********************************************
* UI KIT [s]
**********************************************/
/*********************************************
* Common Font [s]
**********************************************/

@font-face {
	font-family:'NotoSansCJKkr';
	src:url('/resources/user/kr/fonts/NotoSansCJKkr-Light.eot');
	src:url('/resources/user/kr/fonts/NotoSansCJKkr-Light.woff') format('woff'),
        url('/resources/user/kr/fonts/NotoSansCJKkr-Light.woff2') format('woff2'),
        url('/resources/user/kr/fonts/NotoSansCJKkr-Light.eot?#iefix') format('embedded-opentype');
	font-display:swap;
	font-weight:300;
	font-style:normal;
}

@font-face {
	font-family:'NotoSansCJKkr';
	src:url('/resources/user/kr/fonts/NotoSansCJKkr-Regular.eot');
	src:url('/resources/user/kr/fonts/NotoSansCJKkr-Regular.woff') format('woff'),
        url('/resources/user/kr/fonts/NotoSansCJKkr-Regular.woff2') format('woff2'),
        url('/resources/user/kr/fonts/NotoSansCJKkr-Regular.eot?#iefix') format('embedded-opentype');
	font-display:swap;
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'NotoSansCJKkr';
	src:url('/resources/user/kr/fonts/NotoSansCJKkr-Medium.eot');
	src:url('/resources/user/kr/fonts/NotoSansCJKkr-Medium.woff') format('woff'),
        url('/resources/user/kr/fonts/NotoSansCJKkr-Medium.woff2') format('woff2'),
        url('/resources/user/kr/fonts/NotoSansCJKkr-Medium.eot?#iefix') format('embedded-opentype');
	font-display:swap;
	font-weight:600;
	font-style:normal;
}

@font-face {
	font-family:'NotoSansCJKkr';
	src:url('/resources/user/kr/fonts/NotoSansCJKkr-Bold.eot');
	src:url('/resources/user/kr/fonts/NotoSansCJKkr-Bold.woff') format('woff'),
        url('/resources/user/kr/fonts/NotoSansCJKkr-Bold.woff2') format('woff2'),
        url('/resources/user/kr/fonts/NotoSansCJKkr-Bold.eot?#iefix') format('embedded-opentype');
	font-display:swap;
	font-weight:900;
	font-style:normal;
}

/*********************************************
* Common Font [e]
**********************************************/


html{font-size:10px;height:100%}
body{font-size:1.6rem;font-family:'NotoSansCJKkr', Apple SD Gothic Neo, sans-serif;line-height:1.5;color:#000;letter-spacing:-0.25px}
body.is-fonts-loadded{font-family:'NotoSansCJKkr', Apple SD Gothic Neo, sans-serif}
body.is-hidden{position:fixed;overflow:hidden;width:100%;height:100%}
.l-wrap{min-width:320px;width:100%}

/*  SUB LAYOUT :: 서브메뉴(스타일2) */
#topMenuConPC{width:100%; position:relative; z-index:12; margin-top:-30px; height:60px; }
#topMenuConM{display:none;}
.nav-on-icon{position:absolute; bottom:0px;  left:50%; height:1px !important; background-color:#0958ce !important; z-index:98}
.side-menu-inner{text-align:center; padding:0 }
.side-menu-inner ul{display:inline-block; vertical-align:top; background-color:#fff; border-radius:50px; }
.side-menu-inner ul li{float:left; padding:0 39px; max-width:150px; margin-left:-4px;}
.side-menu-inner ul li:first-child{margin-left:0;}
.side-menu-inner ul li a{display:table; height:60px; color:#222; font-size:15px; letter-spacing:-0.25px;}
.side-menu-inner ul li a span{display:table-cell; vertical-align:middle; line-height:20px;}
.side-menu-inner ul li.on a{color:#0958ce;}







@media all and (max-width:800px){
	/*  SUB LAYOUT :: 비주얼 */
	#visual{height:390px;}
	#visual .visual-img-con{background-size:cover !important;}
	#visual .visual-tit{padding-top:185px}
	#visual .visual-sub-txt{}
	
	/*  SUB LAYOUT :: 이전페이지,다음페이지 버튼 */
	.sub-page-controls-btn .sub-page-name{display:none}
	/*  SUB LAYOUT :: 서브메뉴(스타일2) */
	#topMenuConPC{display:none;}
	#topMenuConM{display:block;  position:relative; z-index:12; height:80px;margin-top:-40px; }
	#topMenuConM #topMenu{border-radius:30%;}
	#topMenuConM .menu-location{position:relative; float:left; width:100%;}
	#topMenuConM .menu-location.location1:after{position:absolute; top:0px; right:0px; width:1px; height:100%; background-color:#f4f4f4; content:"";}
	#topMenuConM .menu-location > .cur-location{position:relative; display:block; background-color:#fff; padding-left:25px; z-index:12;}
	#topMenuConM .menu-location.location1 > .cur-location{border-radius:50px 0 0 50px}
	#topMenuConM .menu-location.location2 > .cur-location{border-radius:0;border-bottom:1px solid #ebebeb}
	#topMenuConM .menu-location > .cur-location span{line-height:80px; color:#1b1b1b; font-weight:400; font-size:18px; letter-spacing:-0.75px;}
	#topMenuConM .menu-location > .cur-location .arrow{position:absolute; top:50%; right:10px; width:20px; height:20px;margin-top:-10px; font-size:20px; color:#000;}
	#topMenuConM .menu-location > .cur-location.open .arrow{transform:rotate(-180deg); margin-top:-10px;}
	#topMenuConM .menu-location .location-menu-con{display:none; position:absolute; padding:50px 0; top:45px; left:-1px; width:calc(100% - 1px); background-color:#fff; z-index:11; border-radius:0 0 50px 50px }
	#topMenuConM .menu-location .location-menu-con li a{display:block; padding:10px 25px; color:#1b1b1b; font-size:15px; letter-spacing:-0.75px; border-top: 1px solid #ebebeb;}
	#topMenuConM .menu-location .location-menu-con li.on{position:relative;}
	#topMenuConM .menu-location .location-menu-con li.on a{color:#0958ce; font-weight:500;}
	#topMenuConM .menu-location .location-menu-con li.on a:before{content:""; position:absolute; top:50%; left:10px; width:7px; height:3px; margin-top:-1px; background-color:#0958ce}
	#topMenuConM .sub-link-btn{float:right; height:47px; line-height:47px; width:150px; text-align:center; background-color:#fff; color:#1b1b1b; font-size:16px; font-weight:300; border-left:1px solid #dedede; border-right:1px solid #dedede; letter-spacing:-0.75px;}
	#topMenuConM .sub-link-btn i{margin:-2px 5px 0 0}
	/*  SUB LAYOUT :: 상단정보 (공통) */
	#contentInfoCon .content-tit strong{font-size:37px}
}
@media all and (max-width:480px){
	/*  SUB LAYOUT :: 비주얼 */
	#visual{height:195px;}
	#visual .visual-tit{padding-top:93px;padding-bottom:12px;}
	#visual .visual-sub-txt{font-size:12px;}
	/*  SUB LAYOUT :: 이전페이지,다음페이지 버튼 */
	.sub-page-controls-btn{width:30px; height:30px; line-height:28px; margin-top:-15px;}
	/*  SUB LAYOUT :: 서브메뉴 */
	#topMenuConM{height:40px; margin-top:-20px }
	#topMenuConM .menu-location > .cur-location{padding-left:15px;}
	#topMenuConM .menu-location > .cur-location span{line-height:50px; font-size:18px;}
	#topMenuConM .menu-location .location-menu-con{top:20px; padding:25px 0 10px ; border-radius:0 0 30px 30px}
	#topMenuConM .menu-location .location-menu-con li a{font-size:18px;}
	/*  SUB LAYOUT :: 상단정보 (공통) */
	#contentInfoCon{padding:0 0 50px 0; }
	#contentInfoCon .content-tit:before{height:24px; top:30px;}
	#contentInfoCon .content-tit:after{width:12px; height:12px; margin-left:-6px; top:52px; background-size:12px 12px;}
}
/* ****************** MODAL LAYERPOPUP ********************** */


@media (min-width: 1200px) {
	body{overflow-y:scroll}
	body.is-sitemap,
	body.is-layer{overflow-y:scroll}
}

.nowrap{display:inline-block}

/* hidden */
.a11y-hidden{overflow:hidden;position:absolute;top:-9999px;width:1px;height:1px;font-size:1px;line-height:1px;text-indent:-9999px;clip:rect(1px,1px,1px,1px)}

/* Skip Navigation */
.skip-navigation > a{display:block;position:absolute;top:-40px;left:0;z-index:200;width:100%;height:40px;background-color:olivedrab;color:#fff;line-height:40px;text-align:center;transition:top 0.3s}
.skip-navigation > a:focus{top:0}

/* Typeface */
.page-head-inner{padding-bottom:30px;}
.page-head-inner.line-none{border-bottom:none}
.page-tit{display:block;padding-top:25px;font-size:3rem;line-height:1.3;font-weight:600}
.page-tit.line-none{padding-bottom:0;border-bottom:none}
.sub-tit{display:block;padding-top:25px;padding-bottom:15px;border-bottom:1px solid #000;font-size:2.6rem;line-height:1.3;font-weight:600}
.section-tit{display:block;padding-top:25px;font-size:1.8rem;word-break:keep-all}
.page-head-inner.border-none .page-tit{padding-bottom:0;border-bottom:none}

.page-tit + .page-desc{margin-top:13px}
.page-desc + .sub-desc-wrap{margin-top:10px; text-align: center;}

.page-desc{font-size:2.2rem;font-weight:600;word-break:keep-all;padding-top: 20px; text-align: center;}
.page-desc em{color:#0e43c9;font-weight:600}
.sub-desc{color:#555;word-break:keep-all}
.sub-desc br.nowrap{display:none}

/* 제품 인덱스 page-head-inner */
.product-main .sub-desc{margin-top:15px;font-size:1.6rem}
.product-main .btn-go-to-qna{width:100%;margin-top:15px;margin-bottom:5px}

@media (min-width: 712px) {
	.page-tit{padding-top:35px;font-size:3.6rem;line-height:1.2}
	.page-desc br.nowrap{display:none}
	.section-tit{padding-top:35px;font-size:2.2rem}
	.product-main .btn-go-to-qna{width:250px}
}

@media (min-width: 1200px) {
	.page-head-inner{padding-bottom:50px}
	.page-tit{padding-top:52px;font-size:4.2rem}
	.sub-tit{font-size:3rem}
	.page-desc{padding-top:35px;font-size:2.6rem}
	.page-tit + .page-desc{margin-top:0}
	.sub-desc br.nowrap{display:block}

	/* 제품 인덱스 page-head-inner */
	/* .product-main .page-head-inner{display:flex;flex-wrap:wrap;align-items:center} */
	/* .product-main .page-tit{width:100%} */
	.product-main .sub-desc-wrap{display:flex;flex-wrap:wrap;align-items:center}
	.product-main .sub-desc{flex:1;margin:25px 0 10px}
	.product-main .btn-go-to-qna{margin:15px 0 0 80px}

	/* 제품 인덱스 page-head-inner */
	.product-main .sub-desc{margin:35px 0 15px}
	.product-main .btn-go-to-qna{margin:35px 0 0 80px}
}

.h1{font-size:7rem;line-height:1.2}
.h2{font-size:7rem;line-height:1.2}
.h3{font-size:3.8rem;line-height:1.2}
.h4{font-size:3rem;line-height:1.3}
.layer-tit{font-size:2.2rem;font-weight:600}
.article-tit{font-size:1.8rem;font-weight:600}
.p1{font-size:1.6rem}
.small{font-size:1.4rem}
.section-article-tit{display:block;font-size:2.2rem;font-weight:600}

.pl10{padding-left:10px}
.pl15{padding-left:15px}
.pl20{padding-left:20px}

.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}

.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb25{margin-bottom:25px}
.mb30{margin-bottom:30px}

.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.ml25{margin-left:25px}
.ml30{margin-left:30px}

@media (min-width: 712px) {
	/* .section-article-tit{padding-top:35px} */
}

@media (min-width: 1200px) {
	/* .section-article-tit{padding-top:55px} */
}

.requreid{font-size:1.4rem;color:#666}
.requreid.before{text-align:right}
.requreid.before::before{content:"\002A";display:inline-block;margin-right:4px;color:#e72b02}
.requreid.after{font-size:1.6rem}
.requreid.after::after{content:"\002A";display:inline-block;margin-left:4px;color:#e72b02}

/* Color */
.c-black{color:#000}
.c-gray{color:#666}
.c-blue{color:#002d8e}
.c-red{color:#e72c01}

/* Button + Area */
[class^="btn-t"]{display:inline-block;text-align:center;vertical-align:top}
[class^="btn-t"] > span{position:relative}
[class^="btn-t"] > i + span,
[class^="btn-t"] > span + i{margin-left:10px}
[class^="btn-t"]:disabled{opacity:0.4;cursor:default}
.btn-t01{height:52px;line-height:50px;padding:0 10px;border:1px solid #a3b2cb;background-color:#fff;color:#083a8d;font-size:1.6rem;font-weight:600;box-shadow:0 2px 0 0 rgba(119, 125, 142, 0.2)}
.btn-t02{height:52px;line-height:52px;padding:0 10px;background-color:#272d3b;font-size:1.6rem;color:#fff;font-weight:600;box-shadow: 0px 2px 2px 0px rgba(24, 27, 36, 0.2)}
.btn-t03{height:52px;line-height:48px;padding:0 10px;border:2px solid #222;background-color:#fff;color:#000}
.btn-t04{height:52px;line-height:50px;padding:0 10px;border:1px solid #cbd1d5;background-color:#edeff0;color:#222}
.btn-t05{height:52px;line-height:50px;padding:0 10px;background-color:#8d97a8;color:#fff}
.btn-t06{display:inline-block;min-width:170px;height:52px;line-height:52px;color:#000;font-weight:600;text-align:right}
.btn-t06 > span + i{margin-left:20px}

.btn-red{background-color:#e63312}
.btn-gray{background-color:#666}
.btn-black{background-color:#333;color:#fff}
.btn-white{background-color:#fff;color:#222}
.btn-disabled{background-color:#b0b0b0;color:#f1f2f5;cursor:default}
.btn-area{width:100%;text-align:center}
.btn-area:after{content:'';display:block;height:0}

.btn-t04.black{border-color:#000;color:#000}

.btn-icon-arrow{display:inline-block}
.btn-icon-arrow span{display:block;overflow:hidden;position:relative;width:46px;height:46px;text-indent:-9999px}
.btn-icon-arrow span::before{content:"";position:absolute;top:50%;left:50%;width:24px;height:14px;margin:-7px 0 0 -12px;background:url(../img/arr_bot.png);}
.is-active .btn-icon-arrow span::before{background-position:-158px -44px}
/* .is-active .btn-icon-arrow span{background-color:#444} */
/* .is-active .btn-icon-arrow span::before{margin-top:-3px;border-color:#fff;background-color:#444;transform:rotate(-45deg)} */
.no-data{text-align:center}

@media (max-width: 1199px) {
	.btn-area{display:flex;flex-wrap:wrap}
	.btn-area [class^="btn-t"]{flex:1}
}

@media (min-width: 712px) {
	.btn-area{justify-content:flex-end}
	.btn-area [class^="btn-t"]{flex:none;width:200px}
}

@media (min-width: 1200px) {
	.btn-area{display:flex}
}

/* clamp */
.clamp{display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.clamp > *{display:block}
.clamp-t02{-webkit-line-clamp:2;max-height:48px}
.clamp-t03{-webkit-line-clamp:3;max-height:72px}
.clamp-t04{-webkit-line-clamp:4;max-height:96px}
.clamp-t05{-webkit-line-clamp:5;max-height:72px}
.clamp-t06{-webkit-line-clamp:6;max-height:144px}
.clamp-t07{-webkit-line-clamp:7;max-height:168px}

/*********************************************
* Icon List [s]
**********************************************/
i[class^="ico-"],
[class^="ico-"]:before{content:"";display:inline-block;position:relative;background-image:url(/resources/user/common/images/sprite.png);background-size:400px;background-repeat:no-repeat}
i[class^="ico-"]:before{content:none}
i.ico-logo,
.ico-logo:before{width:88px;height:35px;background-position:0 0}
i.ico-logo-t02,
.ico-logo-t02:before{width:74px;height:29px;background-position:0 -36px}
i.ico-menu,
.ico-menu:before{width:23px;height:18px;background-position:0 -66px}
i.ico-close,
.ico-close:before{width:22px;height:22px;background-position:-41px -93px}
i.ico-close-t02,
.ico-close-t02:before{width:22px;height:22px;background-position:-88px -38px}
i.ico-attachments,
.ico-attachments:before{width:18px;height:17px;background-position:-158px 0}
i.ico-document,
.ico-document:before{width:21px;height:25px;background-position:-158px -18px}
i.ico-download,
.ico-download:before{top:2px;width:15px;height:17px;background-position:-94px -93px}
i.ico-download-t02,
.ico-download-t02:before{width:26px;height:26px;background-position:-88px -11px}
i.ico-more,
.ico-more:before{top:2px;width:17px;height:16px;background-position:-109px -93px}
i.ico-search,
.ico-search:before{top:6px;width:24px;height:23px;background-position:-127px -93px}
i.ico-search-t02,
.ico-search-t02:before{top:-1px;width:26px;height:25px;background-position:-94px -66px}
i.ico-move-arrow,
.ico-move-arrow:before{top:-1px;width:40px;height:10px;background-position:-88px 0}
i.ico-move-arrow-t02,
.ico-move-arrow-t02:before{top:-1px;width:40px;height:10px;background-position:-243px 0}
i.ico-print,
.ico-print:before{top:-1px;width:21px;height:19px;background-position:-136px 0}
i.ico-location,
.ico-location:before{top:-1px;width:18px;height:26px;background-position:-139px -38px}
i.ico-ir-t01,
.ico-ir-t01:before{width:50px;height:50px;background-position:0 -116px}
i.ico-ir-t02,
.ico-ir-t02:before{width:53px;height:44px;background-position:-51px -116px}
i.ico-ir-t03,
.ico-ir-t03:before{width:48px;height:51px;background-position:-105px -116px}
i.ico-ir-t04,
.ico-ir-t04:before{width:51px;height:44px;background-position:-154px -116px}
i.ico-download-t03,
.ico-download-t03:before{width:26px;height:26px;background-position:-88px -11px}
i.ico-download-t04,
.ico-download-t04:before{width:14px;height:15px;background-position:-228px 0}
i.ico-download-t05,
.ico-download-t05:before{width:31px;height:23px;background-position:-226px -19px}
i.ico-download-t06,
.ico-download-t06:before{width:31px;height:23px;background-position:-163px -174px}
i.ico-document-t02,
.ico-document-t02:before{width:26px;height:26px;background-position:-180px 0}
i.ico-arrow-up,
.ico-arrow-up:before{width:24px;height:14px;background-position:-158px -44px}
i.ico-arrow-down,
.ico-arrow-down:before{width:24px;height:14px;background-position:-183px -44px}
i.ico-receive,
.ico-receive-down:before{width:59px;height:52px;background-position:-206px -116px}
i.ico-exclamation-mark,
.ico-exclamation-mark:before{width:20px;height:20px;background-position:-207px 0}
i.ico-stock-up,
.ico-stock-up:before{width:10px;height:6px;background-position:-11px -174px}
i.ico-stock-up-t02,
.ico-stock-up-t02:before{width:13px;height:8px;background-position:-150px -174px}
i.ico-stock-up-t03,
.ico-stock-up-t03:before{width:59px;height:46px;background-position:-80px -174px}
i.ico-stock-down,
.ico-stock-down:before{width:10px;height:6px;background-position:0 -174px}
i.ico-stock-down-t02,
.ico-stock-down-t02:before{width:13px;height:8px;background-position:-137px -174px}
i.ico-stock-down-t03,
.ico-stock-down-t03:before{width:59px;height:46px;background-position:-22px -174px}
i.ico-rnd-title,
.ico-rnd-title:before{width:72px;height:48px;background-position:0 -220px}
i.ico-rnd-item-01,
.ico-rnd-item-01:before{width:49px;height:61px;background-position:-73px -220px}
i.ico-rnd-item-02,
.ico-rnd-item-02:before{width:63px;height:46px;background-position:-123px -220px}
i.ico-rnd-item-03,
.ico-rnd-item-03:before{width:59px;height:48px;background-position:-187px -220px}
i.ico-rnd-item-04,
.ico-rnd-item-04:before{width:71px;height:60px;background-position:-247px -220px}

i[class^="ico-product-process"],
[class^="ico-product-process"]:before{background-image:url(/resources/user/common/images/sprite02.png)}
i.ico-product-process-01,
.ico-product-process-01:before{width:53px;height:54px;background-position:0 -83px}
i.ico-product-process-02,
.ico-product-process-02:before{width:61px;height:54px;background-position:-54px -83px}
i.ico-product-process-03,
.ico-product-process-03:before{width:57px;height:52px;background-position:-116px -83px}
i.ico-product-process-04,
.ico-product-process-04:before{width:53px;height:53px;background-position:-174px -83px}
i.ico-product-process-05,
.ico-product-process-05:before{width:59px;height:52px;background-position:-228px -83px}

i[class^="ico-product-patent"],
[class^="ico-product-patent"]:before{background-image:url(/resources/user/common/images/sprite02.png)}
i.ico-product-patent-01,
.ico-product-patent-01:before{width:36px;height:53px;background-position:0 -137px}
i.ico-product-patent-02,
.ico-product-patent-02:before{width:43px;height:43px;background-position:-37px -137px}
i.ico-product-patent-03,
.ico-product-patent-03:before{width:46px;height:40px;background-position:-81px -137px}
i.ico-product-patent-04,
.ico-product-patent-04:before{width:58px;height:43px;background-position:-128px -137px}


i.ico-ico-ability,
.ico-ico-ability:before{width:61px;height:52px;background-image:url(/resources/user/common/images/sprite02.png);background-position:-174px -137px}
i.ico-single-devotion,
.ico-single-devotion:before{width:58px;height:53px;background-image:url(/resources/user/common/images/sprite02.png);background-position:-236px -137px}
i.ico-map-point,
.ico-map-point:before{width:32px;height:32px;background-position:-227px -174px}
i.ico-map-point-t02,
.ico-map-point-t02:before{width:32px;height:32px;background-position:-260px -174px}
i.ico-inquiry,
.ico-inquiry:before{width:24px;height:17px;background-position:-284px -38px}


i[class^="ico-training"],
[class^="ico-training"]:before{background-image:url(/resources/user/common/images/sprite02.png)}
i.ico-training-01,
.ico-training-01:before{width:54px;height:55px;background-position:0 -190px}
i.ico-training-02,
.ico-training-02:before{width:60px;height:48px;background-position:-55px -190px}
i.ico-training-03,
.ico-training-03:before{width:50px;height:60px;background-position:-116px -190px}
i.ico-training-04,
.ico-training-04:before{width:57px;height:57px;background-position:-167px -190px}
i.ico-training-05,
.ico-training-05:before{width:53px;height:54px;background-position:-224px -190px}
i.ico-training-06,
.ico-training-06:before{width:64px;height:53px;background-position:-278px -190px}
i.ico-training-07,
.ico-training-07:before{width:59px;height:50px;background-position:0 -250px}
i.ico-training-08,
.ico-training-08:before{width:52px;height:51px;background-position:-60px -250px}


i[class^="ico-welfare"],
[class^="ico-welfare"]:before{background-image:url(/resources/user/common/images/sprite02.png)}
i.ico-welfare-01,
.ico-welfare-01:before{width:60px;height:63px;background-position:-113px -250px}
i.ico-welfare-02,
.ico-welfare-02:before{width:53px;height:60px;background-position:-174px -250px}
i.ico-welfare-03,
.ico-welfare-03:before{width:56px;height:57px;background-position:-228px -250px}


i[class^="ico-recruitment-process"],
[class^="ico-recruitment-process"]:before{background-image:url(/resources/user/common/images/sprite03.png)}
i.ico-recruitment-process-01,
.ico-recruitment-process-01:before{width:60px;height:50px;background-position:0 0}
i.ico-recruitment-process-02,
.ico-recruitment-process-02:before{width:39px;height:63px;background-position:-61px 0}
i.ico-recruitment-process-03,
.ico-recruitment-process:before{width:56px;height:53px;background-position:-101px 0}
i.ico-recruitment-process-04,
.ico-recruitment-process-04:before{width:57px;height:57px;background-position:-158px 0}
i.ico-recruitment-process-05,
.ico-recruitment-process-05:before{width:54px;height:58px;background-position:-216px 0}
i.ico-recruitment-process-06,
.ico-recruitment-process-06:before{width:62px;height:45px;background-position:-271px 0}
i.ico-recruitment-process-07,
.ico-recruitment-process-07:before{width:42px;height:58px;background-position:-334px 0}

i.ico-classification,
.ico-classification:before{width:17px;height:17px;background-image:url(/resources/user/common/images/sprite02.png);background-position:-288px -83px}

i[class^="ico-carer-and-promotion-system"],
[class^="ico-carer-and-promotion-system"]:before{background-image:url(/resources/user/common/images/sprite03.png)}
i.ico-carer-and-promotion-system-01,
.ico-carer-and-promotion-system-01:before{width:52px;height:51px;background-position:0 -64px}
i.ico-carer-and-promotion-system-02,
.ico-carer-and-promotion-system-02:before{width:57px;height:44px;background-position:-53px -64px}
i.ico-carer-and-promotion-system-03,
.ico-carer-and-promotion-system-03:before{width:54px;height:54px;background-position:-111px -64px}
i.ico-carer-and-promotion-system-04,
.ico-carer-and-promotion-system-04:before{width:41px;height:41px;background-position:-166px -64px}

i[class^="ico-error"],
[class^="ico-error"]:before{background-image:url(/resources/user/common/images/sprite03.png)}
i.ico-error,
.ico-error:before{width:56px;height:55px;background-position:-208px -64px}


i[class^="ico-sign"],
[class^="ico-sign"]:before{background-image:url(/resources/user/common/images/sprite03.png)}
i.ico-sign,
.ico-sign:before{width:205px;height:73px;background-position:0 -119px}

i[class^="ico-management-philosophy"],
[class^="ico-management-philosophy"]:before{background-image:url(/resources/user/common/images/sprite03.png)}
i.ico-management-philosophy-01,
.ico-management-philosophy-01:before{width:60px;height:65px;background-position:-206px -119px}
i.ico-management-philosophy-02,
.ico-management-philosophy-02:before{width:71px;height:71px;background-position:-267px -119px}
i.ico-management-philosophy-03,
.ico-management-philosophy-03:before{width:65px;height:56px;background-position:-335px -64px}

i[class^="ico-certification-marks"],
[class^="ico-certification-marks"]:before{background-image:url(/resources/user/common/images/sprite03.png)}
i.ico-certification-marks-01,
.ico-certification-marks-01:before{width:160px;height:43px;background-position:0 -193px}
i.ico-certification-marks-01-s,
.ico-certification-marks-01-s:before{width:112px;height:30px;background-position:0 -237px}
i.ico-certification-marks-02,
.ico-certification-marks-02:before{width:90px;height:82px;background-position:-161px -193px}
i.ico-certification-marks-02-s,
.ico-certification-marks-02-s:before{width:64px;height:58px;background-position:-209px -276px}
i.ico-certification-marks-03,
.ico-certification-marks-03:before{width:69px;height:69px;background-position:-252px -193px}
i.ico-certification-marks-04,
.ico-certification-marks-04:before{width:70px;height:42px;background-position:-322px -193px}
i.ico-certification-marks-05,
.ico-certification-marks-05:before{width:59px;height:68px;background-position:0 -276px}
i.ico-certification-marks-06,
.ico-certification-marks-06:before{width:71px;height:63px;background-position:-60px -276px}
i.ico-certification-marks-07,
.ico-certification-marks-07:before{width:78px;height:58px;background-position:-131px -276px}

i.ico-email,
.ico-email:before{width:59px;height:60px;background-position:-213px -281px}

/* Arrow */
i.ico-arrow-down-t02,
.ico-arrow-down-t02:before{width:286px;height:57px;background-image:url(/resources/user/common/images/ico-arrow-down.png);background-size:100%}
i.ico-arrow-right,
.ico-arrow-right:before{width:57px;height:286px;background-image:url(/resources/user/common/images/ico-arrow-right.png);background-size:100%}
i.ico-arrow-up-small,
.ico-arrow-up-small:before{width:80px;height:28px;background-image:url(/resources/user/common/images/ico-arrow-up-small.png);background-size:100%}
i.ico-arrow-down-small,
.ico-arrow-down-small:before{width:80px;height:28px;background-image:url(/resources/user/common/images/ico-arrow-down-small.png);background-size:100%}
i.ico-arrow-left-small,
.ico-arrow-left-small:before{width:28px;height:80px;background-image:url(/resources/user/common/images/ico-arrow-left-small.png);background-size:100%}
i.ico-arrow-right-small,
.ico-arrow-right-small:before{width:28px;height:80px;background-image:url(/resources/user/common/images/ico-arrow-right-small.png);background-size:100%}
i.ico-arrow-right-small-t02,
.ico-arrow-right-small-t02:before{width:15px;height:30px;background-image:url(/resources/user/common/images/ico-arrow-right-small-t02.png);background-size:100%}
i.ico-arrow-down-small-t02,
.ico-arrow-down-small-t02:before{width:30px;height:15px;background-image:url(/resources/user/common/images/ico-arrow-bottom-small-t02.png);background-size:100%}

i.ico-arrow-news-blue,
.ico-arrow-news-blue:before{width:49px;height:18px;background-position:-284px 0}
i.ico-arrow-news-white,
.ico-arrow-news-white:before{width:49px;height:18px;background-position:-284px -19px}
i.ico-arrow-go,
.ico-arrow-go:before{width:31px;height:12px;background-position:-334px 0}
i.ico-arrow-go-t02,
.ico-arrow-go-t02:before{width:31px;height:24px;background-position:-195px -174px}

/* add */
i[class^="ico-certification-marks-t02"],
[class^="ico-certification-marks-t02"]:before{width:120px;height:120px;background-image:url(/resources/user/common/images/sprite04.png)}
i.ico-certification-marks-t02-01,
.ico-certification-marks-t02-01:before{background-position:0 0}
i.ico-certification-marks-t02-02,
.ico-certification-marks-t02-02:before{background-position:-121px 0}
i.ico-certification-marks-t02-03,
.ico-certification-marks-t02-03:before{background-position:-242px 0}
i.ico-certification-marks-t02-04,
.ico-certification-marks-t02-04:before{background-position:0 -121px}
i.ico-certification-marks-t02-05,
.ico-certification-marks-t02-05:before{background-position:-121px -121px}

@media (min-width: 1200px) {
	i.ico-map-point,
	.ico-map-point:before{width:34px;height:34px;background-position:-293px -174px}
	i.ico-map-point-t02,
	.ico-map-point-t02:before{width:34px;height:34px;background-position:-328px -174px}
}
/*********************************************
* Icon List [e]
**********************************************/

/* New */
.new{display:inline-block;position:relative;top:-2px;width:18px;height:18px;margin-left:5px;background-color:#ff2a00;background-image:none;border-radius:5px;font-size:1.3rem;color:#fff;font-weight:600;line-height:17px;text-align:center;vertical-align:middle}


/* diagram */
.d-circle{display:flex;justify-content:center;align-items:center;width:180px;height:180px;background-color:#4a6cac;border-radius:50%;text-align:center;font-size:1.8rem;color:#fff;font-weight:900}
.d-circle .nowrap{display:block}
.s-circle{display:flex;justify-content:center;align-items:center;width:120px;height:120px;background-color:#edeff0;border-radius:50%}
.s-circle.c-dark-gray{background-color:#565866}
.s-circle.c-black{background-color:#000}

/* List Box */
.list-box{background-color:#565866;border-radius:65px}
.list-box ul{padding:25px 60px;font-size:1.8rem;color:#fff;font-weight:900}
.list-box ul li + li{margin-top:8px}
.list-box ul .bullet{position:relative;padding-left:12px}
.list-box ul .bullet::before{content:"\2022";position:absolute;top:0;left:0;color:#ccc}

@media (min-width: 712px) {
	.list-box ul{padding:25px 110px}
}

@media (min-width: 1200px) {
	.d-circle{width:217px;height:217px}
}

/* Swiper */
.swiper-pagination-bullets{height:12px}
.swiper-pagination-bullet{width:12px;height:12px;background-color:#b5bec7;opacity:1;vertical-align:top}
.swiper-pagination-bullet-active{background-color:#3a65ae}



/* pagination */
.pagination{display:none;font-size:0;text-align:center}
.pagination a{display:inline-block;width:40px;height:40px;text-align:center;vertical-align:top}
.pagination > a{position:relative;border:1px solid #cbd1d5;background-color:#fff}
.pagination > .btn-first::before,
.pagination > .btn-first::after{content:"";position:absolute;top:50%;left:11px;width:0;height:0;margin-top:-4px;border-style:solid;border-width:5px 6px 5px 0;border-color:transparent #000 transparent transparent}
.pagination > .btn-first::after{left:20px}
.pagination > .btn-prev::before{content:"";position:absolute;top:50%;left:15px;width:0;height:0;margin-top:-4px;border-style:solid;border-width:5px 6px 5px 0;border-color:transparent #000 transparent transparent}

.pagination > .btn-next::before{content:"";position:absolute;top:50%;right:15px;width:0;height:0;margin-top:-4px;border-style:solid;border-width:5px 0 5px 6px;border-color:transparent transparent transparent #000}
.pagination > .btn-last::before,
.pagination > .btn-last::after{content:"";position:absolute;top:50%;right:11px;width:0;height:0;margin-top:-4px;border-style:solid;border-width:5px 0 5px 6px;border-color:transparent transparent transparent #000}
.pagination > .btn-last::after{right:20px}

.pagination .btn-prev,
.pagination .btn-last{margin-left:-1px}
.pagination .num-wrap{display:inline-block;height:40px}
.pagination .num-wrap > a{width:29px;font-size:1.8rem;line-height:40px;color:#abb0b3;font-weight:600}
.pagination .num-wrap > .is-active{color:#000}

/* disabled */
.pagination > .btn-first.disabled::before,
.pagination > .btn-first.disabled::after{border-color:transparent #abb0b3 transparent transparent}
.pagination > .btn-prev.disabled::before{border-color:transparent #abb0b3 transparent transparent}
.pagination > .btn-next.disabled::before{border-color:transparent transparent transparent #abb0b3}
.pagination > .btn-last.disabled::before,
.pagination > .btn-last.disabled::after{border-color:transparent transparent transparent #abb0b3}
.pagination.is-mobile{display:block}

@media (min-width: 712px) {
	.pagination{text-align:left}
	.pagination .num-wrap{padding:0 20px}
	.pagination .num-wrap > a{width:40px}
}

@media (max-width: 1199px) {
	.pagination .num-wrap > a:nth-child(n +6){display:none}
}

@media (min-width: 1200px) {
	.pagination.is-mobile{display:none}
	.pagination.is-desktop{display:block}
	.pagination .num-wrap > a:nth-child(n +11){display:none}
}

/* Pagination View Type */
.pagination-view-type{border-top:1px solid #222;border-bottom:1px solid #222}
.pagination-view-type dl{position:relative;height:60px;padding:0 20px 0 64px;line-height:60px}
.pagination-view-type dl + dl{border-top:1px solid #e1e1e1}
.pagination-view-type .tit{position:absolute;top:0;left:20px;width:44px;height:60px;color:#666}
.pagination-view-type dd a{display:block;overflow:hidden;position:relative;padding-left:60px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.pagination-view-type dd a::before{content:"";position:absolute;left:25px;width:12px;height:12px;border-style:solid;border-color:#222;box-sizing:border-box}

.pagination-view-type dl:nth-child(1) dd a::before{top:28px;border-width:2px 2px 0 0;transform:rotate(-45deg)}
.pagination-view-type dl:nth-child(2) dd a::before{bottom:25px;border-width:0 2px 2px 0;transform:rotate(45deg)}

@media (min-width: 712px) {
	/* .pagination-view-type dl{padding:0} */
	.pagination-view-type dd a{padding-left:100px}
	.pagination-view-type dd a::before{left:35px}
}

/* btn-top */
.bottom-btn-area{display:flex;position:absolute;top:-80px;right:0;left:0;z-index:90;min-height:60px;padding:0 20px 20px;justify-content:flex-end}
.bottom-btn-area .btn-top{position:fixed;bottom:20px;right:20px;width:60px;height:60px;background:linear-gradient(135deg, #2e4ce3 0%,#42c1e1 100%);border-radius:50%;font-size:1.2rem;color:#fff}
.bottom-btn-area .btn-top span{position:relative;top:6px}
.bottom-btn-area .btn-top span::before{content:"";position:absolute;top:-10px;left:5px;width:15px;height:10px;background-image:url(/resources/user/common/images/sprite.png);background-position:-25px -93px;background-size:400px;background-repeat:no-repeat}
.bottom-btn-area .btn-top.is-abs{position:static}

@media (min-width: 712px) {
	.bottom-btn-area{max-width:712px;margin:0 auto;padding:0 20px 20px}
	/* .bottom-btn-area .btn-top{right:50%;margin-right:-356px} */
	/* .bottom-btn-area .btn-top.is-abs{margin:0} */
}

@media (min-width: 1200px) {
	.bottom-btn-area{width:1200px;max-width:1200px;padding:0 0 20px}
	/* .bottom-btn-area .btn-top{right:auto} */
	.bottom-btn-area .btn-top.is-abs{margin:0}
	.bottom-btn-area .btn-top{right:50%;margin-right:-600px}
	.ie .bottom-btn-area .btn-top{right:50%;margin-right:-600px}
	.ie .bottom-btn-area .btn-top{right:20px}
}

@media (min-width: 1264px) {
	/* .ie .bottom-btn-area .btn-top{right:20px;margin:0} */
}

@media (min-width: 1280px) {
	
	
	/* .ie .bottom-btn-area .btn-top.is-abs{right:auto;margin-right:0} */
}


/* Tab Wrap */
.tab-wrap .tab-list{display:flex}
.tab-wrap .tab-list li{flex:1}
.tab-wrap .tab-list li + li{margin-left:1px}
.tab-wrap .tab-list li .btn-tab{display:flex;height:60px;padding:0 10px;align-items:center;justify-content:center;background-color:#edeff0;color:#666;letter-spacing:-0.6px}
.tab-wrap .tab-list li .btn-tab .nowrap{display:inline-block;white-space:nowrap}
.tab-wrap .tab-list .is-active .btn-tab{background-color:#222;color:#fff}

.tab-wrap .tab-cont > div[role="tabpanel"]{display:none}
.tab-wrap .tab-cont > div.is-active{display:block}

.tab-wrap.tab-t02 .tab-list{flex-wrap:wrap}
.tab-wrap.tab-t02 .tab-list li{flex:none;width:calc(50% - 1px)}

@media (max-width: 711px) {
	.tab-wrap.tab-t02 .tab-list li:nth-child(n +3){margin-top:1px}
}

@media (min-width: 712px) {
	.tab-wrap.tab-t02 .tab-list li{flex:1;width:auto}
}

@media (min-width: 1200px) {
}

/* Select List */
.select-list{border:2px solid #000;background-color:#fff}
.select-list .btn-select-more{display:block;position:relative;height:48px;padding:0 20px;line-height:48px;font-weight:600}
.select-list > a::before{content:"";position:absolute;top:50%;right:28px;width:12px;height:12px;margin-top:-8px;border-width:2px 2px 0 0;border-style:solid;border-color:#000;box-sizing:border-box;transform:rotate(-225deg);transition:transform 0.3s}
.select-list > ul{display:none;position:relative;margin:0 20px;padding-top:5px}
.select-list > ul::before{content:"";position:absolute;top:4px;right:0;left:0;height:2px;background-color:#000}
.select-list > ul > li + li{border-top:1px solid #dfdfdf}
.select-list > ul > li a{display:block;position:relative;height:55px;line-height:55px;font-weight:600}
.select-list > ul > li [class^="ico-"]{position:absolute;top:14px;right:0}
.select-list.is-active > a::before{margin-top:-1px;transform:rotate(-45deg)}
.select-list.line-t02{border-width:1px}
.select-list.line-t02 .btn-select-more{height:50px;line-height:50px}
.select-list.line-t02 > ul::before{height:1px}
.select-list.line-t02 > a::before{margin-top:-9px}
.select-list.line-t02.is-active > a::before{margin-top:-3px}

/* Download List */
.download-list{border:1px solid #000}
.download-list .btn-download-more{display:block;position:relative;height:55px;padding:0 20px;line-height:55px;font-weight:600}
.download-list > a::before{content:"";position:absolute;top:50%;right:28px;width:12px;height:12px;margin-top:-8px;border-width:2px 2px 0 0;border-style:solid;border-color:#000;box-sizing:border-box;transform:rotate(-225deg);transition:transform 0.3s}
.download-list > ul{display:none;position:relative;margin:0 20px;padding-top:5px}
.download-list > ul::before{content:"";position:absolute;top:5px;right:0;left:0;height:1px;background-color:#000}
.download-list > ul > li + li{border-top:1px solid #dfdfdf}
.download-list > ul > li a{display:block;position:relative;height:55px;line-height:55px;font-weight:600}
.download-list > ul > li [class^="ico-"]{position:absolute;top:14px;right:0}
.download-list.is-active > a::before{margin-top:-1px;transform:rotate(-45deg)}

@media (min-width: 712px) {
	.download-list{display:flex;flex-wrap:wrap;border:none}
	.download-list .btn-download-more{width:146px;height:46px;padding:0 53px 0 20px;background-color:#9fa6ac;color:#fff;line-height:46px;cursor:default}
	.download-list > a::before{content:none}
	.download-list > a::after{content:"";position:absolute;top:16px;right:20px;width:14px;height:15px;background-image:url(/resources/user/common/images/sprite.png);background-position:-228px 0;background-repeat:no-repeat;background-size:400px}
	.download-list > ul{display:flex !important;flex:1;margin:0;padding-top:0}
	.download-list > ul::before{content:none}
	.download-list > ul li{position:relative;flex:1;max-width:114px;}
	.download-list > ul > li + li{border-top:none}
	.download-list > ul > li + li::before{content:"";position:absolute;top:10px;bottom:10px;left:0;z-index:1;width:1px;background-color:#cdd2d4}
	.download-list > ul > li a{height:46px;line-height:46px;background-color:#edeff0;font-size:1.5rem;text-align:center}
	.download-list > ul > li [class^="ico-"]{display:none}
}

/* Establishment [s] */
.establishment-sortation{margin:20px 0}
.establishment-sortation select{width:100%}
.distribution-item{display:block;padding:14px 0;font-size:2.2rem;font-weight:600}
/* .distribution-item + .establishment-wrap{margin-top:10px} */

.establishment-area + .establishment-area{margin-top:10px}
.establishment-head{display:none}
.establishment-wrap{margin:0 -20px;background-color:#f0f0f0}
/*.establishment-inner{border-top:1px solid #222;border-bottom:1px solid #222}*/
.establishment-item + .establishment-item{border-top:1px solid #d5d8da}
.establishment-item-inner{background-color:#fff}
.establishment-item-head{position:relative;min-width:1px;padding:30px 20px}
.establishment-item-head::after{content:"";display:block;clear:both}
.establishment-item-head .country-tit{display:inline-block;height:28px;padding:0 15px;font-size:1.4rem;color:#fff;line-height:28px;font-weight:600;text-align:center;-webkit-print-color-adjust:exact}
.establishment-item-head .country-tit.c-car{background-color:#5c6e9a}
.establishment-item-head .country-tit.c-agency{background-color:#5c6e9a}
.establishment-item-head .country-tit.c-electron{background-color:#f17740}
.establishment-item-head .country-tit.c-distributor{background-color:#f17740}
.establishment-item-head .establishment-tit{display:block;margin-right:44px;font-size:2rem}
.establishment-item-head .establishment-desc{margin-right:44px;color:#666}
.establishment-item-head .btn-view-detail{position:absolute;top:0;right:0;bottom:0;left:0}
.establishment-item-head .btn-view-detail span{position:absolute;right:20px;bottom:50%;margin-bottom:-23px}
.establishment-item-cont{display:none;padding:25px 20px 30px;border-top:1px solid #e1e1e1}
.item-cont2{padding:25px 20px 30px;}
.establishment-info-wrap .establishment-image img{width:100%}
.establishment-info dl{display:flex;flex-wrap:wrap;line-height:2}
.establishment-info dl dt{font-weight:600}
.establishment-info dl dd{flex:1;color:#666}
.establishment-map{overflow:hidden;height:200px;border:1px solid #e1e1e1}
.establishment-map > .dummy{width:100%}
.establishment-map.dummy-image{background:url(/resources/user/kr/images/temp/map-image.jpg);background-size:cover;background-position:50%}
.establishment-rough-map{overflow:hidden;border:1px solid #e1e1e1}
.establishment-rough-map img{width:100%}
.establishment-btn{display:none}
/* .establishment-map + .establishment-rough-map{margin-top:20px} */



.establishment-item .pc_map1{display: none;}
.establishment-item .pc_map2{display: none;}
.establishment-item .t_map1{display: none;}
.establishment-item .t_map2{display: none;}
.establishment-item .m_map1{display: block;}
.establishment-item .m_map2{display: block;}


.locationd li{float: none; width: 100%;}

@media (min-width: 712px) {
	.establishment-sortation{margin:30px 0}
	.establishment-sortation select{max-width:320px}
	.establishment-inner{border-top:none}
	.distribution-item{padding:34px 0 23px}

	.establishment-area + .establishment-area{margin-top:10px}
	.establishment-wrap{margin:0;padding-top:0}
	.establishment-info-wrap .establishment-image{overflow:hidden;width:280px;text-align:right}
	.establishment-info-wrap .establishment-image img{width:auto;max-height:100%}
	/* .establishment-item{padding-bottom:0;border-bottom:1px solid #e9e9e9} */
	.establishment-item-inner{border:none}
	.item-head2{padding:36px 0 38px}
	.establishment-item-head .btn-view-detail span{right:0}
	.establishment-item-cont{padding:30px 0}
	.establishment-info dl dt{width:85px}
	.establishment-info{margin-top:-10px}
	.establishment-map{height:252px}
	/* .establishment-item.is-active{border-color:#222} */
	
	
	
	.establishment-item .pc_map1{display: none;}
	.establishment-item .pc_map2{display: none;}
	.establishment-itemp .t_map1{display: block;}
	.establishment-itemp .t_map2{display: block;}
	.establishment-itemp .m_map1{display: none;}
	.establishment-item .m_map2{display: none;}
}

@media (min-width: 1200px) {
	.distribution-item{padding:34px 0 14px}
	/*
	.establishment-item-head .btn-view-detail{top:50%;bottom:auto;left:auto;width:46px;height:46px;margin-top:-23px}
	.establishment-item-head .btn-view-detail span{position:relative;right:auto;bottom:auto}
	*/
	.establishment-btn{display:flex;justify-content:flex-end;margin-top:20px}
	.establishment-btn .btn-establishment-print{width:200px}
	.establishment-btn .btn-establishment-print [class^="ico-"]{position:relative;top:3px;margin-right:9px}
	.establishment-map{height:450px}
	.establishment-rough-map{display:flex;justify-content:center;;align-items:center;height:520px}
	.establishment-rough-map img{width:auto;max-height:100%}
	
	.locationd li{float: left; width: 50%;}
	
	.establishment-item + .establishment-item{border: none;}
	
	.establishment-item .pc_map1{display: block;}
	.establishment-item .pc_map2{display: block;}
	.establishment-itemp .t_map1{display: none;}
	.establishment-itemp .t_map2{display: none;}
	.establishment-itemp .m_map1{display: none;}
	.establishment-item .m_map2{display: none;}
}

/* Establishment [e] */

/* Certifications List [s] */
.certifications-item{padding-bottom:25px;border-bottom:3px solid #222}
.certifications-list .text{font-weight:600}
.certifications-list .kinds{display:block;font-size:2rem}
.certifications-list .img{margin-top:15px;padding:40px 0;text-align:center}
.certifications-item[data-category="quality"] .img{background-color:#dee3eb}
.certifications-item[data-category="environment"] .img{background-color:#efeae9}
.certifications-item[data-category="safety"] .img{background-color:#dbebed}
.certifications-list .img img{height:203px;box-shadow:7px 4px 7px rgba(0, 0, 0, 0.23)}
.certifications-list .btn-list{display:flex;margin-top:28px;margin-right:-1%}
.certifications-list .btn-list li{width:33%;text-align:center}
.certifications-list .btn-list li + li{padding:0 10px;border-left:1px solid #d7d9db}
.certifications-list .btn-list a{position:relative}
.certifications-list .btn-list .ico-attachments{position:relative;top:3px;margin-left:10px}

@media (max-width: 711px) {
	.certifications-list{margin-top:10px}
	.certifications-item:nth-child(1){margin-top:0}
	.certifications-item{margin-top:55px}
}

@media (min-width: 712px) {
	.certifications-list ul{display:flex;flex-wrap:wrap}
	.certifications-item{width:calc(50% - 16px);margin-top:55px}
}

@media (min-width: 712px) and (max-width: 1199px) {
	.certifications-list{margin-top:23px}
	.certifications-item{width:calc(50% - 16px);margin-left:32px}
	.certifications-item:nth-child(1),
	.certifications-item:nth-child(2){margin-top:0}
	.certifications-item:nth-child(2n -1){margin-left:0}
	
}

@media (min-width: 1200px) {
	.certifications-list{margin-top:40px}
	.certifications-list > ul{margin:0 -1% 0 240px}
	.certifications-item{width:33%;margin-left:120px}
	.certifications-item:nth-child(1),
	.certifications-item:nth-child(2),
	.certifications-item:nth-child(3){margin-top:0}
	.certifications-item:nth-child(3n -2){margin-left:-240px}
}
/* Certifications List [e] */


/* Board List [s] */
.invest-board-list-wrap{margin:0 -20px;padding-top:10px;background-color:#f0f0f0}
.invest-board-list-item{padding-bottom:10px}
.invest-board-list-item a{display:block;position:relative}
.invest-board-list-item-inner{padding:25px 20px 30px;border:1px solid #d5d8da;background-color:#fff}
.invest-board-list-item .board-tit{min-height:60px;max-height:60px;font-size:2rem;line-height:30px;-webkit-line-clamp:2}
.invest-board-list-item .board-desc{color:#666}
.invest-board-list-item .board-date{position:relative;padding-left:65px;text-align:right;margin-top:22px}
.invest-board-list-item .board-date .ico-document{position:absolute;bottom:0;left:0}
.is-desktop .invest-board-list-item a:hover .invest-board-list-item-inner::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid #0e43c9;box-shadow:0 5px 10px 0 rgba(14, 67, 201, 0.2);pointer-events:none}

@media (min-width: 712px) {
	.invest-board-list-wrap{margin:0;padding-top:0;background-color:transparent}
	.invest-board-list-item .board-tit{min-height:30px;max-height:30px;line-height:30px;-webkit-line-clamp:1}
}

@media (min-width: 1200px) {
	.invest-board-list-item-inner{min-width:1px;padding:25px 30px 30px}
	.invest-board-list-item-inner::after{content:"";display:block;clear:both}
	.invest-board-list-item .board-date{float:right}
}
/* Board List [e] */


/* Invest Board View [s] */
.invest-board-view-area{margin:0 -20px}
.invest-board-view-area .board-view-head{padding:25px 20px;background-color:#edeff0}
.invest-board-view-area .board-view-head .board-tit{margin-bottom:23px;font-size:2rem}
.invest-board-view-area .board-view-head > div{min-width:1px}
.invest-board-view-area .board-view-head > div::after{content:"";display:block;clear:both}
.invest-board-view-area .board-view-head .attachment{float:left;position:relative;padding-left:36px;font-size:1.4rem;vertical-align:middle}
.invest-board-view-area .board-view-head .attachment .ico-document{position:absolute;bottom:-2px;left:0}
.invest-board-view-area .board-view-head .attachment a{display:inline-block}
.invest-board-view-area .board-view-head .date{float:right;font-size:1.4rem}
.invest-board-view-area .board-view-cont{padding:15px 20px}
.invest-board-view-area .board-view-cont img{display:block;width:auto !important;height:auto !important;margin:0 auto}
.invest-board-view-area.pagination-none{margin-bottom:20px;border-bottom:1px solid #222}

@media (min-width: 712px) {
	.invest-board-view-area{margin:0}
	.invest-board-view-area .board-view-head .board-tit{margin-bottom:20px}
	.invest-board-view-area .board-view-head{padding:26px 30px 33px}
	.invest-board-view-area .board-view-cont{padding:25px 30px}
}

@media (min-width: 1200px) {
}
/* Invest Board View [e] */


/* Board Search Area [s] */
.board-search-area{display:flex;position:relative;padding-right:27px;border-bottom:2px solid #000}
.board-search-area input[type="text"]{flex:1;border:none}
.board-search-area .btn-search{overflow:hidden;position:absolute;top:0;right:0;bottom:0;width:27px}
.board-search-area .btn-search span{text-indent:-9999px}
/* Board Search Area [e] */

/* tbl */
.tbl-wrap{position:relative;overflow:hidden}
.tbl-wrap .clone{position:absolute;top:0;left:0;pointer-events:none}
.tbl-wrap .clone th:not(:first-child),
.tbl-wrap .clone td:not(:first-child){visibility:hidden;border-color: transparent !important;}
.tbl-inner.column-fixed{position:relative;overflow-x:scroll}
.tbl-inner.column-fixed > table th:first-child,
.tbl-inner.column-fixed > table td:first-child{visibility:hidden;}
.tbl-t01{position:relative;border-top:2px solid #272d3b}
.tbl-t01 thead th{padding:18px 20px;border-right:1px solid #d5d8da;border-bottom:1px solid #222;background-color:#fff}
.tbl-t01 thead th:last-child{border-right:none}
.tbl-t01 tbody td{padding:18px 20px;border-right:1px solid #d5d8da;border-bottom:1px solid #d5d8da;background-color:#fff;vertical-align:middle}
.tbl-t01 tbody td:last-child{border-right:none}
.tbl-t01 tbody td:not(:first-child){text-align:right}
.tbl-t01 tbody td.center{text-align:center}
.tbl-t01 tbody .point td{background-color:#f1f4f9;font-weight:600}
/* tbl */

/* ir-data [s] */
.ir-data dl{padding-top:35px;padding-bottom:10px;border-bottom:3px solid #e72b02}
.ir-data dl dt{position:relative}
.ir-data dl dt p{margin-bottom:15px}
.ir-data dl dt .s-circle{margin:0 auto}
.ir-data dt{margin-bottom:10px;padding-top:23px;padding-bottom:20px;border-bottom:1px solid #fff;font-size:2rem;font-weight:600}
.ir-data dt::before{content:"";position:absolute;right:0;bottom:0;left:0;height:1px;background-image:url(/resources/user/common/images/dotted-line-gray.gif);background-size:12px auto;background-repeat:repeat-x}
.ir-data dd a{display:block;position:relative;padding:10px 0;line-height:25px;font-weight:600}
.ir-data dd a [class^="ico-"]{position:absolute;top:50%;right:0;margin-top:-13px}

@media (min-width: 712px) {
	.ir-data{display:flex;flex-wrap:wrap;margin-top:35px;padding:0 30px}
	.ir-data dl{width:calc(50% - 80px);margin:0 40px;padding-top:35px}
	.ir-data dl:nth-child(n+3){margin-top:22px}
}

@media (min-width: 1200px) {
	.ir-data{margin-top:20px;padding:0}
	.ir-data dl{flex:1;width:auto;margin:0}
	.ir-data dl + dl{margin-left:106px}
	.ir-data dl:nth-child(n+3){margin-top:0}
}
/* ir-data [e] */

/* History [s] */
.history-of-ket{font-size:4.2rem;line-height:1.2;color:#0e43c9;font-weight:300}
.history-of-ket strong{display:inline-block;position:relative;font-weight:900}
.history-of-ket strong .year{position:absolute;right:-6px;bottom:-29px;left:-6px;height:28px;font-size:1.4rem;line-height:28px;color:#fff;text-align:center;background-color:#0e43c9}

.history-area{position:relative;margin-top:42px}
.history-area .history-tit{display:block;margin-bottom:25px;font-size:2.2rem;font-weight:900}
.history-area .group + .group{margin-top:44px}
.history-area dl + dl{margin-top:44px}
.history-area dl dt{margin-bottom:4px;font-size:3.6rem;color:#333;line-height:1.2;font-weight:600}
.history-area dl dd{position:relative;padding-left:13px;line-height:2;word-break:keep-all;letter-spacing:-0.4px}
.history-area dl dd::before{content:"";position:absolute;top:14px;left:0;width:4px;height:4px;background-color:#ccc;border-radius:50%}

@media (min-width: 712px) {
	.history-of-ket{font-size:6rem}
	.history-of-ket strong .year{right:0;bottom:-25px;left:0;font-size:1.6rem}

	.history-area{margin-top:45px}
	.history-area .group{position:relative}
	.history-area .group + .group{margin-top:55px}
	.history-area .group:nth-child(even){padding-left:220px}
	.history-area dl{position:relative}
	.history-area dl + dl{margin-top:55px}
	.history-area dl:nth-child(6){margin-top:75px}
	.history-area dl dt{position:absolute;top:-1px;left:0}
	.history-area dl dd{margin-left:104px}
	
}

@media (min-width: 1200px) {
	.history-of-ket{font-size:7rem}
	.history-of-ket strong .year{bottom:-22px;font-size:1.8rem}

	.history-area{margin-top:95px}
	.history-area .history-tit{margin-bottom:55px;font-size:3rem;line-height:1.2}
	.history-area .group + .group{margin-top:55px}
	.history-area .group:nth-child(even){padding-left:550px}
	.history-area dl{min-height:64px}
	.history-area dl dt{top:-13px;font-size:5rem}
	.history-area dl dt::before{content:"";position:absolute;top:27px;right:-106px;width:62px;height:6px;background-image:url(/resources/user/common/images/sprite.png);background-position:0 -340px;background-repeat:no-repeat}
	.history-area dl dd{margin-left:235px}
	.history-area dl dd:nth-child(2){margin-top:13px}

	/* .history-area dl:nth-child(n +5){margin-left:0} */
	.history-area dl:nth-child(5){margin-top:55px}
	.history-area dl:nth-child(6){margin-top:102px}
	
}
/* History [e] */

/* Board Head [s] */
.board-head-inner{width:100%}
.board-head-inner .select-list-wrap{position:relative;z-index:10;height:52px}
.board-head-inner .select-list{position:absolute;top:0;right:0;left:0}

@media (min-width: 712px) {
    .board-head-inner{display:flex;margin-top:30px}
    .board-head .select-list-wrap{flex:1}
    .board-head .select-list-wrap + .board-search-area{margin-top:4px}
    .board-head .board-search-area{flex:1;margin-left:30px}
}

@media (min-width: 1200px) {
    .board-head-inner{justify-content:space-between}
    .board-head .select-list-wrap,
    .board-head .select-list-wrap + .board-search-area{flex:none;width:320px}
    .invest-board-list-item .board-desc{max-width:620px;height:48px;margin-bottom:0}
}
/* Board Head [e] */

/* FAQ List [s] */
.faq-list{margin:0 -20px 20px;border-top:1px solid #222;border-bottom:1px solid #222}
.faq-item{padding:0 20px;border-bottom:1px solid #e1e1e1}
.faq-item:last-child,
.faq-item.is-active{border-bottom:0}
.faq-item.is-active{border-bottom:0}
.faq-item .question{position:relative;padding:30px 50px 25px 0}
.faq-item .question .title{display:block;position:relative;padding-left:35px;font-size:1.8rem;font-weight:600}
.faq-item .question .title::before{content:"Q.";position:absolute;top:-7px;left:0;font-size:2.6rem;color:#000;font-weight:600}
.faq-item .question .btn-answer-view{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;text-indent:-9999px}
.faq-item .answer{display:none;padding:28px 35px 28px 20px;background-color:#f6f7f7;color:#666}
.faq-item .answer-text{position:relative;padding-left:30px}
.faq-item .answer-text::before{content:"A.";position:absolute;top:-7px;left:0;font-size:2.6rem;color:#e72b02;font-weight:600}
.faq-item .answer .afile{display:flex;margin-top:15px}
.faq-item .answer .afile i{margin-right:6px}
.faq-item.no-data{padding:30px 20px;text-align:center;font-size:1.8rem;font-weight:600;border-bottom:0}
.faq-item .btn-icon-arrow span{position:absolute;top:50%;right:0;margin-top:-23px}

@media (min-width: 712px) {
	.faq-list{margin:0 0 20px}
	.faq-item{padding:0}
	.faq-item .question .title{padding-left:40px}
	.faq-item .btn-icon-arrow span{right:-10px}
	.faq-item .answer{padding-left:50px}
	.faq-item .answer.text{padding-left:40px}
}

@media (min-width: 1200px) {
}
/* FAQ List [e] */

/* Q&A Receive [s] */
.qna-receive-wrap{padding-top:40px;text-align:center}
.qna-receive-wrap .receive-tit{display:block;position:relative;font-size:2rem;font-weight:600}
.qna-receive-wrap .receive-tit::before{content:"";display:block;width:120px;height:120px;margin:0 auto 24px;background-color:#edeeef;border-radius:50%}
.qna-receive-wrap .receive-tit i[class^="ico-"]{position:absolute;top:34px;left:50%;margin-left:-29px}
.qna-receive-wrap .receive-desc{font-size:1.8rem;color:#555}
.qna-receive-wrap .receive-tit + .receive-desc{margin-top:5px}
.qna-receive .btn-area{margin-top:25px}

@media (min-width: 712px) {
	.qna-receive-wrap{padding-top:60px}
	.qna-receive-wrap .receive-tit{font-size:2.2rem}
	.qna-receive-wrap .receive-tit + .receive-desc{margin-top:8px}
	.qna-receive .btn-area{margin-top:35px;justify-content:center}
}

@media (min-width: 1200px) {
}
/* Q&A Receive [e] */


/* Q&A Info [s] */
.qna-info{padding:28px 30px;background-color:#f9f9f9;color:#666;vertical-align:middle}
.qna-info i[class^="ico-"]{position:relative;top:4px;margin-right:6px}
.qna-info em{color:#000;font-weight:normal}
/* Q&A Info [e] */

/* Q&A Cont [s] */
.qna-cont{margin-bottom:20px;padding-bottom:20px;border-top:1px solid #222;border-bottom:1px solid #222}
.qna-flex label{display:block;width:100%;padding-top:15px;padding-bottom:5px;font-size:1.6rem;color:#000;font-weight:600}
.qna-flex select{width:100%} 
.qna-flex select + select{margin-top:8px}
.qna-flex input[type="email"],
.qna-flex input[type="text"]{width:100%}
.qna-flex textarea{width:100%;height:152px}

@media (min-width: 712px) {
	.qna-flex .qna-row > div{display:flex}
	.qna-flex .qna-row > div *{flex:1}
	.qna-flex select + select{margin:0 0 0 8px}
	.qna-flex textarea{height:160px}
}

@media (min-width: 1200px) {
	.qna-cont{margin-bottom:35px;padding-bottom:0}
	.qna-flex .qna-row{display:flex;padding:10px 10px 10px 20px}
    .qna-flex .qna-row + .qna-row{border-top:1px solid #e1e1e1}
	.qna-flex .qna-row > div{flex:1}
	.qna-flex select + select{margin:0 0 0 10px}
	.qna-flex textarea{width:960px;height:160px}
    .qna-flex label{width:210px;padding:0;line-height:52px}
    .qna-flex input[type="email"], 
    .qna-flex input[type="text"]{width:637px}
    .qna-flex input[type="email"].qna-title{width:960px}
}
/* Q&A Cont [e] */

/* Qna Inquiry [s] */
.qna-inquiry .box-grid{overflow:hidden;height:280px;padding:15px 20px;border:1px solid #e1e1e1;word-break:keep-all}
.qna-inquiry .box-grid .mCSB_inside > .mCSB_container{margin-right:0;padding-right:50px}
.qna-inquiry .box-grid .mCSB_scrollTools{right:10px}
.qna-inquiry .box-grid .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, 
.qna-inquiry .box-grid .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#f6f7f7}
.qna-inquiry .box-grid .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.qna-inquiry .box-grid .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px;background-color:#bbb}

.qna-inquiry .box-grid{overflow-y:scroll;color:#666}
.qna-inquiry .box-grid strong{color:#000}
.qna-inquiry .box-grid .terms-tit{display:block;margin-bottom:12px;color:#000}
.qna-inquiry .box-grid .terms-desc{display:block;margin-bottom:8px;font-size:1.8rem;color:#000}
.qna-inquiry .box-grid .grid-tit{display:block;margin-bottom:8px;font-size:1.8rem;color:#000}
.qna-inquiry .box-grid .privacy-tit{display:block;margin-bottom:8px;font-size:1.8rem;color:#000}

.qna-inquiry .agree-wrap{margin-top:20px;text-align:right}
.qna-inquiry .agree-wrap label{margin-right:0;text-align:left}
.qna-inquiry .btn-area{margin-top:20px;padding-top:20px;border-top:1px solid #e1e1e1}

@media (min-width: 712px) {
	.qna-inquiry .box-grid{height:300px;padding:30px}
	.qna-inquiry .box-grid .mCSB_inside > .mCSB_container{padding-right:60px}
	.qna-inquiry .box-grid .mCSB_scrollTools{right:20px}

	.qna-inquiry .box-grid .terms-tit{margin-bottom:8px;font-size:1.8rem}
	.qna-inquiry .box-grid .grid-tit{font-size:2rem}
}
/* Qna Inquiry [e] */

/* Stock Info [s] */
.stock-info{margin-bottom:40px;background-color:#f6f7f7}
.stock-info > .stock-section{padding:30px 20px}
.stock-info > .stock-section > div + div{border-top:1px solid #e1e1e1}
.stock-info > .stock-section + .stock-section{border-top:1px solid #e1e1e1}
.stock-info .stock-inner{display:flex;margin-bottom:23px;justify-content:space-between}
.stock-info .stock-inner dl{min-width:1px;line-height:27px}
.stock-info .stock-inner dl::after{content:"";display:block;clear:both}
.stock-info .stock-inner dl dt{float:left;width:70px}
.stock-info .stock-inner .contrast{flex:1}
.stock-info .stock-inner .contrast i[class^="ico"]{margin-right:8px}
.stock-info .stock-inner .price{padding-top:11px;font-size:3.6rem;line-height:1.2}
.stock-info .stock-inner .price i[class^="ico"]{margin-right:10px;vertical-align:middle}
.stock-info .stock-view{display:flex;text-align:center}
.stock-info .stock-view > div{flex:1}
.stock-info .stock-view > div + div{margin-left:10px;border:none}
.stock-info .stock-view strong{display:block;margin-bottom:8px;font-size:1.8rem}
.stock-info .stock-view p{margin:8px 0;font-size:2.4rem;font-weight:600;line-height:1.2}
.stock-info .stock-view > div > div{display:inline-block;height:35px;padding:0 10px;line-height:35px;letter-spacing:-0.8px}
.stock-info .stock-view > div > div i[class^="ico"]{position:relative;top:-3px;margin-right:4px}
.stock-info .stock-price{display:flex;margin:0 -10px;padding:15px 0 0}
.stock-info .stock-price > li{flex:1;letter-spacing:-0.8px}
.stock-info .stock-price > li:nth-child(4){flex:1.1}
.stock-info .stock-price strong{display:block;margin-bottom:4px;font-weight:normal;text-align:center}
.stock-info .stock-price p{font-size:1.8rem;font-weight:600;text-align:center}

@media (min-width: 712px) {
	.stock-info{min-width:1px}
	.stock-info::after{content:"";display:block;clear:both}
	.stock-info .stock-section{float:left;width:50%}
	.stock-info > .stock-section + .stock-section{border-top:none;border-left:1px solid #e1e1e1}
	.stock-info > .stock-section{padding:25px 30px}
	.stock-info .stock-inner dl{line-height:30px}
	.stock-info .stock-view strong{margin-bottom:4px}
	.stock-info .stock-view > div > div{padding:0 15px}
	.stock-info .stock-price{margin:0 -5%;padding-top:20px}
}

@media (min-width: 1200px) {
	.stock-info > .stock-section{padding:25px 60px}
	.stock-info .stock-inner{align-items:center;padding-top:15px}
	.stock-info .stock-inner .contrast{min-width:1px}
	.stock-info .stock-inner .contrast::after{content:"";display:block;clear:both}
	.stock-info .stock-inner .contrast > div{float:left}
	.stock-info .stock-inner .contrast > div{position:relative;padding-left:13px}
	.stock-info .stock-inner .contrast > div + div{margin-left:20px}
	.stock-info .stock-inner .contrast > div + div::before{content:"";position:absolute;top:8px;bottom:0;left:0;width:1px;height:16px;background-color:#e1e1e1}
	.stock-info .stock-inner .contrast > div dl dt{width:auto}
	.stock-info .stock-inner .contrast > div dl dt
	.stock-info .stock-inner .contrast > div dl dt,
	.stock-info .stock-inner .contrast > div dl dd{float:left}
	.stock-info .stock-inner .contrast > div dl dd{margin-left:14px}
	.stock-info .stock-inner .price{padding-top:0;font-size:4.2rem}
	.stock-info .stock-view > div > div{padding:0 25px}
	.stock-info .stock-price{margin:0 -30px}
}
/* Stock Info [e] */

/* Print [s] */
@media print {
	html{font-size:8px}
	body{height:auto !important;margin:0;padding:0}
	.l-container{padding-top:0}
	.l-content{min-height:inherit;padding-bottom:0}
	.l-section.page-head,
	.l-section.breadcrumb,
	.l-header-wrap,
	.establishment-item,
	.establishment-btn,
	.bottom-btn-area,
	.l-footer .footer-util-link,
	.l-footer .address-wrap{display:none}
	.establishment-sortation{display:none}
	.establishment-item.is-active,
	.establishment-head{display:block}
	.establishment-head{display:flex;width:100%;margin-top:50px;margin-bottom:0px}
	.establishment-head::after{content:"";display:block;clear:both}
	.establishment-head strong{flex:1;float:left;overflow:hidden;position:relative;width:88px;height:55px;text-indent:-9999px}
	.establishment-head strong::before{content:"";position:absolute;top:0;left:0;width:88px;height:35px;background-image:url(/resources/user/common/images/sprite.png);background-position:0 0;background-repeat:no-repeat;background-size:400px;-webkit-print-color-adjust:exact}
	.establishment-head p{flex:1;float:right;padding:40px 0 15px;line-height:24px}
	.establishment-wrap{border-top:0}
	.establishment-map{clear:both;height:450px}
	.manufacturing-site .establishment-item-head{padding-top:0}
	.manufacturing-site .establishment-item-head .establishment-tit .ico-location{display:none}
	.manufacturing-site .establishment-info-wrap{display:block;min-width:1px}
	.manufacturing-site .establishment-info-wrap::after{content:"";display:block;clear:both}
	.manufacturing-site .establishment-info-wrap .establishment-info{flex:none;float:left;width:73.4%;margin-top:0}
	.manufacturing-site .establishment-info-wrap .establishment-image{flex:none;float:left;width:26.6%;vertical-align:top}
	.l-footer{padding-top:10px}
}
/* Print [e] */


/*********************************************
*  Breadcrumb [s]
**********************************************/
.l-section.breadcrumb{background-color:#edeff0}
.breadcrumb{display:none}
.breadcrumb > ul{display:flex}
.breadcrumb > ul > li > a{display:block;color:#666}

@media (min-width: 1200px) {
	.breadcrumb{display:block}
	/* .breadcrumb ul{--max-width:712px;margin:0 auto;padding:0 20px} */
	.breadcrumb > ul{max-width:1280px;margin:0 auto;padding:0 40px;opacity:0}
	.breadcrumb > ul > li{position:relative}
	.breadcrumb > ul > li + li::before{content:"";position:absolute;top:16px;left:0;width:1px;height:18px;background-color:#ccc}
	.breadcrumb > ul > li > a{display:block;height:50px;padding:0 40px 0 20px;line-height:50px}
	.breadcrumb > ul > li > a::after{content:"";position:absolute;top:23px;right:20px;width:0;height:0;border-style:solid;border-width:5px 4px 0 4px;border-color:#222 transparent transparent transparent}
	.breadcrumb > ul > li.is-active > a{color:#000}
	.breadcrumb > ul > li.no-dropdown > a{cursor:default}
	.breadcrumb > ul > li.no-dropdown > a::after{content:none}
	.breadcrumb > ul .home{padding:0 20px 0 0}
	.breadcrumb > ul .home a{overflow:hidden;width:22px;text-indent:-9999px}
	.breadcrumb > ul .home a::before{content:"";position:absolute;top:16px;left:0;width:23px;height:19px;background-image:url(/resources/user/common/images/sprite.png);background-position:-71px -93px;background-size:400px;background-repeat:no-repeat}
	.breadcrumb > ul .home a::after{content:none}
	.breadcrumb.is-active > ul{opacity:1}
	
	.breadcrumb-dropdown{display:none;position:absolute;top:50px;right:0;left:0;z-index:20;background-color:#edeff0}
	.breadcrumb-dropdown::before{content:"";position:absolute;top:0;right:20px;left:20px;height:1px;background-color:#ccc}
	.breadcrumb-dropdown ul{padding:15px 20px}
	.breadcrumb-dropdown ul > li{}
	.breadcrumb-dropdown ul > li + li{margin-top:8px}
	.breadcrumb-dropdown a{display:block;color:#666}
	.breadcrumb-dropdown a:hover{color:#000;font-weight:600}
	.is-on .breadcrumb-dropdown{display:block}
	
	/* 공통 */
	.breadcrumb > ul > li:nth-child(1){width:42px}
	.breadcrumb > ul > li:nth-child(2){width:120px}
	
	/* 제품 */
	#content[class^="product"] .breadcrumb > ul > li:nth-child(3){width:235px}
 	#content[class^="product"] .breadcrumb > ul > li:nth-child(4){width:235px}
 	#content[class^="product"] .breadcrumb > ul[data-depth1="0"][data-depth2="2"] > li:nth-child(4){width:255px}
 	#content[class^="product"] .breadcrumb > ul[data-depth1="0"][data-depth2="3"] > li:nth-child(4){width:200px}
 	#content[class^="product"] .breadcrumb > ul[data-depth1="0"][data-depth2="4"] > li:nth-child(4){width:270px}
 	#content[class^="product"] .breadcrumb > ul[data-depth1="0"][data-depth2="7"] > li:nth-child(4){width:290px}
 	#content[class^="product-view"] .breadcrumb > ul > li:nth-child(5) a{cursor:default}
 	#content[class^="product-view"] .breadcrumb > ul > li:nth-child(5) a::after{content:none}
 	
	/* 연구개발 */
	#content[class^="rnd"] .breadcrumb > ul[data-depth1="1"] > li:nth-child(3),
	#content[class^="product-design"] .breadcrumb > ul[data-depth1="1"] > li:nth-child(3),
	#content[class^="advanced-rnd"] .breadcrumb > ul[data-depth1="1"] > li:nth-child(3),
	#content[class^="tooling-technology"] .breadcrumb > ul[data-depth1="1"] > li:nth-child(3),
	#content[class^="realibility-test"] .breadcrumb > ul[data-depth1="1"] > li:nth-child(3){width:140px}
	
	/* 회사소개 */
	.breadcrumb > ul[data-depth1="2"] > li:nth-child(3){width:120px}
	.breadcrumb > ul[data-depth1="2"] > li:nth-child(4){width:120px}
	.breadcrumb > ul[data-depth1="2"][data-depth2="3"] > li:nth-child(4){width:135px}
	
	/* 인재채용 */
	.breadcrumb > ul[data-depth1="3"] > li:nth-child(3){width:120px}
	
	/* 고객지원 */
	.breadcrumb > ul[data-depth1="4"] > li:nth-child(3){width:170px}
	
	/* Util */
	#content[class*="util"] .breadcrumb > ul > li:nth-child(2){flex:1}
	
}
/*********************************************
*  Breadcrumb [e]
**********************************************/


/*********************************************
* page-visual [s]
**********************************************/
.pv01 {width: 100%; height: 300px;  background: url(../img/page_vis_01.jpg)center center; text-align: center; padding-top: 100px;}
.pv02 {width: 100%; height: 300px;  background: url(../img/page_vis_03.jpg)center center; text-align: center; padding-top: 100px;}
.pv03 {width: 100%; height: 300px;  background: url(../img/page_vis_04.jpg)center center; text-align: center; padding-top: 100px;}
.pv04 {width: 100%; height: 300px;  background: url(../img/page_vis_05.jpg)center center; text-align: center; padding-top: 100px;}
.pv05 {width: 100%; height: 300px;  background: url(../img/page_vis_02.jpg)center center; text-align: center; padding-top: 100px;}
.pv06 {width: 100%; height: 300px;  background: url(../img/page_vis_06.jpg)center center; text-align: center; padding-top: 100px;}
.page-visual h2{font-size:3rem;color: #fff;}
.page-visual p{color: #fff;}

@media (min-width: 712px) {
}

@media (min-width: 1200px) {
}

@media (min-width: 1240px) {
}
/*********************************************
* page-visual [e]
**********************************************/


/*********************************************
* PAGE : 제품 인덱스 [s]
**********************************************/
.product-index-list{margin-top:25px}
.product-index-list .item + .item{margin-top:20px}
.product-index-list .item .btn-product-more{display:block;font-size:3rem;line-height:1.2;font-weight:300}
.product-index-list .item .btn-product-more br.nowrap{display:none}
.product-move-view{display:none;position:relative;height:282px;margin:40px -20px 0}
.product-move-view::before{content:"";display:block;width:260px;height:260px;margin:0 auto;border-radius:50%;transform:scale(0);opacity:0;transition:transform 0.6s ease-in-out, opacity 0.6s ease-in-out}
.product-move-inner{text-align:center}
.product-move-view img{position:absolute;top:-5%;left:0;width:100%;transform:translateY(30px);opacity:0;transition:transform 0.8s ease-out, opacity 0.8s ease-out}
.product-move-view .btn-t06{position:absolute;bottom:70px;left:50%;min-width:150px;margin-left:-75px;border-bottom:3px solid #fff;color:#fff}

/* is-active */
.product-index-list .is-active .btn-product-more{font-size:4.4rem;font-weight:900}
.product-index-list .is-active .product-move-view{display:block}
.product-index-list .is-animation .product-move-view img{transform:translateY(0);opacity:1;transition-delay:0.1s}
.is-animation .product-move-view::before{transform:scale(1);opacity:1}

/*  Init Set animation */
.is-product-main-animation-true .product-index-list .item .btn-product-more{opacity:0;transform:translateY(70px);transition:opacity 1s, transform 1s}
.is-product-main-animation-true .product-index-list .item:nth-child(1) .btn-product-more{transition-delay:0s}
.is-product-main-animation-true .product-index-list .item:nth-child(2) .btn-product-more{transition-delay:0.1s}
.is-product-main-animation-true .product-index-list .item:nth-child(3) .btn-product-more{transition-delay:0.2s}
.is-product-main-animation-true .product-index-list .item:nth-child(4) .btn-product-more{transition-delay:0.3s}
.is-product-main-animation-true .product-index-list .item:nth-child(5) .btn-product-more{transition-delay:0.4s}
.is-product-main-animation-true .product-index-list .item:nth-child(6) .btn-product-more{transition-delay:0.5s}
.is-product-main-animation-true .product-index-list .item:nth-child(7) .btn-product-more{transition-delay:0.6s}
.is-product-main-animation-true .product-index-list .item:nth-child(8) .btn-product-more{transition-delay:0.7s}
.is-product-main-animation-true .product-index-list .item:nth-child(9) .btn-product-more{transition-delay:0.8s}
.is-product-main-animation-true .product-index-list .item:nth-child(10) .btn-product-more{transition-delay:0.9s}
.is-product-main-animation-true .product-move-view{opacity:0;transform:translateY(70px);transition:opacity 1s, transform 1s;transition-delay:0.1s}

/* animation end */
.is-product-main-animation-false .product-index-list .item .btn-product-more{opacity:1;transform:translateY(0)}
.is-product-main-animation-false .product-move-view{opacity:1;transform:translateY(0)}

/* item color */
.item-automotive .product-move-view::before{background-color:#7b6195}
.item-pcb-connector .product-move-view::before{background-color:#f0bc58}
.item-joint-connector .product-move-view::before{background-color:#378d9a}
.item-terminal .product-move-view::before{background-color:#4ea97b}
.item-lighting .product-move-view::before{background-color:#ee9146}
.item-related-parts .product-move-view::before{background-color:#d65454}
.item-rework-jig .product-move-view::before{background-color:#5883b8}
.item-multi-fuse .product-move-view::before{background-color:#b6ac42}
.item-bft .product-move-view::before{background-color:#5092c0}
.item-high-voltage-fuse .product-move-view::before{background-color:#ef9d45}
.item-hight-voltage-connector .product-move-view::before{background-color:#63add4}
.item-msd .product-move-view::before{background-color:#7baa48}
.item-charge-inlet .product-move-view::before{background-color:#48aa9b}
.item-bdu-pra .product-move-view::before{background-color:#d55454}
.item-icb .product-move-view::before{background-color:#5e7bce}
.item-epr .product-move-view::before{background-color:#7f58b4}
.item-airbag-sensor .product-move-view::before{background-color:#f0bc58}
.item-fakra-connector .product-move-view::before{background-color:#68bcd7}
.item-ethernet-connectors-lvds-connector .product-move-view::before{background-color:#8d70be}
.item-lvds-connector .product-move-view::before{background-color:#59629d}
.item-board-to-board-connector .product-move-view::before{background-color:#f09858}
.item-gnss-modules .product-move-view::before{background-color:#499150}
.item-home-appliance-connectors .product-move-view::before{background-color:#8a79cd}
.item-display-device-connector .product-move-view::before{background-color:#d66c91}
.item-mobile-device-connector .product-move-view::before{background-color:#65b6bd}
.item-terminal-t02 .product-move-view::before{background-color:#4679ad}
.item-lamp .product-move-view::before{background-color:#65bab7}
.item-high-voltage-w-h .product-move-view::before{background-color:#3f6993}
.item-communication .product-move-view::before{background-color:#8ebd65}
.item-led .product-move-view::before{background-color:#6581dc}
.item-connector .product-move-view::before{background-color:#755fac}
.item-current-sensor .product-move-view::before{background-color:#5392b0}
.item-automatic-crimping-machine .product-move-view::before{background-color:#519a85}
.item-electronic-lighting .product-move-view::before{background-color:#378d9a}
.item-wire-to-board-connector .product-move-view::before{background-color:#8ab0c8}


/* 예외 */
.product-index-list .item-epr.is-animation .product-move-view img{transform:translateY(-30px)}

@media (min-width: 360px) {
	.product-move-view{height:340px}
	.product-move-view::before{top:20px;width:300px;height:300px}
	.product-move-view img{top:0;left:50%;max-width:360px;margin-left:-180px}
	.product-move-view .btn-t06{bottom:80px}
}

@media (min-width: 712px) {
	.product-index-list .item.is-active .btn-product-more br.nowrap{display:block}
	.product-index-list .item + .item{margin-top:25px}
	.product-index-list .item .btn-product-more{font-size:3.2rem}
	.product-move-view{height:auto;margin:10px 0;text-align:right}
	.product-move-view::before{position:absolute;top:20px;right:50px;left:auto;width:342px;height:342px;margin:0}
	.product-move-view .btn-t06{bottom:70px;right:146px;left:auto;margin:0}
	.product-move-view img{left:0;width:100%;max-width:inherit;margin:0}
	.product-move-inner{display:inline-block;position:relative;width:472px;height:382px;max-width:inherit;margin:0}

	/* is-active */
	.product-index-list .is-active .btn-product-more{margin-left:50px;font-size:5rem}
}

@media (min-width: 1200px) {
	.product-index-list{position:relative;min-height:400px;margin-top:60px;margin-left:80px}
	.product-index-list > ul{margin-right:490px}
	.product-index-list .item + .item{margin-top:45px}
	.product-move-view{position:absolute;top:0;right:0;width:530px;height:420px}
	.product-move-view::before{right:80px;width:380px;height:380px}
	.product-move-view .btn-t06{right:189px;bottom:80px}
	.product-move-view img{width:100%}
	.product-move-inner{position:static;width:auto;height:auto}

	/* is-active */
	.product-index-list .item .btn-product-more{font-size:3.6rem}
	.product-index-list .is-active .btn-product-more{margin-left:40px;font-size:5rem}
}
/*********************************************
* PAGE : 제품 인덱스 [e]
**********************************************/

/*********************************************
* PAGE : 제품 목록 [s]
**********************************************/
/* Btn Product Search */
.product-head{position:relative}
.product-head .btn-product-search{overflow:hidden;position:absolute;right:0;bottom:14px;width:40px;height:40px;border:1px solid #000;text-indent:-9999px}
.product-head .btn-product-search::before{content:"";position:absolute;top:9px;left:9px;width:20px;height:20px;background-image:url(/resources/user/common/images/sprite.png);background-position:-115px -11px;background-size:400px;background-repeat:no-repeat}

/* Product List Data */
.product-list-data dt{font-weight:600}
.product-list-data + .product-list-data{margin-top:20px}

@media (min-width: 712px) {
	.product-head .btn-product-search{bottom:9px}
}

@media (min-width: 1200px) {
	.product-head .btn-product-search{bottom:12px}
}
/*********************************************
* PAGE : 제품 목록 [s]
**********************************************/


/*********************************************
* PAGE : 제품 상세 [s]
**********************************************/
/* Product View Path */
.product-view-path{display:flex;flex-wrap:wrap;padding-top:27px;padding-bottom:8px}
.product-view-path li{position:relative;font-size:1.4rem}
.product-view-path li + li{margin-left:3px}
.product-view-path li + li::before{content:"\003E";display:inline-block;position:relative;top:1px;margin-right:3px}

/* Series Product */
.series-product{position:relative;padding:20px 20px 30px;background-color:#edeff0}
.series-product .head{margin-bottom:10px}
.series-product .img{overflow:hidden;position:relative;padding-top:100%;margin-bottom:15px;border:1px solid #d7d9db;background-color:#fff}
.series-product .img img{position:absolute;top:50%;left:50%;width:90%;transform:translate(-50%, -50%)}
.series-product .text{font-size:1.5rem}
.series-product .swiper-pagination-bullets{position:static;bottom:auto;left:auto;margin-top:25px}
.series-product .swiper-button-next,
.series-product .swiper-button-prev{display:none}
.series-product .fraction{position:absolute;top:20px;right:20px;color:#787f87;font-weight:600}
.series-product .fraction .current{color:#000}

@media (min-width: 712px) {
	.series-product{padding:20px 0 20px 20px}
	.series-product .head{margin-top:-2px;margin-bottom:8px}
	.series-product .article-tit{display:block;margin-top:-7px;font-size:2.2rem}
	.series-product .fraction{position:static;top:auto;right:auto}
	.series-product .swiper-wrap{position:relative;margin-top:-58px;margin-right:60px;margin-left:260px}
	.series-product .swiper-pagination{display:none}
	.series-product .swiper-button-next,
	.series-product .swiper-button-prev{display:block;top:50%;width:60px;height:54px;margin-top:-57px;background-image:none}
	.series-product .swiper-button-prev{left:-60px}
	.series-product .swiper-button-next{right:-60px}
	.series-product .swiper-button-next::before,
	.series-product .swiper-button-prev::before{content:"";position:absolute;top:50%;width:18px;height:18px;border-style:solid;border-color:#222;box-sizing:border-box;transform:rotate(45deg)}
	.series-product .swiper-button-prev::before{right:50%;margin:-9px -15px 0;border-width:0 0 2px 2px}
	.series-product .swiper-button-next::before{left:50%;margin:-9px 0 0 -15px;border-width:2px 2px 0 0}
	.series-product .swiper-button-next.swiper-button-disabled, 
	.series-product .swiper-button-prev.swiper-button-disabled{opacity:0.3}
}

@media (min-width: 1200px) {
}

/* Product View Item */
.product-view-item .tit{display:block;margin-bottom:15px;font-size:2rem}
.product-view-item .info-cont{margin-bottom:15px}
.product-view-item .img{height:200px;margin-bottom:15px;padding:20px;border:1px solid #ddd;text-align:center}
.product-view-item .img img{max-width:100%;max-height:100%}
.product-view-item dl{display:flex;flex-wrap:wrap}
.product-view-item dl dt{font-weight:600}
.product-view-item dl dd{flex:1;margin-left:4px}
.product-view-item.img-none .img{display:none}

@media (max-width: 711px) {
	.product-view-item dl + dl{margin-top:2px}
}

@media (min-width: 712px) {
	.product-view-item{position:relative;min-height:286px;margin-top:25px;padding-left:340px;padding-bottom:66px}
    .product-view-item .tit{margin-bottom:30px;font-size:2.2rem}
    .product-view-item .img{position:absolute;top:0;left:0;width:320px;height:200px;margin-bottom:0}
	.product-view-item dl{margin-top:4px}
	.product-view-item.img-none{padding-left:0}
}

@media (min-width: 1200px) {
	.product-view-item{min-height:inherit;padding-bottom:0;padding-left:380px}
	.product-view-item .tit{margin-bottom:46px}
    .product-view-item div{min-width:1px}
    .product-view-item div::after{content:"";display:block;clear:both}
	.product-view-item div dl{display:block;float:left;margin-right:65px}
	.product-view-item dl dt{float:left}
	.product-view-item dl dd{float:left}
}

/* Product View Info */
.product-view-info{position:relative;padding-bottom:5px}
.product-view-info .article-tit{display:block;padding-top:20px;padding-bottom:6px;border-bottom:2px solid #222}
.product-view-info .cont{padding:15px 0 10px}
.product-view-info dl{display:flex;flex-wrap:wrap}
.product-view-info dl + dl{margin-top:8px}
.product-view-info dl dt{width:160px;font-weight:600}
.product-view-info dl dd{flex:1;word-break:break-all}
.product-view-info dl dd .text-wrap{display:inline-block}

@media (min-width: 712px) {
	.product-view-info{margin-top:35px;margin-bottom:40px;padding-bottom:0;border-top:1px solid #222;border-bottom:1px solid #222}
	.product-view-info dl dt{flex:1}
    .product-view-info > div{display:flex;flex-wrap:wrap;align-items:center;padding:28px 0}
    .product-view-info > div + div{border-top:1px solid #d7d9db}
    .product-view-info .article-tit{width:270px;margin:0;padding:0 50px;border-bottom:none;font-size:1.6rem}
    .product-view-info .cont{flex:1;padding:15px 15px 10px 30px}
}

@media (min-width: 1200px) {
	.product-view-info{margin-top:40px}
	.product-view-info dl dt{flex:none;width:230px}
}
/*********************************************
* PAGE : 제품 상세 [s]
**********************************************/

/*********************************************
* RND Info List [s]
**********************************************/
.info-list-items .item{padding-bottom:15px;border-bottom:3px solid #222}
.info-list-items .item .img{border:1px solid #e1e1e1}
.info-list-items .item .img img{width:100%}
.info-list-items .item dl dt{margin-bottom:15px;font-size:1.8rem;font-weight:600}
.info-list-items .item dl dt + dd{margin-top:10px}
.info-list-items .item dl dd{position:relative;padding-left:15px;color:#666}
.info-list-items .item dl dd::before{content:"\2022";position:absolute;top:0;left:0;color:#ccc}
.info-list-items .item dl dd.dot-none{padding-bottom:7px;padding-left:0}
.info-list-items .item dl dd.dot-none::before{content:none}
.info-list-items .item dl dd + dd{margin-top:8px}

@media (min-width: 712px) {
}

@media (min-width: 1200px) {
}
/*********************************************
* RND Info List [e]
**********************************************/

/*********************************************
* RND Info List Type 02 [s]
**********************************************/
.info-list-items-t02 ul{display:flex;flex-wrap:wrap}
.info-list-items-t02 .item{width:calc(50% - 10px);padding-bottom:15px;border-bottom:3px solid #222}
.info-list-items-t02 .title{display:block;font-size:1.8rem;font-weight:600}
.info-list-items-t02 .img-container{text-align:center}
.info-list-items-t02 .img-container img{width:100%;max-width:260px}

@media (min-width: 1200px) {
	.info-list-items-t02 .img-container img{max-width:100%}
}
/*********************************************
* RND Info List Type 02 [e]
**********************************************/


/*********************************************
* Layer : Common [s]
**********************************************/
.layer{position:fixed;right:0;z-index:150;width:100%;min-width:320px;max-width:calc(100% - 20px);height:100%;background-color:#fff;transform:translateX(calc(100% + 20px));transition:transform 0.4s}
.layer .layer-cont{position:relative;height:100%;overflow:hidden;overflow-y:auto;box-shadow:-14px 14px 20px 0 rgba(0, 0, 0, 0.3)}
.layer .inner-head{height:auto;padding:12px 20px 15px;background-color:#272d3b;color:#fff}
.layer .btn-product-search-close{overflow:hidden;position:absolute;top:0;right:0;width:62px;height:60px;text-indent:-9999px}
.layer .btn-product-search-close::before{content:"";position:absolute;top:19px;right:20px;width:22px;height:22px;background-image:url(/resources/user/common/images/sprite.png);background-position:-88px -38px;background-size:400px;background-repeat:no-repeat}
.layer.is-active{display:block;transform:translateX(0%)}

@media (min-width: 1200px) {
	.layer{top:50%;left:50%;z-index:-1;max-width:inherit;height:auto;transform:translateX(0);transition:opacity 0s;opacity:0}
	.layer.is-active{z-index:141;opacity:1}
	.layer .layer-cont{overflow:hidden}
	.layer.is-min-height{position:absolute;top:0;margin-top:0 !important}
}
/*********************************************
* Layer : Common [e]
**********************************************/


/*********************************************
* Layer : Product Search [s]
**********************************************/

/* Search Area */
.serach-area{min-width:1px;padding-left:20px;background-color:#edeff0}
.serach-area::after{content:"";display:block;clear:both}
.serach-area ul{display:flex;flex-wrap:wrap;float:left;min-width:calc(100% - 61px);max-width:calc(100% - 60px);min-height:50px;padding:13px 0}
.serach-area ul li{position:relative;width:calc(50% - 15px);padding-right:10px}
.serach-area ul li{width:auto}
.serach-area .search-delete{margin-left:3px}
.serach-area .search-delete i{position:relative;top:5px;transform:scale(0.6)}
.serach-area .btn-search-reset{overflow:hidden;float:right;position:relative;width:63px;height:50px;text-indent:-9999px}
.serach-area .btn-search-reset::before{content:"";position:absolute;top:13px;left:15px;width:28px;height:25px;background-image:url(/resources/user/common/images/sprite.png);background-position:-111px -38px;background-size:400px;background-repeat:no-repeat}

/* @media (max-width: 711px) {
	.serach-area ul li:nth-child(odd){padding-right:15px}
	.serach-area ul li:nth-child(even){padding-left:15px}
} */

@media (min-width: 1200px) {
	.serach-area{position:relative}
	.serach-area ul{min-width:calc(100% - 63px)}
	.serach-area ul li{width:auto;margin-right:20px;padding-right:0}

	.serach-area .btn-search-reset{position:absolute;top:0;right:0}
}

.layer[data-layer-name="product-search"] .layer-tit{display:block;padding-right:40px}
.layer[data-layer-name="product-search"] .article-tit{display:block;padding-top:25px;padding-bottom:5px;border-bottom:2px solid #222}
.layer[data-layer-name="product-search"] .search-count{margin-top:2px;margin-bottom:-2px}
.search-cont{min-width:1px;padding:0 20px 20px}
.search-cont .search-list-wrap{border-bottom:1px solid #dfdfdf}
.search-cont .search-artitle + .search-artitle{border-top:1px solid #dfdfdf}
.search-cont .search-list{padding:12px 0}
.search-cont .select-list-wrap{margin-top:20px}
.search-cont .select-list-wrap .select-t01{width:100%}
.search-cont .select-item-cont + .select-item-cont{margin-top:8px}
.search-cont .btn-wrap{display:flex}
.search-cont .btn-wrap [class^="btn-t"]{flex:1}
.search-cont .btn-search-item{display:block;position:relative;height:50px;line-height:50px;font-weight:600}
.search-cont .btn-search-item::before{content:"";position:absolute;top:50%;right:3px;width:13px;height:13px;margin-top:-8px;border-width:2px 2px 0 0;border-style:solid;border-color:#000;transform:rotate(-225deg);box-sizing:border-box}
.search-cont .is-active .btn-search-item::before{margin-top:-3px;transform:rotate(-45deg)}
.search-cont .search-item > div{display:none;padding-bottom:20px}
/* .search-cont .search-item > div > div{width:100%} */
.search-cont .search-item > div .search-inner{padding:15px 10px;background-color:#e9eaef}
.search-cont .search-item > div ul{display:flex;flex-wrap:wrap}
.search-cont .search-item > div ul li{width:50%;padding:5px 15px 5px 0}
.search-cont .search-item > div ul li label{margin:0;padding-top:3px;line-height:1.5;word-break:break-word}

@media (min-width: 1200px) {
	.layer[data-layer-name="product-search"]{max-width:1200px;height:774px;margin:-387px 0 0 -600px}
	/* .layer[data-layer-name="product-search"].is-active{max-width:1200px;height:774px;margin:-387px 0 0 -600px} */
	.layer-cont{overflow:hidden}
	.layer[data-layer-name="product-search"] .layer-tit{padding-right:0}
	.layer[data-layer-name="product-search"] .article-tit{margin-bottom:20px}
	.layer[data-layer-name="product-search"] .inner-head{display:flex;align-items:center;padding-right:60px}
	.layer[data-layer-name="product-search"] .search-count{flex:1;position:relative;margin:0 0 0 20px;padding-left:20px}
	.layer[data-layer-name="product-search"] .search-count::before{content:"";position:absolute;top:3px;bottom:3px;left:0;width:1px;background-color:#777}
	.layer[data-layer-name="product-search"] .inner-cont{overflow-y:auto}
	.search-cont .search-list-wrap{padding-bottom:20px}
	.search-cont .search-list{position:relative;width:300px;min-height:413px;padding:8px 0 5px}
	.search-cont .search-item > div{position:absolute;top:0;left:300px;width:860px;height:413px;padding-bottom:0;background-color:#e9eaef}
	.search-cont .search-item > div .search-inner{overflow:hidden;width:860px;max-height:321px;padding:20px;background-color:transparent}
	.search-cont .search-item > div ul li{width:25%;margin-bottom:15px}
	.search-cont .search-item > div .btn-wrap{position:absolute;bottom:0;right:0;padding:20px}
	.search-cont .search-item > div .btn-wrap [class^="btn-t"]{flex:none;width:120px}
	.search-cont .search-item .search-inner{height:321px}
	.search-cont .search-item.is-active .btn-search-item span{position:relative}
	.search-cont .search-item.is-active .btn-search-item span::before{content:"";position:absolute;right:0;bottom:-5px;left:0;height:1px;background-color:#666}
	.search-cont .search-item.is-active > div{display:block}
	.search-cont .select-list-wrap{min-width:1px}
	.search-cont .select-list-wrap::after{content:"";display:block;clear:both}
	.search-cont .select-list-wrap{display:flex}
	.search-cont .select-list-wrap .select-item-cont{flex:1}
	.search-cont .select-item-cont + .select-item-cont{margin-top:0;margin-left:10px}
	.search-cont .select-item-cont:nth-child(3){flex:none;width:120px}
	.search-cont .select-list{float:left;width:510px}
	.search-cont .select-list + .select-list{margin-top:0;margin-left:10px}
	.search-cont .select-list + .btn-wrap{float:left;width:120px;margin-top:0;margin-left:10px}
	.search-cont .btn-search-item::before,
	.search-cont .is-active .btn-search-item::before{right:50px;margin-top:-6px;transform:rotate(45deg)}
}

@media (min-width: 1200px) and (max-height: 860px) {
	.layer[data-layer-name="product-search"]{height:600px;margin:-300px 0 0 -600px}
	.layer[data-layer-name="product-search"] .inner-cont{height:540px}
}

@media (min-width: 1200px) and (min-height: 861px) {
	.layer[data-layer-name="product-search"]{height:774px;margin:-387px 0 0 -600px}
	.layer[data-layer-name="product-search"] .inner-cont{height:714px}
}
/*********************************************
* Layer : Product Search [e]
**********************************************/




/*********************************************
* Layer : Site Map [s]
**********************************************/
.is-sitemap .sitemap-wrap{display:block}
.sitemap-wrap{display:none;position:relative;z-index:110;min-height:100vh;background-color:#fff;-webkit-overflow-scrolling:touch}
.sitemap-inner{overflow:hidden;position:relative;padding:115px 0;background-color:#fff}
.sitemap-inner .btn-close-sitemap{overflow:hidden;position:absolute;top:16px;right:20px;width:50px;height:50px;text-indent:-9999px}
.sitemap-inner .btn-close-sitemap::before{content:"";position:absolute;top:14px;right:14px;width:26px;height:26px;background:url('../img/sprite.png') no-repeat -887px -209px;}
.sitemap{max-width:1280px;margin:0 auto;padding:0 40px}
.sitemap nav{position:relative}
.sitemap nav ul a{display:inline-block;position:relative;word-break:keep-all}
.sitemap nav ul a span{display:block}
.sitemap nav > ul{display:flex}
.sitemap nav > ul > li{flex:1}
.sitemap nav > ul > li > ul{padding-top:18px}
.sitemap nav > ul > li + li{margin-left:50px}
.sitemap nav > ul > li > ul > li{padding-top:31px}
.sitemap nav > ul > li > ul > li > ul{padding-top:8px}
.sitemap nav .depth01 > a{font-size:2.4rem;font-weight:600}
.sitemap nav .depth02 > a{font-size:1.8rem;font-weight:900;line-height:1.3}
.sitemap nav .depth03 > a{padding:4px 0 4px 10px;font-size:1.5rem}
.sitemap nav .depth03 > a::before{content:"\002D";position:absolute;top:3px;left:0}
.sitemap nav .depth01 > ul{margin-top:23px;padding-top:0;border-top:3px solid #222}
.sitemap nav .depth02 > ul{display:none;padding-top:6px}
.sitemap nav .depth02 > a{display:block;position:relative}
.sitemap nav .is-child > a::before{content:"";display:inline-block;position:absolute;top:50%;right:0;width:0;height:0;margin-top:-3px;border-width:6px 5px 0 5px;border-style:solid;border-color:#222 transparent transparent transparent}
.sitemap nav .is-child.is-active > a::before{border-width:0 5px 6px 5px;border-color:transparent transparent #222 transparent}

@media (min-width: 1600px) {
	.sitemap-inner .btn-close-sitemap{right:50%;margin-right:-814px}
}
/*********************************************
* Layer : Site Map [e]
**********************************************/


/*********************************************
* Icon + Text [s]
**********************************************/
.icon-and-text .s-circle{margin:0 auto}
.icon-and-text .step{max-width:80px;margin:27px auto 0;background-color:#0958ce;border-radius:12px;font-size:1.4rem;color:#fff;line-height:24px;font-weight:900;text-align:center}
.icon-and-text .step-text{margin:7px auto 0;font-size:1.8rem;font-weight:900;text-align:center}
.icon-and-text .text{margin:7px auto 0;text-align:center}
.icon-and-text .recruit-text{margin:3px auto 0;font-size:1.4rem;color:#666;text-align:center}
.icon-and-text .recruit-text.required::before{content:"\002A";margin-right:5px;color:#ff2a00}
/*********************************************
* Icon + Text [e]
**********************************************/


/*********************************************
* Design Result [s]
**********************************************/
.design-result{margin:0 auto}
.design-result ul{margin:0 -20px;font-size:0;text-align:center}
.design-result .item{display:inline-block;width:110px;height:52px;margin:0 10px;background-color:#222;border-radius:26px;font-size:1.8rem;color:#fff;font-weight:600;line-height:52px;text-align:center}

@media (min-width: 360px) {
	.design-result .item{width:150px}
}

@media (min-width: 712px) {
	.design-result ul{margin:0}
	.design-result .item{margin:0 15px}
}

@media (min-width: 1200px) {
	.design-result .item{margin:0 30px}
}
/*********************************************
* Design Result [e]
**********************************************/


/*********************************************
* Patent Cont [s]
**********************************************/
.patent-cont{margin-top:35px}
.patent-cont ul{display:flex;flex-wrap:wrap}
.patent-cont .item{position:relative;padding-bottom:15px;border-bottom:3px solid #222}
.patent-cont .item .text{margin-top:16px;font-size:1.8rem;font-weight:600}
/*********************************************
* Patent Cont [e]
**********************************************/


/*********************************************
* 개인 정보 수집 및 이용 동의 [s]
**********************************************/
.terms .box-section + .box-section{margin-top:25px}
.terms .box-section .tit{display:block;margin-bottom:15px}
.terms .item + .item{margin-top:5px}
/*********************************************
* 개인 정보 수집 및 이용 동의 [e]
**********************************************/


/*********************************************
* 개인 정보 수집 및 이용 동의 [s]
**********************************************/
.privacy .box-section + .box-section{margin-top:25px}
.privacy .box-section .tit{display:block;margin-bottom:15px}
.privacy .item + .item{margin-top:5px}
/*********************************************
* 개인 정보 수집 및 이용 동의 [e]
**********************************************/

/*********************************************
* 개인정보처리방침 [s]
**********************************************/
.util strong,
.util p,
.util li,
.util .u-tbl-t01{word-break:keep-all}
.util .tit-t01{display:block;margin-bottom:15px;font-size:1.8rem}
.util .tit-t02{display:block;margin-bottom:10px;font-size:2.2rem;word-break:keep-all}
.util p{color:#666}
.util .cont-section{margin-top:50px}
.util .cont-section > div + div{margin-top:15px}
.util .cont-section .select-list{max-width:500px;margin-top:10px;}
@media screen and (max-width:500px){
	.util .cont-section .select-list em{display:none;}
}
.util .u-tbl-t01{border-top:2px solid #222}
.util .u-tbl-t01 thead th{padding:12px 10px;border-bottom:1px solid #222;border-right:1px solid #e1e1e1;color:#000;font-weight:600;text-align:center;vertical-align:middle;background-color:#e1e1e1}
.util .u-tbl-t01 thead th:last-child{border-right:none}
.util .u-tbl-t01 tbody td{padding:12px 10px;border-bottom:1px solid #222;border-right:1px solid #e1e1e1;color:#666;text-align:center;vertical-align:middle}
.util .u-tbl-t01 tbody td:last-child{border-right:none}
.util .u-tbl-t01 tbody td.c-black{background-color:#e1e1e1;color:#222;font-weight:600}
.util .u-tbl-t01 tbody .line-c-gray td{border-color:#e1e1e1}
.util .underline{text-decoration:underline}
.util .bullet{position:relative;padding-left:15px}
.util .bullet::before{content:"\2022";position:absolute;top:0;left:0}
.util .cont-box{padding:25px 30px;border:1px solid #e1e1e1;background-color:#f6f7f7}
.util .cont-box ul + ul{margin-top:8px}
.util .cont-box li + li{margin-top:8px}
.util .seq > li + li{margin-top:15px}
.util .seq > li > div > div + div{margin-top:5px}
.util .seq-tit{margin-bottom:10px;font-size:1.8rem;color:#222;font-weight:600}

.util .manager-box dl{padding-bottom:15px;border-top:2px solid #222;border-bottom:1px solid #222}
.util .manager-box dl + dl{margin-top:20px}
.util .manager-box dt{margin-bottom:15px;padding:17px 0;border-bottom:1px solid #222;background-color:#e1e1e1;font-weight:600;text-align:center}
.util .manager-box dd{display:flex;padding:0 20px}
.util .manager-box dd + dd{margin-top:8px}
.util .manager-box dd .manager-tit{display:inline-block;min-width:60px;color:#000}
.util .manager-box dd .manager-text{color:#666}

.util .e-dash{position:relative;padding-left:10px}
.util .e-dash::before{content:"\002D";position:absolute;left:0}

.util .privacy-list .item a{display:inline-block;color:#666}
.util .u-tbl-t01 tbody td.bottom-color-gray{border-bottom:1px solid #e1e1e1}

@media (min-width: 712px) {
	.util .manager-box{display:flex}
	.util .manager-box dl{flex:1}
	.util .manager-box dl + dl{margin-top:0;border-left:1px solid #e1e1e1}

	.util .privacy-list{display:flex;flex-wrap:wrap}
	.util .privacy-list .item{width:calc(50% - 20px)}
	.util .privacy-list .item:nth-child(even){margin-left:20px}
}

@media (min-width: 1200px) {
	.util .cont-box{display:flex}
	.util .cont-box ul{flex:1}
	.util .cont-box ul + ul{margin-top:0}

	.util .tbl-inner.column-fixed{overflow:hidden}
}
/*********************************************
* 개인정보처리방침 [e]
**********************************************/


/*********************************************
* 이메일무단수집거부 [s]
**********************************************/
.email-wrap{margin-top:45px}
.email-wrap .s-circle{margin:0 auto}
.email-wrap .desc{margin-top:25px;color:#555;text-align:center;word-break:keep-all}
.email-wrap .desc br{display:none}
.email-wrap .date{margin-top:20px;color:#555;text-align:center}
.email-wrap .date strong{color:#000}

@media (min-width: 712px) {
	.email-wrap .desc .nowrap-d{display:none}
	.email-wrap .desc .nowrap-t{display:block}
}

@media (min-width: 1200px) {
	.email-wrap .desc .nowrap-t{display:none}
	.email-wrap .desc .nowrap-d{display:block}
}
/*********************************************
* 이메일무단수집거부 [e]
**********************************************/


/*********************************************
* UI KIT [e]
**********************************************/