*{box-sizing:border-box;}
body,input,button,select {font-family:'malgun Gothic','ë§‘ì€ ê³ ë”•','ë‹ì›€',dotum,Helvetica,AppleSDGothicNeo,sans-serif; font-size:14px;}
html,body{height:100%;}


/*ì»¤ë²„*/
#cover{display:none;}

.header{height:147px; }
.header_inner{ max-width:1100px; height:105px;  margin:0 auto; position:relative;overflow:hidden;}

.header_inner .util{ max-width:950px; margin:10px auto;}

/*util-ê³ ê°ì„¼í„°/ì‡¼í•‘ëª°ìƒë‹´/ë¡œê·¸ì¸/ê²€ìƒ‰*/
.header_inner .left_util{ float:left; }
.header_inner .left_util li{float:left; padding-left:10px; font-size:12px; margin-right:30px; background:url(../images/util_dots.png) no-repeat left center; font-weight:bold; color:#333333;}

.header_inner .right_wrap{float:right;}
.header_inner .right_util{ float:left; }
.header_inner .right_util li{ float:left;  padding-right:10px; padding-top:5px;}
.header_inner .right_util li a{color:#666; font-size:12px;}

.header_inner .search{ float:left;}
.header_inner .search .search_inner{ border:1px solid #999; padding:4px;}
.header_inner .search input{outline:none; border:none; }
.header_inner .search button{ border:none; background:none;}

.header_inner .m_search{ display:none;}
.header_inner .m_search img{}

/*ë¡œê³ */
.header_inner h1{margin:40px auto 0; max-width:101px; }
.header_inner h1 img{width:100%;}

/*ëª¨ë°”ì¼ë©”ë‰´ë²„íŠ¼*/
.header .m_btn{display:none; position:absolute; left:0; top:0;  border:none;  background:none;}

/*gnb*/
.header .gnb_inner{width:100%; border:1px solid #e2e2e2;}
.header .gnb_inner .gnb_inner_box{ max-width:950px; margin:0 auto; height:40px; background:url(../images/menu_txt_bar.png) no-repeat left center;}
.header .gnb{max-width:950px; margin:0 auto; height:40px; }
.header .gnb>li{float:left; height:40px; width:14.2%; text-align:center; background:url(../images/menu_txt_bar.png) no-repeat right center; position:relative;}
.header .gnb>li>a{ font-weight:bold; font-size:13px; color:#333333; line-height:35px; }
.header .gnb>li:hover>a{ color:#fff; background:#878787; display:block; height:40px;}



/*gnb 2ë‹¨ë©”ë‰´*/
.header .gnb .depth2{position:absolute; left:0px; top:40px; border:1px solid #e2e2e2; width:100%; text-align:center; border-top:none;  z-index:150; background:#fff; padding:32px 0; display:none;}
.header .gnb .depth2>li{text-align:left; padding:0 0 5px 15px;} 
.header .gnb .depth2 li a{color:#333333; font-size:12px; line-height:12px;}
.header .gnb .depth2 li a:hover{ color:#ff0000;}

/*gnb 2ë‹¨ë©”ë‰´--ì²«ë²ˆì§¸li*/
.header .gnb_inner .gnb_inner_box .first_depth2{position:absolute; left:0; top:41px;  border:1px solid #e2e2e2; width:950px;  border-top:none; display:none; padding-left:15px;}
.gnb_inner_box .first_depth2 ul{float:left; width:9%;}
.gnb_inner_box .first_depth2 ul li{text-align:left; padding-bottom:5px;}
.gnb_inner_box .first_depth2 ul li a{color:#333333; font-size:11px; line-height:12px;}
.gnb_inner_box .first_depth2 ul li a:hover{ color:#ff0000;}
.gnb_inner_box .first_depth2 ul li:first-child{ font-weight:bold; font-size:12px; line-height:12px; padding-bottom:10px;}


/*ëª¨ë°”ì¼gnb*/
.header .m_gnb{display:none;}



/*ë©”ì¸*/
.main { position:relative;}
.main .visual{max-width:1920px; margin:0 auto; }
.main .visual .slick-slide a{outline:none;}
.main .visual .slick-slide img{width:100%;}

/*ìŠ¬ë¼ì´ë“œ í™”ì‚´í‘œë²„íŠ¼*/
.main .visual .slick-prev{position:absolute; left:34px; top:40%; width:80px; height:80px; background:url(../images/prev.png) no-repeat center center; z-index:300; text-indent:-9999px; border:none;}
.main .visual .slick-next{position:absolute; right:34px; top:40%; width:80px; height:80px; background:url(../images/next.png) no-repeat center center; z-index:300; text-indent:-9999px; border:none; }

/*ìŠ¬ë¼ì´ë“œ íŽ˜ì´ì§€ë²„íŠ¼*/
.main .visual .slick-dots{position:absolute; left:0; bottom:-40px; width:100%; text-align:center;}
.main .visual .slick-dots li{display:inline-block; margin:0 8px;}
.main .visual .slick-dots li button{width:12px; height:12px; text-indent:-9999px; background:url(../images/dot.gif) no-repeat left top; border:none;}
.main .visual .slick-dots li.slick-active button{width:12px; background:url(../images/dot.gif) no-repeat left bottom;}




/*ì„¹ì…˜1-ì¹œí™˜ê²½ê°€êµ¬ë¥¼ ë§Œë“œëŠ” ì¼ë£¸ì´ì•¼ê¸°*/
.main .section1{max-width:1132px; margin:60px auto 30px; padding:0 16px;}
.main .section1 a img{width:100%;}
.main .section1 a.m_img{display:none;}

/*ì„¹ì…˜2-ìƒìƒí•œ ì‚¬ìš©í›„ê¸°*/
.main .section2{max-width:1132px; margin:0 auto 30px; overflow:hidden; }
.main .section2 ul li{float:left; width:50%; padding:0 16px; position:relative;}
.main .section2 ul li a img{width:100%;}
.main .section2 ul li a p{background:url(../images/txt_close_05.png) no-repeat left 50%; padding-left:25px; font-size:16px; color:#333333; }

/*ë§ˆìš°ìŠ¤ì˜¤ë²„ì‹œ ì´ë¯¸ì§€ë³€ê²½*/
/*.main .section2 ul li a .cover{ position:absolute; left:0; top:0; background:url(../images/section2_img01_hover.jpg) no-repeat center center; width:100%; height:100%; display:none; }
.main .section2 ul li:hover .cover{ display:block;}

.main .section2 ul li a .img02_cover{ background:url(../images/section2_img02_hover.jpg) no-repeat center center; }*/


/*ì„¹ì…˜3-í€µë©”ë‰´,ì§€ì ì•ˆë‚´*/
.main .section3{max-width:1132px; margin:0 auto; overflow:hidden; }

.main .section3 .quick{float:left; width:70%; /*padding:30px 20px 30px 0;*/ padding:15px 0 30px 16px; }
.main .section3 .quick li{float:left; width:20%; text-align:center;}
.main .section3 .quick li a img{ width:50%;}
.main .section3 .quick li a p{color:#333333; margin-top:35px; font-size:16px; font-weight:bold;}

.main .section3 .chain{ width:30%; float:left; padding:0 16px; }
.main .section3 .chain img{ width:100%;}

/*ìŠ¬ë¼ì´ë“œ íŽ˜ì´ì§€ë²„íŠ¼*/
.main .section3 .chain .slick-dots{position:absolute; left:0; bottom:-36px; width:100%; text-align:center;}
.main .section3 .chain .slick-dots li{display:inline-block; margin:0 8px;}
.main .section3 .chain .slick-dots li button{width:12px; height:12px; text-indent:-9999px; background:url(../images/dot.gif) no-repeat left top; border:none;}
.main .section3 .chain .slick-dots li.slick-active button{width:12px; background:url(../images/dot.gif) no-repeat left bottom;}

/*ì„¹ì…˜4-ì¹¨ëŒ€ì— ëª¨ì…˜ì„ ë”í•œ ë¶€ë¶€ì¹¨ì‹¤*/
.main .section4{max-width:1132px; margin:0 auto; overflow:hidden;}
.main .section4 ul{float:left; }
.main .section4 ul li{float:left; width:33.3%; padding:0 16px 30px;  }
.main .section4 ul li.imgbox05{width:66.6%;}

.main .section4 ul li img{width:100%;}

.main .section4 ul li a p{height:50px; background:url(../images/txt_close_05.png) no-repeat left 30%; padding-left:25px; font-size:16px; color:#333333; }

/*ì„¹ì…˜5-2016 ì‹ ì œí’ˆ ì¹´íƒˆë¡œê·¸*/
.main .section5{max-width:1132px; margin:0 auto 30px; padding:0 16px;}
.main .section5 a img{width:100%;}
.main .section5 a p{font-size:16px; color:#333333; background:url(../images/txt_close_05.png) no-repeat left 50%; padding-left:25px;}

/*footer*/
.footer{width:100%; background:#434343; overflow:hidden; padding-bottom:50px;}
.footer .footer_inner{margin:0 auto; max-width:1100px; padding-top:35px; overflow:hidden;}

/*box1*/
.footer_inner .box1{width:33.3%; float:left;  padding-left:10px; }
.footer_inner .box1 h2{margin-bottom:36px;}

.footer_inner .box1 ul li a{color:#a3a3a3; font-size:14px; line-height:23px;}
.footer_inner .box1 ul li.list4{margin-bottom:20px;}
.footer_inner .box1 ul li.list4 a{color:#fff; font-weight:bold; }

.footer_inner .box1 .foot_sns{margin-top:66px;}
.footer_inner .box1 .foot_sns>li{float:left; margin-right:8px;}

/*box2*/
.footer_inner .box2{width:33.3%; overflow:hidden; float:left; }
.footer_inner .box2 h3{margin-bottom:36px; font-size:16px; font-weight:bold; color:#a3a3a3; }

.footer_inner .box2 address{color:#a3a3a3; font-size:14px; line-height:23px;}
.footer_inner .box2 p{color:#a3a3a3; font-size:14px; line-height:23px;}
.footer_inner .box2 p.txt2{margin:20px 0;}

.footer_inner .box2 .family{margin-top:70px;}
.footer_inner .box2 .family li{float:left; margin-right:5px;}

/*box3*/
.footer_inner .box3{width:33.3%;  overflow:hidden; float:left; padding-right:10px; }
.footer_inner .box3 h3{margin-bottom:36px; font-size:16px; font-weight:bold; color:#fff; }

.footer_inner .box3 ul li{ float:left; border-top:1px solid #fff; }
.footer_inner .box3 ul li:first-child{border:none;}
.footer_inner .box3 ul li h4{font-size:16px; color:#fff; float:left; padding-top:12px; }
.footer_inner .box3 ul li p{color:#fff;  font-size:26px; font-weight:bold;float:left; padding-left:20px; }
.footer_inner .box3 ul li p span{font-weight:normal; font-size:12px;}

.footer_inner .box3 .box3_txt{ float:left; color:#fff; margin-top:10px;}









@media screen and (max-width:920px){
	.header .gnb_inner .gnb_inner_box .first_depth2{width:780px; }

}


@media screen and (max-width:767px){
	
	/*ì»¤ë²„*/
	#cover{position:fixed; left:0; top:0; width:100%; height:100%; background:#000000; opacity:0.8;  z-index:100; display:none;}	
	
	.wrap{height:100%;}
	
	.header{height:50px;}
	.header_inner{ height:50px;}
	
	/*ìœ í‹¸-ë¡œê·¸ì¸,íšŒì›ê°€ìž…,ê²€ìƒ‰ì°½ë³€ê²½*/
	.header_inner .left_util{ display:none;}
	.header_inner .right_util{ display:none;}
	.header_inner .search{display:none; margin:0;}
	.header_inner .m_search{display:block; width:25px; margin-top:3px; margin-right:25px;}
	.header_inner .m_search img{ width:100%;}
	
	/*ë¡œê³ */
	.header_inner h1{margin:13px auto; width:90px;}
	.header_inner h1 img{ width:100%;}

	/*ëª¨ë°”ì¼ë©”ë‰´ë²„íŠ¼*/
	.header .m_btn{ left:25px; top:15px; width:25px; display:block;}
	.header .m_btn img{ width:100%;}
	
	/*PCìš© gnb ê°€ë¦¬ê¸°*/
	.header .gnb_inner{display:none;}
	
	/*ëª¨ë°”ì¼gnb*/
	.header .m_gnb{position:fixed; left:-100%; top:0; height:100%; width:226px;  background:#fff; overflow:auto; z-index:200; display:block;}
	
	/*ëª¨ë°”ì¼ìš© ë¡œê·¸ì¸, íšŒì›ê°€ìž…, ë‹«ê¸°ë²„íŠ¼*/
	.header .m_gnb .m_util{height:50px;  padding-left:10px; background:#fff;}
	.header .m_gnb .m_util a{color:#fff; width:17px; display:inline-block; margin:13px 0 0 15px; }
	.header .m_gnb .m_util a.join{color:#fff; width:25px; display:inline-block; margin-top:15px;}
	.header .m_gnb .m_util img{width:100%;}
	
	.header .m_gnb .btn_close{position:absolute; right:20px; top:15px; border:none; background:none; }
	.header .m_gnb .btn_close img{width:17px;}
	
	/*ëª¨ë°”ì¼ ì£¼ë©”ë‰´*/
	.header .m_gnb .m_menu>li{ border-bootm:1px solid #d7d7d7; margin-bottom:1px;}
	.header .m_gnb .m_menu>li:last-child{margin:0;}
	.header .m_gnb .m_menu>li>a{line-height:43px; display:block; color:#fff; text-indent:15px; background:#f46868 url(../images/m_bottom_arrow.png) no-repeat 90% center; font-size:15px;}
	.header .m_gnb .m_menu>li.list2>a{background:#f46868;}
	.header .m_gnb .m_menu>li.list3>a{background:#f46868;}
	.header .m_gnb .m_menu>li.list4>a{background:#f46868;}
	
	/*ì²«ë²ˆì§¸ ì‡¼í•‘ëª° li í™”ì‚´í‘œëª¨ì–‘ ë³€ê²½*/
	.header .m_gnb .m_menu>li>a.on{background-image:url(../images/m_top_arrow.png)}

	
	
	/*ëª¨ë°”ì¼ ì„œë¸Œë©”ë‰´*/
	.header .m_gnb .m_menu .m_depth2{display:none;}
	.header .m_gnb .m_menu .m_depth2 li{border:1px solid #d7d7d7; height:50px; text-align:center; }
	.header .m_gnb .m_menu .m_depth2 li a{ font-size:13px; color:#727272; line-height:48px; background:#f1f1f1; display:block; height:50px; font-weight:bold;}
	.header .m_gnb .m_menu .m_depth2.resize li{float:left; width:50%; border-left:none;}
	.header .m_gnb .m_menu .m_depth2.resize li.full{ width:100%; border-left:1px solid #d7d7d7;}
	
	/*ì²«ë²ˆì§¸ depth2ì˜ liì—´ì–´ë†“ê¸°*/
	.header .m_gnb .m_menu .m_depth2.resize{display:block;}

	/*ëª¨ë°”ì¼ë©”ë‰´ ì•ˆì˜ sns*/
	.header .m_gnb .m_sns li{float:left; width:33.3%; border:1px solid #f46868; padding:20px;  text-align:center; border-left:none;}
	.header .m_gnb .m_sns li:first-child{border-left:1px solid #f46868;}
	.header .m_gnb .m_sns li a{width:20px; height:50px;}
	.header .m_gnb .m_sns li a img{height:40px; }


	/*ì„¹ì…˜1-ì¹œí™˜ê²½ê°€êµ¬ë¥¼ ë§Œë“œëŠ” ì¼ë£¸ì´ì•¼ê¸°*/
	.main .section1 a.pc_img{display:none;}
	.main .section1 a.m_img{display:block;}
	
	/*ì„¹ì…˜2-ìƒìƒí•œ ì‚¬ìš©í›„ê¸°*/
	.main .section2{padding:0 8px;}
	.main .section2 ul li{padding:0 8px; }
	.main .section2 ul li a p{ font-size:14px; background:url(../images/txt_close_05.png) no-repeat left 30%; padding-right:15px;}
	
	/*ì„¹ì…˜3-í€µë©”ë‰´,ì§€ì ì•ˆë‚´*/
	.main .section3{overflow:hidden; padding:0 16px 60px;}
	.main .section3 .quick{float:left; width:100%; padding:0; }
	.main .section3 .quick li a p{ margin-top:10px; font-size:10px;}
	.main .section3 .chain{ width:100%; margin-top:30px; padding:0; }
	.main .section3 .chain .slick-dots{position:absolute; left:0; bottom:-36px; width:100%; text-align:center;}
	
	/*ì„¹ì…˜4-ì¹¨ëŒ€ì— ëª¨ì…˜ì„ ë”í•œ ë¶€ë¶€ì¹¨ì‹¤*/
	.main .section4{padding:0 8px;}
	.main .section4 ul li{padding:0 8px 10px;  }
	.main .section4 ul li.imgbox01{width:50%;}
	.main .section4 ul li.imgbox02{width:50%;}
	.main .section4 ul li.imgbox03{width:50%;}
	.main .section4 ul li.imgbox04{width:50%;}
	.main .section4 ul li.imgbox05{width:100%;}
	
	.main .section4 ul li a p{font-size:14px; background:url(../images/txt_close_05.png) no-repeat left 20%;}
	
	/*ì„¹ì…˜5-2016 ì‹ ì œí’ˆ ì¹´íƒˆë¡œê·¸*/
	.main .section5 a p{font-size:14px;}	
	
	
	
	/*footer*/
	/*box1*/
	.footer{padding-bottom:0;}
	.footer_inner .box1{width:100%;}
	.footer_inner .box1 h2{ text-align:center;}
	.footer_inner .box1 ul{ text-align:center;border-bottom:1px solid #a3a3a3; padding-bottom:35px; margin:0 12px;}
	.footer_inner .box1 ul li{display:inline; background:url(../images/foot_txt_bar.png) no-repeat right bottom; padding:0 10px 0 4px;}
	.footer_inner .box1 ul li:last-child{background:none;}
	.footer_inner .box1 ul li a{ font-size:13px;}
	.footer_inner .box1 .foot_sns{ display:none;}

	/*box2*/
	.footer_inner .box2{width:100%; padding-top:35px; }
	.footer_inner .box2 h3{ display:none; }
	.footer_inner .box2 address{font-size:13px; text-align:center;}
	.footer_inner .box2 p{ font-size:13px; text-align:center; border-bottom:1px solid #a3a3a3; padding-bottom:35px; margin:0 12px; }
	.footer_inner .box2 p.txt2{display:none;}
	.footer_inner .box2 .family{ display:none;}
	
	/*box3*/
	.footer_inner .box3{width:100%; padding:25px 0 35px;}
	.footer_inner .box3 h3{display:none;}
	.footer_inner .box3 ul{text-align:center; width:182px; margin:0 auto; overflow:hidden;}
	.footer_inner .box3 ul li{border:none; display:inline; text-align:center;}
	.footer_inner .box3 ul li:first-child{border:none; }
	.footer_inner .box3 ul li h4{font-size:13px; }
	.footer_inner .box3 ul li p{ font-size:13px; margin-top:11px; float:right; }
	.footer_inner .box3 ul li p span{display:none;}
	.footer_inner .box3 .box3_txt{display:none;}
	
	
}
	