/* ¸ÞÀοµ¿ª ½ºÅ¸ÀÏ ½ÃÆ® */
body {height:100%;overflow-y:auto;-webkit-overflow-scrolling: touch;}

div#contents {width:100%;}

/* mobile -wide*/
@media only screen and (max-width:1023px){

div#cont {position:relative;width:100%;margin-top:2px; height:120px; } 
div#cont ul { width:100%; margin:0 auto; } 
div#cont ul li { float:left; width:100%; } 
div#cont ul li img { width:100%;height:400px; } 

div#cont1 {position:relative;width:100%;margin-top:90px; }
div#cont1 ul { width:100%; margin:0 auto; } 
div#cont1 ul li { float:left; width:100%; } 
div#cont1 ul li img { width:100%;height:400px; } 

div#cont2 { width:100%; margin:0px auto; }
div#cont2 ul { width:100%; margin:0 auto; } 
div#cont2 ul li { width:100%; margin:0px auto; text-align:center; } 

div#cont3 { width:100%; }
div#cont3 ul { width:100%; margin:0 auto; } 
div#cont3 ul li { width:100%; margin:0px auto; text-align:center; } 
div#cont3 ul li.bu { width:60%;margin:3% auto;padding:10px;} 
div#cont3 ul li.bu a { text-align:center;margin:0px auto;color:#fff;background:#c4161c;font-size:13px;padding:10px; } 

div#cont4 { width:100%; margin:0px auto; }
div#cont4 ul { width:100%; margin:0 auto; } 
div#cont4 ul li { width:100%; margin:0px auto; text-align:center; } 
div#cont4 ul li.bu { width:60%;margin:3% auto;padding:10px;} 
div#cont4 ul li.bu a { text-align:center;margin:0px auto;background:#c4161c;color:#fff;font-size:13px;padding:10px; } 

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 25% !important;
	width:30px !important;
    height:57px !important;
	}
.bx-wrapper .bx-prev {
    left: 0px !important;
    background: url('/images/main/p_left.png')!important;
}
.bx-wrapper .bx-next {
    right: 0px !important;
    background: url('/images/main/p_right.png') !important;
    background-position: -32px 0;
}

.slick-dots li { display:none; }

div.block {	position: relative;	padding:5px 2px 0 2px; }

h1 {
	font-size:22px;
	letter-spacing: 1px;
	text-transform: uppercase;
	line-height:50px;
	-webkit-font-smoothing: subpixel-antialiased;
}

div#popup { position:absolute; top:30px; left:10%; width:310px; opacity:1.0;z-index:9999; }
div#popup div.popup_table { position: relative; width:100%; margin:0px auto;  }
div#popup div.popup_table div#X { width:20px;height:20px;color:#fff;background:#af2949;font-size:16px;text-align:center; }
div#popup div.popup_table span { font-size:13px;  }

table.pop_up {width:92%; margin:30px auto; border:3px solid #fff; background:#fff;}
table.pop_up tr th { padding:6px; background:#fff; color:#314072; font-weight:bold; font-size:14px; text-align:center;}
table.pop_up tr th.t_tit { background:#f5f5f5; color:#314072; font-weight:bold;font-size:13px;}
table.pop_up tr td { padding:2px; line-height:1.8;font-size:14px;}
table.pop_up tr td img { width:86%;}
table.pop_up tr td.a_left {text-align:left; padding-left:8px; line-height:2;font-size:13px;}
table.pop_up tr td.a_tab {text-align:center; padding-top:38px; font-size:13px;}
table.pop_up tr td a { text-align:left; line-height:18px;font-size:13px;}


}

/* pc */
@media only screen and (min-width:1024px){

div#m_sin { margin:20px auto; width:20%; padding:10px;background:#fff;color:#0a0a0a;cursor:pointer;font-size:15px;text-align:center;border:1px solid #0a0a0a; }
div#m_sin:hover { margin:20px auto; width:20%; padding:10px;background:#0a0a0a;color:#fff;cursor:pointer;font-size:15px;text-align:center;border:1px solid #fff; }

div#cont { 
   width: 100%;
   height: 100%;
} 

div#m_cont { display:none; } 

div#cont1 { width:100%; }
div#cont1 ul { width:100%; margin:0 auto; } 
div#cont1 ul li { float:left; width:100%; } 
div#cont1 ul li img { width:100%; } 

div#cont2 { width:100%; margin:0px auto; }
div#cont2 ul { width:100%; margin:0 auto; } 
div#cont2 ul li { width:1000px; margin:0px auto; text-align:center; } 

div#cont3 { width:100%;height:795px;background:url('/images/main/main1_2.jpg'); }
div#cont3 ul { position: relative;width:1000px; margin:0px auto; padding-top:250px;border:1px solid #red; } 
div#cont3 ul li.left { float:left;width:31%;margin:.5%;padding:.5%;background:#f6f6f6; } 
div#cont3 ul li.bu { width:20%;margin:3% auto;padding:10px;} 
div#cont3 ul li a { text-align:center;margin:0px auto;background:#c4161c;color:#fff;font-size:15px;padding:10px; } 

div#cont4 { width:100%;height:795px;background:url('/images/main/emain1_2.jpg'); }
div#cont4 ul { position: relative;width:1000px; margin:0px auto; padding-top:250px;border:1px solid #red; } 
div#cont4 ul li.left { float:left;width:31%;margin:.5%;padding:.5%;background:#f6f6f6; } 
div#cont4 ul li.bu { width:20%;margin:3% auto;padding:10px;} 
div#cont4 ul li a { text-align:center;margin:0px auto;background:#c4161c;color:#fff;font-size:15px;padding:10px; } 


.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50% !important;
	width: 30px !important;
    height: 57px !important;
	}
.bx-wrapper .bx-prev {
    left: 0px !important;
    background: url('/images/main/p_left.png')!important;
}
.bx-wrapper .bx-next {
    right: 0px !important;
    background: url('/images/main/p_right.png') !important;
    background-position: -32px 0;
}

div.block {	position:relative;	padding:50px 15px 0 15px;}

h1 {
	font-size:22px;
	letter-spacing: 1px;
	text-transform: uppercase;
	line-height:50px;
	-webkit-font-smoothing: subpixel-antialiased;
}

div#popup { position:absolute; top:80px; left:35%; width:550px; margin:100px auto; opacity:1.0;z-index:9999; }
div#popup div.popup_table { position: relative; width:520px; margin:0px auto;  }
div#popup div.popup_table div#X { width:20px;height:20px;color:#fff;background:#af2949;font-size:16px;text-align:center; }
div#popup div.popup_table span { font-size:13px;  }

table.pop_up {width:100%; margin:30px auto; border:3px solid #fff; background:#fff;}
table.pop_up tr th { padding:6px; background:#fff; color:#314072; font-weight:bold; font-size:14px; text-align:center;}
table.pop_up tr th.t_tit { background:#f5f5f5; color:#314072; font-weight:bold;font-size:13px;}
table.pop_up tr td { padding:4px 5px; line-height:1.8;font-size:14px;}
table.pop_up tr td.a_left {text-align:left; padding-left:20px; line-height:2;font-size:13px;}
table.pop_up tr td.a_tab {text-align:center; padding-top:38px; font-size:13px;}
table.pop_up tr td a { text-align:left; padding-left:20px; line-height:18px;font-size:13px;}

}