@import url("reset.css");


.contents {width:100%; position:relative; overflow:hidden;}

.contents .btn-more {display:inline-block; vertical-align:middle; position:relative; margin-top:20px;}
.contents .btn-more:before {content:""; width:60px; height:60px; border-radius:60px; box-sizing:border-box; position:absolute; left:0; top:50%; z-index:0; transition:all 0.4s ease-in-out; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.contents .btn-more a,
.contents .btn-more > .inner {display:block; width:100%; height:100%; position:relative; z-index:10; padding:0 30px; text-align:left !important; cursor:pointer; box-sizing:border-box;}
.contents .btn-more p {display:inline-block; vertical-align:middle; font-size:16px; font-weight:500; box-sizing:border-box; padding-right:18px; position:relative;}
.contents .btn-more p:before, .contents .btn-more p:after {content:""; position:absolute; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.contents .btn-more p:before {width:10px; height:2px; right:0;}
.contents .btn-more p:after {width:2px; height:10px; right:4px;}
.contents .btn-more:hover:before {width:100%;}
.contents .btn-more.ty-1:before {border:1px solid #0080ff;}
.contents .btn-more.ty-1 p {color:#0080ff;}
.contents .btn-more.ty-1 p:before, .contents .btn-more.ty-1 p:after {background:#0080ff;}
.contents .btn-more.ty-2:before {background:#0080ff;}
.contents .btn-more.ty-2 p {color:#fff;}
.contents .btn-more.ty-2 p:before, .contents .btn-more.ty-2 p:after {background:#fff;}
.contents .btn-more.ty-3 {margin-top:0;}
.contents .btn-more.ty-3 a {padding:0;}
.contents .btn-more.ty-3 p {color:#0080ff;}
.contents .btn-more.ty-3 p:before, .contents .btn-more.ty-3 p:after {background:#0080ff;}
.contents .btn-more.ty-4 p {color:#0080ff;}
.contents .btn-more.ty-4:before {width:100%; border:1px solid #0080ff;}
.contents .btn-more.ty-4 p:before, .contents .btn-more.ty-4 p:after {background:#0080ff;}
.contents .btn-more.ty-5:before {background:#0080ff;}
.contents .btn-more.ty-5 p {color:#fff;}
.contents .btn-more.ty-5 p:before, .contents .btn-more.ty-5 p:after {background:#fff;}

.contents .navi {width:100%; background:#fafafa; border:solid #dedede; border-width:1px 0 1px 0; padding:0 5%; box-sizing:border-box; position:relative; z-index:10;}
.contents .navi > .inner {width:100%; font-size:0;}
.contents .navi > .inner > * {display:inline-block; vertical-align:middle;}
.contents .navi .home {display:inline-block; width:17px; height:14px; font-size:0; background:url(/img/cont/icon_home.png) center no-repeat; margin-right:20px;}
.contents .navi .navi-wrap {width:calc(100% - 37px);}
.contents .navi .navi-box {width:100%; font-size:0;}
.contents .navi .navi-box > * {display:inline-block; vertical-align:middle; position:relative;}
.contents .navi .navi-box > *:before {content:""; width:1px; height:14px; border-left:1px solid #dedede; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.contents .navi .navi-box dd {display:none;}
.contents .navi .navi-box dd.on {display:inline-block;}
.contents .navi .navi-box dd .combo-box {height:50px; box-sizing:border-box; padding-right:20px; position:relative; cursor:pointer; z-index:50;}
.contents .navi .navi-box dd .combo-box:before {content:""; width:0; height:0; border-top:4px solid #000; border-left:4px solid transparent; border-right:4px solid transparent; position:absolute; right:20px; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.contents .navi .navi-box dd .combo-box .select-option {width:100%; height:100%; font-size:14px; color:#767676; font-weight:400; box-sizing:border-box; padding:0 20px; display:table;}
.contents .navi .navi-box dd .combo-box .select-option span {max-width:100%; display:table-cell; vertical-align:middle; word-wrap:break-word; word-break:keep-all;}
.contents .navi .navi-box dd .combo-box .option-list {display:none; min-width:100%; position:absolute; left:0; top:50px; z-index:51; border:1px solid #d9d9d9; padding:10px 0; background:#fff;}
.contents .navi .navi-box dd .combo-box .option-list ul {display:inline-block; width:100%;}
.contents .navi .navi-box dd .combo-box .option-list ul li {width:max-content; width:100%; display:inline-block; white-space:nowrap;}
.contents .navi .navi-box dd .combo-box .option-list ul li a {display:block; font-size:14px; font-weight:400; padding:10px 20px; color:#767676;}
.contents .navi .navi-box dd .combo-box .option-list ul li:hover a {color:#0080ff;}
.contents .navi .navi-box dd .combo-box.active .option-list {display:inline-block;}
.contents .navi .navi-box dd:first-child:nth-last-child(1),
.contents .navi .navi-box dd:first-child:nth-last-child(1) ~ dd {width:100%; max-width:185px;}
.contents .navi .navi-box dd:first-child:nth-last-child(2),
.contents .navi .navi-box dd:first-child:nth-last-child(2) ~ dd {width:50%; max-width:240px;}
.contents .navi .navi-box dd:first-child:nth-last-child(3),
.contents .navi .navi-box dd:first-child:nth-last-child(3) ~ dd {width:33.33%; max-width:185px;}

.contents .sub-visual {width:100%; height:280px; display:table; transition:height 0.25s ease-in-out; position:relative; overflow:hidden; box-sizing:border-box;}
.contents .sub-visual:before {content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index:0; -webkit-transform:scale(1.1) rotate(0.002deg); -moz-transform:scale(1.1) rotate(0.002deg); transform:scale(1.1) rotate(0.002deg); animation:subVisual 8s ease-in-out both;}
.contents .sub-visual > .inner {width:100%; display:table-cell; vertical-align:middle;}
.contents .sub-visual .txt {width:90%; max-width:1320px; margin:0 auto; line-height:1.6; padding-bottom:60px;}
.contents .sub-visual .txt h1 {font-size:50px; font-weight:700; color:#fff; opacity:0; -webkit-transform:translateY(30px); -moz-transform:translateY(30px); transform:translateY(30px); transition:opacity 0.8s 0.2s ease-in-out, transform 0.8s 0.2s ease-in-out;}
.contents .sub-visual .txt h2 {font-size:18px; font-weight:700; color:#0080ff; opacity:0; -webkit-transform:translateY(30px); -moz-transform:translateY(30px); transform:translateY(30px); transition:opacity 0.8s ease-in-out, transform 0.8s ease-in-out;}
.contents .sub-visual .depth {width:100%; box-sizing:border-box; position:absolute; left:0; bottom:0; border-top:1px solid rgba(222,222,222,0.2);}
.contents .sub-visual .depth ul {width:90%; max-width:1320px; margin:0 auto; font-size:0;}
.contents .sub-visual .depth ul li {display:inline-block; vertical-align:middle; margin-left:30px; padding:30px 0; position:relative;} 
.contents .sub-visual .depth ul li:nth-child(1) {margin-left:0;}
.contents .sub-visual .depth ul li a {font-size:18px; font-weight:700; color:rgba(255,255,255,0.5);}
.contents .sub-visual .depth ul li.on:before {content:""; width:100%; height:2px; background:#fff; position:absolute; left:0; top:-2px;}
.contents .sub-visual .depth ul li.on a {color:rgba(255,255,255,1);}
.contents .sub-visual .txt.active h1 {opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0);}
.contents .sub-visual .txt.active h2 {opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0);}

@keyframes subVisual { 0% {-webkit-transform:scale(1.1) rotate(0.002deg); -moz-transform:scale(1.1) rotate(0.002deg); transform:scale(1.1) rotate(0.002deg);} 100% {-webkit-transform:scale(1.0) rotate(0.002deg); -moz-transform:scale(1.0) rotate(0.002deg); transform:scale(1.0) rotate(0.002deg);} }

.contents .contents-area {width:100%; box-sizing:border-box; padding:90px 0 150px 0; position:relative;}
.contents .contents-area .section {width:100%; box-sizing:border-box; padding:100px 0; position:relative;}
.contents .contents-area .section:nth-child(1) {padding-top:0;}
.contents .contents-area .section:nth-child(even) {background:#fafafa;}
.contents .contents-area .section .section-cont {width:90%; max-width:1320px; margin:0 auto;}
.contents .contents-area .section .section-cont .cont-box {width:100%; box-sizing:border-box; margin-top:100px; position:relative;}
.contents .contents-area .section .section-cont .cont-box:nth-child(1) {margin-top:0;}
.contents .contents-area .sub-title {width:90%; max-width:1320px; text-align:center; margin:0 auto; margin-bottom:100px;}
.contents .contents-area .sub-title h1 {font-size:48px; font-weight:700; margin-bottom:10px; word-wrap:break-word; word-break:keep-all; line-height:1.2;}
.contents .contents-area .sub-title h2 {font-size:28px; font-weight:400; line-height:1.6; text-align:center; letter-spacing: -1px;}
.contents .contents-area .sub-title .txt {font-size:28px; font-weight:400; line-height:1.6; word-wrap:break-word; word-break:keep-all;}
.contents .contents-area .sub-title .txt span{font-weight:700;}
.contents .contents-area .sub-title .txt.ty-2 {text-align:left; margin-top:30px; line-height:1.8;}



/*about ����*/
.about .sub-visual {/*background:url(/img/cont/visual_about.jpg) center no-repeat; background-size:cover;*/}
.about .sub-visual:before {background:url(/img/cont/visual_about.jpg) center no-repeat; background-size:cover;}
.location .sub-visual:before{background:url(/img/cont/visual_location.jpg) center no-repeat; background-size:cover;}

/*������ ����*/
.vision .sub-visual:before {background:url(/img/cont/visual_vision.jpg) center no-repeat; background-size:cover;}
.vision .sec-vision  {width:90%; max-width:953px; margin:0 auto;}
.vision .sec-vision .vision-box {width:90%; max-width:953px; margin-left:auto;}
.vision .sec-vision .vision-box > .wrap {width:100%; box-sizing:border-box;}
.vision .sec-vision .vision-box .action {opacity:0; -webkit-transform:translateY(50px); -moz-transform:translateY(50px); transform:translateY(50px); transition:opacity 0.7s ease-in-out, transform 0.7s ease-in-out;}
.vision .sec-vision .vision-box .txt-box {width:100%; box-sizing:border-box; padding:30px 40px; font-family:'Noto Sans KR', sans-serif !important; font-size:18px; font-weight:400; line-height:1.8; word-wrap:break-word; word-break:keep-all;}
.vision .sec-vision .vision-box .img-box {width:100%;}
.vision .sec-vision .vision-box .img-box img {max-width:100%;}
.vision .sec-vision .sub-title {opacity:0; -webkit-transform:translateY(50px); -moz-transform:translateY(50px); transform:translateY(50px); transition:opacity 0.8s ease-in-out, transform 0.8s ease-in-out; margin:0 auto}
.vision .sec-vision.active .sub-title {opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0);}
.vision .sec-vision.active .vision-box .action.on {opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0);}
.vision .sec-strategy:before {content:""; width:100%; height:150px; background:#fafafa; position:absolute; left:0; bottom:-150px;}
.vision .strategy-area {width:100%; margin-top:30px; display:inline-block; font-size:0;}
/*.vision .strategy-area > * {display:inline-block; vertical-align:top; width:50%; box-sizing:border-box;}
.vision .strategy-area .img-box {padding:0 60px 0 0;}
.vision .strategy-area .img-box ul {width:100%;}
.vision .strategy-area .img-box ul li {display:none;}
.vision .strategy-area .img-box ul li.on {display:block;}*/
.vision .strategy-area .img-box ul li img {max-width:100%; display:block;}
./*vision .strategy-area .cont {overflow:hidden;}
.vision .strategy-area .strategy-cont {width:calc(100% + 20px); padding:0 20px 0 30px; height:700px; overflow-y:auto; box-sizing:border-box; position:relative;}
.vision .strategy-area .strategy-cont > .wrap {width:100%; height:100%; counter-reset:no;}
.vision .strategy-area .strategy-cont .strategy-box {width:100%; height:100%; box-sizing:border-box; padding-left:70px; margin-top:220px; position:relative; display:table;}
.vision .strategy-area .strategy-cont .strategy-box:before {counter-increment:no; content:"0"counter(no); font-family:'Noto Sans KR', sans-serif !important; font-size:140px; font-weight:700; color:rgba(0,0,0,0.12); letter-spacing:-15px; line-height:100px; position:absolute; left:0; top:calc(50% - 100px); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.vision .strategy-area .strategy-cont .strategy-box:nth-child(1) {margin-top:0;}
.vision .strategy-area .strategy-cont .strategy-box > .inner {display:table-cell; vertical-align:middle;}
.vision .strategy-area .strategy-cont .strategy-box .tit {width:100%; display:table; height:100px; position:relative;}
.vision .strategy-area .strategy-cont .strategy-box .tit:before {font-family:'Noto Sans KR', sans-serif !important; font-size:140px; font-weight:700; color:rgba(0,0,0,0.12); letter-spacing:-15px; line-height:100px; position:absolute; left:-70px; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.vision .strategy-area .strategy-cont .strategy-box:nth-child(1) .tit:before {content:"01";}
.vision .strategy-area .strategy-cont .strategy-box:nth-child(2) .tit:before {content:"02";}
.vision .strategy-area .strategy-cont .strategy-box:nth-child(3) .tit:before {content:"03";}
.vision .strategy-area .strategy-cont .strategy-box .tit span {display:table-cell; vertical-align:middle; font-size:35px; font-weight:700; line-height:1.1; letter-spacing:-2px; word-wrap:break-word; word-break:keep-all;}
.vision .strategy-area .strategy-cont .strategy-box .txt {width:100%; font-family:'Noto Sans KR', sans-serif !important; font-size:18px; font-weight:400; line-height:1.8; word-wrap:break-word; word-break:keep-all; margin-top:40px;}*/
.vision .strategy-area .strategy-list {width:100%;}
.vision .strategy-area .strategy-list .strategy-box {width:100%; font-size:0;}
.vision .strategy-area .strategy-list .strategy-box > * {display:inline-block; vertical-align:middle; box-sizing:border-box; width:50%;}
.vision .strategy-area .strategy-list .strategy-box .img-box {padding:0 60px 0 0;}
.vision .strategy-area .strategy-list .strategy-box .img-box img {max-width:100%; display:block; margin:0 auto;}
.vision .strategy-area .strategy-list .strategy-box .txt-box .tit {width:100%; display:table; height:100px; position:relative;}
.vision .strategy-area .strategy-list .strategy-box .txt-box .tit:before {content:attr(data-index); font-family:'Noto Sans KR', sans-serif !important; font-size:140px; font-weight:700; color:rgba(0,0,0,0.12); letter-spacing:-15px; line-height:100px; position:absolute; left:-40px; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.vision .strategy-area .strategy-list .strategy-box .txt-box .tit span {display:table-cell; vertical-align:middle; font-size:35px; font-weight:700; line-height:1.1; letter-spacing:-2px; word-wrap:break-word; word-break:keep-all;}
.vision .strategy-area .strategy-list .strategy-box .txt-box .txt {width:100%; font-family:'Noto Sans KR', sans-serif !important; font-size:18px; font-weight:400; line-height:1.8; word-wrap:break-word; word-break:keep-all; margin-top:40px;}
.vision .strategy-area .strategy-list .slick-arrow {width:55px; height:80px; border:none; font-size:0; position:absolute; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); cursor:pointer; background:transparent;}
.vision .strategy-area .strategy-list .slick-arrow:before {content:""; width:55px; height:55px; border:solid #d9d9d9; border-width:2px 2px 0 0; position:absolute; top:11px;}
.vision .strategy-area .strategy-list .slick-arrow.slick-prev {left:-65px;}
.vision .strategy-area .strategy-list .slick-arrow.slick-prev:before {left:15px; -webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); transform:rotate(-135deg);}
.vision .strategy-area .strategy-list .slick-arrow.slick-next {right:-65px;}
.vision .strategy-area .strategy-list .slick-arrow.slick-next:before {right:15px;-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg);}

/*����*/
.history {overflow-x:hidden;}
.history .sub-visual:before {background:url(/img/cont/visual_history.jpg) center no-repeat; background-size:cover;}
/*.history .contents-area > .inner {width:100%; max-width:1320px; margin:0 auto;}*/
.history .history-tab {width:100%; box-sizing:border-box; padding:30px 0; position:relative; background:#fff; transition:all 0.25s;}
.history .history-tab ul {width:100%; font-size:0; text-align:center; position:relative; transition:all 0.25s;}
.history .history-tab ul li {display:inline-block; vertical-align:middle; box-sizing:border-box; max-width:200px; text-align:center; padding:0 20px; cursor:pointer;}
.history .history-tab ul li span {display:inline-block; font-size:36px; font-weight:700; color:#dedede; position:relative; padding:3px 0; box-sizing:border-box;}
.history .history-tab ul li:first-child:nth-last-child(3),
.history .history-tab ul li:first-child:nth-last-child(3) ~ li {width:33.33%;}
.history .history-tab ul li:first-child:nth-last-child(4),
.history .history-tab ul li:first-child:nth-last-child(4) ~ li {width:25%;}
.history .history-tab ul li:first-child:nth-last-child(5),
.history .history-tab ul li:first-child:nth-last-child(5) ~ li {width:20%;}
.history .history-tab ul li.on span {color:#0080ff;}
.history .history-tab ul li.on span:before {content:""; width:100%; height:1px; border-top:1px solid #0080ff; position:absolute; left:0; bottom:0;}
.history .history-tab.fix ul {position:fixed; left:0; top:0; z-index:100; padding:30px 0;}
.history .history-tab.fix ul:before {content:""; width:150%; height:100%; background:#fff; box-sizing:border-box; border-bottom:1px solid #dedede; position:absolute; left:50%; top:0; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%); z-index:0;}
.history .history-inner {width:90%; max-width:1320px; margin:0 auto; margin-top:100px;}
.history .history-inner .history-box {width:100%; margin-top:130px; font-size:0; position:relative;}
.history .history-inner .history-box:nth-child(1) {margin-top:0;}
.history .history-inner .history-box > * {display:inline-block; vertical-align:top; box-sizing:border-box; position:relative; width:50%;}
.history .history-inner .history-box h1.year {font-size:180px; font-weight:700; color:#faf6f7; letter-spacing:-10px; line-height:1; margin-bottom:60px; margin-top:-20px;}
.history .history-inner .history-box .img-box {width:100%; box-sizing:border-box;}
.history .history-inner .history-box .img-box img {max-width:100%; display:block; opacity:0; transition:all 0.8s ease-in-out;} 
.history .history-inner .history-box .history-cont {width:100%; position:relative;}
.history .history-inner .history-box .history-cont dl {width:100%; margin-top:90px; box-sizing:border-box; padding-left:30px; position:relative;}
.history .history-inner .history-box .history-cont dl:before {content:""; width:1px; height:calc(100% + 90px); border-left:1px solid #dedede; position:absolute; left:0; top:0;}
.history .history-inner .history-box .history-cont dl:nth-child(1) {margin-top:0;}
.history .history-inner .history-box .history-cont dl:nth-child(1):before {height:calc(100% + 70px); top:20px;}
.history .history-inner .history-box .history-cont dl:last-child:before {height:20px;}
.history .history-inner .history-box .history-cont dl dt {font-size:36px; font-weight:600; color:#000; margin-bottom:8px; position:relative;}
.history .history-inner .history-box .history-cont dl dt:before {content:""; width:11px; height:11px; border-radius:50%; box-sizing:border-box; background:#0080ff; position:absolute; left:-35px; top:50%; -wekbit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.history .history-inner .history-box .history-cont dl dd {width:100%; font-family:'Noto Sans KR', sans-serif !important; font-size:18px; font-weight:400; word-wrap:break-word; word-break:keep-all; position:relative; margin-top:10px; box-sizing:border-box; padding-left:9px; text-indent:-9px; opacity:0; -webkit-transform:translateY(50px); -moz-transform:translateY(50px); transform:translateY(50px); transition:all 0.8s ease-in-out;}
.history .history-inner .history-box .history-cont dl dd:before {content:"- ";}
.history .history-inner .history-box:nth-child(odd) .box-lf {padding-right:80px;}
.history .history-inner .history-box:nth-child(odd) .img-box {max-width:640px; margin:0 auto;}
.history .history-inner .history-box:nth-child(odd) .img-box img {-webkit-transform:translateX(-100px); -moz-transform:translateX(-100px); transform:translateX(-100px);}
.history .history-inner .history-box:nth-child(odd) .box-rt .history-cont {max-width:640px;}
.history .history-inner .history-box:nth-child(even) .box-lf .history-cont {max-width:540px; margin-left:auto;}
.history .history-inner .history-box:nth-child(even) .box-rt {padding-left:80px; position:absolute; right:0; top:0;}
.history .history-inner .history-box:nth-child(even) .box-rt .img-box img {-webkit-transform:translateX(100px); -moz-transform:translateX(100px); transform:translateX(100px);}
.history .history-inner .history-box:nth-child(odd).active .box-lf .img-box img {opacity:1; -webkit-transform:translateX(0); -moz-transform:translateX(0); transform:translateX(0);}
.history .history-inner .history-box:nth-child(even).active .box-rt .img-box img {opacity:1; -webkit-transform:translateX(0); -moz-transform:translateX(0); transform:translateX(0);}
.history .history-inner .history-box.active .history-cont dl dd {opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0);}


/*��������*/
.notice .sec-notice .action {opacity:0; -wekbit-transform:translateY(-30px); -moz-transform:translateY(-30px); transform:translateY(-30px); transition:transform 1s ease-in-out, opacity 1s ease-in-out;}
.notice .sec-notice.active .action.on {opacity:1; -wekbit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0);}


/*���ô� ��*/
.location .sec-location .combo-box {width:220px; height:50px; box-sizing:border-box; border:1px solid #dedede; position:relative; cursor:pointer; margin-bottom:40px;}
.location .sec-location .combo-box:before {content:""; width:0; height:0; border:solid transparent; border-width:0 4px; border-top:5px solid #0080ff; position:absolute; right:20px; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.location .sec-location .combo-box .current-option {width:100%; height:100%; box-sizing:border-box; display:table; table-layout:fixed; padding:0 20px; font-size:16px; font-weight:400; color:#767676;}
.location .sec-location .combo-box .current-option p {display:table-cell; vertical-align:middle; width:100%; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.location .sec-location .combo-box .option-list {width:100%; max-height:200px; border:1px solid #dedede; position:absolute; left:-1px; top:48px; background:#fff; overflow-y:auto; display:none; z-index:20;}
.location .sec-location .combo-box .option-list ul {width:100%; height:100%; padding:10px 0;}
.location .sec-location .combo-box .option-list ul li {width:100%; box-sizing:border-box;}
.location .sec-location .combo-box .option-list ul li a {width:100%; display:block; box-sizing:border-box; padding:8px 20px; font-size:16px; font-weight:400; color:#767676;}
.location .sec-location .location-area .tit {font-size:36px; font-weight:700; text-align:center; margin-bottom:60px}
.location .sec-location .location-area .location-box {width:100%; font-size:0;}
.location .sec-location .location-area .location-box > * {display:inline-block; vertical-align:top; box-sizing:border-box; position:relative;}
.location .sec-location .location-area .location-box .map-box {width:calc(100% - 420px); height:450px; background:url(/img/cont/map.png) center no-repeat; background-size:auto 100%; overflow:hidden;}
.location .sec-location .location-area .location-box .company-info {width:420px; padding-left:50px;}
.location .sec-location .location-area .location-box .company-info .company {width:100%; box-sizing:border-box; padding-top:20px; font-family:'Noto Sans KR', sans-serif !important; font-size:20px; font-weight:700; word-wrap:break-word; word-break:keep-all; position:relative; margin-bottom:60px;}
.location .sec-location .location-area .location-box .company-info .company:before {content:""; width:40px; height:4px; background:#0080ff; position:absolute; left:0; top:0;}
.location .sec-location .location-area .location-box .company-info .info {width:100%;}
.location .sec-location .location-area .location-box .company-info .info .info-box {width:100%; display:block; box-sizing:border-box; padding:25px 0; border-top:1px solid #dedede; font-size:0;}
.location .sec-location .location-area .location-box .company-info .info .info-box:nth-child(1) {border-top:none;}
.location .sec-location .location-area .location-box .company-info .info .info-box > * {display:inline-block; vertical-align:top;}
.location .sec-location .location-area .location-box .company-info .info .info-box dl:first-child:nth-last-child(2),
.location .sec-location .location-area .location-box .company-info .info .info-box dl:first-child:nth-last-child(2) ~ dl {width:calc(((100% - 10px) / 2) - 1px); margin-left:10px;}
.location .sec-location .location-area .location-box .company-info .info .info-box dl:first-child:nth-last-child(2) {margin-left:0;}
.location .sec-location .location-area .location-box .company-info .info .info-box dl > * {font-size:16px; line-height:1.2; word-wrap:break-word; word-break:keep-all;}
.location .sec-location .location-area .location-box .company-info .info .info-box dl dt { font-weight:700; color:#0080ff; margin-bottom:10px;}
.location .sec-location .location-area .location-box .company-info .info .info-box dl dd {font-weight:400;}
.location .sec-location .action {opacity:0; -wekbit-transform:translateY(-30px); -moz-transform:translateY(-30px); transform:translateY(-30px); transition:transform 1s ease-in-out, opacity 1s ease-in-out;}
.location .sec-location.active .action.on {opacity:1; -wekbit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0);}


/*business ����*/
.business .sub-visual {/*background:url(/img/cont/visual_business.jpg) center no-repeat; background-size:cover;*/}
.business .sub-visual:before {background:url(/img/cont/visual_business.jpg) center no-repeat; background-size:cover;}


/*��ǰ �� �ַ��*/
.business-intro .sec-txt .txt-box {text-align:center; font-size:28px; font-weight:400; letter-spacing:-1px; line-height:1.6; word-wrap:break-word; word-break:keep-all;}
.business-intro .sec-txt .txt-box span {font-weight:700;}
.business-intro .sec-txt .action {opacity:0; -webkit-transform:translateY(50px); -moz-transform:translateY(50px); transform:translateY(50px); transition:opacity 0.8s ease-in-out, transform 0.8s ease-in-out;}
.business-intro .sec-txt.active .action.on {opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0);}
.business-intro .sec-product {position:relative;}
.business-intro .sec-product .action {opacity:0; -webkit-transform:translateY(50px); -moz-transform:translateY(50px); transform:translateY(50px); transition:opacity 0.8s ease-in-out, transform 0.8s ease-in-out;}
.business-intro .sec-product.active .action.on {opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0);}
.business-intro .product-wrap {width:100%; height:740px; display:table; box-sizing:border-box; position:relative; table-layout: fixed;}
.business-intro .product-wrap > .inner {width:100%; display:table-cell; vertical-align:middle; font-size:0; position:relative;}
.business-intro .product-wrap .slide-box {width:90%; max-width:1260px; position:relative;}
.business-intro ul.product-slide {width:calc(100% - 60px); box-sizing:border-box; margin:0 auto;}
.business-intro ul.product-slide .slick-list {margin:0 -15px; padding:50px 0 30px 0;}
.business-intro ul.product-slide .slick-slide {margin:0 15px; -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0); transition:transform 0.5s ease-in-out;}
.business-intro ul.product-slide li .item-box {width:100%; position:relative; overflow:hidden; box-sizing:border-box; border:1px solid #fff; background:#fafafa;}
.business-intro ul.product-slide li .item-box > .inner > a {position:absolute; display:block; width:100%; height:100%; z-index:10;}
.business-intro ul.product-slide li .item-box .img-box {width:100%; position:relative; z-index:0; box-sizing:border-box;}
.business-intro ul.product-slide li .item-box .img-box .img {width:100%; height:0; padding-bottom:100%; position:relative; overflow:hidden;}
.business-intro ul.product-slide li .item-box .img-box .img img {max-width:100%; max-height:100%; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.business-intro ul.product-slide li .item-box .txt-box {width:100%; height:35%; box-sizing:border-box; padding:0 20px; display:table; table-layout:fixed; text-align:center; background:rgba(255,255,255,0.7); position:absolute; left:0; bottom:0; transition:height 0.5s ease-in-out;}
.business-intro ul.product-slide li .item-box .txt-box > .wrap {width:100%; display:table-cell; vertical-align:middle;}
.business-intro ul.product-slide li .item-box .txt-box h1 {font-size:36px; font-weight:700; line-height:1.2; word-wrap:break-word; word-break:keep-all; margin-bottom:10px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.business-intro ul.product-slide li .item-box .txt-box h2 {font-size:18px; font-weight:400; line-height:1.2; word-wrap:break-word; word-break:keep-all; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.business-intro ul.product-slide li .item-box .txt-box h3 {font-size:36px; font-weight:700; line-height:1.2; word-wrap:break-word; word-break:keep-all; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#0080ff;}
.business-intro ul.product-slide li .item-box .txt-box .btn-more {margin-top:50px; display:none;}
.business-intro ul.product-slide .slick-slide:hover {-webkit-transform:translateY(-30px); -moz-transform:translateY(-30px); transform:translateY(-30px);}
.business-intro ul.product-slide li .item-box:hover {-webkit-box-shadow: 0px 0px 20px 0px rgba(72,72,72,0.13); box-shadow: 0px 0px 20px 0px rgba(72,72,72,0.13);}
.business-intro ul.product-slide li .item-box:hover .txt-box {height:100%;}
.business-intro ul.product-slide li .item-box:hover .txt-box .btn-more {display:inline-block;}
.business-intro ul.product-slide li.coming-soon .item-box .txt-box {height:100%;}
.business-intro .slide-nav .arrow {width:60px; height:60px; box-sizing:border-box; border-radius:50%; background:#fff; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); font-size:0; cursor:pointer; position:absolute; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.business-intro .slide-nav .arrow:before {content:""; width:10px; height:10px; border:solid #0080ff; border-width:2px 2px 0 0; position:absolute; top:23px;}
.business-intro .slide-nav .arrow.prev {left:0;}
.business-intro .slide-nav .arrow.prev:before {-webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); transform:rotate(-135deg); left:25px;}
.business-intro .slide-nav .arrow.next {right:0;}
.business-intro .slide-nav .arrow.next:before {-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); right:25px;}
.business-intro .slide-nav .arrow:hover {background:#0080ff;}
.business-intro .slide-nav .arrow:hover:before {border:solid #fff; border-width:2px 2px 0 0;}
.business-intro .slick-arrow.slick-hidden {display:block;}
.business-intro .solution-wrap {width:100%; height:670px; display:table; box-sizing:border-box; position:relative;}
.business-intro .solution-wrap > .inner {width:100%; display:table-cell; vertical-align:middle; font-size:0; position:relative;}
.business-intro .solution-wrap .solution-box {width:90%; max-width:870px; position:relative; background:#fff; margin-right:0; margin-left:auto; -webkit-box-shadow: 5px 5px 15px 5px rgba(72,72,72,0.1); box-shadow: 5px 5px 15px 5px rgba(72,72,72,0.1); box-sizing:border-box; padding:80px;}
.business-intro .solution-wrap .solution-box .txt-box h1 {font-size:36px; font-weight:700; line-height:1.4; margin-bottom:20px; word-wrap:break-word; word-break:keep-all;}
.business-intro .solution-wrap .solution-box .txt-box .txt {font-size:18px; font-weight:400; line-height:1.6; word-wrap:break-word; word-break:keep-all;}
.business-intro .solution-wrap .solution-box .txt-box .btn-more {margin-top:50px;}
.business-intro .solution-wrap .solution-box .txt-box .btn-more p {background:#fff;}
.business-intro .sec-solution .action {opacity:0; -webkit-transform:translateY(50px); -moz-transform:translateY(50px); transform:translateY(50px); transition:opacity 0.8s ease-in-out, transform 0.8s ease-in-out;}
.business-intro .sec-solution.active .action.on {opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0);}


/*�ַ��*/
.solution .sub-visual:before {background:url(/img/cont/visual_solution.jpg) center no-repeat; background-size:cover;}

.solution .contents-area .sec-solution .section-cont {width:100% !important; max-width:1920px;}
.solution .sec-solution .solution-wrap {width:100%;}
.solution .sec-solution .solution-wrap .solution-box {width:100%; margin-top:120px; display:flex; flex-wrap:wrap; align-items:center; position:relative;}
.solution .sec-solution .solution-wrap .solution-box:after {content:""; display:none; clear:both;}
.solution .sec-solution .solution-wrap .solution-box:nth-child(1) {margin-top:0;}
.solution .sec-solution .solution-wrap .solution-box:nth-child(odd) {flex-direction:row;}
.solution .sec-solution .solution-wrap .solution-box:nth-child(even) {flex-direction:row-reverse;}
.solution .sec-solution .solution-wrap .solution-box:nth-child(even):before {content:""; width:70%; height:70%; background:#fff; position:absolute; left:0; bottom:-50px; z-index:0; transition:width 0.5s 0.3s linear;}
.solution .sec-solution .solution-wrap .solution-box > * {box-sizing:border-box; position:relative; z-index:10;}
.solution .sec-solution .solution-wrap .solution-box .img-box {width:47%; opacity:0; -webkit-transform:translateY(50px); -moz-transform:translateY(50px); transform:translateY(50px); transition:opacity 0.5s ease-in-out, transform 0.5s ease-in-out;}
.solution .sec-solution .solution-wrap .solution-box .img-box img {max-width:100%; display:block; margin:0 auto;}
.solution .sec-solution .solution-wrap .solution-box:nth-child(odd) .txt-box {padding:0 20px 0 70px;}
.solution .sec-solution .solution-wrap .solution-box:nth-child(even) .txt-box {padding:0 70px 0 20px;}
.solution .sec-solution .solution-wrap .solution-box .txt-box {width:53%; max-width:720px; opacity:0; -webkit-transform:translateY(50px); -moz-transform:translateY(50px); transform:translateY(50px); transition:opacity 0.5s ease-in-out, transform 0.5s ease-in-out;}
.solution .sec-solution .solution-wrap .solution-box .txt-box .tit {width:100%; height:100px; display:table; position:relative; box-sizing:border-box; padding-left:70px; margin-bottom:60px;}
.solution .sec-solution .solution-wrap .solution-box .txt-box .tit h1 {font-family:'Noto Sans KR', sans-serif !important; font-size:36px; font-weight:700; letter-spacing:-1px; line-height:1.2; word-wrap:break-word; word-break:keep-all; display:table-cell; vertical-align:middle;}
.solution .sec-solution .solution-wrap .solution-box .txt-box .tit i.num {font-family:'Noto Sans KR', sans-serif !important; font-style:normal; font-size:140px; color:#eee; font-weight:700; line-height:100px; letter-spacing:-10px; position:absolute; left:-10px; top:0;}
.solution .sec-solution .solution-wrap .solution-box .txt-box .txt {font-family:'Noto Sans KR', sans-serif; font-style:normal; font-size:20px; font-weight: 300 }
.solution .sec-solution .solution-wrap .solution-box .txt-box dl > * {font-family:'Noto Sans KR', sans-serif !important; line-height:1.4; word-wrap:break-word; word-break:keep-all; position:relative; width:100%; box-sizing:border-box; padding-left:20px;}
.solution .sec-solution .solution-wrap .solution-box .txt-box dl dt {font-size:20px; font-weight:500; margin-top:30px;}
.solution .sec-solution .solution-wrap .solution-box .txt-box dl dt span {color:#0080ff;}
.solution .sec-solution .solution-wrap .solution-box .txt-box dl dt:before {content:""; width:10px; height:10px; box-sizing:border-box; border-radius:50%; border:1px solid #0080ff; position:absolute; left:0; top:9px;}
.solution .sec-solution .solution-wrap .solution-box .txt-box dl dt:after {content:""; width:4px; height:4px; box-sizing:border-box; border-radius:50%; background:#0080ff; position:absolute; left:3px; top:12px;}
.solution .sec-solution .solution-wrap .solution-box .txt-box dl dd {margin-top:10px;}
.solution .sec-solution .solution-wrap .solution-box .txt-box dl dd ul li {width:100%; font-size:16px; line-height:1.2; font-weight:400; color:#767676; word-wrap:break-word; word-break:keep-all; margin-top:5px;}
.solution .sec-solution .solution-wrap .solution-box .txt-box dl dt ul li:nth-child(1) {margin-top:0;}
.solution .sec-solution.active .solution-wrap .solution-box .img-box.action.on {opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0);}
.solution .sec-solution.active .solution-wrap .solution-box .txt-box.action.on {opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0);}
.solution .sec-solution.active .solution-wrap .solution-box.linear.action.on:before {width:95%;}


/*��ǰ*/
.product-intro .sec-product {position:relative;}
.product-intro .product-wrap {width:100%; height:740px; display:table; box-sizing:border-box; position:relative;}
.product-intro .product-wrap:before {content:""; width:100%; max-width:660px; height:100%; background:rgba(0,0,0,0.44); position:absolute; top:0; z-index:0;}
.product-intro .product-wrap.speaker {background:url(/img/cont/soultion_pd_01.jpg) left center no-repeat; background-size:auto 100%;}
.product-intro .product-wrap.speaker:before {left:0;}
.product-intro .product-wrap.headphone {background:url(/img/cont/soultion_pd_02.jpg) right center no-repeat; background-size:auto 100%;}
.product-intro .product-wrap.headphone:before {right:0;}
.product-intro .product-wrap > .inner {width:100%; display:table-cell; vertical-align:middle; font-size:0; position:relative;}
.product-intro .product-wrap > .inner > * {display:inline-block; vertical-align:middle; width:calc(((100% - 80px) / 3) - 1px); box-sizing:border-box; position:relative; margin-right:40px;}
.product-intro .product-wrap > .inner > *:last-child {margin-right:0;}
.product-intro .product-wrap.speaker > .inner {text-align:right;}
.product-intro .product-wrap .title-box {text-align:left; position:absolute; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.product-intro .product-wrap .title-box .txt {margin-bottom:50px;}
.product-intro .product-wrap .title-box .txt h1 {font-size:40px; font-weight:700; color:#fff; margin-bottom:10px;}
.product-intro .product-wrap .title-box .txt h2 {font-size:18px; font-weight:400; color:#fff;}
.product-intro .product-wrap.speaker .title-box {left:0; padding-left:120px;}
.product-intro .product-wrap.headphone .title-box {right:0; padding-left:80px;}
.product-intro .product-wrap .product-box {background:#fff; cursor:pointer; -webkit-box-shadow: 0px 5px 22px 2px rgba(0,0,0,0.22); box-shadow: 0px 5px 22px 2px rgba(0,0,0,0.22);}
.product-intro .product-wrap .product-box .img-box {width:100%; position:relative; z-index:0; box-sizing:border-box;}
.product-intro .product-wrap .product-box .img-box .img {width:100%; height:0; padding-bottom:calc(410 / 412 * 100%);}
.product-intro .product-wrap .product-box .img-box .img img {max-width:100%; max-height:100%; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.product-intro .product-wrap .product-box .txt-box {width:100%; height:100%; position:absolute; left:0; top:0; box-sizing:border-box; padding:30px; text-align:left;}
.product-intro .product-wrap .product-box .txt-box h1 {font-size:28px; font-weight:700; color:#767676;}
.product-intro .product-wrap .product-box .txt-box dl {width:100%; margin-top:40px; display:none;}
.product-intro .product-wrap .product-box .txt-box dl > * {font-size:16px; color:#fff; line-height:1.4; margin-top:7px; word-wrap:break-word; word-break:keep-all; position:relative;}
.product-intro .product-wrap .product-box .txt-box dl dt {font-weight:700; margin-top:0;}
.product-intro .product-wrap .product-box .txt-box dl dd {padding-left:8px; text-indent:-8px; font-weight:400;}
.product-intro .product-wrap .product-box .txt-box dl dd:before {content:"- ";}
.product-intro .product-wrap .product-box .btn-detail {width:60px; height:60px; background:rgba(0,0,0,0.22); position:absolute; right:0; bottom:0;}
.product-intro .product-wrap .product-box .btn-detail:before, 
.product-intro .product-wrap .product-box .btn-detail:after {content:""; position:absolute; background:#fff; z-index:0;}
.product-intro .product-wrap .product-box .btn-detail:before {width:20px; height:2px; left:50%; top:calc(50% + 3px); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.product-intro .product-wrap .product-box .btn-detail:after {width:2px; height:12px; left:calc(50% + 5px); top:calc(50% - 1px); -webkit-transform:translate(-50%,-50%) rotate(-45deg); -moz-transform:translate(-50%,-50%) rotate(-45deg); transform:translate(-50%,-50%) rotate(-45deg);}
.product-intro .product-wrap .product-box .btn-detail a {display:block; width:100%; height:100%; font-size:0; position:relative; z-index:10;}
.product-intro .product-wrap .product-box.on .txt-box {background:#0080ff;}
.product-intro .product-wrap .product-box.on .txt-box h1 {color:#fff;}
.product-intro .product-wrap .product-box.on .txt-box dl {display:block;}
.product-intro .product-wrap .product-box.on .btn-detail {background:#000;}

.product {background:#fafafa;}
.product .sec-product-list .product-list {width:100%;}
.product .sec-product-list .product-list .list-box {width:100%; margin-top:60px; box-sizing:border-box; background:#fff; padding:40px 70px; cursor:pointer;}
.product .sec-product-list .product-list .list-box:hover {-webkit-box-shadow: 20px 20px 65px 0px rgba(0,0,0,0.13); box-shadow: 20px 20px 65px 0px rgba(0,0,0,0.13);}
.product .sec-product-list .product-list .list-box > .wrap {width:100%; font-size:0;}
.product .sec-product-list .product-list .list-box > .wrap > * {display:inline-block; vertical-align:middle; box-sizing:border-box; width:50%;}
.product .sec-product-list .product-list .list-box .thumnail h1 {font-size:24px; font-weight:700; margin-bottom:10px;}
.product .sec-product-list .product-list .list-box .thumnail .img {width:100%; box-sizing:border-box; padding:0 20px;}
.product .sec-product-list .product-list .list-box .thumnail .img img {max-width:100%; display:block; margin:0 auto;}
.product .sec-product-list .product-list .list-box .detail dl {margin-bottom:40px;}
.product .sec-product-list .product-list .list-box .detail dl > * {font-family:'Noto Sans KR', sans-serif !important; font-size:16px; line-height:1.2; word-wrap:break-word; word-break:keep-all;}
.product .sec-product-list .product-list .list-box .detail dl dt {font-weight:700; margin-top:10px;}
.product .sec-product-list .product-list .list-box .detail dl dt:nth-child(1) {margin-top:0;}
.product .sec-product-list .product-list .list-box .detail dl dd {margin-top:5px;}
.product .sec-product-list .product-list .list-box .detail .btn-more p {background:#fff;}

.product-view .contents-area {padding-top:0 !important;}
.product-view .sec-thum {background:#fafafa;}
.product-view .sec-thum .product-img-area {width:100%; box-sizing:border-box; padding:80px 0 0 0; text-align:center;}
.product-view .sec-thum .product-img-area .product-name {font-size:50px; font-weight:700; letter-spacing:-2px; word-wrap:break-word; word-break:keep-all;}
.product-view .sec-thum .product-img-area .product-img {width:100%; margin:100px 0; position:relative;}
.product-view .sec-thum .product-img-area .product-img ul.img-list {position:relative; z-index:20;}
.product-view .sec-thum .product-img-area .product-img ul.img-list li {width:100%; box-sizing:border-box; padding:0 20px;}
.product-view .sec-thum .product-img-area .product-img ul.img-list li img {max-width:100%; display:block; margin:0 auto;}
.product-view .sec-thum .product-img-area .product-img .arrow {width:30px; height:50px; position:absolute; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); cursor:pointer; font-size:0; z-index:20;}
.product-view .sec-thum .product-img-area .product-img .arrow:before {content:""; width:34px; height:34px; border:solid rgba(0,0,0,0.3); border-width:2px 2px 0 0; position:absolute; top:8px;}
.product-view .sec-thum .product-img-area .product-img .arrow:hover:before {border:solid rgba(0,0,0,1); border-width:2px 2px 0 0;}
.product-view .sec-thum .product-img-area .product-img .arrow.btn-prev {left:0;}
.product-view .sec-thum .product-img-area .product-img .arrow.btn-prev:before {left:10px; -webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); transform:rotate(-135deg);}
.product-view .sec-thum .product-img-area .product-img .arrow.btn-next {right:0;}
.product-view .sec-thum .product-img-area .product-img .arrow.btn-next:before {right:9px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg);}
.product-view .sec-thum .product-img-area .product-img .slick-slider {width:calc(100% - 60px); margin:0 auto;}
.product-view .sec-thum .product-img-area .product-img .txt-bg {width:calc(100% - 60px); box-sizing:border-box; padding:20px; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index:0; font-size:180px; font-weight:700; letter-spacing:-10px; word-wrap:break-word; word-break:keep-all; line-height:1.1; color:#fff;}
.product-view .sec-thum .product-img-area .product-thum ul.thum-list {font-size:0; text-align:center;}
.product-view .sec-thum .product-img-area .product-thum ul.thum-list li {display:inline-block; vertical-align:middle; margin-right:20px; width:100px; box-sizing:border-box; padding:10px; position:relative;}
.product-view .sec-thum .product-img-area .product-thum ul.thum-list li:last-child {margin-right:0;}
.product-view .sec-thum .product-img-area .product-thum ul.thum-list li.active:before {content:""; width:100%; height:100%; box-sizing:border-box; border:2px solid #0080ff; position:absolute; left:0; top:0;}
.product-view .sec-thum .product-img-area .product-thum ul.thum-list li .thum {width:100%; height:0; padding-bottom:100%; position:relative; overflow:hidden; cursor:pointer;}
.product-view .sec-thum .product-img-area .product-thum ul.thum-list li .thum img {max-width:100%; max-height:100%; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}

.product-view .sec-thumnail {background:#fff !important; padding-top:100px !important;}
.product-view .sec-thumnail .cont-box {width:100%; font-size:0;}
.product-view .sec-thumnail .cont-box > * {display:inline-block; vertical-align:top; box-sizing:border-box; position:relative; width:50%;}
.product-view .sec-thumnail .product-img-area {background:#fafafa; border:1px solid #dedede;}
.product-view .sec-thumnail .product-img-area .product-img ul.diofit-list {position:relative; z-index:20;}
.product-view .sec-thumnail .product-img-area .product-img ul.diofit-list li {width:100%; box-sizing:border-box; padding:0px;}
.product-view .sec-thumnail .product-img-area .product-img ul.diofit-list li .img {width:100%; height:0; padding-bottom:100%; position:relative; overflow:hidden;}
.product-view .sec-thumnail .product-img-area .product-img ul.diofit-list li .img img {max-width:100%; max-height:100%; display:block; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.product-view .sec-thumnail .product-img-area .product-img .arrow {width:30px; height:50px; position:absolute; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); cursor:pointer; font-size:0; z-index:20;}
.product-view .sec-thumnail .product-img-area .product-img .arrow:before {content:""; width:34px; height:34px; border:solid #dedede; border-width:2px 2px 0 0; position:absolute; top:8px;}
.product-view .sec-thumnail .product-img-area .product-img .arrow:hover:before {border:solid rgba(0,0,0,0.3); border-width:2px 2px 0 0;}
.product-view .sec-thumnail .product-img-area .product-img .arrow.btn-prev {left:30px;}
.product-view .sec-thumnail .product-img-area .product-img .arrow.btn-prev:before {left:10px; -webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); transform:rotate(-135deg);}
.product-view .sec-thumnail .product-img-area .product-img .arrow.btn-next {right:30px;}
.product-view .sec-thumnail .product-img-area .product-img .arrow.btn-next:before {right:9px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg);}
.product-view .sec-thumnail .product-img-area .product-img .slick-slider {/*width:calc(100% - 60px); margin:0 auto;*/ width:100%;}
.product-view .sec-thumnail .product-spec {padding:70px 0 70px 70px;}
.product-view .sec-thumnail .product-spec h1 {font-size:50px; font-weight:700; line-height:1.2; word-wrap:break-word; word-break:keep-all; margin-bottom:50px; letter-spacing:-1.5px;}
.product-view .sec-thumnail .product-spec dl > * {font-family:'Noto Sans KR', sans-serif !important; box-sizing:border-box; position:relative;}
.product-view .sec-thumnail .product-spec dl dt {font-size:24px; font-weight:500; margin-bottom:25px;}
.product-view .sec-thumnail .product-spec dl dd {font-size:18px; font-weight:400; line-height:1.4; padding-left:9px; text-indent:-9px; word-wrap:break-word; word-break:keep-all; color:#767676; margin-top:10px;}
.product-view .sec-thumnail .product-spec dl dd:before {content:"- ";}
.product-view .sec-thumnail .product-img-area .slick-dots {width:100%; position:absolute; left:0; bottom:20px; text-align:center; font-size:0;}
.product-view .sec-thumnail .product-img-area .slick-dots li {width:auto !important; display:inline-block; vertical-align:middle; padding:0 !important; margin-left:10px;}
.product-view .sec-thumnail .product-img-area .slick-dots li:nth-child(1) {margin-left:0;}
.product-view .sec-thumnail .product-img-area .slick-dots li button {width:20px; height:20px; box-sizing:border-box; border-radius:50%; background:#dedede; font-size:0; border:none; cursor:pointer;}
.product-view .sec-thumnail .product-img-area .slick-dots li.slick-active button {background:#0080ff;}

.product-view .sec-detail {background:transparent !important;}
.product-view .sec-detail .product-edit {width:100%; margin-bottom:100px; box-sizing:border-box; font-size:18px; font-weight:400; word-wrap:break-word; word-break:keep-all; line-height:1.4;}
.product-view .sec-detail .product-edit img {max-width:100%;}
.product-view .sec-detail .detail-box {width:100%; margin-top:100px;}
.product-view .sec-detail .detail-box:nth-child(1) {margin-top:0;}
.product-view .sec-detail .detail-box .detail-tab {width:100%; border-bottom:1px solid #d9d9d9; margin-bottom:60px;}
.product-view .sec-detail .detail-box .detail-tab ul {font-size:0; counter-reset:num;}
.product-view .sec-detail .detail-box .detail-tab ul li {display:inline-block; vertical-align:middle; margin-left:30px; position:relative; padding:20px 0 10px 0; font-size:24px; font-weight:400; color:#d2d2d2;}
.product-view .sec-detail .detail-box .detail-tab ul li:nth-child(1) {margin-left:0;}
.product-view .sec-detail .detail-box .detail-tab ul li:before {counter-increment:num; content:"0"counter(num); font-size:14px; font-weight:700; color:#0080ff; position:absolute; left:0; top:0; opacity:0;}
.product-view .sec-detail .detail-box .detail-tab ul li.on {color:#000;}
.product-view .sec-detail .detail-box .detail-tab ul li.on:before {opacity:1;}
.product-view .sec-detail .detail-box .detail-tab ul li.on:after {content:""; width:100%; height:4px; background:#000; position:absolute; left:0; bottom:-2px;}

.product-view .sec-detail .detail-box .detail-cont {width:100%;}
.product-view .sec-detail .detail-box .detail-cont .detail-img-box {width:100%;}
.product-view .sec-detail .detail-box .detail-cont .detail-img-box img {max-width:100%; display:block; margin:0 auto;}
.product-view .sec-detail .detail-box .detail-cont .detail-img-box.pc {display:block;}
.product-view .sec-detail .detail-box .detail-cont .detail-img-box.mo {display:none;}
.product-view .sec-detail .detail-box .detail-cont .product-detail {width:100%;}
.product-view .sec-detail .detail-box .detail-cont .product-detail ul {background:#fafafa;}
.product-view .sec-detail .detail-box .detail-cont .product-detail ul li:after {content:""; display:block; clear:both;}
.product-view .sec-detail .detail-box .detail-cont .product-detail ul li > * {width:50%; position:relative; box-sizing:border-box;}
.product-view .sec-detail .detail-box .detail-cont .product-detail ul li .img-box img {max-width:100%; display:block; margin:0 auto;}
.product-view .sec-detail .detail-box .detail-cont .product-detail ul li .txt-box {padding:50px;}
.product-view .sec-detail .detail-box .detail-cont .product-detail ul li .txt-box i.num {display:inline-block; position:relative; font-size:36px; font-weight:700; color:#0080ff; font-style:normal;}
.product-view .sec-detail .detail-box .detail-cont .product-detail ul li .txt-box i.num:before {content:""; width:100%; height:1px; border-top:1px solid #0080ff; position:absolute; left:0; bottom:0;}
.product-view .sec-detail .detail-box .detail-cont .product-detail ul li .txt-box h1 {margin:40px 0 20px 0; font-family:'Noto Sans KR', sans-serif !important; font-size:36px; font-weight:700; line-height:1.2; word-wrap:break-word; word-break:keep-all;}
.product-view .sec-detail .detail-box .detail-cont .product-detail ul li .txt-box .txt {font-family:'Noto Sans KR', sans-serif !important; font-size:16px; font-weight:400; line-height:1.6; word-wrap:break-word; word-break:keep-all;}
.product-view .sec-detail .detail-box .detail-cont .product-detail ul li:nth-child(odd) .img-box {float:left;}
.product-view .sec-detail .detail-box .detail-cont .product-detail ul li:nth-child(even) .img-box {float:right;}
.product-view .sec-detail .detail-box .detail-cont .product-detail ul li:nth-child(odd) .txt-box {float:right;}
.product-view .sec-detail .detail-box .detail-cont .product-detail ul li:nth-child(even) .txt-box {float:left;}

.product-view .sec-detail .detail-box .detail-cont .product-package > * {margin-top:100px;}
.product-view .sec-detail .detail-box .detail-cont .product-package .img-box {width:80%; margin:0 auto;}
.product-view .sec-detail .detail-box .detail-cont .product-package .img-box img {max-width:100%; display:block; margin:0 auto;}
.product-view .sec-detail .detail-box .detail-cont .product-package ul.package {width:100%; font-size:0;}
.product-view .sec-detail .detail-box .detail-cont .product-package ul.package li {display:inline-block; vertical-align:middle; margin-left:40px; margin-top:40px; width:calc(((100% - 80px) / 3) - 1px); box-sizing:border-box; border:1px solid #d9d9d9; position:relative;}
.product-view .sec-detail .detail-box .detail-cont .product-package ul.package li:nth-child(3n+1) {margin-left:0;}
.product-view .sec-detail .detail-box .detail-cont .product-package ul.package li:nth-child(-n+3) {margin-top:0;}
.product-view .sec-detail .detail-box .detail-cont .product-package ul.package li .package-box {width:100%; height:255px; position:relative; box-sizing:border-box; display:table;}
.product-view .sec-detail .detail-box .detail-cont .product-package ul.package li .package-box .num {min-width:15px; font-size:14px; font-weight:700; color:#fff; padding:10px; background:#0080ff; position:absolute; left:0; top:0;}
.product-view .sec-detail .detail-box .detail-cont .product-package ul.package li .package-box > .inner {width:100%; display:table-cell; vertical-align:middle; box-sizing:border-box; padding:50px;}
.product-view .sec-detail .detail-box .detail-cont .product-package ul.package li .package-box .package-img {width:100%; margin-bottom:30px;}
.product-view .sec-detail .detail-box .detail-cont .product-package ul.package li .package-box .package-img img {max-width:100%; height:70px; display:block; margin:0 auto;}
.product-view .sec-detail .detail-box .detail-cont .product-package ul.package li .package-box .txt {font-family:'Noto Sans KR', sans-serif !important; font-size:18px; text-align:center; font-weight:400; line-height:1.4; word-wrap:break-word; word-break:keep-all;}

.product-view .section .detail-box .edit-area {width:100%; box-sizing:border-box; position:relative; margin-top:30px; font-size:0;}
.product-view .section .detail-box .edit-area img {max-width:100%;}
.product-view .btn-list {width:200px; height:60px; border-radius:60px; margin:0 auto; margin-top:100px; background:#0080ff; text-align:center;}
.product-view .btn-list > a {display:block; font-size:18px; font-weight:500; color:#fff; line-height:60px;}


/*diofit*/
.diofit .sub-visual:before {background:url(/img/cont/visual_diofit.jpg) center no-repeat; background-size:cover;}
.diofit .contents-area .sub-title h1 {background:url(/img/cont/logo_diofit.png) center no-repeat; background-size:auto 100%;}
.diofit .sec-diofit .sub-title .action {opacity:0; -webkit-transform:translateY(50px); -moz-transform:translateY(50px); transform:translateY(50px); transition:opacity 0.5s ease-in-out, transform 0.5s ease-in-out;}
.diofit .sec-diofit.active .sub-title .action.on {opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0);}
.diofit .sec-diofit .cont-box > * {margin-top:70px;}
.diofit .sec-diofit .cont-box > *:nth-child(1) {margin-top:0;}
.diofit .sec-diofit .cont-box .txt-box {font-family:'Noto Sans KR', sans-serif !important; font-size:18px; font-weight:400; line-height:2; letter-spacing:-0.5px; word-wrap:break-word; word-break:keep-all; text-align:center;}
.diofit .sec-diofit .cont-box .txt-box span {font-weight:500;}
.diofit .sec-diofit .cont-box .img-box {width:80%; margin-left:auto; margin-right:auto;}
.diofit .sec-diofit .cont-box .img-box img {max-width:100%; display:block; margin:0 auto;}
.diofit .sec-diofit .cont-box .action {opacity:0; -webkit-transform:translateY(50px); -moz-transform:translateY(50px); transform:translateY(50px); transition:opacity 0.5s ease-in-out, transform 0.5s ease-in-out;}
.diofit .sec-diofit .cont-box .action.on {opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0);}
.diofit .sec-diofit .cont-box .action:nth-child(1) {transition-delay:0.2s;}
.diofit .sec-diofit .cont-box .action:nth-child(2) {transition-delay:0.4s;}
.diofit .sec-diofit .cont-box .action:nth-child(3) {transition-delay:0.6s;}
.diofit .contents-area .sec-item .sub-title, .diofit .contents-area .sec-case .sub-title {margin-bottom:30px;}
.diofit .sec-case {background:#fafafa;}
.diofit .sec-case:before {content:""; width:100%; height:150px; background:#fafafa; position:absolute; left:0; bottom:-150px;}
.diofit ul.item-list .slick-list {margin:0 -15px; padding:0 0 30px 0;}
.diofit ul.item-list .slick-slide {margin:0 15px; -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0); transition:transform 0.5s ease-in-out;}
.diofit ul.item-list li .item-box {width:100%; position:relative; overflow:hidden; box-sizing:border-box; border:1px solid #fff;}
.diofit ul.item-list li .item-box > .inner > a {position:absolute; display:block; width:100%; height:100%; z-index:10;}
.diofit ul.item-list li .item-box .img-box {width:100%; position:relative; z-index:0; box-sizing:border-box;}
.diofit ul.item-list li .item-box .img-box .img {width:100%; height:0; padding-bottom:100%; position:relative; overflow:hidden; background:#fff}
.diofit ul.item-list li .item-box .img-box .img img {max-width:100%; max-height:100%; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.diofit ul.item-list li .item-box .txt-box {width:100%; height:35%; box-sizing:border-box; padding:0 20px; display:table; table-layout:fixed; text-align:center; background:rgba(255,255,255,0.7); position:absolute; left:0; bottom:0; transition:height 0.5s ease-in-out;}
.diofit ul.item-list li .item-box .txt-box > .wrap {width:100%; display:table-cell; vertical-align:middle;}
.diofit ul.item-list li .item-box .txt-box h1 {font-size:36px; font-weight:700; line-height:1.2; word-wrap:break-word; word-break:keep-all; margin-bottom:10px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.diofit ul.item-list li .item-box .txt-box h2 {font-size:18px; font-weight:400; line-height:1.2; word-wrap:break-word; word-break:keep-all; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.diofit ul.item-list li .item-box .txt-box h3 {font-size:36px; font-weight:700; line-height:1.2; word-wrap:break-word; word-break:keep-all; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#0080ff;}
.diofit ul.item-list li .item-box .txt-box .btn-more {margin-top:50px; display:none;}
.diofit ul.item-list .slick-slide:hover {-webkit-transform:translateY(-30px); -moz-transform:translateY(-30px); transform:translateY(-30px);}
.diofit ul.item-list li .item-box:hover {-webkit-box-shadow: 0px 0px 20px 0px rgba(72,72,72,0.13); box-shadow: 0px 0px 20px 0px rgba(72,72,72,0.13);}
.diofit ul.item-list li .item-box:hover .txt-box {height:100%;}
.diofit ul.item-list li .item-box:hover .txt-box .btn-more {display:inline-block;}
.diofit ul.item-list li.coming-soon .item-box .txt-box {height:100%;}
.diofit .slide-nav .arrow {width:60px; height:60px; box-sizing:border-box; border-radius:50%; background:#fff; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); font-size:0; cursor:pointer; position:absolute; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.diofit .slide-nav .arrow:before {content:""; width:10px; height:10px; border:solid #0080ff; border-width:2px 2px 0 0; position:absolute; top:23px;}
.diofit .slide-nav .arrow.prev {left:-30px;}
.diofit .slide-nav .arrow.prev:before {-webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); transform:rotate(-135deg); left:25px;}
.diofit .slide-nav .arrow.next {right:-30px;}
.diofit .slide-nav .arrow.next:before {-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); right:25px;}
.diofit .slide-nav .arrow:hover {background:#0080ff;}
.diofit .slide-nav .arrow:hover:before {border:solid #fff; border-width:2px 2px 0 0;}
.diofit .slide-nav .slick-hidden {display:block !important;}
.diofit .sec-case .action,
.diofit .sec-item .action {opacity:0; -webkit-transform:translateY(50px); -moz-transform:translateY(50px); transform:translateY(50px); transition:opacity 0.5s ease-in-out, transform 0.5s ease-in-out;}
.diofit .sec-case.active .action.on,
.diofit .sec-item.active .action.on {opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0);}


/* film */
.film .sub-visual:before {background: url(/img/cont/visual_film.jpg) center no-repeat; background-size: cover;}
.film.solution .contents-area .sec-solution .section-cont {max-width: 1320px; width: 90% !important;}
.film.solution .sec-solution .solution-wrap .solution-box .img-box {width: 50%;}
.film.solution .sec-solution .solution-wrap .solution-box .txt-box {padding-left: 80px; width: 50%;}
.film.solution .sec-solution .solution-wrap .solution-box .txt-box .tit {padding-left: 0;} 

/*competency ����*/
.competency .sub-visual:before {background:url(/img/cont/visual_competency.jpg) center no-repeat; background-size:cover;}


/*������*/
.design .sec-design .sub-title .action,
.design .sec-design .design-area.action {opacity:0; -webkit-transform:translateY(50px); -moz-transform:translateY(50px); transform:translateY(50px); transition:opacity 0.5s ease-in-out, transform 0.5s ease-in-out;}
.design .sec-design .sub-title .action.on,
.design .sec-design .design-area.action.on {opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0);}
.design .sec-design .main-img-box {width:100%; box-sizing:border-box; border:1px solid #dedede; margin-bottom:50px; opacity:0; -webkit-transform:translateY(50px); -moz-transform:translateY(50px); transform:translateY(50px); transition:opacity 0.5s ease-in-out, transform 0.5s ease-in-out;} 
.design .sec-design .main-img-box img {max-width:100%; display:block; margin:0 auto;}
.design .sec-design .main-img-box.action.on {opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0);}
.design .sec-design .design-area .design-box {width:100%; background:url(/img/cont/design_img_01.png) center no-repeat; background-size:cover;}
.design .sec-design .design-area .design-box.active-1 {background:url(/img/cont/design_img_01.png) center no-repeat; background-size:cover;}
.design .sec-design .design-area .design-box.active-2 {background:url(/img/cont/design_img_02.png) center no-repeat; background-size:cover;}
.design .sec-design .design-area .design-box.active-3 {background:url(/img/cont/design_img_03.png) center no-repeat; background-size:cover;}
.design .sec-design .design-area .design-box.active-4 {background:url(/img/cont/design_img_04.png) center no-repeat; background-size:cover;}
.design .sec-design .design-area .design-box ul {width:100%; font-size:0;}
.design .sec-design .design-area .design-box ul li {display:inline-block; vertical-align:middle; box-sizing:border-box; position:relative; cursor:pointer; padding:10px; width:25%;}
.design .sec-design .design-area .design-box ul li .txt {width:100%; height:500px; display:table; table-layout:fixed; text-align:center;}
.design .sec-design .design-area .design-box ul li .txt p {display:table-cell; vertical-align:middle; font-size:20px; font-weight:700; color:#fff; line-height:1.8; word-wrap:break-word; word-break:keep-all; opacity:0; -webkit-transform:translateY(30px); -moz-transform:translateY(30px); transform:translateY(30px); transition:opacity 0.5s ease-in-out, transform 0.5s ease-in-out;}
.design .sec-design .design-area .design-box ul li.on {background:rgba(0,0,0,0.5); border-left:1px solid rgba(0,0,0,0.1);}
.design .sec-design.active .design-area .design-box ul.action.on li .txt p {opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0);}
.design .sec-design.active .design-area .design-box ul.action.on li:nth-child(2) .txt p {transition-delay:0.2s;}
.design .sec-design.active .design-area .design-box ul.action.on li:nth-child(3) .txt p {transition-delay:0.4s;}
.design .sec-design.active .design-area .design-box ul.action.on li:nth-child(4) .txt p {transition-delay:0.6s;}


/*����*/
.sound .contents-area .sub-title h2,
.sound .contents-area .sub-title .txt,
.sound .section .img-slide {opacity:0; -webkit-transform:translateY(50px); -moz-transform:translateY(50px); transform:translateY(50px); transition:opcaity 0.6s ease-in-out, transform 0.6s ease-in-out;}
.sound .section .img-slide {width:100%; position:relative;}
.sound .section .img-slide ul li {width:100%;}
.sound .section .img-slide ul li img {max-width:100%; display:block; vertical-align:middle;}
.sound .section .img-slide .slide-counter {font-size:0; text-align:right; width:100%; padding:40px 50px; box-sizing:border-box; position:absolute; left:0; bottom:0;}
.sound .section .img-slide .slide-counter > * {display:inline-block; vertical-align:bottom; position:relative;}
.sound .section .img-slide .slide-counter p.current {font-size:36px; font-weight:700; color:#fff; margin-bottom:5px;}
.sound .section .img-slide .slide-counter p.total {font-size:20px; font-weight:700; color:rgba(255,255,255,0.4);}
.sound .section .img-slide .slide-counter p.total:before {content:"/ "; font-weight:400; color:#fff;}
.sound .section .img-slide .slide-nav .arrow {width:60px; height:60px; box-sizing:border-box; border-radius:50%; background:rgba(255,255,255,0.55); position:absolute; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); font-size:0; cursor:pointer;}
.sound .section .img-slide .slide-nav .arrow:before {content:""; width:10px; height:10px; border:solid #000; border-width:2px 2px 0 0; position:absolute; top:23px;}
.sound .section .img-slide .slide-nav .arrow.prev {left:50px;}
.sound .section .img-slide .slide-nav .arrow.prev:before {-webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); transform:rotate(-135deg); left:25px;}
.sound .section .img-slide .slide-nav .arrow.next {right:50px;}
.sound .section .img-slide .slide-nav .arrow.next:before {-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); right:25px;}
.sound .section .img-slide .slide-nav .arrow:hover:before {border:solid #0080ff; border-width:2px 2px 0 0;}
.sound .sec-sound-2:before {content:""; width:100%; height:150px; background:#fafafa; position:absolute; left:0; bottom:-150px;}
.sound .sec-sound-2 .item-area {width:100%; margin-top:40px;} 
.sound .sec-sound-2 .item-area ul {width:100%; font-size:0;}
.sound .sec-sound-2 .item-area ul li {display:inline-block; vertical-align:middle; width:calc(((100% - 30px) /  2) - 1px); margin-left:30px;  opacity:0; -webkit-transform:translateY(50px); -moz-transform:translateY(50px); transform:translateY(50px); transition:opcaity 0.6s ease-in-out, transform 0.6s ease-in-out;}
.sound .sec-sound-2 .item-area ul li:nth-child(1) {margin-left:0;}
.sound .sec-sound-2 .item-area ul li .item-box {width:100%; height:700px; box-sizing:border-box; background:#fff; display:table;}
.sound .sec-sound-2 .item-area ul li .item-box > .inner {width:100%; display:table-cell; vertical-align:middle; box-sizing:border-box; padding:50px 70px;}
.sound .sec-sound-2 .item-area ul li .item-box h1 {font-family:'Noto Sans KR', sans-serif !important; font-size:20px; font-weight:700; color:#0080ff; margin-bottom:10px;}
.sound .sec-sound-2 .item-area ul li .item-box h2 {font-family:'Noto Sans KR', sans-serif !important; font-size:24px; font-weight:700; color:#000; word-wrap:break-word; word-break:keep-all; height:80px; line-height:1.2;}
.sound .sec-sound-2 .item-area ul li .item-box .img-box {width:100%; margin:30px 0 0 0;}
.sound .sec-sound-2 .item-area ul li .item-box .img-box img {max-width:100%; display:block; margin:0 auto;}
.sound .contents-area .sub-title h2.action.on,
.sound .contents-area .sub-title .txt.action.on,
.sound .section.active .img-slide.action.on,
.sound .sec-sound-2.active .item-area.action.on ul li {opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0);}
.sound .sec-sound-2.active .item-area.action.on ul li:nth-child(2) {transition-delay:0.2s;}


/*����*/
.making .sub-visual:before {background:url(/img/cont/visual_making.jpg) center no-repeat; background-size:cover;}
.making .section .sub-title .action {opacity:0; -webkit-transform:translateY(50px); -moz-transform:translateY(50px); transform:translateY(50px); transition:opacity 0.5s ease-in-out, transform 0.5s ease-in-out;}
.making .section .sub-title .action.on {opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0);}
.making .section .sub-title h2{ font-weight:400;}
.making .section .sub-title h2 strong{ font-weight:700;}
.making .sec-making .making-area {width:100%; font-size:0; display:flex; flex-wrap:wrap; align-items:center;}
.making .sec-making .making-area > * {box-sizing:border-box; position:relative;}
.making .sec-making .making-area .img-box {width:calc(100% - 460px); position:relative;}
.making .sec-making .making-area .img-box .main-img {width:100%; height:654px; position:relative; overflow:hidden; z-index:10; background:#fafafa;}
.making .sec-making .making-area .img-box .main-img img {max-width:100%; max-height:100%; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); opacity:0; transition:opacity 3s ease-in-out;}
.making .sec-making .making-area .img-box .main-img.active img {opacity:1;}
.making .sec-making .making-area .img-box ul {width:100%; position:absolute; left:0; top:0; z-index:11;}
.making .sec-making .making-area .img-box ul li {display:none; box-sizing:border-box; width:100%;}
.making .sec-making .making-area .img-box ul li .img {width:100%; height:654px; position:relative; overflow:hidden; background:#fafafa;}
.making .sec-making .making-area .img-box ul li .img img {max-width:100%; max-height:100%; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); opacity:0;}
.making .sec-making .making-area .img-box ul li .tit {width:100%; box-sizing:border-box; padding:50px; position:absolute; left:0; top:0;}
.making .sec-making .making-area .img-box ul li .tit h1 {font-size:40px; font-weight:700; color:#000; margin-bottom:30px;}
.making .sec-making .making-area .img-box ul li .btn-more p {background:#fafafa;}
.making .sec-making .making-area .img-box ul li.on {display:block;}
.making .sec-making .making-area .img-box ul li.on .img img {animation:fadeIn 1.5s ease-in-out both;}
.making .sec-making .making-area .thumnail {width:430px; margin-left:30px;}
.making .sec-making .making-area .thumnail ul {width:100%; font-size:0;}
.making .sec-making .making-area .thumnail ul li {display:inline-block; vertical-align:middle; box-sizing:border-box; width:210px; margin-left:10px; margin-top:12px; cursor:pointer;}
.making .sec-making .making-area .thumnail ul li:nth-child(2n+1) {margin-left:0;}
.making .sec-making .making-area .thumnail ul li:nth-child(-n+2) {margin-top:0;}
.making .sec-making .making-area .thumnail ul li .thumnail-box {width:100%; position:relative;}
.making .sec-making .making-area .thumnail ul li .thumnail-box:before {content:""; width:100%; height:100%; background:rgba(0,0,0,0.26); position:absolute; left:0; top:0; z-index:11;}
.making .sec-making .making-area .thumnail ul li .thumnail-box .img {width:100%; height:0; padding-bottom:100%; position:relative; overflow:hidden; z-index:10;}
.making .sec-making .making-area .thumnail ul li .thumnail-box .img img {max-width:100%; max-height:100%; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.making .sec-making .making-area .thumnail ul li .thumnail-box .cover {width:100%; font-size:18px; font-weight:600; color:#fff; text-align:center; word-wrap:break-word; word-break:keep-all; line-height:1.2; position:absolute; left:0; top:50%; z-index:12; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.making .sec-making .making-area .thumnail ul li .thumnail-box .cover p {padding:0 10px; width:100%; box-sizing:border-box;}
.making .sec-making .making-area .thumnail ul li.active .thumnail-box:before {background:rgba(0,0,0,0.7);}
.making .sec-making .making-area .thumnail ul li.active .thumnail-box:after {content:""; width:100%; height:6px; background:#0080ff; position:absolute; left:0; top:0; z-index:11;}
.making .sec-making .making-area .thumnail ul li.active .thumnail-box .cover p {padding:0 10px; color:#0080ff;}

@keyframes fadeIn { 0%{opacity:0;} 100%{opacity:1;} }


#popup-making {width:90%; min-width:320px; max-width:1000px;}
#popup-making .popup-cont {height:70vh; max-height:730px; position:relative;}
#popup-making .popup-cont > .wrap {width:100%; position:relative;}
#popup-making .popup-cont .slide-cont {width:100%; position:relative; max-width:800px; margin:0 auto;}
#popup-making .popup-cont .making-list .list-box .txt-box {width:100%; height:75px; display:table;}
#popup-making .popup-cont .making-list .list-box .txt-box > .inner {width:100%; display:table-cell; vertical-align:middle;}
#popup-making .popup-cont .making-list .list-box h1 {font-family:'Noto Sans KR', sans-serif !important; font-size:36px; font-weight:700; color:#0080ff; text-align:center;}
#popup-making .popup-cont .making-list .list-box .txt {width:100%; max-width:640px; font-size:18px; font-weight:400; line-height:1.6; word-wrap:break-word; word-break:keep-all; text-align:center; margin:10px auto 0 auto;}
#popup-making .popup-cont .making-list .list-box .img-box {width:calc(100% - 60px); max-width:800px; margin:0 auto;}
#popup-making .popup-cont .making-list .list-box .img-box .img {width:100%; height:0; padding-bottom:calc(450 / 800 * 100%); position:relative; overflow:hidden;}
#popup-making .popup-cont .making-list .list-box .img-box img {max-width:100%; max-height:100%; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
#popup-making .popup-cont .slide-nav .arrow {width:60px; height:60px; box-sizing:border-box; border-radius:50%; background:rgba(255,255,255,1); position:absolute; top:calc(50% + 35px); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); font-size:0; cursor:pointer; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);} 
#popup-making .popup-cont .slide-nav .arrow:before {content:""; width:10px; height:10px; border:solid #0080ff; border-width:2px 2px 0 0; position:absolute; top:23px;}
#popup-making .popup-cont .slide-nav .arrow.prev {left:0;}
#popup-making .popup-cont .slide-nav .arrow.prev:before {-webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); transform:rotate(-135deg); left:25px;}
#popup-making .popup-cont .slide-nav .arrow.next {right:0;}
#popup-making .popup-cont .slide-nav .arrow.next:before {-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); right:25px;}
#popup-making .popup-cont .slide-nav .arrow:hover {background:#0080ff;}
#popup-making .popup-cont .slide-nav .arrow:hover:before {border:solid #fff; border-width:2px 2px 0 0;}
#popup-making .popup-cont .slide-counter {width:100%; font-size:0; text-align:center; margin-top:20px;}
#popup-making .popup-cont .slide-counter > * {display:inline-block; vertical-align:bottom; position:relative;}
#popup-making .popup-cont .slide-counter .current {font-size:24px; font-weight:600; margin-bottom:5px; color:#0080ff;}
#popup-making .popup-cont .slide-counter .total {font-size:14px; font-weight:600; color:rgba(0,0,0,0.5);}
#popup-making .popup-cont .slide-counter .total:before {content:"/"; margin:0 3px;}

/* material */
.material.global .sub-visual:before {background:url(/img/cont/visual_material.jpg) center no-repeat; background-size:cover;}
.material .scm-box .tit {font-size: 24px; font-weight: bold; text-align: center; margin-bottom: 60px;}
.material.global .sec-global .scm-area ul {display: flex;}
.material.global .sec-global .scm-area ul li .scm-box {height: 100%;}
.material.global .sec-global .scm-area ul li .scm-box > .inner {padding: 60px 50px;}
.material.global .sec-global .scm-area ul li .scm-box .img-box {margin-bottom: 60px;}

.material.contents .contents-area .section:nth-child(1) {padding-bottom: 10px;}


.global .sub-visual:before {background:url(/img/cont/visual_global.jpg) center no-repeat; background-size:cover;}
.global .contents-area {background:#fff;}
.global .section .sub-title .action,
.global .sec-net .earth-area.action {opacity:0; -webkit-transform:translateY(50px); -moz-transform:translateY(50px); transform:translateY(50px); transition:opacity 0.5s ease-in-out, transform 0.5s ease-in-out;}
.global .section .sub-title .action.on,
.global .sec-net .earth-area.action.on {opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0);}
.global .sec-net .earth-area {position:relative; width:100%; max-width:1276px; margin:0 auto;}
.global .sec-net .earth-area:before {content:""; width:100%; height:0; padding-bottom:100%; /*background:url(/img/cont/earth_bg.png) center no-repeat; background-size:cover;*/ position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.global .sec-net .earth-area .img-box {width:100%; /*max-width:1081px;*/ box-sizing:border-box; margin:0 auto; position:relative;}
.global .sec-net .earth-area .img-box .earth {width:100%; height:0; padding-bottom:45.6%; position:relative; background:url(/img/cont/earth_new.png) top center no-repeat; background-size:100% auto; cursor:hand; }
.global .sec-net .earth-area .img-box .earth p{width: 120px; height: 40px; display: block; border-radius:3px; line-height:40px; color: #fff; padding-left:20px; background:url(../../img/cont/blt_aro.png) no-repeat; background-position:90%, center; background-color:#5597cf; margin-left:100px; cursor:pointer;transition-property:background-color;transition-duration:0.5s;}
.global .sec-net .earth-area .img-box .earth p:hover{background-color:#3c5492;transition-property:background-color;transition-duration:0.5s;}
.global .sec-global {background: #fafafa !important; margin-top:0; padding:0}
.global .sec-global .sub-title h2{font-weight:700; font-size:35px;}
.global .sec-global .scm-area ul {width:100%; font-size:0;}
.global .sec-global .scm-area ul li {display:inline-block; vertical-align:middle; width:calc(((100% - 60px) / 3) - 1px); box-sizing:border-box; margin-left:30px; opacity:0; -webkit-transform:translateY(50px); -moz-transform:translateY(50px); transform:translateY(50px); transition:opacity 0.5s ease-in-out, transform 0.5s ease-in-out;}
.global .sec-global .scm-area ul li:nth-child(1) {margin-left:0;}
.global .sec-global .scm-area ul li .scm-box {width:100%; height:420px; background:#fff; display:table; box-sizing:border-box; border-bottom:2px solid #0080ff;}
.global .sec-global .scm-area ul li .scm-box > .inner {width:100%; padding:20px; display:table-cell; vertical-align:middle;}
.global .sec-global .scm-area ul li .scm-box .img-box {width:100%; margin-bottom:30px;}
.global .sec-global .scm-area ul li .scm-box .img-box img {display:block; max-width:100%; margin:0 auto;}
.global .sec-global .scm-area ul li .scm-box .txt-box {width:100%; height:100px; display:table; table-layout:fixed;}
.global .sec-global .scm-area ul li .scm-box .txt {width:100%; display:table-cell; vertical-align:middle; font-size:20px; font-weight:400; color:#767676; letter-spacing:-1px; line-height:1.4; word-wrap:break-word; word-break:keep-all; text-align:center;}
.global .sec-global .scm-area ul li .scm-box .txt span {color:#000;}
.global .sec-global .scm-area ul.action.on li {opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0);}
.global .sec-global .scm-area ul.action.on li:nth-child(2) {transition-delay:0.2s;}
.global .sec-global .scm-area ul.action.on li:nth-child(3) {transition-delay:0.4s;}


#popup-global {width:90%; min-width:320px; max-width:1000px;}
#popup-global .popup-cont {height:80vh; max-height:850px; position:relative; display:block;overflow-y: auto;}
#popup-global .popup-cont > .wrap {width:100%; height: 100%; position:relative; padding: 0 !important; display: block;}
#popup-global .popup-cont .network-area {padding: 30px 50px;}
#popup-global .popup-cont .network-area h1.tit {font-family:'Noto Sans KR', sans-serif !important; font-size:36px; font-weight:700; line-height:1.2; text-align:center; word-wrap:break-word; word-break:keep-all;}
#popup-global .popup-cont .network-area .tab {width:100%; margin:30px 0;}
#popup-global .popup-cont .network-area .tab ul {width:100%; font-size:0;}
#popup-global .popup-cont .network-area .tab ul li {display:inline-block; vertical-align:middle; width:20%; height:50px; position:relative; background:#fff; cursor:pointer;}
#popup-global .popup-cont .network-area .tab ul li:before {content:""; width:1px; height:10px; border-left:1px solid #dedede; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -mo-ztransform:translateY(-50%); transform:translateY(-50%);}
#popup-global .popup-cont .network-area .tab ul li:nth-child(5n+1):before {display:none;}
#popup-global .popup-cont .network-area .tab ul li p {width:100%; height:100%; display:table; table-layout:fixed;}
#popup-global .popup-cont .network-area .tab ul li p span {width:100%; display:table-cell; vertical-align:middle;  padding:5px; box-sizing:border-box; font-family:'Noto Sans KR', sans-serif !important; font-size:16px; font-weight:500; text-align:center;}
#popup-global .popup-cont .network-area .tab ul li.on {background:#0080ff;}
#popup-global .popup-cont .network-area .tab ul li.on p {color:#fff;}
#popup-global .popup-cont .network-area .tab ul li.on:before {display:none;}
#popup-global .popup-cont .network-area .network-cont {width:100%; font-size:0; display:flex; flex-wrap:wrap; align-items:top;}
#popup-global .popup-cont .network-area .network-cont > * {box-sizing:border-box; position:relative;}
#popup-global .popup-cont .network-area .network-cont .img-box {width:60%; overflow:hidden;}
#popup-global .popup-cont .network-area .network-cont .img-box .img {width:100%; height:0; padding-bottom:calc(450 / 540 * 100%); position:relative; overflow:hidden;}
#popup-global .popup-cont .network-area .network-cont .img-box .img img {max-width:100%; max-height:100%; width: 100%; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
#popup-global .popup-cont .network-area .network-cont .txt-box {width:40%; padding:0 0 0px 40px; /*height:515px;*/}
#popup-global .popup-cont .network-area .network-cont .txt-box:before {content:""; width:40px; height:4px; background:#0080ff; position:absolute; left:40px; top:0;}
#popup-global .popup-cont .network-area .network-cont .txt-box h2 { visibility:hidden; font-family:'Noto Sans KR', sans-serif !important; font-size:20px; font-weight:700; line-height:1.2; word-wrap:break-word; word-break:keep-all; margin-bottom:20px;}
#popup-global .popup-cont .network-area .network-cont .txt-box > .wrap {width:100%; height:100%; /*overflow-y:auto;*/}
#popup-global .popup-cont .network-area .network-cont .txt-box .info-area {width:100%; height:100%;}
#popup-global .popup-cont .network-area .network-cont .txt-box .info-area .info-box {width:100%; box-sizing:border-box; padding:30px 0; border-top:1px solid #dedede;}
#popup-global .popup-cont .network-area .network-cont .txt-box .info-area .info-box:nth-child(1) {border-top:none; padding-top:0}
#popup-global .popup-cont .network-area .network-cont .txt-box .info-area .info-box dl > * {font-family:'Noto Sans KR', sans-serif !important; font-size:16px; line-height:1.2; word-wrap:break-word; word-break:keep-all;}
#popup-global .popup-cont .network-area .network-cont .txt-box .info-area .info-box dl dt {font-weight:700; color:#0080ff; margin-bottom:10px;}
#popup-global .popup-cont .network-area .network-cont .txt-box .info-area .info-box dl dd {font-weight:400;}
#popup-global .popup-cont .network-area .network-cont .txt-box .info-area .info-box dl dd ul li {width:100%; padding-left:8px; box-sizing:border-box; text-indent:-8px; margin-top:5px;}
#popup-global .popup-cont .network-area .network-cont .txt-box .info-area .info-box dl dd ul li:nth-child(1) {margin-top:0;}
#popup-global .popup-cont .network-area .network-cont .txt-box .info-area .info-box dl dd ul li:before {content:"- ";}
#popup-global .popup-cont .network-area .network-cont .txt-box .info-area .info-box:nth-child(1) dl dd{font-weight:bold; font-size:18px;}
#popup-global .popup-cont .network-area .network-cont .pic {width:100%; margin:20px auto 0 auto; display: none}
#popup-global .popup-cont .network-area .network-cont .pic p {width:calc((100% - 20px) / 3); margin-right:10px; display: inline-block;}
#popup-global .popup-cont .network-area .network-cont .pic p:last-child {margin-right:0;}
#popup-global .popup-cont .network-area .network-cont .pic p img{width:100%}
#popup-global .popup-cont .network-area .network-cont .pic p img{width:100%}
#popup-global .popup-cont .network-area .network-cont .pic.aHEAD{ display: block}
#popup-global .popup-cont .network-area .network-cont .pic.bBAC{ display: block}
#popup-global .popup-cont .network-area .network-cont .pic.cGLONICS{ display: block}
#popup-global .popup-cont .network-area .network-cont .pic.dSHENZHEN{ display: block}

#popup-global .popup-cont .mCSB_inside > .mCSB_container {margin-right:0 !important;}

#popup-global .popup-cont .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, 
#popup-global .popup-cont .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
#popup-global .popup-cont .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
#popup-global .popup-cont .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, 
#popup-global .popup-cont .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color: #0080ff;}
#popup-global .popup-cont .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
#popup-global .popup-cont .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
#popup-global .popup-cont .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color: #0080ff;}


/*recruit ����*/
.recruit .sub-visual {/*background:url(/img/cont/visual_recruit.jpg) center no-repeat; background-size:cover;*/}
.recruit .sub-visual:before {background:url(/img/cont/visual_recruit.jpg) center no-repeat; background-size:cover;}


/*�����*/
.rightpeople .sec-people {padding-bottom:0 !important;}
.rightpeople .sec-people .action {opacity:0; -webkit-transform:translateY(50px); -moz-transform:translateY(50px); transform:translateY(50px); transition:opacity 0.6s ease-in-out, transform 0.6s ease-in-out;}
.rightpeople .sec-people.active .action.on {opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0);}
.rightpeople .sec-people-list {background:transparent !important;}
/*
.rightpeople .sec-people-list:before {content:""; width:50%; height:100%; position:absolute; left:-293px; top:0; z-index:0; background:#fafafa;}
.rightpeople .sec-people-list:after {content:""; width:50%; height:150px; position:absolute; left:-293px; bottom:-150px; z-index:100; background:#fafafa;}
*/
.rightpeople .right-people {width:80%; max-width:954px; margin:0 auto;}
.rightpeople .right-people .txt-box {width:100%; box-sizing:border-box; padding:0 0 50px 0; font-size:18px; font-weight:400; line-height:1.6; word-wrap:break-word; word-break:keep-all; text-align:justify;}
.rightpeople .right-people .img-box {width:100%;}
.rightpeople .right-people .img-box img {max-width:100%; display:block; margin:0 auto;}
.rightpeople .right-people-cont {width:100%; position:relative; z-index:10;}
.rightpeople .right-people-cont .list-box {width:100%; box-sizing:border-box; margin-top:80px; }
.rightpeople .right-people-cont .list-box:nth-child(1) {margin-top:0;}
.rightpeople .right-people-cont .list-box > .inner {width:100%; font-size:0;}
.rightpeople .right-people-cont .list-box > .inner > * {display:inline-block; vertical-align:top; box-sizing:border-box; word-wrap:break-word; word-break:keep-all; line-height:1.6;}
.rightpeople .right-people-cont .list-box i {width:100%; font-size:18px; font-weight:700; color:#0080ff; font-style:normal; margin-bottom:10px;}
.rightpeople .right-people-cont .list-box .tlt {width:240px; font-size:24px; font-weight:700;}
.rightpeople .right-people-cont .list-box .txt-box {width:calc(100% - 240px); padding-left:125px; font-size:18px; font-weight:400;}
.rightpeople .right-people-cont .action {opacity:0; -webkit-transform:translateY(50px); -moz-transform:translateY(50px); transform:translateY(50px); transition:opacity 0.6s ease-in-out, transform 0.6s ease-in-out;}
.rightpeople .right-people-cont .action.on {opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0);}
.rightpeople .bg {width:100%; height:100%; position:absolute; left:0; top:0;}


/*����*/
.employ .sec-employ .action {opacity:0; -wekbit-transform:translateY(-30px); -moz-transform:translateY(-30px); transform:translateY(-30px); transition:transform 1s ease-in-out, opacity 1s ease-in-out;}
.employ .sec-employ.active .action.on {opacity:1; -wekbit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0);}
.employ .board-view .view-tb.ty-1 .tr.split .lf {width:calc(100% - 180px);}
.employ .board-view .view-tb.ty-1 .tr.split .rt {width:180px;}
.employ .board-view .view-tb.ty-1 .tr.split:before {width:180px;}
.employ .board-view .view-tb.ty-1 .tr.split .state {font-size:20px; font-weight:500; text-align:center;}

.employ .board-write .write-tb.ty-1  .addfile-box .result-txt {width:calc(100% - 280px);}
.employ .application-box {width:100%; box-sizing:border-box;}
.employ .application-box.form-cont {background:#fafafa; padding:0 50px; margin-top:60px;}
.employ .application-box.form-cont > * {box-sizing:border-box; padding:50px 0; border-bottom:1px solid #dedede;}
.employ .application-box.form-cont > *:last-child {border-bottom:none;}
.employ .application-box.form-cont .tlt-box {width:100%; text-align:center;}
.employ .application-box.form-cont .tlt-box h1 {font-family:'Noto Sans KR', sans-serif !important; font-size:28px; font-weight:500; color:#000; line-height:1.4; word-wrap:break-word; word-break:keep-all;}
.employ .application-box.form-cont .tlt-box h2 {font-size:18px; font-weight:700; color:#0080ff; margin-bottom:5px;}
.employ .application-box.form-cont input.box-name, 
.employ .application-box.form-cont input.box-phone, 
.employ .application-box.form-cont input.box-pwd {max-width:670px;}
.employ .application-box.form-cont input.box-email {max-width:1000px;}
.employ .application-box.form-cont .addfile-area {max-width:1120px;}


/*�����濵*/
.ethics .contents-area {padding-bottom:0 !important;}
.ethics .sub-visual:before {background:url(/img/cont/visual_ethics.jpg) center no-repeat; background-size:cover;}
.ethics .set-ethics .sub-title {width:100% !important;}
.ethics .set-ethics .ethics-cont {font-size:18px; line-height:1.6; word-wrap:break-word; word-break:keep-all;}
.ethics .set-ethics .type-list ul {width:100%; font-size:0; margin-top:-30px;}
.ethics .set-ethics .type-list ul li {display:inline-block; vertical-align:top; width:calc(((100% - 90px) / 4) - 1px); margin-left:30px; margin-top:30px; position:relative; box-sizing:border-box; border-left:2px solid #0080ff; background:#fafafa; padding:5px 20px; cursor:pointer;}
.ethics .set-ethics .type-list ul li:nth-child(4n+1) {margin-left:0;}
.ethics .set-ethics .type-list ul li .type-box {width:100%; height:90px; display:table;}
.ethics .set-ethics .type-list ul li .type-box > .wrap {width:100%; display:table-cell; vertical-align:middle;}
.ethics .set-ethics .type-list ul li .type-box dl {width:100%; font-size:0;}
.ethics .set-ethics .type-list ul li .type-box dl > * {display:inline-block; vertical-align:middle; box-sizing:border-box; font-size:18px;}
.ethics .set-ethics .type-list ul li .type-box dl dt {width:30px; font-weight:600; color:#0080ff;}
.ethics .set-ethics .type-list ul li .type-box dl dd {width:calc(100% - 30px); word-wrap:break-word; word-break:keep-all;}
.ethics .set-ethics .type-list ul li:hover {background:#0080ff;}
.ethics .set-ethics .type-list ul li:hover .type-box dl > * {color:#fff;} 
.ethics .set-ethics .action {opacity:0; -webkit-transform:translateY(50px); -moz-transform:translateY(50px); transform:translateY(50px); transition:opacity 0.6s ease-in-out, transform 0.6s ease-in-out;}
.ethics .set-ethics.active .action.on {opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0);}
.ethics .set-info {background:url(/img/cont/ethics_bg.jpg) center no-repeat !important; background-size:auto 100%;}
.ethics .set-info .info-box {width:100%; text-align:center;}
.ethics .set-info .info-box > .wrap > * {opacity:0; -webkit-transform:translateY(50px); -moz-transform:translateY(50px); transform:translateY(50px); transition:opacity 0.6s ease-in-out, transform 0.6s ease-in-out;}
.ethics .set-info .info-box h1 {font-size:36px; font-weight:700;}
.ethics .set-info .info-box .txt-box {font-size:18px; line-height:1.6; word-wrap:break-word; word-break:keep-all; margin:30px 0 60px 0;}
.ethics .set-info .info-box .txt-box span {color:#0080ff;}
.ethics .set-info .info-box .btn {display:inline-block; height:60px; border-radius:60px; background:#0080ff; overflow:hidden;}
.ethics .set-info .info-box .btn a {display:block; box-sizing:border-box; padding:0 30px; font-size:16px; line-height:60px; color:#fff;}
.ethics .set-info .info-box.action > .wrap > *:nth-child(2) {transition-delay:0.2s;}
.ethics .set-info .info-box.action > .wrap > *:nth-child(3) {transition-delay:0.4s;}
.ethics .set-info.active .info-box.action.on > .wrap > * {opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0);}

.report .set-report .report-box {width:100%; box-sizing:border-box; margin-top:80px; font-size:0;}
.report .set-report .report-box:nth-child(1) {margin-top:0;}
.report .set-report .report-box .tit {width:100%; font-size:24px; font-weight:500; padding-bottom:15px; box-sizing:border-box; border-bottom:1px solid #000; margin-bottom:30px;}
.report .set-report .report-box .in-box {display:inline-block; vertical-align:top; box-sizing:border-box; position:relative;}
.report .set-report .report-box .in-box.half-box {width:calc(((100% - 60px) / 2) - 1px); margin-left:60px;}
.report .set-report .report-box .in-box.half-box:nth-child(1) {margin-left:0;}
.report .set-report .report-box .in-box.wid-box {width:100%; margin-top:50px;}
.report .set-report .report-box .in-box.wid-box:nth-child(1) {margin-top:0;}
.report .set-report .report-box .board-write .write-tb .addfile-box {max-width:620px;}
.report .set-report .report-box .board-write .write-tb .addfile-box .result-txt {width:calc(100% - 140px);}


/*���ﱤ��*/
.conflict .sub-visual:before {background:url(/img/cont/visual_conflict.png) center no-repeat; background-size:cover;}
.conflict .set-conflict .txt-box {width:100%; font-size:0;}
.conflict .set-conflict .txt-box > * {display:inline-block; vertical-align:top; box-sizing:border-box; position:relative; width:50%;}
.conflict .set-conflict .txt-box .lf-box {padding-right:80px;}
.conflict .set-conflict .txt-box .lf-box .txt {font-size:24px; font-weight:500; line-height:1.8; word-wrap:break-word; word-break:keep-all;}
.conflict .set-conflict .txt-box .lf-box .txt span {color:#0080ff; font-weight:700;}
.conflict .set-conflict .txt-box .rt-box .txt {font-size:16px; font-weight:400; line-height:1.8; word-wrap:break-word; word-break:keep-all;}
.conflict .set-conflict .txt-box .rt-box .img-box {margin-top:20px;}
.conflict .set-conflict .txt-box .rt-box .img-box .img {margin-bottom:10px;}
.conflict .set-conflict .txt-box .rt-box .img-box .img img {display:block; max-width:100%;}
.conflict .set-conflict .txt-box .rt-box .img-box p {font-size:16px; font-weight:400;}
.conflict .set-graph .graph-area {width:100%; font-size:0;}
.conflict .set-graph .graph-area .graph-box {display:inline-block; vertical-align:top; box-sizing:border-box; position:relative; width:calc(((100% - 450px) / 4) - 1px); margin-left:150px; text-align:center;}
.conflict .set-graph .graph-area .graph-box:nth-child(1) {margin-left:0;}
.conflict .set-graph .graph-area .graph-box .graph {margin-bottom:30px;}
.conflict .set-graph .graph-area .graph-box .graph .chart {width:200px; height:200px;}
.conflict .set-graph .graph-area .graph-box .txt {width:100%;}
.conflict .set-graph .graph-area .graph-box .txt h1 {font-size:20px; font-weight:700; margin-bottom:10px;}
.conflict .set-graph .graph-area .graph-box .txt h2 {font-size:36px; font-weight:700; color:#0080ff;}
.conflict .set-adm .txt-box {font-size:18px; font-weight:400; line-height:1.8; word-wrap:break-word; word-break:keep-all; margin-bottom:70px;}
.conflict .set-adm .down-area h1 {font-size:24px; font-weight:700; color:#767676; margin-bottom:20px;}
.conflict .set-adm .down-area > .inner {width:100%; font-size:0;}
.conflict .set-adm .down-area .down-box {display:inline-block; vertical-align:middle; width:calc(((100% - 30px) / 2) - 1px); box-sizing:border-box; position:relative; margin-left:30px; cursor:pointer;}
.conflict .set-adm .down-area .down-box:nth-child(1) {margin-left:0;}
.conflict .set-adm .down-area .down-box .img {width:100%; height:0; padding-bottom:calc(301 / 645 * 100%); position:relative; overflow:hidden;}
.conflict .set-adm .down-area .down-box .img img {max-width:100%; max-height:100%; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%); z-index:10;}
.conflict .set-adm .down-area .down-box .btn-download {width:180px; height:60px; border-radius:60px; box-sizing:border-box; background:#fff; text-align:center; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%); z-index:11;}
.conflict .set-adm .down-area .down-box .btn-download a {display:block; border-radius:60px;}
.conflict .set-adm .down-area .down-box .btn-download p {display:inline-block; padding-right:25px; max-width:100%; position:relative; font-size:16px; font-weight:400; line-height:60px;}
.conflict .set-adm .down-area .down-box .btn-download p:before {content:""; width:18px; height:18px; background-image:url(/img/cont/icon_download.png); background-position:center; background-size:cover; position:absolute; right:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.conflict .set-adm .down-area .down-box:hover:before {content:""; width:100%; height:4px; background:#0080ff; position:absolute; left:0; bottom:0; z-index:11;}
.conflict .set-adm .down-area .down-box:hover .btn-download {background:#0080ff;}
.conflict .set-adm .down-area .down-box:hover .btn-download p {color:#fff;}
.conflict .set-adm .down-area .down-box:hover .btn-download p:before {background-image:url(/img/cont/icon_download_on.png);}


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

	.vision .strategy-area .strategy-list {width:calc(100% - 130px); margin:0 auto;}

}


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

	.history .history-inner .history-box h1.year {font-size:150px; letter-spacing:-5px; margin-bottom:50px; margin-top:-10px;}

	.product-intro .product-wrap .product-box .txt-box dl {margin-top:30px; display:none;}
	.product-intro .product-wrap .product-box .txt-box dl > * {font-size:14px;}

	.rightpeople .sec-people-list:before {width:30%; left:0;} 
	.rightpeople .sec-people-list:after {width:30%; left:0;}

	.conflict .set-graph .graph-area .graph-box {width:calc(((100% - 300px) / 4) - 1px); margin-left:100px;}

	.material.global .sec-global .scm-area ul li .scm-box > .inner {padding: 40px 20px;}
}


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

	.contents .sub-visual {height:300px;}
	.contents .sub-visual .txt {padding-bottom:50px;}
	.contents .sub-visual .txt h1 {font-size:45px;}
	.contents .sub-visual .txt h2 {font-size:17px;}

	.about .sub-visual {background-size:auto 100%; background-position:right 35% center;}

	/*.vision .strategy-area {width:100%; margin-top:30px; display:inline-block; font-size:0;}
	.vision .strategy-area .img-box {padding:0 40px 0 0;}
	.vision .strategy-area .strategy-cont {padding:0 20px 0 20px; height:600px;}
	.vision .strategy-area .strategy-cont .strategy-box {padding-left:50px; margin-top:150px;}*/

	.vision .strategy-area .strategy-list .strategy-box .img-box {padding:0 40px 0 0;}

	.history .contents-area > .inner {width:90%;}
	.history .history-inner {margin-top:80px;}
	.history .history-inner .history-box {margin-top:120px;}
	.history .history-inner .history-box h1.year {font-size:120px; letter-spacing:-5px; margin-bottom:50px; margin-top:-15px;}
	.history .history-inner .history-box .history-cont dl {margin-top:80px;}
	.history .history-inner .history-box .history-cont dl:before {height:calc(100% + 80px);}
	.history .history-inner .history-box .history-cont dl:nth-child(1):before {height:calc(100% + 60px); top:20px;}
	.history .history-inner .history-box .history-cont dl dt {font-size:32px;}	
	.history .history-inner .history-box .history-cont dl dd {font-size:17px; margin-top:10px; padding-left:8px; text-indent:-8px;}
	.history .history-inner .history-box:nth-child(odd) .box-lf {padding-right:60px;}
	.history .history-inner .history-box:nth-child(even) .box-rt {padding-left:60px;}

	.business-intro .sec-txt .txt-box {font-size:24px;}
	.business-intro ul.product-slide .slick-list {margin:0 -10px;}
	.business-intro ul.product-slide .slick-slide {margin:0 10px;}

	.solution .sec-solution .solution-wrap .solution-box:nth-child(odd) .txt-box {padding:0 20px 0 50px;}
	.solution .sec-solution .solution-wrap .solution-box:nth-child(even) .txt-box {padding:0 50px 0 20px;}
	.solution .sec-solution .solution-wrap .solution-box .txt-box .tit {height:100px; padding-left:50px; margin-bottom:50px;}
	.solution .sec-solution .solution-wrap .solution-box .txt-box .tit h1 {font-size:32px;}
	.solution .sec-solution .solution-wrap .solution-box .txt-box .tit h1 .br {display:inline-block;}
	.solution .sec-solution .solution-wrap .solution-box .txt-box .tit i.num {font-size:120px;}
	.solution .sec-solution .solution-wrap .solution-box .txt-box dl dt {font-size:18px; margin-top:25px;}
	.solution .sec-solution .solution-wrap .solution-box .txt-box dl dd {margin-top:8px;}
	.solution .sec-solution .solution-wrap .solution-box .txt-box dl dd ul li {font-size:15px;}

	.product-intro .product-wrap > .inner {box-sizing:border-box;}
	.product-intro .product-wrap.speaker > .inner {padding-left:30px;}
	.product-intro .product-wrap.headphone > .inner {padding-right:30px;}
	.product-intro .product-wrap > .inner > * {width:calc(((100% - 40px) / 2) - 1px); max-width:400px;}
	.product-intro .product-wrap .title-box {position:relative; top:0; transform:none; width:100% !important; max-width:100% !important; display:block; margin-bottom:40px;}
	.product-intro .product-wrap .title-box .txt {margin-bottom:40px;}
	.product-intro .product-wrap .title-box .txt h1 {font-size:35px; margin-bottom:10px;}
	.product-intro .product-wrap .title-box .txt h2 {font-size:16px;}
	.product-intro .product-wrap.speaker .title-box {padding-left:0;}
	.product-intro .product-wrap.headphone .title-box {text-align:right; padding-left:0;}

	.product-view .sec-thum .product-img-area .product-img .txt-bg {font-size:150px;}

	.product-view .sec-thumnail .product-spec {padding:40px 0 40px 40px;}
	.product-view .sec-thumnail .product-spec h1 {font-size:45px;}

	.product-view .sec-detail .detail-box .detail-cont .product-detail ul li .txt-box {padding:30px;}
	.product-view .sec-detail .detail-box .detail-cont .product-detail ul li .txt-box i.num {font-size:32px;}
	.product-view .sec-detail .detail-box .detail-cont .product-detail ul li .txt-box h1 {margin:30px 0 15px 0; font-size:32px;}

	.product-view .sec-detail .detail-box .detail-cont .product-package ul.package li {margin-left:30px; margin-top:30px; width:calc(((100% - 60px) / 3) - 1px);}

	.diofit ul.item-list .slick-list {margin:0 -10px;}
	.diofit ul.item-list .slick-slide {margin:0 10px;}

	.design .sec-design .design-area .design-box ul li .txt {height:400px;}

	.sound .sec-sound-2 .item-area ul li .item-box {height:650px;}

	.making .sec-making .making-area .img-box {width:calc(100% - 390px);}
	.making .sec-making .making-area .img-box .main-img {height:504px;}
	.making .sec-making .making-area .img-box ul li .img {height:504px;}

	.making .sec-making .making-area .thumnail {width:360px;}
	.making .sec-making .making-area .thumnail ul li {width:160px;}

	.global .sec-global {margin-top:0;}
	.global .sec-global .scm-area ul li .scm-box {height:380px;}

	.ethics .set-ethics .type-list ul li .type-box dl dd .br {display:inline-block;}

	.conflict .set-conflict .txt-box .lf-box {padding-right:50px;}
	.conflict .set-conflict .txt-box .lf-box .txt .br {display:inline-block;}
	.conflict .set-graph .graph-area .graph-box {width:calc(((100% - 210px) / 4) - 1px); margin-left:70px;}

}

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

	.contents .btn-more {margin-top:15px;}
	.contents .btn-more:before {width:50px; height:50px; border-radius:50px;}
	.contents .btn-more a, .contents .btn-more > .inner {padding:0 25px;}
	.contents .btn-more p {font-size:15px; padding-right:18px;}
	.contents .btn-more p:before {width:10px; height:2px; right:0;}
	.contents .btn-more p:after {width:2px; height:10px; right:4px;}
	.contents .btn-more:hover:before {width:100%;}

	.contents .sub-visual {height:250px;}
	.contents .sub-visual .txt h1 {font-size:40px;}
	.contents .sub-visual .txt h2 {font-size:16px;}
	.contents .sub-visual .depth ul li {padding:25px 0;}
	.contents .sub-visual .depth ul li a {font-size:17px;}

	.contents .contents-area .section {padding:80px 0;}
	.contents .contents-area .section .section-cont .cont-box {margin-top:80px;}
	.contents .contents-area .sub-title {margin-bottom:50px;}
	.contents .contents-area .sub-title h1 {}
	.contents .contents-area .sub-title h2 {font-size:20px;}
	.contents .contents-area .sub-title .txt {font-size:16px;}

	.vision .sec-vision .vision-box .txt-box {font-size:16px;}
	.vision .sec-vision .vision-box .txt-box .br {display:inline-block;}

	.vision .strategy-area {margin-top:30px;}
	/*.vision .strategy-area > * {width:100%;}
	.vision .strategy-area .img-box {padding:0;}
	.vision .strategy-area .img-box ul li img {margin:0 auto;}
	.vision .sec-strategy:before {height:120px; bottom:-120px;}
	.vision .strategy-area .strategy-cont {padding:0 20px 0 0; height:450px;}
	.vision .strategy-area .strategy-cont .strategy-box {padding-left:50px; }
	/*.vision .strategy-area .strategy-cont .strategy-box:before {font-size:120px; line-height:80px; top:calc(50% - 80px);}*/
	/*.vision .strategy-area .strategy-cont .strategy-box .tit {height:80px;}
	.vision .strategy-area .strategy-cont .strategy-box .tit:before {font-size:120px; line-height:80px; left:-50px;}
	.vision .strategy-area .strategy-cont .strategy-box .txt .br {display:inline-block;}*/
	.vision .strategy-area .strategy-list {max-width:600px;}
	.vision .strategy-area .strategy-list .strategy-box > * {width:100%;}
	.vision .strategy-area .strategy-list .strategy-box .img-box {padding:0;}
	.vision .strategy-area .strategy-list .strategy-box .txt-box {height:350px; padding-top:30px;}
	.vision .strategy-area .strategy-list .strategy-box .txt-box .tit {height:80px; padding-left:50px; box-sizing:border-box;}
	.vision .strategy-area .strategy-list .strategy-box .txt-box .tit:before {font-size:120px; line-height:80px; left:0;}
	.vision .strategy-area .strategy-list .strategy-box .txt-box .txt .br {display:inline-block;}

	.history .history-tab ul li {padding:0 15px; cursor:pointer;}
	.history .history-tab ul li span {font-size:32px;}
	.history .history-inner {margin-top:70px;}
	.history .history-inner .history-box {margin-top:100px;}
	.history .history-inner .history-box h1.year {font-size:90px; letter-spacing:-5px; margin-bottom:40px; margin-top:-10px;}
	.history .history-inner .history-box .history-cont dl {margin-top:60px; padding-left:25px;}
	.history .history-inner .history-box .history-cont dl:before {height:calc(100% + 60px);}
	.history .history-inner .history-box .history-cont dl:nth-child(1):before {height:calc(100% + 40px); top:20px;}
	.history .history-inner .history-box .history-cont dl:last-child:before {height:20px;}
	.history .history-inner .history-box .history-cont dl dt {font-size:28px;}
	.history .history-inner .history-box .history-cont dl dt:before {width:9px; height:9px; left:-29px;}
	.history .history-inner .history-box .history-cont dl dd {font-size:16px; margin-top:10px;}
	.history .history-inner .history-box:nth-child(odd) .box-lf {padding-right:40px;}
	.history .history-inner .history-box:nth-child(even) .box-rt {padding-left:40px;}

	.location .sec-location .combo-box .current-option {font-size:15px;}
	.location .sec-location .combo-box .option-list ul li a {font-size:15px;}
	.location .sec-location .location-area .tit {font-size:32px;}
	.location .sec-location .location-area .location-box .map-box {width:calc(100% - 350px); height:400px;}
	.location .sec-location .location-area .location-box .company-info {width:350px; padding-left:30px;}
	.location .sec-location .location-area .location-box .company-info .company {padding-top:20px; font-size:18px; margin-bottom:50px;}
	.location .sec-location .location-area .location-box .company-info .company:before {width:30px;}
	.location .sec-location .location-area .location-box .company-info .info .info-box {padding:20px 0;}
	.location .sec-location .location-area .location-box .company-info .info .info-box dl > * {font-size:15px;}

	.business-intro .sec-txt .txt-box {font-size:20px;}
	.business-intro .sec-txt .txt-box .br {display:inline-block;}
	
	.solution .sec-solution .solution-wrap .solution-box {margin-top:100px; display:block; position:relative;}
	.solution .sec-solution .solution-wrap .solution-box:nth-child(even):before {height:30%; bottom:-30px;}
	.solution .sec-solution .solution-wrap .solution-box .img-box {width:100%;}
	.solution .sec-solution .solution-wrap .solution-box:nth-child(odd) .txt-box {padding:50px;}
	.solution .sec-solution .solution-wrap .solution-box:nth-child(even) .txt-box {padding:50px;}
	.solution .sec-solution .solution-wrap .solution-box .txt-box {width:100%; max-width:100%;}
	.solution .sec-solution .solution-wrap .solution-box .txt-box .tit {height:100px; padding-left:70px; margin-bottom:60px;}
	.solution .sec-solution .solution-wrap .solution-box .txt-box .tit h1 {font-size:36px;}
	.solution .sec-solution .solution-wrap .solution-box .txt-box .tit i.num {font-size:140px; line-height:100px; letter-spacing:-10px; left:-10px; top:0;}
	.solution .sec-solution .solution-wrap .solution-box .txt-box dl > * {padding-left:20px;}
	.solution .sec-solution .solution-wrap .solution-box .txt-box dl dt {font-size:20px; margin-top:30px;}
	.solution .sec-solution .solution-wrap .solution-box .txt-box dl dt:before {width:10px; height:10px; top:9px;}
	.solution .sec-solution .solution-wrap .solution-box .txt-box dl dt:after {width:4px; height:4px; left:3px; top:12px;}
	.solution .sec-solution .solution-wrap .solution-box .txt-box dl dd {margin-top:10px;}
	.solution .sec-solution .solution-wrap .solution-box .txt-box dl dd ul li {font-size:16px; margin-top:5px;}

	.business-intro .product-wrap {height:620px;}
	.business-intro .product-wrap .slide-box {width: 100%;}
	.business-intro ul.product-slide .slick-list {margin:0 -10px; padding:40px 0 20px 0;}
	.business-intro ul.product-slide .slick-slide {margin:0 10px;}
	.business-intro ul.product-slide li .item-box .txt-box {padding:0 10px;}
	.business-intro ul.product-slide li .item-box .txt-box h1 {font-size:28px; margin-bottom:8px;}
	.business-intro ul.product-slide li .item-box .txt-box h2 {font-size:16px;}
	.business-intro ul.product-slide li .item-box .txt-box h3 {font-size:28px;}
	.business-intro ul.product-slide li .item-box .txt-box .btn-more {margin-top:40px;}
	.business-intro ul.product-slide li .item-box:hover .txt-box .btn-more {display:inline-block;}
	.business-intro .solution-wrap {height:600px;}
	.business-intro .solution-wrap .solution-box {padding:50px 50px 70px 50px;}
	.business-intro .solution-wrap .solution-box .txt-box h1 {font-size:32px;}
	.business-intro .solution-wrap .solution-box .txt-box .txt {font-size:16px;}


	.product-intro .product-wrap {height:620px;}
	.product-intro .product-wrap:before {max-width:553px;}
	.product-intro .product-wrap > .inner > * {width:calc(((100% - 30px) / 2) - 1px); margin-right:30px;}
	.product-intro .product-wrap .title-box .txt h1 {font-size:30px;}
	.product-intro .product-wrap .title-box .txt h2 {font-size:14px;}
	.product-intro .product-wrap.headphone .title-box {text-align:right;}	
	.product-intro .product-wrap .product-box .txt-box {padding:25px;}
	.product-intro .product-wrap .product-box .txt-box h1 {font-size:24px;}
	.product-intro .product-wrap .product-box .txt-box dl {margin-top:25px;}
	.product-intro .product-wrap .product-box .txt-box dl > * {font-size:14px;}
	.product-intro .product-wrap .product-box .txt-box dl dd {padding-left:6px; text-indent:-6px;}
	.product-intro .product-wrap .product-box .btn-detail {width:50px; height:50px;}
	.product-intro .product-wrap .product-box .btn-detail:before {width:15px;}
	.product-intro .product-wrap .product-box .btn-detail:after {height:10px; top:50%;}

	.product .sec-product-list .product-list .list-box {margin-top:50px; padding:30px 50px;}
	.product .sec-product-list .product-list .list-box:hover {-webkit-box-shadow: 15px 15px 55px 0px rgba(0,0,0,0.13); box-shadow: 15px 15px 55px 0px rgba(0,0,0,0.13);}
	.product .sec-product-list .product-list .list-box .thumnail h1 {font-size:22px;}
	.product .sec-product-list .product-list .list-box .detail dl {margin-bottom:30px;}
	.product .sec-product-list .product-list .list-box .detail dl > * {font-size:14px;}

	.product-view .sec-thum .product-img-area {padding:70px 0 0 0;}
	.product-view .sec-thum .product-img-area .product-name {font-size:42px;}
	.product-view .sec-thum .product-img-area .product-img {margin:80px 0;}
	.product-view .sec-thum .product-img-area .product-img .txt-bg {font-size:100px;}
	.product-view .sec-thum .product-img-area .product-thum ul.thum-list li {width:80px;}
	.product-view .sec-thum .product-img-area .product-img .slick-slider {width:calc(100% - 120px); margin:0 auto;}

	.product-view .sec-thumnail {padding-top:80px !important;}
	.product-view .sec-thumnail .product-img-area .product-img .arrow.btn-prev {left:10px;}
	.product-view .sec-thumnail .product-img-area .product-img .arrow.btn-next {right:10px;}
	.product-view .sec-thumnail .product-spec {padding:30px 0 30px 30px;}
	.product-view .sec-thumnail .product-spec h1 {font-size:36px; margin-bottom:30px;}
	.product-view .sec-thumnail .product-spec dl dt {font-size:22px; margin-bottom:20px;}
	.product-view .sec-thumnail .product-spec dl dd {font-size:16px; padding-left:7px; text-indent:-7px; margin-top:10px;}

	.product-view .sec-detail .product-edit {margin-bottom:80px; font-size:16px;}
	.product-view .sec-detail .detail-box {margin-top:80px;}
	.product-view .sec-detail .detail-box .detail-tab {margin-bottom:50px;}
	.product-view .sec-detail .detail-box .detail-tab ul li {margin-left:30px; position:relative; padding:20px 0 10px 0; font-size:22px;}

	.product-view .sec-detail .detail-box .detail-cont .product-detail ul li .txt-box {padding:20px;}
	.product-view .sec-detail .detail-box .detail-cont .product-detail ul li .txt-box i.num {font-size:25px;}
	.product-view .sec-detail .detail-box .detail-cont .product-detail ul li .txt-box h1 {margin:20px 0 10px 0; font-size:25px; }
	.product-view .sec-detail .detail-box .detail-cont .product-detail ul li .txt-box .txt {font-size:15px;}

	.product-view .sec-detail .detail-box .detail-cont .product-package > * {margin-top:80px;}
	.product-view .sec-detail .detail-box .detail-cont .product-package ul.package li {margin-left:20px; margin-top:20px; width:calc(((100% - 40px) / 3) - 1px);}
	.product-view .sec-detail .detail-box .detail-cont .product-package ul.package li .package-box {height:220px;}
	.product-view .sec-detail .detail-box .detail-cont .product-package ul.package li .package-box .num {font-size:13px;}
	.product-view .sec-detail .detail-box .detail-cont .product-package ul.package li .package-box > .inner {padding:30px;}
	.product-view .sec-detail .detail-box .detail-cont .product-package ul.package li .package-box .package-img {margin-bottom:25px;}
	.product-view .sec-detail .detail-box .detail-cont .product-package ul.package li .package-box .package-img img {height:60px;}
	.product-view .sec-detail .detail-box .detail-cont .product-package ul.package li .package-box .txt {font-size:16px;}
	.product-view .btn-list {margin-top:80px;}
	.product-view .btn-list > a {font-size:16px;}

	.diofit .sec-diofit .cont-box > * {margin-top:60px;}
	.diofit .sec-diofit .cont-box .txt-box {font-size:16px;}
	.diofit .sec-diofit .cont-box .txt-box .br {display:inline-block;}
	.diofit .contents-area .sec-item .sub-title, .diofit .contents-area .sec-case .sub-title {margin-bottom:20px;}
	.diofit ul.item-list .slick-list {margin:0 -10px; padding:40px 0 20px 0;}
	.diofit ul.item-list .slick-slide {margin:0 10px;}
	.diofit ul.item-list li .item-box .txt-box {padding:0 10px;}
	.diofit ul.item-list li .item-box .txt-box h1 {font-size:28px; margin-bottom:8px;}
	.diofit ul.item-list li .item-box .txt-box h2 {font-size:16px;}
	.diofit ul.item-list li .item-box .txt-box h3 {font-size:28px;}
	.diofit ul.item-list li .item-box .txt-box .btn-more {margin-top:40px;}
	.diofit ul.item-list li .item-box:hover .txt-box .btn-more {display:inline-block;}

	.film.solution .sec-solution .solution-wrap .solution-box .img-box {width: 100%;}
	.film.solution .sec-solution .solution-wrap .solution-box .txt-box {width: 100%;}

	.design .sec-design .design-area .design-box ul li .txt {height:350px;}
	.design .sec-design .design-area .design-box ul li .txt p {font-size:18px;}

	.sound .section .img-slide .slide-counter {padding:30px;}
	.sound .section .img-slide .slide-nav .arrow {width:50px; height:50px}
	.sound .section .img-slide .slide-nav .arrow:before {width:10px; height:10px; top:19px;}
	.sound .section .img-slide .slide-nav .arrow.prev {left:30px;}
	.sound .section .img-slide .slide-nav .arrow.prev:before {left:22px;}
	.sound .section .img-slide .slide-nav .arrow.next {right:30px;}
	.sound .section .img-slide .slide-nav .arrow.next:before {right:22px;}
	.sound .sec-sound-2 .item-area {margin-top:40px;} 
	.sound .sec-sound-2 .item-area ul li {display:inline-block; vertical-align:middle; width:calc(((100% - 30px) /  2) - 1px); margin-left:30px;}
	.sound .sec-sound-2 .item-area ul li .item-box {height:550px;}
	.sound .sec-sound-2 .item-area ul li .item-box > .inner {padding:40px 50px;}
	.sound .sec-sound-2 .item-area ul li .item-box h1 {font-size:18px; margin-bottom:8px;}
	.sound .sec-sound-2 .item-area ul li .item-box h2 {font-size:22px; height:60px;}
	.sound .sec-sound-2 .item-area ul li .item-box .img-box {margin:30px 0 0 0;}

	.making .sec-making .making-area {width:100%; font-size:0; max-width:650px; margin:0 auto; display:block;}
	.making .sec-making .making-area .img-box {width:100%;}
	.making .sec-making .making-area .img-box .main-img {width:100%; height:0; padding-bottom:calc(654 / 856 * 100%);}
	.making .sec-making .making-area .img-box ul li .img {width:100%; height:0; padding-bottom:calc(654 / 856 * 100%);}
	.making .sec-making .making-area .thumnail {width:100%; margin-left:0; margin-top:20px;}
	.making .sec-making .making-area .thumnail ul {text-align:center;}
	.making .sec-making .making-area .thumnail ul li {width:calc(((100% - 20px) / 3) - 1px); max-width:210px; cursor:pointer;}
	.making .sec-making .making-area .thumnail ul li:nth-child(2n+1) {margin-left:10px;}
	.making .sec-making .making-area .thumnail ul li:nth-child(-n+2) {margin-top:12px;}
	.making .sec-making .making-area .thumnail ul li:nth-child(3n+1) {margin-left:0;}
	.making .sec-making .making-area .thumnail ul li:nth-child(-n+3) {margin-top:0;}

	#popup-making .popup-cont .making-list .list-box h1 {font-size:32px;}
	#popup-making .popup-cont .making-list .list-box .txt {font-size:16px;}
	#popup-making .popup-cont .making-list .list-box .img-box {width:calc(100% - 50px);}
	#popup-making .popup-cont .slide-nav .arrow {width:50px; height:50px}
	#popup-making .popup-cont .slide-nav .arrow:before {width:10px; height:10px; top:19px;}
	#popup-making .popup-cont .slide-nav .arrow.prev:before {left:22px;}
	#popup-making .popup-cont .slide-nav .arrow.next:before {right:22px;}

	.material .scm-box .tit {font-size: 20px;}
	.material.global .sec-global .scm-area ul li .scm-box .txt {font-size: 16px;}

	.global .sec-global .scm-area ul li {width:calc(((100% - 40px) / 3) - 1px); margin-left:20px;}
	.global .sec-global .scm-area ul li .scm-box {height:300px;}
	.global .sec-global .scm-area ul li .scm-box .img-box {margin-bottom:20px;}
	.global .sec-global .scm-area ul li .scm-box .img-box img {height:80px;}
	.global .sec-global .scm-area ul li .scm-box .txt-box {height:80px;}
	.global .sec-global .scm-area ul li .scm-box .txt {font-size:18px;}
	.global .sec-global .scm-area ul li .scm-box .txt .br {display:inline-block;}

	.global .sec-net .earth-area .img-box .earth p{margin-left: 0;font-size: 12px;width: 100px;}
	
	#popup-global .popup-cont .network-area h1.tit {font-size:32px;}
	#popup-global .popup-cont .network-area .tab {margin:30px 0;}
	#popup-global .popup-cont .network-area .tab ul li p span {font-size:15px;}
	#popup-global .popup-cont .network-area .network-cont .txt-box {padding:20px 0 20px 30px; /*height:454px;*/}
	#popup-global .popup-cont .network-area .network-cont .txt-box:before {width:30px; left:30px;}
	#popup-global .popup-cont .network-area .network-cont .txt-box h2 {font-size:18px;}
	#popup-global .popup-cont .network-area .network-cont .txt-box .info-area {width:100%; height:100%; margin-top:20px;}
	#popup-global .popup-cont .network-area .network-cont .txt-box .info-area .info-box {padding:25px 0;}
	#popup-global .popup-cont .network-area .network-cont .txt-box .info-area .info-box dl > * {font-size:15px;}
	#popup-global .popup-cont .network-area .network-cont .txt-box .info-area .info-box dl dd ul li {padding-left:7px; text-indent:-7px;}

	.rightpeople .sec-people-list:before {width:calc(8% + 200px);}
	.rightpeople .sec-people-list:after {width:calc(8% + 200px);}
	.rightpeople .right-people .txt-box {}
	.rightpeople .right-people-cont .list-box {margin-top:60px;}
	.rightpeople .right-people-cont .list-box i {font-size:16px;}
	.rightpeople .right-people-cont .list-box .tlt {width:200px; font-size:20px;}
	.rightpeople .right-people-cont .list-box .txt-box {width:calc(100% - 200px); padding-left:60px; font-size:16px;}
	.rightpeople .right-people-cont .list-box .txt-box .br {display:inline-block;}

	.employ .board-view .view-tb.ty-1 .tr.split .lf {width:calc(100% - 140px);}
	.employ .board-view .view-tb.ty-1 .tr.split .rt {width:140px;}
	.employ .board-view .view-tb.ty-1 .tr.split:before {width:140px;}
	.employ .board-view .view-tb.ty-1 .tr.split .state {font-size:18px;}

	.employ .board-write .write-tb.ty-1  .addfile-box .result-txt {width:calc(100% - 210px);}
	.employ .application-box.form-cont {padding:0 40px;}
	.employ .application-box.form-cont > * {padding:40px 0;}
	.employ .application-box.form-cont .tlt-box h1 {font-size:24px;}
	.employ .application-box.form-cont .tlt-box h2 {font-size:16px;}

	.ethics .set-ethics .ethics-cont {font-size:16px;}
	.ethics .set-ethics .type-list ul {margin-top:-20px;}
	.ethics .set-ethics .type-list ul li {width:calc(((100% - 40px) / 3) - 1px); margin-left:20px; margin-top:20px; padding:5px 20px;}
	.ethics .set-ethics .type-list ul li:nth-child(4n+1) {margin-left:20px;}
	.ethics .set-ethics .type-list ul li:nth-child(3n+1) {margin-left:0;}
	.ethics .set-ethics .type-list ul li .type-box {height:80px;}
	.ethics .set-ethics .type-list ul li .type-box dl > * {font-size:16px;}
	.ethics .set-ethics .type-list ul li .type-box dl dt {width:25px;}
	.ethics .set-ethics .type-list ul li .type-box dl dd {width:calc(100% - 25px);}
	.ethics .set-info .info-box h1 {font-size:32px;}
	.ethics .set-info .info-box .txt-box {font-size:16px; margin:25px 0 50px 0;}

	.report .set-report .report-box {margin-top:70px;}
	.report .set-report .report-box .tit {font-size:22px; margin-bottom:30px;}
	.report .set-report .report-box .in-box.half-box {width:calc(((100% - 30px) / 2) - 1px); margin-left:30px;}
	.report .set-report .report-box .in-box.wid-box {margin-top:40px;}
	.report .set-report .report-box .board-write .write-tb .addfile-box .result-txt {width:calc(100% - 110px);}

	.conflict .set-conflict .txt-box .lf-box {padding-right:30px;}
	.conflict .set-conflict .txt-box .lf-box .txt {font-size:22px;}
	.conflict .set-conflict .txt-box .rt-box .txt {font-size:15px;}
	.conflict .set-conflict .txt-box .rt-box .img-box p {font-size:15px; }
	.conflict .set-graph .graph-area .graph-box {width:calc(((100% - 120px) / 4) - 1px); margin-left:40px;}
	.conflict .set-graph .graph-area .graph-box .graph {margin-bottom:20px;}
	.conflict .set-graph .graph-area .graph-box .graph .chart {height:150px;}
	.conflict .set-graph .graph-area .graph-box .txt h1 {font-size:18px;}
	.conflict .set-graph .graph-area .graph-box .txt h2 {font-size:32px;}
	.conflict .set-adm .txt-box {font-size:16px; margin-bottom:50px;}
	.conflict .set-adm .down-area h1 {font-size:22px;}
	.conflict .set-adm .down-area .down-box {width:calc(((100% - 10px) / 2) - 1px); margin-left:10px;}

}

@media screen and (max-width: 900px){
	.br{ display:none}
}

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

	.contents .btn-more {margin-top:10px;}
	.contents .btn-more:before {width:40px; height:40px; border-radius:40px;}
	.contents .btn-more a, .contents .btn-more > .inner {padding:0 20px;}
	.contents .btn-more p {font-size:14px; padding-right:16px;}

	.contents .navi {padding:0;}
	.contents .navi .home {display:none;}
	.contents .navi .navi-wrap {width:100%;}
	.contents .navi .navi-box > *:before {height:12px;}
	.contents .navi .navi-box > *:first-child:before {display:none;}
	.contents .navi .navi-box dd .combo-box {padding-right:10px;}
	.contents .navi .navi-box dd .combo-box:before {right:15px;}
	.contents .navi .navi-box dd .combo-box .select-option {font-size:13px; padding:0 15px;}
	.contents .navi .navi-box dd .combo-box .option-list {padding:10px 0;}
	.contents .navi .navi-box dd .combo-box .option-list ul li a {font-size:13px; padding:8px 15px;}

	.contents .sub-visual {height:200px;}
	.contents .sub-visual > .inner {vertical-align:top; padding:40px 0;}
	.contents .sub-visual .txt {padding-bottom:0;}
	.contents .sub-visual .txt h1 {font-size:35px;}
	.contents .sub-visual .txt h2 {font-size:15px;}
	.contents .sub-visual .depth ul li {padding:15px 0;}
	.contents .sub-visual .depth ul li a {font-size:16px;}

	.contents .contents-area {padding:80px 0 120px 0;}
	.contents .contents-area .section {padding:70px 0;}
	.contents .contents-area .section .section-cont .cont-box {margin-top:70px;}
	.contents .contents-area .sub-title {margin-bottom:40px;}
	.contents .contents-area .sub-title h1 {font-size:35px;}
	.contents .contents-area .sub-title h2 {font-size:18px;}
	.contents .contents-area .sub-title .txt {font-size:15px;}
	.contents .contents-area .sub-title .txt.ty-2 {margin-top:20px;}

	.vision .sec-vision .vision-box .txt-box {padding:20px 30px; font-size:14px;}

	/*.vision .strategy-area {margin-top:20px;}
	.vision .strategy-area .strategy-cont {height:350px;}
	.vision .strategy-area .strategy-cont .strategy-box {padding-left:40px;}
	/*.vision .strategy-area .strategy-cont .strategy-box:before {font-size:90px; letter-spacing:-12px; line-height:60px; top:calc(50% - 60px);}*/
	/*.vision .strategy-area .strategy-cont .strategy-box .tit {height:60px;}
	.vision .strategy-area .strategy-cont .strategy-box .tit:before {font-size:90px; letter-spacing:-12px; line-height:60px; left:-40px;}
	.vision .strategy-area .strategy-cont .strategy-box .tit span {font-size:28px;}
	.vision .strategy-area .strategy-cont .strategy-box .txt {font-size:14px; margin-top:30px;}*/
	.vision .strategy-area .strategy-list {width:calc(100% - 90px);}
	.vision .strategy-area .strategy-list .strategy-box .txt-box {height:250px; padding-top:30px;}
	.vision .strategy-area .strategy-list .strategy-box .txt-box .tit {height:60px; padding-left:30px;}
	.vision .strategy-area .strategy-list .strategy-box .txt-box .tit:before {font-size:90px; letter-spacing:-12px; line-height:60px;}
	.vision .strategy-area .strategy-list .strategy-box .txt-box .tit span {font-size:28px;}
	.vision .strategy-area .strategy-list .strategy-box .txt-box .txt {font-size:14px; margin-top:30px;}
	.vision .strategy-area .strategy-list .slick-arrow {width:35px; height:60px;}
	.vision .strategy-area .strategy-list .slick-arrow:before {width:35px; height:35px; top:11px;}
	.vision .strategy-area .strategy-list .slick-arrow.slick-prev {left:-45px;}
	.vision .strategy-area .strategy-list .slick-arrow.slick-prev:before {left:12px;}
	.vision .strategy-area .strategy-list .slick-arrow.slick-next {right:-45px;}
	.vision .strategy-area .strategy-list .slick-arrow.slick-next:before {right:12px;}

	.history .history-tab {padding:20px 0;}
	.history .history-tab ul li span {font-size:25px;}
	.history .history-tab.fix ul {padding:20px 0;}
	.history .history-inner {margin-top:60px;}
	.history .history-inner .history-box {margin-top:90px;}
	.history .history-inner .history-box .img-box {display:none;}
	.history .history-inner .history-box > * {width:100%;}
	.history .history-inner .history-box h1.year {font-size:70px; letter-spacing:-4px; margin-top:0; margin-bottom:0;}
	.history .history-inner .history-box .history-cont {margin-top:30px;}
	.history .history-inner .history-box .history-cont dl {margin-top:50px; padding-left:25px;}
	.history .history-inner .history-box .history-cont dl:before {height:calc(100% + 50px);}
	.history .history-inner .history-box .history-cont dl:nth-child(1):before {height:calc(100% + 30px); top:20px;}
	.history .history-inner .history-box .history-cont dl:last-child:before {height:15px;}
	.history .history-inner .history-box .history-cont dl dt {font-size:25px;}
	.history .history-inner .history-box .history-cont dl dt:before {width:9px; height:9px; left:-29px;}
	.history .history-inner .history-box .history-cont dl dd {font-size:15px; margin-top:10px;}
	.history .history-inner .history-box:nth-child(odd) .box-lf {text-align:left; padding-right:0;}
	.history .history-inner .history-box:nth-child(even) .box-rt {padding-left:0; position:relative;}
	.history .history-inner .history-box:nth-child(even) .box-lf .history-cont {max-width:100%;}

	.location .sec-location .combo-box {margin-bottom:30px;}
	.location .sec-location .combo-box .current-option {font-size:14px;}
	.location .sec-location .combo-box .option-list ul li a {font-size:14px;}
	.location .sec-location .location-area .tit {font-size:28px; margin-bottom:50px}
	.location .sec-location .location-area .location-box .map-box {width:100%; height:300px; background-size:cover;}
	.location .sec-location .location-area .location-box .company-info {width:100%; margin-top:30px; padding-left:0;}
	.location .sec-location .location-area .location-box .company-info .company {padding-top:15px; font-size:15px; margin-bottom:40px;}
	.location .sec-location .location-area .location-box .company-info .company:before {width:25px; height:3px;}
	.location .sec-location .location-area .location-box .company-info .info .info-box {padding:20px 0;}
	.location .sec-location .location-area .location-box .company-info .info .info-box dl > * {font-size:14px;}

	.business-intro .sec-txt .txt-box {font-size:18px;}
	.business-intro .product-wrap {height:560px;}
	.business-intro ul.product-slide {width:calc(100% - 50px); margin:0 auto;}
	.business-intro ul.product-slide .slick-list {margin:0 -10px; padding:40px 0 20px 0;}
	.business-intro ul.product-slide .slick-slide {margin:0 10px;}
	.business-intro ul.product-slide li .item-box .txt-box {padding:0 10px;}
	.business-intro ul.product-slide li .item-box .txt-box h1 {font-size:22px; margin-bottom:5px;}
	.business-intro ul.product-slide li .item-box .txt-box h2 {font-size:14px;}
	.business-intro ul.product-slide li .item-box .txt-box h3 {font-size:22px;}
	.business-intro ul.product-slide li .item-box .txt-box .btn-more {margin-top:30px;}
	.business-intro .slide-nav .arrow {width:50px; height:50px;}
	.business-intro .slide-nav .arrow:before {width:8px; height:8px; top:20px;}
	.business-intro .slide-nav .arrow.prev {left:0;}
	.business-intro .slide-nav .arrow.prev:before {left:21px;}
	.business-intro .slide-nav .arrow.next {right:0;}
	.business-intro .slide-nav .arrow.next:before {right:21px;}
	.business-intro .solution-wrap {height:500px;}
	.business-intro .solution-wrap .solution-box {padding:30px 30px 50px 30px;}
	.business-intro .solution-wrap .solution-box .txt-box h1 {font-size:26px; margin-bottom:15px;}
	.business-intro .solution-wrap .solution-box .txt-box .txt {font-size:14px;}
	.business-intro .solution-wrap .solution-box .txt-box .btn-more {margin-top:30px;}

	.solution .sec-solution .solution-wrap .solution-box {margin-top:80px;}
	.solution .sec-solution .solution-wrap .solution-box:nth-child(even):before {height:30%; bottom:-30px;}
	.solution .sec-solution .solution-wrap .solution-box:nth-child(odd) .txt-box {padding:30px 50px;}
	.solution .sec-solution .solution-wrap .solution-box:nth-child(even) .txt-box {padding:30px 50px;}
	.solution .sec-solution .solution-wrap .solution-box .txt-box .tit {height:100px; padding-left:50px; margin-bottom:50px;}
	.solution .sec-solution .solution-wrap .solution-box .txt-box .tit h1 {font-size:32px;}
	.solution .sec-solution .solution-wrap .solution-box .txt-box .tit i.num {font-size:120px; line-height:100px; letter-spacing:-10px; left:-10px; top:0;}
	.solution .sec-solution .solution-wrap .solution-box .txt-box dl > * {padding-left:20px;}
	.solution .sec-solution .solution-wrap .solution-box .txt-box dl dt {font-size:18px; margin-top:30px;}
	.solution .sec-solution .solution-wrap .solution-box .txt-box dl dt:before {width:10px; height:10px; top:9px;}
	.solution .sec-solution .solution-wrap .solution-box .txt-box dl dt:after {width:4px; height:4px; left:3px; top:12px;}
	.solution .sec-solution .solution-wrap .solution-box .txt-box dl dd {margin-top:10px;}
	.solution .sec-solution .solution-wrap .solution-box .txt-box dl dd ul li {font-size:14px; margin-top:5px;}

	.product-intro .product-wrap {height:560px;}
	.product-intro .product-wrap:before {max-width:499px;}
	.product-intro .product-wrap .title-box {font-size:0;}
	.product-intro .product-wrap .title-box > * {display:inline-block; vertical-align:middle;}
	.product-intro .product-wrap .title-box .txt {margin:0; margin-right:20px;}
	.product-intro .product-wrap .title-box .txt h1 {font-size:24px;}
	.product-intro .product-wrap .title-box .txt h2 {font-size:13px;}
	.product-intro .product-wrap.headphone .title-box {text-align:right;}	
	.product-intro .product-wrap .product-box .txt-box h1 {font-size:20px;}
	.product-intro .product-wrap .product-box .btn-detail {width:50px; height:50px;}
	.product-intro .product-wrap .product-box .btn-detail:before {width:15px;}
	.product-intro .product-wrap .product-box .btn-detail:after {height:10px; top:50%;}
	.product-intro .product-wrap .product-box.on .txt-box {background:transparent;}
	.product-intro .product-wrap .product-box.on .txt-box h1 {color:#767676;}
	.product-intro .product-wrap .product-box.on .txt-box dl {display:none;}
	.product-intro .product-wrap .product-box.on .btn-detail {background:rgba(0,0,0,0.22);}

	.product .sec-product-list .product-list .list-box {margin-top:40px; padding:40px 30px;}
	.product .sec-product-list .product-list .list-box > .wrap > * {display:block; width:100%;}
	.product .sec-product-list .product-list .list-box:hover {-webkit-box-shadow: 10px 10px 45px 0px rgba(0,0,0,0.13); box-shadow: 10px 10px 45px 0px rgba(0,0,0,0.13);}
	.product .sec-product-list .product-list .list-box .thumnail {margin-bottom:20px;}
	.product .sec-product-list .product-list .list-box .thumnail h1 {font-size:20px; text-align:center;}
	.product .sec-product-list .product-list .list-box .detail {text-align:center;}
	.product .sec-product-list .product-list .list-box .detail dl > * {font-size:13px; text-align:center;}

	.product-view .sec-thum .product-img-area {padding:60px 0 0 0;}
	.product-view .sec-thum .product-img-area .product-name {font-size:35px;}
	.product-view .sec-thum .product-img-area .product-img {margin:70px 0;}
	.product-view .sec-thum .product-img-area .product-img .txt-bg {font-size:90px;}
	.product-view .sec-thum .product-img-area .product-thum ul.thum-list li {width:60px;}

	.product-view .sec-thumnail {padding-top:70px !important;}
	.product-view .sec-thumnail .cont-box > * {width:100%; display:block; max-width:600px; margin:0 auto;}
	.product-view .sec-thumnail .product-img-area .product-img .arrow.btn-prev {left:10px;}
	.product-view .sec-thumnail .product-img-area .product-img .arrow.btn-next {right:10px;}
	.product-view .sec-thumnail .product-spec {padding:50px 30px 0 30px;}
	.product-view .sec-thumnail .product-spec h1 {font-size:30px; margin-bottom:30px;}
	.product-view .sec-thumnail .product-spec dl dt {font-size:20px; margin-bottom:20px;}
	.product-view .sec-thumnail .product-spec dl dd {font-size:15px; padding-left:6px; text-indent:-6px; margin-top:8px;}

	.product-view .sec-detail .product-edit {margin-top:60px; font-size:14px;}
	.product-view .sec-detail .detail-box .detail-cont .detail-img-box.pc {display:none;}
	.product-view .sec-detail .detail-box .detail-cont .detail-img-box.mo {display:block;}
	.product-view .sec-detail .detail-box {margin-top:60px;}
	.product-view .sec-detail .detail-box .detail-tab {margin-bottom:40px;}
	.product-view .sec-detail .detail-box .detail-tab ul li {margin-left:20px; padding:15px 0 8px 0; font-size:18px;}
	.product-view .sec-detail .detail-box .detail-tab ul li:before {font-size:12px;}

	.product-view .sec-detail .detail-box .detail-cont .product-detail ul li > * {width:100%;}
	.product-view .sec-detail .detail-box .detail-cont .product-detail ul li .txt-box {padding:30px 30px 50px 30px;}
	.product-view .sec-detail .detail-box .detail-cont .product-detail ul li:nth-child(odd) .img-box {float:none;}
	.product-view .sec-detail .detail-box .detail-cont .product-detail ul li:nth-child(even) .img-box {float:none;}
	.product-view .sec-detail .detail-box .detail-cont .product-detail ul li:nth-child(odd) .txt-box {float:none;}
	.product-view .sec-detail .detail-box .detail-cont .product-detail ul li:nth-child(even) .txt-box {float:none;}

	.product-view .sec-detail .detail-box .detail-cont .product-package > * {margin-top:60px;}
	.product-view .sec-detail .detail-box .detail-cont .product-package ul.package li {margin-left:20px; margin-top:20px; width:calc(((100% - 20px) / 2) - 1px);}
	.product-view .sec-detail .detail-box .detail-cont .product-package ul.package li:nth-child(3n+1) {margin-left:20px;}
	.product-view .sec-detail .detail-box .detail-cont .product-package ul.package li:nth-child(-n+3) {margin-top:20px;}
	.product-view .sec-detail .detail-box .detail-cont .product-package ul.package li:nth-child(2n+1) {margin-left:0;}
	.product-view .sec-detail .detail-box .detail-cont .product-package ul.package li:nth-child(-n+2) {margin-top:0;}
	.product-view .sec-detail .detail-box .detail-cont .product-package ul.package li .package-box {height:220px;}
	.product-view .sec-detail .detail-box .detail-cont .product-package ul.package li .package-box .num {font-size:12px;}
	.product-view .sec-detail .detail-box .detail-cont .product-package ul.package li .package-box .txt {font-size:14px;}
	.product-view .btn-list {width:180px; margin-top:60px;}
	.product-view .btn-list > a {font-size:15px;}

	.diofit .sec-diofit .cont-box > * {margin-top:50px;}
	.diofit .sec-diofit .cont-box .txt-box {font-size:14px;}
	.diofit .contents-area .sec-item .sub-title, .diofit .contents-area .sec-case .sub-title {margin-bottom:20px;}
	.diofit .sec-case:before {height:120px; bottom:-120px;}
	.diofit ul.item-list {width:calc(100% - 50px); margin:0 auto;}
	.diofit ul.item-list .slick-list {margin:0 -10px; padding:40px 0 20px 0;}
	.diofit ul.item-list .slick-slide {margin:0 10px;}
	.diofit ul.item-list li .item-box .txt-box {padding:0 10px;}
	.diofit ul.item-list li .item-box .txt-box h1 {font-size:22px; margin-bottom:5px;}
	.diofit ul.item-list li .item-box .txt-box h2 {font-size:14px;}
	.diofit ul.item-list li .item-box .txt-box h3 {font-size:22px;}
	.diofit ul.item-list li .item-box .txt-box .btn-more {margin-top:30px;}
	.diofit .slide-nav .arrow {width:50px; height:50px;}
	.diofit .slide-nav .arrow:before {width:8px; height:8px; top:20px;}
	.diofit .slide-nav .arrow.prev {left:0;}
	.diofit .slide-nav .arrow.prev:before {left:21px;}
	.diofit .slide-nav .arrow.next {right:0;}
	.diofit .slide-nav .arrow.next:before {right:21px;}

	.design .sec-design .main-img-box {margin-bottom:30px;}
	.design .sec-design .design-area .design-box ul li {width:100%;}
	.design .sec-design .design-area .design-box ul li .txt {height:70px;}
	.design .sec-design .design-area .design-box ul li .txt p {font-size:16px;}
	.design .sec-design .design-area .design-box ul li .txt .br {display:inline-block;}
	.design .sec-design .design-area .design-box ul li.on {border-left:none; border-top:1px solid rgba(0,0,0,0.1);}

	.sound .section .img-slide .slide-counter {padding:20px;}
	.sound .section .img-slide .slide-counter p.current {font-size:30px; margin-bottom:3px;}
	.sound .section .img-slide .slide-counter p.total {font-size:18px;}
	.sound .section .img-slide .slide-counter {padding:30px;}
	.sound .section .img-slide .slide-nav .arrow.prev {left:20px;}
	.sound .section .img-slide .slide-nav .arrow.next {right:20px;}
	.sound .sec-sound-2:before {height:120px; bottom:-120px;}
	.sound .sec-sound-2 .item-area {margin-top:30px;} 
	.sound .sec-sound-2 .item-area ul li {width:calc(((100% - 20px) /  2) - 1px); margin-left:20px;}
	.sound .sec-sound-2 .item-area ul li .item-box {height:400px;}
	.sound .sec-sound-2 .item-area ul li .item-box > .inner {padding:30px;}
	.sound .sec-sound-2 .item-area ul li .item-box h1 {font-size:16px; margin-bottom:5px;}
	.sound .sec-sound-2 .item-area ul li .item-box h2 {font-size:20px;}
	.sound .sec-sound-2 .item-area ul li .item-box .img-box {margin:20px 0 0 0;}

	.making .sec-making .making-area .thumnail ul li.active .thumnail-box .cover {font-size:16px;}
	.making .sec-making .making-area .img-box ul li .tit {padding:30px;}
	.making .sec-making .making-area .img-box ul li .tit h1 {font-size:32px; margin-bottom:20px;}

	#popup-making .popup-cont {max-height:550px;}
	#popup-making .popup-cont .making-list .list-box .txt-box {height:100px;}
	#popup-making .popup-cont .making-list .list-box h1 {font-size:28px;}
	#popup-making .popup-cont .making-list .list-box .txt {font-size:14px; margin:8px auto 0 auto;}
	#popup-making .popup-cont .slide-counter .current {font-size:20px;}
	#popup-making .popup-cont .slide-counter .total {font-size:13px;}
	#popup-making .popup-cont .slide-nav .arrow {top:calc(50% + 50px);}

	.material.global .sec-global .scm-area ul {flex-direction: column; align-items: center; gap: 30px;}
	.material.global .sec-global .scm-area ul li {width: 100%; max-width:350px; padding-left: 0;}

	.global .sec-global .scm-area ul li {width:calc(((100% - 30px) / 3) - 1px); margin-left:15px;}
	.global .sec-global .scm-area ul li .scm-box {height:220px;}
	.global .sec-global .scm-area ul li .scm-box .img-box {margin-bottom:20px;}
	.global .sec-global .scm-area ul li .scm-box .img-box img {height:60px;}
	.global .sec-global .scm-area ul li .scm-box .txt-box {height:70px;}
	.global .sec-global .scm-area ul li .scm-box .txt {font-size:16px;}

	#popup-global .popup-cont {max-height:550px; display:block;}
	#popup-global .popup-cont > .wrap {width:100%; height:100%; display:block; overflow-y:auto; padding:0 !important;}
	#popup-global .popup-cont .network-area {width:100%; height:100%; box-sizing:border-box; padding:30px 40px;}
	#popup-global .popup-cont .network-area h1.tit {font-size:28px;}
	#popup-global .popup-cont .network-area .tab {margin:25px 0;}
	#popup-global .popup-cont .network-area .tab ul li {width:33.33%;}
	#popup-global .popup-cont .network-area .tab ul li p span {font-size:14px;}
	#popup-global .popup-cont .network-area .tab ul li:nth-child(5n+1):before {display:block;}
	#popup-global .popup-cont .network-area .tab ul li:nth-child(3n+1):before {display:none;}
	#popup-global .popup-cont .network-area .network-cont {display:block;}
	#popup-global .popup-cont .network-area .network-cont .img-box {width:100%; height:auto;}
	/* #popup-global .popup-cont .network-area .network-cont .img-box .img {padding-bottom:calc(250 / 522 * 100%);} */
	#popup-global .popup-cont .network-area .network-cont .txt-box {width:100%; padding:20px 0; margin-top:20px;}
	#popup-global .popup-cont .network-area .network-cont .txt-box:before {width:30px; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%);}
	#popup-global .popup-cont .network-area .network-cont .txt-box > .wrap {overflow:visible;}
	#popup-global .popup-cont .network-area .network-cont .txt-box h2 {font-size:16px; margin-bottom:10px; text-align:center;}
	#popup-global .popup-cont .network-area .network-cont .txt-box .info-area .info-box {padding:20px 0;}
	#popup-global .popup-cont .network-area .network-cont .txt-box .info-area .info-box dl > * {font-size:14px;}
	#popup-global .popup-cont .network-area .network-cont .txt-box .info-area .info-box dl dd ul li {padding-left:7px; text-indent:-7px;}

	.rightpeople .sec-people-list:before {width:calc(8% + 170px);}
	.rightpeople .sec-people-list:after {width:calc(8% + 170px); height:120px; bottom:-120px;}
	.rightpeople .right-people{width:100%;}
	.rightpeople .right-people .txt-box {padding:0 0 30px 0; font-size:14px;}
	.rightpeople .right-people-cont .list-box {margin-top:50px;}
	.rightpeople .right-people-cont .list-box i {font-size:14px;}
	.rightpeople .right-people-cont .list-box .tlt {width:170px; font-size:18px;}
	.rightpeople .right-people-cont .list-box .txt-box {width:calc(100% - 170px); padding-left:40px; font-size:14px;}

	.employ .board-view .view-tb.ty-1 .tr.split .lf {width:calc(100% - 100px);}
	.employ .board-view .view-tb.ty-1 .tr.split .rt {width:100px;}
	.employ .board-view .view-tb.ty-1 .tr.split:before {width:100px;}
	.employ .board-view .view-tb.ty-1 .tr.split .state {font-size:16px;}

	.employ .board-write .write-tb.ty-1  .addfile-box .result-txt {width:calc(100% - 190px);}
	.employ .application-box.form-cont {padding:0 30px; margin-top:50px;}
	.employ .application-box.form-cont > * {padding:40px 0;}
	.employ .application-box.form-cont .tlt-box h1 {font-size:20px;}
	.employ .application-box.form-cont .tlt-box h2 {font-size:15px;}

	.ethics .set-ethics .ethics-cont {font-size:14px;}
	.ethics .set-ethics .type-list ul li {width:calc(((100% - 20px) / 2) - 1px); padding:5px 20px;}
	.ethics .set-ethics .type-list ul li:nth-child(3n+1) {margin-left:20px;}
	.ethics .set-ethics .type-list ul li:nth-child(2n+1) {margin-left:0;}
	.ethics .set-ethics .type-list ul li .type-box {height:70px;}
	.ethics .set-ethics .type-list ul li .type-box dl > * {font-size:14px;}
	.ethics .set-ethics .type-list ul li .type-box dl dt {width:25px;}
	.ethics .set-ethics .type-list ul li .type-box dl dd {width:calc(100% - 25px);}
	.ethics .set-info .info-box h1 {font-size:28px;}
	.ethics .set-info .info-box .txt-box {font-size:14px; margin:20px 0 40px 0;}
	.ethics .set-info .info-box .txt-box .br {display:inline-block;}
	.ethics .set-info .info-box .btn {height:50px; border-radius:50px;}
	.ethics .set-info .info-box .btn a {font-size:14px; line-height:50px;}

	.report .set-report .report-box {margin-top:60px;}
	.report .set-report .report-box .tit {font-size:20px; padding-bottom:10px; margin-bottom:25px;}
	.report .set-report .report-box .in-box.half-box {width:100%; margin-left:0px; margin-top:35px;}
	.report .set-report .report-box .in-box.half-box:nth-child(1) {margin-top:0;}
	.report .set-report .report-box .in-box.wid-box {margin-top:35px;}
	.report .set-report .report-box .board-write .write-tb .addfile-box .result-txt {width:calc(100% - 95px);}

	.conflict .set-conflict .txt-box > * {width:100%;}
	.conflict .set-conflict .txt-box .lf-box {padding-right:0; margin-bottom:20px;}
	.conflict .set-conflict .txt-box .lf-box .txt {font-size:20px; line-height:1.6;}
	.conflict .set-conflict .txt-box .rt-box .txt {font-size:14px;}
	.conflict .set-conflict .txt-box .rt-box .img-box p {font-size:14px; }
	.conflict .set-graph .graph-area {margin-top:-30px;}
	.conflict .set-graph .graph-area .graph-box {width:calc(((100% - 30px) / 2) - 1px); margin-left:30px; margin-top:30px;}
	.conflict .set-graph .graph-area .graph-box:nth-child(2n+1) {margin-left:0;}
	.conflict .set-graph .graph-area .graph-box .graph {margin-bottom:20px;}
	.conflict .set-graph .graph-area .graph-box .graph .chart {width:150px; height:150px;}
	.conflict .set-graph .graph-area .graph-box .txt h1 {font-size:16px; margin-bottom:8px;}
	.conflict .set-graph .graph-area .graph-box .txt h2 {font-size:22px;}
	.conflict .set-adm .txt-box {font-size:14px; margin-bottom:40px;}
	.conflict .set-adm .down-area h1 {font-size:20px;}
	.conflict .set-adm .down-area .down-box {width:100%; margin-left:0; max-width:600px; margin:0 auto; margin-top:10px;}
	.conflict .set-adm .down-area .down-box:nth-child(1) {margin-top:0;}
	.conflict .set-adm .down-area .down-box .btn-download {width:160px; height:50px; border-radius:50px;}
	.conflict .set-adm .down-area .down-box .btn-download a {border-radius:50px;}
	.conflict .set-adm .down-area .down-box .btn-download p {padding-right:25px; font-size:14px; line-height:50px;}
	.conflict .set-adm .down-area .down-box .btn-download p:before {width:16px; height:16px;}

}

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


	.contents .sub-visual {height:180px;}
	.contents .sub-visual .depth ul li {padding:12px 0;}
	.contents .sub-visual .depth ul li a {font-size:15px;}

	.vision .contents-area .sub-title {word-wrap:break-word; word-break:keep-all;}
	.vision .contents-area .sub-title h2 .br {display:inline-block;}

	.bisiness-intro .product-wrap {height:420px;}
	.business-intro .solution-wrap {height:400px;}

	.solution .sec-solution .solution-wrap .solution-box {margin-top:80px;}
	.solution .sec-solution .solution-wrap .solution-box:nth-child(even):before {height:30%; bottom:-30px;}
	.solution .sec-solution .solution-wrap .solution-box:nth-child(odd) .txt-box {padding:30px 40px;}
	.solution .sec-solution .solution-wrap .solution-box:nth-child(even) .txt-box {padding:30px 40px;}
	.solution .sec-solution .solution-wrap .solution-box .txt-box .tit {height:80px; padding-left:50px; margin-bottom:40px;}
	.solution .sec-solution .solution-wrap .solution-box .txt-box .tit h1 {font-size:24px;}
	.solution .sec-solution .solution-wrap .solution-box .txt-box .tit i.num {font-size:100px; line-height:80px; letter-spacing:-8px; left:-8px;}
	.solution .sec-solution .solution-wrap .solution-box .txt-box dl > * {padding-left:15px;}
	.solution .sec-solution .solution-wrap .solution-box .txt-box dl dt {font-size:15px; margin-top:20px;}
	.solution .sec-solution .solution-wrap .solution-box .txt-box dl dt:before {width:9px; height:9px; top:7px;}
	.solution .sec-solution .solution-wrap .solution-box .txt-box dl dt:after {width:3px; height:3px; left:3px; top:10px;}
	.solution .sec-solution .solution-wrap .solution-box .txt-box dl dd {margin-top:7px;}
	.solution .sec-solution .solution-wrap .solution-box .txt-box dl dd ul li {font-size:12px; margin-top:4px;}

	.product-intro .product-wrap {height:420px;}
	.product-intro .product-wrap:before {max-width:375px;}
	.product-intro .product-wrap > .inner > * {width:calc(((100% - 20px) / 2) - 1px); margin-right:20px;}
	.product-intro .product-wrap .title-box .txt {margin:0; margin-right:20px;}
	.product-intro .product-wrap .title-box .txt h1 {font-size:20px; margin-bottom:5px;}
	.product-intro .product-wrap .title-box .txt h2 {font-size:12px;}
	.product-intro .product-wrap.headphone .title-box {text-align:right;}	
	.product-intro .product-wrap .product-box .txt-box h1 {font-size:17px;}
	.product-intro .product-wrap .product-box .btn-detail {width:40px; height:40px;}
	.product-intro .product-wrap .product-box .btn-detail:before {width:12px; top:calc(50% + 2px);}
	.product-intro .product-wrap .product-box .btn-detail:after {height:8px;}

	.design .contents-area .sub-title h2 span {display:block;}

	.sound .contents-area .sub-title {word-wrap:break-word; word-break:keep-all; letter-spacing:-1.5px;}
	.sound .contents-area .sub-title h2 .br {display:inline-block;}
	.sound .sec-sound-2 .item-area ul li {width:100%; margin-left:0; margin-top:20px;}
	.sound .sec-sound-2 .item-area ul li:nth-child(1) {margin-top:0;}
	.sound .sec-sound-2 .item-area ul li .item-box .img-box {margin:10px 0 0 0;}

	.making .sec-making .making-area .thumnail ul li.active .thumnail-box .cover {font-size:14px;}
	.making .sec-making .making-area .img-box ul li .tit {padding:25px;}
	.making .sec-making .making-area .img-box ul li .tit h1 {font-size:28px;}

	#popup-making .popup-cont .slide-counter {margin-top:0;}

	.global .contents-area .sub-title {word-wrap:break-word; word-break:keep-all; letter-spacing:-1.5px;}
	.global .contents-area .sub-title h2 .br {display:inline-block;}
	.global .sec-global .scm-area ul li {width:100%; margin-left:0px; margin-top:20px;}
	.global .sec-global .scm-area ul li:nth-child(1) {margin-top:0;}
	.global .sec-global .scm-area ul li .scm-box {max-width:350px; height:250px; margin:0 auto;}
	.global .sec-global .scm-area ul li .scm-box .img-box {margin-bottom:10px;}
	.global .sec-global .scm-area ul li .scm-box .img-box img {height:60px;}
	.global .sec-global .scm-area ul li .scm-box .txt-box {height:70px;}
	.global .sec-global .scm-area ul li .scm-box .txt {font-size:16px;}
	.global .sec-global .scm-area ul li .scm-box .txt .br {display:block;}

	.rightpeople .right-people-cont .list-box .txt-box {padding-left:30px;}

	.employ .board-write .write-tb.ty-1  .addfile-box .result-txt {width:calc(100% - 95px);}
	.employ .board-write .write-tb.ty-1  .addfile-box .btn-download {margin-left:0;}

}

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

	.contents .btn-more:before {width:34px; height:34px; border-radius:34px;}
	.contents .btn-more a, .contents .btn-more > .inner {padding:0 17px;}
	.contents .btn-more p {font-size:12px; padding-right:12px;}
	.contents .btn-more p:before {width:8px;}
	.contents .btn-more p:after {height:8px; right:3px;}
	.contents .btn-more:hover:before {width:100%;}

	.contents .navi {padding:0;}
	.contents .navi .home {display:none;}
	.contents .navi .navi-wrap {width:100%;}
	.contents .navi .navi-box > *:before {height:10px;}
	.contents .navi .navi-box > *:first-child:before {display:none;}
	.contents .navi .navi-box dd .combo-box {height:45px; padding-right:10px;}
	.contents .navi .navi-box dd .combo-box:before {border-top:3px solid #000; border-left:3px solid transparent; border-right:3px solid transparent; right:10px;}
	.contents .navi .navi-box dd .combo-box .select-option {font-size:11px;}
	.contents .navi .navi-box dd .combo-box .option-list {max-width:100%; box-sizing:border-box; top:45px;}
	.contents .navi .navi-box dd .combo-box .option-list ul li a {font-size:11px;}

	.contents .sub-visual {height:150px;}
	.contents .sub-visual > .inner {padding:25px 0;}
	.contents .sub-visual .txt h1 {font-size:24px;}
	.contents .sub-visual .txt h2 {font-size:13px;}
	.contents .sub-visual .depth ul li {padding:10px 0; margin-left:20px;}
	.contents .sub-visual .depth ul li a {font-size:12px;}

	.contents .contents-area {padding:60px 0 80px 0;}
	.contents .contents-area .section {padding:50px 0;}
	.contents .contents-area .section .section-cont .cont-box {margin-top:50px;}
	.contents .contents-area .sub-title {margin-bottom:30px;}
	.contents .contents-area .sub-title h1 {font-size:26px; margin-bottom:5px; letter-spacing:-2px;}
	.contents .contents-area .sub-title h2 {font-size:20px;}
	.contents .contents-area .sub-title .txt {font-size:13px;}
	.contents .contents-area .sub-title .txt.ty-2 {margin-top:10px; line-height:1.6;}

	/*.vision .sec-vision .vision-box .txt-box {padding:10px 20px; font-size:13px;}
	.vision .sec-strategy:before {height:80px; bottom:-80px;} 
	.vision .strategy-area {margin-top:0;}
	.vision .strategy-area .strategy-cont {height:300px;}
	.vision .strategy-area .strategy-cont .strategy-box {padding-left:30px;}
	/*.vision .strategy-area .strategy-cont .strategy-box:before {font-size:80px; letter-spacing:-10px; line-height:50px; top:calc(50% - 50px);}*/
	/*.vision .strategy-area .strategy-cont .strategy-box .tit {height:50px;}
	.vision .strategy-area .strategy-cont .strategy-box .tit:before {font-size:80px; letter-spacing:-10px; line-height:50px; left:-30px;}
	.vision .strategy-area .strategy-cont .strategy-box .tit span {font-size:22px;}
	.vision .strategy-area .strategy-cont .strategy-box .txt {font-size:13px; margin-top:20px;}*/
	.vision .strategy-area .strategy-list {width:calc(100% - 80px);}
	.vision .strategy-area .strategy-list .strategy-box .txt-box {height:270px; padding-top:20px;}
	.vision .strategy-area .strategy-list .strategy-box .txt-box .tit {height:50px; padding-left:20px;}
	.vision .strategy-area .strategy-list .strategy-box .txt-box .tit:before {font-size:80px; letter-spacing:-10px; line-height:50px;}
	.vision .strategy-area .strategy-list .strategy-box .txt-box .tit span {font-size:22px;}
	.vision .strategy-area .strategy-list .strategy-box .txt-box .txt {font-size:13px; margin-top:20px;}
	.vision .strategy-area .strategy-list .slick-arrow {width:30px; height:35px;}
	.vision .strategy-area .strategy-list .slick-arrow:before {width:20px; height:20px; top:7px;}
	.vision .strategy-area .strategy-list .slick-arrow.slick-prev {left:-40px;}
	.vision .strategy-area .strategy-list .slick-arrow.slick-prev:before {left:10px;}
	.vision .strategy-area .strategy-list .slick-arrow.slick-next {right:-40px;}
	.vision .strategy-area .strategy-list .slick-arrow.slick-next:before {right:10px;}

	.history .history-tab {padding:15px 0;}
	.history .history-tab ul li span {font-size:18px;}
	.history .history-tab.fix ul {padding:15px 0;}
	.history .history-inner {margin-top:40px;}
	.history .history-inner .history-box {margin-top:70px;}
	.history .history-inner .history-box h1.year {font-size:50px; letter-spacing:-3px;}
	.history .history-inner .history-box  .img-box {width:70%; margin-left:0 !important;}
	.history .history-inner .history-box .history-cont {margin-top:20px;}
	.history .history-inner .history-box .history-cont dl {margin-top:40px; padding-left:20px;}
	.history .history-inner .history-box .history-cont dl:before {height:calc(100% + 40px);}
	.history .history-inner .history-box .history-cont dl:nth-child(1):before {height:calc(100% + 20px); top:20px;}
	.history .history-inner .history-box .history-cont dl:last-child:before {height:10px;}
	.history .history-inner .history-box .history-cont dl dt {font-size:20px;}
	.history .history-inner .history-box .history-cont dl dt:before {width:7px; height:7px; left:-23px;}
	.history .history-inner .history-box .history-cont dl dd {font-size:13px; margin-top:8px; padding-left:6px; text-indent:-6px;}

	.location .sec-location .combo-box {width:150px; height:40px;}
	.location .sec-location .combo-box:before {border-width:0 3px; border-top:4px solid #0080ff; right:15px;}
	.location .sec-location .combo-box .current-option {font-size:13px; padding:0 15px;}
	.location .sec-location .combo-box .option-list {max-height:150px; top:38px;}
	.location .sec-location .combo-box .option-list ul {padding:8px 0;}
	.location .sec-location .combo-box .option-list ul li a {font-size:13px; padding:8px 15px;}
	.location .sec-location .location-area .tit {font-size:20px; margin-bottom:30px;}
	.location .sec-location .location-area .location-box .map-box {height:200px;}
	.location .sec-location .location-area .location-box .company-info {margin-top:20px;}
	.location .sec-location .location-area .location-box .company-info .company {padding-top:15px; font-size:14px; margin-bottom:20px;}
	.location .sec-location .location-area .location-box .company-info .company:before {width:20px; height:3px;}
	.location .sec-location .location-area .location-box .company-info .info .info-box {padding:20px 0;}
	.location .sec-location .location-area .location-box .company-info .info .info-box dl > * {font-size:12px;}

	.business-intro .sec-txt .txt-box {font-size:16px;}
	.business-intro .product-wrap {height:280px; background-size:cover !important; /*margin-bottom:100px;*/}
	.business-intro .product-wrap > .inner {vertical-align:bottom;}
	.business-intro .product-wrap .slide-box {width:100%; -webkit-transform:translateY(100px); -moz-transform:translateY(100px); transform:translateY(100px);}
	.business-intro ul.product-slide {width:calc(100% - 35px);}
	.business-intro ul.product-slide .slick-list {margin:0 -5px; padding:70px 0 30px 0;}
	.business-intro ul.product-slide .slick-slide {margin:0 5px;}
	.business-intro ul.product-slide li .item-box .txt-box h1 {font-size:18px; margin-bottom:4px;}
	.business-intro ul.product-slide li .item-box .txt-box h2 {font-size:12px;}
	.business-intro ul.product-slide li .item-box .txt-box h3 {font-size:18px;}
	.business-intro ul.product-slide li .item-box .txt-box .btn-more {margin-top:25px;}
	.business-intro ul.product-slide .slick-slide:hover {transform:none;}
	.business-intro .slide-nav .arrow {width:35px; height:35px; top:calc(50% + 15px);}
	.business-intro .slide-nav .arrow:before {width:6px; height:6px; top:13px;}
	.business-intro .slide-nav .arrow.prev:before {left:15px;}
	.business-intro .slide-nav .arrow.next:before {right:15px;}
	.business-intro .solution-wrap {height:250px; background-size:cover !important; margin-bottom:230px;}
	.business-intro .solution-wrap > .inner {vertical-align:bottom;}
	.business-intro .solution-wrap .solution-box {width:100%; padding:30px 30px 50px 30px; -webkit-transform:translateY(230px); -moz-transform:translateY(230px); transform:translateY(230px);}
	.business-intro .solution-wrap .solution-box .txt-box h1 {font-size:20px; margin-bottom:10px;}
	.business-intro .solution-wrap .solution-box .txt-box .txt {font-size:12px;}

	.solution .sec-solution .solution-wrap .solution-box {margin-top:60px;}
	.solution .sec-solution .solution-wrap .solution-box:nth-child(even):before {height:40%; bottom:-32px;}
	.solution .sec-solution .solution-wrap .solution-box:nth-child(odd) .txt-box {padding:30px;}
	.solution .sec-solution .solution-wrap .solution-box:nth-child(even) .txt-box {padding:30px;}
	.solution .sec-solution .solution-wrap .solution-box .txt-box .tit {height:60px; padding-left:40px; margin-bottom:30px;}
	.solution .sec-solution .solution-wrap .solution-box .txt-box .tit h1 {font-size:18px;}
	.solution .sec-solution .solution-wrap .solution-box .txt-box .tit i.num {font-size:70px; line-height:60px; letter-spacing:-5px; left:-5px;}
	.solution .sec-solution .solution-wrap .solution-box .txt-box dl > * {padding-left:15px;}
	.solution .sec-solution .solution-wrap .solution-box .txt-box dl dt {font-size:15px; margin-top:20px;}
	.solution .sec-solution .solution-wrap .solution-box .txt-box dl dt:before {width:9px; height:9px; top:7px;}
	.solution .sec-solution .solution-wrap .solution-box .txt-box dl dt:after {width:3px; height:3px; left:3px; top:10px;}
	.solution .sec-solution .solution-wrap .solution-box .txt-box dl dd ul li {font-size:11px; margin-top:4px;}

	.product-intro .product-wrap {height:280px;}
	.product-intro .product-wrap:before {max-width:250px;}
	.product-intro .product-wrap.speaker > .inner {padding-left:15px;}
	.product-intro .product-wrap.headphone > .inner {padding-right:15px;}
	.product-intro .product-wrap > .inner > * {width:calc(((100% - 15px) / 2) - 1px); margin-right:15px;}	
	.product-intro .product-wrap .product-box .txt-box {padding:10px;}
	.product-intro .product-wrap .title-box .txt {margin-right:15px;}
	.product-intro .product-wrap .title-box .txt h1 {font-size:17px;}
	.product-intro .product-wrap .title-box .txt h2 {font-size:11px;}
	.product-intro .product-wrap.headphone .title-box {text-align:right;}	
	.product-intro .product-wrap .product-box .txt-box h1 {font-size:14px;}
	.product-intro .product-wrap .product-box .btn-detail {width:30px; height:30px;}
	.product-intro .product-wrap .product-box .btn-detail:before {width:10px; top:calc(50% + 2px);}
	.product-intro .product-wrap .product-box .btn-detail:after {height:6px; left:calc(50% + 2px);}

	.product .sec-product-list .product-list .list-box {margin-top:30px; padding:30px 20px;}
	.product .sec-product-list .product-list .list-box:hover {-webkit-box-shadow: 8px 8px 35px 0px rgba(0,0,0,0.13); box-shadow: 8px 8px 35px 0px rgba(0,0,0,0.13);}
	.product .sec-product-list .product-list .list-box .thumnail {margin-bottom:10px;}
	.product .sec-product-list .product-list .list-box .thumnail h1 {font-size:18px;}
	.product .sec-product-list .product-list .list-box .detail dl {margin-bottom:30px;}
	.product .sec-product-list .product-list .list-box .detail dl > * {font-size:12px;}

	.product-view .sec-thum .product-img-area {padding:50px 0 0 0;}
	.product-view .sec-thum .product-img-area .product-name {font-size:24px;}
	.product-view .sec-thum .product-img-area .product-img {margin:50px 0;}
	.product-view .sec-thum .product-img-area .product-img .arrow {width:22px; height:35px;}
	.product-view .sec-thum .product-img-area .product-img .arrow:before {width:20px; height:20px; top:6px;}
	.product-view .sec-thum .product-img-area .product-img .arrow.btn-prev:before {left:8px;}
	.product-view .sec-thum .product-img-area .product-img .arrow.btn-next:before {right:7px;}
	.product-view .sec-thum .product-img-area .product-img .slick-slider {width:calc(100% - 120px); margin:0 auto;}
	.product-view .sec-thum .product-img-area .product-img .txt-bg {font-size:50px;}
	.product-view .sec-thum .product-img-area .product-thum ul.thum-list li {width:60px; margin-right:15px;}

	.product-view .sec-thumnail {padding-top:50px !important;}
	.product-view .sec-thumnail .product-img-area .product-img ul.diofit-list li {/*padding:50px 30px;*/}
	.product-view .sec-thumnail .product-img-area .product-img .arrow {width:22px; height:35px;}
	.product-view .sec-thumnail .product-img-area .product-img .arrow:before {width:20px; height:20px; top:6px;}
	.product-view .sec-thumnail .product-img-area .product-img .arrow.btn-prev:before {left:8px;}
	.product-view .sec-thumnail .product-img-area .product-img .arrow.btn-next:before {right:7px;}
	.product-view .sec-thumnail .product-img-area .product-img .slick-slider {/*width:calc(100% - 120px); margin:0 auto;*/ width:100%;}
	.product-view .sec-thumnail .product-img-area .product-img .arrow.btn-prev {left:10px;}
	.product-view .sec-thumnail .product-img-area .product-img .arrow.btn-next {right:10px;}
	.product-view .sec-thumnail .product-spec {padding:30px 10px 0 10px;}
	.product-view .sec-thumnail .product-spec h1 {font-size:24px; margin-bottom:20px;}
	.product-view .sec-thumnail .product-spec dl dt {font-size:17px; margin-bottom:15px;}
	.product-view .sec-thumnail .product-spec dl dd {font-size:13px; padding-left:4px; text-indent:-4px; margin-top:7px;}
	.product-view .sec-thumnail .product-img-area .slick-dots li {margin-left:7px;}
	.product-view .sec-thumnail .product-img-area .slick-dots li button {width:15px; height:15px;}

	.product-view .sec-detail .product-edit {font-size:12px;}

	.product-view .sec-detail .detail-box {margin-top:50px;}
	.product-view .sec-detail .detail-box .detail-tab {margin-bottom:30px;}
	.product-view .sec-detail .detail-box .detail-tab ul li {margin-left:15px; font-size:16px;}
	.product-view .sec-detail .detail-box .detail-tab ul li:before {font-size:11px;}

	.product-view .sec-detail .detail-box .detail-cont .product-detail ul li .txt-box {padding:20px 20px 40px 20px;}
	.product-view .sec-detail .detail-box .detail-cont .product-detail ul li .txt-box i.num {font-size:18px;}
	.product-view .sec-detail .detail-box .detail-cont .product-detail ul li .txt-box h1 {margin:20px 0 10px 0; font-size:18px;}
	.product-view .sec-detail .detail-box .detail-cont .product-detail ul li .txt-box .txt {font-size:12px;}

	.product-view .sec-detail .detail-box .detail-cont .product-package > * {margin-top:50px;}
	.product-view .sec-detail .detail-box .detail-cont .product-package ul.package li {margin-left:10px; margin-top:10px; width:calc(((100% - 10px) / 2) - 1px);}
	.product-view .sec-detail .detail-box .detail-cont .product-package ul.package li:nth-child(3n+1) {margin-left:10px;}
	.product-view .sec-detail .detail-box .detail-cont .product-package ul.package li:nth-child(-n+3) {margin-top:10px;}
	.product-view .sec-detail .detail-box .detail-cont .product-package ul.package li:nth-child(2n+1) {margin-left:0;}
	.product-view .sec-detail .detail-box .detail-cont .product-package ul.package li:nth-child(-n+2) {margin-top:0;}
	.product-view .sec-detail .detail-box .detail-cont .product-package ul.package li .package-box {height:170px;}
	.product-view .sec-detail .detail-box .detail-cont .product-package ul.package li .package-box .num {font-size:11px;}
	.product-view .sec-detail .detail-box .detail-cont .product-package ul.package li .package-box > .inner {padding:20px;}
	.product-view .sec-detail .detail-box .detail-cont .product-package ul.package li .package-box .package-img {margin-bottom:10px;}
	.product-view .sec-detail .detail-box .detail-cont .product-package ul.package li .package-box .package-img img {height:40px;}
	.product-view .sec-detail .detail-box .detail-cont .product-package ul.package li .package-box .txt {font-size:12px;}
	.product-view .btn-list {width:150px; height:50px; margin-top:50px; border-radius:50px;}
	.product-view .btn-list > a {font-size:14px; line-height:50px;}

	.diofit .sec-diofit .cont-box > * {margin-top:30px;}
	.diofit .sec-diofit .cont-box .img-box {width:70%;}
	.diofit .sec-diofit .cont-box .txt-box {font-size:13px; line-height:1.8;}
	.diofit .contents-area .sec-item .sub-title, .diofit .contents-area .sec-case .sub-title {margin-bottom:10px;}
	.diofit .sec-case:before {height:80px; bottom:-80px;}
	.diofit ul.item-list {width:calc(100% - 35px);}
	.diofit ul.item-list .slick-list {margin:0 -5px; padding:30px 0 10px 0;}
	.diofit ul.item-list .slick-slide {margin:0 5px;}
	.diofit ul.item-list li .item-box .txt-box h1 {font-size:18px; margin-bottom:4px;}
	.diofit ul.item-list li .item-box .txt-box h2 {font-size:12px;}
	.diofit ul.item-list li .item-box .txt-box h3 {font-size:18px;}
	.diofit ul.item-list li .item-box .txt-box .btn-more {margin-top:25px;}
	.diofit ul.item-list .slick-slide:hover {transform:none;}
	.diofit .slide-nav .arrow {width:35px; height:35px;}
	.diofit .slide-nav .arrow:before {width:6px; height:6px; top:13px;}
	.diofit .slide-nav .arrow.prev:before {left:15px;}
	.diofit .slide-nav .arrow.next:before {right:15px;}

	.design .sec-design .main-img-box {margin-bottom:20px;}
	.design .sec-design .design-area .design-box ul li .txt {height:50px;}
	.design .sec-design .design-area .design-box ul li .txt p {font-size:14px;}

	.sound .section .img-slide .slide-counter {padding:20px 10px;}
	.sound .section .img-slide .slide-counter p.current {font-size:18px; margin-bottom:3px;}
	.sound .section .img-slide .slide-counter p.total {font-size:14px;}
	.sound .section .img-slide .slide-nav .arrow {width:30px; height:30px}
	.sound .section .img-slide .slide-nav .arrow:before {width:5px; height:5px; top:13px; border-width:1px 1px 0 0;}
	.sound .section .img-slide .slide-nav .arrow.prev {left:10px;}
	.sound .section .img-slide .slide-nav .arrow.prev:before {left:14px;}
	.sound .section .img-slide .slide-nav .arrow.next {right:10px;}
	.sound .section .img-slide .slide-nav .arrow.next:before {right:14px;}
	.sound .section .img-slide .slide-nav .arrow:hover:before {border-width:1px 1px 0 0;}
	.sound .sec-sound-2:before {height:80px; bottom:-80px;}
	.sound .sec-sound-2 .item-area {margin-top:20px;} 
	.sound .sec-sound-2 .item-area ul li .item-box > .inner {padding:20px;}
	.sound .sec-sound-2 .item-area ul li .item-box h1 {font-size:14px;}
	.sound .sec-sound-2 .item-area ul li .item-box h2 {font-size:16px; height:40px;}
	.sound .sec-sound-2 .item-area ul li .item-box .img-box {margin:0;}

	.making .sec-making .making-area .img-box ul li .tit {padding:20px;}
	.making .sec-making .making-area .img-box ul li .tit h1 {font-size:18px; margin-bottom:10px;}
	.making .sec-making .making-area .thumnail {margin-top:10px;}
	.making .sec-making .making-area .thumnail ul li {width:calc(((100% - 14px) / 3) - 1px); margin-left:7px; margin-top:7px;}
	.making .sec-making .making-area .thumnail ul li:nth-child(2n+1) {margin-left:7px;}
	.making .sec-making .making-area .thumnail ul li:nth-child(-n+2) {margin-top:7px;}
	.making .sec-making .making-area .thumnail ul li:nth-child(3n+1) {margin-left:0;}
	.making .sec-making .making-area .thumnail ul li:nth-child(-n+3) {margin-top:0;}
	.making .sec-making .making-area .thumnail ul li.active .thumnail-box .cover {font-size:12px;}

	#popup-making .popup-cont {max-height:350px;}
	#popup-making .popup-cont .making-list .list-box .txt-box {height:120px;}
	#popup-making .popup-cont .making-list .list-box h1 {font-size:20px;}
	#popup-making .popup-cont .making-list .list-box .txt {font-size:13px; margin:5px auto 0 auto;}
	#popup-making .popup-cont .making-list .list-box .img-box {width:calc(100% - 30px);}
	#popup-making .popup-cont .slide-nav .arrow {width:30px; height:30px; top:calc(50% + 60px);}
	#popup-making .popup-cont .slide-nav .arrow:before {width:5px; height:5px; top:13px; border-width:1px 1px 0 0;}
	#popup-making .popup-cont .slide-nav .arrow.prev:before {left:14px;}
	#popup-making .popup-cont .slide-nav .arrow.next:before {right:14px;}
	#popup-making .popup-cont .slide-nav .arrow:hover:before {border-width:1px 1px 0 0;}
	#popup-making .popup-cont .slide-counter .current {font-size:18px;}
	#popup-making .popup-cont .slide-counter .total {font-size:11px;}

	.global .sec-global {margin-top:0;}
	.global .sec-global .scm-area ul li .scm-box {height:200px;}
	.global .sec-global .scm-area ul li .scm-box .img-box img {height:50px;}
	.global .sec-global .scm-area ul li .scm-box .txt-box {height:60px;}
	.global .sec-global .scm-area ul li .scm-box .txt {font-size:14px;}

	#popup-global .popup-cont {max-height:400px;}
	#popup-global .popup-cont .network-area {padding:20px 20px;}
	#popup-global .popup-cont .network-area h1.tit {font-size:20px;}
	#popup-global .popup-cont .network-area .tab {margin:20px 0;}
	#popup-global .popup-cont .network-area .tab ul li {width:33.33%; height:40px;}
	#popup-global .popup-cont .network-area .tab ul li p span {font-size:12px;}
	#popup-global .popup-cont .network-area .network-cont .txt-box {padding:14px 0; margin-top:20px;}
	#popup-global .popup-cont .network-area .network-cont .txt-box:before {width:25px;}
	#popup-global .popup-cont .network-area .network-cont .txt-box h2 {font-size:14px;}
	#popup-global .popup-cont .network-area .network-cont .txt-box .info-area .info-box {padding:15px 0; margin-top:10px;}
	#popup-global .popup-cont .network-area .network-cont .txt-box .info-area .info-box dl > * {font-size:12px;}
	#popup-global .popup-cont .network-area .network-cont .txt-box .info-area .info-box dl dd ul li {padding-left:6px; text-indent:-6px;}
	
	.rightpeople .sec-people-list:before {width:30%;}
	.rightpeople .sec-people-list:after {width:30%; height:80px; bottom:-80px;}
	.rightpeople .right-people {width:100%;}
	.rightpeople .right-people .txt-box {padding:0 0 15px 0; font-size:12px;}
	.rightpeople .right-people-cont .list-box {margin-top:40px;}
	.rightpeople .right-people-cont .list-box i {font-size:12px; margin-bottom:5px;}
	.rightpeople .right-people-cont .list-box .tlt {width:100%; font-size:16px; margin-bottom:5px;}
	.rightpeople .right-people-cont .list-box .txt-box {width:100%; padding-left:0; font-size:12px;}

	.employ .board-view .view-tb.ty-1 .tr.split .lf {width:calc(100% - 70px);}
	.employ .board-view .view-tb.ty-1 .tr.split .rt {width:70px;}
	.employ .board-view .view-tb.ty-1 .tr.split:before {width:70px;}
	.employ .board-view .view-tb.ty-1 .tr.split .state {font-size:13px;}

	.employ .board-write .write-tb.ty-1  .addfile-box .result-txt {width:calc(100% - 85px);}
	.employ .application-box.form-cont {padding:0 20px; margin-top:40px;}
	.employ .application-box.form-cont > * {padding:30px 0;}
	.employ .application-box.form-cont .tlt-box h1 {font-size:17px;}
	.employ .application-box.form-cont .tlt-box h2 {font-size:13px;}

	.ethics .set-ethics .ethics-cont {font-size:12px;}
	.ethics .set-ethics .type-list ul {margin-top:-10px;}
	.ethics .set-ethics .type-list ul li {width:100%; margin-left:0; margin-top:10px; padding:5px 20px;}
	.ethics .set-ethics .type-list ul li:nth-child(3n+1) {margin-left:0;}
	.ethics .set-ethics .type-list ul li:nth-child(2n+1) {margin-left:0;}
	.ethics .set-ethics .type-list ul li .type-box {height:50px;}
	.ethics .set-ethics .type-list ul li .type-box dl > * {font-size:12px;}
	.ethics .set-ethics .type-list ul li .type-box dl dt {width:25px;}
	.ethics .set-ethics .type-list ul li .type-box dl dd {width:calc(100% - 25px);}
	.ethics .set-info .info-box h1 {font-size:20px;}
	.ethics .set-info .info-box .txt-box {font-size:12px; margin:15px 0 30px 0;}
	.ethics .set-info .info-box .btn {height:40px; border-radius:40px;}
	.ethics .set-info .info-box .btn a {padding:0 25px; font-size:12px; line-height:40px;}

	.report .set-report .report-box {margin-top:50px;}
	.report .set-report .report-box .tit {font-size:18px; margin-bottom:20px;}
	.report .set-report .report-box .in-box.half-box {margin-top:30px;}
	.report .set-report .report-box .in-box.wid-box {margin-top:30px;}
	.report .set-report .report-box .board-write .write-tb .addfile-box .result-txt {width:calc(100% - 85px);}

	.conflict .set-conflict .txt-box .lf-box {margin-bottom:10px;}
	.conflict .set-conflict .txt-box .lf-box .txt {font-size:16px; line-height:1.6;}
	.conflict .set-conflict .txt-box .rt-box .txt {font-size:12px;}
	.conflict .set-conflict .txt-box .rt-box .img-box {margin-top:10px;}
	.conflict .set-conflict .txt-box .rt-box .img-box .img {margin-bottom:7px;}
	.conflict .set-conflict .txt-box .rt-box .img-box p {font-size:12px; }
	.conflict .set-graph .graph-area {margin-top:-20px;}
	.conflict .set-graph .graph-area .graph-box {width:calc(((100% - 20px) / 2) - 1px); margin-left:20px; margin-top:20px;}
	.conflict .set-graph .graph-area .graph-box .graph {margin-bottom:20px;}
	.conflict .set-graph .graph-area .graph-box .graph .chart {width:120px; height:120px;}
	.conflict .set-graph .graph-area .graph-box .txt h1 {font-size:14px; margin-bottom:5px;}
	.conflict .set-graph .graph-area .graph-box .txt h2 {font-size:18px;}
	.conflict .set-adm .txt-box {font-size:12px; margin-bottom:30px;}
	.conflict .set-adm .down-area h1 {font-size:18px;}
	.conflict .set-adm .down-area .down-box .btn-download {width:130px; height:40px; border-radius:40px;}
	.conflict .set-adm .down-area .down-box .btn-download a {border-radius:40px;}
	.conflict .set-adm .down-area .down-box .btn-download p {padding-right:20px; font-size:12px; line-height:40px;}
	.conflict .set-adm .down-area .down-box .btn-download p:before {width:14px; height:14px;}

}