@charset "utf-8";

@media all and (min-width:1024px) {

/* section */
#seotion1{position:relative; margin:0 auto; overflow:hidden; width:1000px; height:600px; padding-top:82px;}
	#banner {width:100%; margin:0 auto; height:595px;}
	#banner ul {float:left; width:100%; height:595px; margin:0 auto;}
	#banner li {position:absolute; width:100%; height:595px;}
	#banner li a {display:block; text-indent:-9999px}
	#banner li a img{display:block; width:100%; height:580px;}
    
    #bannerlist{clear:both; width:460px; margin:0 auto;}
	#buttonList:after {content:""; display:block; clear:both;}
	#buttonList{position:absolute; top:664px;}
	#buttonList li{background:url("../images/btnVisual.png") 0 -15px no-repeat;
					width:14px; height:15px; float:left; 
					top:0px; overflow:hidden; margin:0 20px;
					cursor:pointer;}
	#buttonList li.on {background-position:0 0;}
	#buttonList li a {display:block; text-indent:-9999px}


/* content */
#content { width:1000px; height:350px; margin:0 auto; padding:10px 0; border-top:2px solid #eee;}
#content:after { content:""; display:block; clear:both; }

   
#quickicon{width:1000px; height:170px;}
.icon1{position:relative; float:left; width:127px; height:127px; margin-right:15px;}
.gray{color:#fff;}
.white{color:#0b071b;}
.navy{color:#b2b1b6;}

.two{position:absolute; top:82px; width:100%; 
     font-weight: 600; letter-spacing: 1px; text-align:center; 
	 font-size:14px; line-height: 18px;}
	 
.one{position:absolute; top:92px; width:100%; font-weight: 600; 
     letter-spacing: 1px; text-align:center; font-size:16px;}
    
#inquiry{width:140px; height:85px; float:left; margin-right:0px;}
#inquiry li{height:20px; padding-bottom:10px; border-bottom:1px solid #ccc; font-size:15px; color:#3f484f;}
#inquiry p{margin-top:20px; font-size:14px; color:#7e7c7c;
            font-weight: 600; line-height:18px;}
    
/* inquiry_box 20200312 추가*/	
.inquiry_box {width:100%; float:left; margin-bottom:25px;}	
.inquiry_box ul li {position:relative; float:left; height:60px; padding:15px 20px; box-sizing:border-box;}	
.inquiry_box ul li span{color:#fff; font-weight:500; font-size:16px;line-height:2em;}	
.inquiry_box ul li span img {margin-right:6px;}	
.inquiry_box ul li span strong {font-weight:600; letter-spacing:1px; margin-left:5px;}	
.inquiry_box ul li.bg1 {width:50%; float:left; background:#c0ab34; }	
.inquiry_box ul li.bg2 {width:50%; float:right; background:#555;}	
	
	
/* Online-banner */
#Online-banner {width:1000px; height:200px;}

#Online{float:left; width:310px; height:150px; margin-right:30px;}
#Online h2 {height:27px; border-bottom:1px solid #ccc; font-size:15px; color:#3f484f;}
	.online2{width:100%;float:left; margin-top:15px; font-size:12px; color:#7e7c7c; line-height:18px}
	.online2 > a{color:#2d8b66; font-size:15px;}
	.online2 a:hover{text-decoration:underline;}
	.inquiryimg{float:right; width:70px; }

#maps{width:310px; float:left; margin-right:30px;}
#maps li{height:27px; border-bottom:1px solid #ccc; font-size:15px; color:#3f484f;}
#maps a img{width:308px; height:90px; margin-top:15px; border:1px solid #eeeeee;}
    
#news{width:320px; float:left;}
#news li{height:27px; border-bottom:1px solid #ccc; font-size:15px; color:#3f484f; margin-bottom:15px;}
table{width:320px;}

table tr{height:23px;}
table th{border-top:solid 1px #aaaaaa; border-bottom:solid 1px #aaaaaa; 
         color:#444444; background-color:#fcec5b;
         vertical-align:middle; font-weight:600; font-size:12px;}
table td{border-bottom:solid 1px #dddddd; color:#444444; vertical-align:middle;}
table td.col2{font-size:11px;}
table td.col2 a{color:#1c1c1c;}
table td.col3 {width:60px;text-align:center; font-size:11px;}
table td.col4 {width:30px; text-align:center; font-size:11px;}

table td a:link {text-decoration:none;}
table td a:hover{text-decoration:underline; color:blue;}
table td a:active {text-decoration:none; color:#444444;}

} 
/* (min-width:1024px) END */


@media all and (min-width:768px) and (max-width:1023px) {

/* section */
#seotion1{position:relative; margin:0 auto; overflow:hidden; width:100%; height:504px; padding-top:62px;}
	#banner {width:100%; margin:0 auto; height:504px;}
	#banner ul {float:left; width:100%; height:504px; margin:0 auto;}
	#banner li {position:absolute; width:100%; height:504px;}
	#banner li a {display:block;text-indent:-9999px}
    #banner li a img{display:block;width:100%; height:485px;}
    
    #bannerlist{clear:both; width:215px; margin:0 auto;}
	#buttonList:after {content:""; display:block; clear:both;}
	#buttonList{position:absolute; top:569px;}
	#buttonList li{ background:url("../images/btnVisual.png") 0 -15px no-repeat;
					width:14px; height:15px; float:left; 
					top:0px; overflow:hidden; margin:0 20px;
					cursor:pointer;}
	#buttonList li.on {background-position:0 0;}
	#buttonList li a {display:block;text-indent:-9999px}


/* content */
#content {width:100%; height:310px; padding:10px 0; border-top:2px solid #eee;}
#content:after { content:""; display:block; clear:both; }
   
#quickicon{width:99%; margin:0 auto; height:150px; margin-bottom:10px;}
.icon1{position:relative; float:left; width:15.6%; margin-right:1.2%;}
.icon1_6{margin-right:0px;}
.gray{color:#fff;}
.white{color:#0b071b;}
.navy{color:#b2b1b6;}
    
.two{position:absolute; top:65%; width:100%; 
                        font-weight: 600; letter-spacing: 1px;
                        text-align:center; font-size:12px; line-height: 17px;}
.one{position:absolute; top:72%; width:100%; 
                        font-weight: 600; letter-spacing: 1px;
                        text-align:center; font-size:17px;}
#inquiry{display:none;}
    

/* inquiry_box 20200312 추가*/	
.inquiry_box {width:100%; float:left; margin-bottom:25px;}	
.inquiry_box ul li {position:relative; float:left;  padding:15px 0px; box-sizing:border-box;}	
.inquiry_box ul li span{color:#fff; font-weight:500; font-size:15px; line-height:1.5em;}	
.inquiry_box ul li span img {display:block; margin:0 auto; margin-bottom:15px;}	
.inquiry_box ul li span strong {font-weight:600; letter-spacing:1px; margin-left:5px;}	
.inquiry_box ul li.bg1 {width:50%; float:left; background:#c0ab34;  text-align:center;}	
.inquiry_box ul li.bg2 {width:50%; float:right; background:#555; text-align:center; border-bottom:1px solid #555;}	
		
	
/* -banner */
#Online-banner {width:100%; height:150px;}

#Online{float:left; width:32%; margin-right:2%;}
#Online h2 {height:27px; border-bottom:1px solid #ccc; font-size:15px; color:#3f484f;}
	.online2{float:left; margin-top:15px; font-size:11px; color:#7e7c7c; line-height:15px;}
	.online2 > a{color:#2d8b66; font-size:15px;}
	.online2 a:hover{text-decoration:underline;}
	.inquiryimg{float:right; width:70px;}

    
#maps{width:32%; float:left; margin-right:2%;}
#maps li{height:27px; border-bottom:1px solid #ccc; font-size:15px; color:#3f484f;}
#maps a img{width:99%; height:90px; margin-top:15px; border:1px solid #eeeeee;}
    
#news{width:32%; float:left;}
#news li{height:27px; border-bottom:1px solid #ccc; font-size:15px; color:#3f484f; margin-bottom:15px;}
table{width:100%;}

table tr{height:23px;}
table th{border-top:solid 1px #aaaaaa; border-bottom:solid 1px #aaaaaa; 
         color:#444444; background-color:#fcec5b;
         vertical-align:middle; font-weight:600; font-size:12px;}
table th:nth-child(2){display: none;}
table th:nth-child(3){display: none;}
table td{border-bottom:solid 1px #dddddd; color:#444444; vertical-align:middle;}
table td.col2{font-size:11px;}
table td.col2 a{color:#1c1c1c;}
table td.col3 {display: none;}
table td.col4 {display: none;}

table td a:link {text-decoration:none;}
table td a:hover{text-decoration:underline; color:blue;}
table td a:active {text-decoration:none; color:#444444;}

}
/* (min-width:768px) and (max-width:1023px) END */


@media all and (max-width:767px){

/* section */  
#seotion1{clear:both; padding-top:61px;  position:relative; margin:0 auto; overflow:hidden; width:100%; height:390px;}
	#banner {width:100%; margin:0 auto; height:390px;}
	#banner ul {float:left; width:100%; height:390px; margin:0 auto;}
	#banner li {position:absolute; width:100%; height:387px;}
	#banner li a {display:block;text-indent:-9999px}
    #banner li a img{display:block;width:100%; height:377px;}
    
    #bannerlist{clear:both; width:200px; margin:0 auto;}
	#buttonList:after {content:""; display:block; clear:both;}
	#buttonList{position:absolute; top:440px;}
	#buttonList li{background:url("../images/btnVisual_m.png") 0 -9px no-repeat;
					width:8px; height:10px; float:left; 
					top:0px; overflow:hidden; margin:0 9px;
					cursor:pointer;}
	#buttonList li.on {background-position:0 0;}
	#buttonList li a {display:block; text-indent:-9999px;}

/* content */
#content {width:100%; height:100%; padding:10px 0; border-top:2px solid #eee;}
#content:after { content:""; display:block; clear:both; }
   
#quickicon{width:98%; margin:0 auto; height:150px;}
.icon1{position:relative; float:left; width:32%; margin-right:2%; margin-bottom:5px;}
.icon1_3{margin-right:0px;}
.icon1_6{margin-right:0px;}
    
.icon2{clear:both;}
    
.gray{color:#fff;}
.white{color:#0b071b;}
.navy{color:#b2b1b6;}

.two{position:absolute; top:65%; width:100%; 
                        font-weight: 600; letter-spacing: 1px;
                        text-align:center; font-size:16px; line-height: 22px;}
.one{position:absolute; top:74%; width:100%; 
                        font-weight: 600; letter-spacing: 1px;
                        text-align:center; font-size:22px;}
  #inquiry{display:none;}
    
	
	
/* inquiry_box 20200312 추가*/	
.inquiry_box {width:100%; float:left; }	
.inquiry_box ul li {position:relative; float:left;  box-sizing:border-box;}	
.inquiry_box ul li span{color:#fff; font-weight:500; font-size:14px; line-height:1.5em;}	
.inquiry_box ul li span img {display:block; margin:0 auto; margin-bottom:15px;}	
.inquiry_box ul li span strong {font-weight:600; letter-spacing:1px; display:block;}	
.inquiry_box ul li.bg1 {width:40%; float:left; background:#c0ab34;  text-align:center; padding:15px 0;}	
.inquiry_box ul li.bg2 {width:60%; float:right; background:#555; text-align:center; padding:15px 0; border-bottom:1px solid #555;}	
		
	
/* Online-banner */
#Online-banner {display: none;}

}
/* (max-width:767px) END */



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

#seotion1{clear:both; padding-top:61px; position:relative; overflow:hidden; width:100%; height:238px;}
	#banner {width:100%; height:207px;}
	#banner ul {float:left; width:100%; height:238px;}
	#banner li {position:absolute; width:100%; height:238px;}
	#banner li a {display:block;text-indent:-9999px}
    #banner li a img{display:block;width:100%; height:230px;}

    #bannerlist{clear:both; width:150px; margin:0 auto;}
	#buttonList:after {content:""; display:block; clear:both;}
	#buttonList{position:absolute; top:291px;}
	#buttonList li{background:url("../images/btnVisual_m.png") 0 -9px no-repeat;
					width:8px; height:10px; float:left; 
					top:0px; overflow:hidden; margin:0 7px;
					cursor:pointer;}
	#buttonList li.on {background-position:0 0;}
	#buttonList li a {display:block; text-indent:-9999px;}    
    
/* content */
#content {width:100%; height:100%; padding:10px 0; border-top:2px solid #eee;}
#content:after { content:""; display:block; clear:both; }
   
#quickicon{width:98%; margin:0 auto; height:150px;}
.icon1{position:relative; float:left; width:32%; margin-right:2%; margin-bottom:5px;}
.icon1_3{margin-right:0px;}
.icon1_6{margin-right:0px;}
    
.icon2{clear:both;}
    
.gray{color:#fff;}
.white{color:#0b071b;}
.navy{color:#b2b1b6;}
    
.two{position:absolute; top:64%; width:100%; 
                        font-weight: 600;
                        text-align:center; font-size:15px; line-height: 18px;}
.two > em{display:none;}
.one{position:absolute; top:74%; width:100%; 
                        font-weight: 600; letter-spacing: 1px;
                        text-align:center; font-size:15px;}
#inquiry{display:none;}

	
/* inquiry_box 20200312 추가*/	
.inquiry_box {width:100%; float:left;}	
.inquiry_box ul li {position:relative; box-sizing:border-box;}	
.inquiry_box ul li span{color:#fff; font-weight:500; font-size:14px; line-height:1.5em;}	
.inquiry_box ul li span img {display:block; margin:0 auto; margin-bottom:8px;}	
.inquiry_box ul li span strong {font-weight:600; letter-spacing:1px; display:block;}	
.inquiry_box ul li.bg1 {width:100%; float:left; background:#c0ab34; text-align:center; padding:15px 0;}	
.inquiry_box ul li.bg2 {width:100%; float:left; background:#555; text-align:center; padding:15px 0; border-bottom:1px solid #555;}	
		

}
/* (max-width:480px) END */



@media all and (max-width:320px){

#seotion1{clear:both; position:relative; overflow:hidden; width:100%; height:178px;}
	#banner {width:100%; height:178px;}
	#banner ul {float:left; width:100%; height:178px;}
	#banner li {position:absolute; width:100%; height:178px;}
	#banner li a {display:block;text-indent:-9999px}
    #banner li a img{display:block;width:100%; height:168px;}

    #bannerlist{clear:both; width:178px; margin:0 auto;}
	#buttonList:after {content:""; display:block; clear:both;}
	#buttonList{position:absolute; top:230px;}
	#buttonList li{background:url("../images/btnVisual_m.png") 0 -9px no-repeat;
					width:8px; height:10px; float:left; 
					top:0px; overflow:hidden; margin:0 7px;
					cursor:pointer;}
	#buttonList li.on {background-position:0 0;}
	#buttonList li a {display:block; text-indent:-9999px;}
    
/* content */
#content {width:100%; height:100%; padding:10px 0; border-top:2px solid #eee;}
#content:after { content:""; display:block; clear:both; }
   
#quickicon{width:98%; margin:0 auto; height:150px;}
.icon1{position:relative; float:left; width:32%; margin-right:2%; margin-bottom:5px;}
.icon1_3{margin-right:0px;}
.icon1_6{margin-right:0px;}
    
.icon2{clear:both;}
    
.gray{color:#fff;}
.white{color:#0b071b;}
.navy{color:#b2b1b6;}
    
.two{position:absolute; top:61%; width:100%; 
    text-align:center; font-size:12px; line-height:14px;}
.two > em{display:none;}
.one{position:absolute; top:73%; width:100%; 
     letter-spacing: 0.3px;
     text-align:center; font-size:13px;}
#inquiry{display:none;}
}
/* (max-width:320px) END */