@charset "utf-8";

#mainContainer {
    overflow:hidden;
	position:relative;
}


/*********************************메인 네비게이션바*& 공통********************************** /
/* 메인 :: 라이트바 */
#rightBar{position:fixed; top:50%; right:10px; z-index:99; width:42px; padding:10px 0; margin-top:-132px;  text-align:center; }
#rightBar a{color:#fff;}
#rightBar > ul {padding:0 13px; }
#rightBar > ul > li {position:relative; padding:15px 0; opacity:0.7;}
#rightBar > ul > li.on {opacity:1;}
#rightBar > ul > li .bullet{display:block; width:10px; height:10px; margin:0px auto; background-color:#fff; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px;border-radius:10px; opacity:1;}
#rightBar > ul > li p {overflow:hidden; position:absolute; top:10px; right:24px; width:58px; height:20px;  text-align:right; -moz-transition:all 300ms; -o-transition:all 300ms; -ms-transition:all 300ms;transition:all 300ms}
#rightBar > ul > li a:hover p,#rightBar > ul > li.on a p{opacity:1.0;filter:Alpha(opacity=100); transform:translateX(0); -webkit-transform:translateX(0px);}
#rightBar > ul > li p strong, #rightBar > ul > li p span{float:left; width:100%; height:20px; line-height:20px; color:#fff; font-weight:300; }
#rightBar > ul > li p strong{background-color:rgba(0,0,0,0.5); font-size:13px;}
#rightBar > ul > li p span{  font-size:13px;}
.i-font{color:#fff; font-size:25px;}
.to-top-btn{font-size:10px;}


/* 메인 컨텐츠 공통 */
.content-tit{color:#1c1a1a; padding-bottom:40px; letter-spacing:-0.5px; font-size:3.8em; line-height:1.5em; font-weight:700; }
.content-tit strong{font-weight:700;}

/********************************* section01 메인 비쥬얼**********************************/
.txt01 {color:#ff8fee}
.txt02 {color:#8eebff}
.txt03 {color:#96e765}
/*.txt04 {color:#eec021}*/


/* 메인 :: 비주얼 */
#mainVisual {position:relative; width:100%; overflow:hidden;}
#mainVisual .visual-item {position:relative; width:100%; height:100%; overflow:hidden;}
/*#mainVisual .visual-item:before {position:absolute; display:block; content:""; width:100%; height:100%; background-color:rgba(0,0,0,0.3);  z-index:1;}*/

#mainVisual .visual-item > img{	width:100%;	-ms-transform: scale(1.2,1.2); /* IE 9 */    -o-transform: scale(1.2,1.2); /* IE 9 */    -moz-transform: scale(1.2,1.2); /* IE 9 */    -webkit-transform: scale(1.2,1.2); /* Chrome, Safari, Opera */     transform: scale(1.2,1.2);	-webkit-transition:transform 5000ms  ease-in-out ; /* Safari */	-moz-transition:transform 5000ms ease-in-out ; /* Safari */	-o-transition:transform 5000ms ease-in-out ; /* Safari */	-ms-transition:transform 5000ms ease-in-out ; /* Safari */    transition:transform 5000ms ease-in-out ;}
#mainVisual .visual-item:focus{outline:none;}

#mainVisual .visual-txt{position:absolute; top:0; left:0%;  width:100%;  height:100vh; z-index:10;}
#mainVisual .visual-txt:before {position:Absolute; top:0; left:0px; content:""; display:Block; background-color:rgba(0,0,0,0.2); width:100%; height:100%; }

#mainVisual .visual-inner-txt {position:absolute; top:50%;  left:50%; transform:translate(-50%, -55%);  display:block; word-break:keep-all; text-align:center;  color:#fff;  width:86%; max-width:1200px;}
#mainVisual .visual-inner-txt h2,
#mainVisual .visual-inner-txt strong,
#mainVisual .visual-inner-txt span,
#mainVisual .visual-inner-txt  p { display:block; opacity:0;filter:Alpha(opacity=0);	-moz-transform:translateX(10%);  	-ms-transform:translateX(10%);  	transform:translateX(10%);  	-moz-transition:all 0.5s;	-ms-transition:all 0.5s;	transition:all 0.5s;}

#mainVisual .visual-inner-txt h2{ position:Relative;  transition-delay:0.2s; font-size:3em; font-weight:900; padding-bottom:20px; letter-spacing:-0.05em;   font-family: 'Nanum Square';}
#mainVisual .visual-inner-txt h2 span {display:inline-block; font-weight:900; opacity:1 !important;}
#mainVisual .visual-inner-txt strong {font-size:1.2em; font-weight:100; transition-delay:0.4s; line-height:1.4em; margin-bottom:30px;  font-family: 'Nanum Square';}
#mainVisual .visual-inner-txt p {position:relative; /*position:absolute; bottom:0; */ padding:40px 0 15px; font-size:1.6em; font-weight:700; transition-delay:0.4s; line-height:1.3em;  font-weight:700;  font-family: 'Nanum Square';}
#mainVisual .visual-inner-txt p:Before {position:Absolute; top:10px; width:100px; height:1px;  left:50%; margin-left:-50px; display:Block; content:""; background-color:#fff; }

a.btn_white {border:1px solid #fff;  color:#fff; padding:10px 50px !important; font-size:18px; /*background:url(../images/icon/more_btn_bg.png) no-repeat 0 100%;*/  opacity:0;filter:Alpha(opacity=0); transition:all 0.4s 0.5s;}
a.btn_white:hover {background-color:#fff; color:#222; -moz-transition:all 300ms; -o-transition:all 300ms; -ms-transition:all 300ms;transition:all 300ms}

#mainVisual .visual-item .section_video {position:relative; background-color:#000; width:100%; height:100vh; overflow:hidden;}
#mainVisual .visual-item .section_video video {position: absolute; top: 50%; left: 50%;  min-width: 100%;  min-height: 100%;  transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%)translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%);}
/*.section_video .videoWrap:after {content:"";display:block;position:fixed;left:0;top:0;width:100%;height:100%;background:url('../images/main/movie_dim.png'); z-index:1;}*/


/* active */
#mainVisual .visual-item.active > img{	-ms-transform: scale(1,1); /* IE 9 */    -o-transform: scale(1,1); /* IE 9 */    -moz-transform: scale(1,1); /* IE 9 */    -webkit-transform: scale(1,1); /* Chrome, Safari, Opera */    transform: scale(1,1);}
#mainVisual .active .visual-inner-txt h2,
#mainVisual .active .visual-inner-txt strong,
#mainVisual .active .visual-inner-txt span,
#mainVisual .active .visual-inner-txt  p {-moz-transform:translateX(0);  	-ms-transform:translateX(0);  	transform:translateX(0);  text-shadow:4px 4px 10px rgba(0,0,0,0.5); }

#mainVisual .active .visual-inner-txt h2, 
#mainVisual .active .visual-inner-txt strong, 
#mainVisual .active .visual-inner-txt p, 
#mainVisual .active .visual-txt a {opacity:1.0;filter:Alpha(opacity=100); line-height:1.2em;}

#mainVisual .slick-arrow{position:absolute; bottom:5%; width:63px; height:59px; left:6%; background:none; border:0; cursor:pointer; z-index:99; font-size:0;  -moz-transition:all 300ms; -o-transition:all 300ms; -ms-transition:all 300ms;transition:all 300ms}
#mainVisual .slick-arrow.slick-prev{background:url(../images/button/main_visual_prev_btn.png) no-repeat}
#mainVisual .slick-arrow.slick-next{margin-left:70px; background:url(../images/button/main_visual_next_btn.png) no-repeat}
#mainVisual .scroll-icon{position:absolute; bottom:32px; left:50%; width:72px; margin-left:-36px; text-align:center;}
#mainVisual .scroll-icon span{display:block; color:#fff; font-weight:300; font-size:10px; opacity:0.75;filter:Alpha(opacity=75); margin-bottom:15px;}

.mobile_img {display:none !important;}


/* popup news */
.popup_news {position:absolute; bottom:0px; left:0px; height:100px;  width:100%;  z-index:100;}
.popup_news .in {position:relative; background-color:#fff; max-width:1400px; width:100%; height:100px; margin:0 auto; }
.popup_news .in h3 {position:Absolute; left:0px; top:0px; width:220px; height:100px; line-height:100px; padding-left:100px; font-size:24px; color:#000000; background:#fff url(../images/common/logo_media.png) no-repeat 30px 50%; background-size:50px auto; z-index:5;  }
.popup_news .in h3 span {color:#08ab29;font-weight:700;}
.popup_news .in .m_news {position:Relative; width:100%;  }
.popup_news .in .m_news  p {position:relative; margin-left:370px;  padding:0px 120px 0px 0px; line-height:100px;  overflow:hidden; display:block;}
.popup_news .in .m_news  span.date {display:inline-block; opacity:0.7; margin-left:10px; font-size:0.85em;}
#mainVisual .popup_news  .in .slick-arrow {position:absolute; top:35px; width:35px; height:30px; background:none; border:1px solid #ededed; right:0; left:auto; cursor:pointer; z-index:99; font-size:0;  -moz-transition:all 300ms; -o-transition:all 300ms; -ms-transition:all 300ms;transition:all 300ms}
#mainVisual  .popup_news  .in .slick-arrow.slick-prev{background:#fff url(../images/icon/arr_icon.png) no-repeat -4px -107px; right:64px !important;}
#mainVisual  .popup_news  .in .slick-arrow.slick-next{    background:#fff url(../images/icon/arr_icon.png) no-repeat -105px -107px; right:30px;}
#mainVisual .popup_news  .visual-item:before {display:none; }



@media all and (max-width:1420px){
	#mainContainer{padding-top:0px;}

	/* 메인 :: 비주얼 */
	#mainVisual .visual-inner-txt h2{ font-size:2em; }

	#mainVisual .visual-item .section_video {position:relative; background-color:#000; width:100%; height:100vh; overflow:hidden;}
	#mainVisual .visual-item .section_video video {position: absolute; top: 50%; left: 50%;  min-width: 100%;  min-height: 100%;  transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%)translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%);}
	.section_video .videoWrap:after {content:"";display:block;position:fixed;left:0;top:0;width:100%;height:100%;background:url('../images/main/movie_dim.png'); z-index:1;}

}


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

	/********************************* section01 메인 비쥬얼**********************************/
	#mainVisual .visual-item .section_video {position:relative; background-color:#000; width:100%; height:100vh; overflow:hidden;}
	#mainVisual .visual-item .section_video video {position: absolute; top: 50%; left: 50%;  min-width: 100%; max-width:105%; min-height: 100%; max-height:150%;  transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%)translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%);}
	.section_video .videoWrap:after {content:"";display:block;position:fixed;left:0;top:0;width:100%;height:100%;background:url('../images/main/movie_dim.png'); z-index:1;}

}




@media all and (max-width:768px){
	/* popup news */
	.popup_news {position:absolute; bottom:0px; left:2%; height:auto;  width:96%; }
	.popup_news .in {position:relative; background-color:#fff; max-width:1400px; width:100%; height:auto; margin:0 auto; padding-top:10px; padding-bottom:10px;}
	.popup_news .in h3 {position:relative; left:0px; top:0px; width:100%; height:40px; line-height:40px; padding-left:80px; font-size:18px; color:#000000; background: url(../images/common/logo_media.png) no-repeat 30px 50%;  background-size:auto 30px;}
	.popup_news .in h3 span {color:#08ab29;font-weight:700;}
	.popup_news .in .m_news {position:Relative; width:100%;}
	.popup_news .in .m_news  p {  padding:10px 20px 0px 30px; line-height:1.4em; margin-bottom:10px; margin-left:0; height:20px; overflow:hidden;}
	.popup_news .in .m_news  span.date {display:inline-block; opacity:0.7; margin-left:30px; font-size:0.85em; margin-bottom:10px;}

	#mainVisual .popup_news  .in .slick-arrow {position:absolute; top:auto; bottom:0px; width:35px; height:30px; background:none; border:1px solid #ededed; right:auto; left:auto; cursor:pointer; z-index:99; font-size:0;  -moz-transition:all 300ms; -o-transition:all 300ms; -ms-transition:all 300ms;transition:all 300ms}
	#mainVisual .popup_news  .in .slick-arrow.slick-prev{background: url(../images/icon/arr_icon.png) no-repeat -4px -107px; right:54px !important;  margin-left:0;}
	#mainVisual .popup_news  .in .slick-arrow.slick-next{    background: url(../images/icon/arr_icon.png) no-repeat -105px -107px; right:20px; margin-right:0;}


	.pc_img {display:none  !important;}
	.mobile_img {display:block  !important;}

}


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

	/********************************* section01 메인 비쥬얼**********************************/
	/* active */
	#mainVisual .slick-arrow{position:absolute; bottom:5%; width:63px; height:59px; left:6%; background:none; border:0; cursor:pointer; z-index:99; font-size:0;  -moz-transition:all 300ms; -o-transition:all 300ms; -ms-transition:all 300ms;transition:all 300ms}
	#mainVisual .slick-arrow.slick-prev{background:url(../images/button/main_visual_prev_btn.png) no-repeat}
	#mainVisual .slick-arrow.slick-next{margin-left:70px; background:url(../images/button/main_visual_next_btn.png) no-repeat}
	#mainVisual .scroll-icon{display:none;}
}







/********************************* * section01  배너  **********************************/
#mainBannerCon {overflow:hidden; position:relative; width:100%; height:auto;  z-index:1;   padding:150px 0 100px 0; background:#f9f9f9 url(../images/main/main_service_bg5.jpg) no-repeat; background-size:cover; }
#mainBannerCon_in ul li {position:relative; overflow:hidden; width:100%; height:450px; margin:30px 0;}
#mainBannerCon_in ul li button {display:none !important; }
#mainBannerCon_in .banner_area  {position:relative; width:100%; height:100%; }
#mainBannerCon_in .img_area {position:Relative; width:600px; height:100%; display:block; border-radius:50px 0 50px 0; overflow:hidden; float:left; }
#mainBannerCon_in .text_area {float:right; width:calc(100% - 650px);}
#mainBannerCon_in .text_area h3 {color:#000; font-size:36px; line-height:1.2em; padding:50px; word-break:keep-all; font-weight:300;}
#mainBannerCon_in .text_area h3 span {font-size:1.6em;  line-height:1.3em; display:inline-block; font-weight:700;}
#mainBannerCon_in .banner_area.right_side .img_area {float:right;}
#mainBannerCon_in .img_area img {min-height:100% !important;}


@media screen and (max-width: 1280px) {
	#mainBannerCon {overflow:hidden; position:relative; width:100%; height:auto;  z-index:1;   padding:150px 0 100px 0; background:#f9f9f9 url(../images/main/main_service_bg5.jpg) no-repeat; background-size:cover; }
	#mainBannerCon_in ul li {position:relative; overflow:hidden; width:100%; height:350px; margin:30px 0;}
	#mainBannerCon_in ul li button {display:none !important; }
	#mainBannerCon_in .banner_area  {position:relative; width:100%; height:100%; }
	#mainBannerCon_in .img_area {position:Relative; width:470px; height:100%; display:block; border-radius:50px 0 50px 0; overflow:hidden; float:left; }
	#mainBannerCon_in .text_area {float:right; width:calc(100% - 500px);}
	#mainBannerCon_in .text_area h3 {color:#000; font-size:36px; line-height:1.2em; padding:20px; word-break:keep-all; font-weight:300;}
	#mainBannerCon_in .text_area h3 span {font-size:1.6em;  line-height:1.3em; display:inline-block; font-weight:700;}
	#mainBannerCon_in .banner_area.right_side .img_area {float:right;}
	#mainBannerCon_in .img_area img {min-height:100% !important;}
}


@media screen and (max-width: 768px) {
	#mainBannerCon {overflow:hidden; position:relative; width:90%; height:auto;  z-index:1;   padding:80px 5% 0 5%; background:#f9f9f9 url(../images/main/main_service_bg5.jpg) no-repeat; background-size:cover; }
	#mainBannerCon_in ul li {position:relative; overflow:hidden; width:100%; height:auto; margin:15px 0;}
	#mainBannerCon_in ul li button {display:none !important; }
	#mainBannerCon_in .banner_area  {position:relative; width:100%; height:100%; max-height:800px; }
	#mainBannerCon_in .img_area {position:Relative; width:100%; height:auto; display:block; border-radius: 0; overflow:hidden; float:none; }
	#mainBannerCon_in .text_area {float:none; width:100%; text-align:Center;}
	#mainBannerCon_in .text_area h3 {color:#000; font-size:24px; line-height:1.2em; padding:30px 5% 50px 5%; word-break:keep-all; font-weight:300;}
	#mainBannerCon_in .text_area h3 span {font-size:1.3em;  line-height:1.3em; display:inline-block; font-weight:700;}
	#mainBannerCon_in .banner_area.right_side .img_area {float:none;}
	#mainBannerCon_in .img_area img {min-height:auto !important;}
}







/********************************* * section02  국제행사/회의/경연대회 **********************************/

/* 메인 :: 국제행사/회의/경연대회 */
#mainProductCon {overflow:hidden; position:relative; width:100%; height:100vh;  z-index:1; }
#mainProductCon .in {position:relative; width:100%; height:100vh; }

#mainProductCon ul li .img {position:absolute; top:0px; left:0px; z-index:1; width:100%; height:100%;   -webkit-transition:all 400ms;-moz-transition:all 400ms;-o-transition:all 400ms;-ms-transition:all 400ms;transition:all 400ms; transform: translateX(-50%) translateY(0); -webkit-transform: translateX(-50%)translateY(0); -ms-transform: translateX(-50%) translateY(0);}
#mainProductCon ul li .img img {max-width:300%; min-width:100%; min-height:100vh;  -webkit-transition:all 400ms;-moz-transition:all 400ms;-o-transition:all 400ms;-ms-transition:all 400ms;transition:all 400ms; }
#mainProductCon ul li:hover .img {position:absolute; top:0px; left:0px; z-index:1; width:100%; height:100%;   -webkit-transition:all 400ms;-moz-transition:all 400ms;-o-transition:all 400ms;-ms-transition:all 400ms;transition:all 400ms; transform: translateX(00%) translateY(0); -webkit-transform: translateX(00%)translateY(0); -ms-transform: translateX(0%) translateY(0);}
#mainProductCon ul li:hove .img img {max-width:300%; min-width:100%; min-height:100vh;  -webkit-transition:all 400ms;-moz-transition:all 400ms;-o-transition:all 400ms;-ms-transition:all 400ms;transition:all 400ms; }

#mainProductCon ul li .text {position:relative; z-index:10; text-align:Center;}
#mainProductCon ul li .table-db {display:table; width:100%; height:100%; }
#mainProductCon ul li .table-cell {display:table-cell; vertical-align:top; padding-top:200px;}
#mainProductCon ul li span {color:#ffd4df; font-size:16px; text-shadow:1px 1px 5px #222;}
#mainProductCon ul li h3 {position:relative; font-size:48px; font-weight:100; margin:20px auto 30px auto; padding-bottom:30px; text-shadow:1px 1px 5px #222; font-weight:700;}
#mainProductCon ul li h3:after {position:Absolute; display:Block; background-color:#fff; content:""; width:30px; height:1px; left:50%; margin-left:-15px; bottom:0;}
#mainProductCon ul li p  {display:block; padding:0 5% 30px 5%; word-break:keep-all; text-shadow:1px 1px 5px #222;}
#mainProductCon a.btn_white {opacity:1; transition:all 0.4s 0.5s;}
#mainProductCon a.btn_white:hover {background-color:#fff; color:#222; -moz-transition:all 300ms; -o-transition:all 300ms; -ms-transition:all 300ms;transition:all 300ms}
#mainProductCon ul { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between;}
.product_list { display: -webkit-box; display: flex; background-color: #000; height:100vh; width: 50%; overflow: hidden; -webkit-transition: all .3s ease; transition: all .3s ease; position: relative; -webkit-box-align: center; align-items: center; -webkit-filter: grayscale(100%); filter: grayscale(100%);}

.product_list .product_list-bg { height: 100vh; width: 100%; display: block; position: absolute;}
.product_list .nav-item-content { color: #fff; opacity: .8; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; /*-webkit-filter: blur(1px); filter: blur(1px);*/}

.product_list:hover { width: 100%; -webkit-filter: none; filter: none;}
.product_list:hover .nav-item-content { margin-left: 50px; opacity: 1; -webkit-filter: blur(0px); filter: blur(0px);}
.product_list:hover button { margin-left: 0; opacity: 1;}



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

	/********************************* * section02  국제행사/회의/경연대회 **********************************/

	/* 메인 :: 국제행사/회의/경연대회 */
	#mainProductCon ul li span {color:#ffd4df; font-size:15px;}
	#mainProductCon ul li h3 {position:relative; font-size:32px; font-weight:100; margin:10px auto 20px auto; padding-bottom:20px;}
	#mainProductCon ul li h3:after {position:Absolute; display:Block; background-color:#fff; content:""; width:30px; height:1px; left:50%; margin-left:-15px; bottom:0;}
	#mainProductCon ul li p  {display:block; margin-bottom:50px;}

	#mainProductCon a.btn_white {opacity:1; transition:all 0.4s 0.5s; font-size:14px;}
	#mainProductCon a.btn_white:hover {background-color:#fff; color:#222; -moz-transition:all 300ms; -o-transition:all 300ms; -ms-transition:all 300ms;transition:all 300ms}

}


@media screen and (max-width: 768px) {
	#mainProductCon ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; }
	.product_list { width: 100%; height: 200px; }
	.product_list:hover { height: 350px; }
	#mainProductCon ul li .text {position:relative; z-index:10; text-align:left;}
	
	#mainProductCon ul li .img { transform: translateX(0%) translateY(0); -webkit-transform: translateX(-0%)translateY(0); -ms-transform: translateX(0%) translateY(0);}
	#mainProductCon ul li:hover .img { transform: translateX(00%) translateY(0); -webkit-transform: translateX(0%)translateY(0); -ms-transform: translateX(0%) translateY(0);}
}



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

	/********************************* * section02  국제행사/회의/경연대회 **********************************/

	/* 메인 :: 국제행사/회의/경연대회 */
	#mainProductCon {overflow:hidden; position:relative; width:100%; height:100vh; z-index:1; background:#222 url(../images/main/main_visual_01.jpg) no-repeat 0% 0%;  background-size:cover;}
	#mainProductCon ul li {width:100%; height:33vh; text-align:left;}
	#mainProductCon ul li:nth-child(1) { width: 100%; height:34vh;}
	#mainProductCon ul li:nth-child(2) { width: 100%;}

	#mainProductCon ul li .img {position:absolute; top:0px; left:0px; z-index:1; width:100%; height:100%;}
	#mainProductCon ul li .img img {max-width: 130%;    min-width: 100%;    min-height: 34vh;    -webkit-transition: all 400ms;    -moz-transition: all 400ms;    -o-transition: all 400ms;    -ms-transition: all 400ms;    transition: all 400ms;}
	#mainProductCon ul li:hover .img img  {transform:scale(1.1,1.1)}
	#mainProductCon ul li .text {position:relative; z-index:10;}

	#mainProductCon ul li .table-db {display:table; width:95%; height:100%; padding-left:5%; }
	#mainProductCon ul li .table-cell {display:table-cell; vertical-align:middle; padding-top:0px;}
	#mainProductCon ul li span {color:#ffd4df; font-size:15px;}
	#mainProductCon ul li h3 {position:relative; font-size:32px; font-weight:100; margin:10px auto 10px auto; padding-bottom:0px;}
	#mainProductCon ul li h3:after {position:Absolute; display:none; }
	#mainProductCon ul li p  {display:block; margin-bottom:30px; padding:0px;}

	#mainProductCon a.btn_white {opacity:1; transition:all 0.4s 0.5s; font-size:13px; padding:5px 30px !important;}
	#mainProductCon a.btn_white:hover {background-color:#fff; color:#222; -moz-transition:all 300ms; -o-transition:all 300ms; -ms-transition:all 300ms;transition:all 300ms}

}


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

	/*********************************메인 네비게이션바*& 공통********************************** /
	/* 메인 :: 라이트바 */
	#rightBar{position:fixed; top:50%; right:5px; z-index:99; width:42px; padding:10px 0; margin-top:-82px;  text-align:center; }
	#rightBar a{color:#fff;}
	#rightBar > ul {padding:0 13px; }
	#rightBar > ul > li {position:relative; padding:10px 0; opacity:0.7;}
	#rightBar > ul > li.on {opacity:1;}
	#rightBar > ul > li .bullet{display:block; width:8px; height:8px; margin:0px auto; background-color:#fff; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px;border-radius:10px; opacity:1;}
	#rightBar > ul > li p {overflow:hidden; position:absolute; top:10px; right:24px; width:58px; height:20px;  text-align:right; -moz-transition:all 300ms; -o-transition:all 300ms; -ms-transition:all 300ms;transition:all 300ms}
	#rightBar > ul > li a:hover p,#rightBar > ul > li.on a p{opacity:1.0;filter:Alpha(opacity=100); transform:translateX(0); -webkit-transform:translateX(0px);}
	#rightBar > ul > li p strong, #rightBar > ul > li p span{float:left; width:100%; height:20px; line-height:20px; color:#fff; font-weight:300; }
	#rightBar > ul > li p strong{background-color:rgba(0,0,0,0.5); font-size:13px;}
	#rightBar > ul > li p span{ display:none; font-size:13px;}
	.i-font{color:#fff; font-size:25px;}
	.to-top-btn{font-size:10px;}


	/********************************* * section02  국제행사/회의/경연대회 **********************************/

	/* 메인 :: 국제행사/회의/경연대회 */
	#mainProductCon {overflow:hidden; position:relative; width:100%; height:100vh; z-index:1; background:#222 url(../images/main/main_visual_01.jpg) no-repeat 0% 0%;  background-size:cover;}
	#mainProductCon ul li {width:100%; height:33vh; text-align:left;}
	#mainProductCon ul li:nth-child(1) { width: 100%; }
	#mainProductCon ul li:nth-child(2) { width: 100%;}

	#mainProductCon ul li .img {position:absolute; top:0px; left:0px; z-index:1; width:100%; height:100%;}
	#mainProductCon ul li .img img {max-width: 130%;    min-width: 100%;    min-height: 34vh;    -webkit-transition: all 400ms;    -moz-transition: all 400ms;    -o-transition: all 400ms;    -ms-transition: all 400ms;    transition: all 400ms;}
	#mainProductCon ul li:hover .img img  {transform:scale(1.1,1.1)}
	#mainProductCon ul li .text {position:relative; z-index:10;}
 
	#mainProductCon ul li .table-db {display:table; width:95%; height:100%; padding-left:5%; }
	#mainProductCon ul li .table-cell {display:table-cell; vertical-align:middle;}
	#mainProductCon ul li span {color:#ffd4df; font-size:12px;}
	#mainProductCon ul li h3 {position:relative; font-size:24px; font-weight:100; margin:5px auto  5px auto; padding-bottom:0px;}
	#mainProductCon ul li h3:after {position:Absolute; display:none; }
	#mainProductCon ul li p  {display:block; margin-bottom:20px;  font-size:12px;}

	#mainProductCon a.btn_white {opacity:1; transition:all 0.4s 0.5s; font-size:12px; padding:5px 30px !important;}
	#mainProductCon a.btn_white:hover {background-color:#fff; color:#222; -moz-transition:all 300ms; -o-transition:all 300ms; -ms-transition:all 300ms;transition:all 300ms}

}







/********************************** section03  NEWS **********************************/

/* 메인 ::  배너 */
#mainBoardCon {position:relative; min-height:calc(100vh - 250px);  padding:200px 3% 100px 3%;  height:auto !important; width:94%; background:#00285f url(../images/main/main_service_bg4.jpg) no-repeat 50% 50%;  background-size:cover; text-align:Center;}
#mainInvestCon .content-tit{ padding-bottom:20px; color:#fff;  text-align:Center;}
#mainInvestCon .content-sub-tit { color:#fff;  text-align:Center; width:100%;}

#mainInvestCon .news_area {position:relative; margin-top:50px; }
#mainInvestCon .news_area .news_left {position:relative; float:left; width:400px; background-color:#0074e0; height:540px; }
#mainInvestCon .news_area .news_left .in {position:Relative; padding:30px; text-align:left; color:#fff; }
#mainInvestCon .news_area .news_left .in h3 {font-weight:700;}
#mainInvestCon .news_area .news_left .in ul.tab {position:Relative; margin-top:20px; }
#mainInvestCon .news_area .news_left .in ul.tab li {float:left; width:50%; border:1px solid #fff; box-sizing:border-box; line-height:40px; text-align:Center; -moz-transition:all 300ms; -o-transition:all 300ms; -ms-transition:all 300ms;transition:all 300ms}
#mainInvestCon .news_area .news_left .in ul.tab li:nth-child(1) {border-bottom:0px;}
#mainInvestCon .news_area .news_left .in ul.tab li:nth-child(2) {border-bottom:0px; border-left:0px;}
#mainInvestCon .news_area .news_left .in ul.tab li:nth-child(4) { border-left:0px;}
#mainInvestCon .news_area .news_left .in ul.tab li.on {background-color:#fff; }
#mainInvestCon .news_area .news_left .in ul.tab li a {color:#fff; display:block;}
#mainInvestCon .news_area .news_left .in ul.tab li:hover {opacity:0.8; -moz-transition:all 300ms; -o-transition:all 300ms; -ms-transition:all 300ms;transition:all 300ms}
#mainInvestCon .news_area .news_left .in ul.tab li.on  a {color:#0074e0;}
#mainInvestCon .news_area .news_left .in .notice_list { position:relative; margin-top:10px; overflow:hidden; height:340px;}
#mainInvestCon .news_area .news_left .in .notice_list li {border-bottom:1px dashed rgba(256,256,256,0.2); padding:10px 10px ;}
#mainInvestCon .news_area .news_left .in .notice_list li a {color:#fff; height:20px; overflow:hidden; display:block;}
#mainInvestCon .news_area .news_left .in .notice_list li a:hover {opacity:0.8}
#mainInvestCon .news_area .news_left .in .notice_list li span {display:block; opacity:0.7; font-size:0.8em; margin-top:5px;}

#mainInvestCon .news_area .news_right {position:relative;margin-left:450px; }

/* 메인 :: 제품 소개 슬라이드 */
#mainBoardCon .visual-item {position:relative; width:100%; overflow:hidden;  margin:0 15px; background-color:#fff;  height:540px;}
#mainBoardCon .visual-item > img { width:100%;	-ms-transform: scale(1.0,1.0); /* IE 9 */    -o-transform: scale(1.0,1.0); /* IE 9 */    -moz-transform: scale(1.0,1.0); /* IE 9 */    -webkit-transform: scale(1.0,1.0); /* Chrome, Safari, Opera */     transform: scale(1.0,1.0);	-webkit-transition:transform 500ms  ease-in-out ; /* Safari */	-moz-transition:transform 500ms ease-in-out ; /* Safari */	-o-transition:transform 500ms ease-in-out ; /* Safari */	-ms-transition:transform 500ms ease-in-out ; /* Safari */    transition:transform 500ms ease-in-out ;}
#mainBoardCon .visual-item a:hover  >  img  {transform:scale(1.3,1.3); 	-ms-transform: scale(1.2,1.2); /* IE 9 */    -o-transform: scale(1.2,1.2); /* IE 9 */    -moz-transform: scale(1.2,1.2); /* IE 9 */    -webkit-transform: scale(1.2,1.2); /* Chrome, Safari, Opera */     transform: scale(1.2,1.2);	-webkit-transition:transform 500ms  ease-in-out ; /* Safari */	-moz-transition:transform 500ms ease-in-out ; /* Safari */	-o-transition:transform 500ms ease-in-out ; /* Safari */	-ms-transition:transform 500ms ease-in-out ; /* Safari */    transition:transform 500ms ease-in-out ;}
#mainBoardCon .visual-item a  >  img  {width:100%;	-ms-transform: scale(1.0,1.0); /* IE 9 */    -o-transform: scale(1.0,1.0); /* IE 9 */    -moz-transform: scale(1.0,1.0); /* IE 9 */    -webkit-transform: scale(1.0,1.0); /* Chrome, Safari, Opera */     transform: scale(1.0,1.0);	-webkit-transition:transform 500ms  ease-in-out ; /* Safari */	-moz-transition:transform 500ms ease-in-out ; /* Safari */	-o-transition:transform 500ms ease-in-out ; /* Safari */	-ms-transition:transform 500ms ease-in-out ; /* Safari */    transition:transform 500ms ease-in-out ;}
#mainBoardCon .visual-item:focus{outline:none;}
#mainBoardCon .visual-txt {position:absolute;  top:50%; right:0px; width:100%; height:50%; background-color:#fff; z-index:10;  }
#mainBoardCon .visual-inner-txt h2 {position:Relative; padding:0 30px;  font-size:20px;  line-height:1.2em; color:#222;  transition-delay:0.2s; font-weight:400;  text-align:left; z-index:10; margin-bottom:30px;}
#mainBoardCon .visual-inner-txt:after {content:""; position:Absolute; top:-50px;  left:-100px; width:600px; height:90px; background-color:#fff; z-index:1;  transform: rotate(-4deg) !important;}
#mainBoardCon .visual-inner-txt strong {position:Relative; display:block;  font-weight:300; transition-delay:0.4s; line-height:20px;  height:60px; margin-top:0px; margin-bottom:20px;  overflow:hidden; padding:0px 30px;  text-align:left; color:#666666; font-size:15px;}
#mainBoardCon .visual-txt a { padding:6px 7px 5px 15px; width:100px; margin-top:10px;  margin:0 auto; opacity:0.9;filter:Alpha(opacity=0.9);	 display:block; border:1px solid #bdbdbd; font-size:13px; -moz-transition:all 300ms; -o-transition:all 300ms; -ms-transition:all 300ms;transition:all 300ms}
#mainBoardCon .visual-txt a:hover { background-color:#021760; color:#fff;  border:1px solid #041243;  -moz-transition:all 300ms; -o-transition:all 300ms; -ms-transition:all 300ms;transition:all 300ms;}

/* active */
#mainBoardCon .slick-arrow{ width:38px; height:38px;  background:none; border:1px solid #fff; cursor:pointer; z-index:99; font-size:0; overflow:hidden;  -moz-transition:all 300ms; -o-transition:all 300ms; -ms-transition:all 300ms;transition:all 300ms}
#mainBoardCon .slick-arrow.slick-prev{ position:Absolute; top:50%;  left:-30px; margin-top:-30px; background:url(../images/icon/main.png) no-repeat 0px -333px; }
#mainBoardCon .slick-arrow.slick-next{ position:Absolute; top:50%;  right:-30px;  margin-top:-30px;  background: url(../images/icon/main.png) no-repeat 0px -333px; transform:rotate(180deg); }
#mainBoardCon .scroll-icon{position:absolute; bottom:32px; left:50%; width:72px; margin-left:-36px; text-align:center;}
#mainBoardCon .scroll-icon span{display:block; color:#fff; font-weight:300; font-size:10px; opacity:0.75;filter:Alpha(opacity=75); margin-bottom:15px;}

/* 하단 배너 */
.product_banner {position:relative; margin-top:30px; padding-top:30px; border-top:1px solid rgba(256,256,256,0.3);}
.product_banner li {float:left; width:33.3%; margin:0%; height:120px; overflow:hidden; display:block; background-color:#fff; }
.product_banner li:first-child {margin-left:0px;}
.product_banner li img {width:100%; height:120px;}

#mainBoardCon .product_banner .visual-item {position:relative; width:100%; overflow:hidden;  margin:0 5px; background-color:#fff;  height:auto;}
#mainBoardCon .product_banner .visual-item > img { width:100%;	-ms-transform: scale(1.0,1.0); /* IE 9 */    -o-transform: scale(1.0,1.0); /* IE 9 */    -moz-transform: scale(1.0,1.0); /* IE 9 */    -webkit-transform: scale(1.0,1.0); /* Chrome, Safari, Opera */     transform: scale(1.0,1.0);	-webkit-transition:transform 500ms  ease-in-out ; /* Safari */	-moz-transition:transform 500ms ease-in-out ; /* Safari */	-o-transition:transform 500ms ease-in-out ; /* Safari */	-ms-transition:transform 500ms ease-in-out ; /* Safari */    transition:transform 500ms ease-in-out ;}
#mainBoardCon .product_banner .visual-item a:hover  >  img  {transform:scale(1.3,1.3); 	-ms-transform: scale(1.2,1.2); /* IE 9 */    -o-transform: scale(1.2,1.2); /* IE 9 */    -moz-transform: scale(1.2,1.2); /* IE 9 */    -webkit-transform: scale(1.2,1.2); /* Chrome, Safari, Opera */     transform: scale(1.2,1.2);	-webkit-transition:transform 500ms  ease-in-out ; /* Safari */	-moz-transition:transform 500ms ease-in-out ; /* Safari */	-o-transition:transform 500ms ease-in-out ; /* Safari */	-ms-transition:transform 500ms ease-in-out ; /* Safari */    transition:transform 500ms ease-in-out ;}
#mainBoardCon .product_banner .visual-item a  >  img  {width:100%;	-ms-transform: scale(1.0,1.0); /* IE 9 */    -o-transform: scale(1.0,1.0); /* IE 9 */    -moz-transform: scale(1.0,1.0); /* IE 9 */    -webkit-transform: scale(1.0,1.0); /* Chrome, Safari, Opera */     transform: scale(1.0,1.0);	-webkit-transition:transform 500ms  ease-in-out ; /* Safari */	-moz-transition:transform 500ms ease-in-out ; /* Safari */	-o-transition:transform 500ms ease-in-out ; /* Safari */	-ms-transition:transform 500ms ease-in-out ; /* Safari */    transition:transform 500ms ease-in-out ;}


/* active */
#mainBoardCon .product_banner .slick-arrow{ display:none !important;}
#mainBoardCon .product_banner .slick-arrow.slick-prev{ display:none !important;}
#mainBoardCon .product_banner .slick-arrow.slick-next{  display:none !important;}




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

	/********************************** section03  NEWS **********************************/
	/* 메인 ::  배너 */
	#mainBoardCon {position:relative; min-height:calc(100vh - 250px);  padding:150px 3% 100px 3%;  height:auto !important; width:94%; text-align:Center;}

}


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

	/********************************** section03  NEWS **********************************/

	/* 메인 ::  배너 */
	#mainBoardCon {position:relative; min-height:100vh;  padding:70px 2% 30px 2%;  height:auto !important; width:96%;  text-align:Center;}
	#mainInvestCon .content-tit{ padding-bottom:10px; color:#fff;  text-align:Center; font-size:28px;}
	#mainInvestCon .content-sub-tit { color:#fff;  text-align:Center; width:100%;}

	#mainInvestCon .news_area {position:relative; margin-top:20px; }
	#mainInvestCon .news_area .news_left {position:relative; float:none; width:100%; background-color:#0074e0; height:auto; margin-bottom:10px;} 
	#mainInvestCon .news_area .news_left .in {position:Relative; padding:15px 15px; text-align:left; color:#fff;}
	#mainInvestCon .news_area .news_left .in h3 {font-weight:700;}
	#mainInvestCon .news_area .news_left .in ul.tab {position:Relative; margin-top:20px; }
	#mainInvestCon .news_area .news_left .in ul.tab li {float:left; width:23%; border:1px solid #fff; box-sizing:border-box; line-height:40px; text-align:Center; }
	#mainInvestCon .news_area .news_left .in ul.tab li:nth-child(1) {border-bottom:1px solid #fff;}
	#mainInvestCon .news_area .news_left .in ul.tab li:nth-child(2) {border-bottom:1px solid #fff;  border-left:0px;}
	#mainInvestCon .news_area .news_left .in ul.tab li:nth-child(3) { border-left:0px;}
	#mainInvestCon .news_area .news_left .in ul.tab li:nth-child(4) { border-left:0px; width:31%;}
	#mainInvestCon .news_area .news_left .in ul.tab li.on {background-color:#fff; }
	#mainInvestCon .news_area .news_left .in ul.tab li a {color:#fff; font-size:13px;}
	#mainInvestCon .news_area .news_left .in ul.tab li.on  a {color:#0074e0;}
	#mainInvestCon .news_area .news_left .in .notice_list {margin-top:5px; height:220px;}
	#mainInvestCon .news_area .news_left .in .notice_list li {position:relative; border-bottom:1px dashed rgba(256,256,256,0.2); padding:11px 7px ;}
	#mainInvestCon .news_area .news_left .in .notice_list li a {color:#fff; padding-right:70px;}
	#mainInvestCon .news_area .news_left .in .notice_list li a:hover {opacity:0.8}
	#mainInvestCon .news_area .news_left .in .notice_list li a span {position:Absolute; right:0px; top:8px; display:block; opacity:0.7; font-size:0.8em; margin-top:5px;}
	#mainInvestCon .news_area .news_left .in .notice_list li:nth-child(4) {display:none;}
	#mainInvestCon .news_area .news_left .in .notice_list li:nth-child(5) {display:none;}

	#mainInvestCon .news_area .news_right {position:relative;margin-left:0; width:100%; }

	/* 메인 :: 제품 소개 슬라이드 */
	#mainBoardCon .visual-item {position:relative; width:100%; overflow:hidden;  margin:0 1px; background-color:#fff;  height:300px;}
	#mainBoardCon .visual-item > img { width:100%;	-ms-transform: scale(1.0,1.0); /* IE 9 */    -o-transform: scale(1.0,1.0); /* IE 9 */    -moz-transform: scale(1.0,1.0); /* IE 9 */    -webkit-transform: scale(1.0,1.0); /* Chrome, Safari, Opera */     transform: scale(1.0,1.0);	-webkit-transition:transform 500ms  ease-in-out ; /* Safari */	-moz-transition:transform 500ms ease-in-out ; /* Safari */	-o-transition:transform 500ms ease-in-out ; /* Safari */	-ms-transition:transform 500ms ease-in-out ; /* Safari */    transition:transform 500ms ease-in-out ;}
	#mainBoardCon .visual-item a:hover  >  img  {transform:scale(1.3,1.3); 	-ms-transform: scale(1.2,1.2); /* IE 9 */    -o-transform: scale(1.2,1.2); /* IE 9 */    -moz-transform: scale(1.2,1.2); /* IE 9 */    -webkit-transform: scale(1.2,1.2); /* Chrome, Safari, Opera */     transform: scale(1.2,1.2);	-webkit-transition:transform 500ms  ease-in-out ; /* Safari */	-moz-transition:transform 500ms ease-in-out ; /* Safari */	-o-transition:transform 500ms ease-in-out ; /* Safari */	-ms-transition:transform 500ms ease-in-out ; /* Safari */    transition:transform 500ms ease-in-out ;}
	#mainBoardCon .visual-item a  >  img  {width:100%;	-ms-transform: scale(1.0,1.0); /* IE 9 */    -o-transform: scale(1.0,1.0); /* IE 9 */    -moz-transform: scale(1.0,1.0); /* IE 9 */    -webkit-transform: scale(1.0,1.0); /* Chrome, Safari, Opera */     transform: scale(1.0,1.0);	-webkit-transition:transform 500ms  ease-in-out ; /* Safari */	-moz-transition:transform 500ms ease-in-out ; /* Safari */	-o-transition:transform 500ms ease-in-out ; /* Safari */	-ms-transition:transform 500ms ease-in-out ; /* Safari */    transition:transform 500ms ease-in-out ;}
	#mainBoardCon .visual-item:focus{outline:none;}
	#mainBoardCon .visual-txt {position:absolute;  top:50%; right:0px; width:100%; height:50%; background-color:#fff; z-index:10;  }
	#mainBoardCon .visual-inner-txt h2 {position:Relative; padding:0 20px;  font-size:16px; height:40px; overflow:hidden;  line-height:20px; color:#222;  transition-delay:0.2s; font-weight:400;  text-align:left; z-index:10; margin-bottom:20px;}
	#mainBoardCon .visual-inner-txt:after {content:""; position:Absolute; top:-20px;  left:-50px; width:800px; height:70px; background-color:#fff; z-index:1;  transform: rotate(-1deg) !important;}
	#mainBoardCon .visual-inner-txt strong {position:Relative; display:block;  font-weight:300; transition-delay:0.4s; line-height:20px;  height:60px; margin-top:0px;margin-bottom:20px;  overflow:hidden; padding:0px 20px;  text-align:left; color:#666666; font-size:13px;}
	#mainBoardCon .visual-txt a { padding:6px 7px 5px 15px; width:100px; margin-top:10px;  margin:0 auto; opacity:0.9;filter:Alpha(opacity=0.9);	 display:block; border:1px solid #bdbdbd; font-size:13px; -moz-transition:all 300ms; -o-transition:all 300ms; -ms-transition:all 300ms;transition:all 300ms}
	#mainBoardCon .visual-txt a:hover { background-color:#021760; color:#fff;  border:1px solid #041243;  -moz-transition:all 300ms; -o-transition:all 300ms; -ms-transition:all 300ms;transition:all 300ms;}

	/* active */
	#mainBoardCon .slick-arrow{ width:30px; height:30px;  background:none; border:1px solid #fff; cursor:pointer; z-index:99; font-size:0; overflow:hidden;  -moz-transition:all 300ms; -o-transition:all 300ms; -ms-transition:all 300ms;transition:all 300ms}
	#mainBoardCon .slick-arrow.slick-prev{ position:Absolute; top:auto; bottom:-50px;  left:50%; margin-left:-28px;margin-top:0; background:url(../images/icon/main.png) no-repeat -5px -337px; }
	#mainBoardCon .slick-arrow.slick-next{ position:Absolute; top:auto; bottom:-50px;  right:50%; margin-right:-30px; margin-top:0;  background: url(../images/icon/main.png) no-repeat -5px -339px; transform:rotate(180deg); }
	#mainBoardCon .scroll-icon{position:absolute; bottom:32px; left:50%; width:72px; margin-left:-36px; text-align:center;}
	#mainBoardCon .scroll-icon span{display:block; color:#fff; font-weight:300; font-size:10px; opacity:0.75;filter:Alpha(opacity=75); margin-bottom:15px;}

	/* 하단 배너 */
	.product_banner {position:relative; margin-top:70px;}
	.product_banner li {float:left; width:49%; margin-left:2%; height:50px; overflow:hidden; display:block; background-color:#fff; }
	.product_banner li:first-child {margin-left:0px;}
	.product_banner li:nth-child(3) {display:none;}
	.product_banner li img {width:100%; height:50px !important;}

}