@charset "UTF-8";
a,abbr,acronym,address,applet,article,aside,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,nav,object,ol,p,pre,q,s,samp,section,small,span,strike,strong,sub,sup,table,tt,u,ul,var{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:0 0;line-height:1.4em;-webkit-box-sizing:border-box;box-sizing:border-box;font-weight:400}article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block}body{padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;font:17px "Gmarket Sans",sans-serif;color:#111}h1,h2,h3,h4,h5,h6{font-weight:600}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:''}table{border-collapse:collapse;border-spacing:0;table-layout:fixed;width:100%}button{margin:0;padding:0;border:0;font:inherit;color:inherit;background:0 0;overflow:visible;cursor:pointer;line-height:1}a,a:focus,a:hover,a:link,a:visited,active{text-decoration:none;cursor:pointer;color:#111}caption,legend{display:none}textarea{resize:vertical;font:inherit;overflow-y:auto}input,select{color:inherit;font:inherit;vertical-align:middle}address,i{font-style:normal}table{border-collapse:collapse;table-layout:fixed}button,img,input,select{vertical-align:middle}em{font-style:normal}input{font-family:'Gmarket Sans',sans-serif}*{-webkit-box-sizing:border-box;box-sizing:border-box}::-moz-selection{background:#dfffb1}::selection{background:#dfffb1}
::-webkit-input-placeholder{color:#999;font-size:15px}:-ms-input-placeholder{color:#999;font-size:15px}::-ms-input-placeholder{color:#999;font-size:15px}::placeholder{color:#999;font-size:15px}
select{background-image:url(../img/sub/ico_pagenav_arrow.png);background-repeat:no-repeat;background-position:90% center;padding-left:10px;color:#666;border-radius:0;background-color:#fff;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none}
select::-ms-expand {display: none;}
.blind{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden}
.mb0 {  margin-bottom: 0 !important;}

/* slick CSS  */
.slick-slider {position: relative;display: block;-webkit-box-sizing: border-box;  box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list { position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus {outline: 0;}
.slick-list.dragging {cursor: pointer;cursor: hand;}
.slick-slider .slick-list, .slick-slider .slick-track {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track {position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:after, .slick-track:before {display: table;content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {display: none;float: left;height: 100%;min-height: 1px;}
[dir=rtl] .slick-slide {float: right;}
.slick-slide img {display: block;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}


/* noto-sans-kr-300 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal; font-weight: 300;
  src: local("Noto Sans KR Light"), local("NotoSansKR-Light"), url("../font/noto-sans-kr-v12-latin_korean-300.woff2") format("woff2"), url("../font/noto-sans-kr-v12-latin_korean-300.woff") format("woff");
}

/* noto-sans-kr-regular - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;  font-weight: 400;
  src: local("Noto Sans KR Regular"), local("NotoSansKR-Regular"), url("../font/noto-sans-kr-v12-latin_korean-regular.woff2") format("woff2"), url("../font/noto-sans-kr-v12-latin_korean-regular.woff") format("woff");
}

/* noto-sans-kr-500 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;  font-weight: 500;
  src: local("Noto Sans KR Medium"), local("NotoSansKR-Medium"), url("../font/noto-sans-kr-v12-latin_korean-500.woff2") format("woff2"), url("../font/noto-sans-kr-v12-latin_korean-500.woff") format("woff");
}

/* noto-sans-kr-700 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;  font-weight: 700;
  src: local("Noto Sans KR Bold"), local("NotoSansKR-Bold"), url("../font/noto-sans-kr-v12-latin_korean-700.woff2") format("woff2"), url("../font/noto-sans-kr-v12-latin_korean-700.woff") format("woff");
}

/* animation */
@-webkit-keyframes fadeInDown {
  from {
    -webkit-transform: translateY(-40px);
            transform: translateY(-40px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
}

@keyframes fadeInDown {
  from {
    -webkit-transform: translateY(-40px);
            transform: translateY(-40px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
}


.col-navy {color: #095379;}
.col-blue {color: #2a3890;}
.col-black {color: #111;}

.border-box {border: 1px solid #ddd;padding: 30px;background-color: #fff;}

.align-left {text-align: left;}
.align-right {text-align: right;}
.align-center {text-align: center;}
.mt-50 { margin-top: 50px;}

/* FLEX IMAGE*/
.flex-img-list-outer{background:#f5f5f5;padding:6px 0 50px 0;border-top:1px solid #ddd;margin-top:110px}
.flex-img-list-outer:nth-of-type(1){margin-top:0}
.flex-img-list-outer.no-border-top{border-top:none}
.flex-img-list-outer.no-list-title{padding-top:50px}
.flex-img-list-outer.list-4type .imglist li{width:25%}
.flex-img-list-outer .inner{width:1280px;margin-left:auto;margin-right:auto}
.flex-img-list-outer .imglist{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-10px;margin-right:-10px}
.flex-img-list-outer .imglist li{margin-bottom:30px;width:33.3%;text-align:center}
.flex-img-list-outer .imglist .img{margin-left:10px;margin-right:10px}
.flex-img-list-outer .imglist .img>img{border:1px solid #ddd}
.flex-img-list-outer .imglist .img-name{text-align:center;font-size:17px;padding-top:10px}
.flex-img-list-outer .imglist--4type li{width:25%}

@media screen and (max-width:1280px){
	.flex-img-list-outer{padding:40px 2%}
	.flex-img-list-outer .inner{width:auto}
	.flex-img-list-outer .imglist{margin-left:0;margin-right:0}
	.flex-img-list-outer .imglist li .img{margin:0 10px}
}
@media screen and (max-width:1024px){
	.flex-img-list-outer.list-4type .imglist li{width:33.3%}
	.flex-img-list-outer.list-4type .imglist .img-name{font-size:15px}
}
@media screen and (max-width:768px){
	.flex-img-list-outer{margin-top:70px}
	.flex-img-list-outer .imglist li .img-name{font-size:15px}
}
@media screen and (max-width:640px){
.flex-img-list-outer{margin-top:50px}
	.flex-img-list-outer .imglist li{width:50%}
	.flex-img-list-outer .imglist li .img-name{font-size:14px}
	.flex-img-list-outer.list-4type .imglist li{width:50%}
	.flex-img-list-outer.list-4type .imglist .img-name{font-size:14px}
}
@media screen and (max-width:480px){
	.flex-img-list-outer.list-4type .imglist li{width:50%}
	.flex-img-list-outer.list-4type .imglist .img-name{font-size:13px}
}
@media screen and (max-width:360px){
	.flex-img-list-outer.list-4type .imglist li{width:100%}
	.flex-img-list-outer.list-4type .imglist .img-name{font-size:13px}
}

/* tab */
.tab-list{width:100%;border-bottom:1px solid #023d5c}
.tab-list ul{width:1200px;margin-left:auto;margin-right:auto;text-align:center;letter-spacing:-10px}
.tab-list ul li{display:inline-block;width:245px;overflow:hidden;letter-spacing:0;vertical-align:bottom;border:1px solid #023d5c;border-bottom:none;margin:0 5px;cursor:pointer}
.tab-list ul li a{display:block;height:50px;line-height:50px}
.tab-list ul li.on{background:#023d5c;color:#fff}
.tab-list ul li.on a{color:#fff}
.tab-list.tab-list-2type ul li{width:345px}
.tab-list.tab-list-3type ul li{width:245px}
.tab-cnt{opacity:0;height:1px;position:absolute;width:1200px;margin-left:auto;margin-right:auto}
.tab-cnt.on{opacity:1;height:auto;padding-top:60px;overflow:hidden;position:static}


.checkbox-container{display:block;position:relative;padding-left:31px;height:26px;line-height:26px;cursor:pointer;font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.checkbox-container.ciecle .checkmark{border-radius:50%;background-color:#fff;border:1px solid #cfcfcf;border-radius:3px}
.checkbox-container.ciecle .checkmark::after{content:"";position:absolute;display:none;top:6px;left:6px;width:8px;height:8px;border-radius:50%;background:#fff;-webkit-transform:none;transform:none}
.checkbox-container.ciecle input:checked ~ .checkmark {background-color: #095379;}
.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}
.checkbox-container .checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#fff;border:1px solid #cfcfcf;border-radius:3px}
.checkbox-container .checkmark:after{content:"";position:absolute;display:none;left:9px;top:5px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.checkbox-container:hover input ~ .checkmark {background-color: #ccc;}
.checkbox-container input:checked ~ .checkmark {background-color: #095379;}
.checkbox-container input:checked ~ .checkmark:after {display: block;}

.radio-container{display:block;position:relative;padding-left:27px;cursor:pointer;font-size:16px;height:20px;line-height:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.radio-container input{position:absolute;opacity:0;cursor:pointer}.radio-container .checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:#f5f5f5;border:1px solid #ccc;border-radius:50%}.radio-container .checkmark:after{content:"";position:absolute;display:none;top:4px;left:4px;width:10px;height:10px;border-radius:50%;background:#023d5c}
.radio-container input:checked ~ .checkmark {background-color: #fff;}
.radio-container input:checked~.checkmark:after{display:block}


.box-gray .box-title{font-size:20px;color:#2a3890;padding-bottom:10px}
.box-gray .box-title span{font-weight:700;position:relative;line-height:1}
.box-gray .box-title span::after{content:"";width:100%;height:2px;left:0;background:#2a3890;position:absolute;bottom:-10px}
.box-gray .box-cnt{background:#f5f5f5;padding:30px;font-size:17px;line-height:1.6;border:1px solid #ddd;margin-top:-1px}

.title01{font-size:20px;color:#2a3890;padding-bottom:10px;border-bottom:1px solid #ddd}
.title01 span{font-weight:700;position:relative;line-height:1}
.title01 span::after{content:"";width:100px;height:2px;left:0;background:#2a3890;position:absolute;bottom:-11px}
.title02{font-size:26px;font-weight:300;line-height:1;padding-bottom:50px;margin-top:70px}
.title02.contents-width{width:1280px;margin-left:auto;margin-right:auto}
.title02:nth-of-type(1){margin-top:0}
.title02::after{content:"";clear:both;display:block}
.title02>span{position:relative}
.title02>span::before{content:"";background:#2a3890;width:57px;height:5px;position:absolute;left:0;top:-10px}
.title02 .btn-inquiry{float:right}
.title03{border-bottom:1px solid #ddd}
.title03 .tit-inner{width:1280px;margin-left:auto;margin-right:auto}
.title03 .tit-inner span{border-bottom:2px solid #2a3890;color:#2a3890;font-size:35px;margin-top:-2px;display:inline-block}
.title04{color:#2a3890;font-size:35px}
.title04.contents-width{width:1280px;margin-left:auto;margin-right:auto}
.title04.mt-base{margin-top:90px}
.line-title{border-bottom:2px solid #222;padding-bottom:25px;line-height:1;font-size:25px;font-weight:500}
.line-title.mt{margin-top:50px}

.li-bul-blue li{position:relative;font-size:16px;padding-left:14px;margin-top:15px}
.li-bul-blue li:first-child{margin-top:0}
.li-bul-blue li::before{content:"";width:6px;height:6px;position:absolute;left:0;top:10px;background:#2a3890;border-radius:50%}
.li-bul-blue.li-bul--half{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.li-bul-blue.li-bul--half li{width:50%}
.li-bul-blue.li-bul--half li:first-child{margin-top:15px}


.li-bul-gear li{position:relative;font-size:23px;padding-left:28px;margin-top:25px;font-weight:500}
.li-bul-gear li p{font-size:16px;color:#666;font-weight:400;margin-top:10px}
.li-bul-gear li:first-child{margin-top:0}
.li-bul-gear li::before{content:"";width:21px;height:21px;position:absolute;left:0;top:5px;background:#2a3890;border-radius:50%;background:url("../img/sub/ico_bullet.png") no-repeat}


.tb-type01{margin-top:15px}
.tb-type01.bg-white table tbody td{background-color:#fff}
.tb-type01 table{width:100%;color:#555;font-weight:400; table-layout: auto;}
.tb-type01 table td,.tb-type01 table th{padding:15px;border:1px solid #dedede;word-break:break-all}
.tb-type01 table thead th{color:#fff;background:#2a3890}
.tb-type01 table tbody td{background:#fff;}
.tb-type01 table tbody th{background:#2a3890;color:#fff}
.tb-type01 .field{text-align:center;width:100px;}


.tb-type02{margin-top:15px}
.tb-type02 table{width:100%;color:#555;font-weight:400;border-top:1px solid #2a3890;text-align:center}
.tb-type02 table td,.tb-type02 table th{padding:15px;border-bottom:1px solid #dedede;word-break:break-all}
.tb-type02 table thead th{background:#fff;color:#2a3890}
.tb-type02 table tbody th{background:#fff;color:#2a3890;font-weight:400}


.popup-layer{background:rgba(0,0,0,.7);position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;z-index:2000}
.popup-layer .container{background:#fff;position:absolute;padding:60px 180px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;line-height:1.7}
.popup-layer h5{color:#2a3890;font-size:37px;line-height:1.1;font-weight:400;padding-bottom:40px}
.popup-layer strong{display:block;color:#333;font-size:22px}
.popup-layer .txt{font-size:16px;color:#666;margin-top:10px}
.popup-layer .input-code{width:262px;height:50px;margin-left:auto;margin-right:auto;margin-top:30px}
.popup-layer .input-code input{width:100%;line-height:50px;height:50px;text-align:center;border:1px solid #cfcfcf;font-family:"Noto Sans KR",sans-serif}
.popup-layer .btn-confirm{width:150px;height:55px;line-height:55px;color:#fff;background:#2a3890;text-align:center;display:block;margin-left:auto;margin-right:auto;margin-top:25px}

/*BUTTONS*/
.btn-area{margin-top:30px}
.btn-area.btn-center{text-align:center}
.btn-area.btn-right{text-align:right}
.btn-area button{display:inline-block}
.btn-apply{height:50px;line-height:50px;background:#2a3890;padding:0 40px;width:150px;font-size:15px;color:#fff;text-align:center;border:1px solid #2a3890}
.btn-cancel{height:50px;line-height:50px;background:#fff;padding:0 40px;font-size:15px;width:150px;color:#2a3890;text-align:center;border:1px solid #2a3890}
.btn-edit-info{background:#2a3890;color:#fff;width:175px;height:55px;line-height:55px;display:inline-block;text-align:center}
.btn-edit-info span{color:#fff;font-size:16px}
.btn-edit-info span::after{content:"";width:20px;height:19px;background:url(../img/sub/member/ico_edit_info.png) no-repeat;background-size:contain;display:inline-block;vertical-align:middle;margin-left:10px}
.btn-list{background:#0060a1;height:45px;line-height:45px;padding:0 50px;font-size:15px;color:#fff;text-align:center}
.btn-list span::before{content:"";width:18px;height:15px;background:url(../img/ico_list.png) no-repeat;display:inline-block;vertical-align:middle;margin-right:30px}
.product-btns{text-align:center;margin-top:40px}
.product-btns a{display:inline-block;color:#fff;height:60px;line-height:60px;text-align:center;padding:0 30px;margin:0 2px;font-weight:500}
.product-btns a span::after{content:"";display:inline-block;vertical-align:middle}
.product-btns .btn-product-guide{background:#2a3890}
.product-btns .btn-product-guide span::after{width:27px;height:26px;background:url(../img/sub/ico_guide.png) no-repeat;margin-left:20px}
.product-btns .btn-product-detail{background:#159086}
.product-btns .btn-product-detail span::after{width:36px;height:10px;background:url(../img/sub/arr_right_white.png) no-repeat;margin-left:20px}
@media screen and (max-width:768px){
	.product-btns a{height:50px;line-height:50px;font-size:15px}
}
@media screen and (max-width:480px){
	.product-btns a{display:block;width:100%;margin:2px}
}

/* BOARD */ 
.board-search{text-align:center;width:1280px;margin-left:auto;margin-right:auto;letter-spacing:-10px;display:-webkit-box;display:-ms-flexbox;display:flex}
.board-search.search-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.board-search.search-center select{margin-right:-1px}
.board-search.search-right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.board-search select{width:160px;height:50px;line-height:50px;border:1px solid #d6d6d6;padding-left:20px;background:#fff url(../img/sub/ico_sel.png) no-repeat 90% 25px;margin-right:5px;vertical-align:middle}
.board-search .long {width:220px;}
.board-search .input-search-text{display:inline-block;vertical-align:middle;position:relative}
.board-search .input-search-text input{border:1px solid #d6d6d6;width:600px;height:50px;height:50px;line-height:50px;padding-left:20px}
.board-search .btn-board-search{width:116px;height:50px;line-height:50px;color:#fff;background:#2a9080;margin-left:-5px}
.board-search .btn-board-search span::before{content:"";width:20px;height:21px;background:url(../img/sub/ico_search.png) no-repeat;display:inline-block;vertical-align:middle;margin-right:10px}
.board-search .btn-inquiry{display:inline-block;vertical-align:middle;font-size:16px;color:#fff;width:180px;height:50px;line-height:50px;background:#5d9015;letter-spacing:-1px;margin-left:5px}
.board-search .btn-inquiry span::before{content:"";width:21px;height:24px;background:url(../img/sub/ico_detail.png) no-repeat;display:inline-block;vertical-align:middle;margin-right:10px}

.board-list-style{font-size:15px;margin-left:auto;margin-right:auto;background:#f5f5f5;border-top:1px solid #dedede;border-bottom:1px solid #dedede;padding:50px 0 100px 0;margin-top:70px;position:relative;word-break:break-all}
.board-list-style .board-list-header{background:#fff;border-top:1px solid #2a3890;border-bottom:1px solid #d7d7d7;display:-webkit-box;display:-ms-flexbox;display:flex;padding:15px 0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:1280px;margin-left:auto;margin-right:auto}
.board-list-style .board-list-header>p{text-align:center}
.board-list-style .board-list-body{width:auto;margin-left:auto;margin-right:auto}
.board-list-style .board-list-body .row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #d7d7d7}
.board-list-style .board-list-body .row .label{font-size:0}
.board-list-style .board-list-body .row>p{text-align:center;padding:15px 10px}
.board-list-style .board-list-body .row .b-title{text-align:left}
.board-list-style .board-list-body .row .b-title .attached-file{width:16px;height:18px;background:url(../img/ico_board_docs.png) no-repeat;display:inline-block;vertical-align:middle;font-size:0;margin-left:5px}

.board-list-style.board-list-style--product .board-list-header{text-transform:uppercase;color:#2a3890}
.board-list-style.board-list-style--product .board-list-header .b-thumb{width:28%}
.board-list-style.board-list-style--product .board-list-header .b-input,
.board-list-style.board-list-style--product .board-list-header .b-model,
.board-list-style.board-list-style--product .board-list-header .b-series{width:18%}
.board-list-style.board-list-style--product .board-list-header .b-output,
.board-list-style.board-list-style--product .board-list-body .b-thumb{width:28%}
.board-list-style.board-list-style--product .board-list-body .b-thumb img{width:300px;height:140px;border:1px solid #dedede}
.board-list-style.board-list-style--product .board-list-body .b-input,
.board-list-style.board-list-style--product .board-list-body .b-model,
.board-list-style.board-list-style--product .board-list-body .b-output,
.board-list-style.board-list-style--product .board-list-body .b-series{width:18%;vertical-align:middle;border-left:1px solid #dedede;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:200px}
.board-list-style.board-list-style--product .board-list-body .b-output{width:28%}

.board-list-style.board-list-style--dcproduct .btn-detail{border:1px solid #2a3890;color:#2a3890;font-size:14px;width:120px;height:40px;line-height:40px;display:inline-block;background-color:#fff}
.board-list-style.board-list-style--dcproduct .btn-detail span::after{content:"";width:5px;height:9px;background:url(../img/sub/ico_arr_detail.png);display:inline-block;margin-left:10px;vertical-align:middle}
.board-list-style.board-list-style--dcproduct .b-thumb{width:17%}
.board-list-style.board-list-style--dcproduct .b-datasheet,
.board-list-style.board-list-style--dcproduct .b-etc,
.board-list-style.board-list-style--dcproduct .b-model,
.board-list-style.board-list-style--dcproduct .b-spec{width:14%}
.board-list-style.board-list-style--dcproduct .b-capa,
.board-list-style.board-list-style--dcproduct .b-voltage{width:10%}
.board-list-style.board-list-style--dcproduct .board-list-header{padding:0}
.board-list-style.board-list-style--dcproduct .board-list-header p{padding:15px 0;border-left:1px solid #ddd}
.board-list-style.board-list-style--dcproduct .board-list-header p:nth-of-type(1){border-left:none}
.board-list-style.board-list-style--dcproduct .board-list-body .b-thumb{border-left:0!important}
.board-list-style.board-list-style--dcproduct .board-list-body .b-thumb img{width:210px;height:140px;border:1px solid #dedede}
.board-list-style.board-list-style--dcproduct .board-list-body .row>p{vertical-align:middle;border-left:1px solid #dedede;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:200px}

.board-list-style.board-list-style--news{font-size:16px}
.board-list-style.board-list-style--news .b-hits,
.board-list-style.board-list-style--news .b-num{width:8%}
.board-list-style.board-list-style--news .b-cate,
.board-list-style.board-list-style--news .b-date,
.board-list-style.board-list-style--news .b-writer{width:10%}
.board-list-style.board-list-style--news .b-title{width:50%}
.board-list-style.board-list-style--news .b-title a{display:block}
.board-list-style.board-list-style--news .b-title span{position:relative;max-width:100%;display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:22px;line-height:26px}
.board-list-style.board-list-style--news .flag-new span::after{content:"";width:17px;height:17px;background:url(../img/sub/ico_new.png) no-repeat;background-size:contain;display:inline-block;vertical-align:middle;position:absolute;right:0;top:3px}
.board-list-style.board-list-style--news .flag-file span::after{content:"";width:18px;height:22px;background:url(../img/sub/ico_file.png) no-repeat;background-size:contain;display:inline-block;vertical-align:middle;position:absolute;right:0;top:3px}
.board-list-style.board-list-style--news .board-list-body .row:last-child{border-bottom:1px solid #2a3890}

.board-list-style.board-list-style--recruit{font-size:16px;padding:60px 2%;}
.board-list-style.board-list-style--recruit .b-day,
.board-list-style.board-list-style--recruit .b-num,
.board-list-style.board-list-style--recruit .b-status,
.board-list-style.board-list-style--recruit .b-writer{width:10%}
.board-list-style.board-list-style--recruit .b-title{width:40%}
.board-list-style.board-list-style--recruit .b-title a{display:block}
.board-list-style.board-list-style--recruit .b-title span{position:relative;max-width:100%;display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:22px;line-height:26px}
.board-list-style.board-list-style--recruit .b-period{width:20%}
.board-list-style.board-list-style--recruit .b-status .status{font-size:15px;width:70px;text-align:center;color:#fff;display:inline-block;height:25px;line-height:25px}
.board-list-style.board-list-style--recruit .b-status .status--on{background:#888}
.board-list-style.board-list-style--recruit .b-status .status--off{background:#5d9015}
.board-list-style.board-list-style--recruit .flag-new span::after{content:"";width:17px;height:17px;background:url(../img/sub/ico_new.png) no-repeat;background-size:contain;display:inline-block;vertical-align:middle;position:absolute;right:0;top:3px}
.board-list-style.board-list-style--recruit .board-list-body .row:last-child{border-bottom:1px solid #2a3890}

.board-archive-style{width:1280px;margin-left:auto;margin-right:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.board-archive-style .item{width:32.33%;margin-right:1.5%;margin-bottom:30px;text-align:center}
.board-archive-style .item:nth-child(3n){margin-right:0}
.board-archive-style .item a{display:block;height:100%}
.board-archive-style .item .thumb{width:100%;height:320px;border:1px solid #ddd;-webkit-transition:-webkit-box-shadow .4s;transition:-webkit-box-shadow .4s;transition:box-shadow .4s;transition:box-shadow .4s,-webkit-box-shadow .4s;overflow:hidden;position:relative;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent}
.board-archive-style .item .thumb img{width:100%;height:100%}
.board-archive-style .item .thumb:hover{border:2px solid #151c85;-webkit-box-shadow:2px 2px 10px rgba(0,0,0,.3);box-shadow:2px 2px 10px rgba(0,0,0,.3)}
.board-archive-style .item .thumb:hover::after{content:"";width:107px;height:107px;background:url(../img/sub/btn_download.png) no-repeat;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block;z-index:10}
.board-archive-style .item .date{font-size:17px;color:#666;margin-top:10px;font-weight:300}
.board-archive-style .item .title{font-size:20px;padding:0 10px;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}

.board-gallery-style{width:1280px;margin-left:auto;margin-right:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:20px}
.board-gallery-style .item{width:32.33%;margin-right:1.5%;margin-bottom:30px;border:1px solid #ddd;-webkit-box-shadow:2px 2px 10px transparent;box-shadow:2px 2px 10px transparent;-webkit-transition:-webkit-box-shadow .4s;transition:-webkit-box-shadow .4s;transition:box-shadow .4s;transition:box-shadow .4s,-webkit-box-shadow .4s}
.board-gallery-style .item:hover{border:1px solid #151c85;-webkit-box-shadow:2px 2px 10px rgba(0,0,0,.3);box-shadow:2px 2px 10px rgba(0,0,0,.3)}
.board-gallery-style .item:nth-child(3n){margin-right:0}
.board-gallery-style .item a{display:block;height:100%}
/*.board-gallery-style .item .thumb{width:100%;height:320px;overflow:hidden}*/
.board-gallery-style .item .thumb{width:100%;height:320px;border:1px solid #ddd;-webkit-transition:-webkit-box-shadow .4s;transition:-webkit-box-shadow .4s;transition:box-shadow .4s;transition:box-shadow .4s,-webkit-box-shadow .4s;overflow:hidden;position:relative;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent}
.board-gallery-style .item .thumb img{width:100%;height:100%}

.board-gallery-style .item .thumb:hover{-webkit-box-shadow:2px 2px 10px rgba(0,0,0,.3);box-shadow:2px 2px 10px rgba(0,0,0,.3)}
.board-gallery-style .item .thumb:hover::after{content:"";width:100%;height:507px;background:url(../img/sub/main_items_hover2.png) no-repeat;position:absolute;top:60%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block;z-index:10}

.board-gallery-style .item .item-desc{background:#fff;height:130px;padding:20px 20px 0 20px}
.board-gallery-style .item .item-desc .tag span{display:inline-block;height:25px;line-height:25px;color:#fff;font-size:15px;padding:0 12px}
.board-gallery-style .item .item-desc .tag--exhibition{background:#2a3890}
.board-gallery-style .item .item-desc .tag--event{background:#2a9080}
.board-gallery-style .item .item-desc .tag--facility{background:#5d9015}
.board-gallery-style .item .item-desc .tag--business{background:#5e6ab2}
.board-gallery-style .item .item-desc .tag--exEvent{background:#849829}
.board-gallery-style .item .item-desc .title{font-size:20px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:10px 0 0 0}
.board-gallery-style .item .item-desc .date{font-size:17px;color:#666;font-weight:300}

.board-pagination{margin-top:40px;letter-spacing:-10px;text-align:center}
.board-pagination a{display:inline-block;letter-spacing:0;width:25px;height:25px;line-height:25px;font-size:13px;text-align:center;margin:0 2px}
.board-pagination a:first-child{border-left:1px solid #ccc}
.board-pagination a:first-child.on{border-left:1px solid #555}
.board-pagination .page-num{color:#999;border:1px solid #ccc}
.board-pagination .page-num.on{background:#2a3890;border:1px solid #2a3890;color:#fff}

.board-status{text-align:right;width:1280px;margin-left:auto;margin-right:auto;margin-bottom:40px}
.board-status .total-count{font-size:16px;margin-right:10px}
.board-status .total-count b{color:#2a3890}
.board-status .total-count,.board-status .view-option{display:inline-block;vertical-align:middle}
.board-status .select-list,.board-status button{display:inline-block}
.board-status button{width:28px;height:28px;background:url(../img/sub/ico_sort.png) no-repeat}
.board-status button.btn-view-list{background-position:0 0;margin-right:-3px;border-right:1px solid #bbb}
.board-status button.btn-view-list.selected{background-position-y:-28px}
.board-status button.btn-view-thumb{width:27px;background-position:-28px 0}
.board-status button.btn-view-thumb.selected{background-position-y:-28px}
.board-status #select-list{margin-left:10px;height:28px;line-height:28px;width:110px;border:1px solid #bbb;padding-left:10px;position:relative;background-color:#fff}
.board-status #select-list li{line-height:28px;height:28px}

.board-view{border-top:1px solid #ddd;background:#f5f5f5;padding:50px 0;margin-top:40px}
.board-view .view-container{width:1280px;margin-left:auto;margin-right:auto}
.board-view .titlearea{padding:22px 30px;background:#fff;border-top:1px solid #2a3890;border-bottom:1px solid #2a3890;position:relative}
.board-view .titlearea .date-view{position:absolute;top:30px;right:20px}
.board-view .titlearea .date-view li{display:inline-block;font-size:16px}
.board-view .titlearea .date-view li span::after{content:"";width:1px;height:15px;background:#333;display:inline-block;margin:0 15px;vertical-align:middle}
.board-view .titlearea h4{font-size:24px;color:#2a3890;max-width:75%;font-weight:500}
.board-view .board-attach{background:#e4e4e4;font-size:15px;padding:12px 30px;font-size:16px}
.board-view .board-attach p:not(:first-of-type){margin-top:10px}
.board-view .board-attach a{color:#555;font-weight:400}
.board-view .board-attach a::before{content:"";width:18px;height:22px;background:url(../img/sub/ico_file.png) no-repeat;background-size:contain;display:inline-block;vertical-align:middle;margin-right:20px}
.board-view .recruit-period{background:#e4e4e4;font-size:16px;padding:10px 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.board-view .recruit-period i{color:#666}
.board-view .recruit-period .d-day{color:#2a3890}
.board-view .recruit-period .d-day::before{content:"";width:1px;height:10px;background:#333;display:inline-block;margin:0 10px}
.board-view .recruit-period .cal::before{content:"";width:17px;height:18px;background:url(../img/sub/recruit/ico_cal.png) no-repeat;display:inline-block;vertical-align:middle;margin-right:5px}
.board-view img{max-width:100%}
.board-view .board-content{padding:40px 30px;line-height:1.6;font-size:16px;border-bottom:1px solid #2a3890}
.board-view .post-nav{border-top:1px solid #333;border-bottom:1px solid #333}
.board-view .post-nav ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:29px 10px;font-size:17px}
.board-view .post-nav ul li{width:48%;display:-webkit-box;display:-ms-flexbox;display:flex}
.board-view .post-nav ul li span{position:relative;width:70px;color:#333;font-weight:500}
.board-view .post-nav ul li p{width:calc(100% - 70px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.board-view .post-nav ul li p a{color:#666}
.board-view .post-nav ul li.post-prev span{padding-left:15px}
.board-view .post-nav ul li.post-prev span::before{content:"";width:7px;height:11px;background:url(../img/sub/ico_arr_pagenav.png) no-repeat;position:absolute;top:7px;left:0}
.board-view .post-nav ul li.post-prev p{padding-left:10px}
.board-view .post-nav ul li.post-next span{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding-right:15px}
.board-view .post-nav ul li.post-next span::after{content:"";width:7px;height:11px;background:url(../img/sub/ico_arr_pagenav.png) no-repeat;-webkit-transform:rotate(180deg);transform:rotate(180deg);position:absolute;top:7px;right:0}
.board-view .post-nav ul li.post-next p{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;text-align:right;padding-right:10px}
.board-view .post-nav ul li.no-post{color:#b5b5b5!important}

@media screen and (max-width: 1280px) {
	.board-search{width:auto;padding:0 2%}
	.board-search.search-center{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
	.board-search.search-center select{width:20%}
	.board-search.search-center .input-search-text{margin-top:0; }
	.board-search .input-search-text .btn-board-search { position: absolute; right: 0; top: 0; }
	.board-search.search-center .btn-inquiry{margin-top:0;margin-left:5px}
	.board-search .input-search-text input{width:500px}
	.board-search .input-search-text .btn-board-search{font-size:14px}
	.board-search .btn-inquiry{font-size:14px}

	.board-list-style{width:auto;padding:50px 2%}
	.board-list-style .board-list-header{width:auto}
	.board-list-style .board-list-body{width:auto}
	.board-list-style.board-list-style--product .board-list-body .b-thumb img{width:100%}

	.board-archive-style{width:auto;padding:0 2%}

	.board-gallery-style{width:auto;padding:0 2%}

	.board-status {width: auto;}

	.board-view .view-container{width:auto;padding:0 2%}
}

@media screen and (max-width: 1024px) {
	.board-search{-ms-flex-wrap:wrap;flex-wrap:wrap}
	.board-search select{width:30%;margin-left:.5%;margin-right:0}
	.board-search select:nth-of-type(1){margin-left:0}
	.board-search .input-search-text{width:100%;display:block}
	.board-search .input-search-text input{width:100%}
	.board-search .btn-inquiry{margin-left:0}
	.board-search form { width: 100%; text-align: right; }

	.board-list-style.board-list-style--product .board-list-body .b-thumb{width:28%}
	.board-list-style.board-list-style--product .board-list-body .b-thumb img{height:100px}
	.board-list-style.board-list-style--product .board-list-body .b-input,
	.board-list-style.board-list-style--product .board-list-body .b-model,
	.board-list-style.board-list-style--product .board-list-body .b-output,
	.board-list-style.board-list-style--product .board-list-body .b-series{height:150px}

	.board-list-style.board-list-style--dcproduct, 
	.board-list-style.board-list-style--news,
	.board-list-style.board-list-style--recruit{font-size:14px}

	.board-gallery-style .item{width:49.2%}
	.board-gallery-style .item:nth-child(3n){margin-right:1.5%}
	.board-gallery-style .item:nth-child(2n){margin-right:0}
	.board-gallery-style .item .thumb{height:280px}
	.board-gallery-style .item .item-desc .date{font-size:16px}
	.board-gallery-style .item .item-desc .title{font-size:18px}

	.board-view .titlearea{padding:15px 30px}
	.board-view .titlearea h4{font-size:20px}
	.board-view .titlearea .date-view{top:16px}
	.board-view .titlearea .date-view li{font-size:13px}
	.board-view .titlearea .date-view li span::after{height:9px}
	.board-view .board-attach{font-size:14px}
	.board-view .board-attach a::before{margin-right:7px}
	.board-view .board-content{padding:30px 0;font-size:16px}
	.board-view .post-nav ul{font-size:14px;padding:19px 10px}
}

@media screen and (max-width: 768px) {
	.board-search.search-center{-ms-flex-wrap:wrap;flex-wrap:wrap}
	.board-search.search-center select{width:20%}
	.board-search.search-center .input-search-text{width:80%}
	.board-search.search-center .btn-inquiry{width:100%;margin-top:5px;margin-left:0}

	.board-list-style.board-list-style--dcproduct{font-size:14px}
	.board-list-style.board-list-style--dcproduct .btn-detail{border:none;height:auto;line-height:1.3;background:0 0;width:auto}
	.board-list-style.board-list-style--dcproduct .btn-detail span{font-weight:700}
	.board-list-style.board-list-style--dcproduct .board-list-header{display:none}
	.board-list-style.board-list-style--dcproduct .board-list-body .label{width:150px;display:inline-block;font-size:14px;color:#333;margin-right:10px;position:relative;text-align:left}
	.board-list-style.board-list-style--dcproduct .board-list-body .row{-ms-flex-wrap:wrap;flex-wrap:wrap;border:none}
	.board-list-style.board-list-style--dcproduct .board-list-body .row>p{width:99%;height:auto;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;border-bottom:1px solid #dedede;padding:10px;border-left:none}
	.board-list-style.board-list-style--dcproduct .board-list-body .row .b-thumb a{margin:0 auto}

	.board-list-style.board-list-style--news,
	.board-list-style.board-list-style--recruit{font-size:13px}

	.board-archive-style .item{width:48.5%}
	.board-archive-style .item:nth-child(3n){margin-right:1.5%}
	.board-archive-style .item:nth-child(2n){margin-right:0}
	.board-archive-style .item .thumb{height:280px}
	.board-archive-style .item .date{font-size:16px}
	.board-archive-style .item .title{font-size:18px}

	.board-gallery-style .item:nth-child(3n){margin-right:1.5%}
	.board-gallery-style .item:nth-child(2n){margin-right:0}
	.board-gallery-style .item .thumb{height:250px}
	.board-gallery-style .item .item-desc .date{font-size:14px}
	.board-gallery-style .item .item-desc .title{font-size:17px}

	.board-view .titlearea{padding:15px 10px}
	.board-view .titlearea h4{font-size:18px;max-width:100%}
	.board-view .titlearea .date-view{position:static;display:block}
	.board-view .titlearea .date-view li{font-size:13px;color:#999;margin-top:10px}
	.board-view .board-attach{font-size:13px;padding:15px 10px}
	.board-view .board-content{padding:20px 0;font-size:15px}
	.board-view .post-nav ul{font-size:13px;padding:19px 10px}
	.board-view .post-nav ul li.post-prev span::before{top:4px}
	.board-view .post-nav ul li.post-next span::after{top:4px}
}

@media screen and (max-width: 640px) {
	.board-list-style{ margin-top: 30px; }
	.board-list-style.board-list-style--news .board-list-header{display:none}
	.board-list-style.board-list-style--news .board-list-body .row{-ms-flex-wrap:wrap;flex-wrap:wrap;border-top:1px solid #2a3890}
	.board-list-style.board-list-style--news .board-list-body .row:last-child{border-bottom:1px solid #ddd}
	.board-list-style.board-list-style--news .board-list-body .row .label{min-width:60px;display:inline-block;font-size:14px;color:#333;margin-right:10px;position:relative}
	.board-list-style.board-list-style--news .board-list-body .row .label::before{content:"";width:4px;height:4px;background:#333;border-radius:50%;display:inline-block;margin-right:7px;vertical-align:middle}
	.board-list-style.board-list-style--news .board-list-body .row .b-num{display:none}
	.board-list-style.board-list-style--news .board-list-body .row .b-cate{width:20%;height:55px;line-height:1.5;border-bottom:1px solid #ddd;background:#fff;text-align:left}
	.board-list-style.board-list-style--news .board-list-body .row .b-title{width:80%;height:55px;border-bottom:1px solid #ddd;background:#fff;text-align:left}
	.board-list-style.board-list-style--news .board-list-body .row .b-date,
	.board-list-style.board-list-style--news .board-list-body .row .b-hits,
	.board-list-style.board-list-style--news .board-list-body .row .b-writer{width:33%;text-align:left}
	.board-list-style.board-list-style--recruit .board-list-header{display:none}
	.board-list-style.board-list-style--recruit .board-list-body .row{-ms-flex-wrap:wrap;flex-wrap:wrap;border-top:1px solid #2a3890}
	.board-list-style.board-list-style--recruit .board-list-body .row>p{padding:10px 5px;text-align:left}
	.board-list-style.board-list-style--recruit .board-list-body .row:last-child{border-bottom:1px solid #ddd}
	.board-list-style.board-list-style--recruit .board-list-body .row .label{min-width:60px;display:inline-block;font-size:14px;color:#333;margin-right:10px;position:relative}
	.board-list-style.board-list-style--recruit .board-list-body .row .label::before{content:"";width:4px;height:4px;background:#333;border-radius:50%;display:inline-block;margin-right:7px;vertical-align:middle}
	.board-list-style.board-list-style--recruit .board-list-body .row .b-num{display:none}
	.board-list-style.board-list-style--recruit .board-list-body .row .b-title{width:100%;height:55px;border-bottom:1px solid #ddd;background:#fff;text-align:left}
	.board-list-style.board-list-style--recruit .board-list-body .row .b-period{width:100%}
	.board-list-style.board-list-style--recruit .board-list-body .row .b-day,
	.board-list-style.board-list-style--recruit .board-list-body .row .b-status,
	.board-list-style.board-list-style--recruit .board-list-body .row .b-writer{width:33.33%}

	.board-search form { display: flex; -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
	.board-search select:nth-of-type(1), 
	.board-search select:nth-of-type(2) { width: 49%; margin-bottom:5px; }
	.board-search .btn-inquiry{ width: 100%; display: block ;}
	

	.board-status {	margin-bottom: 20px;}
	.board-status .total-count {	font-size: 14px;	}

	.board-view .titlearea{padding:10px 10px}
	.board-view .titlearea h4{font-size:17px}
	.board-view .board-attach{padding:10px 10px}
	.board-view .recruit-period{font-size:14px}
	.board-view .board-content{padding:10px 0;font-size:14px}
	.board-view .post-nav ul{font-size:13px;padding:15px 10px}
	.board-view .post-nav ul li{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
	.board-view .post-nav ul li span{width:54px}
}

@media screen and (max-width:560px){
	.board-archive-style .item .thumb{height:200px}
	.board-archive-style .item .date{font-size:15px}
	.board-archive-style .item .title{font-size:16px}

	.board-gallery-style .item .thumb{height:200px}
	.board-gallery-style .item .date{font-size:15px}
	.board-gallery-style .item .title{font-size:16px}
}
@media screen and (max-width: 480px) {
	.board-search.search-center select{width:100%}
	.board-search.search-center .input-search-text{width:100%;margin-top:5px}

	.board-list-style{font-size:13px}
	.board-list-style.board-list-style--product .board-list-header{display:none}
	.board-list-style.board-list-style--product .board-list-body .row{-ms-flex-wrap:wrap;flex-wrap:wrap;border:none}
	.board-list-style.board-list-style--product .board-list-body .b-thumb{width:100%}
	.board-list-style.board-list-style--product .board-list-body .b-thumb img{width:auto;height:auto}
	.board-list-style.board-list-style--product .board-list-body .b-input,
	.board-list-style.board-list-style--product .board-list-body .b-model,
	.board-list-style.board-list-style--product .board-list-body .b-output,
	.board-list-style.board-list-style--product .board-list-body .b-series{border:none;height:auto;min-height:50px;width:99%;text-align:left;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;border-bottom:1px solid #dedede;padding:10px;min-height:auto}
	.board-list-style.board-list-style--product .board-list-body .label{min-width:60px;display:inline-block;font-size:14px;color:#333;margin-right:10px;position:relative}
	.board-list-style.board-list-style--product .board-list-body .label::before{content:"";width:4px;height:4px;background:#333;border-radius:50%;display:inline-block;margin-right:7px;vertical-align:middle}

	.board-list-style.board-list-style--news .flag-file span::after,
	.board-list-style.board-list-style--news .flag-new span::after{display:none}
	.board-list-style.board-list-style--news .board-list-body .row>p{padding:10px}
	.board-list-style.board-list-style--news .board-list-body .row .b-title span{line-height:inherit}
	.board-list-style.board-list-style--news .board-list-body .row .b-cate,
	.board-list-style.board-list-style--news .board-list-body .row .b-title{height:45px}
	.board-list-style.board-list-style--news .board-list-body .row .b-date,
	.board-list-style.board-list-style--news .board-list-body .row .b-writer{width:50%}
	.board-list-style.board-list-style--news .board-list-body .row .b-hits{width:100%}
	
	.board-list-style.board-list-style--recruit .board-list-body .row>p{padding:5px}
	.board-list-style.board-list-style--recruit .board-list-body .row .label{font-size:13px;margin-right:5px}
	.board-list-style.board-list-style--recruit .board-list-body .row .b-title{height:40px;padding-left:20px}
	.board-list-style.board-list-style--recruit .board-list-body .row .b-day,
	.board-list-style.board-list-style--recruit .board-list-body .row .b-status,
	.board-list-style.board-list-style--recruit .board-list-body .row .b-writer{width:100%}
	.board-list-style.board-list-style--recruit .board-list-body .row .b-status .status{font-size:13px;width:55px;height:20px;line-height:20px}

	.board-archive-style .item .thumb{height:180px}
	.board-archive-style .item .date{font-size:14px}
	.board-archive-style .item .title{font-size:15px}

	.board-gallery-style .item .thumb{height:180px}
	.board-gallery-style .item .item-desc{height:115px}
	.board-gallery-style .item .item-desc .date{font-size:14px}
	.board-gallery-style .item .item-desc .title{font-size:15px}

	.board-view .recruit-period{-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:13px}
	.board-view .recruit-period p{width:100%;margin:3px 0}
	.board-view .recruit-period .d-day{display:none}

}

@media screen and (max-width: 414px) {
	.board-search .btn-inquiry {width: 100%;}
	.board-search form { -ms-flex-wrap: wrap; flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
	.board-search select:nth-of-type(1), 
	.board-search select:nth-of-type(2) { width: 49%; margin-bottom: 5px; }

}

@media screen and (max-width: 360px) {
	.board-list-style.board-list-style--news .board-list-body .row .b-cate{display:none}
	.board-list-style.board-list-style--news .board-list-body .row .b-title{width:100%;height:auto}
	.board-list-style.board-list-style--news .board-list-body .row .b-title span{padding:0}
	.board-list-style.board-list-style--news .board-list-body .row .b-date,
	.board-list-style.board-list-style--news .board-list-body .row .b-hits,
	.board-list-style.board-list-style--news .board-list-body .row .b-writer{width:100%;padding:5px 0 5px 10px}

	.board-archive-style .item{width:100%}
	.board-archive-style .item:nth-child(3n){margin-right:0}
	.board-archive-style .item:nth-child(2n){margin-right:0}
	.board-archive-style .item .thumb{height:180px}
	.board-archive-style .item .date{font-size:13px}
	.board-archive-style .item .title{font-size:14px}

	.board-gallery-style .item{width:100%}
	.board-gallery-style .item:nth-child(3n){margin-right:0}
	.board-gallery-style .item:nth-child(2n){margin-right:0}
	.board-gallery-style .item .thumb{height:180px}
	.board-gallery-style .item .item-desc{padding:15px;height:105px}
	.board-gallery-style .item .item-desc .tag span{font-size:13px}
	.board-gallery-style .item .item-desc .date{font-size:13px}
	.board-gallery-style .item .item-desc .title{font-size:14px}
}


.btn-go-list{padding:0 28px;height:50px;line-height:50px;margin:40px auto 0;display:block;background-color:#2a3890;color:#fff;font-size:16px}
.btn-go-list span::before{content:"";width:14px;height:12px;background:url(../img/sub/ico_list.png) no-repeat;display:inline-block;vertical-align:middle;margin-right:20px}
@media screen and (max-width:640px){
	.btn-go-list{font-size:15px;margin-top:30px}
}


/* MAIN LAYOUT */

.section-title--oblique{font-size:45px;color:#2a3890;text-align:center;line-height:1;text-transform:uppercase}
.section-title--oblique::before{content:"";width:25px;height:41px;background:url(../img/main/section_title_oblique.png) no-repeat;display:block;margin:0 auto 20px auto}
@media screen and (max-width:1024px){
	.section-title--oblique{font-size:40px}
}
@media screen and (max-width:640px){
	.section-title--oblique{font-size:35px}
}

body{width:100%;background-color:#fff;background-position:top center;background-repeat:no-repeat;font-family:"Noto Sans KR",sans-serif;font-weight:400;letter-spacing:-.7px;overflow-x:hidden}
header{position:fixed;z-index:1000;left:0;right:0;top:0;width:100%;-webkit-transition:.4s;transition:.4s;height:110px;background-color:rgba(0,0,0,.2)}
header.over{background-color:#fff}
header.over .logo{background-image:url(../img/common/logo_color.png)}
header.over .m-open{background-color:#2a3890}
header.over .mem-lang{color:#333}
header.over .mem-lang>a{color:#333}
header.over .mem-lang>a.login span::before{background-image:url(../img/common/ico_login.png)}
header.over .mem-lang>a.login span::after{background:#333}
header.over .mem-lang .lang-select{border:1px solid #333}
header.over .mem-lang .lang-select p::after{background-position:-10px 0}
header .logo{position:absolute;left:160px;top:18px;background-image:url(../img/common/logo.png);background-repeat:no-repeat;background-size:contain;width:130px;height:67px;z-index:1101}
header .logo a{display:block;width:100%;height:100%}
header #lnb{z-index:1100;position:absolute;top:0;left:0;width:100%;background-repeat:no-repeat;background-position:350% 100%;border-bottom:1px solid rgba(255,255,255,.2);background-color:rgba(0,0,0,.2);-webkit-transition:background-position .5s .3s;transition:background-position .5s .3s}
header #lnb.over{background-image:url(../img/common/lnb_logo_bg.png);background-position:100% 100%;background-color:rgba(255,255,255,.9)}
header #lnb .lnb_container{width:1200px;padding-right:80px;margin-left:auto;margin-right:auto}
header #lnb .lnb_container>.nav-menu::after{content:"";display:block;clear:both;height:1px}
header #lnb .lnb_container>.nav-menu>.nav-item{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:12.5%;float:left;background-repeat:no-repeat;background-position:0 31px}
/* header #lnb .lnb_container>.nav-menu>.nav-item:first-child .sub-nav{border-left:1px solid #ddd} */

header #lnb .lnb_container>.nav-menu>.nav-item>a{overflow:hidden;display:block;text-align:center;color:#fff;line-height: 1.2;height: 110px;display: table;width: 100%; padding: 0 5px;  }
header #lnb .lnb_container>.nav-menu>.nav-item>a>span { display: table-cell; vertical-align: middle;    word-break: break-word; }
header #lnb .lnb_container>.nav-menu .sub-nav{height:0;opacity:0;-webkit-transition:height .4s ease;transition:height .4s ease;display:none;position:relative}
 header #lnb .lnb_container>.nav-menu .sub-nav .sub-nav-tit{ display: none; }
/* header #lnb .lnb_container>.nav-menu .sub-nav .sub-nav-tit{position:absolute;left:0;padding-top:50px;opacity:0;-webkit-transition:all 1.3s;transition:all 1.3s; display: none; }
header #lnb .lnb_container>.nav-menu .sub-nav .sub-nav-tit strong{font-size:35px;letter-spacing:-1px;line-height:1;font-weight:300}
header #lnb .lnb_container>.nav-menu .sub-nav .sub-nav-tit p{font-size:16px;color:#888;padding-top:20px;text-transform:uppercase;font-weight:300}
header #lnb .lnb_container>.nav-menu .sub-nav .sub-nav-tit p::after{content:"";width:30px;height:5px;background:#333;margin-top:40px;display:block} */
header #lnb .lnb_container>.nav-menu.selected .nav-item{position:relative}
header #lnb .lnb_container>.nav-menu.selected .nav-item>a{color:#333}
header #lnb .lnb_container>.nav-menu.selected .nav-item::before{  content:""; width: 0; height:3px; position:absolute;top:108px;left:0; background:#273890; transition: 0.2s; }
header #lnb .lnb_container>.nav-menu.selected .nav-item.over::before{width: 100%; }
header #lnb .lnb_container>.nav-menu.selected .nav-item.over .sub-nav{display:block; }
header #lnb .lnb_container>.nav-menu.selected .nav-item.over .sub-nav .sub-nav-tit{opacity:1;left:-100%}

header #lnb .lnb_container>.nav-menu.selected .nav-item.over .sub-nav .sub-nav-3depth a{color:#ddd}
header #lnb .lnb_container>.nav-menu.selected .sub-nav{height:490px;opacity:1; padding-top:15px; display: block;}
header #lnb .lnb_container>.nav-menu.selected .sub-nav a{font-size:14px;letter-spacing:-1.5px;color:#333;padding:8px  10px 8px  10px;display:block;-webkit-transition:.3s;transition:.3s}
header #lnb .lnb_container>.nav-menu.selected .sub-nav a:hover{  color:#273890;}
header #lnb .lnb_container>.nav-menu.selected .sub-nav .sub-nav-3depth a{font-size:13px;color:#c1c1c1;padding-left:40px;position:relative}
header #lnb .lnb_container>.nav-menu.selected .sub-nav .sub-nav-3depth a:hover{color:#fff}
header #lnb .lnb_container>.nav-menu.selected .sub-nav .sub-nav-3depth a::before{content:"";width:2px;height:2px;position:absolute;left:30px;top:13px;background:#c1c1c1}
header #lnb .lnb_container>.nav-menu.selected .sub-nav .sub-nav-4depth a{padding-left:45px}
header #lnb .lnb_container>.nav-menu.selected .sub-nav .sub-nav-4depth a::before{content:"";width:5px;height:1px;position:absolute;left:35px;top:16px;background:#c1c1c1}
header .mem-lang{position:absolute;right:55px;top:40px;z-index:1100;font-size:14px;color:#fff}
header .mem-lang>a{color:#fff}
header .mem-lang>a.login span::before{content:"";display:inline-block;width:26px;height:26px;background-image:url(../img/common/ico_login_w.png);background-repeat:no-repeat;margin-right:10px;vertical-align:middle}
header .mem-lang>a.login span::after{content:"";width:1px;height:15px;background:#fff;display:inline-block;margin:0 10px 0 20px;vertical-align:middle}
header .mem-lang .lang-select{display:inline-block;vertical-align:middle;margin-left:40px;border:1px solid #fff;position:relative;width:75px;height:30px;cursor:pointer}
header .mem-lang .lang-select p{line-height:30px;font-size:13px;padding-left:10px;position:relative}
header .mem-lang .lang-select p::after{content:"";background-image:url(../img/common/lang_arrow.png);background-repeat:no-repeat;background-position:0 0;position:absolute;right:10px;top:10px;width:10px;height:10px;display:block}
header .mem-lang .lang-select .select-list{position:absolute;top:0;left:-1px;width:calc(100% + 2px);background:#fff;top:29px;display:none}
header .mem-lang .lang-select .select-list li a{display:block;line-height:30px;padding:0 10px;color:#999;border-bottom:1px solid #ddd}
header .mem-lang .lang-select .select-list li a:hover{color:#fff;font-weight:700;background:#2a3890}
header .m-open{display:block;position:absolute;left:0;top:0;z-index:3000;width:110px;height:110px;text-align:center;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}
header .m-open.open{position:fixed}
header .m-open span{display:block;position:absolute;width:25px;height:3px;left:43px;background-color:#fff;-webkit-transition:all .7s ease;transition:all .7s ease}
header .m-open span.line1{top:49px}
header .m-open span.line2{top:56px}
header .m-open span.line3{top:63px}
header .m-open.open span{background:#fff}
header .m-open.open span.line1{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:59px}
header .m-open.open span.line2{width:0}
header .m-open.open span.line3{-webkit-transform:rotate(45deg);transform:rotate(45deg);top:60px}
header.member{background-color:#fff}
header.member #lnb{background-color:#fff;border-bottom:1px solid #ddd}
header.member #lnb .lnb_container>.nav-menu>.nav-item>a{color:#333}
header.member .logo{background-image:url(../img/common/logo_color.png)}
header.member .m-gnb-open{background-color:#2a3890}
header.member .m-open{background:0 0}
header.member .m-open span{background:#333}
header.member .mem-lang{color:#333}
header.member .mem-lang>a{color:#333}
header.member .mem-lang>a.login span::before{background-image:url(../img/common/ico_login.png)}
header.member .mem-lang>a.login span::after{background:#333}
header.member .mem-lang .lang-select{border:1px solid #333}
header.member .mem-lang .lang-select p::after{background-position:-10px 0}

.visual{width:100%;height:100%;height:100vh;overflow:hidden;position:relative}
.visual::before{content:"";width:100%;height:1px;background:rgba(255,255,255,.2);bottom:130px;left:0;position:absolute;z-index:100}
.visual .swiper-container{width:100%;height:100%}
.visual .swiper-container .arrow{width:100%;position:absolute;bottom:130px;left:0;z-index:1200}
.visual .swiper-container .arrow .arrow-container{width:1280px;margin-left:auto;margin-right:auto;letter-spacing:-10px}
.visual .swiper-container .arrow .arrow-container .swiper-button-next,
.visual .swiper-container .arrow .arrow-container .swiper-button-prev{cursor:pointer;width:98px;height:98px;letter-spacing:0;display:inline-block;vertical-align:bottom;border:1px solid rgba(255,255,255,.2);border-bottom:none;background-repeat:no-repeat;background-position:center}
.visual .swiper-container .arrow .arrow-container .swiper-button-prev{background-image:url(../img/main/main_visual_paging_prev.png);border-right:none}
.visual .swiper-container .arrow .arrow-container .swiper-button-next{background-image:url(../img/main/main_visual_paging_next.png)}
.visual .swiper-pagination{position:absolute;left:10%;top:50%;z-index:101}
.visual .swiper-pagination span{width:20px;height:2px;background:#fff;display:block;margin:12px 0;-webkit-transition:.3s;transition:.3s}
.visual .swiper-pagination span.swiper-pagination-bullet-active{background:#71bf44}
.visual .swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-repeat:no-repeat;background-position:center;background-size:cover}
.visual .swiper-slide.swiper-slide01{background-image:url(../img/main/main_visual01.png)}
.visual .swiper-slide.swiper-slide02{background-image:url(../img/main/main_visual02.png)}
.visual .swiper-slide .typo{position:absolute;width:1280px;left:50%;margin-left:-640px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:left;color:#fff}
.visual .swiper-slide .typo .line1,
.visual .swiper-slide .typo .line2{font-size:60px;line-height:1.2;opacity:0;-webkit-transform:translateX(-40px);transform:translateX(-40px)}
.visual .swiper-slide .typo .line1{font-weight:700;-webkit-transition:1s .3s;transition:1s .3s}
.visual .swiper-slide .typo .line2{-webkit-transition:1s .6s;transition:1s .6s}
.visual .swiper-slide .typo .line-sub{font-size:18px;margin-top:20px;-webkit-transition:1s 1s;transition:1s 1s;opacity:0;-webkit-transform:translateX(-40px);transform:translateX(-40px)}
.visual .swiper-slide.swiper-slide-active .typo .line1,
.visual .swiper-slide.swiper-slide-active .typo .line2{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
.visual .swiper-slide.swiper-slide-active .typo .line-sub{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}

.business{background-color:#f0f0f0;padding:100px 0}
.business .section-container{width:1280px;margin-left:auto;margin-right:auto}
.business .business--cnt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:center;align-content:center;margin-top:30px}
.business .business--cnt:nth-of-type(1){
margin-top:0}
.business .business--cnt.business--top .item01{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
.business .business--cnt.business--top .item02{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}
.business .business--cnt.business--top .business-title{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}
.business .business--cnt .item{width:400px;height:300px;overflow:hidden}
.business .business--cnt .item a{background-repeat:no-repeat;background-position:center;background-size:100% 100%;-webkit-transition:.3s;transition:.3s;color:#fff;position:relative;display:block;height:100%;width:100%;padding:50px}
.business .business--cnt .item a::before{content:"";width:90%;height:90%;position:absolute;z-index:1;border:1px solid rgba(255,255,255,.2);left:5%;top:5%}
.business .business--cnt .item a:hover{background-size:110% 110%}
.business .business--cnt .item.item01 a{background-image:url(../img/main/business_img01.png)}
.business .business--cnt .item.item02 a{background-image:url(../img/main/business_img02.png)}
.business .business--cnt .item.item03 a{background-image:url(../img/main/business_img03.png)}
.business .business--cnt .item.item04 a{background-image:url(../img/main/business_img04.png)}
.business .business--cnt .item.business-title{position:relative}
.business .business--cnt .item.business-title h3{color:#07216c;font-size:38px;text-transform:uppercase;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-weight:700}
.business .business--cnt .item.business-title h3 p{color:#666;font-size:17px}
.business .business--cnt .item .item-title{font-size:28px;text-transform:uppercase;line-height:1.2}
.business .business--cnt .item .item-text{font-size:15px;margin-top:20px}
.business .business--cnt .item .ico-more{width:76px;height:14px;background:url(../img/main/arr_right.png) no-repeat;position:absolute;bottom:55px;right:45px}

.product{padding:110px 0 70px 0;position:relative}
.product::before{content:"";position:absolute;left:0;bottom:0;width:50%;height:50%;background:#2a3890;display:block}
.product::after{content:"";position:absolute;width:100%;height:100%;background:url(../img/main/product_bg.png) no-repeat;background-size:cover;display:block;top:0;left:0;right:0;bottom:0}
.product .section-container{width:1280px;margin-left:auto;margin-right:auto;z-index:1;position:relative}
.product .product-tab{margin-top:30px}
.product .product-tab ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.product .product-tab ul li{width:24.8%}
.product .product-tab ul li a{height:60px;line-height:60px;text-align:center;display:block;background:#eee;color:#2a3890;text-transform:uppercase}
.product .product-tab ul li.on a{background:#2a3890;color:#fff}
.product .product-cnt{margin:60px 40px 0 40px;overflow:hidden;display:none}
.product .product-cnt.on{display:block}
.product .product-cnt .product-thumb{float:left;width:740px}
.product .product-cnt .swiper-container{margin-left:50px;float:right;width:calc(100% - 790px)}
.product .product-cnt .swiper-container .swiper-slide{position:relative}
.product .product-cnt .product-title{font-size:45px;font-weight:400;line-height:1.1;padding-top:10px;text-transform:uppercase}
.product .product-cnt .product-title::after{content:"";width:52px;height:1px;background:#333;display:block;margin-top:40px;margin-bottom:40px}
.product .product-cnt dl dt{color:#2a3890;font-size:22px;font-weight:500}
.product .product-cnt dl dd{color:#666;font-size:16px;letter-spacing:-1px}
.product .product-cnt .product-img{text-align:center;margin-top:70px}
.product .product-cnt .btn-detail-product{width:180px;height:45px;line-height:45px;text-align:center;color:#2a3890;border:1px solid #2a3890;display:block;text-transform:uppercase;margin:55px auto 0 auto}
.product .product-cnt .swiper-button-next,.product .product-cnt .swiper-button-prev{position:absolute;width:17px;height:28px;background-repeat:no-repeat;top:60%;z-index:100}
.product .product-cnt .swiper-button-prev{background-image:url(../img/main/product_paging_prev.png);left:0}
.product .product-cnt .swiper-button-next{background-image:url(../img/main/product_paging_next.png);right:0}

.why{background:url(../img/main/why_bg.png) no-repeat center;background-size:cover;padding:130px 0;text-align:center;color:#fff}
.why .section-title{font-size:60px;font-weight:400;text-transform:uppercase;line-height:1;letter-spacing:-1px}
.why .section-title b{font-weight:700}
.why .section-container{width:1200px;margin-left:auto;margin-right:auto}
.why ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:90px}
.why ul li{width:25%;position:relative}
.why ul li::before{content:"";width:1px;height:150px;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:block;background:#fff}
.why ul li:first-child::before{display:none}
.why ul li p{font-size:20px}
.why ul li p::before{content:"";display:block;width:84px;height:75px;margin:0 auto 30px auto;background-image:url(../img/main/why_ico01.png);background-repeat:no-repeat;background-size:contain}
.why ul li p.why02::before{background-image:url(../img/main/why_ico02.png)}
.why ul li p.why03::before{background-image:url(../img/main/why_ico03.png)}
.why ul li p.why04::before{background-image:url(../img/main/why_ico04.png)}
.why ul li p a{color:#fff;}

.awards{padding:90px 0;background:#f0f0f0;position:relative}
.awards .swiper-button-next,.awards .swiper-button-prev{position:absolute;top:60%;width:17px;height:28px;background-repeat:no-repeat;display:block;display:none;cursor:pointer}
.awards .swiper-button-prev{left:20px;background:url(../img/main/product_paging_prev.png)}
.awards .swiper-button-next{right:20px;background:url(../img/main/product_paging_next.png)}
.awards .section-container{margin-top:40px;text-align:center}
.awards .section-container .swiper-wrapper{display:block}
.awards .section-container .swiper-container{letter-spacing:-10px}
.awards .section-container .swiper-container .swiper-slide{width:370px;display:inline-block;vertical-align:top;letter-spacing:0;margin:0 17px}
.awards .section-container .swiper-container .swiper-slide .awards-img{border:1px solid #ededed}
.awards .section-container .swiper-container .swiper-slide .awards-txt{height:50px;line-height:50px;text-align:center;color:#fff;font-size:18px;background:#07216c}
.awards .section-title{font-size:45px;color:#2a3890;text-align:center;line-height:1;text-transform:uppercase}
.awards .section-title::before{content:"";width:25px;height:41px;background:url(../img/main/section_title_oblique.png) no-repeat;display:block;margin:0 auto 20px auto}

.gnews{padding:110px 0 160px 0;position:relative}
.gnews .section-container{width:1280px;margin-left:auto;margin-right:auto;z-index:1;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:70px}
.gnews .gnews-list{width:45%}
.gnews .gnews-list ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap}
.gnews .gnews-list ul li{width:49.5%;height:265px;background:#f0f0f0;position:relative;border:6px solid transparent;-webkit-transition:.3s;transition:.3s;margin-top:20px}
.gnews .gnews-list ul li:nth-of-type(1),.gnews .gnews-list ul li:nth-of-type(2){margin-top:0}
.gnews .gnews-list ul li:nth-of-type(1){-webkit-animation-delay:.1s;animation-delay:.1s}
.gnews .gnews-list ul li:nth-of-type(2){-webkit-animation-delay:.2s;animation-delay:.2s}
.gnews .gnews-list ul li:nth-of-type(3){-webkit-animation-delay:.3s;animation-delay:.3s}
.gnews .gnews-list ul li:nth-of-type(4){-webkit-animation-delay:.4s;animation-delay:.4s}
.gnews .gnews-list ul li a{color:#444;padding:50px 30px;display:block}
.gnews .gnews-list ul li .news-title{font-size:25px;font-weight:500;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}
.gnews .gnews-list ul li .news-cnt{font-size:16px;height:50px}
.gnews .gnews-list ul li:hover{border:6px solid #07216c}
.gnews .gnews-list ul li .ico-more{bottom:35px;left:30px;position:absolute;width:76px;height:14px;background:url(../img/main/arr_right_dark.png) no-repeat;z-index:1;display:block}
.gnews .gnews-link{width:51%;display:-webkit-box;display:-ms-flexbox;display:flex}
.gnews .gnews-link .link--recruit,
.gnews .gnews-link .link--rnd{width:50%;height:100%;position:relative;-webkit-transition:margin .4s;transition:margin .4s}
.gnews .gnews-link .link--recruit a,
.gnews .gnews-link .link--rnd a{display:block;height:100%;color:#fff;padding:40px;padding-top:45%;background-repeat:no-repeat;background-position:center;background-size:cover}
.gnews .gnews-link .link--recruit .title,
.gnews .gnews-link .link--rnd .title{font-size:45px;font-weight:500;width:100%;padding-top:50%}
.gnews .gnews-link .link--recruit .cnt,
.gnews .gnews-link .link--rnd .cnt{font-size:16px}
.gnews .gnews-link .link--recruit .ico-more,
.gnews .gnews-link .link--rnd .ico-more{position:absolute;width:76px;height:14px;background:url(../img/main/arr_right.png) no-repeat;bottom:30px;left:40px}
.gnews .gnews-link .link--recruit{margin-top:40px}
.gnews .gnews-link .link--recruit a{background-image:url(../img/main/news_recruit_bg.png)}
.gnews .gnews-link .link--rnd{margin-top:0}
.gnews .gnews-link .link--rnd a{background-image:url(../img/main/news_rnd_bg.png)}


footer{background:#202020;position:relative}
footer::before{content:"";width:100%;height:1px;background:rgba(255,255,255,.7);position:absolute;top:65px;left:0}
footer .policy-container{width:1280px;position:relative;margin-left:auto;margin-right:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
footer .policy-container .policy li{display:inline-block}
footer .policy-container .policy li a{color:#cacaca;font-size:15px;line-height:65px;height:65px;display:block;position:relative}
footer .policy-container .policy li a::before{content:"";width:1px;height:15px;background:rgba(255,255,255,.7);display:inline-block;vertical-align:middle;margin:0 25px}
footer .policy-container .policy li:first-child a::before{display:none}
footer .footer-container{width:1280px;margin-left:auto;margin-right:auto;padding:35px 0 40px 0;position:relative}
footer .footer-container .logo{position:absolute;top:35px;left:0;width:132px;height:67px;background:url(../img/common/logo_footer.png) no-repeat;background-size:contain}
footer .footer-container .footer-contact{padding-left:185px;color:#cacaca}
footer .footer-container .footer-contact>ul>li{display:inline-block;margin-right:20px;margin-bottom:5px;font-size:14px}
footer .footer-container .footer-contact>ul>li.tel{display:block}
footer .footer-container .footer-contact .copyrights{font-size:14px}
footer .footer-container .sns{letter-spacing:-10px;position:absolute;top:-50px;right:0}
footer .footer-container .sns li{display:inline-block;margin-left:10px;letter-spacing:0}
footer .footer-container .sns li:first-child{margin-left:0}
footer .footer-container .sns li a{display:block;width:130px;height:35px;line-height:35px;font-size:14px;text-align:center;color:#cacaca;border:1px solid #cacaca}
footer .footer-container .sns li.blog span::before{content:"";width:22px;height:20px;background:url(../img/common/ico_blog.png) no-repeat;display:inline-block;vertical-align:middle;margin-right:10px}
footer .footer-container .sns li.face span::before{content:"";width:10px;height:19px;background:url(../img/common/ico_fb.png) no-repeat;display:inline-block;vertical-align:middle;margin-right:10px}

@media screen and (max-width:3600px) and (min-width:1440px){
	header #m-gnb{position:fixed;z-index:2000;width:100px!important;height:100px!important;left:0!important;top:0;top:-100%!important;-webkit-transition:.5s;transition:.5s;background:rgba(51,51,51,.94);padding:100px 100px 100px 150px;overflow:auto;-webkit-transition:width height 1s;transition:width height 1s}
	header #m-gnb .m-member{display:none}
	header #m-gnb.on{width:100%!important;height:100%!important;top:0!important}
	header #m-gnb.on a{display:block}
	header #m-gnb.on a:hover{color:#71bf44!important}
	header #m-gnb>ul>li{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
	header #m-gnb>ul>li>a{width:100%;padding:10px;font-size:25px;display:block;color:#fff;border-bottom:2px solid #71bf44}
	header #m-gnb>ul>li .m-sub-nav{padding:20px 20px 20px 20px;font-size:14px;color:#888;width:100%;display:block}
	header #m-gnb>ul>li .m-sub-nav ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
	header #m-gnb>ul>li .m-sub-nav li{margin:5px 0;width:25%}
	header #m-gnb>ul>li .m-sub-nav li ul{display:block}
	header #m-gnb>ul>li .m-sub-nav li ul li{width:100%;padding-left:10px}
	header #m-gnb>ul>li .m-sub-nav li ul li a{color:#aac19c}
	header #m-gnb>ul>li .m-sub-nav a{color:#ddd;font-size:16px}
	header #m-gnb>ul>li .depth03{font-size:13px;padding:15px 0 10px 15px}
	header #m-gnb>ul>li .depth03 a{color:#eee}
	header #m-gnb>ul>li .depth03 li{margin:5px 0}
}
@media screen and (max-width:1600px) and (min-width:1440px){
	.visual .swiper-pagination{left:2%}
}
@media screen and (max-width:1439px){
	header #m-gnb{position:fixed;z-index:2000;top:0!important;left:-320px!important;padding:110px 0 0 0;width:320px;height:100%;background:#4a4a4a;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:left .3s;transition:left .3s}
	header #m-gnb .m-member{display:block;position:absolute;top:50px;right:20px}
	header #m-gnb .m-member a{font-size:14px;color:#fff}
	header #m-gnb .m-member a.login::before{content:"";display:inline-block;width:26px;height:26px;background-image:url(../img/common/ico_login_w.png);background-repeat:no-repeat;margin-right:10px;vertical-align:middle}
	header #m-gnb .m-member a.login::after{content:"";width:1px;height:15px;background:#fff;display:inline-block;margin:0 10px 0 20px;vertical-align:middle}
	header #m-gnb.on{display:block;left:0!important;top:0!important;width:320px!important}
	header #m-gnb .m-nav-item a{display:block;padding:8px 0;text-align:left;color:#fff!important;font-size:16px;border-bottom:1px solid rgba(255,255,255,.5);-webkit-transition:all .4s ease;transition:all .4s ease;padding-left:20px}
	header #m-gnb .m-nav-item:first-child a{border-top:1px solid rgba(255,255,255,.5)}
	header #m-gnb .m-nav-item .m-sub-nav{display:none;background-color:#22272c;padding:5px 0}
	header #m-gnb .m-nav-item .m-sub-nav a{font-size:14px;border:none;padding:5px 0 5px 20px;color:#fff;border-bottom:none}
	header #m-gnb .m-nav-item .m-sub-nav a:hover{color:#159db4!important}
	header #m-gnb .m-nav-item .m-sub-nav .depth03{padding-left:15px}
	header #m-gnb .m-nav-item .m-sub-nav .depth03 a{font-size:13px;color:#999!important}
	header #m-gnb .m-nav-item .m-sub-nav .depth04{padding-left:15px}
	header #m-gnb .m-nav-item .m-sub-nav .depth04 a{color:#666!important}
}
@media screen and (max-width:1700px){
	header .mem-lang{right:20px}
	header #lnb .lnb_container{padding-left:80px}
}
@media screen and (max-width:1600px) and (min-width:1440px){
	header .logo{left:130px;top:29px;width:100px;height:52px}
	header .mem-lang{right:10px;top:40px;font-size:13px}
	header .mem-lang>a.login span::before{margin-right:5px}
	header .mem-lang>a.login span::after{margin:0 5px}
	header .mem-lang .lang-select{margin-left:20px}
	header .mem-lang .lang-select p{font-size:12px}
}
@media screen and (max-width:1440px){
	header #lnb .lnb_container{padding-left:0}
	header #lnb .lnb_container>.nav-menu>.nav-item>a{font-size:18px}
	header .logo{left:100%;margin-left:-120px;top:33px;width:96px;height:50px}
	header .m-gnb-open{right:0;left:initial;background-color:transparent}
	header .mem-lang{right:2%;top:140px;display:none}

	.visual::before{bottom:50px}
	.visual .swiper-container .arrow{bottom:50px;left:0}
	.visual .swiper-container .arrow .arrow-container{width:100%}
	.visual .swiper-pagination{left:50%;top:85%}
	.visual .swiper-pagination span{display:inline-block;margin:0 5px}
	.visual .swiper-slide .typo{width:100%;left:0;padding:0 5%;margin:0}
}
@media screen and (max-width:1280px){
	header #lnb .lnb_container{padding-right:150px;padding-left:80px;width:auto}
	header #lnb .lnb_container .mem-lang{display:none}
	header #lnb .lnb_container>.nav-menu>.nav-item>a { font-size: 16px; }
	header #lnb .lnb_container>.nav-menu.selected .nav-item.over:nth-of-type(1) .sub-nav .sub-nav-tit,header #lnb .lnb_container>.nav-menu.selected .nav-item.over:nth-of-type(2) .sub-nav .sub-nav-tit{left:110%!important;width:150px;padding-left:10px}

	.visual .swiper-container .arrow .arrow-container{width:auto}

	.business .section-container{width:auto;padding:0 2%}
	.business .business--cnt .item{width:32%}

	.product .section-container{width:100%}
	.product .product-tab ul{width:100%}
	.product .product-cnt .product-thumb{width:50%;overflow:hidden}
	.product .product-cnt .swiper-container{width:47%;margin-left:3%}

	.why .section-container{width:auto}

	.awards{padding-left:60px;padding-right:60px}
	.awards .section-container .swiper-container .swiper-slide{width:31%;margin:1%}
	.awards .section-container .swiper-container .swiper-slide img{width:100%}

	.gnews .section-container{width:auto}

	footer .policy-container{width:auto;padding:0 2%}
	footer .footer-container{width:auto}
	footer .footer-container .logo{left:2%}
	footer .footer-container .sns{right:10px}
}
@media screen and (max-width:1024px){
	header{background-color:transparent}
	header #lnb{display:none}

	.business .business--cnt{-ms-flex-wrap:wrap;flex-wrap:wrap}
	.business .business--cnt .item a{padding:35px}
	.business .business--cnt .item .item-title{font-size:25px}
	.business .business--cnt .item .item-text{font-size:14px}
	.business .business--cnt .item.business-title{width:100%;height:auto;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;margin-bottom:20px}
	.business .business--cnt .item.business-title h3{position:static;-webkit-transform:none;transform:none}
	.business .business--cnt .item.item01,
	.business .business--cnt .item.item02{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;width:49%}
	.business .business--cnt.business--btm{margin-top:20px}
	.business .business--cnt.business--btm .item-empty{display:none}
	.business .business--cnt.business--btm .item{width:49%}
	.business .business--cnt .item a{padding:50px}
	.business .business--cnt .item a::before{height:80%;top:10%}
	.business .business--cnt .item.item01,.business .business--cnt .item.item02{width:100%;height:250px;margin:1px}
	.business .business--cnt.business--btm{margin-top:0}
	.business .business--cnt.business--btm .item{width:100%;height:250px;margin:1px}

	.product{padding:80px 0}
	.product .product-tab{margin:0 3%;margin-top:30px}
	.product .product-tab ul{-ms-flex-wrap:wrap;flex-wrap:wrap}
	.product .product-tab ul li{width:49.6%;margin:3px 0}
	.product .product-cnt{margin:0 3%;margin-top:30px;border:1px solid #2a3890;background-color:#fff;padding:40px}
	.product .product-cnt .product-title::after{display:none}
	.product .product-cnt .product-img{margin-top:30px}
	.product .product-cnt dl{margin-top:10px}
	.product .product-cnt .product-thumb{display:none}
	.product .product-cnt .swiper-container{margin:0;width:100%;float:none}

	.why{padding:80px 0}
	.why .section-title{font-size:40px}
	.why ul{margin-top:50px}
	.why ul li p{font-size:18px;line-height:1.2}

	.gnews{padding:80px 0}
	.gnews .section-container{-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 5%}
	.gnews .gnews-list{width:100%;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}
	.gnews .gnews-list ul li{height:215px;margin-bottom:10px}
	.gnews .gnews-list ul li a{padding:40px 30px}
	.gnews .gnews-list ul li .news-title{font-size:22px}
	.gnews .gnews-list ul li .news-cnt{font-size:16px;margin-top:10px}
	.gnews .gnews-link{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
	.gnews .gnews-link .link--recruit,
	.gnews .gnews-link .link--rnd{height:290px;width:49.5%;margin-top:0}
	.gnews .gnews-link .link--recruit a,
	.gnews .gnews-link .link--rnd a{padding:50px 40px}
	.gnews .gnews-link .link--recruit .title,
	.gnews .gnews-link .link--rnd .title{padding-top:0}
}
@media screen and (max-width:768px){
	footer .policy-container ul{width:100%;text-align:center}
	footer .footer-container{padding:35px 2% 110px 2%}
	footer .footer-container .logo{position:static;margin:0 auto}
	footer .footer-container .sns{position:absolute;top:initial;bottom:40px;left:0;width:100%;text-align:center}
	footer .footer-container .footer-contact{padding-left:0;text-align:center;margin-top:30px}
	footer .footer-container .footer-contact .address{display:block}
}
@media screen and (max-width:640px){
	header{height:55px}
	header::after{content:"";width:100%;left:0;position:absolute;height:1px;background:rgba(255,255,255,.2);bottom:0;z-index:1200}
	header .logo{width:70px;height:36px;top:10px;left:initial;right:1rem}
	header .mem-lang{right:103px;top:12px}
	header .mem-lang .join,header .mem-lang .login{display:none}
	header .mem-lang .lang-select{margin:0}
	header .m-open{height:55px;width:55px}
	header .m-open span{left:16px}
	header .m-open span.line1{top:21px}
	header .m-open span.line2{top:28px}
	header .m-open span.line3{top:35px}
	header .m-open.open .line1{top:29px!important}
	header .m-open.open .line2{top:28px;width:0}
	header .m-open.open .line3{top:28px!important}
	header #m-gnb.on{padding-top:55px}
	header #m-gnb.on .m-member{top:15px}

	.visual{height:60%;height:35rem}
	.visual::before{display:none}
	.visual .swiper-slide .typo .line1,
	.visual .swiper-slide .typo .line2{font-size:40px}
	.visual .swiper-slide .typo .line-sub{font-size:15px}
	.visual .swiper-container .arrow{display:none}
	.visual .swiper-pagination{top:90%}

	.business{ padding: 50px 0; }
	.business .business--cnt .item a { padding: 50px 30px}
	.business .business--cnt .item a::before { display: none; }
	.business .business--cnt .item .item-title{ font-size: 20px; } 
	.business .business--cnt .item .item-title br { display: none; }  
	.business .business--cnt .item .item-text{ margin-top: 10px; }
	.product{padding:50px 0}
	.product .section-title{font-size:40px}
	.product .product-tab ul li a{font-size:14px;height:45px;line-height:45px}
	.product .product-cnt{padding:2rem}
	.product .product-cnt .product-title{font-size:2.2rem}
	.product .product-cnt dl dt{font-size:18px}
	.product .product-cnt dl dd{font-size:13px}
	.product .product-cnt .btn-detail-product{font-size:13px;height:40px;line-height:40px;margin-top:25px}

	.why{padding:50px 3%}
	.why .section-title{font-size:35px}
	.why ul{margin-top:30px}
	.why ul li{padding:0 10px}
	.why ul li p{font-size:16px;word-break:break-all}
	.why ul li p br{display:none}
	.why ul li p::before{width:64px;height:57px}

	.awards .section-title{ font-size: 35px; }
	.awards .section-container .swiper-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}

	.awards .swiper-button-next,
	.awards .swiper-button-prev{display:none}
	.awards .section-container .swiper-container .swiper-slide .awards-txt{ font-size: 15px; }
	.awards { padding: 50px 2%; }
	.awards .section-container .swiper-wrapper{ display: block; }
	.awards .section-container .swiper-wrapper .swiper-slide{ display: inline-block;  width: 48% !important; margin: 0 !important;  padding: 0 5px;}

	.gnews{padding:50px 0}
	.gnews .section-container{padding:0 2%;margin-top:40px}
	.gnews .gnews-link .link--recruit a,
	.gnews .gnews-link .link--rnd a{padding:40px 20px}
	.gnews .gnews-link .link--recruit .title,
	.gnews .gnews-link .link--rnd .title{font-size:28px}
	.gnews .gnews-link .link--recruit .cnt,
	.gnews .gnews-link .link--rnd .cnt{font-size:14px}
	.gnews .gnews-link .link--recruit .ico-more,
	.gnews .gnews-link .link--rnd .ico-more{bottom:30px;left:30px}
	.gnews .gnews-list ul li{height:180px;margin:5px 0 0 0}
	.gnews .gnews-list ul li:nth-of-type(1),
	.gnews .gnews-list ul li:nth-of-type(2){margin-top:5px}
	.gnews .gnews-list ul li a{padding:20px 20px 0 20px}
	.gnews .gnews-list ul li .news-title{font-size:20px}
	.gnews .gnews-list ul li .news-cnt{font-size:14px}
	.gnews .gnews-list ul li .ico-more{width:40px;background-size:contain;height:10px;bottom:20px;left:20px}
}

@media screen and (max-width:480px){
	.product .section-title{font-size:35px}
	.product .product-tab ul li a{line-height:45px;height:45px;font-size:13px}
	.product .product-cnt.on{padding:1.5rem}
	.product .product-cnt .product-title{font-size:1.6rem}
	.product .product-cnt dl dt{font-size:16px}

	.why .section-title{font-size:28px;letter-spacing:-1px}
	.why ul{-ms-flex-wrap:wrap;flex-wrap:wrap}
	.why ul li{width:50%;margin:15px 0}
	.why ul li::before{display:none}
	.why ul li p{font-size:14px}

	.awards .section-title  { font-size: 28px; }
	.section-title--oblique { font-size: 28px; }
	.business .business--cnt .item.business-title h3{ font-size: 28px; }
	.business .business--cnt .item.business-title h3 p { font-size:  14px; }
	.section-title--oblique::before, 
	.awards .section-title::before{  margin: 0 auto; transform: scale(0.5); }


	.awards { padding: 35px 2%; }
	.awards .section-container{ margin-top: 20px; }
	.awards .section-container .swiper-container .swiper-slide .awards-txt{ font-size: 13px; }

	footer::before{top:50px}
	footer .policy-container{padding:0}
	footer .policy-container .policy li a{line-height:50px;height:50px;font-size:12px}
	footer .policy-container .policy li a::before{margin:0 10px}
	footer .footer-container .logo{width:100px;height:51px}
	footer .footer-container .footer-contact{margin-top:15px}
	footer .footer-container .footer-contact>ul>li{font-size:12px;margin:0 5px 3px 0}
	footer .footer-container .sns li { margin-left: 3px; }
	footer .footer-container .sns li a{font-size:12px;     width: 90px;}
}

.btn-top{display:block;position:fixed;bottom:50px;right:1%;width:48px;height:48px;background:url(../img/common/btn_top.png) no-repeat;cursor:pointer;z-index:500}


/* SUB */
.subvisual{height:400px;background:url(../img/sub/sub_visual_business.png) no-repeat center;background-size:cover;color:#fff;text-align:center;position:relative;z-index:1}
.subvisual.subvisual--product{background:url(../img/sub/sub_visual_product.png) no-repeat center}
.subvisual.subvisual--rnd{background:url(../img/sub/sub_visual_rnd.png) no-repeat center}
.subvisual.subvisual--quality{background:url(../img/sub/sub_visual_quality.png) no-repeat center}
.subvisual.subvisual--company{background:url(../img/sub/sub_visual_company.png) no-repeat center}
.subvisual.subvisual--rnd{background:url(../img/sub/sub_visual_rnd.png) no-repeat center}
.subvisual.subvisual--archive{background:url(../img/sub/sub_visual_archive.png) no-repeat center}
.subvisual.subvisual--news{background:url(../img/sub/sub_visual_news.png) no-repeat center}
.subvisual.subvisual--gallery{background:url(../img/sub/sub_visual_gallery.png) no-repeat center}
.subvisual.subvisual--customer{background:url(../img/sub/sub_visual_customer.png) no-repeat center}
.subvisual.subvisual--recruit{background:url(../img/sub/sub_visual_recruit.png) no-repeat center}
.subvisual .typo{position:absolute;width:100%;text-align:center;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:17px}
.subvisual .typo h3{font-size:50px;font-weight:700}

.page-history{margin-top:-60px;position:relative;z-index:100}
.page-history .container{width:1280px;background:#fff;margin-left:auto;margin-right:auto;height:60px;border-bottom:1px solid #ddd;display:-webkit-box;display:-ms-flexbox;display:flex}
.page-history .container .home{width:60px;height:60px;background:#2a3890 url(../img/sub/ico_home.png) no-repeat center;display:block}
.page-history .container .current a{position:relative}
.page-history .container .current a::after{content:"";width:12px;height:7px;background:url(../img/sub/ico_pagenav_arrow.png) no-repeat;position:absolute;right:20px;top:28px;-webkit-transition:.3s;transition:.3s}
.page-history .container .sub-depth{width:250px;height:60px;line-height:60px;border-right:1px solid #ddd;position:relative}
.page-history .container .sub-depth.sub-depth04{width:470px}
.page-history .container .sub-depth.on a::after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.page-history .container .sub-depth ul{position:absolute;left:0;top:59px;width:calc(100% + 1px);border:1px solid #ddd;display:none}
.page-history .container .sub-depth ul li{border-top:1px solid #ddd;background-color:#fff}
.page-history .container .sub-depth ul li:first-child{border-top:none}
.page-history .container .sub-depth ul a:hover{background-color:#f7f7f7}
.page-history .container .sub-depth a{line-height:60px;height:60px;display:block;padding-left:20px;font-size:16px;overflow:hidden}
.page-history .container .sub-depth a:hover{color:#2a3890}


.sub-content{background:#fff;min-height:500px;padding:120px 0 80px 0}
.sub-content img{max-width:100%}

.sub-content.pb0{padding-bottom:0}
.sub-content.sub-member{padding:250px 0 0 0}

.sub-content .doc-title-wrap{margin:0 auto}
.sub-content .doc-title-wrap .doc-title{padding-bottom:0}
.sub-content .doc-title-wrap .sub_t1{width:1280px;text-align:center;font-size:23px;color:#666;margin:30px auto 70px auto}
.sub-content .doc-title-wrap.mt-100{margin-top:100px}
.sub-content .doc-title{font-size:47px;text-align:center;font-weight:600;letter-spacing:-1px;padding-bottom:70px}
.sub-content .doc-title.mt-100{margin-top:100px}
.sub-content .doc-title i,
.sub-content .doc-title span{font-weight:300}
.sub-content .doc-title-side{font-size:45px;color:#2a3890;width:1280px;margin-left:auto;margin-right:auto;position:relative;padding-bottom:20px;text-transform:uppercase;margin-bottom:70px}
.sub-content .doc-title-side2{font-size:45px;color:#2a3890;width:1280px;margin-left:auto;margin-right:auto;position:relative;padding-bottom:20px;text-transform:uppercase;}/*Àü¿ø°ø±Þ±â°ü·Ã*/
.sub-content .doc-title-side2 span{position:relative}
/*.sub-content .doc-title-side span::after{content:"";width:550px;height:2px;background:#2a3890;position:absolute;bottom:-20px;left:0;margin-left:-100%} Á¦Ç° ŸÀÌƲ ¹ØÁÙ*/
.sub-content .doc-title-Details{font-size:16px;color:#666;width:1280px;letter-spacing:0;margin-left:auto;margin-right:auto;position:relative;padding-bottom:20px;margin-bottom:10px}/*Á¦Ç° ŸÀÌƲ ¹Ø Ãß°¡*/
.sub-content .doc-title-Details li{padding-left:15px;position:relative;margin-top:10px;}
.sub-content .doc-title-Details li::before{content:"";width:6px;height:6px;background:#2a3890;border-radius:50%;position:absolute;left:0;top:10px}

@media screen and (max-width:1440px){
	.sub-content.sub-member{padding:100px 0 0 0}
}
@media screen and (max-width:1280px){
	.page-history .container{width:auto}
	.sub-content .doc-title-side{width:auto;padding-left:40px}
	.sub-content .doc-title-side2{width:auto;padding-left:40px}
	.sub-content .doc-title-Details{width:auto;padding-left:40px}
}
@media screen and (max-width:1024px){
	.sub-content{padding:80px 0}
	.sub-content .doc-title-side{margin-bottom:40px;font-size:35px;padding-bottom:10px}
	.sub-content .doc-title-side span::after{bottom:-10px}
	.sub-content .doc-title-side2{margin-bottom:0;font-size:35px;padding-bottom:10px}
	.sub-content .doc-title-side2 span::after{bottom:-10px}
	.sub-content .doc-title-Details{margin-bottom:40px;font-size:14px;padding-bottom:10px}
	.sub-content .doc-title{font-size:40px;padding-bottom:50px}
	.sub-content .doc-title-wrap .sub_t1{width:auto;font-size:15px}
}
@media screen and (max-width:830px){
	.page-history .container .sub-depth{width:calc(33.3% - 20px)}
}
@media screen and (max-width:768px){
	.subvisual .typo{font-size:15px}
	.subvisual .typo h3{font-size:40px}
}
@media screen and (max-width:640px){
	.subvisual{height:350px}
	.subvisual .typo{font-size:14px;padding:0 2%}
	.subvisual .typo h3{font-size:36px}

	.page-history.sub-depth-type02 .sub-depth01{display:none}
	.page-history.sub-depth-type02 .container .sub-depth02{width:calc(100% - 60px)}
	.page-history.sub-depth-type03 .sub-depth01,.page-history.sub-depth-type03 .sub-depth02{display:none}
	.page-history.sub-depth-type03 .container .sub-depth03{width:calc(100% - 60px)}
	.page-history.sub-depth-type04 .sub-depth01,.page-history.sub-depth-type04 .sub-depth02,.page-history.sub-depth-type04 .sub-depth03{display:none}
	.page-history.sub-depth-type04 .container .sub-depth04{width:calc(100% - 60px)}

	.sub-content{padding:50px 0}
	.sub-content .doc-title-side{font-size:30px}
	.sub-content .doc-title-side2{font-size:30px}
	.sub-content .doc-title{font-size:30px;padding-bottom:35px}
	.sub-content .doc-title-wrap .sub_t1{margin:10px 0 50px 0;font-size:14px}
}
@media screen and (max-width:480px){
	.page-history .container .sub-depth a{font-size:14px}

	.sub-content{padding:50px 0}
	.sub-content .doc-title-side{font-size:20px;text-align:center;padding-left:0;padding-bottom:0;margin-bottom:25px}
	.sub-content .doc-title-side span::after{width:100px;position:static;margin:0;display:block;margin:10px auto}\
	.sub-content .doc-title-side{font-size:20px}
	.sub-content .doc-title-side2{font-size:20px;text-align:center;padding-left:0;padding-bottom:0;margin-bottom:25px}
	.sub-content .doc-title-side2 span::after{width:100px;position:static;margin:0;display:block;margin:10px auto}\
	.sub-content .doc-title-side2{font-size:20px}
	.sub-content .doc-title{font-size:22px}
}

.btn-inquiry{display:inline-block;vertical-align:middle;font-size:16px;width:180px;height:50px;line-height:50px;background:#5d9015;letter-spacing:-1px;text-align:center}
.btn-inquiry span{color:#fff}
.btn-inquiry span::before{content:"";width:21px;height:24px;background:url(../img/sub/ico_detail.png) no-repeat;display:inline-block;vertical-align:middle;margin-right:10px}
.btn-inquiry2{display:inline-block;vertical-align:middle;font-size:16px;width:180px;height:50px;line-height:50px;background:#2a9080;letter-spacing:-1px;text-align:center}
.btn-inquiry2 span{color:#fff}
.btn-inquiry2 span::before{content:"";width:27px;height:19px;background:url(../img/sub/ico_talk.png) no-repeat;display:inline-block;vertical-align:middle;margin-right:10px}
.btn-product-manual{display:inline-block;vertical-align:middle;font-size:16px;padding:0 30px;height:50px;line-height:50px;background:#2a3890;letter-spacing:-1px;text-align:center}
.btn-product-manual span{color:#fff}
.btn-product-manual span::before{content:"";width:21px;height:26px;background:url(../img/sub/ico_guide.png) no-repeat;display:inline-block;vertical-align:middle;margin-right:10px}



/* CONTENTS */
.mainBusiness .mainBusiness--top{position:relative;height:530px;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.mainBusiness .mainBusiness--top .img,
.mainBusiness .mainBusiness--top .txt{width:50%}
.mainBusiness .mainBusiness--top .img img{height:530px;width:100%}
.mainBusiness .mainBusiness--top .txt{padding-left:50px;font-size:23px;position:relative;padding-top:150px}
.mainBusiness .mainBusiness--top .txt::before{content:"";width:100%;background:#f5f5f5;position:absolute;z-index:-1;left:0;top:100px;height:320px}
.mainBusiness .mainBusiness--top .txt::after{content:"";width:208px;height:106px;background:url(../img/sub/business/business01_logo.png) no-repeat;background-size:contain;position:absolute;left:400px;bottom:140px}
.mainBusiness .mainBusiness--top .txt strong{font-weight:700;color:#2a3890}
.mainBusiness .mainBusiness--btm{width:1280px;margin-left:auto;margin-right:auto;margin-top:150px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.mainBusiness .mainBusiness--btm .item{width:24%;height:540px;font-size:16px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.mainBusiness .mainBusiness--btm .item a{display:block;width:100%;color:#fff}
.mainBusiness .mainBusiness--btm .item .thumb{height:340px;width:100%;background-repeat:no-repeat;background-position:center;background-size:cover}
.mainBusiness .mainBusiness--btm .item.item01 .thumb{background-image:url(../img/sub/business/business01_img01.png)}
.mainBusiness .mainBusiness--btm .item.item01 .bgtext{background-image:url(../img/sub/business/business01_ico01.png)}
.mainBusiness .mainBusiness--btm .item.item02 .thumb{background-image:url(../img/sub/business/business01_img02.png)}
.mainBusiness .mainBusiness--btm .item.item02 .bgtext{background-image:url(../img/sub/business/business01_ico02.png)}
.mainBusiness .mainBusiness--btm .item.item03 .thumb{background-image:url(../img/sub/business/business01_img03.png)}
.mainBusiness .mainBusiness--btm .item.item03 .bgtext{background-image:url(../img/sub/business/business01_ico03.png)}
.mainBusiness .mainBusiness--btm .item.item04 .thumb{background-image:url(../img/sub/business/business01_img04.png)}
.mainBusiness .mainBusiness--btm .item.item04 .bgtext{background-image:url(../img/sub/business/business01_ico04.png)}
.mainBusiness .mainBusiness--btm .item .bgtext{padding:30px 20px;height:200px;width:100%;position:relative;background-repeat:no-repeat;background-position:right bottom}
.mainBusiness .mainBusiness--btm .item .bgtext li{margin-top:7px}
.mainBusiness .mainBusiness--btm .item .bgtext .half{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.mainBusiness .mainBusiness--btm .item .bgtext .half li{width:50%}
.mainBusiness .mainBusiness--btm .item strong{font-size:24px}
.mainBusiness .mainBusiness--btm .item:nth-of-type(even) .bgtext{background-color:#5d9015}
.mainBusiness .mainBusiness--btm .item:nth-of-type(odd) .bgtext{background-color:#2a3890}
.mainBusiness .mainBusiness--btm .item .btn-go{width:40px;height:40px;position:absolute;right:25px;top:25px;background:url(../img/sub/business/business01_arrow.png) no-repeat}
@media screen and (max-width:1280px){
	.mainBusiness .mainBusiness--top{width:100%;background-color:#f5f5f5;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
	.mainBusiness .mainBusiness--top .txt{padding:2%}
	.mainBusiness .mainBusiness--top .txt br{display:none}
	.mainBusiness .mainBusiness--top .txt::before{display:none}
	.mainBusiness .mainBusiness--top .txt::after{left:initial;bottom:30px;right:50px;width:170px;height:87px}
	.mainBusiness .mainBusiness--top .img img{height:auto}
	.mainBusiness .mainBusiness--btm{margin-top:100px;width:100%;padding:0 2%}
}
@media screen and (max-width:1024px){
	.mainBusiness .mainBusiness--top{-ms-flex-wrap:wrap;flex-wrap:wrap}
	.mainBusiness .mainBusiness--top .img,
	.mainBusiness .mainBusiness--top .txt{width:100%}
	.mainBusiness .mainBusiness--top.mainBusiness--prd .img{background:url(../img/sub/product/product00_top.png) no-repeat;background-position:bottom center;background-size:cover}
	.mainBusiness .mainBusiness--top .img{height:300px;background:url(../img/sub/business/business01_top.png) no-repeat;background-position:bottom center;background-size:cover}
	.mainBusiness .mainBusiness--top .img img{display:none}
	.mainBusiness .mainBusiness--top .txt{font-size:18px;padding:30px}
	.mainBusiness .mainBusiness--top .txt::after{display:none}
	.mainBusiness .mainBusiness--btm{-ms-flex-wrap:wrap;flex-wrap:wrap}
	.mainBusiness .mainBusiness--btm .item{width:50%;height:auto;font-size:14px}
	.mainBusiness .mainBusiness--btm .item strong{font-size:20px}
}
@media screen and (max-width:480px){
	.mainBusiness .mainBusiness--btm .item{width:100%;margin-bottom:10px}
	.mainBusiness .mainBusiness--btm .item .btn-go{top:10px;right:10px}
	.mainBusiness .mainBusiness--btm .item strong{font-size:18px}
	.mainBusiness .mainBusiness--btm .item li{font-size:14px}
	.mainBusiness .mainBusiness--btm .item .thumb{height:200px}
	.mainBusiness .mainBusiness--btm .item .bgtext{height:auto;padding:20px 20px 20px 20px}
}


.intro-business{padding:100px 0}
.intro-business.intro--biz{background:url(../img/sub/business/business_intro_bg.png) no-repeat center top;background-size:cover}
.intro-business.intro--prd{background:url(../img/sub/product/product_intro_bg.png) no-repeat center top;background-size:cover}
.intro-business.intro--rnd{background:url(../img/sub/rnd/rnd_intro_bg.png) no-repeat center top;background-size:cover}
.intro-business.intro--rnd h4{line-height:1.6;font-size:23px;font-weight:300}
.intro-business.intro--rnd strong{display:block;font-size:35px;font-weight:700;padding-bottom:10px}
.intro-business.intro--quality{background:url(../img/sub/quality/quality_intro_bg.png) no-repeat center top;background-size:cover;padding:130px 2%;text-align:center}
.quality-intro .quality-goal{text-align:center}
.quality-intro .quality-goal>p{font-size:22px}
.quality-intro .quality-goal .diagram{background:#fff;width:1280px;margin:20px auto 0;padding:20px 0;border:1px solid #ddd}
.intro-business.intro--company{background:url(../img/sub/company/company_intro_bg.png) no-repeat center top;background-size:cover}
.intro-business h4{color:#fff;font-size:36px;display:block;text-align:center;font-weight:300}
.intro-business h4 b{font-weight:500}
.intro-business h4::before{content:"";width:47px;height:2px;background:#fff;display:block;margin:0 auto 35px auto}
.intro-business .intro-links{width:1280px;margin-left:auto;margin-right:auto;display:-webkit-box;display:-ms-flexbox;display:flex;border:1px solid #fff;margin-top:150px}
.intro-business .intro-links>li{width:25%}
.intro-business .intro-links>li:not(:first-child){border-left:1px solid #fff}
.intro-business .intro-links>li:hover .off{opacity:0}
.intro-business .intro-links>li:hover .on{opacity:1}
.intro-business .intro-links>li:hover .on li{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
.intro-business .intro-links>li.biz02 .off p::before{background-position:-94px 0}
.intro-business .intro-links>li.biz03 .off p::before{background-position:-188px 0}
.intro-business .intro-links>li.biz04 .off p::before{background-position:-282px 0}
.intro-business .intro-links>li .off,
.intro-business .intro-links>li .on{position:absolute;left:0;top:0;width:100%;height:100%;padding:40px 35px 0 35px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:.3s;transition:.3s}
.intro-business .intro-links>li .off{opacity:1}
.intro-business .intro-links>li .off p::before{content:"";width:94px;height:88px;background-image:url(../img/sub/business/business_intro_ico.png);background-repeat:no-repeat;background-position:0 0;display:block;margin:20px auto 35px auto}
.intro-business .intro-links>li .on{opacity:0;position:relative}
.intro-business .intro-links>li .on::after{content:"";position:absolute;left:50%;bottom:40px;width:69px;height:17px;background:url(../img/sub/business/business_intro_hover.png) no-repeat;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.intro-business .intro-links>li .on strong{display:block;text-align:center;font-size:27px;margin-bottom:10px}
.intro-business .intro-links>li .on li{font-size:16px;margin-bottom:3px;-webkit-transform:translateY(40px);transform:translateY(40px);-webkit-transition:.3s;transition:.3s;opacity:0}
.intro-business .intro-links>li .on li:nth-of-type(1){-webkit-transition-delay:.1s;transition-delay:.1s}
.intro-business .intro-links>li .on li:nth-of-type(2){-webkit-transition-delay:.2s;transition-delay:.2s}
.intro-business .intro-links>li .on li:nth-of-type(3){-webkit-transition-delay:.3s;transition-delay:.3s}
.intro-business .intro-links>li .on li:nth-of-type(4){-webkit-transition-delay:.4s;transition-delay:.4s}
.intro-business .intro-links>li .on.left li{text-align:left}
.intro-business .intro-links .half{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.intro-business .intro-links .half li{width:50%}
.intro-business .intro-links.intro-links--rnd>li{width:33%}
.intro-business .intro-links.intro-links--rnd>li.rnd02 .off p::before{background-position:-90px 0}
.intro-business .intro-links.intro-links--rnd>li.rnd03 .off p::before{background-position:-180px 0}
.intro-business .intro-links.intro-links--rnd>li .off p::before{content:"";width:90px;height:79px;background-image:url(../img/sub/rnd/rnd_intro_ico.png)}
.intro-business .intro-links.intro-links--quality>li.quality02 .off p::before{background-position:-77px 0}
.intro-business .intro-links.intro-links--quality>li.quality03 .off p::before{background-position:-154px 0}
.intro-business .intro-links.intro-links--quality>li.quality03 .off p::before{background-position:-231px 0}
.intro-business .intro-links.intro-links--quality>li .off p::before{content:"";width:77px;height:77px;background-image:url(../img/sub/quality/quality_intro_ico.png)}
.intro-business .intro-links.intro-links--quality>li.quality02 .off p::before{background-position:-77px 0}
.intro-business .intro-links.intro-links--quality>li.quality03 .off p::before{background-position:-154px 0}
.intro-business .intro-links.intro-links--quality>li.quality04 .off p::before{background-position:-231px 0}
.intro-business .intro-links.intro-links--quality>li .off p::before{content:"";width:77px;height:77px;background-image:url(../img/sub/quality/quality_intro_ico.png)}
.intro-business .intro-links .links-container{color:#fff;font-size:27px;height:270px;font-weight:700;text-align:center;position:relative}
.intro-business .intro-links .links-container .link{display:block;position:absolute;left:0;top:0;width:100%;height:100%}
.intro-business .company-links{margin-top:120px;width:1280px;margin-left:auto;margin-right:auto}
.intro-business .company-links ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:-1px}
.intro-business .company-links ul li{width:20%;height:140px;text-align:center;border:1px solid #fff;border-left:none}
.intro-business .company-links ul li:first-child{border-left:1px solid #fff}
.intro-business .company-links ul li a{color:#fff;text-align:center;width:100%;height:100%;font-size:27px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;align-items:center}
.intro-business .company-links ul li p::after{content:"";display:none;width:69px;height:17px;margin:15px auto 0;background:url(../img/sub/business/business_intro_hover.png)}
.intro-business .company-links ul li:hover p::after{display:block}
@media screen and (max-width:1280px){
	.intro-business{padding:80px 2%}
	.intro-business .intro-links{width:100%}
	.intro-business h4{font-size:28px}
	.intro-business .intro-links{margin-top:50px}
	.intro-business .intro-links>li .links-container{font-size:20px}
	.intro-business .intro-links>li .on::after{bottom:20px}
}
@media screen and (max-width:1024px){
	.intro-business h4{font-size:22px}
	.intro-business .intro-links{-ms-flex-wrap:wrap;flex-wrap:wrap}
	.intro-business .intro-links>li{width:50%;height:220px}
	.intro-business .intro-links>li:nth-of-type(3){border-left:0}
	.intro-business .intro-links>li:nth-of-type(3),
	.intro-business .intro-links>li:nth-of-type(4){border-top:1px solid #fff}
	.intro-business .intro-links>li .links-container{height:100%}
	.intro-business .intro-links>li .off,
	.intro-business .intro-links>li .on{padding:40px 20px 20px 20px}
	.intro-business .intro-links>li .off strong,
	.intro-business .intro-links>li .on strong{font-size:22px}
	.intro-business .intro-links>li .on::after{display:none}
	.intro-business .intro-links>li .off p::before{margin-bottom:10px;margin-top:0}
	.intro-business .intro-links.intro-links--rnd li:nth-of-type(3){border-top:none;border-left:1px solid #fff}
}
@media screen and (max-width:480px){
	.intro-business h4{font-size:20px}
	.intro-business h4 br{display:none}
	.intro-business .intro-links>li{width:100%}
	.intro-business .intro-links>li:nth-of-type(1){border-bottom:1px solid #fff}
	.intro-business .intro-links>li .links-container{font-size:18px}
	.intro-business .intro-links>li .on li{font-size:14px}
	.intro-business .intro-links.intro-links--rnd>li{width:100%}
	.intro-business .intro-links.intro-links--rnd>li:nth-of-type(2),
	.intro-business .intro-links.intro-links--rnd>li:nth-of-type(3){border-left:none}
	.intro-business .intro-links.intro-links--rnd>li:nth-of-type(3){border-top:1px solid #fff}
}

.intro-business-cate{width:1280px;margin:85px auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.intro-business-cate .cate{width:24%}
.intro-business-cate .cate img{width:100%}
.intro-business-cate .cate .desc{background-color:#2a3890;height:160px;position:relative;color:#fff;padding:30px 20px;font-size:15px;z-index:1}
.intro-business-cate .cate .desc::before{content:"";display:block;position:absolute;right:20px;top:25px;width:39px;height:39px;background:url(../img/sub/business/business01_arrow.png) no-repeat}
.intro-business-cate .cate .desc::after{content:"";width:80px;height:80px;position:absolute;right:0;bottom:0;background-image:url(../img/sub/business/bizintro_cate_bg.png);background-position:0 0;z-index:1}
.intro-business-cate .cate .desc strong{display:block;font-size:24px;line-height:1;padding-bottom:15px}
.intro-business-cate .cate .desc p,
.intro-business-cate .cate .desc ul{position:relative;z-index:2}
.intro-business-cate .cate .desc .li-dash>li{position:relative;padding-left:12px}
.intro-business-cate .cate .desc .li-dash>li::before{content:"";width:5px;height:1px;background:#fff;display:block;position:absolute;left:0;top:10px}
.intro-business-cate .cate .desc .li-dash.half{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.intro-business-cate .cate .desc .li-dash.half li{width:50%}
.intro-business-cate .cate:nth-child(even) .desc{background-color:#5d9015}
.intro-business-cate .cate:nth-of-type(2) .desc::after{background-position:-80px 0}
.intro-business-cate .cate:nth-of-type(3) .desc::after{background-position:-160px 0}
.intro-business-cate .cate:nth-of-type(4) .desc::after{background-position:-240px 0}


.introview .bg-box--top-title{background:#f5f5f5;margin:150px 0 100px 0;padding:50px 0 100px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.introview .bg-box--top-title.bg-rndtech{background-image:url(../img/sub/rnd/rndintro_tech_bg.png);background-repeat:no-repeat;background-position:center;background-size:cover;border:none}
.introview .bg-box--top-title.mt-base{margin-top:50px}
.introview .bg-box--top-title .title{font-size:30px;color:#2a3890;height:45px}
.introview .bg-box--top-title .title span{display:inline-block;font-weight:700;border-bottom:2px solid #2a3890}
.introview .bg-box--top-title .bg-box--container{width:1280px;margin-left:auto;margin-right:auto;position:relative}
.introview .bg-box--top-title .bg-box--container .title{top:-94px;position:relative}
.introview .tech-list h5{font-size:27px;text-align:center;font-weight:300}
.introview .tech-list ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:50px}
.introview .tech-list li{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;width:380px}
.introview .tech-list li:nth-of-type(2) .system-inner{background-image:url(../img/sub/borderbox_green.png)}
.introview .tech-list li:nth-of-type(2) .system-inner strong::after{background:#159086}
.introview .tech-list li:nth-of-type(3) .system-inner{background-image:url(../img/sub/borderbox_lgreen.png)}
.introview .tech-list li:nth-of-type(3) .system-inner strong::after{background:#5d9015}
.introview .tech-list li .system-inner{background-image:url(../img/sub/borderbox_blue.png);background-size:contain;background-repeat:no-repeat;height:503px;padding:40px 30px;text-align:center}
.introview .tech-list li .system-inner strong{font-size:24px;font-weight:500;display:block;margin-top:50px}
.introview .tech-list li .system-inner strong::after{content:"";width:47px;height:2px;background:#2a3890;display:block;margin:25px auto}
.introview .tech-list li .system-inner p{color:#666}
.introview .tech-list li .ico{width:145px;height:145px;background-image:url(../img/sub/rnd/rndintro_tech_ico01.png);background-repeat:no-repeat;background-size:contain;display:block;margin-left:auto;margin-right:auto}
.introview .tech-list li .ico.ico02{background-image:url(../img/sub/rnd/rndintro_tech_ico02.png)}
.introview .tech-list li .ico.ico03{background-image:url(../img/sub/rnd/rndintro_tech_ico03.png)}
.introview .rnd-ability{padding:0;margin:0}
.introview .rnd-equipments{border:none;padding:0}
.introview .flex-img-list-outer{border-top:none;margin:0}
.introview .flex-img-list-outer .title02{padding-bottom:20px}
.introview .view--top{position:relative;height:530px;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.introview .view--top .img,.introview .view--top .txt{width:50%}
.introview .view--top .img img{height:530px;width:100%}
.introview .view--top .txt{padding-left:50px;font-size:23px;position:relative;padding-top:100px}
.introview .view--top .txt::before{content:"";width:100%;background:#f5f5f5;position:absolute;z-index:-1;left:0;height:80%;top:10%}
.introview .view--top .txt::after{content:"";width:208px;height:106px;background:url(../img/sub/business/business01_logo.png) no-repeat;background-size:contain;position:absolute;right:20%;bottom:100px}
.introview .view--top .txt strong{font-weight:700;color:#2a3890}
.introview .view--top.view--company .txt{padding-top:8%}
.introview .view--top.view--company .txt::before{height:70%;top:15%}
.introview .view--btm{width:1280px;margin-left:auto;margin-right:auto;margin-top:150px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.introview .view--btm .item{width:31%;font-size:16px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.introview .view--btm .item .thumb{height:340px;width:100%;background-repeat:no-repeat;background-position:center;background-size:cover}
.introview .view--btm .item.item01 .thumb{background-image:url(../img/sub/rnd/rnd01_img01.png)}
.introview .view--btm .item.item02 .thumb{background-image:url(../img/sub/rnd/rnd01_img02.png)}
.introview .view--btm .item.item03 .thumb{background-image:url(../img/sub/rnd/rnd01_img03.png)}
.introview .view--btm .item.item04 .thumb{background-image:url(../img/sub/rnd/rnd01_img04.png)}
.introview .view--btm .item .bgtext{padding:30px;width:100%;position:relative;background-repeat:no-repeat;background-position:right bottom}
.introview .view--btm .item .bgtext li{margin-top:5px}
.introview .view--btm .item strong{font-size:24px}
.introview .view--btm .item:nth-of-type(even) .bgtext{background-color:#5d9015}
.introview .view--btm .item:nth-of-type(odd) .bgtext{background-color:#2a3890}
.introview .view--btm .item .btn-go{width:40px;height:40px;position:absolute;right:25px;top:25px;background:url(../img/sub/business/business01_arrow.png) no-repeat}
.introview .view--btm.view--quality .item.item01 .thumb{background-image:url(../img/sub/quality/quality01_img01.png)}
.introview .view--btm.view--quality .item.item02 .thumb{background-image:url(../img/sub/quality/quality01_img02.png)}
.introview .view--btm.view--quality .item.item03 .thumb{background-image:url(../img/sub/quality/quality01_img03.png)}
.introview .view--btm.view--quality .item.item04 .thumb{background-image:url(../img/sub/quality/quality01_img04.png)}
.introview .view--overview{background:#cce2f1;margin-top:150px}
.introview .view--overview .container{width:1280px;padding:80px 0;margin:0 auto;position:relative;background-image:url(../img/sub/rnd/rnd01_overview_bg.png);background-repeat:no-repeat;background-position:right bottom}
.introview .view--overview .container .title{color:#2a3890;font-size:30px;font-weight:500;position:absolute;position:absolute;left:0;top:-54px;height:54px;line-height:1}
.introview .view--overview .container .title span{display:inline-block;padding-bottom:10px;border-bottom:2px solid #2a3890}
.introview .view--overview .container p{font-size:17px;line-height:1.6;margin-top:40px;padding-right:35%}
.introview .view--overview .container p:nth-of-type(1){margin-top:0}
.introview .view-shortcut{width:1280px;margin:100px auto 0 auto}
.introview .view-shortcut ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.introview .view-shortcut ul li{width:240px;margin:0 5px;border:1px solid #2a3890;background:#fff;margin-bottom:15px;position:relative}
.introview .view-shortcut ul li a{color:#2a3890;font-size:18px;display:block;padding-left:15px;height:60px;line-height:60px;position:relative}
.introview .view-shortcut ul li span::after{content:"";width:32px;height:32px;background-image:url(../img/sub/company/link_arr_blue.png);background-repeat:no-repeat;position:absolute;right:15px;top:14px}
.introview .view-shortcut ul li:hover{background:#2a3890}
.introview .view-shortcut ul li:hover a{color:#fff}
.introview .view-shortcut ul li:hover span::after{background-image:url(../img/sub/company/link_arr_white.png)}
@media screen and (max-width:1280px){
	.introview .bg-box--top-title .bg-box--container{width:auto}
	.introview .tech-list li{width:31%;margin:1%}
	.introview .tech-list li .ico{width:100px;height:100px}
	.introview .tech-list li .system-inner{font-size:15px}
	.introview .tech-list li .system-inner strong{margin-top:20px;font-size:20px}
	.introview .view--top{width:100%;background-color:#f5f5f5;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
	.introview .view--top .txt{padding:2%}
	.introview .view--top .txt br{display:none}
	.introview .view--top .txt::before{display:none}
	.introview .view--top .txt::after{left:initial;bottom:30px;right:50px;width:170px;height:87px}
	.introview .view--top .img img{height:auto}
	.introview .view--btm{margin-top:100px;width:100%;padding:0 2%}
	.introview .view--btm .item .bgtext{padding:20px 30px}
	.introview .view--btm .item .btn-go{top:15px}
	.introview .view--overview{padding:0 2%}
	.introview .view--overview .container{width:auto}
	.introview .view-shortcut{width:100%;padding:0 2%}
	.introview .view-shortcut ul li{width:19%;margin:0 .5% 10px .5%}
	.introview .view-shortcut ul li a{font-size:16px}
}
@media screen and (max-width:1024px){
	.introview .tech-list h5{font-size:20px}
	.introview .tech-list ul{margin-top:20px}
	.introview .tech-list li{width:100%;margin:1%}
	.introview .tech-list li:nth-of-type(2) .system-inner{border:1px solid #2a9080}
	.introview .tech-list li:nth-of-type(3) .system-inner{border:1px solid #3bb23c}
	.introview .tech-list li .system-inner{background:0 0!important;border:1px solid #2a3890;height:auto!important;background-color:#fff!important}
	.introview .view--top{-ms-flex-wrap:wrap;flex-wrap:wrap}
	.introview .view--top .img,.introview .view--top .txt{width:100%}
	.introview .view--top .img{height:300px;background:url(../img/sub/business/business01_top.png) no-repeat;background-size:bottom center;background-size:cover}
	.introview .view--top .img img{display:none}
	.introview .view--top.view--company .img{background:url(../img/sub/company/company_intro_top.png) no-repeat}
	.introview .view--top.view--quality .img{background:url(../img/sub/quality/quality_intro_top.png) no-repeat}
	.introview .view--top .txt{font-size:18px;padding:30px}
	.introview .view--top .txt::after{display:none}
	.introview .view--btm{-ms-flex-wrap:wrap;flex-wrap:wrap}
	.introview .view--btm .item{width:100%;height:auto;font-size:14px}
	.introview .view--btm .item strong{font-size:20px}
	.introview .view--overview .container .title{font-size:25px;top:-47px}
	.introview .view--overview .container p{font-size:15px;padding-right:40%}
	.introview .view-shortcut ul li{width:24%}
	.introview .view-shortcut ul li a{font-size:16px}
}
@media screen and (max-width:768px){
	.introview .view-shortcut{margin-top:50px}
	.introview .view-shortcut ul li{width:32%;margin:0 .5% 10px .5%}
	.introview .view-shortcut ul li a{font-size:15px}
}
@media screen and (max-width:640px){
	.introview .view--overview .container{padding:50px 2%;background-size:50%}
	.introview .view--overview .container .title{font-size:20px;position:static;top:0;height:auto;line-height:1.5;margin-bottom:20px}
	.introview .view-shortcut ul li{width:49%;margin:0 .5% 10px .5%}
	.introview .view-shortcut ul li a{font-size:13px}
}
@media screen and (max-width:480px){
	.introview .bg-box--top-title.bg-rndtech{padding:1px 0 20px 0}
	.introview .bg-box--top-title.bg-rndtech .bg-box--container .title{top:-45px;left:1%;font-size:23px}
	.introview .bg-box--top-title.bg-rndtech .bg-box--container .title span{line-height:43px}
	.introview .tech-list h5{font-size:16px}
	.introview .tech-list h5 br{display:none}
	.introview .tech-list ul{margin-top:10px}
	.introview .view--btm .item{width:100%;margin-bottom:10px}
	.introview .view--btm .item .btn-go{top:10px;right:10px}
	.introview .view--btm .item strong{font-size:18px}
	.introview .view--btm .item li{font-size:14px}
	.introview .view--btm .item .thumb{height:200px}
	.introview .view--btm .item .bgtext{height:auto;padding:20px 20px 20px 20px}
	.introview .view--overview .container{padding:50px 2% 100px 2%;background-size:50%}
	.introview .view--overview .container p{padding:0;font-size:14px}
}

.powerSupply .btn-more{width:250px;height:60px;line-height:60px;color:#fff;padding:0 30px;background:#629226;display:block;margin-left:auto;margin-right:auto;font-size:15px}
.powerSupply .btn-more span::after{content:"";width:36px;height:10px;background:url(../img/sub/arr_right_white.png) no-repeat;display:inline-block;vertical-align:middle;margin-left:40px}
.powerSupply .supply-products{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;width:1280px;margin-left:auto;margin-right:auto}
.powerSupply .supply-products .item{width:32%;position:relative;margin-bottom:50px}
.powerSupply .supply-products .item .thumb{position:relative;border:1px solid #e6e6e6;border-top:none;padding:30px;background:#f5f5f5}
.powerSupply .supply-products .item .thumb img{width:100%}
.powerSupply .supply-products .item .desc{background:#2a3890;height:55px;line-height:55px;text-align:center;color:#fff;font-size:22px}
.powerSupply .supply-products.supply-products--2type .item{width:48%}
.powerSupply .supply-products.supply-product2{width:1280px;margin-left:auto;margin-right:auto;margin-top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.powerSupply .supply-products.supply-product2 .item{width:32%}
.powerSupply .supply-products.supply-product2 .item .thumb{border:1px solid #ddd;padding:30px;border-bottom:none}
.powerSupply .supply-products.supply-product2 .item .bgtext{padding:25px;width:100%;position:relative;background-repeat:no-repeat;background-position:right bottom;background-image:url(../img/sub/business/business03_bg.png);background-color:#2a3890;font-size:18px;color:#fff}
.powerSupply .supply-products.supply-product2 .item .bgtext li{margin-top:5px;position:relative;padding-left:18px}
.powerSupply .supply-products.supply-product2 .item .bgtext li:first-child{margin-top:0}
.powerSupply .supply-products.supply-product2 .item .bgtext li::before{content:"";width:6px;height:6px;background:#fff;border-radius:50%;position:absolute;left:0;top:10px}
.powerSupply .box-gray{margin-top:60px}

.productPowerSupply01{margin-top:100px}
.productPowerSupply01.mt0{margin-top:0}
.productPowerSupply01:nth-of-type(1){margin-top:0}
.productPowerSupply01 .title01{margin-top:90px}
.productPowerSupply01--top{width:1280px;margin-left:auto;margin-right:auto}
.productPowerSupply01--top .top-img-text .img{position:relative}
.productPowerSupply01--top .top-img-text .desc{position:relative;z-index:2;background-color:#2a3890;background-image:url(../img/sub/product/product_supply_textbg.png);background-repeat:no-repeat;background-position:right bottom;margin-top:-90px;width:90%;margin-left:auto;margin-right:auto;padding:40px;color:#fff;font-size:17px;line-height:1.6}
.productPowerSupply01--top .top-img-text .desc strong{display:block;font-size:24px;font-weight:500}
.productPowerSupply01--top .top-img-text .desc.desc-storage{background-image:url(../img/sub/product/product_storage_textbg.png);background-position:97% center}
.productPowerSupply01--top .top-img-text .desc.desc-plane{background-image:url(../img/sub/product/product_plane_textbg.png);background-position:97% center}
.productPowerSupply01--top .desc-sub{font-size:17px;line-height:1.7;margin-top:50px}
.productPowerSupply01--top .desc-sub p{line-height:1.7;margin-top:30px}
.productPowerSupply01--top .desc-sub p:nth-of-type(1){margin-top:0}
.productPowerSupply01--top .application-list{margin-top:30px}
.productPowerSupply01--top .application-list ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.productPowerSupply01--top .application-list ul li{width:25%;margin-top:30px;text-align:center}
.productPowerSupply01--top .application-list ul li .ico{width:197px;height:197px;margin-left:auto;margin-right:auto;background-image:url(../img/sub/product/product01_ico01.png);background-repeat:no-repeat;background-size:contain}
.productPowerSupply01--top .application-list ul li .ico.ico02{background-image:url(../img/sub/product/product01_ico02.png)}
.productPowerSupply01--top .application-list ul li .ico.ico03{background-image:url(../img/sub/product/product01_ico03.png)}
.productPowerSupply01--top .application-list ul li .ico.ico04{background-image:url(../img/sub/product/product01_ico04.png)}
.productPowerSupply01--top .application-list ul li .ico.ico05{background-image:url(../img/sub/product/product01_ico05.png)}
.productPowerSupply01--top .application-list ul li .ico.ico06{background-image:url(../img/sub/product/product01_ico06.png)}
.productPowerSupply01--top .application-list ul li .ico.ico07{background-image:url(../img/sub/product/product01_ico07.png)}
.productPowerSupply01--top .application-list ul li .ico.ico08{background-image:url(../img/sub/product/product01_ico08.png)}
.productPowerSupply01--top .application-list ul li .app-name{font-size:20px;margin-top:10px}
.productPowerSupply01--top .application-list ul li .app-desc{font-size:16px}
.productPowerSupply01 .supply-corplist{width:1280px;margin-left:auto;margin-right:auto}
.productPowerSupply01 .supply-corplist ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:40px;border-left:1px solid #dedede;border-bottom:1px solid #dedede}
.productPowerSupply01 .supply-corplist ul li{width:20%;border:1px solid #dedede;border-bottom:none;border-left:none;overflow:hidden}
.productPowerSupply01 .supply-pic-list{margin-top:100px;background:url(../img/sub/product/product_supplybg.png) no-repeat center;padding:90px 0;background-size:cover}
.productPowerSupply01 .supply-pic-list .container{width:1280px;margin-left:auto;margin-right:auto;position:relative}
.productPowerSupply01 .supply-pic-list .container .title{color:#2a3890;font-size:22px;position:absolute;top:-124px;font-weight:500;left:0}
.productPowerSupply01 .supply-pic-list .container .title span{border-bottom:3px solid #2a3890}
.productPowerSupply01 .supply-pic-list .list-wrap{position:relative}
.productPowerSupply01 .supply-pic-list .list-wrap:nth-of-type(2){margin-top:70px}
.productPowerSupply01 .supply-pic-list .list-wrap h5{font-size:25px;color:#fff;padding-bottom:15px;text-transform:uppercase;font-weight:500}
.productPowerSupply01 .supply-pic-list .list-wrap .btn-more{display:block;position:absolute;right:0;top:0;background:url(../img/sub/product/btn_more.png) no-repeat;width:35px;height:35px}
.productPowerSupply01 .supply-pic-list .list-wrap.list-wrap--3type ul li{width:32.5%}
.productPowerSupply01 .supply-pic-list .list-wrap.list-wrap--2type ul li{width:48.5%}
.productPowerSupply01 .supply-pic-list .list-wrap ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.productPowerSupply01 .supply-pic-list .list-wrap ul li{width:23.5%;text-align:center}
.productPowerSupply01 .supply-pic-list .list-wrap ul li h5{text-align:left}
.productPowerSupply01 .supply-pic-list .list-wrap ul li .btn-link{display:inline-block;font-size:15px;color:#fff;font-weight:700;padding:0 30px;width:250px;height:60px;line-height:60px;margin-top:20px;font-size:20px;background:#5d9015;-webkit-box-shadow:none;box-shadow:none}
.productPowerSupply01 .supply-pic-list .list-wrap ul li .btn-link::after{display:none}
.productPowerSupply01 .supply-pic-list .list-wrap ul li .btn-link span::after{content:"";width:36px;height:10px;background:url(../img/sub/arr_right_white.png) no-repeat;margin-left:20px;display:inline-block;vertical-align:middle}
.productPowerSupply01 .supply-pic-list .list-wrap ul li a{display:block;background:#f5f5f5;padding:20px;-webkit-box-shadow:4px 4px 10px rgba(0,0,0,.25);box-shadow:4px 4px 10px rgba(0,0,0,.25);position:relative}
.productPowerSupply01 .supply-pic-list .list-wrap ul li a::after{content:"";width:80px;height:80px;background:url(../img/sub/product/btn_view.png) no-repeat;background-size:contain;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0}
.productPowerSupply01 .supply-pic-list .list-wrap ul li a:hover::after{opacity:1}
.productPowerSupply01 .supply-pic-list .list-wrap ul li .item .thumb{width:100%}
.productPowerSupply01 .supply-pic-list .list-wrap ul li .item .thumb img{border:1px solid #ddd;width:100%;height:100%}
.productPowerSupply01 .supply-pic-list .list-wrap ul li .item .item-name{font-size:20px;padding-top:20px}
.productPowerSupply01 .certi{width:1280px;margin-left:auto;margin-right:auto}
.productPowerSupply01 .certi .certi-list{margin-top:40px;display:-webkit-box;display:-ms-flexbox;display:flex}
.productPowerSupply01 .certi .certi-list li{width:31%;margin-left:2%;text-align:center}
.productPowerSupply01 .certi .certi-list li:first-child{margin-left:0}
.productPowerSupply01 .certi .certi-list li p{font-size:17px;margin-top:10px}

@media screen and (max-width:1280px){
	.powerSupply{width:auto;padding:0 2%}
	.powerSupply .supply-products{width:auto}
	.powerSupply .supply-products.supply-product2{width:auto}
	.powerSupply .supply-products.supply-product2 .item .bgtext li{font-size:17px}
	.powerSupply .supply-products.supply-products--2type .item .desc{font-size:17px}

	.productPowerSupply01--top{width:auto;padding:0 2%}
	.productPowerSupply01 .supply-corplist{width:auto;padding:0 2%}
	.productPowerSupply01 .supply-pic-list{padding:70px 2%}
	.productPowerSupply01 .supply-pic-list .container{width:auto}
	.productPowerSupply01 .supply-pic-list .container .title{top:-104px}
	.productPowerSupply01 .certi{width:100%;padding:0 2%}
}
@media screen and (max-width:1024px){
	.powerSupply .supply-products .item{margin-bottom:30px}
	.powerSupply .supply-products .item .desc{font-size:20px;height:45px;line-height:45px}
	.powerSupply .supply-products .item .thumb{padding:20px}
	.powerSupply .supply-products.supply-product2 .item .thumb{padding:20px}
	.powerSupply .supply-products.supply-product2 .item .bgtext{padding:20px}
	.powerSupply .supply-products.supply-product2 .item .bgtext li{font-size:16px}

	.productPowerSupply01--top .application-list ul li{padding:0 10px}
	.productPowerSupply01--top .application-list ul li .ico{width:150px;height:150px}
	.productPowerSupply01--top .application-list ul li .app-name{font-size:18px}
	.productPowerSupply01--top .application-list ul li .app-desc{font-size:14px}
	.productPowerSupply01 .supply-pic-list .list-wrap h5{font-size:20px}
	.productPowerSupply01 .supply-pic-list .list-wrap ul li{width:49%;margin-bottom:10px}
	.productPowerSupply01 .supply-pic-list .list-wrap ul li .btn-link{width:auto;font-size:18px;padding:0 50px;height:50px;line-height:50px}
	.productPowerSupply01 .supply-pic-list .list-wrap ul li .item .item-name{font-size:15px}
	.productPowerSupply01 .certi .certi-list li p{font-size:15px}
}
@media screen and (max-width:768px){
	.powerSupply .supply-products .item{margin-bottom:20px;width:49%}
	.powerSupply .supply-products .item .desc{font-size:18px}
	.powerSupply .supply-products .item .thumb{padding:15px}
	.powerSupply .supply-products.supply-product2{-ms-flex-wrap:wrap;flex-wrap:wrap}
	.powerSupply .supply-products.supply-product2 .item{width:49%}
	.powerSupply .supply-products.supply-product2 .item .thumb{padding:15px}

	.productPowerSupply01--top .top-img-text .desc{font-size:15px;padding:30px}
	.productPowerSupply01--top .application-list ul li .ico{width:110px;height:110px}
	.productPowerSupply01--top .application-list ul li .app-name{font-size:16px}
	.productPowerSupply01 .supply-pic-list .list-wrap ul{-ms-flex-wrap:wrap;flex-wrap:wrap}
	.productPowerSupply01 .supply-pic-list .list-wrap.list-wrap--3type ul li{width:48%}
}
@media screen and (max-width:768px) and (min-width:641px){
	.productPowerSupply01 .supply-pic-list .list-wrap ul li .btn-link{font-size:15px}
	.productPowerSupply01 .supply-pic-list .list-wrap ul li .btn-link span::after{margin-left:4px;width:30px;background-position:right bottom}
}
@media screen and (max-width:640px){
	.productPowerSupply01 .supply-corplist ul li{width:33.33%;border-bottom:1px solid #dedede;margin-bottom:-1px}
	.productPowerSupply01 .supply-pic-list .list-wrap h5{font-size:18px}
	.productPowerSupply01 .supply-pic-list .list-wrap ul{-ms-flex-wrap:wrap;flex-wrap:wrap}
	.productPowerSupply01 .supply-pic-list .list-wrap.list-wrap--2type ul li{width:100%}
	.productPowerSupply01 .supply-pic-list .list-wrap ul li .btn-link{width:auto;font-size:14px;padding:0 30px;height:40px;line-height:40px}
	.productPowerSupply01 .supply-pic-list .list-wrap ul li a{padding:10px}
	.productPowerSupply01 .supply-pic-list .list-wrap ul li .item .item-name{font-size:14px;padding-top:10px}
	.productPowerSupply01 .certi .certi-list li p{font-size:14px}
}
@media screen and (max-width:560px){
	.powerSupply .supply-products.supply-product2{-ms-flex-wrap:wrap;flex-wrap:wrap}
	.powerSupply .supply-products.supply-product2 .item{width:100%}
	.powerSupply .supply-products.supply-product2 .item .thumb{padding:10px}
	.powerSupply .supply-products.supply-product2 .item .bgtext{padding:20px}
	.powerSupply .supply-products.supply-product2 .item .bgtext li{font-size:16px}

	.productPowerSupply01--top .top-img-text .desc{font-size:14px;padding:20px}
	.productPowerSupply01 .title01{margin-top:50px;padding-bottom:6px}
	.productPowerSupply01 .title01 span::after{bottom:-7px!important}
	.productPowerSupply01--top .application-list ul li{width:50%}
	.productPowerSupply01 .supply-pic-list{background-size:cover}
	.productPowerSupply01 .supply-pic-list ul{-ms-flex-wrap:wrap;flex-wrap:wrap}
	.productPowerSupply01 .supply-pic-list ul li{width:100%;margin:10px 0}
}
@media screen and (max-width:480px){
	.powerSupply .supply-products .item{margin-bottom:20px;width:49%}
	.powerSupply .supply-products .item .desc{font-size:16px;height:35px;line-height:35px}
	.powerSupply .supply-products .item .thumb{padding:10px}
	.powerSupply .supply-products.supply-products--2type .item{width:100%}
	.powerSupply .supply-products.supply-products--2type .item .desc{font-size:16px;height:35px;line-height:35px}

	.productPowerSupply01--top .top-img-text .desc{margin-top:0;width:100%;font-size:13px}
	.productPowerSupply01--top .application-list ul li{margin-top:15px}
	.productPowerSupply01--top .application-list ul li .ico{width:80px;height:80px}
	.productPowerSupply01--top .application-list ul li .app-desc,.productPowerSupply01--top .application-list ul li .app-name{font-size:13px}
	.productPowerSupply01 .supply-pic-list .list-wrap.list-wrap--3type ul li{width:100%}
}
@media screen and (max-width:414px){
	.powerSupply .supply-products .item{width:100%;margin:0 0 10px 0}
	.powerSupply .supply-products .item .desc{font-size:14px}
	.powerSupply .supply-products.supply-product2 .item .bgtext li{font-size:14px}
}
@media screen and (max-width:360px){
	.productPowerSupply01 .supply-pic-list{padding:40px 2%}
	.productPowerSupply01 .supply-pic-list .container .title{top:-74px}
	.productPowerSupply01 .supply-pic-list .list-wrap h5{font-size:18px;line-height:36px}
	.productPowerSupply01 .supply-pic-list .list-wrap ul li .item .item-name{font-size:14px}
	.productPowerSupply01 .certi .certi-list{-ms-flex-wrap:wrap;flex-wrap:wrap}
	.productPowerSupply01 .certi .certi-list li{width:100%;margin-bottom:20px}
	.productPowerSupply01 .certi .certi-list li p{font-size:13px}
}

.product-tab ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:1280px;margin-left:auto;margin-right:auto}
.product-tab ul>li{width:24.8%;text-align:center;background:#f5f5f5;border:1px solid #ddd}
.product-tab ul>li a{color:#2a3890;display:block;height:50px;line-height:50px}
.product-tab ul>li.on{background:#2a3890}
.product-tab ul>li.on a{color:#fff}
.product-tab .tab-title{font-size:35px;text-align:center;margin-top:80px;font-weight:500;padding-bottom:30px}

@media screen and (max-width:1280px){
	.product-tab ul{width:100%}
}


.bgtext-box{background-image:url(../img/sub/product/product01_top_gradient.png);background-position:left top;background-repeat:no-repeat;background-size:cover}
.bgtext-box .text-container{color:#fff;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:450px;text-align:center}
.bgtext-box .text-container p{width:1280px;font-size:23px;line-height:1.6;}
.bgtext-box .text-container p strong{display:block;font-size:33px;font-weight:700}
.bgtext-box .text-container p:not(:first-child){margin-top:30px}
.bgtext-box--prd2{background-image:url(../img/sub/product/product02_top_gradient.png)}
.bgtext-box--prd2 .bgtext-box--inner .img-left{margin-left:0;width:calc(100% - 700px)}
.bgtext-box--prd2 .bgtext-box--inner .text-container{padding:160px 0}
.bgtext-box--prd3{background-image:url(../img/sub/product/product03_top_gradient.png)}
.bgtext-box--prd3 .bgtext-box--inner .img-left{margin-left:0}
.bgtext-box--prd3 .bgtext-box--inner .text-container{padding:140px 0}
.bgtext-box--prd401{background-image:url(../img/sub/product/product0401_top_gradient.png)}
.bgtext-box--prd401 .bgtext-box--inner .img-left{margin-left:0}
.bgtext-box--prd401 .bgtext-box--inner .text-container{padding:130px 0}
.bgtext-box--prd402{background-image:url(../img/sub/product/product0402_top_gradient.png)}
.bgtext-box--prd402 .bgtext-box--inner .img-left{margin-left:0}
.bgtext-box--prd402 .bgtext-box--inner .text-container{padding:100px 0}
.bgtext-box--prd402 .bgtext-box--inner .text-container strong{display:block;font-size:24px}
.bgtext-box--prd403{background-image:url(../img/sub/product/product0403_top_gradient.png)}
.bgtext-box--prd403 .bgtext-box--inner .img-left{margin-left:0}
.bgtext-box--prd403 .bgtext-box--inner .text-container{padding:100px 0}
.bgtext-box--prd403 .bgtext-box--inner .text-container strong{display:block;font-size:24px}
.bgtext-box--prd404{background-image:url(../img/sub/product/product0404_top_gradient.png)}
.bgtext-box--prd404 .text-container{height:350px}
.bgtext-box--prd404 .bgtext-box--inner .img-left{margin-left:0}
.bgtext-box--prd404 .bgtext-box--inner .text-container{padding:100px 0}
.bgtext-box--prd404 .bgtext-box--inner .text-container strong{display:block;font-size:24px}

@media screen and (max-width:1280px){
	.bgtext-box .text-container,.bgtext-box--prd404 .text-container{height:auto;padding:100px 2%}
	.bgtext-box .text-container p{font-size:18px;line-height:1.8}
	.bgtext-box .text-container p br{display:none}
	.bgtext-box .text-container p strong{font-size:26px}
}
@media screen and (max-width:768px){
	.bgtext-box .text-container{padding:80px 2%}
	.bgtext-box .text-container p{font-size:16px}
	.bgtext-box .text-container p strong{font-size:22px}
}
@media screen and (max-width:480px){
	.bgtext-box .text-container p{font-size:14px}
	.bgtext-box .text-container p strong{font-size:18px;padding-bottom:15px}
}
.product-dme{border-top:1px solid #ddd;background:#f5f5f5;padding-bottom:70px;margin:100px auto}
.product-dme .container{width:1280px;margin-left:auto;margin-right:auto;position: relative;}
.product-dme .container--outer{width:1280px;margin-left:auto;margin-right:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}
.product-dme .dme-item{width:48%}
.product-dme .title{font-size:26px;color:#2a3890;padding-top:10px}
.product-dme .title span{font-weight:700;position:relative;line-height:1}
.product-dme .title span::after{content:"";width:60px;height:5px;left:0;background:#2a3890;position:absolute;top:-10px}
.product-dme .dme-wrap{margin-top:30px}
.product-dme .dme-wrap .txt{margin-top:20px;color:#666}
.product-dme .dme-wrap .txt p{margin-top:15px;line-height:1.6}
.product-dme .dme-wrap .txt p:nth-of-type(1){margin-top:0}

@media screen and (max-width:1280px){
	.product-dme{padding:0 2% 50px 2%}
	.product-dme .container{width:auto}
	.product-dme .container--outer{width:auto}
}
@media screen and (max-width:1024px){
	.product-dme{font-size:15px}
	.product-dme{font-size:15px}
	.product-dme .title{font-size:22px}
	.product-dme .dme-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}
	.product-dme .dme-wrap>p{width:100%;text-align:center}
	.product-dme .dme-wrap .txt{width:100%;margin-top:10px;padding:0}
}
@media screen and (max-width:640px){
	.product-dme .dme-item{width:100%}
	.product-dme .dme-item:nth-of-type(2){margin-top:50px}
}
@media screen and (max-width:480px){
	.product-dme{font-size:14px}
	.product-dme .title{font-size:18px}
}


.powerSupply-storage-merit{background:#f5f5f5;padding:40px;border-bottom:1px solid #ddd}
.powerSupply-storage-merit ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}
.powerSupply-storage-merit ul li{width:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-right:5%;margin-top:50px}
.powerSupply-storage-merit ul li:nth-of-type(1),.powerSupply-storage-merit ul li:nth-of-type(2){margin-top:0}
.powerSupply-storage-merit ul li:nth-of-type(2n) dl dt{color:#5d9015}
.powerSupply-storage-merit ul li .ico{width:167px;height:167px;background-image:url(../img/sub/product/product02_ico01.png);background-repeat:no-repeat;background-size:contain}
.powerSupply-storage-merit ul li .ico.ico02{background-image:url(../img/sub/product/product02_ico02.png)}
.powerSupply-storage-merit ul li .ico.ico03{background-image:url(../img/sub/product/product02_ico03.png)}
.powerSupply-storage-merit ul li .ico.ico04{background-image:url(../img/sub/product/product02_ico04.png)}
.powerSupply-storage-merit ul li .ico.ico05{background-image:url(../img/sub/product/product02_ico05.png)}
.powerSupply-storage-merit ul li .ico.ico06{background-image:url(../img/sub/product/product02_ico06.png)}
.powerSupply-storage-merit ul li dl{width:calc(100% - 167px);padding-left:20px}
.powerSupply-storage-merit ul li dl dt{font-size:20px;color:#2a9080;padding-bottom:5px;font-weight:500}
.powerSupply-storage-merit ul li dl dd{font-size:16px;color:#333;font-weight:400}
@media screen and (max-width:1024px){
	.powerSupply-storage-merit ul li .ico{width:140px;height:140px}
	.powerSupply-storage-merit ul li dl{width:calc(100% - 140px)}
	.powerSupply-storage-merit ul li dl dt{font-size:18px}
	.powerSupply-storage-merit ul li dl dd{font-size:15px}
}
@media screen and (max-width:768px){
	.powerSupply-storage-merit{padding:20px}
	.powerSupply-storage-merit ul li .ico{width:100px;height:100px}
	.powerSupply-storage-merit ul li dl{width:calc(100% - 100px)}
	.powerSupply-storage-merit ul li dl dt{font-size:17px}
	.powerSupply-storage-merit ul li dl dd{font-size:14px}
}
@media screen and (max-width:560px){
	.powerSupply-storage-merit{padding:20px}
	.powerSupply-storage-merit ul{-ms-flex-wrap:wrap;flex-wrap:wrap}
	.powerSupply-storage-merit ul li{width:100%;margin-top:20px;padding-right:0}
	.powerSupply-storage-merit ul li:nth-of-type(1),.powerSupply-storage-merit ul li:nth-of-type(2){margin-top:20px}
	.powerSupply-storage-merit ul li .ico{width:100px;height:100px}
	.powerSupply-storage-merit ul li dl{width:calc(100% - 100px)}
	.powerSupply-storage-merit ul li dl dt{font-size:16px}
	.powerSupply-storage-merit ul li dl dd{font-size:13px}
}
.powerSupply-storage-gallery ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-1%}
.powerSupply-storage-gallery ul li{margin-top:30px;width:24%;margin-left:1%}
.powerSupply-storage-gallery ul li .tit{font-weight:500;font-size:18px;color:#2a3890;padding:15px 0 5px 0}
.powerSupply-storage-gallery .btn-view-products{display:block;width:250px;height:60px;line-height:60px;color:#fff;font-size:20px;text-align:center;background:#159086;margin:70px auto 50px auto}
.powerSupply-storage-gallery .btn-view-products span::after{content:"";width:36px;height:10px;background:url(../img/sub/arr_right_white.png) no-repeat;display:inline-block;vertical-align:middle;margin-left:20px}

@media screen and (max-width:1024px){
	.powerSupply-storage-gallery ul li{width:32%}
	.powerSupply-storage-gallery ul li .tit{font-size:17px}
	}
@media screen and (max-width:640px){
	.powerSupply-storage-gallery ul li .tit{font-size:16px;padding-top:10px}
	.powerSupply-storage-gallery .btn-view-products{font-size:16px;width:160px;height:40px;line-height:40px}
}
@media screen and (max-width:480px){
	.powerSupply-storage-gallery ul li{width:49%}
	.powerSupply-storage-gallery ul li .tit{font-size:14px;padding-top:5px}
	.powerSupply-storage-gallery .btn-view-products{font-size:15px}
}
.inquiry-box{width:1280px;margin-left:auto;margin-right:auto;margin-top:50px;padding:22px 30px;border:1px solid #dedede;background:#f5f5f5;font-size:18px;color:#666;font-weight:300;position:relative}
.inquiry-box .inq-tit{font-size:28px;color:#2a3890;font-weight:500;margin-bottom:5px}
.inquiry-box .btn-more{width:190px;height:45px;line-height:45px;color:#fff;padding:0 30px;background:#2a3890;display:block;margin-left:auto;margin-right:auto;position:absolute;right:35px;top:40px;font-size:15px}
.inquiry-box .btn-more span::after{content:"";width:36px;height:10px;background:url(../img/sub/arr_right_white.png) no-repeat;display:inline-block;vertical-align:middle;margin-left:20px}
@media screen and (max-width:1280px){
	.inquiry-box{width:auto;padding:40px;margin:20px 2%}
}
@media screen and (max-width:768px){
	.inquiry-box{font-size:15px;padding:25px}
	.inquiry-box .inq-tit{font-size:22px}
	.inquiry-box .btn-more{position:static;margin:10px 0 0 0}
}
@media screen and (max-width:640px){
	.inquiry-box{font-size:14px;padding:20px}
	.inquiry-box .inq-tit{font-size:18px}
	.inquiry-box .btn-more{height:35px;line-height:35px;padding:0 15px;width:150px;font-size:13px}
}
@media screen and (max-width:480px){
	.inquiry-box{font-size:13px}
	.inquiry-box .inq-tit{font-size:16px}
}
.product-detail{width:1280px;margin-left:auto;margin-right:auto}
.product-detail .detail-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.product-detail .detail-top .thumb{width:49%}
.product-detail .detail-top .thumb img{width:670px;height:400px;border:1px solid #dedede}
.product-detail .detail-top .thumb ul{margin-top:20px;text-align:right;letter-spacing:-10px}
.product-detail .detail-top .thumb ul li{letter-spacing:0;margin-left:5px;display:inline-block}
.product-detail .detail-top .feature{width:49%}
.product-detail .detail-top .feature h4{color:#2a3890;font-size:30px;line-height:1.1;padding-bottom:10px;border-bottom:1px solid #2a3890;font-weight:500}
.product-detail .detail-top .feature ul{margin-top:15px}
.product-detail .detail-top .feature ul li{padding-left:15px;position:relative;color:#666;font-size:16px;margin-top:10px}
.product-detail .detail-top .feature ul li::before{content:"";width:6px;height:6px;background:#2a3890;border-radius:50%;position:absolute;left:0;top:10px}
.product-detail .title01{margin-top:40px}
.product-detail .certi .certi-list{margin-top:40px;display:-webkit-box;display:-ms-flexbox;display:flex}
.product-detail .certi .certi-list li{width:31%;margin-left:2%;text-align:center}
.product-detail .certi .certi-list li:first-child{margin-left:0}
.product-detail .certi .certi-list li p{font-size:17px;margin-top:10px}

@media screen and (max-width:1280px){
	.product-detail{width:auto;padding:0 2%}
}
@media screen and (max-width:640px){
	.product-detail .certi .certi-list li p{font-size:14px}
}
@media screen and (max-width:830px){
	.product-detail .detail-top{-ms-flex-wrap:wrap;flex-wrap:wrap}
	.product-detail .detail-top .thumb{width:100%}
	.product-detail .detail-top .thumb img{width:100%;height:auto}
	.product-detail .detail-top .feature{width:100%;margin-top:20px}
	.product-detail .detail-top .feature h4{font-size:26px}
}
@media screen and (max-width:480px){
	.product-detail .detail-top .thumb ul li .btn-inquiry,.product-detail .detail-top .thumb ul li .btn-inquiry2{font-size:14px;width:130px}
	.product-detail .detail-top .thumb ul li .btn-inquiry span::before,.product-detail .detail-top .thumb ul li .btn-inquiry2 span::before{display:none}
	.product-detail .detail-top .feature h4{font-size:22px}
	.product-detail .detail-top .feature ul li{font-size:14px}
}

.rel-press .press-title{border:1px solid #ddd;border-top:0;background:#f5f5f5;padding:20px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.rel-press .press-title .source{color:#666;text-align:right}
.rel-press .press-cnt{font-size:16px;padding:40px;border-bottom:1px solid #ddd;color:#666}
.rel-press .press-cnt p{line-height:1.8}
.rel-press .press-cnt .headline{font-size:23px;font-weight:500;color:#333;padding-bottom:15px;display:block}

.rel-news{background:#f5f5f5;border:1px solid #ddd}
.rel-news li{border-top:1px solid #ddd;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px 30px}
.rel-news li:nth-of-type(1){border-top:none}
.rel-news li .news-tit{font-size:20px;font-weight:400}
.rel-news li .btn-link{background-color:#2a3890;display:inline-block;font-size:15px;color:#fff;font-weight:700;padding:0 30px;height:45px;line-height:45px}
.rel-news li .btn-link.btn-link-lime{background-color:#71bf44}
.rel-news li .btn-link span::after{content:"";width:36px;height:10px;background:url(../img/sub/arr_right_white.png) no-repeat;margin-left:20px;display:inline-block;vertical-align:middle}
@media screen and (max-width:1024px){
	.rel-press .press-cnt{padding:20px;font-size:15px}
	.rel-news li .news-tit{font-size:18px}
}
@media screen and (max-width:768px){
	.rel-press .press-cnt{padding:0;padding-top:20px;font-size:14px}
	.rel-press .press-cnt .headline{font-size:20px}
	.rel-news li .news-tit{font-size:16px}
}
@media screen and (max-width:640px){
	.rel-press .press-title{font-size:14px}
	.rel-press .press-logo{width:200px}
	.rel-news li{-ms-flex-wrap:wrap;flex-wrap:wrap;padding:15px}
	.rel-news li .news-tit{width:100%;font-size:15px}
	.rel-news li .btn-link{font-size:14px;height:35px;line-height:35px;margin-top:10px}
}
@media screen and (max-width:480px){
	.rel-press .press-title{-ms-flex-wrap:wrap;flex-wrap:wrap}
	.rel-press .press-title .source{width:100%;margin-top:10px;text-align:left}
}

.testReport {margin-top: 40px;text-align: center;}



.rnd-intro{width:1280px;margin-left:auto;margin-right:auto;height:590px;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}
.rnd-intro .intro-img{width:50%;height:100%;background:url(../img/sub/rnd/rnd01_img.png) no-repeat;display:block;background-size:contain}
.rnd-intro .intro-txt{width:50%;padding-left:50px;padding-top:30px}
.rnd-intro .intro-txt .txt-top{font-size:36px;line-height:1.4;font-weight:500;position:relative;padding-bottom:60px;display:block}
.rnd-intro .intro-txt .txt-top::before{content:"";width:80px;height:2px;background:#2a3890;position:absolute;left:-100px;top:26px}
.rnd-intro .intro-txt p{font-size:17px;color:#777;line-height:1.5}

.rnd-intro2{background:url(../img/sub/rnd/rnd01_bg.png) no-repeat center;background-size:cover;width:100%;padding:70px 2%;margin-top:100px;text-align:center;color:#fff;font-size:18px}
.rnd-intro2 strong{font-size:27px;font-weight:500;margin-bottom:20px;display:block}
.rnd-intro2 strong::before{content:"";width:74px;height:74px;background:url(../img/sub/rnd/rnd01_globe.png) no-repeat;background-size:contain;display:block;margin-left:auto;margin-right:auto;margin-bottom:40px}

.rnd-ability{background:#f5f5f5;padding:0 0 150px 0;margin-top:50px}
.rnd-ability ul{width:1280px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}
.rnd-ability ul li{width:49%;margin-bottom:40px}
.rnd-ability ul .ability .thumb{height:300px;background-image:url(../img/sub/rnd/rnd02_ability_01.png);background-repeat:no-repeat;background-position:top center;background-size:cover}
.rnd-ability ul .ability .desc{height:165px;background-color:#2a3890;background-image:url(../img/sub/rnd/rnd02_ability_01_ico.png);background-position:95% bottom;background-repeat:no-repeat;color:#fff;font-size:16px;padding:20px 30px}
.rnd-ability ul .ability .desc strong{font-size:27px}
.rnd-ability ul .ability.ability01{margin-top:-50px}
.rnd-ability ul .ability.ability02{margin-top:-50px}
.rnd-ability ul .ability.ability02 .thumb{background-image:url(../img/sub/rnd/rnd02_ability_02.png)}
.rnd-ability ul .ability.ability02 .desc{background-color:#629226;background-image:url(../img/sub/rnd/rnd02_ability_02_ico.png)}
.rnd-ability ul .ability.ability02 .thumb{background-image:url(../img/sub/rnd/rnd02_ability_02.png)}
.rnd-ability ul .ability.ability02 .desc{background-color:#629226;background-image:url(../img/sub/rnd/rnd02_ability_02_ico.png)}
.rnd-ability ul .ability.ability03 .thumb{background-image:url(../img/sub/rnd/rnd02_ability_03.png)}
.rnd-ability ul .ability.ability03 .desc{background-color:#629226;background-image:url(../img/sub/rnd/rnd02_ability_03_ico.png)}
.rnd-ability ul .ability.ability04 .thumb{background-image:url(../img/sub/rnd/rnd02_ability_04.png)}
.rnd-ability ul .ability.ability04 .desc{background-image:url(../img/sub/rnd/rnd02_ability_04_ico.png)}


.rnd-equipments{background:#f5f5f5;padding:50px 0;border-top:1px solid #ddd}
.rnd-equipments .container{width:1280px;margin-left:auto;margin-right:auto}
.rnd-equipments .equip-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.rnd-equipments .equip-list li{margin-bottom:30px;width:33.3%}
.rnd-equipments .equip-list .equip-name{text-align:center;font-size:17px;padding-top:10px}

@media screen and (max-width:1280px){
	.rnd-intro{width:auto;padding:0 2%}
	
	.rnd-intro2{font-size:16px}
	.rnd-intro2 strong{font-size:22px}

	.rnd-ability{padding-left:2%;padding-right:2%}
	.rnd-ability ul{width:auto}
	.rnd-ability ul .ability .desc{font-size:14px;height:auto;min-height:130px}
	.rnd-ability ul .ability .desc strong{font-size:22px}

	.rnd-equipments{padding:40px 2%}
	.rnd-equipments .container{width:auto}
	.rnd-equipments .equip-list li .img{margin:0 10px}
}
@media screen and (max-width:1024px){
	.rnd-intro .intro-txt .txt-top{font-size:22px;padding-bottom:30px}
	.rnd-intro .intro-txt p{font-size:16px}
}
@media screen and (max-width:768px){
	.rnd-intro{-ms-flex-wrap:wrap;flex-wrap:wrap;height:auto}
	.rnd-intro .intro-img{width:100%;height:500px;background-size:cover}
	.rnd-intro .intro-txt{width:100%;height:auto}
	.rnd-intro .intro-txt .txt-top{font-size:22px;padding-bottom:30px}
	.rnd-intro .intro-txt p{font-size:16px}

	.rnd-intro2{font-size:15px}
	.rnd-intro2 br{display:none}
	.rnd-intro2 strong{font-size:18px}

	.rnd-equipments .equip-list li .equip-name{font-size:15px}
}
@media screen and (max-width:640px){
	.rnd-intro .intro-img{width:100%;height:300px;background-size:cover}
	.rnd-intro .intro-txt .txt-top{font-size:20px;padding-bottom:20px}
	.rnd-intro .intro-txt p{font-size:15px}

	.rnd-ability{padding-bottom:50px;margin-top:0}
	.rnd-ability ul li{width:100%;margin-bottom:10px}
	.rnd-ability ul li .ability{margin-top:0!important}
	.rnd-ability ul li .ability .thumb{height:200px}
	.rnd-ability ul li .ability .desc{min-height:initial;padding:20px 20px 30px 20px}

	.rnd-equipments .equip-list li{width:50%}
	.rnd-equipments .equip-list li .equip-name{font-size:14px}
}
@media screen and (max-width:480px){
	.rnd-intro .intro-img{width:100%;height:300px;background-size:cover}
	.rnd-intro .intro-txt{padding:20px 0 0 0}
	.rnd-intro .intro-txt .txt-top{font-size:18px}
	.rnd-intro .intro-txt .txt-top::after{content:"";width:100px;height:2px;background:#2a3890;display:block;margin-top:10px}
	.rnd-intro .intro-txt .txt-top br{display:none}
	.rnd-intro .intro-txt p{font-size:14px}

	.rnd-ability ul .ability .desc{font-size:13px}
	.rnd-ability ul .ability .desc strong{font-size:18px;padding-bottom:10px;display:block}
}

.quality-policy-wrap .quality-policy{background:url(../img/sub/quality/quality01_top.png) no-repeat;background-position:center;background-size:cover;color:#fff;padding:80px 0;font-size:22px;text-align:center}
.quality-policy-wrap .quality-policy .slogan{font-size:45px;font-weight:400;line-height:1;padding-bottom:30px;display:block}
.quality-policy-wrap .quality-policy .slogan::before{content:"";width:87px;height:87px;background:url(../img/sub/quality/quality01_top_ico.png) no-repeat;background-size:contain;display:block;margin:0 auto 40px auto}
.quality-policy-wrap .quality-policy p{font-weight:300;line-height:1.7}
.quality-policy-wrap .bg-box--top-title{background:#f5f5f5;margin:150px 0 100px 0;padding:1px 0 50px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.quality-policy-wrap .bg-box--top-title.mt-base{margin-top:50px}
.quality-policy-wrap .bg-box--top-title .title{font-size:35px;font-weight:500;color:#2a3890}
.quality-policy-wrap .bg-box--top-title .title span{display:inline-block;border-bottom:2px solid #2a3890}
.quality-policy-wrap .bg-box--top-title .bg-box--container{width:1280px;margin-left:auto;margin-right:auto;position:relative}
.quality-policy-wrap .bg-box--top-title .bg-box--container .title{top:-51px;position:relative}
.quality-policy-wrap .quality-goal{font-size:22px}
.quality-policy-wrap .quality-goal p{margin-bottom:30px}
.quality-policy-wrap .quality-goal .diagram{border:1px solid #ddd;width:100%;padding:50px;text-align:center;background:#fff}
.quality-policy-wrap .quality-facility .item{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:80px}
.quality-policy-wrap .quality-facility .item:nth-of-type(1){margin-top:0}
.quality-policy-wrap .quality-facility .item .item-img{width:50%}
.quality-policy-wrap .quality-facility .item .item-desc{width:50%}
.quality-policy-wrap .quality-facility .item .item-desc strong{display:block;font-size:24px;font-weight:500;padding-bottom:10px}
.quality-policy-wrap .quality-facility .item .item-desc p{color:#666;font-size:17px;line-height:1.7}
.quality-policy-wrap .quality-facility .item--right .item-img{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}
.quality-policy-wrap .quality-facility .item--right .item-desc{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;padding-right:60px}
.quality-policy-wrap .quality-facility .item--left .item-img{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
.quality-policy-wrap .quality-facility .item--left .item-desc{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding-left:60px}
.quality-policy-wrap .quality-facility .item--noimg{display:block}
.quality-policy-wrap .quality-facility .item--noimg .item-desc{width:100%}
.quality-policy-wrap .quality-system li{padding:30px 0;border-bottom:1px solid #ddd;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.quality-policy-wrap .quality-system li:last-child{border-bottom:0}
.quality-policy-wrap .quality-system li .ico{width:150px;height:150px;background-image:url(../img/sub/quality/quality03_ico01.png);background-repeat:no-repeat;background-size:contain}
.quality-policy-wrap .quality-system li .ico.ico02{background-image:url(../img/sub/quality/quality03_ico02.png)}
.quality-policy-wrap .quality-system li .ico.ico03{background-image:url(../img/sub/quality/quality03_ico03.png)}
.quality-policy-wrap .quality-system li .ico.ico04{background-image:url(../img/sub/quality/quality03_ico04.png)}
.quality-policy-wrap .quality-system li .system-txt{padding-left:30px;width:calc(100% - 150px);position:relative}
.quality-policy-wrap .quality-system li .system-txt .btn-down{position:absolute;right:0;top:50%;margin-top:-28px;border:1px solid #629226;background:#fff;height:55px;line-height:55px;color:#629226;padding:0 20px}
.quality-policy-wrap .quality-system li .system-txt .btn-down span::after{content:"";width:16px;height:18px;background:url(../img/sub/ico_down_green.png) no-repeat;display:inline-block;margin-left:10px}
.quality-policy-wrap .quality-system li .system-txt strong{display:block;color:#5d9015;font-size:24px;font-weight:500}
.quality-policy-wrap .quality-system li .system-txt p{color:#666;font-size:17px;font-weight:400;margin-top:10px;line-height:1.8}
.quality-policy-wrap .quality-system li:nth-child(2n) .system-txt strong{color:#2a3890}

@media screen and (max-width:1280px){
	.quality-policy-wrap .bg-box--top-title .bg-box--container{width:auto;padding:0 2%}
	.quality-policy-wrap .quality-system li .system-txt .btn-down{position:static;margin-top:5px;display:inline-block;height:45px;line-height:45px}
}
@media screen and (max-width:1024px){
	.quality-policy-wrap .quality-policy{font-size:18px}
	.quality-policy-wrap .quality-policy .slogan{font-size:35px}
	.quality-policy-wrap .quality-policy .slogan::before{width:65px;height:65px;margin-bottom:20px}
	.quality-policy-wrap .bg-box--top-title .bg-box--container .title{font-size:30px;top:-44px}
	.quality-policy-wrap .bg-box--top-title .bg-box--container .quality-goal{font-size:18px}
	.quality-policy-wrap .quality-facility .item .item-desc strong{font-size:20px}
	.quality-policy-wrap .quality-facility .item .item-desc p{font-size:15px}
	.quality-policy-wrap .quality-system li .ico{width:100px;height:100px}
	.quality-policy-wrap .quality-system li .system-txt{width:calc(100% - 100px)}
	.quality-policy-wrap .quality-system li .system-txt strong{font-size:20px}
	.quality-policy-wrap .quality-system li .system-txt p{font-size:15px}
	.quality-policy-wrap .quality-system li .system-txt .btn-down{font-size:15px}
}
@media screen and (max-width:640px){
	.quality-policy-wrap .quality-policy{font-size:15px;padding:50px 2%}
	.quality-policy-wrap .quality-policy br{display:none}
	.quality-policy-wrap .quality-policy .slogan{font-size:28px}
	.quality-policy-wrap .quality-policy .slogan::before{width:50px;height:50px;margin-bottom:20px}
	.quality-policy-wrap .bg-box--top-title{margin:100px 0 50px 0}
	.quality-policy-wrap .bg-box--top-title .bg-box--container .title{font-size:25px;top:-37px}
	.quality-policy-wrap .bg-box--top-title .bg-box--container .quality-goal{font-size:16px}
	.quality-policy-wrap .bg-box--top-title .bg-box--container .quality-goal p{margin-bottom:15px}
	.quality-policy-wrap .quality-system li .ico{width:100px;height:100px}
	.quality-policy-wrap .quality-system li .system-txt{width:calc(100% - 100px)}
	.quality-policy-wrap .quality-system li .system-txt strong{font-size:18px}
	.quality-policy-wrap .quality-system li .system-txt p{font-size:14px}
	.quality-policy-wrap .quality-system li .system-txt .btn-down{font-size:14px}
}
@media screen and (max-width:560px){
	.quality-policy-wrap .quality-facility .item{-ms-flex-wrap:wrap;flex-wrap:wrap}
	.quality-policy-wrap .quality-facility .item .item-desc{padding-top:20px;padding-left:0!important;padding-right:0!important}
	.quality-policy-wrap .quality-facility .item--right .item-desc{width:100%;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}
	.quality-policy-wrap .quality-facility .item--right .item-img{width:100%;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
	.quality-policy-wrap .quality-facility .item--left .item-desc{width:100%}
	.quality-policy-wrap .quality-facility .item--left .item-img{width:100%}
}
@media screen and (max-width:480px){
	.quality-policy-wrap .quality-policy{font-size:14px}
	.quality-policy-wrap .quality-policy .slogan{font-size:22px;padding-bottom:20px}
	.quality-policy-wrap .quality-policy .slogan::before{width:40px;height:40px;margin-bottom:10px}
	.quality-policy-wrap .bg-box--top-title .bg-box--container .title{font-size:20px;top:-30px}
	.quality-policy-wrap .bg-box--top-title .bg-box--container .quality-goal{font-size:14px}
	.quality-policy-wrap .bg-box--top-title .bg-box--container .quality-goal p{margin-bottom:10px}
	.quality-policy-wrap .quality-facility .item{margin-top:50px}
	.quality-policy-wrap .quality-facility .item .item-desc strong{font-size:16px}
	.quality-policy-wrap .quality-facility .item .item-desc p{font-size:14px}
}
@media screen and (max-width:414px){
	.quality-policy-wrap .quality-system li{-ms-flex-wrap:wrap;flex-wrap:wrap}
	.quality-policy-wrap .quality-system li .ico{width:100%;background-position:center}
	.quality-policy-wrap .quality-system li .system-txt{width:100%;padding:0;margin-top:20px;text-align:center}
	.quality-policy-wrap .quality-system li .system-txt strong{font-size:16px}
	.quality-policy-wrap .quality-system li .system-txt p{font-size:13px}
	.quality-policy-wrap .quality-system li .system-txt .btn-down{font-size:14px}
}


.company-about-wrap .about-slogan{background:url(../img/sub/company/aboutUs_bg.png) no-repeat;background-position:center;background-size:cover;color:#fff;padding:220px 0;margin-bottom:220px;font-size:22px;text-align:center;position:relative}
.company-about-wrap .about-slogan .slogan{font-size:45px;font-weight:400;line-height:1;padding-bottom:30px;display:block}
.company-about-wrap .about-slogan p{font-weight:300;line-height:1.7}
.company-about-wrap .about-slogan .about-table{width:1140px;margin-left:auto;margin-right:auto;position:absolute;left:50%;bottom:-60px;margin-left:-570px}
.company-about-wrap .about-slogan .about-table table{font-size:17px}
.company-about-wrap .about-slogan .about-table table th{height:60px}
.company-about-wrap .about-slogan .about-table tbody th{border:1px solid #2a3890;border-bottom:1px solid #ddd}

.company-about-wrap .company-ideal li{padding:30px 0;border-bottom:1px solid #ddd;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.company-about-wrap .company-ideal li:last-child{border-bottom:0}
.company-about-wrap .company-ideal li .ico{width:150px;height:150px;background-image:url(../img/sub/company/aboutUs_ideal_ico01.png);background-repeat:no-repeat;background-size:contain}
.company-about-wrap .company-ideal li .ico.ico02{background-image:url(../img/sub/company/aboutUs_ideal_ico02.png)}
.company-about-wrap .company-ideal li .ico.ico03{background-image:url(../img/sub/company/aboutUs_ideal_ico03.png)}
.company-about-wrap .company-ideal li .ico.ico04{background-image:url(../img/sub/company/aboutUs_ideal_ico04.png)}
.company-about-wrap .company-ideal li .ico.ico05{background-image:url(../img/sub/company/aboutUs_ideal_ico05.png)}
.company-about-wrap .company-ideal li .ideal-txt{padding-left:30px;width:calc(100% - 150px)}
.company-about-wrap .company-ideal li .ideal-txt strong{display:block;color:#5d9015;font-size:24px;font-weight:500}
.company-about-wrap .company-ideal li .ideal-txt p{color:#666;font-size:17px;font-weight:400;margin-top:10px;line-height:1.8}
.company-about-wrap .company-ideal li:nth-child(2n) .ideal-txt strong{color:#2a3890}

.company-about-wrap .vision{padding:50px 2%;text-align:center;width:1280px;margin:0 auto;background-color:#fff;padding:50px 0;border:1px solid #ddd}
.company-about-wrap .bonus{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:1280px;margin-left:auto;margin-right:auto}
.company-about-wrap .bonus .bonus-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-1%;margin-right:-1%}
.company-about-wrap .bonus .bonus-list li{width:48%;margin:25px 1%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative}
.company-about-wrap .bonus .bonus-list li::before{content:"";width:43px;height:43px;position:absolute;top:0;left:0;z-index:1;background-image:url(../img/sub/borderbox_edge_left-top-blue-bgwhite.png);background-repeat:no-repeat}
.company-about-wrap .bonus .bonus-list li.b-green::before{background-image:url(../img/sub/borderbox_edge_left-top-green-bgwhite.png)}
.company-about-wrap .bonus .bonus-list li.b-green .container{border-color:#159086}
.company-about-wrap .bonus .bonus-list li.b-green .container::before{background-image:url(../img/sub/company/aboutUs_bonus_ico02.png)}
.company-about-wrap .bonus .bonus-list li.b-green .container strong::after{background:#159086}
.company-about-wrap .bonus .bonus-list li .container{background-color:#fff;border:1px solid #2a3890;padding:40px 40px 40px 205px;position:relative}
.company-about-wrap .bonus .bonus-list li .container::before{content:"";width:145px;height:145px;background:url(../img/sub/company/aboutUs_bonus_ico01.png) no-repeat;background-size:contain;position:absolute;display:block;left:40px;top:40px}
.company-about-wrap .bonus .bonus-list li .container strong{font-size:24px;font-weight:500;display:block}
.company-about-wrap .bonus .bonus-list li .container strong::after{content:"";width:47px;height:2px;background:#2a3890;display:block;margin:20px 0}
.company-about-wrap .bonus .bonus-list li .container p{color:#666}
.company-about-wrap .bonus-biz{margin-top:20px;width:1280px;margin-left:auto;margin-right:auto;border:1px solid #5d9015;position:relative;padding:40px 40px 80px 40px}
.company-about-wrap .bonus-biz .txt{padding-right:30%}
.company-about-wrap .bonus-biz .certi{position:absolute;right:40px;top:20px}
.company-about-wrap .bonus-biz .certi img{width:230px}
.company-about-wrap .bonus-biz::before{content:"";width:43px;height:43px;position:absolute;top:-1px;left:-1px;z-index:1;background-image:url(../img/sub/borderbox_edge_right-btm-lgreen-bgwhite.png);background-repeat:no-repeat}
.company-about-wrap .bonus-biz strong{font-size:24px;font-weight:500;display:block}
.company-about-wrap .bonus-biz strong::after{content:"";width:47px;height:2px;background:#5d9015;display:block;margin:20px 0}
.company-about-wrap .bonus-biz p{color:#666}
.company-about-wrap .bonus-biz ul>li{margin-top:15px}
.company-about-wrap .bonus-biz ul>li b{color:#5d9015;font-weight:500;font-size:18px;display:block}
.fam-friendly .fam-items{width:calc(100% - 306px);color:#666;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}
.fam-friendly .fam-items li{position:relative;color:#fff;width:32%;padding-left:25px;height:200px;background-color:rgba(0,0,0,.55);margin-bottom:10px;padding-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:end;align-content:flex-end;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:16px;color:#c6c6c6}
.fam-friendly .fam-items li::after{content:"";width:56px;height:63px;background-image:url(../img/sub/company/gaon_fam_ico.png);background-repeat:no-repeat;background-position:0 0;position:absolute;right:20px;top:20px}
.fam-friendly .fam-items li.fam02::after{background-position:-56px 0}
.fam-friendly .fam-items li.fam03::after{background-position:-112px 0}
.fam-friendly .fam-items li.fam04::after{background-position:-168px 0}
.fam-friendly .fam-items li.fam05::after{background-position:-224px 0}
.fam-friendly .fam-items li.fam06::after{background-position:-280px 0}
.fam-friendly .fam-items li strong{width:100%;display:block;font-size:22px;font-weight:700;padding-bottom:10px;color:#fff}
.fam-friendly .certi{margin-left:25px;text-align:right;margin-bottom:10px}
.fam-friendly .certi img{height:100%}
.company-about-wrap .csr{height:640px;position:relative;background-image:url(../img/sub/company/csr_bg.png);background-repeat:no-repeat;background-position:right bottom;padding:100px 2%;letter-spacing:-1.3px}
.company-about-wrap .csr .text{width:1280px;margin-left:auto;margin-right:auto;font-size:18px;color:#fff;font-weight:300}
.company-about-wrap .csr .text strong{font-size:43px;font-weight:500;display:block}
.company-about-wrap .csr .text ul{width:830px;margin-top:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.company-about-wrap .csr .text ul li{width:50%;min-height:72px;padding-left:100px;position:relative;margin-top:30px;line-height:1.6}
.company-about-wrap .csr .text ul li::before{content:"";width:72px;height:72px;background-image:url(../img/sub/company/csr_ico.png);background-repeat:no-repeat;background-position:0 0;position:absolute;left:0;top:0}
.company-about-wrap .csr .text ul li.csr02::before{background-position:-72px 0}
.company-about-wrap .csr .text ul li.csr03::before{background-position:-144px 0}
.company-about-wrap .csr .text ul li.csr04::before{background-position:-216px 0}
.company-about-wrap .csr .text ul li.csr05::before{background-position:-288px 0}
.company-about-wrap .csr .text ul li.csr06::before{background-position:-360px 0}

@media screen and (max-width:1280px){
	.company-about-wrap .about-slogan .about-table{width:90%;margin-left:-45%;bottom:-120px}
	.company-about-wrap .bonus{width:100%;padding:0 2%}
	.company-about-wrap .bonus-biz{width:96%}

	.fam-friendly .fam-items{width:calc(100% - 306px);color:#666;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}
	.fam-friendly .fam-items li{font-size:15px}
	.fam-friendly .fam-items li strong{font-size:20px}
	.fam-friendly .fam-items li br{display:none}

	.company-about-wrap .csr .text{width:auto}
	.company-about-wrap .csr{height:auto;padding:80px 2%}
	.company-about-wrap .csr .text strong{font-size:35px;line-height:1.4}
	.company-about-wrap .vision{width:auto}
}
@media screen and (max-width:1024px){
	.company-about-wrap .about-slogan{font-size:18px;padding:150px 2%}
	.company-about-wrap .about-slogan .about-table table{font-size:15px}
	.company-about-wrap .about-slogan .slogan{font-size:35px}
	.company-about-wrap .bonus .bonus-list li{width:100%;margin:20px 0 0 0}
	.company-about-wrap .bonus .bonus-list li .container{font-size:15px}
	.company-about-wrap .bonus .bonus-list li .container strong{font-size:20px}
	.company-about-wrap .bonus-biz{padding:40px 40px;font-size:15px}
	.company-about-wrap .bonus-biz ul>li b{font-size:16px}
	.company-about-wrap .bonus-biz .txt{padding-right:45%}
	.company-about-wrap .bonus-biz strong{font-size:20px}
	.company-about-wrap .company-ideal li .ico{width:100px;height:100px}
	.company-about-wrap .company-ideal li .ideal-txt{width:calc(100% - 100px)}
	.company-about-wrap .company-ideal li .ideal-txt strong{font-size:20px}
	.company-about-wrap .company-ideal li .ideal-txt p{font-size:15px}

	.fam-friendly .fam-items li{width:49%;padding:0 15px 15px 15px}
	.fam-friendly .fam-items li strong{font-size:18px}

	.company-about-wrap .csr{padding:50px 2%}
	.company-about-wrap .csr .text strong{font-size:30px}
	.company-about-wrap .csr .text ul{width:100%}
	.company-about-wrap .csr .text ul li{margin-top:20px}
}
@media screen and (max-width:768px){
	.company-about-wrap .bonus .bonus-list li .container{padding:30px 25px 25px 150px}
	.company-about-wrap .bonus .bonus-list li .container::before{width:100px;height:100px;left:30px;top:30px}
	
	.fam-friendly .fam-items{width:100%}
	.fam-friendly .fam-items li{height:auto;padding:70px 20px 20px 20px}
	.fam-friendly .fam-items li::after{top:15px;right:15px}
	.fam-friendly .certi{margin-left:0;margin-bottom:0}
}
@media screen and (max-width:640px){
	.company-about-wrap .about-slogan{font-size:15px;padding:80px 2%}
	.company-about-wrap .about-slogan .slogan{font-size:28px;padding-bottom:15px}
	.company-about-wrap .about-slogan .about-table table{font-size:14px}
	.company-about-wrap .about-slogan .about-table table td,.company-about-wrap .about-slogan .about-table table th{padding:10px;height:auto}
	.company-about-wrap .bonus-biz{padding:40px 25px 25px 30px}
	.company-about-wrap .bonus-biz .txt{padding:0}
	.company-about-wrap .bonus-biz .certi{position:static;margin-top:20px}
	.company-about-wrap .company-ideal li .ico{width:100px;height:100px}
	.company-about-wrap .company-ideal li .ideal-txt{width:calc(100% - 100px)}
	.company-about-wrap .company-ideal li .ideal-txt strong{font-size:18px}
	.company-about-wrap .company-ideal li .ideal-txt p{font-size:14px}
	.company-about-wrap .bonus{-ms-flex-wrap:wrap;flex-wrap:wrap}
	.company-about-wrap .bonus .certi{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;width:100%;padding:2% 0;text-align:center}
	.company-about-wrap .bonus .text{width:100%;margin:0;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}
}
@media screen and (max-width:480px){
	.company-about-wrap .about-slogan{font-size:14px;padding-bottom:0}
	.company-about-wrap .about-slogan .slogan{font-size:22px;padding-bottom:10px}
	.company-about-wrap .about-slogan .about-table{position:static;bottom:0;margin:0;margin-top:20px;width:100%}
	.company-about-wrap .about-slogan .about-table table{font-size:13px;width:100%}
	.company-about-wrap .about-slogan .about-table table td,.company-about-wrap .about-slogan .about-table table th{padding:10px;height:auto}
	.company-about-wrap .bonus .text .bonus-list>li strong{font-size:18px}
	.company-about-wrap .bonus .text .bonus-list>li p{font-size:14px}
	.company-about-wrap .bonus .text .bonus-list>li ul>li p{font-size:14px}

	.fam-friendly .certi{text-align:center;width:100%;padding:2%}
	.fam-friendly .fam-items li{width:100%;margin:1%;height:auto}
	
	.company-about-wrap .csr{background-size:cover;background-position:right center;padding:40px 2%!important}
	.company-about-wrap .csr .text strong{font-size:24px;text-align:center}
	.company-about-wrap .csr .text strong br{display:none}
	.company-about-wrap .csr .text ul{margin:20px 2% 0 2%}
	.company-about-wrap .csr .text ul li{margin-top:10px;width:100%}
}
@media screen and (max-width:414px){
	.company-about-wrap .bonus .bonus-list li .container{padding:30px 20px 20px 20px;font-size:13px;text-align:center}
	.company-about-wrap .bonus .bonus-list li .container::before{position:static;margin:0 auto}
	.company-about-wrap .bonus .bonus-list li .container strong{margin-top:10px;font-size:18px}
	.company-about-wrap .bonus .bonus-list li .container strong::after{margin:10px auto}
	.company-about-wrap .bonus-biz{font-size:13px}
	.company-about-wrap .bonus-biz ul>li>b{font-size:15px}
	.company-about-wrap .bonus-biz strong{font-size:18px;text-align:center}
	.company-about-wrap .bonus-biz strong::after{margin:10px auto}
	.company-about-wrap .company-ideal li{-ms-flex-wrap:wrap;flex-wrap:wrap}
	.company-about-wrap .company-ideal li .ico{width:100%;background-position:center}
	.company-about-wrap .company-ideal li .ideal-txt{width:100%;padding:0;margin-top:20px;text-align:center}
	.company-about-wrap .company-ideal li .ideal-txt strong{font-size:16px}
	.company-about-wrap .company-ideal li .ideal-txt p{font-size:13px}
}
.whyGaon .whyGaon-slogan{background:url(../img/sub/company/whyGaon_bg.png) no-repeat;background-position:center;background-size:cover;color:#fff;padding:80px 0;font-size:21px;text-align:center;position:relative}
.whyGaon .whyGaon-slogan .slogan{width:248px;height:127px;background:url(../img/sub/company/whyGaon_logo.png) no-repeat;background-size:contain;display:block;margin-left:auto;margin-right:auto;margin-bottom:50px}
.whyGaon .whyGaon-slogan p{font-weight:300;line-height:1.7}
.whyGaon .shortTerm-dev{background-color:#2a3890;position:relative}
.whyGaon .shortTerm-dev .text{width:1280px;margin-left:auto;margin-right:auto;font-size:16px;color:#fff;font-weight:300;padding-right:40%;background-image:url(../img/sub/company/whyGaon_bg_btm.png);background-repeat:no-repeat;background-position:right center}
.whyGaon .shortTerm-dev .text li{margin-top:20px}
.whyGaon .shortTerm-dev .text li strong{font-size:23px;display:block;font-weight:500}
.whyGaon .shortTerm-dev .text li p{line-height:1.6;margin-top:10px}
.whyGaon .strength-flow{padding-left:250px;background:url(../img/sub/company/whyGaon_flow.png) no-repeat;background-position:left top;padding-bottom:50px;width:1280px;margin-left:auto;margin-right:auto}
.whyGaon .strength-flow ul{margin-top:40px}
.whyGaon .strength-flow ul li{font-size:16px;color:#666}
.whyGaon .strength-flow ul li b{display:block;font-size:21px;font-weight:500;padding-top:18px;padding-bottom:5px}
.whyGaon .strength-flow ul li i{display:none}
.whyGaon .strength-flow ul li:nth-of-type(1) b{color:#4181df}
.whyGaon .strength-flow ul li:nth-of-type(2) b{color:#1044ce}
.whyGaon .strength-flow ul li:nth-of-type(3) b{color:#5fe35f}
.whyGaon .strength-flow ul li:nth-of-type(4) b{color:#3bb23c}
.whyGaon .strength-flow ul li:nth-of-type(5) b{color:#20d194}
.whyGaon .strength-flow ul li:nth-of-type(6) b{color:#206538}
.whyGaon .quality-system ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-1%;margin-right:-1%}
.whyGaon .quality-system li{width:31%;margin:25px 1%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative}
.whyGaon .quality-system li::before{content:"";width:43px;height:43px;position:absolute;top:0;left:0;z-index:1;background-image:url(../img/sub/borderbox_edge_left-top-blue.png);background-repeat:no-repeat}
.whyGaon .quality-system li::after{content:"";width:43px;height:43px;position:absolute;right:-1px;bottom:-1px;z-index:1;background-image:url(../img/sub/borderbox_edge_right-btm-blue.png);background-repeat:no-repeat}
.whyGaon .quality-system li .system-inner{background-color:#fff;border:1px solid #2a3890;padding:40px;text-align:center}
.whyGaon .quality-system li .system-inner strong{font-size:24px;font-weight:500;display:block;margin-top:50px}
.whyGaon .quality-system li .system-inner strong::after{content:"";width:47px;height:2px;background:#2a3890;display:block;margin:25px auto}
.whyGaon .quality-system li .system-inner p{color:#666}
.whyGaon .quality-system li .ico{width:145px;height:145px;background-image:url(../img/sub/company/whyGaon_qualitysystem_ico01.png);background-repeat:no-repeat;background-size:contain;display:block;margin-left:auto;margin-right:auto}
.whyGaon .quality-system li .ico.ico02{background-image:url(../img/sub/company/whyGaon_qualitysystem_ico02.png)}
.whyGaon .quality-system li .ico.ico03{background-image:url(../img/sub/company/whyGaon_qualitysystem_ico03.png)}
.whyGaon .quality-system li .ico.ico04{background-image:url(../img/sub/company/whyGaon_qualitysystem_ico04.png)}
.whyGaon .quality-system li .ico.ico05{background-image:url(../img/sub/company/whyGaon_qualitysystem_ico05.png)}
.whyGaon .quality-system li .ico.ico06{background-image:url(../img/sub/company/whyGaon_qualitysystem_ico06.png)}
.whyGaon .quality-system li:nth-child(3n-1) .system-inner{border-color:#159086}
.whyGaon .quality-system li:nth-child(3n-1) .system-inner strong::after{background:#159086}
.whyGaon .quality-system li:nth-child(3n-1)::before{background-image:url(../img/sub/borderbox_edge_left-top-green.png)}
.whyGaon .quality-system li:nth-child(3n-1)::after{background-image:url(../img/sub/borderbox_edge_right-btm-green.png);right:0;bottom:0}
.whyGaon .quality-system li:nth-child(3n) .system-inner{border-color:#5d9015}
.whyGaon .quality-system li:nth-child(3n) .system-inner strong::after{background:#5d9015}
.whyGaon .quality-system li:nth-child(3n)::before{background-image:url(../img/sub/borderbox_edge_left-top-lgreen.png)}
.whyGaon .quality-system li:nth-child(3n)::after{background-image:url(../img/sub/borderbox_edge_right-btm-lgreen.png);right:0;bottom:0}
.whyGaon .singleDelivery ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-1%;margin-right:-1%}
.whyGaon .singleDelivery li{width:48%;margin:25px 1%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative}
.whyGaon .singleDelivery li::before{content:"";width:43px;height:43px;position:absolute;top:0;left:0;z-index:1;background-image:url(../img/sub/borderbox_edge_left-top-blue.png);background-repeat:no-repeat}
.whyGaon .singleDelivery li .container{background-color:#fff;border:1px solid #2a3890;padding:40px}
.whyGaon .singleDelivery li .container strong{font-size:24px;font-weight:500;display:block}
.whyGaon .singleDelivery li .container strong::after{content:"";width:47px;height:2px;background:#2a3890;display:block;margin:20px 0}
.whyGaon .singleDelivery li .container p{color:#666}
@media screen and (max-width:1280px){
	.whyGaon .strength-flow ul li{font-size:15px}
	.whyGaon .strength-flow ul li b{font-size:18px}
	.whyGaon .shortTerm-dev{height:auto;padding:0 2%}
	.whyGaon .shortTerm-dev .text{width:auto}
	.whyGaon .strength-flow{width:auto;margin-left:2%;padding-right:2%}
}
@media screen and (max-width:1024px){
	.whyGaon .whyGaon-slogan{font-size:18px;padding:70px 2%}
	.whyGaon .whyGaon-slogan .slogan{width:198px;height:102px;margin-bottom:30px}
	.whyGaon .whyGaon-slogan br{display:none}
	.whyGaon .shortTerm-dev .text{font-size:16px}
	.whyGaon .shortTerm-dev .text li strong{font-size:20px}
	.whyGaon .quality-system li{width:48%}
	.whyGaon .quality-system li .system-inner strong{font-size:20px;margin-top:25px}
	.whyGaon .quality-system li .system-inner strong::after{margin:15px auto}
	.whyGaon .quality-system li .system-inner p{font-size:15px}
	.whyGaon .singleDelivery ul{margin:0}
	.whyGaon .singleDelivery li .container strong{font-size:20px}
	.whyGaon .singleDelivery li .container strong::after{margin:15px 0}
	.whyGaon .singleDelivery li .container p{font-size:15px}
}
@media screen and (max-width:768px){
	.whyGaon .strength-flow{background:0 0;padding:0 2%;margin:0}
	.whyGaon .strength-flow ul{margin-top:0}
	.whyGaon .strength-flow ul li{font-size:15px}
	.whyGaon .strength-flow ul li i{display:inline-block;padding-right:10px}
	.whyGaon .strength-flow ul li b{font-size:18px}
	.whyGaon .shortTerm-dev{min-height:initial}
	.whyGaon .shortTerm-dev .text{padding:40px 2% 200px 2%;background-position:right 90%;background-size:50%;font-size:15px}
	.whyGaon .shortTerm-dev .text li strong{font-size:18px}
}
@media screen and (max-width:640px){
	.whyGaon .whyGaon-slogan{font-size:15px;padding:60px 2%}
	.whyGaon .whyGaon-slogan br{display:none}
	.whyGaon .whyGaon-slogan .slogan{width:168px;height:76px}
	.whyGaon .quality-system li .ico{width:100px;height:100px}
	.whyGaon .quality-system li .system-inner{padding:25px}
	.whyGaon .quality-system li .system-inner strong{font-size:18px}
	.whyGaon .quality-system li .system-inner p{font-size:14px}
	.whyGaon .singleDelivery li .container{padding:50px 25px 25px 25px}
	.whyGaon .singleDelivery li .container strong{font-size:18px}
	.whyGaon .singleDelivery li .container p{font-size:14px}
	.whyGaon .shortTerm-dev::after{display:none}
	.whyGaon .shortTerm-dev .text{width:100%;font-size:15px}
	.whyGaon .shortTerm-dev .text li strong{font-size:18px}
}
@media screen and (max-width:480px){
	.whyGaon .whyGaon-slogan{font-size:14px}
	.whyGaon .whyGaon-slogan .slogan{width:128px;height:66px}
	.whyGaon .strength-flow ul li{font-size:14px}
	.whyGaon .strength-flow ul li b{font-size:16px}
	.whyGaon .shortTerm-dev .text{font-size:14px;padding:20px 2% 100px 2%}
	.whyGaon .shortTerm-dev .text li strong{font-size:16px}
	.whyGaon .shortTerm-dev .text p{margin-top:20px}
	.whyGaon .quality-system ul{margin:0}
	.whyGaon .quality-system li{width:100%;margin:15px 0}
	.whyGaon .quality-system li .ico{width:100px;height:100px}
	.whyGaon .quality-system li .system-inner{padding:20px}
	.whyGaon .quality-system li .system-inner strong{font-size:16px}
	.whyGaon .quality-system li .system-inner p{font-size:13px}
	.whyGaon .singleDelivery li{width:100%;margin:15px 0}
	.whyGaon .singleDelivery li .container{padding:40px 20px 20px 20px}
	.whyGaon .singleDelivery li .container strong{font-size:16px}
	.whyGaon .singleDelivery li .container p{font-size:13px}
}
@media screen and (max-width:414px){
	.whyGaon .shortTerm-dev .text{font-size:13px}
	.whyGaon .shortTerm-dev .text p{margin-top:10px}
}


.ceo-greeting{width:1280px;margin-left:auto;margin-right:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.ceo-greeting .greeting-img{width:42%;background:url(../img/sub/company/greeting_bg.png) no-repeat;background-size:cover}
.ceo-greeting .greeting-txt{width:58%;padding-left:40px;font-size:16px}
.ceo-greeting .greeting-txt .txt-top{font-size:27px;padding-bottom:40px}
.ceo-greeting .greeting-txt .txt-top strong{display:block;font-size:40px;font-weight:500;color:#2a3890;padding-bottom:15px}
.ceo-greeting .greeting-txt .txt-top b{color:#2a3890}
.ceo-greeting .greeting-txt p{color:#333;margin-top:25px}
.ceo-greeting .greeting-txt p.sign{text-align:right}

@media screen and (max-width:1280px){
	.ceo-greeting{width:auto;padding:0 2%}
}
@media screen and (max-width:1024px){
	.ceo-greeting{-ms-flex-wrap:wrap;flex-wrap:wrap}
	.ceo-greeting .greeting-img{width:100%;height:450px;background-position:center}
	.ceo-greeting .greeting-txt{width:100%;padding:0;margin-top:20px;font-size:15px}
	.ceo-greeting .greeting-txt .txt-top{font-size:22px}
	.ceo-greeting .greeting-txt .txt-top strong{font-size:30px;padding:0}
	.ceo-greeting .greeting-txt p{margin-top:10px}
}
@media screen and (max-width:640px){
	.ceo-greeting .greeting-img{height:350px}
	.ceo-greeting .greeting-txt{margin-top:10px;font-size:14px}
	.ceo-greeting .greeting-txt .txt-top{font-size:18px;padding-bottom:20px}
	.ceo-greeting .greeting-txt .txt-top strong{font-size:24px}
}
@media screen and (max-width:480px){
	.ceo-greeting .greeting-img{height:300px}
	.ceo-greeting .greeting-txt{font-size:13px}
	.ceo-greeting .greeting-txt .txt-top{font-size:16px}
	.ceo-greeting .greeting-txt .txt-top strong{font-size:22px}
}
.company-history{background:url(../img/sub/company/history_bg.png) no-repeat bottom center;background-color:#f0f6ff;padding:70px 0 70px 0}
.company-history .history-wrap{width:1280px;padding-left:65px;position:relative;margin:0 auto}
.company-history .year{display:-webkit-box;display:-ms-flexbox;display:flex}
.company-history .year:last-of-type ul{padding-bottom:0}
.company-history .year:last-of-type ul::before{height:calc(100% - 35px)}
.company-history .year h4{color:#273890;font-weight:700;font-size:35px;width:150px}
.company-history .year ul{width:calc(100% - 150px);position:relative;padding-bottom:70px}
.company-history .year ul::before{content:"";width:1px;height:100%;background:#cecece;position:absolute;left:0;top:6px}
.company-history .year ul li{color:#666;font-size:15px;margin-bottom:15px;padding-left:15px;position:relative}
.company-history .year ul li::before{content:"";width:6px;height:6px;background:#273890;border-radius:50%;position:absolute;left:-2px;top:8px}
.company-history .year ul li.month{font-size:20px;color:#111;padding-left:35px;margin-bottom:35px}
.company-history .year ul li.month strong{font-weight:500}
.company-history .year ul li.month span{color:#273890}
.company-history .year ul li.month span.col-black{color:#111}
.company-history .year ul li.month:first-child{margin-top:5px}
.company-history .year ul li.month::before{width:16px;height:16px;background:#fff;border:3px solid #273890;left:-8px;-webkit-box-sizing:border-box;box-sizing:border-box}

@media screen and (max-width:1280px){
	.company-history .history-wrap{width:auto}
}
@media screen and (max-width:768px){
	.company-history{padding:50px 2%}
	.company-history .history-wrap{padding-left:0}
	.company-history .year ul li{font-size:14px}
	.company-history .year ul li.month{font-size:17px}
}
@media screen and (max-width:480px){
	.company-history .year{-ms-flex-wrap:wrap;flex-wrap:wrap}
	.company-history .year h4{width:100%;padding:10px 0}
	.company-history .year ul{padding:0;width:100%}
	.company-history .year ul::before{height:calc(100% - 39px);top:17px}
	.company-history .year ul li{font-size:14px}
	.company-history .year ul li.month{font-size:17px}
}
.org-chart{background:#f5f5f5;padding:80px 0;text-align:center}
.org-chart .chart-img{margin-top:70px}
.org-chart h4{font-size:26px;text-align:center;font-weight:400}
.org-chart h4 b{color:#2a3890;display:block}
.org-chart .ceo{width:180px;height:180px;border:1px solid #b6b6b6;background:#f5f5f5;padding:8px;border-radius:50%;margin:0 auto;margin-top:60px}
.org-chart .ceo span{display:block;width:100%;height:100%;background:#2a3890;color:#fff;border-radius:50%;font-size:25px;padding-top:65px}
.org-chart .dept-wrap{padding-top:120px;position:relative}
.org-chart .dept-wrap::before{content:"";width:1px;height:100%;background:#b5b5b5;position:absolute;z-index:1;left:50%;top:0}
.org-chart .dept-wrap ul{width:1140px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative}
.org-chart .dept-wrap ul::after{content:"";width:calc(100% - 210px);height:1px;background:#b5b5b5;position:absolute;z-index:1;left:105px;top:0}
.org-chart .dept-wrap ul li{width:210px;position:relative;padding-top:100px}
.org-chart .dept-wrap ul li::after{content:"";width:12px;height:12px;border-radius:50%;border:3px solid #2a3890;background:#fff;position:absolute;top:-8px;left:50%;margin-left:-9px;z-index:5}
.org-chart .dept-wrap ul li::before{content:"";width:1px;height:50%;background:#b5b5b5;position:absolute;left:50%;top:0;z-index:1}
.org-chart .dept-wrap ul li p{height:60px;line-height:60px;margin-top:50px;background:#159086;color:#fff;font-size:25px;z-index:10;position:relative}
.org-chart .dept-wrap ul li p:nth-of-type(1){background:#71bf44;margin-top:0}
.org-chart .dept-wrap ul li p:nth-of-type(2)::before{content:"";width:1px;height:50px;background:#b5b5b5;position:absolute;left:50%;top:-50px}
.org-chart .dept-wrap ul li::before{content:"";z-index:1;width:1px;height:50%;background:#b5b5b5;position:absolute;left:50%;top:0}
@media screen and (max-width:1280px){
	.org-chart .dept-wrap ul{width:90%}
	.org-chart .dept-wrap ul::after{width:80%;left:10%}
	.org-chart .dept-wrap ul li{width:18%}
	.org-chart .dept-wrap ul li p{font-size:20px}
}
@media screen and (max-width:768px){
	.org-chart h4{font-size:20px}
	.org-chart .ceo{width:150px;height:150px}
	.org-chart .ceo span{font-size:20px;padding-top:51px}
	.org-chart .dept-wrap{padding-top:60px;padding-left:2%;padding-right:2%}
	.org-chart .dept-wrap ul{width:100%}
	.org-chart .dept-wrap ul li{width:19%;padding-top:50px}
	.org-chart .dept-wrap ul li p{font-size:15px;height:40px;line-height:40px}
}
@media screen and (max-width:480px){
	.org-chart h4{font-size:18px}
	.org-chart .dept-wrap{padding-top:40px}
	.org-chart .dept-wrap ul li{padding-top:30px}
	.org-chart .dept-wrap ul li::before{height:30px}
	.org-chart .dept-wrap ul li p{font-size:14px;height:auto;line-height:1.6;padding:10px;height:60px}
}

.company-ci{background-color:#f5f5f5;background-image:url(../img/sub/company/ci_bg.png);background-repeat:no-repeat;background-position:center top;padding:110px 0 150px 0;border-top:1px solid #ddd}
.company-ci .logo{width:331px;height:210px;background:url(../img/sub/company/ci_logo.png) no-repeat;background-size:contain;margin:0 auto}
.company-ci .desc{text-align:center;font-size:20px;margin-top:50px}
.company-ci .desc b{display:block;font-size:25px;color:#2a3890}

@media screen and (max-width:768px){
	.company-ci{padding:80px 2% 100px 2%}
	.company-ci .logo{width:226px;height:150px}
	.company-ci .desc{font-size:16px}
	.company-ci .desc b{font-size:20px}
}
@media screen and (max-width:480px){
	.company-ci{padding:50px 2%}
	.company-ci .logo{width:186px;height:124px}
	.company-ci .desc{font-size:14px}
	.company-ci .desc b{font-size:18px}
}
.partners{background:#f5f5f5;border-top:1px solid #ddd;padding-bottom:50px;margin-top:100px}
.partners:nth-of-type(1){margin-top:0}
.partners .bg-box--container{width:1280px;margin-left:auto;margin-right:auto;position:relative}
.partners .bg-box--container .title{top:-51px;position:relative}
.partners .title{font-size:35px;font-weight:500;color:#2a3890}
.partners .title span{display:inline-block;border-bottom:2px solid #2a3890}
.partners .partner-list{width:1280px;margin-left:auto;margin-right:auto}
.partners .partner-list ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;border-left:1px solid #dedede;border-bottom:1px solid #dedede}
.partners .partner-list ul li{width:20%;border:1px solid #dedede;border-bottom:none;border-left:none;overflow:hidden;background:#fff}
@media screen and (max-width:1280px){
	.partners{padding:0 2% 50px 2%}
	.partners .bg-box--container{width:auto}
	.partners .partner-list{width:auto}
}
@media screen and (max-width:1024px){
	.partners .bg-box--container .title{font-size:30px;top:-44px}
}
@media screen and (max-width:640px){
	.partners .bg-box--container .title{font-size:25px;top:-37px}
	.partners .partner-list ul{-ms-flex-wrap:wrap;flex-wrap:wrap}
	.partners .partner-list ul li{width:33.33%;border-bottom:1px solid #dedede;margin-bottom:-1px}
}
@media screen and (max-width:480px){
	.partners .bg-box--container .title{font-size:20px;top:-30px}
}


.location{padding:60px 0;background:#f5f5f5;border-top:1px solid #ddd}
.location .google-map{width:1280px;margin-left:auto;margin-right:auto}
.location iframe{width:100%;height:590px}
.location .info li{border-bottom:1px solid #ddd;padding:20px 0;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:17px;color:#666}
.location .info li strong{color:#2a3890;width:100px;position:relative;padding:0 10px}
.location .info li strong::before{content:"";width:100%;height:2px;background:#2a3890;position:absolute;left:0;bottom:-20px}
.location .info li p{padding-left:20px}
.location .map-btn{text-align:right;margin-top:30px;letter-spacing:-10px}
.location .map-btn a{border:1px solid #333;color:#333;font-size:16px;text-align:center;display:inline-block;width:195px;height:50px;line-height:50px;background-color:#fff;margin-left:10px;letter-spacing:-1px}
.location .map-btn a span::before{content:"";width:23px;height:23px;background:url(../img/sub/company/ico_print.png) no-repeat;display:inline-block;vertical-align:middle;margin-right:20px}
.location .map-btn a.btn-google span::before{width:18px;height:19px;background:url(../img/sub/company/ico_google.png) no-repeat}
.location .transportation{width:1280px;margin-left:auto;margin-right:auto;background:#fff;border:1px solid #ddd;padding:40px 50px;margin-top:100px}
.location .transportation .how{border-top:1px solid #ddd;padding:30px 0;display:-webkit-box;display:-ms-flexbox;display:flex}
.location .transportation .how .ico{font-size:20px;font-weight:500;width:20%}
.location .transportation .how .ico span::before{content:"";margin-right:20px;display:inline-block;vertical-align:middle;width:75px;height:80px;background-image:url(../img/sub/company/ico_bus.png);background-repeat:no-repeat;background-size:contain}
.location .transportation .how .ico.ico-subway span::before{background-image:url(../img/sub/company/ico_subway.png)}
.location .transportation .how .ico.ico-car span::before{background-image:url(../img/sub/company/ico_car.png)}
.location .transportation .how .detail{width:80%;font-size:16px;color:#666}
.location .transportation .how .detail li{margin-top:10px}
.location .transportation .how .detail li:nth-of-type(1){margin-top:0}
.location .transportation .how .detail .bus-green{height:24px;line-height:24px;background:#18c8cf;padding:0 11px;border-radius:20px;color:#fff;margin-right:10px}
.location .transportation .how .detail .bus-blue{height:24px;line-height:24px;background:#0855d5;padding:0 11px;border-radius:20px;color:#fff;margin-right:10px}
.location .transportation .how .detail .li-subway li{position:relative;padding-left:35px}
.location .transportation .how .detail .li-subway li::before{content:"4";position:absolute;background:#318ef7;color:#fff;width:24px;height:24px;line-height:24px;left:0;top:0;border-radius:50%;text-align:center}
.location .transportation .how .detail .li-bul-cir li{position:relative;padding-left:25px}
.location .transportation .how .detail .li-bul-cir li::before{content:"";width:13px;height:13px;border:3px solid #2a3890;border-radius:50%;display:block;position:absolute;left:0;top:7px;-webkit-box-sizing:border-box;box-sizing:border-box}
.location .transportation .how .detail .li-bul-cir li strong{display:block;color:#333;font-size:18px;font-weight:500;margin-bottom:5px}
.location .transportation .how .detail .li-bul-cir li p{line-height:1.7}
.location .transportation .how:nth-of-type(1){padding-top:0;border-top:none}

@media screen and (max-width:1280px){
	.location{padding:50px 2%}
	.location .google-map{width:auto}
	.location .transportation{width:auto}
}
@media screen and (max-width:1024px){
	.location .info li{font-size:16px;padding:15px 0}
	.location .info li strong::before{bottom:-15px}
	.location .transportation{padding:35px}
	.location .transportation .how{padding:25px 0}
	.location .transportation .how .ico{font-size:18px}
	.location .transportation .how .ico span::before{width:55px;height:60px}
}
@media screen and (max-width:768px){
	.location iframe{height:500px}
	.location .map-btn a{font-size:15px;width:auto;padding:0 20px}
	.location .transportation .how{-ms-flex-wrap:wrap;flex-wrap:wrap}
	.location .transportation .how .ico{width:100%;font-size:16px;margin-bottom:10px}
	.location .transportation .how .detail{width:100%;font-size:15px}
}
@media screen and (max-width:640px){
	.location iframe{height:400px}
	.location .map-btn a{font-size:14px}
	.location .info li{padding:10px 0;font-size:14px}
	.location .info li strong::before{bottom:-10px}
	.location .transportation{padding:25px}
	.location .transportation .how .ico{font-size:15px}
	.location .transportation .how .detail{font-size:14px}
	.location .transportation .how .detail .li-bul-cir li strong{font-size:16px}
}
@media screen and (max-width:480px){
	.location iframe{height:300px}
	.location .map-btn a{height:40px;line-height:40px;padding:0 15px}
	.location .map-btn a span::before{margin-right:10px}
	.location .info li{-ms-flex-wrap:wrap;flex-wrap:wrap}
	.location .info li strong{width:100%}
	.location .info li strong::before{display:none}
	.location .info li p{width:100%;padding:0 10px}
	.location .transportation{margin-top:50px}
	.location .transportation .how .detail{font-size:13px}
}

.archive-gallery{background-color:#f5f5f5;padding:40px 0;border-top:1px solid #ddd}
.archive-gallery .board-archive-style{margin-top:20px}

.gaon-gallery{background-color:#f5f5f5;padding:40px 0;border-top:1px solid #ddd;margin-top:40px}

.faq-wrap{background:#f5f5f5;padding:60px 0}
.faq-wrap .container{width:1280px;margin-left:auto;margin-right:auto}
.faq-wrap dl dd,
.faq-wrap dl dt{border-bottom:1px solid #ddd;padding:25px 70px 25px 40px}
.faq-wrap dl dt{background:#fff;font-size:17px;color:#2a3890;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;cursor:pointer}
.faq-wrap dl dt::after{content:"";width:17px;height:10px;background:url(../img/sub/faq_fold.png) no-repeat;position:absolute;right:40px;top:40px;-webkit-transition:.3s;transition:.3s}
.faq-wrap dl dt.open::after{background:url(../img/sub/faq_unfold.png) no-repeat}
.faq-wrap dl dt span{width:33px;height:33px;display:block;background:url(../img/sub/faq_q.png) no-repeat;background-size:contain}
.faq-wrap dl dt p{width:calc(100% - 50px)}
.faq-wrap dl dd{color:#777;display:none}

@media screen and (max-width:1280px){
	.faq-wrap{padding:40px 2%}
	.faq-wrap .container{width:auto}
}
@media screen and (max-width:1024px){
	.faq-wrap dl dd,
	.faq-wrap dl dt{padding:20px 70px 20px 30px;font-size:16px}
	.faq-wrap dl dd{padding-right:20px}
}
@media screen and (max-width:768px){
	.faq-wrap dl dd,
	.faq-wrap dl dt{font-size:15px}
}
@media screen and (max-width:640px){
	.faq-wrap dl dd,
	.faq-wrap dl dt{font-size:14px}
}
@media screen and (max-width:480px){
	.faq-wrap dl dt{padding-right:25px}
	.faq-wrap dl dt::after{display:none}
	.faq-wrap dl dd{font-size:13px}
}

.inquiry-wrap{background:#f5f5f5;width:1280px;margin-left:auto;margin-right:auto}
.inquiry-wrap .container{width:1280px;margin-left:auto;margin-right:auto}
.inquiry-wrap .container .txt{font-size:18px}
.inquiry-wrap .inquiry-policy{border-top:2px solid #333;background:#fff;padding:30px;border-bottom:1px solid #ddd;margin-top:15px;line-height:1.6;font-size:15px;color:#666;height:200px;overflow:auto}
.inquiry-wrap .inquiry-policy li{margin-top:5px}
.inquiry-wrap .inquiry-policy li ul{padding-left:15px}
.inquiry-wrap .inquiry-policy li>strong{font-size:17px;font-weight:500;color:#333}
.inquiry-wrap .check-agree{margin-top:20px;text-align:right}
.inquiry-wrap .check-agree .checkbox-container{display:inline-block}
@media screen and (max-width:1280px){
	.inquiry-wrap { width: 100%; }
	.inquiry-wrap .container{width:auto;padding:0}
	.inquiry-wrap .container .txt{font-size:17px}
}
@media screen and (max-width:640px){
	.inquiry-wrap .inquiry-policy{padding:20px;font-size:14px}
	.inquiry-wrap .inquiry-policy li>strong{font-size:15px}
	.inquiry-wrap .container .txt{font-size:15px}
	.inquiry-wrap .field{-ms-flex-wrap:wrap;flex-wrap:wrap;padding:20px}
	.inquiry-wrap .field input,
	.inquiry-wrap .field select{font-size:14px}
	.inquiry-wrap .field .field-tit{width:100%;padding:0}
	.inquiry-wrap .field .field-cnt{width:100%;padding:0;border:none;margin-top:10px}
	.inquiry-wrap .field .field-cnt .input-box.input-short{width:30%}
	.inquiry-wrap .field .field-cnt .input-box.input-long{width:100%}
	.inquiry-wrap .field .field-cnt.field-textarea textarea{width:100%}
	.inquiry-wrap .field .field-cnt.field-textarea .text-count{display:block;text-align:right}
}
@media screen and (max-width:480px){
	.inquiry-wrap .inquiry-policy{padding:15px;font-size:13px;height:150px}
	.inquiry-wrap .inquiry-policy li>strong{font-size:15px}
	.inquiry-wrap .container .txt{font-size:14px}
	.inquiry-wrap .field{padding:10px}
	.inquiry-wrap .field input,
	.inquiry-wrap .field select{font-size:13px;padding:0 10px;height:40px;line-height:40px}
	.inquiry-wrap .field .field-cnt{font-size:13px}
	.inquiry-wrap .field .field-cnt .input-box.input-short{width:27%}
}


.form-wrap{background:#fbfbfb}
.form-wrap .field{overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-bottom:1px solid #ddd;background:#fff}
.form-wrap .field input,.form-wrap .field select{padding:4px 15px;border:1px solid #ddd;background-color:#fff;font-size:16px;color:#999;height:50px;line-height:50px;width:100%}
.form-wrap .field textarea{padding:20px;border:1px solid #ddd;background-color:#fff;font-size:16px;line-height:1.6;color:#999;width:100%;min-height:200px}
.form-wrap .field select{-moz-appearance:none;-webkit-appearance:none;appearance:none;background:#fff url(../img/arr_sel_gray.png) no-repeat 94% center;padding-right:50px}
.form-wrap .field .field-tit{width:18%;position:relative;font-size:17px;font-weight:500;padding-top:20px;padding-bottom:20px;padding-left:25px}
.form-wrap .field .field-cnt{padding-left:20px;padding-top:20px;padding-bottom:20px;border-left:1px solid #ddd;width:82%;letter-spacing:-10px}
.form-wrap .field .field-cnt>*{letter-spacing:-1px}
.form-wrap .field .field-cnt .input-box.inline{display:inline-block}
.form-wrap .field .field-cnt .input-box.input-long{width:70%}
.form-wrap .field .field-cnt .input-box.input-mid{width:300px}
.form-wrap .field .field-cnt .input-box.input-mid input,.form-wrap .field .field-cnt .input-box.input-mid select{width:100%}
.form-wrap .field .field-cnt .input-box.input-short{width:22%}
.form-wrap .field .field-cnt .input-box.input-short select{background:url(../img/sub/ico_pagenav_arrow.png) no-repeat;background-position:90% center;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.form-wrap .field .field-cnt.field-textarea textarea{width:90%}
.form-wrap .field .field-cnt.field-textarea .text-count{font-size:13px;color:#666;display:inline}
.form-wrap .field .space{font-size:14px;vertical-align:middle;display:inline-block;margin:0 2px;width:16px;text-align:center}

@media screen and (max-width:1024px){
	.form-wrap .field .field-tit{font-size:15px;padding-left:15px}
}
@media screen and (max-width:640px){
	.form-wrap .field{-ms-flex-wrap:wrap;flex-wrap:wrap;padding:20px}
	.form-wrap .field input,.form-wrap .field select{font-size:14px}
	.form-wrap .field .field-tit{width:100%;padding:0}
	.form-wrap .field .field-cnt{width:100%;padding:0;border:none;margin-top:10px}
	.form-wrap .field .field-cnt .input-box.input-short{width:30%}
	.form-wrap .field .field-cnt .input-box.input-long{width:100%}
	.form-wrap .field .field-cnt.field-textarea textarea{width:100%}
	.form-wrap .field .field-cnt.field-textarea .text-count{display:block;text-align:right}
}
@media screen and (max-width:480px){
	.form-wrap .field{padding:10px}
	.form-wrap .field input,.form-wrap .field select{font-size:13px;padding:0 10px;height:40px;line-height:40px}
	.form-wrap .field .field-cnt{font-size:13px}
	.form-wrap .field .field-cnt .input-box.input-short{width:27%}
}

.talent{border-top:1px solid #ddd;background:#f5f5f5;padding:40px 2%}
.talent .talent-tit{background:#fff;width:300px;height:70px;line-height:70px;margin-left:auto;margin-right:auto;text-align:center;font-size:25px;letter-spacing:-1px;border-radius:35px;border:3px solid #2a3890;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.25);box-shadow:0 5px 10px rgba(0,0,0,.25);position:relative;z-index:10}
.talent .talent-tit::after{content:"";width:12px;height:84px;position:absolute;left:50%;margin-left:-6px;background:url(../img/sub/recruit/diagram-bullet.png) no-repeat;top:67px}
.talent .talent-type{padding-top:80px;width:1280px;margin-top:78px;margin-left:auto;margin-right:auto;position:relative}
.talent .talent-type::before{content:"";width:81%;height:1px;background:#b7b7b7;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:1px}
.talent .talent-type ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.talent .talent-type ul li{position:relative;margin-left:1%;width:24%;border:1px solid #2a3890;text-align:center;padding:10px}
.talent .talent-type ul li .type-inner{background:#fff;font-size:16px;color:#666;height:100%;padding-top:40px;padding-bottom:40px;padding-left:20px;padding-right:20px}
.talent .talent-type ul li .type-inner i{display:block;margin-left:auto;margin-right:auto;width:93px;height:84px;background-image:url(../img/sub/recruit/talent_ico_01.png);background-repeat:no-repeat;background-size:contain;margin-bottom:20px}
.talent .talent-type ul li .type-inner i.ico02{background-image:url(../img/sub/recruit/talent_ico_02.png)}
.talent .talent-type ul li .type-inner i.ico03{background-image:url(../img/sub/recruit/talent_ico_03.png)}
.talent .talent-type ul li .type-inner i.ico04{background-image:url(../img/sub/recruit/talent_ico_04.png)}
.talent .talent-type ul li .type-inner i.ico05{background-image:url(../img/sub/recruit/talent_ico_05.png)}
.talent .talent-type ul li .type-inner p{font-size:21px;font-weight:500;color:#222;padding-bottom:10px}
.talent .talent-type ul li::before{content:"";width:1px;height:70px;position:absolute;left:50%;top:-79px;background:#b7b7b7}
.talent .talent-type ul li::after{content:"";position:absolute;top:-14px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:24px;height:24px;background:url(../img/sub/recruit/diagram-bullet-blue.png) no-repeat}
.talent .talent-type ul li:first-child{margin-left:0}
@media screen and (max-width:1280px){
	.talent .talent-type{width:auto}
}
@media screen and (max-width:1024px){
	.talent .talent-tit{font-size:22px}
	.talent .talent-type ul li .type-inner{padding:30px 10px 30px 10px;font-size:14px}
	.talent .talent-type ul li .type-inner p{font-size:18px}
}
@media screen and (max-width:768px){
	.talent .talent-type ul li .type-inner i{width:73px;height:66px}
}
@media screen and (max-width:640px){
	.talent .talent-tit{font-size:18px}
	.talent .talent-type{padding-top:0}
	.talent .talent-type::before{display:none}
	.talent .talent-type ul{-ms-flex-wrap:wrap;flex-wrap:wrap}
	.talent .talent-type ul li{width:100%;margin:20px 0}
	.talent .talent-type ul li::before{height:20px;top:-34px;left:49.6%}
	.talent .talent-type ul li:first-child::before{display:none}
}
@media screen and (max-width:480px){
	.talent .talent-tit{font-size:16px;width:250px;height:50px;line-height:50px}
	.talent .talent-tit::after{height:55px;background-position:bottom center}
	.talent .talent-type ul li .type-inner{font-size:13px;padding:20px}
	.talent .talent-type ul li .type-inner i{width:63px;height:57px;margin-bottom:10px}
}
.benefits{padding:60px 2%;background:#f5f5f5;border-top:1px solid #ddd}
.benefits .item{width:1280px;margin-left:auto;margin-right:auto;margin-top:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.benefits .item:nth-of-type(1){margin-top:0}
.benefits .item .item-ico{width:17%;font-size:20px;text-align:center}
.benefits .item .item-ico i{width:85px;height:66px;background-image:url(../img/sub/recruit/benefit_ico_01.png);background-repeat:no-repeat;background-size:contain;display:block;margin-left:auto;margin-right:auto;margin-bottom:5px}
.benefits .item .item-ico i.ico02{background-image:url(../img/sub/recruit/benefit_ico_02.png)}
.benefits .item .item-ico i.ico03{background-image:url(../img/sub/recruit/benefit_ico_03.png)}
.benefits .item .item-ico i.ico04{background-image:url(../img/sub/recruit/benefit_ico_04.png)}
.benefits .item .item-ico i.ico05{background-image:url(../img/sub/recruit/benefit_ico_05.png)}
.benefits .item .item-ico i.ico06{background-image:url(../img/sub/recruit/benefit_ico_06.png)}
.benefits .item .item-ico i.ico07{background-image:url(../img/sub/recruit/benefit_ico_07.png)}
.benefits .item .item-text{width:83%;font-size:17px;border-top:2px solid #222;border-bottom:1px solid #ddd;padding:30px 20px}
.benefits .item .item-text ul li{padding-left:15px;position:relative;line-height:1.6;margin-top:15px}
.benefits .item .item-text ul li:first-child{margin-top:0}
.benefits .item .item-text ul li::before{content:"";width:6px;height:6px;background:#2a3890;border-radius:50%;position:absolute;left:0;top:12px}
@media screen and (max-width:1280px){
	.benefits .item{width:auto}
}
@media screen and (max-width:1024px){
	.benefits .item .item-ico{font-size:18px}
	.benefits .item .item-text{font-size:16px}
}
@media screen and (max-width:768px){
	.benefits .item .item-ico{font-size:16px}
	.benefits .item .item-text{font-size:14px}
}
@media screen and (max-width:768px){
	.benefits .item .item-ico{width:30%}
	.benefits .item .item-text{width:70%;padding:20px}
	.benefits .item .item-text ul li{margin-top:10px}
}
@media screen and (max-width:640px){
	.benefits .item{-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:30px}
	.benefits .item .item-ico{width:100%}
	.benefits .item .item-text{width:100%;margin-top:20px}
}
@media screen and (max-width:414px){
	.benefits .item{margin-top:20px}
	.benefits .item .item-ico{font-size:15px}
	.benefits .item .item-text{font-size:13px}
}
.recruit .board-status{width:auto}
.recruit .board-list-style{margin-top:0;padding-top:0;border-bottom:0;border-top:none}
.recruit .board-list-style .board-list-header{width:auto}
.recruit .bg-box--top-title{background:#f5f5f5;margin:20px 0 100px 0;padding:1px 0 50px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.recruit .bg-box--top-title .title{font-size:35px;font-weight:500;color:#2a3890}
.recruit .bg-box--top-title .title span{display:inline-block;border-bottom:2px solid #2a3890}
.recruit .bg-box--top-title .bg-box--container{width:1280px;margin-left:auto;margin-right:auto;position:relative}
.recruit .bg-box--top-title .bg-box--container .title{top:-51px;position:relative}
.recruit .bg-box--top-title .bg-box--container .process-img{margin-top:40px}
.recruit .bg-box--top-title .bg-box--container .process-img:nth-of-type(1){margin-top:0}
.recruit .process-desc{display:none}
@media screen and (max-width:1280px){
	.recruit .bg-box--top-title .bg-box--container{width:auto}
	.recruit .bg-box--top-title .bg-box--container .title{margin-left:1%}
	.recruit .process-img{margin-left:2%;margin-right:2%}
}
@media screen and (max-width:1024px){
	.recruit .bg-box--top-title .bg-box--container .title{font-size:30px;top:-44px}
}
@media screen and (max-width:640px){
	.recruit .bg-box--top-title{margin:100px 0 50px 0}
	.recruit .bg-box--top-title .bg-box--container .title{font-size:25px;top:-37px}
	.recruit .process-img{display:none}
	.recruit .process-desc{display:block;margin-top:20px}
	.recruit .process-desc:nth-of-type(1){margin-top:0}
	.recruit .process-desc.process--exp dt{border-color:#5d9015}
	.recruit .process-desc.process--exp dt span{background:#5d9015}
	.recruit .process-desc.process--exp dd li .step{color:#5d9015}
	.recruit .process-desc.process--exp dd li::before{background:#5d9015;-webkit-box-shadow:0 0 10px #5d9015;box-shadow:0 0 10px #5d9015}
	.recruit .process-desc dt{display:block;width:130px;height:130px;text-align:center;margin-left:auto;margin-right:auto;font-size:18px;font-weight:500;background:#fff;border:1px solid #2a3890;border-radius:50%;padding:6px;-webkit-box-shadow:4px 4px 10px rgba(0,0,0,.25);box-shadow:4px 4px 10px rgba(0,0,0,.25)}
	.recruit .process-desc dt span{display:inline-block;vertical-align:middle;line-height:50px;height:115px;width:115px;line-height:115px;background:#2a3890;color:#fff;border-radius:50%}
	.recruit .process-desc dd{padding:20px 2%}
	.recruit .process-desc dd ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative}
	.recruit .process-desc dd ul::before{content:"";width:90%;height:1px;background:#b5b5b5;position:absolute;top:3px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
	.recruit .process-desc dd li{text-align:center;position:relative}
	.recruit .process-desc dd li::before{content:"";width:10px;height:10px;background:#2a3890;-webkit-box-shadow:0 0 10px #2a3890;box-shadow:0 0 10px #2a3890;display:block;border-radius:10px;margin:0 auto 10px auto}
	.recruit .process-desc dd li .step{color:#2a3890;font-weight:500}
	.recruit .process-desc dd li p{color:#666;font-size:14px}
}
@media screen and (max-width:480px){
	.recruit .bg-box--top-title .bg-box--container .title{font-size:20px;top:-30px}
	.recruit .process-desc dt{width:auto;height:auto;padding:0;border:none;-webkit-box-shadow:none;box-shadow:none;background:0 0;margin-bottom:20px}
	.recruit .process-desc dt span{width:auto;height:auto;background:0 0!important;color:#2a3890;line-height:1.4;display:inline-block;padding-bottom:10px;border-bottom:1px solid #2a3890;border-radius:0}
	.recruit .process-desc dd li .step{font-size:14px}
	.recruit .process-desc dd li p{font-size:13px}
}


.join-processbar{width:1280px;margin-left:auto;margin-right:auto}
.join-processbar ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;text-align:center}
.join-processbar li{color:#ccc;font-size:20px;width:33.33%;padding:20px 10px;position:relative;border-bottom:3px solid #ccc}
.join-processbar li:last-child::after{display:none}
.join-processbar li::after{content:"";width:12px;height:20px;position:absolute;right:0;top:26px;background:url(../img/sub/member/join_arr.png) no-repeat;background-size:contain;display:block}
.join-processbar li.on{color:#2a3890;border-bottom:3px solid #2a3890}
@media screen and (max-width:1280px){
	.join-processbar{width:auto}
}
@media screen and (max-width:1024px){
	.join-processbar li{font-size:18px;padding:10px}
	.join-processbar li::after{top:13px;width:10px;height:17px}
}
@media screen and (max-width:768px){
	.join-processbar li{font-size:16px}
	.join-processbar li::after{top:13px;width:10px;height:17px}
}
@media screen and (max-width:640px){
	.join-processbar li{font-size:15px}
	.join-processbar li span{display:block}
	.join-processbar li::after{top:26px}
}
.member-join{background:#f5f5f5;padding:100px 2% 200px 2%}
.member-join>strong{display:block;color:#333}
.member-join .join-title{color:#2a3890;font-size:22px;font-weight:400;margin-top:50px}
.member-join .join-title:nth-of-type(1){margin-top:0}
.member-join .txt{color:#666;font-size:18px;text-align:center}
.member-join .txt-center{font-size:20px;text-align:center;color:#222}
.member-join .join-email{width:1280px;margin-left:auto;margin-right:auto}
.member-join .join-email .join-tit{text-align:center;font-size:37px;color:#2a3890}
.member-join .join-email .join-tit span::before{content:"";width:76px;height:59px;background:url(../img/sub/member/ico_mail.png) no-repeat;background-size:contain;display:block;margin-left:auto;margin-right:auto;margin-bottom:10px}
.member-join .join-email .li-bul-blue{margin-top:40px;padding-left:50px}
.member-join .join-email .li-bul-blue li{color:#666;line-height:1.7}
.member-join .join-complete .joimComplete-tit{text-align:center;font-size:37px;color:#2a3890}
.member-join .join-complete .joimComplete-tit span::before{content:"";width:57px;height:63px;background:url(../img/sub/member/ico_done.png) no-repeat;background-size:contain;display:block;margin-left:auto;margin-right:auto;margin-bottom:10px}
.member-join .join-complete .member-info{border:1px solid #ddd;background:#fff;padding:25px;width:550px;margin:20px auto}
.member-join .join-complete .member-info li{font-size:20px;font-weight:400;padding-left:160px}
.member-join .join-complete .member-info li strong{display:inline-block;color:#2a3890;width:50px;vertical-align:middle}
.member-join .join-complete .member-info.member-info-find{margin:50px auto}
.member-join .join-complete .member-info.member-info-find li{padding-left:0;text-align:center}
.member-join .join-complete .member-info.member-info-find li strong{width:100px}
.member-join .confirm-email{width:470px;margin-left:auto;margin-right:auto;margin-top:50px}
.member-join .confirm-email .field{margin-top:10px}
.member-join .confirm-email .field input,.member-join .confirm-email .field select{border:1px solid #ddd;background:#fff;height:50px;line-height:50px;padding-left:10px;width:100%}
.member-join .confirm-email .field .inline{display:inline-block}
.member-join .confirm-email .field .input-long{width:100%}
.member-join .confirm-email .field .input-mid{width:63%}
.member-join .confirm-email .field .input-short{width:35%}
.member-join .confirm-email .field.field-email{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.member-join .container{width:1280px;margin-left:auto;margin-right:auto}
.member-join .container .form-wrap{border-top:3px solid #2a3890;margin-top:10px}
@media screen and (max-width:1280px){
	.member-join .join-email{width:auto}
	.member-join .container{width:auto}
}
@media screen and (max-width:1024px){
	.member-join .join-title{font-size:20px}
	.member-join .join-complete .joimComplete-tit{font-size:20px}
	.member-join .join-complete .member-info li{font-size:18px;padding-left:130px}
	.member-join .join-complete .member-info.member-info-find li{font-size:18px}
}
@media screen and (max-width:768px){
	.member-join .txt{font-size:16px}
	.member-join .join-email .join-tit{font-size:25px}
	.member-join .join-email .li-bul-blue li{font-size:15px}
}
@media screen and (max-width:640px){
	.member-join .join-email .li-bul-blue{padding:0}
	.member-join .join-complete .member-info{width:auto}
	.member-join .txt-center{font-size:16px}
	.member-join .join-complete .member-info.member-info-find{margin:30px auto}
}
@media screen and (max-width:560px){
	.member-join .confirm-email{width:auto}
}
@media screen and (max-width:480px){
	.member-join .txt{font-size:14px}
	.member-join .join-email .join-tit{font-size:22px}
	.member-join .join-email .li-bul-blue li{font-size:13px}
	.member-join .join-complete .member-info li{font-size:14px;padding:0;text-align:center}
	.member-join .member-info-find li{font-size:14px}
	.member-join .txt-center{font-size:14px}
	.member-join .join-complete .member-info.member-info-find li{font-size:14px}
}
.login-wrap{width:550px;margin-left:auto;margin-right:auto}
.login-wrap .login-input-field{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.login-wrap .login-input-field .user-input{width:422px}
.login-wrap .login-input-field .user-input input{width:100%;height:50px;line-height:50px;background:#f5f5f5;border:1px solid #ccc;margin-top:10px;padding-left:15px;font-family:"Noto Sans KR",sans-serif}
.login-wrap .login-input-field .user-input input:nth-of-type(1){margin-top:0}
.login-wrap .login-input-field .btn-login{width:120px;background:#2a3890;color:#fff;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;vertical-align:middle;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.login-wrap .login-input-field .btn-login span{display:inline-block;vertical-align:middle;width:100%}
.login-wrap .check-autoLogin{text-align:right;margin-top:15px}
.login-wrap .check-autoLogin .checkbox-container{display:inline-block;font-size:17px}
.login-wrap .li-bul-blue{margin-top:50px}
.login-wrap .li-bul-blue li{font-size:16px;color:#666;margin-top:10px}
.find-wrap{width:550px;margin-left:auto;margin-right:auto;margin-bottom:100px}
.find-wrap .help{font-size:16px;margin:10px 0}
.find-wrap .login-input-field{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:40px}
.find-wrap .login-input-field .user-input{width:422px}
.find-wrap .login-input-field .user-input input{width:100%;height:50px;line-height:50px;background:#f5f5f5;border:1px solid #ccc;margin-top:10px;padding-left:15px;font-family:"Noto Sans KR",sans-serif}
.find-wrap .login-input-field .user-input input:nth-of-type(1){margin-top:0}
.find-wrap .login-input-field .btn-login{width:120px;background:#2a3890;color:#fff;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;vertical-align:middle;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.find-wrap .login-input-field .btn-login span{display:inline-block;vertical-align:middle;width:100%}
.find-wrap .check-autoLogin{text-align:right;margin-top:15px}
.find-wrap .check-autoLogin .checkbox-container{display:inline-block;font-size:17px}
.find-wrap .capcha{width:100%;margin-top:10px}
.find-wrap .li-bul-blue li{font-size:16px;color:#666;margin-top:10px}
.join-find{border-top:1px solid #ddd;margin:60px auto;width:1280px;padding:20px 0}
.join-find ul{width:550px;margin-left:auto;margin-right:auto;text-align:right}
.join-find ul li{display:inline-block}
.join-find ul li::before{content:"";width:1px;height:10px;background:#333;display:inline-block;vertical-align:middle;margin:0 10px}
.join-find ul li:first-child::before{display:none}
.join-find ul li a{font-size:16px}
@media screen and (max-width:1280px){
	.join-find{width:auto}
}
@media screen and (max-width:640px){
	.find-wrap,.login-wrap{width:auto;padding:0 2%}
	.find-wrap .login-input-field .user-input,.login-wrap .login-input-field .user-input{width:75%}
	.find-wrap .login-input-field .btn-login,.login-wrap .login-input-field .btn-login{width:24%}
	.find-wrap .li-bul-blue li,.login-wrap .li-bul-blue li{font-size:14px}
	.join-find ul{width:auto;padding:0 2%}
}
@media screen and (max-width:360px){
	.login-wrap .login-input-field{-ms-flex-wrap:wrap;flex-wrap:wrap}
	.login-wrap .login-input-field .user-input{width:100%}
	.login-wrap .login-input-field .user-input input{margin-top:5px}
	.login-wrap .login-input-field .btn-login{width:100%;margin-top:5px;height:50px;line-height:50px}
	.join-find ul li a{font-size:14px}
}

.mypage{background:#f5f5f5;padding:100px 2%}
.mypage .container{width:1280px;margin-left:auto;margin-right:auto}
.mypage h4{color:#2a3890;font-weight:400;display:block;font-size:22px;line-height:1}
.mypage .ul-withdraw{margin-top:25px;margin-bottom:25px}
.mypage .ul-withdraw li{color:#666}
.mypage table{border-top:2px solid #2a3890}
.mypage table td,.mypage table th{padding:23px 50px;text-align:left}
.mypage .radio-container{margin-top:10px}
.mypage .radio-container:nth-of-type(1){margin-top:0}
.mypage .member-withdraw{font-size:16px;margin-top:50px}
.mypage .member-withdraw a{color:#2a3890}

@media screen and (max-width:1280px){
	.mypage .container{width:auto}
}
@media screen and (max-width:1024px){
	.mypage .tb-type02 table{font-size:15px}
	.mypage .tb-type02 table td,.mypage .tb-type02 table th{padding:20px}
}
@media screen and (max-width:768px){
	.mypage .tb-type02 table{font-size:14px}
	.mypage .tb-type02 table td,.mypage .tb-type02 table th{padding:10px 20px}
	.mypage .member-withdraw{font-size:14px;margin-top:30px}
}
@media screen and (max-width:640px){
	.mypage{padding:80px 2%}
	.mypage h4{font-size:18px}
	.mypage .radio-container{font-size:14px}
}
@media screen and (max-width:480px){
	.mypage{padding:50px 2%}
	.mypage .tb-type02 table{font-size:13px}
	.mypage .tb-type02 table td,.mypage .tb-type02 table th{padding:10px}
	.mypage .member-withdraw a{display:block}
}

/* media queries COMMON 

	index 

	1. reset 
	2. tab
	3. label(check, radio) 
	4. title 
	5. list
	6. table
	7. popup layer 
	8. btns 

*/
@media screen and (max-width: 1280px) {
	/* tab*/
	.tab-list ul{width:auto}
	.tab-cnt{width:auto;padding-left:3%;padding-right:3%}

	/* title */
	.title02.contents-width{width:auto}
	.title03 .tit-inner{width:100%;padding:0 2%}
	.title04.contents-width{width:100%;padding:0 2%}

	.popup-layer .container{padding:60px}
	.popup-layer h5{font-size:30px}
	.popup-layer strong{font-size:18px}
	.popup-layer .txt{font-size:15px}
}

@media screen and (max-width:1024px){
	.line-title{font-size:22px;padding-bottom:20px}
}


@media screen and (max-width: 768px) {
	.tab-list.tab-list-2type ul li{width:45%;margin:0 1%}
	.tab-list.tab-list-3type ul li{width:30%;margin:0 1%}

	.line-title{font-size:20px;padding-bottom:20px}

	.li-bul-gear li{font-size:22px}
	.li-bul-gear li p{font-size:15px}

	.popup-layer .container {padding: 60px;width: 80vw;}
}

@media screen and (max-width: 640px) {
	.border-box{padding:20px}

	/* tab*/
	.tab-list ul li{font-size:14px;width:auto}
	.tab-cnt.on{padding-top:30px;padding-left:3%;padding-right:3%}
	
	.checkbox-container,.radio-container{font-size:15px}
	
	/* title */
	.line-title{font-size:18px;padding-bottom:10px}
	.title01{margin-top:40px;font-size:18px;padding-bottom:15px}
	.title01 span{font-size:16px;margin-top:5px}
	.title02,.title04{font-size:22px}
	.title02{padding-bottom:30px}
	.title03 .tit-inner span{font-size:22px}


	/* list */
	.li-bul li{font-size:16px}
	.li-square li{font-size:15px}
	.li-bul-blue li{font-size:15px}
	.li-bul-blue.li-bul--half li{width:100%}
	.li-bul-gear li{font-size:20px}
	.li-bul-gear li p{font-size:14px}

	.tb-type01, 
	.tb-type02{font-size:15px}
	.tb-type01 table td,.tb-type01 table th, 
	.tb-type02 table td,.tb-type02 table th{padding:10px 15px}

	.popup-layer .container {padding: 40px;}
	.popup-layer h5 {font-size: 25px;}
	.popup-layer strong {font-size: 16px;}
	.popup-layer .txt {font-size: 13px;}

	.btn-area{margin-top:20px}
	.btn-apply,.btn-cancel{font-size:14px;padding:0 30px;width:120px}
	.btn-apply span::after,.btn-cancel span::after{margin-left:20px}
	.btn-edit-info{height:45px;line-height:45px}
	.btn-edit-info span{font-size:14px}.btn-list{font-size:14px;padding:0 30px}.btn-list span::before{margin-right:20px}
}
@media screen and (max-width: 480px) { 
	::-webkit-input-placeholder{font-size:13px}:-ms-input-placeholder{font-size:13px}::-ms-input-placeholder{font-size:13px}::placeholder{font-size:13px}

	.checkbox-container,.radio-container{font-size:14px}

	.line-title{padding-bottom:15px;font-size:16px}
	.title01{margin-top:20px}
	.title01 span::after{bottom:-13px!important}
	.title02{font-size:18px}
	.title02>span{display:block}
	.title02 .btn-inquiry{float:none;margin-top:10px;font-size:14px;display:block;line-height:40px;height:40px}
	.title04{font-size:18px}
	.title03 .tit-inner span{font-size:18px}
	
	.line-title{font-size:20px}
	.li-bul li{font-size:14px}
	.li-square li{font-size:14px}
	.li-bul-blue li {font-size: 14px;}
	.li-bul-gear li{font-size:18px}
	.li-bul-gear li p{font-size:13px}

	.tb-type01, 
	.tb-type02{font-size:14px}
	.tb-type01 table td,.tb-type01 table th, 
	.tb-type02 table td,.tb-type02 table th{padding:10px 8px}

	.popup-layer .container{padding:30px}
	.popup-layer h5{font-size:20px}
	.popup-layer .txt{font-size:13px}
	.popup-layer .input-code{width:100%;margin-top:20px}
	.popup-layer .btn-confirm{height:45px;line-height:45px}

	.btn-apply,.btn-cancel{font-size:13px;padding:0 20px}
	.btn-apply span::after,.btn-cancel span::after{margin-left:10px}
	.btn-edit-info span{font-size:13px}
	.btn-list{font-size:13px;padding:0 20px}
	.btn-list span::before{margin-right:10px}

	
}
@media screen and (max-width: 360px) {
	.tab-list ul li {font-size: 13px;}
}



.titled-bgbox { background: #f5f5f5;margin: 150px 0 100px 0;padding: 1px 0 50px 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.titled-bgbox.bg-white { background: #fff;}
.titled-bgbox.noborder { border: none; }
.titled-bgbox.mt-50{ margin-top:50px; }

.titled-bgbox  .bgbox-container {width: 1280px;margin-left: auto;margin-right: auto;position: relative;}
.titled-bgbox .title { top:-45px;position: relative;}
.titled-bgbox .title span {display: inline-block;font-weight: 700;border-bottom: 2px solid #2a3890; height: 45px;font-size: 30px;color: #2a3890;}

.titled-bgbox{background:#f5f5f5;margin:150px 0 100px 0;padding:1px 0 50px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.titled-bgbox.fam-friendly-bg{background-image:url(../img/sub/company/fam_friendly_bg.png);background-repeat:no-repeat;background-size:cover;background-position:center}
.titled-bgbox .fam-friendly{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.titled-bgbox.shortTermdev{ background:#2a3890;}

@media screen and (max-width: 1280px) {
	.titled-bgbox .bgbox-container { width: auto !important;     padding: 0 2%; }

}
@media screen and (max-width: 1024px) { 

	.titled-bgbox .fam-friendly {font-size: 16px;}
}

@media screen and (max-width:768px){
	.titled-bgbox .fam-friendly{-ms-flex-wrap:wrap;flex-wrap:wrap}
	.titled-bgbox .title span  { font-size:25px;}
}
@media screen and (max-width: 640px){ 
	.titled-bgbox {margin: 100px 0 50px 0;}
	.titled-bgbox .bg-box--container .title {font-size: 25px;top: -37px;}
	
	.titled-bgbox .fam-friendly {font-size: 15px;}
}
@media screen and (max-width: 480px){ 
	.titled-bgbox .bg-box--container .title {font-size: 20px;top: -30px;}
	.titled-bgbox .fam-friendly {font-size: 14px;-ms-flex-wrap: wrap;flex-wrap: wrap;}
	.titled-bgbox .title {top:-38px}
	.titled-bgbox .title span  { font-size:20px;height:36px;}
}





/*
    2020.11.06 
    mobile menu - lang select 

<div class="lang-select">
  <p>ENG</p>
  <ul class="select-list">
	<li><a href="http://gaonht.com/en/">ENG</a></li>
	<li><a href="#">JP</a></li>
	<li><a href="#">CH</a></li>
	<li><a href="#">KR</a></li>
	<li><a href="http://gaonht.com/ru/index">RU</a></li>
  </ul>
</div>
*/
#m-gnb .lang-select{display:none;border:1px solid #fff;position:relative;margin:10px;background-color:rgba(255,255,255,.1);height:35px;cursor:pointer;color:#fff}
#m-gnb .lang-select p{line-height:35px;height:35px;font-size:13px;padding-left:10px;position:relative}
#m-gnb .lang-select p::after{content:"";background-image:url(../img/common/lang_arrow.png);background-repeat:no-repeat;background-position:0 0;position:absolute;right:10px;top:14px;width:10px;height:10px;display:block}
#m-gnb .lang-select .select-list{position:absolute;left:-1px;width:calc(100% + 2px);background:#fff;top:34px;display:none}
#m-gnb .lang-select .select-list li a{display:block;line-height:35px;height:35px;padding:0 10px;color:#999;border-bottom:1px solid #ddd;font-weight:400;font-size:14px}
@media screen and (max-width:1440px){
	#m-gnb .lang-select{display:block}
}