@charset "utf-8";

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

	#header {padding: 0 15px;}
	#header .header_wrap {width:100%;}

	#container > .section > .inner {width:98%;}

	.main_portfolio .Portfolio_wrap .portfolio_item {height:inherit; padding-bottom:66.18%;}
	.main_portfolio .Portfolio_wrap .prevArrow.slick-arrow {left:0; margin-left:10px;}
	.main_portfolio .Portfolio_wrap .nextArrow.slick-arrow {right:0;margin-right: 20px;left: inherit;margin-left: inherit;}

	.main_contactus .inquery, .main_contactus .mapWap {width:49%;}
	.main_contactus .inquery {margin-right:2%;}
	.main_contactus .inquery {padding:35px 10px;}

	.aboutus_vision {width:100%;}
	.aboutus_vision > li {width:25%; margin:0;}
	.aboutus_vision > li .icon {width:215px; margin:0 auto;}

	.item {height:inherit; padding-bottom:13%;}

	#footer .inner {width:98%; margin:0 auto;}
	#footer .f_left .f_logo {left:10px;}
	#footer .family {right:10px;}
}

@media only screen and (max-width:1510px) {
	.main_contactus .inquery table tr td .select-box.phone-op {width:29.9%; margin-right:1.6%;}
	.main_contactus .inquery table tr td input.wr-phone {width:29.9%;}
	.main_contactus .inquery table tr td input.wr-email {width:30.5%;}
	.main_contactus .inquery table tr td .select-box.email-op {width:29.9%;}

}

@media only screen and (max-width:1475px) {
	.timeline-year {width:100%;}
	.timeline-body p {padding-left:0;}
	.timeline-body p:first-child {padding-top:20px;}
}

@media only screen and (max-width:1400px) {
	.team_wrap {width:100%;}
	.team_wrap .team_list {width:32.5%;}
}

@media only screen and (max-width:1380px) {
	.main_contactus .inquery table tr td .select-box.phone-op {width:29%; margin-right:1.6%;}
	.main_contactus .inquery table tr td input.wr-phone {width:29%;}
	.main_contactus .inquery table tr td input.wr-email {width:30%;}
	.main_contactus .inquery table tr td .select-box.email-op {width:29%;}
}

@media only screen and (max-width:1300px) {
	.writeCont {width:100%;}
}

@media only screen and (max-width:1060px) {
	#header .top_m li {padding-left:15px; margin-left:15px;}
	.main_contactus .inquery table tr th {width:20%;}

	.aboutus_cont, .history_cont, .process_cont {font-size:24px;}
	.aboutus_vision > li .icon {width:80%;}
	.timeline-year {width:100%; font-size:40px;}
	.timeline-body p {font-size:24px; padding-left:0;}
	.timeline-body p:first-child {padding-top:20px;}
}

@media only screen and (max-width:960px) {
	#header {height:60px;}
	.header_wrap {display:none;}
	.mo_header_wrap {display:flex;}

	.mo_header_wrap > h1 {position:absolute; width:15%; top:15px; left:10px;}

	.moGnb {display:block; width:35px; position:absolute; right:10px; top:20px;}
	.mo_menu > img {width:80%;}

	.hidden_menu {width:100%; height:100%; position:fixed; top:0; left:100%; text-align:center; z-index:20000;}
	.hidden_menu .hidden_con {width:100%; height:100%; background-color:#fff; z-index:99999;}
	.hidden_menu .top {width:100%; text-align:center; height:70px; line-height:60px; position:relative; border-bottom: 1px solid #eeeeee;}
	.hidden_menu .top .h_logo {float:left; padding-left:10px;}
	.hidden_menu .top .h_logo > a > img {vertical-align: middle;}
	.hidden_menu .top .h_logo .logo_txt {font-family:NotoSanskrB; font-size:24px; color:#000000; margin-left:5px;}
	.hidden_menu .top .close {float:right; padding-right:20px;}
	.hidden_menu .top .close img {vertical-align: middle;}

	.hidden_menu .bot {position:relative; width:90%; text-align:left; margin:15px auto 0;}
	.hidden_menu .bot > li {position:relative; width:100%; line-height:55px; font-size:21px; font-weight:normal; font-family:NotoSanskrM; color:#666666; border-bottom: 1px solid #eeeeee; padding-left:10px;}

	.main_news li {width:49%;}

	.main_contactus .inquery, .main_contactus .mapWap {width:100%; margin-top:40px;}
	.main_contactus .inquery {margin-right:0; padding:0;}
	.main_contactus .inquery table tr th {width:15%;}
	.main_contactus .inquery table tr td .select-box.phone-op {width:29%;}
	.main_contactus .inquery table tr td input.wr-phone {width:28%;}
	.main_contactus .inquery table tr td .select-box select {padding:0 5px; background-position:center right -15px;}
	.main_contactus .inquery table tr td input.wr-email {width:44.4%;}
	.main_contactus .inquery table tr td .select-box.email-op {width:98.4%; margin-top:5px;}
	.main_contactus .inquery .inv_tbl_bottom p {height:auto; margin:0 10px 10px;}
	.main_contactus .inquery .inv_tbl_bottom .sendBtn {position:relative; font-size:18px; padding:10px; text-align:center; margin:0 10px;}

	.item {width:24.5%; padding-bottom:16%;}
	.item:nth-child(4n) {margin-right:0;}
	.item:nth-child(5n) {margin:0 0.5% 0.5% 0;}
}

@media only screen and (max-width:900px) {
	.team_wrap .team_list_wrap {display:inline-block;}
	.team_wrap .team_list {width:49%; margin-bottom:2%;}
	.team_wrap .team_list:nth-child(2n) {margin-right:0;}
}

@media only screen and (max-width:768px) {
	.frame_pc {display:none;}
	.frame_mo {display:block;}


	.main_visual {height:auto !important; background: #1a1f30;}
	.main_visual .main_video {height:380px !important; min-height:380px;}
	.main_visual .main_video #inner {width:180%; height:auto !important;}

	.main_visual .main_visual_slg {width:100%; top:25%; left:0; margin-top:inherit; margin-left:inherit; display:none;}
	.main_visual .main_visual_slg h2 {font-size:21px;}
	.main_visual .main_visual_slg h2 span {font-size:24px;}

	#container > .section {padding:50px 0 0;}
	#container > .section > .inner {width:96%;}
	h3.mTitle {font-size:34px;}

	.main_key_stats .stats_wrap {margin-top:40px;}
	.main_key_stats .stats_wrap > li {width:48.5%; font-size:16px; padding:15px 0; height:inherit; margin-bottom:2%;}
	.main_key_stats .stats_wrap > li:nth-child(2n) {margin-right:0;}
	.main_key_stats .stats_wrap > li > .icon > img {width:60%;}
	.main_key_stats .stats_wrap > li > .counter {font-size:16px; padding: 10px 0;}
	.main_key_stats .stats_wrap > li > .counter > em {font-size:32px;}
	
	.main_portfolio .Portfolio_wrap {margin-top:40px;}
	.main_portfolio .Portfolio_wrap .slick-slide {margin-right:10px; height:inherit;}
	.main_portfolio .Portfolio_wrap .portfolio_item .thum {height:130px; line-height:130px;}
	.main_portfolio .Portfolio_wrap .portfolio_item .active {height:130px;}
	.main_portfolio .Portfolio_wrap .prevArrow.slick-arrow, .main_portfolio .Portfolio_wrap .nextArrow.slick-arrow {width:20px; height:35px; margin-top:-18px;}
	.main_portfolio .Portfolio_wrap .prevArrow.slick-arrow {margin-left:5px;}
	.main_portfolio .Portfolio_wrap .nextArrow.slick-arrow {margin-right:15px;}

	.main_portfolio .Portfolio_more {margin:20px auto 0; padding:5px 0; font-size:16px; width:120px;}

	.main_news ul {margin-top:40px}
	.main_news li {width:100%;height: inherit;background: none; border-bottom: 1px solid rgb(255 255 255 / 0.5); margin-right:0;}
	.main_news li .ts {font-size:14px; color:#fff;}
	.main_news li a {padding:10px; background:none;}
	.main_news li .ti {width:100%; font-size:24px; margin-top:10px; color:#fff; -webkit-line-clamp:1; height:33px;}
	.main_news li .td {width:100%; font-size:16px; margin-top:10px; color:#fff; -webkit-line-clamp:1; height:26px;}

	.main_contactus .inquery, .main_contactus .mapWap {width:100%; margin-top:40px;}
	.main_contactus .inquery {margin-right:0; padding:0;}
	.main_contactus .inquery table tr th {width:24%; font-size:14px;}
	.main_contactus .inquery table tr td .select-box.phone-op {width:29%;}
	.main_contactus .inquery table tr td input.wr-phone {width:28%;}
	.main_contactus .inquery table tr td .select-box select {padding:0 5px; background-position:center right -15px; font-size:12px;}
	.main_contactus .inquery table tr td input.wr-email {width:44%;}
	.main_contactus .inquery table tr td .select-box.email-op {width:98.4%; margin-top:5px;}
	.main_contactus .inquery table tr td input {font-size:12px;}
	.main_contactus .inquery .inv_tbl_bottom p {height:auto; margin:0 10px 10px;}
	.main_contactus .inquery .inv_tbl_bottom .sendBtn {position:relative; font-size:18px; padding:10px; text-align:center; margin:0 10px;}

	.main_contactus .mapWap .addr p {font-size:16px;}
	.main_contactus .mapWap .addr span {font-size:18px;}

	.sub_visual {height:400px;}
	.sub_visual_img {background-position:center !important;}
	.sub_visual .sub_visual_slg h2 {font-size:45px;}

	.sub_body #container {padding-top:50px;}

	.subTitle {font-size:40px; padding:70px 0 50px;}
	.mypage .subTitle{padding:0 0 50px;}

	.aboutus_cont {font-size:21px;}
	.aboutus_cont > .frame_tb {display:block;}
	.aboutus_cont > .frame_mo {display:none;}
	.aboutus_vision {width:100%; margin:50px auto 0;}

	.aboutus_vision > li {width:20%; margin:0 2.5%;}
	.aboutus_vision > li .txt {font-size:21px; padding-top:25px;}

	.history_cont {font-size:21px;}
	.historylist_wrap {margin:60px 0 0;}
	.historylist_wrap .timeline-wrap > .timeline-badge {width:20px; height:20px; top:6px; margin-left:-10px;}
	.historylist_wrap .timeline-wrap {padding-bottom:45px;}
	.timeline-year {width:100%; font-size:32px;}
	.historylist_wrap .timeline-wrap:nth-child(2n) .timeline-year {width:100%;}
	.timeline-body p:first-child {padding-top:15px;}
	.timeline-body p {padding-left:0; font-size:18px; padding-top:10px; padding-bottom:5px;}

	.process_cont {font-size:21px; text-align:center;}

	.team_wrap {margin:0 auto;}
	.boxing {margin-top:0;}
	.cTopBox {margin-top:0}
	.bbs_view {margin-top:0}
	.writeCont {margin-top:0;}

	.item {width:33%; padding-bottom:22%;}
	.item:nth-child(3n) {margin-right:0 !important;}
	.item:nth-child(4n), .item:nth-child(5n) {margin:0 0.5% 0.5% 0;}
	.boxing .item .active {height:100%;}

	.mypage_wrap {width:400px;}
	.mypage_wrap .div_text {float:inherit; width:100%; margin-right:0;}
	.mypage_wrap .login_btn .frm_login_btn {float:inherit; width:100%; margin-right:0; margin-bottom:20px;}

	#footer {padding:20px 10px; text-align:center;}
	#footer .f_left .f_link a {font-size:14px;}
	#footer .f_left .f_link a:last-child {padding-right:0;}
	#footer .f_left .f_txt {font-size:14px; line-height:1.5em;}
	#footer .f_left .f_txt a {color:#fff;}
	#footer .family {display:none;}
	#footer .f_left .copyright {font-size:12px;}
}


@media only screen and (max-width:460px) {
	.mo_header_wrap > h1 {width:20%;}
	 
	.sub_visual {height:300px;}
	.sub_visual .sub_visual_slg h2 {font-size:40px; padding-top:20px;}

	.subTitle {font-size:34px;}
	.aboutus_cont, .history_cont, .process_cont {font-size:18px;}
	.aboutus_cont > .frame_tb {display:none;}
	.aboutus_cont > .frame_mo {display:block;}

	.aboutus_vision > li {width:23%; margin:0 1%;}
	.aboutus_vision > li .txt {font-size:16px; padding-top:15px; line-height:1.3em;}

	.timeline-year {font-size:24px;}
	.timeline-body p {font-size:16px; line-height:1.3em;}

	.team_wrap .duty_title {font-size:18px;}
	.team_wrap .team_list {width:100%; margin-bottom:2%;}
	.team_wrap .team_list .team_name {font-size:21px;}
	.team_wrap .team_list .team_name > .team_stay01 {font-size:16px;}
	.team_wrap .team_list .team_stay02 {font-size:16px;}
	.team_wrap .team_list .team_career > li {font-size:16px;}

	.item {width:49.5%; padding-bottom:33%;}
	.item:nth-child(2n) {margin-right:0 !important;}
	.item:nth-child(3n), .item:nth-child(4n), .item:nth-child(5n) {margin:0 0.5% 0.5% 0 !important;}
	.boxing .item .active {height:100%;}

	.cTopBox {padding:10px;}
	.cTopBox .schWrap .col {width:100%; display:inline-block !important; padding-right:0; margin-bottom:10px;}
	.cTopBox .schWrap .col:last-child {margin-bottom:0;}
	
	.invisiculnm {display:none;}
	.list-tyle1 .list {padding:10px;}
	.list-tyle1 .list .filings, .list-tyle1 .list .subj {width:100%; display:block; text-align:left; word-break: break-all;}
	.list-tyle1 .list .subj {padding:0;}
	.list-tyle1 .list .filings.type, .list-tyle1 .list .filings.date {font-size:12px;}
	.list-tyle1 .list a {width:100%; word-break: break-all; -webkit-line-clamp:inherit;}

	.paging .prev {margin-right:0;}
	.paging .next {margin-left:0;}
	.paging a {padding:0 10px;}
	.paging a.prev, .paging a.next, .paging a.first, .paging a.last {padding:0; width:30px; height:30px;}

	.bbs_view {}
	.bbs_view td.bbs_title {padding:10px 10px 0;}
	.bbs_view td.bbs_title em {display:block; width:100%; font-size:12px; padding-bottom:10px;}
	.bbs_view td.bbs_title {font-size:16px; line-height:1.3em;}
	.bbs_view td.bbs_day {padding:0 10px 10px; font-size:12px;}
	.bbs_view td.content {padding:20px 10px; font-size:14px;}

	.bbs_prev > a:before, .bbs_prev > p:before {background-size:25px 16px; top:5px !important;}
	.bbs_next > a:before, .bbs_next > p:before {background-size:25px 16px; top:5px !important; right:0;}
	.bbs_more li > a > strong, .bbs_more li > a > span, .bbs_more li > p > strong {font-size:14px;}
	.bbs_more li > a > strong, .bbs_more li > a > span, .bbs_more li > p > strong {font-size:14px;}

	.bbs_more li > a, .bbs_more li > p {padding:0 50px;}
	.btn_list.btn {padding:10px 25px;}

	.login_wrap {width:90%; margin:0 auto;}
	.login_wrap input.login_ipt {width:100%;}
	.login_wrap .login_btn .frm_login_btn {height:55px; line-height:55px;}

	.mypage_wrap {width:90%; margin:0 auto;}
	.mypage_wrap input.login_ipt {width:100%;}
	.mypage_wrap .login_btn .frm_login_btn {height:55px; line-height:55px;}

	.list-tyle1 .list .filings.year, .list-tyle1 .list .filings.qurter, .list-tyle1 .list .filings.date {font-size:12px;}
	.list-tyle1 .list .filings.year, .list-tyle1 .list .filings.qurter {width:initial; display:inline-block;}
	.list-tyle1 .list .filings.year {padding-right:10px;}
	.list-tyle1 .list .filings.file > a > img {height:15px;}
	.list-tyle1.list-tyle1_1 .subj {width:100% !important;}
	.list-tyle1.list-tyle1_1 .list .filings.file {width:100%;}
	.list-tyle1 .list .filings.file > a:after {content:" 첨부파일"; font-size:14px;}
	.list-tyle1.list-tyle1_1 .list .filings.date {width:100%;}

	.paging.reporting {padding-top:50px; margin-top:10px}

	.bbs_write th {padding:5px; width:20%; font-size:12px;}
	.bbs_write td {padding:5px;}
	.bbs_write td > select {width:100% !important; height:40px;}
	.bbs_write td > select:first-child {margin-bottom:5px;}
	.bbs_write td > div > select {width:100% !important; height:40px; margin-bottom:5px;}
	.bbs_write .input_type {width:100% !important; height:40px; font-size:12px; margin-bottom:5px;}
	.bbs_write td button.add {width:100%; font-size:14px; line-height:35px;}
}