@charset "utf-8";
/* CSS Document */

@media all and (max-width:1280px){
#header .gnb_wrap{ left:inherit; right:60px; transition:.3s;}
#header .gnb_wrap .gnb > li .dp1{ }
.section .slogan span.big2 {font-size:5em; width:70%;}
.section .inner .pd_st {width:100%;}

}

@media all and (max-width:1023px){
.box1{width:95%; max-width:1200px; margin:0 auto; position:relative;}
.phone_hide{ display:none}

#header .logo{ /*top:25px;*/ top:15px;}
#header .logo img{ width:130px;}
#header .logo_t { left:130px; top:30px;}

#header .gnb_wrap {}
#header .gnb_wrap .gnb > li .dp1 {/*padding:40px 10px;*/ padding:33px 30px; font-size:.875rem;}
#header .allgnb_wrap .allgnb_btn {right:20px; top:21px;}
 
/**/
.section .slogan {/*padding-top:20%;*/}
.section .slogan span.big {font-size:3.7em;}
.section .slogan span.big2 {width:90%; font-size:3.2em;}
#contents .sub_visual .slogan .t1 {font-size:1.313em;}
#contents .sub_visual .slogan .t2 {font-size:1.8em; padding-top:7px;}

/**/
#footer .footer_info_wrap .footer_sns .sns_in {margin-right:0;}

/**/
#contents .sub_visual .box1 {height:230px;}
#contents .sub_visual .slogan {padding-top:100px;}
#contents .sub_visual .sub_gnb .gnb .dp2 > li > a {padding:15px 7px; font-size:.938rem;}	
		
	
/**/
.sub_tit_w .ti { padding-bottom:15px;}	
.sub_tit_w .tx {font-size:2em;}
.sub_tit_w .tx.st {padding-top:0;}

.sub_tit_w.st .ti {font-size:3em;}
.sub_tit_w.st2 .ti {font-size:3em;}
.sub_tit_w.st2 .ti.m_st {font-size:2em;}

.sub_tit_w .ti.st2.st3 {width:100%; max-width:580px;}
.sub_tit_w.st2 .ti.st2 {font-size:1.313em;}

/**/
.sub1_1w {width:85%;}	
.sub1_1w .tx {font-size:1.063em; font-family:notokrM;}	
.sub1_1_b{ padding:0 2%;}
.sub1_1_b > li{}
.sub1_1_m > li .li_in {font-size:1em;}	
.sub1_1_b > li .li_in {margin:0 5px;font-size:1em;/* width:110px; height:110px;*/}	
	
.vision_img {}	
.vision_img > img {width:75%;}
.vision_ul li > .li_in {font-size:1.063em;}	
	
/**/
.sub_history_wrap .sub_history > li .history .year 	{font-size:1.9em;}
.sub_history_wrap .sub_history > li .history .list .tt {font-size:.938em; margin:4px 0;}	
.sub_history_wrap .sub_history > li:first-child {margin-top:30px;}	
	
/**/
.sub_bis_w {}
.bis_w .tit {font-size:2.8em; padding-bottom:15px; }	
.bis_w .txt {font-size:1.6em;}
.bis_w .txt.st {font-size:1.5em;}
.bis_w .in_txt {width:70%; font-size:1.125em; }	
.bis_w .in_txt.st {width:100%; max-width:610px;}
.bis_w .in_txt.st.creative_st {width:100%; max-width:550px;}
.bis_w .in_txt.st2 {width:70%;}
.bis_w .in_txt.st4 {width:64%;}
.bis_img {}	
.bis_m > li .li_in {width:110px; height:110px; font-size:1em;}	

/**/
.sub4_1_b > li  {margin:0 10px;}
.sub4_1_b > li .li_in {font-size:1em; width:110px; height:110px;}	
	
/**/
.sub_agree_wrap {overflow-x:scroll; height:300px;}	
}


@media all and (max-width:1100px){
.sub1_1_b > li .li_in {font-size:1em;}
#header .gnb_wrap {right:30px;}
/*#header .scroll .gnb_wrap .gnb > li .dp1 {padding:30px 30px;}
*/
}

@media all and (max-width:800px){
#header .allgnb_wrap .allgnb_btn {right:0;}	
#header .gnb_wrap{ left:inherit; right:50px; transition:.3s;}
#header .gnb_wrap .gnb > li .dp1 {padding:30px 8px;}
/*#header .scroll .gnb_wrap .gnb > li .dp1 {padding:30px 8px;}
*/}

@media all and (max-width:768px){
/**/
.open.m_gnb{display:none;}
.open.m_gnb .xi {font-size:30px; color:#fff;}
#header .allgnb_wrap .allgnb_btn {display:none;}	
#header .home_menu{margin-top:10px; margin-bottom:0px; float:left;}
#header .logo{float:inherit; top:12px;}
#header .scroll .logo {top:12px;}
#header .logo > a{background-size:100%; width:90px; margin:0 auto;}
#header .gnb_wrap {left:inherit; right:0; top:22px;}
#header .gnb_wrap .gnb > li {margin-left:0;}
#header .gnb_wrap .gnb > li .dp1 {font-size:.750rem; padding:0 5px;}
#header .gnb_wrap .gnb{/*display:none;*/}
#header .home_menu > li.m_dis{display:none;}
#header .cl{ clear:none !important;}
#header .logo_t {left:140px; top:30px; font-size:1rem; display:none;}

#header .scroll .logo {/*top:10px;*/}
#header .bg {height:50px;}

/*#header .scroll .gnb_wrap .gnb > li .dp1 {padding:0 5px;}
*//**/
.section .slogan {/*padding-top:50%;*/}
.section .slogan span.big {font-size:2em;}
.section .slogan span.big2 {font-size:2.2em; width:inherit; margin:inherit;}

/**/
#contents .doc {padding:50px 0 80px 0;}
#contents .doc.st {padding:0 0 50px 0;}

#contents .sub_visual .box1 {height:190px;}
#contents .sub_visual .slogan {padding-top:80px;}
#contents .sub_visual .slogan .t1 {font-size:.938em;}
#contents .sub_visual .slogan .t2 {font-size:1.063em;}
.section .slogan span.sm {width:82%; font-size:1em;}
#contents .sub_visual .sub_gnb .gnb .dp2 > li > a {padding:12px 0; font-size:.688rem;}

#contents .sub_visual .sub_gnb .gnb .dp2.sec5 > li {width:20%;}
#contents .sub_visual .sub_gnb .gnb .dp2.sec5 > li  > a {font-size:.563rem;}
/**/
#contents .sub_visual .sub_gnb .gnb {}

.sub_tit_w .ti.who_st {padding-bottom:15px; font-size:2.5em;}
.sub_tit_w .ti.vis_st {font-size:2.5em;}
.sub_tit_w .ti.his_st  {font-size:2.5em;}
.sub1_1w .tx.tx_mg_st2 {padding-top:10px;}

/**/
#footer .footer_info_wrap {padding:10px;}
#footer .footer_info_wrap .footer_info {float:none; width:100%;}
#footer .footer_info_wrap .footer_info2 dd:first-child {padding-top:5px;}
#footer .footer_info_wrap .footer_sns .sns_in {bottom:-30px; right:0;}
#footer .footer_info_wrap .footer_info dt, #footer .footer_info_wrap .footer_info dd {font-size:.625em;}
#footer .footer_info_wrap .footer_info2 dt, #footer .footer_info_wrap .footer_info2 dd a {font-size:.625em;}
#footer .footer_info_wrap .footer_info .copyright {margin-top:3px; font-size:.5em;}
#footer .footer_info_wrap .footer_info2 {float:none; width:inherit;}
#footer .footer_info_wrap .footer_sns .sns a {font-size:1.063em;}

#footer .footer_info_wrap .footer_info2 .m_st {float:left; margin:0 10px 0 0px; padding-top:5px;}

/**/
.sub_tit_w .tx {font-size:1.250em;}
.sub_tit_w .tx2 {font-size:1em;}

/**/
.sub_tit_w.st2 .ti.mg_st {padding-bottom:20px;}

/**/
.sub_tit_w.st2 .ti {font-size:2.2em;}
.sub_tit_w.st2 .ti.st2 {font-size:1em;}
.sub_tit_w .ti.st2.st3 {width:100%; max-width:280px;}

/**/
.sub1_1_bg {padding:30px 0; margin-bottom:30px; }
.sub_tit_w .ti {font-size:2.2em;}
.sub_tit_w.st .ti {font-size:2em; }

.sub1_1w  {width:95%;}
.sub1_1w .tx {font-size:.938em; margin-top:20px; letter-spacing:-1.2px; font-family:notokrM;}
.sub1_1w .tx.tx_mg_st {padding:0;}

/**/
.sub1_1_m > li .li_in {font-size:.938em;}

/**/
.sub_tit_w.st2 .ti.m_st.fon_st {font-size:1.5em;}
.sub_tit_w.st2 .ti.st2.fon_st {font-size:.938em;}

/**/
.sub1_1_b  {display:none;}
.sub1_1_b > li {}
.sub1_1_b > li .li_in {font-size:.625em; padding:5px;/* width:80px; height:80px;*/}

.sub1_1_m {margin:30px 0 15px 0;}

/**/
.vision_ul {width:100%;}
.vision_ul li {float:none; width:inherit;}
.vision_ul li > .li_in {font-size:.875em; padding:10px; text-align:center; border-left:none; position:relative; margin-left:0;}
.vision_ul li > .li_in:before {position:absolute; content:""; width:10px; height:2px; left:50%; margin-left:-5px; top:0; background:#002f7c;}
.vision_ul li > .li_in:after {position:absolute; content:""; width:10px; height:2px; left:53%; margin-left:-5px; top:0; background:#fad806;}

.vision_ul li > .li_in.st {border-right:none;}

.vision_img {padding:30px 0;}
.vision_area {width:100%;}
.vision_img > img {width:95%;}

.vision_area .line {display:none;}



/**/
.sub_history_wrap .sub_history > li {margin-top:30px;}
.sub_history_wrap .sub_history > li .history {padding:0 10px;}
.sub_history_wrap .sub_history > li .history .year {font-size:1.6em;}
.sub_history_wrap .sub_history > li .history .list .tt {font-size:.813em;}
.sub_history_wrap .sub_history > li .history .year .dot {width:6px; height:6px; border:3px solid #002f7c; top:51%;}
.sub_history_wrap .sub_history > li.even .history .year .dot {right:-16px;}
.sub_history_wrap .sub_history > li.odd .history .year .dot {left:-16px;}


/**/
.partner {margin-top:30px;}
.partner ul {margin:-20px 0 0 -20px;}
.partner ul li {width:50%;}
.partner ul li div {margin:20px 0 0 20px;}

/**/
.sub1_5 {margin-top:30px;}
.sub1_5 .map_info .tbl_st tbody th {padding:10px; font-size:.875em;}
.sub1_5 .map_info .tbl_st tbody td {padding:10px; font-size:.813em;}

/**/
.sub_bis_w { padding:20px 10px;}
.bis_w {padding-top:0;}
.bis_w .tit {font-size:2em; padding-top:20px;}
.bis_w .txt {font-size:1.063em; padding-bottom:20px;}
.bis_w .txt.st {font-size:1.1em;}
.bis_w .in_txt {width:90%; font-size:.813em; letter-spacing:-1px;}
.bis_w .in_txt.st {width:100%; max-width:350px;}
.bis_w .sub2_4_t{display:inline;}
.bis_w .in_txt.st2 {width:100%; }
.bis_w .in_txt.st3 {width:83%; }

.bis_w .in_txt.st4 {max-width:322px; width:100%;}

.bis_img.st  {padding:20px 0;}

.bis_m {margin:30px 0 0 0;}
.bis_m > li {margin:0 0 8px 0;}
.bis_m > li .li_in {width:85px; height:85px; font-size:.750em; padding:0; line-height:1.2;}
.bis_m > li .li_in.col2:before {background:none;}
.bis_m > li .li_in.col2.st:after {background:none;}

.bis_img {padding:20px;}
.bis_img > img {width:70%;}

/**/
.sub4_1_b {margin-top:20px;}
.sub4_1_b > li {margin:0 0 3px 0;}
.sub4_1_b > li .li_in {font-size:.688em; width:65px; height:65px; line-height:1.2;}

.sub4_1_b > li .li_in.in_col {border:1px solid #cdcdcd;}

/**/
.sub_agree_wrap {margin-top:20px; height:130px;}
.acheck_area {padding:10px 0; font-size:.813em;}

/**/
.table_tit {font-size:.813em;}

}


@media (max-width:767px) and (orientation: landscape){
.section .slogan span.sm {width:70%; margin:10px auto; padding-top:10px; line-height:1.2;}
#footer .footer_info_wrap {padding:10px 0;}
#footer .footer_info_wrap .footer_info {float:none; width:inherit;}
#footer .footer_info_wrap .footer_info2 {float:none; width:inherit;}
#footer .footer_info_wrap .footer_info dt, #footer .footer_info_wrap .footer_info dd {margin-right:5px;}
#footer .footer_info_wrap .footer_info dt {margin-bottom:0;}
#footer .footer_info_wrap .footer_info .copyright {margin-top:0; display:inline-block;}
#footer .footer_info_wrap .footer_info2 dd:first-child {padding-top:4px;}
#footer .footer_info_wrap .footer_info2 .m_st {display:inline-block; margin-right:7px; padding-top:4px;}
#footer .footer_info_wrap .footer_sns .sns_in {right:inherit; left:205px; bottom:-25px;}
#footer .footer_info_wrap .footer_sns .sns a {font-size:.938em;}
.section .slogan span.big2 {font-size:2em;}

/**/
.bis_w .in_txt.date_st {width:100%; max-width:470px;}
.bis_w .sub2_4_t {display:inline;}
.bis_w .in_txt.st4 {width:100%; max-width:460px;}
.bis_w .in_txt.st_cloud {max-width:440px;}
.bis_w .in_txt.iot_st {max-width:460px;}
.bis_w .in_txt.creative_st {width:100%; max-width:370px !important;}

}