@import url("base.css"); 





/***************************************/
/* common */
/***************************************/	
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,time,figure,article,nav,header,footer,hgroup,video,audio,aside,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,textarea {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 16px;
	vertical-align: baseline;
	font-family:'GmarketSans', 'Noto Sans KR', 'NanumGothic', '나눔고딕', Arial, Helvetica, dotum, sans-serif;
	box-sizing:border-box;	
}

br {font-family: 'Noto Sans KR';}
h1, h2, h3, h4 {font-weight: 700;}
b, strong{font-weight:900}

.wrap {max-width: 1400px;width:100%;margin: 0 auto;position: relative;}
.wrap:after {display: block;clear: both;content: '';}

.main {overflow-x: hidden;}
.logo { position: absolute; top: 30px; left: 30px;}



/* footer */
footer {background: #4d4d4d; padding: 30px 0;}
.main footer {padding: 30px 0 130px;}
footer:after{content:'';display:block;clear:both}
footer p {color: #c8c8c8;;line-height: 20px;font-size: 13px;word-break: keep-all;}
footer p span {position: relative;padding-right: 15px; line-height:1.8}
footer p span:after {position: absolute;content: '';width: 1px;height: 15px;background: rgba(255,255,255,0.05);top: 4px;right: 6px;}
footer p a, footer p a:hover {color: #c8c8c8;}

footer .center {position: absolute; right:0; top:0;}
footer .center strong {color: #ffc127; font-size:18px;}
footer .center  a {margin-bottom:10px;}
footer .center a {display:block;}
footer .copy, footer .copy a {font-size: 14px;color: #8f8f8f;margin-top: 15px;}
footer .copy a {display:inline-block;}


















section {position: relative;padding:140px 0; width:100%}
section:after {display: block;clear: both;content: '';}
section h2, section h2 strong, section h2 a {font-size: 40px;}
section h2 {margin-bottom:50px; word-break:keep-all;}
section h3, section h3 a {font-size: 70px;text-align: center;color: #fff;}
section h4 {font-size:32px; font-weight:bold; color:#ffc127;}
section p, section p strong {font-size:18px; }



div.press {background:#404040; padding: 20px; position: relative;}
div.press h3 {font-size:30px; text-align:left; padding:5px 0; width: 18%; color:#ffc127; display:inline-block; vertical-align:top;}
div.press ol{overflow:hidden; position:relative;counter-reset:number; display:inline-block;}
div.press ol li {counter-increment:number; padding: 0px 0; /*text-align: center;*/ font-size: 27px;}
div.press ol li:before {content:counter(number,decimal) "."; color:rgba(255,255,255,0.5);vertical-align:top; line-height:1.9 }
div.press ol li a{width: auto; font-size: 28px;font-weight: 600; max-width:calc(100% - 120px); display: inline-block; /*text-overflow: ellipsis; white-space: nowrap;word-break: normal;*/ color:#fff; word-break: keep-all;}
div.press ol li a:hover{color:#88a1f6;}
div.press ol li span {display: inline-block; color:rgba(255,255,255,0.5); font-size:18px;}
div.press p.btn {text-align:center;}
div.press p.btn a{color:#fff; width: auto; border: 1px solid #fff; display: inline-block; padding: 0px 30px; line-height:40px; margin: 10px auto 5px;}
div.press p.btn a:hover{background: #fff; color: #404040; font-weight: 600;}
div.press .close {position:absolute; right:30px; top:30px; width:35px; height:35px; z-index:9;}
div.press .close a {font-size:0; display:block; width:100%; height:100%; background:url('../images/close.png') center center no-repeat;}


.section1 { background-image: url(../images/section01_bg.jpg);background-size: cover;}
.section1 h2 {font-size: 33px;color: #001668;background: url(../images/long_square.png) no-repeat;font-weight: 600;position: relative;display: inline-block;padding: 2px 20px; word-break: keep-all; width:598px; height:53px;line-height: 1.7em; margin-top: 25px; margin-bottom: 25px; }
.section1 h2:after {content: '';position: absolute;width: 586px;height: 1px;background: #fff;top: 32px;display: block;left: 588px;}
.section1 h3, .section1 h3 strong {font-size: 80px;line-height:1.5em; word-break: keep-all; text-align:left;}
.section1 h3 {margin-bottom:45px; }

.section1 p{font-weight:300; color:rgba(255,255,255,0.8); word-break: keep-all;}
.section1 .consulting_box {display: table;position: absolute;right:50px;top: 50px;}
.section1 .consulting_box a{ display:table-cell; vertical-align:middle; background: #ffc127;width: 300px;height: 300px; overflow:hidden;border-radius: 50%;text-align: center;}
.section1 .consulting_box .text {color: #091667; margin-top: 10px;font-weight: 600;font-size: 21px; text-align:center;}
.section1 .consulting_box span {display:block;}

.section1 .slide{margin-top: 100px; overflow: hidden; text-align:center; font-size:0;}
.section1 .slick-slide {display:inline-block; border: 1px solid #fff;border-radius: 7px;margin-right: 1%;padding: 20px 10px;text-align: center;}
.section1 .slick-slide:last-child {margin-right: 0}
.section1 .slick-slide img {display:inline-block; }
.section1 .slick-slide span {display: block;color: #fff; margin-top: 20px; line-height:1.3; font-size:17px;}



@media screen and (min-width: 1100px){
.section1 .slick-track {width:100% !important;}
.section1 .slick-list {padding:0 !important;}
.section1 .slick-slide {width: calc(94% / 7) !important;}


}


.section1 .slick-slide div > a { overflow:hidden; transition:0.3s; width:100%; margin:0 auto; padding:10% 0; background:#fff;} 
.section1 .slick-slide div p {display:none}


.section1 .slick-next, .section1 .slick-prev {top: calc(50% - 24px); width: 26px;height: 48px; font-size:0;  background-repeat:no-repeat;}
.section1 .slick-next:before, .section1 .slick-prev:before { font-size:0;}
.section1 .slick-next {right: 0; background:url(../images/next_arr.png);  }
.section1 .slick-prev {left: 0; background:url(../images/befo_arr.png);}











.animate__animated.animate__bounce {--animate-duration: 2s;}
.animate__animated.animate__fadeInUp {--animate-duration: 2s;}




.section2 {background-image: url(../images/section02_bg.jpg);text-align: center;}
.section2 h2 {color:#fff;}
.section2 ul{font-size:0;}
.section2 ul li {display:inline-block; width: calc(88% / 5);text-align: center;padding-bottom: 30px;border: 1px solid #fff;border-radius: 10px;margin-right: 3%;margin-bottom: 3%;text-align: center;padding: 30px 0;}
.section2 ul li:nth-child(5n) {margin-right: 0;}
.section2 ul li:nth-child(6), .section2 ul li:nth-child(7), .section2 ul li:nth-child(8), .section2 ul li:nth-child(9), .section2 ul li:nth-child(10) {margin-bottom:0}
.section2 ul li p {color: #fff;font-weight: 500;font-size: 20px;margin-bottom: 20px; text-align:center;}
.section2 ul li span {background: #3b4370;padding: 8px 22px; color:#fff;}



.section3 h2{color:#444444; text-align:center}
.section3 h2 b{color:#0c307a;}


.section3 ol{margin-bottom:55px; text-align:center; background:url(../images/section03_bg1.png) no-repeat center top; ;background-size: 100%; position:relative;}
.section3 ol li {display: inline-block;vertical-align: top;width: calc(92% / 5);margin-right: 1%; opacity:0;transform:translateY(40px);transition:all .5s; padding-top:60px;}

.section3 ol li:last-child{margin-right:0;}
.section3 ol>li:before{display:none;}
.section3 ol li .step{margin-bottom:15px; font-size:14px; color:#0c307a;font-weight:700;}
.section3 ol li .cont{margin-bottom:120px;}
.section3 ol li .cont h4{font-size:25px;line-height:140%; color:#0c307a;  text-align:center}

.section3 ol li p{text-align:center; }

.section3 ol:before{display:block;content:"";width:0;height:100%;position:absolute;left:0;top:0;background: url(../images/section03_bg2.png) no-repeat 0px 0px;}

.section3 ol.in-view:before{width: 100%;background: url(../images/section03_bg2.png) no-repeat 0px 0px; transition: all 3s linear ;}
.section3 ol.in-view li:nth-child(1){opacity:1;transform:translateY(0px);transition:all 0.5s ease 0.5s;}
.section3 ol.in-view li:nth-child(2){opacity:1;transform:translateY(0px);transition:all 0.5s ease 1s;}
.section3 ol.in-view li:nth-child(3){opacity:1;transform:translateY(0px);transition:all 0.5s ease 1.5s;}
.section3 ol.in-view li:nth-child(4){opacity:1;transform:translateY(0px);transition:all 0.5s ease 2s;}
.section3 ol.in-view li:nth-child(5){opacity:1;transform:translateY(0px);transition:all 0.5s ease 2.5s;}




.section4 {background: url(../images/section04_bg.jpg) no-repeat top center;text-align: center;background-size:cover; color: #fff;}
.section4 .history{float:left; width:50%;}
.section4 p {margin-bottom: 50px; word-break: keep-all; text-align:center;}
.section4 dl {position:relative;}
.section4 dl + dl {margin-top:80px;}
.section4 dl dt {font-size: 40px;font-weight: 700;margin-bottom: 35px;}
.section4 dl dd {font-size: 20px;font-weight: 100;line-height: 1.6em;}


.section4 .history_left {text-align: left;}
.section4 .history_right {text-align: right;}

.section4 .history_left dl:before {position: absolute;content: '';display: block;width: 10px;height: 10px;background: #fff;border-radius: 50%;top: 17px;left: -25px;}
.section4 .history_right dl:before {position: absolute;content: '';display: block;width: 10px;height: 10px;background: #fff;border-radius: 50%;top: 17px; right: -25px;}

.section4 .history_left dl:after {position: absolute;content: '';width: 1px;height: 543px;background: #fff;bottom: 156px;left: -20px;}
.section4 .history_right dl:after {position: absolute;content: '';width: 1px;height: 435px;background: #fff;top: 25px;right: -21px;}




.section5 {background: url(../images/section05_bg.png) left 140px no-repeat; text-align: center; padding:0;}
.portfolio_wrap {padding:100px 0;}
.section5 .wrap:after {display: none;}


.section5 h2 {float: left;width: 20%; text-align:left; font-weight:500;}
.section5 h2 strong {display:block;}
.section5 .more_btn {font-weight: 600;color: #003dbc;font-size: 18px;position: absolute;left: 0; top:120px; z-index: 10;}
.slick-slider {margin-bottom:0px;}

.section5 .gray_bg {background: #f5f5f5;}

.portfolio_slide .slick-list {margin-left:13.5%; padding-right:13.5%;}
.portfolio_slide .slick-slide {margin-right:50px; opacity:0.5;}

.portfolio_slide .slick-slide div > a {height:600px; overflow:hidden; transition:0.3s; width:100%; margin:0 auto; padding:10% 0; background:#fff;} 
.portfolio_slide .slick-slide div p {display:none}
.portfolio_slide .slick-slide img {width:100%;height:100%; /*object-fit:cover;*/ border-radius:15px; border:1px solid #ddd; }
.dica .slick-slide img{border:none;}

.portfolio_slide .slick-active {opacity:1;}
.portfolio_slide .slick-active div {margin-top:0;}
.portfolio_slide .slick-active div > a {overflow: hidden; width:100%;transition:0.5s; padding:0;}
.portfolio_slide .slick-active div p {display:block; font-size:22px; font-weight:bold; color:#333; margin-top:25px; text-align:center; padding-bottom:10px;}
.portfolio_slide .slick-active:hover div > a {box-shadow:6px 5px 8px rgba(0, 0, 0, 0.3);}
.portfolio_slide .slick-active div {font-size: 0;}

.portfolio_slide .slick-next:before {display:none; }
.portfolio_slide .slick-prev:before {display:none;}



.section6 {background:#232323; position:fixed; bottom:0; z-index:999; padding:35px 0;}
.section6 h4 {width:25%; float:left}
.section6 form {width:75%; float:left;}
.section6 input[type="text"] {font-size: 16px;color:#fff;width: 25%;margin:0 1%;background: none;border: none;background-image: url('../images/input-bkg.png');background-repeat: repeat-x;background-position: 0 bottom;padding: 0 0 1em;-webkit-animation: input-wave 0.4s linear infinite;animation: input-wave 0.4s linear infinite;}
.section6 input[type="text"]::placeholder {color:#fff}
@-webkit-keyframes input-wave{from{background-position:-0px bottom}to{background-position:18px bottom}}
@keyframes input-wave{from{background-position:-0px bottom}to{background-position:18px bottom}}
a.project { background:#fff; color:#000; font-size:18px; padding:10px 40px; line-height:40px; border-radius:50px; font-weight:600;}


/*팝업*/
.pop_wrap {margin-bottom:70px;}
.proflie {overflow:hidden; word-break:keep-all; font-size:0;}
.proflie > div {display:inline-block;}
.proflie .img {width:40%; margin-right:5%;vertical-align: top;}
.proflie .img img {width:100%;}
.proflie .text {width: 55%;vertical-align: bottom;margin-bottom: 0%;margin-top: 8%;}
.proflie .text h2 { font-size:48px; letter-spacing:2px; color:#000; margin-bottom:15px;}
.proflie .text p {font-size: 20px;color: #2245b5;margin-bottom: 20px;font-weight: 600;}
.proflie .text ul li {font-size:16px; line-height:1.8; color:#444;}

.pop_wrap .contents {margin-top:40px; height:inherit;}
.pop_wrap .contents table {width:100%; border:1px solid #eee; border-collapse: collapse}
.pop_wrap .contents table tr {border-bottom:1px solid #eee;}
.pop_wrap .contents table th {font-size:20px; color:#000; text-align:center; font-weight:bold; color:#000; padding:20px; vertical-align:middle; border-right:1px solid #eee;word-break: keep-all;}
.pop_wrap .contents table th:first-child {background:#2245b5; color:#fff;}
.pop_wrap .contents table td {font-size:16px; color:#555; padding:20px; word-break:keep-all;}
.pop_wrap .contents table td.day {border-right:1px solid #eee; text-align:center; font-weight:500;}

.pop_wrap .contents h3 {font-size:18px; font-weight:500; color:#000; margin-bottom:10px;}
.pop_wrap .contents p {font-size:16px; font-weight:500; color:#444; margin-bottom:10px;}
.pop_wrap ul {margin-bottom:10px;}
.pop_wrap ul li {position:relative;}
.pop_wrap .list_01 {}
.pop_wrap .list_01 li {line-height:1.8; padding-left:10px; font-size:15px; color:#111;}
.pop_wrap .list_01 li:before {content:''; width:3px; height:3px; position:absolute; display:block; left:0; top:10px; background:#2245b5;}
.pop_wrap .list_02 {padding-left:10px;}
.pop_wrap .list_02 li {line-height:1.8; padding-left:10px;}
.pop_wrap .list_02 li:before {content:''; width:3px; height:1px; position:absolute; display:block; left:0; top:10px; background:#2245b5;}








.board_wrap .tit{position:relative; text-align:center; padding-top:50px;padding-bottom: 20px;}
.board_wrap .tit h2{ font-size: 32px;font-weight: 500; color:#222; font-weight: 600;}
.board_wrap .tit a {position:absolute; font-weight: 600; top:50px; font-size:18px; padding:12px 40px 10px; border-radius:50px;}
.board_wrap .tit a.home {left:0; background:#2245b5; color:#fff;}
.board_wrap .tit a.contact {right:0; background:#ffc127; color:#fff;}

.board_wrap h3 {border-top: 3px solid #333;border-bottom: 1px solid #ccc;padding: 13px 10px;margin-top: 30px;font-size: 18px;background: #faf9f6;}
.btn_pre, .btn_next {color: #333;border: 1px solid #333;margin-bottom: 0;width:80px; padding:5px 10px;  font-weight: 600; line-height: 35px;}
a.btn_pre:hover, a.btn_next:hover {color: #fff;border-color: #333;background:#333;}
.btn_list {background:#a82733;border-color:#a82733;color:#fff;margin-bottom: 0;width:80px;}
a.btn_list:hover {color: #fff;border-color: #333;background:#333;} 
.btn_pn {text-align: right;margin-top: 10px;}

.btn_list2 {background:#fff;border: 1px solid #003dbc;color:#003dbc;margin: 0 5px;width:80px; padding:5px 10px;  font-weight: 600; line-height: 40px;}
a.btn_list2:hover {color: #fff;border-color: #333;background:#333;} 

.search {border: 1px solid #ccc;text-align: center;padding: 18px;}
.search select {width:8%;border:1px solid #ccc;min-height:0;border-radius: 0;padding: 6px 10px;background: #fff url('../images/search_arrow.png') no-repeat 68px;  height:40px;}
input.input_box {padding: 8px 10px;border: 1px solid #ccc; height:40px;}
input.btn_search {margin-bottom: 1px;color: #fff;background:#333; padding:0px 15px; line-height:40px; border:0}
table.bbs_table th {border-bottom: 1px solid #010836;background: #010836;color:#fff; font-size:18px; font-weight: 600; }
table.bbs_table thead th {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;word-break: normal;display: inline-block;width: 100%;}


table.bbs_table td {border-bottom: 1px solid #010836;  font-weight: 600;}
table.bbs_table td p{font-size:17px; font-weight: 600;line-height:2; word-break: normal;}
table.bbs_table td a {font-size:15px;  font-weight: 600;}
table.bbs_table {border-top: 3px solid #333;line-height: 45px;margin-top: 10px;}
table.bbs_table td {vertical-align: middle;padding: 20px 0;}
.bbs_date {text-align:right;}
img.bbs_img {vertical-align: middle;}
table.bbs_table a {color: #333;}
table.bbs_table font {color: #777;font-size: 12px;}



.paging {text-align: center;padding: 20px 0;}
.paging a {border: 1px solid #e5e2db;font-size: 12px;color: #2e2a25;width: 38px;height: 38px;text-align: center;line-height: 38px;display: inline-block;margin: 0 1px;}
a.pg_num.on, span.pg_bnum {background:#333;font-size: 12px;color: #fff;width: 38px;height: 38px;text-align: center;line-height: 38px;display: inline-block;margin: 0 1px;border: 1px solid #333;}
.f11 {text-align: right;}
a.pasing_pre {background: url('../images/pasing_pre.png') no-repeat;vertical-align: middle;margin-bottom: 3px;height: 39px;}
a.pasing_next {background: url('../images/pasing_next.png') no-repeat;vertical-align: middle;margin-bottom: 3px;height: 39px;}

table.bbs_table font {color: #777;font-size: 13px;}
td.bbs_con {font-size: 15px;text-align: center;padding: 30px 0;text-align:left;line-height:22px;color:#333;}
td.bbs_con p img {display:block;margin:5px auto;}
div.bbs_date {}

.header-type-fixed-board #header {  background: url(../img/menu_fixed.png) repeat;}
.header-type-fixed-board #header .navigation > ul > li{padding-bottom: 0; }

td.board_tit_list {/*width: 100%;*/}
body.press .wrap{overflow:hidden; height:auto;}
body.press footer{height:auto; margin-top:70px;}





@media screen and (max-width: 1450px){
.section1 .consulting_box {right:30px;top: 30px;}
.section1 .consulting_box a {width: 200px;height: 200px;}
.section1 .consulting_box img {width:60%;}
.section1 .consulting_box .text {margin-top: 5px;}

}


@media screen and (max-width: 1400px){
.logo {left:2%;}
.wrap {width:98%; padding:0 1%;}
section {padding:100px 0;}
section h2, section h2 strong, section h2 a {font-size: 35px;}
section h2 {margin-bottom:40px;}

div.press h3 {width:18%; font-size:26px;}
div.press ol li {font-size: 25px;}
div.press ol li a{font-size: 26px;}
div.press ol li span {font-size:17px;}

.section1 .slide{margin-top: 80px;}
.section1 .slick-slide span { font-size:14px;}


.section1 h2 {font-size: 30px; margin-top: 20px; margin-bottom: 20px; }
.section1 h3, .section1 h3 strong {font-size: 70px;}
.section1 h3 {margin-bottom:30px; }

.section2 ul li {width: calc(92% / 4);margin-right: 2%;margin-bottom: 2%; }
.section2 ul li:nth-child(4n) {margin-right: 0;}
.section2 ul li:nth-child(5) {margin-right: 2%;}

.section2 ul li span {font-size:15px;}

.section5 .more_btn {left: 1%;}
.board_wrap .tit a {font-size:16px; padding:10px 30px 8px;}

}


@media screen and (max-width: 1200px){
footer p span:last-child {display: block;}
div.press h3 {font-size:25px;}
div.press .wrap {text-align:left;}
div.press ol li {font-size: 23px;}
div.press ol li a{font-size: 25px;}




.section1 h2 {font-size: 30px;display: inline-block; border-radius: 0px; background:#fff;width:auto; height:inherit; line-height: inherit;}
.section1 h2:after {display: none;}
.section1 h3, .section1 h3 strong {font-size: 60px;}





.section3 ol {margin-bottom: 0px;}

.section4 .history {float: left;width: 40%;margin-left: 26px;}
.section4 .history dl dt {font-size: 30px;}
.section4 .history_right dl:after{display:none;}
.section4 .history_left dl:after {display:none;}
.section4 .history dl dd {font-size: 17px; word-break:keep-all;}
.section4 .history_right {text-align: left;   padding-left: 70px;}
.section4 .history_right dl:before {left: -25px;}
.portfolio_wrap .main_title {font-size: 30px;}

}


@media screen and (max-width: 1100px){
.section1 .slick-list {padding: 0 5%;}
.section1 .slick-slide {opacity:0; margin: 0.5%;}
.section1 .slick-active {opacity:1;}
.section1 .slick-active div {margin-top:0;}
.section1 .slick-active div > a {overflow: hidden; width:100%;transition:0.5s; padding:0;}
.section1 .slick-active div p {display:block; font-size:22px; font-weight:bold; color:#333; margin-top:25px; text-align:center; padding-bottom:10px;}
.section1 .slick-active:hover div > a {box-shadow:6px 5px 8px rgba(0, 0, 0, 0.3);}
.section1 .slick-active div {font-size: 0;}


}




@media screen and (max-width: 1077px){
.section6 h4 {display:none;}
.section6 form {width:100%;}
a.project {background: #ffc127;}

}


@media screen and (max-width: 1000px){
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,time,figure,article,nav,header,footer,hgroup,video,audio,aside,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,textarea {
font-size:15px}
footer p {font-size: 12px;}
footer .copy, footer .copy a {font-size: 13px;margin-top: 10px;}

.wrap {width:96%;  padding:0 2%;}
section {padding: 80px 0;}
section h2, section h2 strong, section h2 a {font-size: 35px;}
section h2 {margin-bottom:30px;}


.section1 .slide{margin-top: 60px;}


.section1 h2 {font-size: 25px;}
.section1 h3, .section1 h3 strong {font-size: 50px;}

.section2 ul li {width: calc(92% / 3); }
.section2 ul li:nth-child(3n) {margin-right: 0;}
.section2 ul li:nth-child(4n) {margin-right: 2%;}
.section2 ul li:nth-child(6), .section2 ul li:nth-child(7), .section2 ul li:nth-child(8), .section2 ul li:nth-child(9) {margin-bottom:2%}


.container table.bbs_table th:nth-child(2), .container table.bbs_table th:nth-child(4),
.container table.bbs_table td:nth-child(2), .container table.bbs_table td:nth-child(4)
{display:none;}


div.press ol li {font-size: 20px;}
div.press ol li a{font-size: 23px;}
div.press ol li span {font-size:17px;}


.section5 h2 {width: 100%; }
.section5 h2 strong {display:inline-block;}
.section5 .more_btn {left:auto; right: 2%; top:5%;}

.board_wrap .tit a {position:relative; font-size:15px; padding:7px 20px 5px; top:10px;}
}

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

.section1  li {min-height: 204px;}

}

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

a.project {width:15%; display:inline-block; padding:10px 0; text-align:center;}

}

@media screen and (max-width: 860px){
.section3 ol li p {word-break: keep-all;}
.section3 ol li p br {display: none;}

}



@media screen and (max-width: 768px){
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,time,figure,article,nav,header,footer,hgroup,video,audio,aside,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,textarea {
font-size:14px}

section h2, section h2 strong, section h2 a {font-size: 30px;}
section h2 {margin-bottom:20px;}



div.press h3 {width:100%; font-size:23px;}
div.press ol li {font-size: 16px; margin-bottom:10px;}
div.press ol li a{font-size: 18px;}
div.press ol li span {font-size:15px; margin-left:10px;}
div.press p.btn a{padding: 0px 25px; line-height:35px; margin: 5px auto;}


.section_inner {padding: 80px 0;}
.section_inner02 {padding-top:0;}
.section1 h2 {font-size: 20px;}
.section1 h3 {font-size: 40px;}

.section2 ul li {width: 100%;margin-right: 0%; margin-bottom: 3%;  float: none;padding: 0px 0 0px 0; border:none; border-radius:0; border-bottom: 1px solid rgb(255 255 255 / 50%);}
.section2 ul li p br {display: none;}
.section2 ul li p{ display: inline-block; margin-right: 10px; text-align: left;width: 50%;}
.section2 ul li span {border-radius: 10px;}

.section3 ol li {width: 98.8%;   padding: 30px 0;}
.section3 ol li:nth-child(3) {margin-right: 5%;}
.section3 ol li:nth-child(4), .section3 ol li:nth-child(5) {margin-bottom: 5%;}
.section3 ol li:nth-child(5) {margin-right:5%;}
.section3 ol li p br {display: block;}

.section4 .history {float: none;width: 100%;}
.section4 .history_right {padding-left: 0;}
.section4 .history dl{margin-bottom:40px;}
.section4 .history dl.dl_top {min-height: auto;}
.section4 .history {float: none;width: 100%;padding-left: 5%;}
.section4 .history dl dt {margin-bottom: 15px;}
.section4 .history dl.dl_top {min-height: 0;}
.section4 .history dl:after {content: '';display: block;width: 1px;height: 258px;background: #fff;top: 23px;left: -20px;}
.main .main_title {margin-bottom: 30px;}



}

@media screen and (max-width: 700px){
.section1 .consulting_box a {width: 100px;height: 100px;padding-top: 0;padding: 5px;border-radius: 10px;}

}


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


.section_inner02 {padding: 80px 0;}
.section5 .left_title_wrap {float: none;width: 100%;text-align: center; margin-left:0;}
.section5 .portfolio_wrap .main_title {font-size: 25px;text-align: center;margin-bottom: 10px; margin-top:0;}
.section5 .portfolio_wrap .main_title .pc_br {display: none;}
.section5 .portfolio_wrap .more_btn {float: none;text-align:center; left:50%; transform:translateX(-50%); margin-left:0;}
.section5 .slick-slider {padding: 40px 0 40px !important;}
.section5 .gray_bg {background: #ffffff;}


}

@media screen and (max-width: 650px){
div.press ol li:before {}
div.press ol li a{font-size: 16px; max-width:90%;}

div.press ol li span {font-size:15px; margin-top:0px;}
}

@media screen and (max-width: 623px){
.section1 .consulting_box a {width: 90px;height: 90px;}
.section1  li {min-height: 194px; padding: 20px;}
.section1 {padding: 80px 1%;}


.section1 .consulting_box .text {font-size: 17px; }
.section1 .consulting_box {position: inherit;right: 0;bottom:0; top:0;}
.section1 .consulting_box a {width: 136px;height: 75px;}
.section1 .consulting_box .text {padding-top: 8px;}

.logo {top: -8%;left: 50%;transform: translateX(-50%);}
.logo img {width: 80%;}
div.press{padding:60px 20px;}
.container table.bbs_table th:nth-child(1), .container table.bbs_table td:nth-child(1){display:none;}
.container table.bbs_table td:nth-child(3){white-space: nowrap;overflow: hidden;text-overflow: ellipsis; display: block;}
.container table.bbs_table th:nth-child(3){display: block; }
.container table.bbs_table td:nth-child(3) a{width:100%;}


@media screen and (max-width: 600px){
div.press{padding:20px 3%;}
div.press ol {display:block; }
div.press ol li span {display:block; text-align:right;}
div.press p.btn a{line-height:32px;}
}




@media screen and (max-width: 500px){
div.press h3 {font-weight:700;}
div.press ol li {font-size: 14px;}
div.press ol li a{font-size: 15px;}
div.press ol li span {font-size:14px;}

.section_inner {padding: 50px 0;}
.section1 h3 {font-size: 30px; line-height:1.3}
.section2 ul li {width: 100%;padding: 10px 0 20px;border-radius: 10px;border: 1px solid rgb(255 255 255 / 50%);}
.section2 ul li p {display: block;width: 100%;text-align: center;font-size:18px;margin-bottom:15px;}

.section3 ol li .cont h4 {font-size: 20px;}
.section3 ol li .cont {height: 140px;}
.section3 ol li p {font-size: 14px;}
.section1 .slick-next, .section1 .slick-prev {top: 41%;}

}

@media screen and (max-width: 490px){
.section6 input[type="text"] {width:47%; margin:0 1% 10px;}
a.project {width:48%;}

}

@media screen and (max-width: 450px){
.section1 h2 {font-size: 18px; border-radius:7px;}
.main .main_title {font-size: 25px; margin-bottom: 30px;}
.section4 .history dl dt {font-size: 25px;}
.section4 .history dl dd {font-size: 14px;}


}

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

.section1  li {min-height: 202px;}
}