@charset "utf-8";



#container {position:relative; z-index:0; }




/*메인비주얼*/
.main_visual {text-align:center;  height:880px; min-width:1200px; overflow:hidden; z-index:1;}
.main_visual ul { width:100%; left:0px;top:0px; height:880px; position:absolute; z-index:1;}
.main_visual li{background-repeat:no-repeat; background-position:center top; width:100%; height:880px; }

.main_visual .main_visual_text {position:absolute; width:100%; height:880px; top:0px;  color:#fff; z-index:2; }
.main_visual .main_visual_text .bg {position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:0;}
.main_visual .main_visual_text .text {position:relative; z-index:1;  color:#fff; text-align:right;}
.main_visual .main_visual_text .t1 {font-size:60px;  padding:220px 0px 37px; letter-spacing:-6px; line-height:66px;}
.main_visual .main_visual_text .t2 {font-size:25px; line-height:30px; }


.main_visual .main_btn_box {position:absolute; width:100%;  top:500px;  color:#fff; z-index:33333; }
.main_visual .main_btn_box .default_layout {overflow:hidden;}
.main_visual .main_btn_box .btn_box {float:right;}
.main_visual .main_btn_box .btn_box a{float:left;  text-align:left; line-height:59px;; padding-left:30px; width:230px; border:1px #000000 solid; color:#000; margin-left:14px; font-size:22px; background:url(../images/main/main_btn_box_btn.png) 140px 50% no-repeat;}
.main_visual .main_btn_box .btn_box a:hover{background-color:#21a2d8; color:#fff;}




.main_notice_box {margin-top:-235px; position:relative; z-index:2; background:rgba(0,0,0,0.5);}
.main_notice_box .col_box{display:table; width:100%; }
.main_notice_box .col_box .col{display:table-cell; vertical-align:top;}
.main_notice_box .col_box .col.notice{width:800px; padding-right:30px;  border-right:1px rgba(255,255,255,0.6) solid; }
.main_notice_box .col_box .col.booking{width:345px; }



/*공지*/
.main_notice {position:relative; padding:20px 0px; }
.main_notice .notice_line{position:absolute; left:0px; top:0px; width:90px; height:100%;  background:rgba(0,0,0,0.6)}

.main_notice .box {position:relative; overflow:hidden; height:195px;;}
.notice_tep h3 {float:left; clear:both;  text-align:center; letter-spacing:-1px;  font-weight:normal; white-space: pre-line; width:90px; letter-spacing:-1px; line-height:20px; transition: all .2s; }
.notice_tep h3 a{font-size:15px; color:#fff;  margin:0 10px; display:block;  height:60px;   border-bottom:1px rgba(255,255,255,0.4) solid;}
.notice_tep.last_tep h3 a{border-bottom:0px;}
.notice_tep h3 a .t_box{display:table; height:60px; width:100%; }
.notice_tep h3 a .t_box span{display:table-cell; vertical-align:middle; text-align:center;}

.main_notice .on_check h3 {width:120px; position:relative; left:-2px; }
.main_notice .on_check h3 a{background:url(../images/main/main_tab_bg.png) center bottom repeat-x #008ed1;   border-bottom:0px; transition: all .3s;}
.main_notice .on_check h3 .more{display:block;}
.main_notice .on_check .tabcontent{display:block;}
.notice_tep div.tabcontent {position:absolute;left:120px;top:0px;width:100%; display:none;  z-index:0; }
.notice_tep div ul {padding-top:10px; overflow:hidden;}
.notice_tep div ul li {float:left; width:220px; background:#fff; margin:0px 5px;  transition: all .2s; }
.notice_tep div ul li .date{background:#008ed1; padding:10px 20px; text-align:right; color:#fff;}
.notice_tep div ul li .subject_box {padding:20px;}
.notice_tep div ul li .subject_box .t1{font-size:15px; color:#000; line-height:20px; height:40px; margin-bottom:10px;  overflow:hidden;}
.notice_tep div ul li .subject_box .t2{font-size:13px; color:#666; line-height:20px; height:40px; overflow:hidden;}
.notice_tep div ul li.nodata .subject_box .t1{text-align:center;}
.notice_tep div ul li:hover { transition: all .3s; margin-top:-6px;} 



.main_notice_box .col_box .col.booking .bookin_box{ padding-left:30px;}
.main_notice_box .col_box .col.booking .bookin_box h3{padding:25px 0px;; color:#fff; font-size:18px;}
.main_notice_box .col_box .col.booking .bookin_box ul {text-align:center;}
.main_notice_box .col_box .col.booking .bookin_box ul li {display:inline-block; width:30%; margin:0 1%;  background:#fff; border-radius:2px; transition: all .2s;}
.main_notice_box .col_box .col.booking .bookin_box ul li:hover {background:#f8f8f8; transition: all .3s;}
.main_notice_box .col_box .col.booking .bookin_box ul li:hover .text {color:#008ed1}
.main_notice_box .col_box .col.booking .bookin_box ul li .icon {height:80px; line-height:90px;}
.main_notice_box .col_box .col.booking .bookin_box ul li .icon img {vertical-align:middle;}
.main_notice_box .col_box .col.booking .bookin_box ul li .text {padding:10px 0px;}




/*메인비지니스*/
.main_business_box {position:relative; margin-top:90px; }
.main_business_box .default_layout{position:relative;}
.main_business_box ul {overflow:hidden; }
.main_business_box ul li{float:left; width:386px; margin-bottom:20px;  text-align:center; position:relative;}
.main_business_box ul li.center{margin:0 20px;}
.main_business_box ul li.title{height:205px; background:#008ed1 url(../images/main/main_business_box_title_bg.png) center 90% no-repeat;; color:#fff; font-size:40px; padding-top:100px; position:relative;}
.main_business_box ul li.title span{display:block; font-size:20px; padding-top:20px;}
.main_business_box ul li.title .line{position:absolute; lefT:0px; bottom:0px; width:100%; height:56px; background:#0080bd;}
.main_business_box ul li .box .icon {width:386px; height:250px; overflow:hidden; -moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s;}
.main_business_box ul li .box .icon img {vertical-align:middle; width:386px; height:250px; overflow:hidden; -moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s;}
.main_business_box ul li .box .hidden_text{display:none;}
.main_business_box ul li .box .text{font-size:16px; color:#000; text-align:center; padding:15px 0px;  border-top:0px; background:#f8f8f8;}

.main_business_box ul li:hover .box .icon img {-moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}








/*전시제품정보/소식지*/
.main_product_wrap_box { margin-top:70px;}
.main_product_wrap_box .default_layout{position:relative; }
.main_product_wrap_box .title {font-size:25px;;color:#000; text-align:center;}
.main_product_wrap_box .title span{display:block; font-size:16px; font-weight:normal;  color:#666; margin-top:10px;}

.main_product_wrap_box .col_box {overflow:hidden; margin-top:30px;}
.main_product_wrap_box .col_box .col {float:left; width:588px; border:1px #ddd solid; }
.main_product_wrap_box .col_box .col.col_last {float:right;}
.main_product_wrap_box .col_box .col .col_cont_box {padding:35px; position:relative;  height:275px;}
.main_product_wrap_box .col_box .col .col_cont_box .s_title {position:relative;}
.main_product_wrap_box .col_box .col .col_cont_box .s_title .t1 {color:#000000; font-size:16px; position:relative;}
.main_product_wrap_box .col_box .col .col_cont_box .s_title .line {display:inline-block; width:17px; height:2px; background:#0588ce; margin-top:10px;}
.main_product_wrap_box .col_box .col .col_cont_box .s_title .t2 {color:#000000; font-size:20px; font-weight:bold; margin-top:10px;}


.main_product_wrap_box .col_box .col.col_last .col_cont_box .s_title .line {background:#7ab927;}


.main_product_wrap_box .col_box .col .col_cont_box .btns {position:absolute; left:35px; top:173px; height:22px; font-size:0px; background:#fff;}
.main_product_wrap_box .col_box .col .col_cont_box .btns a{display:inline-block; width:20px; height:20px; border:1px #ddd solid; text-align:center;}
.main_product_wrap_box .col_box .col .col_cont_box .btns a span{display:inline-block; width:5px; height:20px; background:url(../images/main/main_sc_btns.png) left 50% no-repeat; text-indent:-9999px;}
.main_product_wrap_box .col_box .col .col_cont_box .btns a.col_cont_box_slide_next{ border-left:0px;}
.main_product_wrap_box .col_box .col .col_cont_box .btns a.col_cont_box_slide_next span{background-position:right 50%; }


.main_product_wrap_box .col_box .col .col_cont_box .list_box {position:absolute; left:166px; top:36px; width:387px;}
.main_product_wrap_box .col_box .col .col_cont_box .list_box ul li .photo {width:385px; height:243px; overflow:hidden; border:1px #ddd solid;}
.main_product_wrap_box .col_box .col .col_cont_box .list_box ul li .photo a  {background-size:cover; background-position:center 50%; background-repeat:no-repeat;  padding-top:70%;  position:relative; vertical-align:top; display:block; vertical-align:middle; -moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s}
.main_product_wrap_box .col_box .col .col_cont_box .list_box ul li:hover .photo a  {-moz-transform: scale(1.08); -webkit-transform: scale(1.08); transform: scale(1.08);}
.main_product_wrap_box .col_box .col .col_cont_box .list_box ul li .text {text-align:center; font-size:16px; color:#6a6969; margin-top:10px;}




/*메인퀵서비스*/
.main_quick_box {position:relative; margin-top:70px; background:#dddddd url(../images/main/main_quick_box_bg.png) center top no-repeat; padding:42px 0px;; }
.main_quick_box .default_layout{position:relative;}
.main_quick_box .title {position:absolute; left:0px; top:0px; font-size:18px; color:#000;  font-weight:normal;}
.main_quick_box .title .info {font-size:14px;display:block; color:#777; line-height:16px; margin-top:10px;}
.main_quick_box .main_quick_list_box {margin-left:240px;}
.main_quick_box .main_quick_list_box ul {overflow:hidden;}
.main_quick_box .main_quick_list_box ul li {float:left; width:130px; margin-right:60px; position:relative; text-align:center;}
.main_quick_box .main_quick_list_box ul li .icon {width:130px; height:130px; text-align:center; line-height:130px; border-radius:130px; background:#fff;}
.main_quick_box .main_quick_list_box ul li .icon img {vertical-align:middle;     transition: transform 500ms;}
.main_quick_box .main_quick_list_box ul li .text {display:block; color:#313131; font-size:16px; margin-top:5px;}
.main_quick_box .main_quick_list_box ul li:hover .text{color:#008ed1;}
.main_quick_box .main_quick_list_box ul li:hover .icon {transform:rotateY(360deg); transition:transform 500ms; background:#008ed1 }


.main_quick_box .btns {position:absolute; left:0; top:100px; font-size:0px;}
.main_quick_box .btns a{display:inline-block; width:38px; height:35px; background:#008ed1 url(../images/main/main_quick_list_box_btn.png) left top no-repeat; text-indent:-9999px;}
.main_quick_box .btns a#quick_next {background-position:right top; margin-left:2px;}



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

	#container {padding-top:80px; }

	
	
	/*메인비주얼*/
	.main_visual {position:relative; top:0px;  width:100%; height:350px; min-width:auto;}
	.main_visual ul {height:350px;}
	.main_visual li{height:350px; background-size:cover; }

	.main_visual .main_visual_text {height:350px; width:auto; padding:0 20px;}
	.main_visual .main_visual_text .text {text-align:center;}
	.main_visual .main_visual_text .t1 {font-size:22px;  padding:60px 0px 7px; letter-spacing:-1px; line-height:25px;}
	.main_visual .main_visual_text .t2 {font-size:13px; line-height:15px; }


	.main_visual .main_btn_box {top:180px;}
	.main_visual .main_btn_box .btn_box {float:none;}
	.main_visual .main_btn_box .btn_box a{float:none; display:inline-block; line-height:39px;; padding-left:30px; width:100px; margin:0px; font-size:14px;  background:url(../images/main/main_btn_box_btn_m.png) 90% 50% no-repeat;}



	

	

	
	.main_notice_box { position:relative; z-index:2; margin-top:-100px; padding-bottom:40px; }
	.main_notice_box .col_box{display:block;  }
	.main_notice_box .col_box .col{display:block; vertical-align:top;}
	.main_notice_box .col_box .col.notice{width:auto; padding-right:0px;  border-right:1px rgba(255,255,255,0.6) solid; }
	.main_notice_box .col_box .col.booking{width:auto; }



	/*공지*/
	.main_notice {position:relative; padding:20px 0px; }
	.main_notice .notice_line{position:absolute; left:0px; top:0px; width:100%; height:100px;  background:rgba(0,0,0,0.6)}

	.main_notice .box {height:250px;;}
	.notice_tep h3 {float:left; clear:none;  width:33%; margin:0px;}

	.notice_tep.last_tep h3 a{border-bottom:1px rgba(255,255,255,0.4) solid}
	.notice_tep h3 a .t_box{ height:60px; width:100%; }
	.notice_tep h3 a .t_box span{vertical-align:middle; text-align:center;}

	.main_notice .on_check h3 { position:relative; left:0px; }
	.main_notice .on_check h3 a{ border-bottom:0px;}

	.notice_tep div.tabcontent {position:absolute;left:0px; top:80px; width:100%; }
	.notice_tep div ul {padding:10px; overflow:hidden;}
	.notice_tep div ul li {float:none; width:auto;; background:#fff; margin:0px; }


	.main_notice_box .col_box .col.booking .bookin_box{ padding-left:0px;}
	.main_notice_box .col_box .col.booking .bookin_box h3{padding:25px 10px;}





	/*메인비지니스*/
	.main_business_box {margin-top:10px; }
	.main_business_box ul li{width:50%; margin-bottom:10px !important; }
	.main_business_box ul li.center{margin:0px;}
	.main_business_box ul li.title{ height:auto; height:126px; font-size:30px; padding-top:50px;}
	.main_business_box ul li.title span{font-size:20px; padding-top:10px;}
	.main_business_box ul li.title .line{display:none;}
	.main_business_box ul li .box .icon {width:100%; height:auto;}
	.main_business_box ul li .box .icon img {width:100%; height:auto;}

	.main_business_box ul li .box .text{font-size:14px; }

	.main_business_box ul li:hover .box .icon img {-moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}







	/*전시제품정보/소식지*/
	.main_product_wrap_box {margin:0 10px; margin-top:70px;}


	.main_product_wrap_box .col_box .col {float:none; width:auto; border:1px #ddd solid; }
	.main_product_wrap_box .col_box .col.col_last {float:none; border-top:0px;}
	.main_product_wrap_box .col_box .col .col_cont_box {padding:35px; position:relative;  height:auto;}
	.main_product_wrap_box .col_box .col .col_cont_box .s_title .t2 {position:absolute; righT:0px; top:-10px;}

	.main_product_wrap_box .col_box .col .col_cont_box .list_box {position:relative; left:0px; top:0px; width:100% !important; margin-top:60px;}
	.main_product_wrap_box .col_box .col .col_cont_box .list_box ul li { width:100% !important;}
	.main_product_wrap_box .col_box .col .col_cont_box .list_box ul li .photo {width:100%; height:180px; border:0px #ddd solid;}
	.main_product_wrap_box .col_box .col .col_cont_box .list_box ul li .photo a  {border:1px #ddd solid;}
	
	.main_product_wrap_box .col_box .col .col_cont_box .btns {top:90px;}






	/*메인퀵서비스*/
	.main_quick_box {padding:42px 10px;; margin-top:10px;  background:#ddd !important;  }

	
	.main_quick_box .title {position:relative;;}
	.main_quick_box .title .info {font-size:14px;display:block; color:#777; line-height:16px;}
	.main_quick_box .main_quick_list_box {margin-left:0px; overflow:hidden; margin-top:40px;}
	.main_quick_box .main_quick_list_box ul li {float:left !important; width:100px; margin-right:20px; }
	.main_quick_box .main_quick_list_box ul li .icon {width:100px; height:100px; text-align:center; line-height:100px; border-radius:100px; ;}

	.main_quick_box .main_quick_list_box ul li .text {font-size:14px;}



	.main_quick_box .btns {position:absolute; left:auto; right:0px; top:0px; font-size:0px;}





}