header{position:fixed;z-index:9999;width:100%; background:rgba(255,255,255,1);min-height:100px;border-bottom:2px solid #0563a3;}
#header_wrap{position:relative;width:1180px; margin:0 auto;background:#000}
#header_wrap h1{position:absolute; top:1px; left:0;z-index:999}
#Lnb-wrap .Gnb{width:100%;text-align:right;font-size:12px;color:#888;margin-top:10px;}
#Lnb-wrap .Gnb span{display:inline-block;padding:0 10px;border-left:1px solid #ddd;line-height:100%;vertical-align:middle}
#Lnb-wrap .Gnb a img{vertical-align:middle}
#Lnb-wrap .Gnb span:first-child{border:0}

.wrapper{width:1180px;margin:0 auto}
#Lnb-wrap #Lnb{float:right;;}
#Lnb-wrap #Lnb li{float:left;}
#Lnb-wrap #Lnb li > a{display:inline-block; font-weight:700;color:#000;font-size:20px;padding:17px 15px 32px 15px;}
#Lnb-wrap #Lnb li > a:hover{color:#0563a3;}
#m_nav_wrap,nav.m_menu{display:none}
#main-visual{width:100%; }



#main-container {width:1180px;margin:50px auto}
.main_con{display:table; width:100%;overflow:hidden}
.main_con li{position:relative;display:table-cell;width:33.3%;}
.main_con hr{height:1px; background:#fff; width:60px;margin:30px auto}
.main_con .tit{font-size:33px;font-weight:400;width:95%;margin:0 auto}
.main_con .con{width:65%; margin:0 auto; }
.main_con a{position:absolute;z-index:99;top:50%; left:0; color:#fff; width:100%; text-align:center;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.main_con li a {color:#fff}

figure.motion { width: 100%; background: #000;  overflow:hidden;}

figure.motion * {  -webkit-box-sizing: border-box;  box-sizing: border-box;  -webkit-transition: all 0.45s ease-in-out;  transition: all 0.45s ease-in-out;}

figure.motion img { width:100%;  position: relative;  opacity: 1; display:block;}
figure.motion:hover img{  opacity: 0.6;  -webkit-transform: scale(1.15);  transform: scale(1.15);}

/*갤러리 흰색 바탕 */
.case_wrap_white{width:100%; background:#ffffff;padding:50px 0;text-align:center;overflow:hidden}



/**************************************************************************************************************************/
/**************************************************************************************************************************/

/* 첫화면 가로 3단 정리 */
/*화면 너비 0~767 */
@media screen and (max-width:767px) 
{ 
   .mynotice {
		width:400px; margin:0 auto;
		background:#ffffff;
		padding:0px 0;
		text-align:center;
		overflow:hidden;
	}

	.mynotice div{font-size:10px;width:100%}
	.mynotice h2{font-size:20px;}

	.mynotice #left{width:100%;}
	.mynotice #center{width:100%;}
	.mynotice #right{width:100%;}

}

/*화면 너비 769~959 */
@media screen and (min-width:768px) and ( max-width:959px) { 
   .mynotice {
        display:flex;
		width:959px; margin:0 auto;
		background:#ffffff;
		padding:0px 0;
		text-align:center;
		overflow:hidden;
	}

	.mynotice div{font-size:14px;}
	.mynotice h2{font-size:25px;}

	.mynotice #left{width:33%;}
	.mynotice #center{width:34%;}
	.mynotice #right{width:33%;}

}

/* 화면너비 960~ 무한 */
@media screen and (min-width:960px)
{ 
   .mynotice {
        display:flex;
		width:1180px; margin:0 auto;
		background:#ffffff;
		padding:0px 0;  /* 상단 첫화면 사진과의 사이 */
		text-align:center;
		overflow:hidden;

	}

	.mynotice div{font-size:16px;}
	.mynotice h2{font-size:30px;}

	.mynotice #left{width:33%;}
	.mynotice #center{width:34%;}
	.mynotice #right{width:33%;}
}

/**************************************************************************************************************************/
/**************************************************************************************************************************/




/* 첫화면 공지사항 */
.board-wrap > div h2{font-weight:bold; font-size:20px; margin; text-align:left;}

.latest li{
           display:flex; 
		   flex-wrap:wrap;
		   align-items:center;
		   padding:1px 0; /* 공지사항 줄간격 */
		   border-top:1px solid #ddd
 }

.latest li:first-child{border-top:0}
.latest li .data{width:70px; color:#0060b9;text-align:center;}
.latest li .data strong{font-size:40px;display:block;width:100%; text-align:center;font-weight:bold}
.latest li div{width:calc(100% - 70px)}

.latest li a{display:block;font-size:14px; font-weight:bold}
.latest li div span{display:inline-block; width:100%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;font-size:.9rem;color:#888;margin-top:1px}
.latest .btn-more{position:absolute;right:0; top:0px}




.case_wrap{width:100%; background:#e8f0f6;padding:50px 0;text-align:center;overflow:hidden}
.case_wrap h2{color:#204774; font-size:30px; font-weight:600}
.case_wrap hr{background:#204774; height:1px ; width:50px;border:0; margin:10px auto 30px auto;}
.case_board{width:1180px; margin:0 auto}

/* width:23%,  이것을 25%로 하면 여백이 없어져 3개만 나온다, 따라서 23%로 하였음 */
figure.case_con {  position: relative;  float: left;  overflow: hidden;  margin: 10px 1%;  width: 23%;  color: #ffffff;  line-height: 1.4em;}
figure.case_con * {  -webkit-box-sizing: border-box;  box-sizing: border-box;  -webkit-transition: all 0.4s ease;  transition: all 0.4s ease;}
figure.case_con img {  opacity: 1;  width: 100%;  vertical-align: top;}
figure.case_con h3 {  
                       position: absolute;  
					   bottom: 0%;  
					   width: 100%;  
					   background-color: rgba(13,63,121,1);  
					   z-index: 1;  
					   text-align: center;  
					   padding:15px 10px;  
					   margin: 0;  
					   font-weight: 500;  
					   font-size: 14px;  
					   -webkit-transform: translateY(200%);  
					   transform: translateY(200%);
					   color:#ffffff;
					}

figure.case_con:hover h3 {  -webkit-transform: translateY(0%);  transform: translateY(0%);}



footer{background:#363e47;width:100%;padding:50px 0}
.footer_wrap{position:relative;width:1180px; margin:0 auto; font-size:13px;font-weight:100; color:rgba(255,255,255,0.6); }
.footer_wrap .ico{position:absolute; top:0; right:0}

.flag {border:1px solid #ddd;}
.top_icons > a {margin-left:5px;}

/* 서브 
#sub-visual{width:100%;overflow:hidden;text-align:center; }

#sub-visual .bg-1{background:url(/images/visual_01.jpg) no-repeat 50% 100%; background-size:cover;padding:190px 0 90px 0}
#sub-visual .bg-2{background:url(/images/visual_02.jpg) no-repeat 50% 100%; background-size:cover;padding:190px 0 90px 0}
#sub-visual .bg-3{background:url(/images/visual_03.jpg) no-repeat 50% 100%; background-size:cover;padding:190px 0 90px 0}
#sub-visual .bg-4{background:url(/images/visual_04.jpg) no-repeat 50% 100%; background-size:cover;padding:190px 0 90px 0}
#sub-visual .bg-5{background:url(/images/visual_06.jpg) no-repeat 50% 100%; background-size:cover;padding:190px 0 90px 0}
#sub-visual .bg-6{background:url(/images/visual_05.jpg) no-repeat 50% 100%; background-size:cover;padding:190px 0 90px 0}
#sub-visual .bg-7{background:url(/images/visual_01.jpg) no-repeat 50% 100%; background-size:cover;padding:190px 0 90px 0}
#sub-visual .bg-8{background:url(/images/visual_02.jpg) no-repeat 50% 100%; background-size:cover;padding:190px 0 90px 0}
#sub-visual .bg-9{background:url(/images/visual_03.jpg) no-repeat 50% 100%; background-size:cover;padding:190px 0 90px 0}
#sub-visual .bg-10{background:url(/images/visual_04.jpg) no-repeat 50% 100%; background-size:cover;padding:190px 0 90px 0}
#sub-visual .bg-11{background:url(/images/visual_06.jpg) no-repeat 50% 100%; background-size:cover;padding:190px 0 90px 0}
#sub-visual .bg-12{background:url(/images/visual_05.jpg) no-repeat 50% 100%; background-size:cover;padding:190px 0 90px 0}

#sub-visual h2{font-size:45px; font-weight:700; color:#fff}
#sub-visual  .h2_con{color:#fff}
*/


#container{width:1180px;margin:0 auto}
hr.page-line{height:60px; width:1px;margin:0 auto; background:#000;border:1px}
#container h3{margin-top:20px;font-size:35px;letter-spacing:-1px;text-align:center;font-family:'Arita-dotum-Medium'}
.place{color:#888; font-size:15px; text-align:center;margin-top:10px;font-family:'Arita-dotum-Medium'}
.place span{display:inline-block;padding:0 5px}
.place span:last-child{color:#0563a3; font-weight:bold}
.contents{width:89%; margin:50px auto;overflow:hidden; color:#666;word-break:keep-all; line-height:150%}
.contents .tit_img{position:relative;width:100%}
.contents .tit_img .img_con{position:absolute;z-index:99;top:15%;background:rgba(0,0,0,0.8); color:#fff;padding:40px 30px;width:55%}
.contents .tit_img .img_con .tit{color:#ffe155; font-size:22px;letter-spacing:-0.5px;margin-bottom:15px}
.contents .list .bs_gallery_contents ul li {width:33.3333%; margin-bottom: 20px;}
.contents .list .bs_gallery_contents ul li dl dt {height: 100%; text-align: center;}
.contents .list .bs_gallery_contents ul li img {}
.name strong{font-weight:600; color:#000; font-size:20px}

/*overview*/
.sub_tit {color:black; font-size:22px; background-image: url(/images/square.png);	 background-repeat: no-repeat;  padding-left: 25px;background-position: 0 3px; font-weight: 600; margin-bottom: 20px; margin-top: 60px;}
.ov_con_wrap {margin-top: 40px; width:100%; overflow:hidden}
.ov_con01{width:48%; float:left;margin-right: 4%;}
.ov_con02{width:48%; float:left}
.overview_tb {width:100%; border-top:  2px solid #216cd0; margin-top: 100px; color:#333;}
.overview_tb table tr  {border-bottom: 1px solid #e1e1e1;}
.overview_tb table tr td {padding:10px}
.overview_tb table tr td:nth-child(2n-1) {background: #f5f5f5; text-align: center; width:20%;}

.com_mott_wrap{width:100%; height:80px; position:relative;}
.com_mott_wrap div {width:100%; background: rgba(33,108,208,0.8); height: 75px; color:white; line-height: 75px; text-align: center; font-size:18px; font-weight: 600; letter-spacing: 3px; border-radius:75px; }

.com_mott_wrap div:nth-child(1){position:absolute; top:0;left:0}
.com_mott_wrap div:nth-child(2){position:absolute; top:0;right:48%}
.com_mott_wrap div:nth-child(3){position:absolute; top:0;right:24%; z-index: 999;}
.com_mott_wrap div:nth-child(4){position:absolute; top:0;right:0}
.overview_bp {width:100%; overflow:hidden; }
.overview_bp div {width:50%; float:left; overflow:hidden;}
.overview_bp div:first-child {height: 350px ;background-image: url(/images/overview_02.jpg); background-repeat: no-repeat; background-size:cover;}
.overview_bp div:last-child {height: 350px; background: #f2f2f2; padding:60px; box-sizing:border-box; font-size:16px; line-height: 30px;}
.overview_oc {width:100%; overflow:hidden;}
.overview_oc .oc_01 {width:160px; height: 45px; background: #216cd0; margin: 0 auto; border-radius:45px; line-height: 45px; text-align: center; color:white; font-size:18px	}
.overview_oc .oc_02 {width:100%; margin: 0 auto; text-align: center; }
.oc_02_01 {width:40%; float:left; margin-top: 20px;}
.oc_02_02 {width:20%; float:left; margin-top: 20px;}
.oc_02_03 {width:40%; float:right; margin-top: 20px;}
.oc_02_01_tit {width:260px; margin: 0 auto; height:60px; line-height: 60px; border-radius:60px; color:white; font-size:16px; background: #5dc8cf; }
.oc_02_01_tit1{background: #5d92cf;width:260px; height:60px;line-height: 60px; border-radius:60px; color:white; font-size:16px;  margin-left: -12%; }
.oc_02_01_tit2 {background: #5dcfad; margin: 0 auto;  line-height: 60px; height:60px; width:260px; border-radius:60px; color:white; font-size:16px; }
.overview_oc .oc_03 {width:100%; overflow:hidden; }
.oc_03_boxs {float:left;width:48%; border:1px solid #dddddd; border-radius:5px; margin-right: 2.5%; overflow:hidden; padding:15px; box-sizing:border-box;margin-top: 40px;}
.oc_02_02 .oc_03_boxs {width:95%; margin-left: 1%; margin-right: 4%; margin-top: 40px;}
.oc_03_boxs:last-child{margin-right: 0;}
.oc_03_boxs div:first-child {text-align: center; border-bottom: 1px solid #ddd;padding-bottom: 15px; color:#216cd0; font-weight: 600;}
.oc_03_boxs div:last-child {padding-top: 15px; }

/*history*/
.contents .history_img{position:relative;width:100%}
.contents .history_img .img_txt{position:absolute;z-index:99;top:50%;color:#fff;padding:40px 30px;width:100%; text-align: center;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.contents .history_img .img_txt p:first-child {font-size:26px; margin-bottom: 10px; line-height: 30px;}
.contents .history_img .img_txt p:first-child span {color:#fff45c}
.contents .history_img .img_txt p:last-child {font-size:16px;}

.tab_menu{width:100%; margin-top: 60px; margin-bottom: 60px;}
.tab_menu ul li {width:25%; float:left; border:1px solid #ddd; height: 45px; line-height: 45px; text-align: center; font-size:16px; background: #f1f1f1; cursor:pointer}
ul.tabs li.active {background: #0563a3; color:white}
.tab_container {width:100%; overflow:hidden;}
.tab_content table {width:100%; overflow:hidden;}
.tab_content table tr td {height:100%; padding:30px 10px}
.tab_content table tr td:nth-child(1) {width:10%; text-align: center; font-size:20px; color:#000; font-weight: 600;  } 
.tab_content table tr td:nth-child(2) {width:3%; background-image: url(/images/line.png); background-repeat: repeat-y; background-position: center; text-align: center;}
.tab_content table tr td:nth-child(3) {width:10%; text-align: center;}
.tab_content table tr td:nth-child(4) {width:77%;}
.tab_content table tr td p {margin-bottom: 10px;}




/*map*/
.map_tb {width:100%; border-top:  2px solid #216cd0; margin-top: 30px; color:#333; margin-bottom: 60px;}
.map_tb table {width:100%}
.map_tb table tr  {border-bottom: 1px solid #e1e1e1;}
.map_tb table tr td {padding:10px}
.map_tb table tr td:nth-child(1) {background: #f5f5f5; text-align: center; width:20%;}
.map_tb table tr td:nth-child(2) {width:80%;}

/*인증서*/
.certifi_list {width:100%; overflow:hidden; margin-top: 40px;}
.certifi_list_01 {width:20%; height: 415px; float:left; text-align: center;}
.certifi_list_01 div:nth-child(1) {height: 219px;}
.certifi_list_01 div:nth-child(2) {width:100%; height: 13px; background-image: url(/images/stick.jpg); box-shadow:0px 2px 10px #6e5a59;}
.certifi_list_01 div:nth-child(3) {width:100%; height: 168px; padding-top: 15px;}
.certifi_list_01 div:nth-child(3) p:first-child {color:black; font-weight: 600; font-size:14px; margin-bottom: 5px;	}
.certifi_list_01 div:nth-child(3) p:last-child {color:#666; padding:0 30px; font-size:13px; line-height: 18px;}

/*S-Type*/
.s_style_tb {width:100%; border-top:  2px solid #216cd0; margin-top: 30px; color:#333; margin-bottom: 60px;}
.s_style_tb table {width:100%}
.s_style_tb table tr  {border-bottom: 1px solid #e1e1e1;}
.s_style_tb table tr td {padding:10px}
.s_style_tb table tr td:nth-child(1) {background: #f5f5f5; text-align: center; width:20%;}
.s_style_tb table tr td:nth-child(2) {width:80%;}
.s_t_at {width:100%; overflow:hidden;}
.s_t_at div {width:18%; height: 180px;  margin-right: 2.5%; float:left; text-align: center; margin-bottom: 30px; color:#000; font-size:15px;}
.s_t_at div:nth-child(5n) {margin-right: 0;}
.s_t_at div img {display:block;width:90%;margin:0 auto}

/*kor-style*/
.kor_style_tb {width:100%; border-top:  2px solid #216cd0; margin-top: 30px; color:#333; margin-bottom: 60px;}
.kor_style_tb table {width:100%; text-align: center;}
.kor_style_tb table tr  {border-bottom: 1px solid #e1e1e1;}
.kor_style_tb table tr td {padding:10px; border-right: 1px solid #e1e1e1;}
.kor_style_tb table tr td:last-child {border-right: none;}
.kor_style_tb table tr td:nth-child(1) {background: #f5f5f5;}
.kor_style_tb table tr:nth-child(5) td:nth-child(2) {background: #f5f5f5;}
.kor_st_at {width:100%; overflow:hidden;}
.kor_st_at div {width:16%; height: 200px;margin-right: 0.8%; float:left; text-align: center; margin-bottom: 30px; color:#000; font-size:15px;}
.kor_st_at div:nth-child(6n) {margin-right: 0;}
.kor_st_at div img {display:block;width:90%;margin:0 auto}
 
/*new korean-style*/
.n_kor_st_fa ul li{margin-top: 10px;}
.n_kor_ps img {width:100%;}
.n_kor_ps_tb{width:100%; border-top:  2px solid #216cd0; margin-top: 30px; color:#333; margin-bottom: 60px;}
.n_kor_ps_tb table {width:100%; text-align: center;}
.n_kor_ps_tb table tr td {padding:10px; border-right: 1px solid rgba(0,0,0,.1);border-bottom: 1px solid rgba(0,0,0,.1);}
.n_kor_ps_tb table tr td:last-child {border-right: none;}
.n_kor_ps_tb table tr th {background: #f5f5f5;border-right:1px solid rgba(0,0,0,.1);border-bottom: 1px solid rgba(0,0,0,.1);font-size:14px;}
.n_kor_ps_tb table tr td.target{background:#d7e8f3; color:#0065a5;}


.new_kr_img_txt p {position:absolute; z-index:99; top:40%; left:17.5%; background:rgba(0,0,0,0.6); color:#fff; padding:10px 20px; width:65%; font-size:22px; letter-spacing:-0.5px; text-align: center; line-height: 130%; }

/*product_silder*/
.product_silder {position:relative; width:100%; overflow:hidden;  border:1px solid #dddddd;}
.bxslider {position:relative; width:100%; overflow:hidden;  text-align: center;}
.bxslider li p {position:absolute; width:100%;height: 40px; background: #9c9c9c; z-index: 999; left:0; bottom:0; line-height: 40px; color:white; text-align: center; }
.bxslider li img{padding: 0; width:60%;}
.bxslider1 {position:relative; width:100%; overflow:hidden;  text-align: center; }
.bxslider1 li p {position:absolute; width:100%;height: 40px; background: #9c9c9c; z-index: 999; left:0; bottom:0; line-height: 40px; color:white; text-align: center; }
.bxslider1 li img{padding: 0; width:60%;}
.product_silder a.bx-next{position:absolute; top:45%; right:5%; font-size:100px; font-family: 'Josefin Slab', serif; color:black}
.product_silder a.bx-prev{position:absolute; top:45%; left:5%; font-size:100px;  font-family: 'Josefin Slab', serif; color:black}

.product_silder_th { text-align: center; margin-top: 30px;}
.product_silder_th p {margin-bottom: 15px; color:#e60012}
.product_silder_th #bx-pager a img {margin: 0 1px; padding:4px; }
.product_silder_th #bx-pager a img:hover, .product_silder_th #bx-pager1 a img:active {padding:2px; border:2px solid #57b9de; }
.product_silder_th #bx-pager1 a img {margin: 0 1px; padding:4px; }
.product_silder_th #bx-pager1 a img:hover, .product_silder_th #bx-pager1 a img:active {padding:2px; border:2px solid #57b9de; }


/*Daedong S-Type, Korean-style Root Tile*/
.sub_con {color:#216cd0; font-size:18px; background-image: url(/images/blue_bar.jpg);	 background-repeat: no-repeat;  padding-left: 15px;background-position: 0 10px; margin-top: 20px;}
.sub_dot {background-image: url(/images/dot.jpg);	 background-repeat: no-repeat;  padding-left: 10px;background-position: 0 10px; margin-top: 10px;}
.con_instruction01 {width:100%; overflow: hidden; text-align: center; color:#216cd0}
.con_instruction01 div {width:50%; float:left;}
.con_instruction01 div img {width:100%;}
.table_common{width:100%; border-top:  2px solid #216cd0; color:#333; margin-top: 15px; padding-bottom: 15px; }
.table_common table {width:100%; text-align: center;}
.table_common table tr  {border-bottom: 1px solid #e1e1e1;}
.table_common table tr td {padding:10px; border-right: 1px solid #e1e1e1;}
.table_common table tr td:last-child {border-right: none;}
.table_common table tr:nth-child(1) {background: #f5f5f5;}
#tb_c01 table tr:nth-child(2) td:nth-child(2n) {color:#2184d0}
#tb_c01 table tr:nth-child(3) td:nth-child(2n) {color:#2184d0}

.board-tab{display:flex; flex-wrap:wrap}
.board-tab li{position:relative;width:16.66667%;background:#f6f6f6;border-left:1px solid #fff; text-align:center; height:60px}
.board-tab li a{position:absolute; top:50%; width:90%;left:5%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.board-tab li.on{background:#0059d4;} 
.board-tab li.on a{ color:#fff}
.eag_gallery_top,.eag_list .eag_gallery_contents dd{display:none}
.eag_list .eag_gallery_contents dd.subject{display:block; height:auto}
.eag_list .eag_gallery_contents{padding-bottom:30px}
.eag_list .eag_gallery_contents li{padding-top:30px !important;padding-bottom:0 !important}

@media (max-width:1179px){
#header wrap{width:98%;margin:0 auto}
#main-container, #container{width:100%}
#main-container{margin:30px auto;}
.main_con .con{width:80%}
figure.motion img { width:120%}
.case_board{width:100%}

.wrapper{width:100%}
#Lnb-wrap #Lnb li > a{display:inline-block; font-weight:700;color:#000;padding:17px 10px 32px 10px;font-size:15px;}
.menuSub > ul{width:100%;}
.oc_02_01_tit1 {margin-left:-22%;}

}

@media (max-width:1000px){
header{display:none;}
#m_nav_wrap{display:block;position:fixed;z-index:9999;width:100%;background:#fff;border-bottom:2px solid #0564a4}

#m_nav_wrap h1{padding:12px}
#m_nav_wrap .ico {position:fixed; right:15px; top:15px;  z-index:9999; font-size:20px}
.m_menu {position:absolute; width:100%;height:100vh; z-index:9999; background:rgba(0,0,0,0.8); left:0px; top:0px;}
.m_logo_wrap {position:relative; width:70%; height:62px;background:#fff}
.m_menu_logo img {padding:12px;}
.m_menu_close {position:absolute; right:10px; top:15px;font-size:20px;}

#m_nav {width:70%;background:#0564a4; height:100%}
#m_nav li{border-bottom:1px solid rgba(255,255,255,0.1)}
#m_nav li a{color:#fff; display:block;padding:15px 20px;font-size:15px;}
#m_nav li .m_sub-wrap{background:rgba(255,255,255,0.2); color:#333}
#m_nav li .m_sub-wrap li a:before{content:"-";padding-right:10px}
#m_nav li .m_sub-wrap li a{font-size:14px;padding:10px 20px}
#m_nav > ul ul {display: none;}


.main_con .con{width:90%; font-size:13px}
.main_con .tit{font-size:20px}
.main_con a{top:22%}
figure.case_con{width:31.3%}
.case_wrap h2{font-size:25px}
.footer_wrap{width:95%;margin:0 auto; text-align:center}
.footer_wrap .ico{position:relative;width:95%;text-align:center;margin:10px auto 0 auto }

#sub-visual .bg-01{padding:100px 0 40px 0}
#sub-visual h2{font-size:30px;}
#sub-visual  .h2_con{font-size:12px;width:90%; margin:0 auto}
#container{width:95%;margin:0 auto}
hr.page-line{height:40px;}
#container h3{margin-top:20px;font-size:25px;letter-spacing:-1px;text-align:center}
.contents{width:100%; margin:30px auto;}

.contents .tit_img .img_con{padding:30px;}
.contents .tit_img .img_con .tit{color:#ffe155; font-size:22px;letter-spacing:-0.5px;margin-bottom:15px}
.sub_tit {font-size:20px}

.oc_02_01 {width:100%; margin-top: 30px;}
.oc_02_02 {width:100%; margin-top: 30px;}
.oc_02_03 {width:100%;	margin-top: 30px;}
.oc_02_01_tit1 {margin-left: 0%;}
.oc_02_01_tit1 {margin: 0 auto;}
.oc_02_02 .oc_03_boxs {width:100%; margin-right: 0; margin-left: 0; margin-top: 10px;}
.contents .history_img .img_txt p:first-child {font-size:22px;}
.oc_03_boxs {margin-top: 10px;}
.certifi_list_01 {width:25%; }
.certifi_list_01:nth-child(29) {display:none;}
.certifi_list_01:nth-child(30) {display:none;}
.s_t_at div {width:23%; height: 100%;font-size:14px; margin-right: 2.6666%;  padding-bottom: 10px;}
.s_t_at div:nth-child(5n) {margin-right: 2.6666%;}
.s_t_at div:nth-child(4n) {margin-right: 0%;}

.kor_st_at  div {width:23%; height: 200px;font-size:14px; margin-right: 2.6666%;}
.kor_st_at  div:nth-child(6n) {margin-right: 2.6666%;}
.kor_st_at  div:nth-child(4n) {margin-right: 0%;}

}

@media (max-width:767px){

.main_con .con,.main_con li hr{display:none}
.main_con .tit{width:80%;font-size:13px;word-break:keep-all;padding-top:10%;}
.main_con a{ letter-spacing:0.5px}
figure.case_con{width:48%}
.case_wrap{padding:20px}
.case_wrap h2{font-size:20px}
.case_wrap hr{margin-bottom:10px;}
.contents .tit_img .img_con{position:relative;width:100%;font-size:13px; text-align:center}
.contents .tit_img .img_con .tit{font-size:16px;text-align:center}
.contents .tit_img  img{width:120%;}
.ov_con01 {width:100%; margin-right: 0;}
.ov_con02 {width:100%;}
.com_mott_wrap div {width:28%; height: 60px; color:white; line-height: 60px; font-size:14px;letter-spacing:1px; }

.overview_bp div {width:100%;overflow:hidden;}
.overview_bp div:first-child img {width:100%}
.overview_bp div:first-child {height: 200px;}

.overview_bp div:last-child { background: #f2f2f2; padding:30px; box-sizing:border-box; font-size:15px; line-height: 30px;}
.sub_tit {font-size:18px;}
.sub_con {font-size:16px}

.contents .history_img .img_txt p:first-child {font-size:16px; margin-bottom: 20px;}
.contents .history_img .img_txt p:last-child {font-size:12px;}

.contents .history_img .img_txt{top:10%;}

.certifi_list_01 {width:50%; }
.certifi_list_01:nth-child(27) {display:none;}
.certifi_list_01:nth-child(28) {display:none;}
.s_style_tb table tr td:nth-child(1) {width:30%;}
.s_style_tb table tr td:nth-child(2) {width:70%;}

.s_t_at div {width:30%; height: 100%;font-size:14px; margin-right: 5%;}
.s_t_at div:nth-child(4n) {margin-right:5%;}
.s_t_at div:nth-child(5n) {margin-right:5%;}
.s_t_at div:nth-child(3n) {margin-right: 0%;}

.product_silder a.bx-next{position:absolute; top:45%; right:5%; font-size:10vw;}
.product_silder a.bx-prev{position:absolute; top:45%; left:5%; font-size:10vw;}
.bxslider li img {padding-bottom: 10px;}
.bxslider1 li img {padding-bottom: 10px;}
.product_silder_th #bx-pager a img {width:7.5%;}
.product_silder_th #bx-pager1 a img {width:7.5%;}

.kor_st_at  div {width:30%; height: 200px;font-size:14px; margin-right: 5%;}
.kor_st_at  div:nth-child(3n) {margin-right: 0%;}
.kor_st_at  div:nth-child(4n) {margin-right: 5%;}
.kor_st_at  div:nth-child(6n) {margin-right: 0%;}
.new_kr_img_txt p { width:100%; left:0; height: 97%; top:0;  padding-top: 12%;  background:rgba(0,0,0,0.4); }
.con_instruction01 div {width:100%;}

.contents .list .bs_gallery_contents ul li {width:50%; float:right}
.tab_content table tr td:nth-child(3) {display:none}

.board-tab,.eag_gallery_top > span{display:none}
.eag_gallery_top{display:block}
.list-category{display:block !important; width:100%; height:50px}
.list-category select{height:50px; width:100%; max-width:100%}
}

@media (max-width:420px){
.main_con .con,.main_con li hr{display:none}
.main_con .tit{width:80%;font-size:13px;word-break:keep-all;padding-top:0}
.main_con a{ letter-spacing:0.5px}
figure.case_con{width:98%}
.com_mott_wrap div {width:53%; height: 60px; color:white; line-height: 60px; font-size:14px;letter-spacing:1px; }
.com_mott_wrap div:nth-child(1){position:absolute; top:0px;left:0px}
.com_mott_wrap div:nth-child(2){position:absolute; top:0px; right:0px}
.com_mott_wrap div:nth-child(3){position:absolute; top:65px; left:0%;}
.com_mott_wrap div:nth-child(4){position:absolute;  top:65px; right:0%;}
.oc_03_boxs {width:100%}
.contents .history_img .img_txt{top:0%;}

.tab_menu ul li {font-size:13px}
.s_style_tb table tr td:nth-child(1) {width:40%;}
.s_style_tb table tr td:nth-child(2) {width:60%;}

.s_t_at div {width:49%; margin-right:2%; margin-bottom: 10px;}
.s_t_at div:nth-child(5n) {margin-right:2%;}
.s_t_at div:nth-child(3n) {margin-right: 2%;}
.s_t_at div:nth-child(2n) {margin-right: 0%;}

.kor_st_at  div {width:49%; height: 200px; margin-bottom: 10px;}
.kor_st_at  div:nth-child(2n-1) {margin-right: 2%;}
.kor_st_at  div:nth-child(2n) {margin-right: 0%;}


.bxslider li p {height: 30px;line-height: 30px;}
.bxslider1 li p {height: 30px;line-height: 30px;}
.product_silder_th #bx-pager a img {width:8%; padding:2px}
.product_silder_th #bx-pager a img:hover, .product_silder_th #bx-pager a img:active {padding:2px; border:2px solid #57b9de; }

.product_silder_th #bx-pager1 a img {width:8%; padding:2px}
.product_silder_th #bx-pager1 a img:hover, .product_silder_th #bx-pager1 a img:active {padding:2px; border:2px solid #57b9de; }

.new_kr_img_txt p {height: 96%; font-size:4.5vw;}


.tab_content table tr td {display:block;}
.tab_content table tr td:nth-child(1) {width:100%; padding:30px 0 5px 0;}
.tab_content table tr td:nth-child(4) {width:100%; padding:0}
.tab_content table tr td:nth-child(2) {width:100%; display:block; padding:10px 0 10px 0;}  
.tab_content table tr td:nth-child(3) {display:none}

.contents .list .bs_gallery_contents ul li {width:100%; float:left}

}