@charset "utf-8";

/* ***** LAYOUT ***** */
.main_screen_bg { position:fixed; top:0; left:0; width:100%; height:100%; opacity:1; visibility: visible; background-color: #fff; z-index: 999999999;}

#wrap { position:relative; overflow:hidden; width:100%; /* background:var(--main-bg-color); */ }
#top_blk { position:fixed; top:0px; left:0; width:100%; height:95px; background:rgba(0,0,0,0.0); border:1px solid rgba(255,255,255,0.1); border-width:0 0 0px 0; /* box-shadow: 0px 10px 12px rgb(0 0 0 / 5%); */ z-index:9999; transition:all .3s; }

/* ***** TOP MENU ***** */
.open_menu_sec { position:relative; width:100%; height:100%; z-index:99999;  }
.open_menu_sec .m_wrp { display:flex; justify-content:space-between; max-width:1560px; margin:0 auto; height:100%; }
.open_menu_sec .m_wrp .logo_i { width:210px; transition:all .3s; }
.open_menu_sec .m_wrp .logo_i a { display:block; width:100%; height:100%; background: url(/images/logo_b2.png?tm=1.1) no-repeat center 2px; background-size:contain; font-size:0; text-indent: -9999em; transition:all .3s; }
.open_menu_sec .m_wrp .menuSet { width:1000px; z-index:1; margin-left:120px; }
.open_menu_sec .m_wrp .menuSet .bmenu { display:inline-block; width:100%; height:100%; padding:0 0 0 0; transition:all .3s; }
.open_menu_sec .m_wrp .menuSet .bmenu .mb-menu-logo { display:none; }
.open_menu_sec .m_wrp .menuSet .bmenu .mb-menu-login { display:none; }
.open_menu_sec .m_wrp .phone { position:relative; display:block; width:250px; transition:all .3s; z-index:99999; }
.open_menu_sec .m_wrp .phone .icon-t { position:relative; top:10px; left:0; right:0; margin:0 auto; width:200px; transition:all .3s; animation: ca_motion_2 1.5s ease-in-out infinite; }
.open_menu_sec .m_wrp .phone .icon-t span { position:absolute; top:0; z-index:2; }
.open_menu_sec .m_wrp .phone .icon-t em { position:absolute; top:0; z-index:1; }
.open_menu_sec .m_wrp .phone .icon-t img { width:100%; }

.open_menu_sec .m_wrp .phone .txt-set { display:none; justify-content:center; align-items:center; position:absolute; top:140px; left:0; width:100%; padding:8px 0 10px 0; background:#000; border-radius:50px; transition:all .5s; line-height:1.1; letter-spacing:-0.05em; }
.open_menu_sec .m_wrp .phone .txt-set .icon-tt { display:none; width:35px; height:35px; background:#ff7311; border-radius:50px; padding:10px 0 10px 0; transition:all .3s; }
.open_menu_sec .m_wrp .phone .txt-set .icon-tt img { width:80%; }
.open_menu_sec .m_wrp .phone .txt-set .sta { font-family:var(--neo); font-weight:800; margin-left:5px; font-size:17px; color:#ff5a00; transition:all .3s; }
.open_menu_sec .m_wrp .phone .txt-set .dday { font-family:Pretendard; font-weight:800; margin-left:5px; font-size:17px; padding-top:1px; color:#fff; transition:all .3s; }


@keyframes BtnemAnimation {
  0% { left: 100%; }
  100% { left: -100%; }
}

.menuSet .mb_menu { display:none; }
.menuSet .mb_close { display:none; }
.menuSet .mb_cvr { display:none; }

#content_blk { margin-top:0; transition:all .3s; }
#content_blk.active { margin-top:0; transition:all .3s;}

@media (min-width:1560px) {
	#top_blk.active { height:60px; background-color: #e94865; -webkit-backdrop-filter: blur(40px) !important; backdrop-filter: blur(40px) !important; border:1px solid rgba(255,255,255,0.1); box-shadow: 0px 10px 12px rgb(0 0 0 / 5%); border-width:0 0 1px 0; transition:all .3s .3s; }
	#top_blk.active .open_menu_sec .logo_i a { display:block; width:180px; height:100%; background: url(/images/logo_b.png?tm=1.1) no-repeat center 2px; background-size:contain; font-size:0; text-indent: -9999em; transition:all .3s; }

	#top_blk.active .tt_bg_blk { margin-top:60px; transition:all .3s; }
	#top_blk.active #navi_top .subArea { top:60px; transition:all .3s .0s; }
	#top_blk.active #navi_top ul { display:flex; flex-wrap:wrap; width:100%; padding:18px 0 0 0; transition:all .3s .0s; }
	#top_blk.active #navi_top ul.depth1 li a { position:relative; height:42px !important; color:#fff; transition:all .3s .3s; }
	#top_blk.active #navi_top ul.depth2 li a { height:30px !important; transition:all .2s; } 
	#top_blk.active #navi_top ul.depth2 li a:hover::after { width:100%; bottom:0; transition:all .2s; } 

	#top_blk.active .open_menu_sec .m_wrp .phone { width:250px; transition:all .3s; }
	#top_blk.active .open_menu_sec .m_wrp .phone .icon-t { height:0; opacity:0; }

	#top_blk.active .open_menu_sec .m_wrp .phone .txt-set { display:flex; justify-content:center; align-items:center;  position:absolute; top:10px; padding:5px 0 7px 0; transition:all .5s; }
	#top_blk.active .open_menu_sec .m_wrp .phone .txt-set .icon-tt { display:block; width:30px; height:30px; background:#ff7311; border-radius:50px; padding:6px 0 10px 3px; transition:all .3s; }
	#top_blk.active .open_menu_sec .m_wrp .phone .txt-set .icon-tt img { width:90%; }
	#top_blk.active .open_menu_sec .m_wrp .phone .txt-set .sta { margin-left:5px; font-size:16px; color:#ff5a00; transition:all .3s; }
	#top_blk.active .open_menu_sec .m_wrp .phone .txt-set .dday { margin-left:5px; font-size:16px; padding-top:1px; color:#fff; transition:all .3s; }

	.topwidth1 { width:14%; border:0px solid red;}
	.topwidth3 { width:14%; border:0px solid red;}
	.topwidth2 { width:14%; border:0px solid red;}
	.topwidth4 { width:14%; border:0px solid red;}
	.topwidth5 { width:14%; border:0px solid red;}
	.topwidth7 { width:14%; border:0px solid red;}
	.topwidth8 { width:16%; border:0px solid red;}
	.crown-icon { position:absolute; top:-20px; left:25px; width:40px; }
	.crown-icon img { width:100%; }
}

@media screen and (max-width: 1560px){
	#top_blk { position:fixed; top:0px; left:0; background:#fff; width:100%; height:60px; border-bottom:1px solid #ef526e; z-index:9999; transition:all .3s; }

.open_menu_sec .m_wrp .phone { position:absolute; display:block; width:180px; right:10px; top:2px; transition:all .3s; z-index:99999; }
.open_menu_sec .m_wrp .phone .icon-t { position:absolute; top:10px; left:0; right:0; margin:0 auto; width:100%; transition:all .3s; animation: ca_motion_2 1.5s ease-in-out infinite; }
.open_menu_sec .m_wrp .phone .txt-set { display:none; }

	#top_blk.active .open_menu_sec .m_wrp .phone { width:170px; transition:all .3s; }
	#top_blk.active .open_menu_sec .m_wrp .phone .icon-t { height:0; opacity:0; }
	#top_blk.active .open_menu_sec .m_wrp .phone .txt-set { display:flex; justify-content:center; align-items:center; position:absolute; top:8px; padding:2px 0 5px 0; transition:all .5s; }
	#top_blk.active .open_menu_sec .m_wrp .phone .txt-set .icon-tt { display:block; width:25px; height:25px; background:#ff7311; border-radius:50px; padding:5px 0 8px 3px; transition:all .3s; }
	#top_blk.active .open_menu_sec .m_wrp .phone .txt-set .icon-tt img { width:90%; }
	#top_blk.active .open_menu_sec .m_wrp .phone .txt-set .sta { display:none; margin-left:5px; font-size:16px; color:#ff5a00; transition:all .3s; }
	#top_blk.active .open_menu_sec .m_wrp .phone .txt-set .dday { margin-left:8px; font-size:15px; padding-top:3px; color:#fff; transition:all .3s; }


	.open_menu_sec .m_wrp { max-width:100%; margin:0 auto; height:100%; width:100%; background:#e94865; }
	.open_menu_sec .m_wrp .logo_i { display:relative; margin:0 auto; width:160px; }
	.open_menu_sec .m_wrp .logo_i a { background: url(/images/logo_b.png) no-repeat center left; background-size:contain; }
	.open_menu_sec .m_wrp .logo_i img { width:100%; padding:10px 0 0 0px; transition:all .3s; }

	.open_menu_sec .m_wrp .bmenu { width:100% !important; height:100%; overflow-y: auto; padding:0 0 0 0 !important; transition:all .2s; }
	.open_menu_sec .m_wrp .menuSet .bmenu .mb-menu-logo { display:block; background:#e94865; width:100%; text-align:center; }
	.open_menu_sec .m_wrp .menuSet .bmenu .mb-menu-logo img { width:100%; margin:0 auto 0; }
	.open_menu_sec .m_wrp .menuSet .bmenu .mb-menu-login { display:block; background:#244e9f; width:100%; text-align:center; }


	.open_menu_sec .m_wrp .menuSet { text-align:left; position:fixed; left:0; top:0; width:250px; margin-left:0px; height:100%; background:#e94865; transform: translateX(-100%); box-shadow: 0px 10px 12px rgb(0 0 0 / 5%); z-index:6; }
	.open_menu_sec .m_wrp .menuSet.show {transform: translateX(0%); transition:all .3s;}
	.menuSet .mb_menu { display:initial; position:absolute; top:0; right:-60px; padding:12px 0 0 20px; color:#fff; font-size:1.8rem; width:60px; height:60px; cursor:pointer; opacity:1; transform: translateX(0); transition:all .3s; z-index:999; }
	.menuSet .mb_menu.show { opacity:0; transition:all .3s; }
	.menuSet .mb_close { display:none; opacity:0; transition:all .3s; }
	.menuSet .mb_close.show { display:initial; position:absolute; top:0; right:-60px; padding:12px 0 0 20px; color:#fff; font-size:1.8rem; width:60px; height:60px; cursor:pointer; opacity:1; transform: translateX(0); transition:all .3s; z-index:999; }
	.mb_cvr { transition:all .3s;}
	.mb_cvr.show { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:5; opacity:1; transition:all .3s;}

	.crown-icon { position:absolute; top:5px; left:25px; width:30px; }
	.crown-icon img { width:100%; }

	#content_blk { margin-top:50px; width:100%; border:0 solid red;} 
	#bottom_blk { width:100%; text-align:center; border:0px solid red; }
}
@media screen and (max-width: 900px){
	#top_blk { height:50px; }

.open_menu_sec .m_wrp .phone { position:absolute; display:block; width:120px; right:10px; top:2px; transition:all .3s; z-index:99999; }
.open_menu_sec .m_wrp .phone .icon-t { position:absolute; top:10px; left:0; right:0; margin:0 auto; width:100%; transition:all .3s; animation: ca_motion_2 1.5s ease-in-out infinite; }
.open_menu_sec .m_wrp .phone .txt-set { display:none; }

	#top_blk.active .open_menu_sec .m_wrp .phone { width:135px; transition:all .3s; }
	#top_blk.active .open_menu_sec .m_wrp .phone .icon-t { height:0; opacity:0; }
	#top_blk.active .open_menu_sec .m_wrp .phone .txt-set { display:flex; justify-content:center; align-items:center; position:absolute; top:8px; padding:4px 0 5px 0; transition:all .5s; }
	#top_blk.active .open_menu_sec .m_wrp .phone .txt-set .icon-tt { display:block; width:20px; height:20px; background:#ff7311; border-radius:50px; padding:3px 0 8px 2px; transition:all .3s; }
	#top_blk.active .open_menu_sec .m_wrp .phone .txt-set .icon-tt img { width:90%; }
	#top_blk.active .open_menu_sec .m_wrp .phone .txt-set .sta { display:none; margin-left:5px; font-size:16px; color:#ff5a00; transition:all .3s; }
	#top_blk.active .open_menu_sec .m_wrp .phone .txt-set .dday { margin-left:5px; font-size:13px; padding-top:1px; color:#fff; transition:all .3s; }
	
	.open_menu_sec .m_wrp .logo_i { width:150px; }
	.menuSet .mb_menu { padding:12px 0 0 10px; font-size:1.5rem; }

	#bottom_blk { width:100%; text-align:center; }
}
@media screen and (max-width: 650px){
	.open_menu_sec .m_wrp .logo_i { width:120px; }

.open_menu_sec .m_wrp .phone { position:absolute; display:block; width:40px; right:10px; top:5px; transition:all .3s; z-index:99999; }
.open_menu_sec .m_wrp .phone .icon-t { position:absolute; top:5px; left:0; right:0; margin:0 auto; width:100%; height:auto; }
.open_menu_sec .m_wrp .phone .txt-set { display:none; }

	#top_blk.active .open_menu_sec .m_wrp .phone { width:40px; transition:all .3s; }
	#top_blk.active .open_menu_sec .m_wrp .phone .icon-t { position:absolute; top:5px; left:0; right:0; margin:0 auto; width:100%; opacity:1; transition:all .3s; animation: ca_motion_2 1.5s ease-in-out infinite; }
	#top_blk.active .open_menu_sec .m_wrp .phone .txt-set { display:none; justify-content:center; align-items:center; position:absolute; top:8px; padding:4px 0 5px 0; transition:all .5s; }
	#top_blk.active .open_menu_sec .m_wrp .phone .txt-set .icon-tt { display:block; width:20px; height:20px; background:#ff7311; border-radius:50px; padding:3px 0 8px 2px; transition:all .3s; }
	#top_blk.active .open_menu_sec .m_wrp .phone .txt-set .icon-tt img { width:90%; }
	#top_blk.active .open_menu_sec .m_wrp .phone .txt-set .sta { display:none; margin-left:5px; font-size:16px; color:#ff5a00; transition:all .3s; }
	#top_blk.active .open_menu_sec .m_wrp .phone .txt-set .dday { margin-left:5px; font-size:13px; padding-top:1px; color:#fff; transition:all .3s; }


}

@media (min-width:1560px) {
	#navi_top { display:initial; width:100%; font-family:Pretendard; }
	#navi_top ul { display:flex; flex-wrap:wrap; width:100%; padding:36px 0 0 0; transition:all .3s; }
	#navi_top ul.depth1 li { text-align:left; z-index:9; }
	#navi_top ul.depth1 li i { display:none; }
	#navi_top ul.depth1 li a { display:inline-block; font-family:var(--mandu2); position:relative; height:60px; font-size:22px; text-shadow: 1px 1px 2px black; width:auto; font-weight:normal; color:rgba(255,255,255,1); transition:all .2s; }
	#navi_top ul.depth1 li a::after { content:''; position:absolute; bottom:0; left:50%; width:0; height:2px; background:#000; transition:all ease .4s;} /* 1차메뉴 하단 라인*/
	#navi_top ul.depth1 li:hover > a::after { width:100%; left:0; display:block; content:'';}
	#navi_top ul.depth1 li a.on {color:#fff;}
	#navi_top ul.depth1 li a.on::after {display:block; content:''; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#000; transition:all ease .4s;}

	#navi_top .subArea { position:absolute; top:95px; left:0; width:100%; background:rgba(233,72,101,0.9); overflow:hidden; text-align:center; height:0; border-top:0px solid #eaeaea; transition:all .3s .0s; }
	#navi_top:hover .subArea {width:100%; height:310px; border-top:1px solid rgba(255,255,255,0.1); border-bottom:1px solid rgba(68,48,40,0.1); transition:all .3s; }

	#navi_top ul.depth2 { align-content:flex-start; height:0; width:100%; margin-top:10px; overflow:hidden; transition:all .3s; }
	#navi_top:hover ul.depth2 { height:310px; transition:all .3s .0s; }

	#navi_top ul.depth2 li { width:100%; margin:0; }
	#navi_top ul.depth2 li a { position:relative; color:rgba(255,255,255,1); height:30px !important; padding:0; margin-bottom:10px; font-family:var(--neo); text-shadow:none; font-size:16px; font-weight:700; border-bottom:0px solid #bfa68b; width:100%; letter-spacing:-1.1px; transition:all .2s; line-height:100%; }
	#navi_top ul.depth2 li a::after { content:''; position:absolute; bottom:0; left:0; width:0; height:1px; background:#000; transition:all .2s; }
	#navi_top ul.depth2 li a:hover { color:yellow; border-bottom:0px solid #bfa68b; transition:all .2s; }
	#navi_top ul.depth2 li a:hover::after { width:100%; bottom:0; transition:all .2s; }
	#navi_top ul.depth2 li a.on2 { width:auto; color:yellow; }
	#navi_top ul.depth2 li a.on2:hover {color:yellow; }
	#navi_top ul.depth2 li a.off2 { color:rgba(255,255,255,1); width:auto;}
}
@media (min-width:10px) and (max-width:1560px) {
	#navi_top ul { font-family:Pretendard; line-height:1.2; padding:0 0 0 0;  }
	#navi_top ul.depth1 li { position:relative; width:100%; }
	#navi_top ul.depth1 li i { position:absolute; top:23px; right:10px; width:30px; color:rgba(255,255,255,0.6); font-size:15px; }
	#navi_top ul.depth1 li i.on { color:rgba(255,255,255,1); }
	#navi_top ul.depth1 li a { font-size:0.95rem; padding:20px 0 20px 20px; border-bottom:1px solid rgba(255,255,255,0.1); position:relative; display:block; width:100%; font-weight:700; color:#fff; line-height:1.2; transition:all .2s; }
	#navi_top ul.depth1 li a.on {color:#dbfcff;}

	#navi_top .subArea { display:none; }

	#navi_top ul.depth2 { width:100%; overflow:hidden; }
	#navi_top ul.depth2 li { width:100%; }
	#navi_top ul.depth2 li a { font-size:0.93rem; padding:15px 0 15px 25px; background:rgba(255,255,255,0.1); border-bottom:1px dashed rgba(255,255,255,0.1); position:relative; display:block; width:100%; font-weight:700; color:#fff; transition:all .2s; }
	#navi_top ul.depth2 li a:hover { color:#fff; border-bottom:0px solid #bfa68b; transition:all .2s; }
	#navi_top ul.depth2 li a.on2 { width:auto; color:#fff; }
	#navi_top ul.depth2 li a.on2:hover {color:#fff; }
	#navi_top ul.depth2 li a.off2 { color:rgba(255,255,255,0.6); width:auto;}
}







/* bottom copy */
#menu_btms { font-family:Pretendard; font-weight:500; width:100%; background:rgba(0,0,0,0); border:1px solid #e0e0e0; border-width:1px 0 1px 0; text-align:center; letter-spacing:-0.05em; }
#menu_btms ul { text-align:center; }
#menu_btms ul li { display:inline-block; width:200px; padding:20px 40px; transition:all .2s; }
#menu_btms ul li a { width:100%; text-align:center; color:rgba(0,0,0,0.7);  font-size:14px; transition:all .2s; }
#menu_btms ul li a:hover {color:#000; }
#menu_btms ul li.mb_hd { border-left:1px solid #e0e0e0; }

.bt_cblk { width:100%; padding:30px 0; background:#fff; transition:all .2s; }
.bt_cblk .title { width:100%; text-align:center;  }
.bt_cblk .title .btlogo img { width:256px; transition:all .2s; }

.bt_cblk .info { width:100%; padding:25px 0 0 0px; border:0px solid red; text-align:center; font-family:Pretendard; font-weight:500; }
.bt_cblk .info .adf {padding:8px 0 0 5px; font-size:12px; color:#999;}
.bt_cblk .info .itx { width:100%; color:#9b9b9b; line-height:180%; font-size:14px;  }
.bt_cblk .info .itx span { display:inline-block; margin:0 5px; color:#6c6c6c;}
.bt_cblk .info .copy { padding:10px 0 0 0; font-size:13px; color:#6c6c6c; width:100%; }
.bt_cblk .info .copy span { color:black; margin:0 10px; color:#6c6c6c; }


@media screen and (max-width: 1360px){
	#menu_btms ul li { display:inline-block; width:200px; padding:20px 40px; }
	#menu_btms ul li a { width:100%; font-size:14px; }
	#menu_btms ul li a:hover { color:#000; }

	.bt_cblk { width:100%; padding:30px 0; background:#fff; transition:all .2s; }
	.bt_cblk .title { width:100%; text-align:center;  }
	.bt_cblk .title .btlogo img { width:256px; transition:all .2s; }

	.bt_cblk .info { width:100%; padding:25px 0 0 0px; border:0px solid red; text-align:center; font-family:Noto Sans KR, sans-serif; font-weight:500; }
	.bt_cblk .info .adf {padding:8px 0 0 5px; font-size:12px; color:#999;}
	.bt_cblk .info .itx { width:100%; color:#9b9b9b; line-height:180%; font-size:14px;  }
	.bt_cblk .info .itx span { display:inline-block; margin:0 5px; color:#6c6c6c;}
	.bt_cblk .info .copy { padding:10px 0 0 0; font-size:13px; color:#6c6c6c; width:100%; }
	.bt_cblk .info .copy span { color:black; margin:0 10px; color:#6c6c6c; }
}


@media screen and (max-width: 650px){
	#menu_btms ul li { width:30%; padding:10px 0; }
	#menu_btms ul li a { width:100%; text-align:center; color:rgba(0,0,0,0.7);  font-size:13px; transition:all .2s; }
	#menu_btms ul li a:hover {color:#000; }

	.bt_cblk { width:100%; padding:30px 20px; background:#fff; transition:all .2s; }
	.bt_cblk .title { width:100%; text-align:center;  }
	.bt_cblk .title .btlogo img { width:150px; transition:all .2s; }

	.bt_cblk .info { width:100%; padding:25px 0 0 0px; border:0px solid red; text-align:center; font-family:Noto Sans KR, sans-serif; font-weight:500; }
	.bt_cblk .info .adf {padding:8px 0 0 5px; font-size:12px; color:#999;}
	.bt_cblk .info .itx { width:100%; color:#9b9b9b; line-height:180%; font-size:12px; transition:all .2s; }
	.bt_cblk .info .itx span { display:inline-block; margin:0 5px; color:#6c6c6c;}
	.bt_cblk .info .copy { padding:10px 0 0 0; font-size:12px; color:#6c6c6c; width:100%; transition:all .2s; }
	.bt_cblk .info .copy span { color:black; margin:0 10px; color:#6c6c6c; }
}






.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;  -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden;  margin: 0; padding: 0; border:0px solid red; }
.slick-list:focus{ outline: none; }
.slick-list.dragging{ cursor: pointer; cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track{position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before,
.slick-track:after{display: table; content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide {display: none; float: left; height: auto; min-height: 1px;}
[dir='rtl'] .slick-slide { float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}

.slider {width: 100%; margin: auto;}
.slick-slide { /* padding:20px; */ padding:0px; border:0px solid red; margin-right:0px;}
.slick-slide img {width: 100%;}
.slick-prev:before,
.slick-next:before {color: black; }
.slick-slide {transition: all ease-in-out .3s; opacity:1;}
.slick-active {opacity: 1; }
.slick-current {opacity: 1;}

.slick-dotted.slick-slider{margin-bottom: 0px;}
.slick-dots{position: absolute; bottom: -50px; display: block; width: 100%; padding: 0; margin: 0;  list-style: none; text-align: center;}
.slick-dots li{position: relative; display: inline-block; margin: 0 5px; padding: 0; cursor: pointer;  background:transparent; border-radius:100%; display:none;}
.slick-dots li button{font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: #dddddd;  border-radius:100%;}
.slick-dots li button:hover,
.slick-dots li button:focus{outline: none; background:red;}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{opacity: 1;}
.slick-dots li button:before{font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 10px; height: 10px; content: 'ㆍ'; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border-radius:100%;}
.slick-dots li.slick-active button:before{ background:red;}

.slick-prev{display:none !important;}
.slick-next{display:none !important;}


/*quick_menu*/
.quick_menu { display:none; position:fixed; top:206px; left:50%; margin-left:730px; z-index:999; font-family: 'Pretendard';}
.quick_menu .menu_list { width:130px; }
.quick_menu .menu_list li a { display:block; position:relative; font-size:15px; font-weight:500; line-height:23px; padding:8px 0; text-align:center; color:#000; background:#fff; border:1px solid rgba(0,0,0,0.1); border-radius:45px; margin-bottom:10px;  transition:all .2s; }
.quick_menu .menu_list li a:hover { color:#fff; background:var(--main-color); transition:all .2s; }

@media all and ( max-width: 1360px ){
	.quick_menu{display:none;}
}


.footer-Wrap { width:100%; background:#212121; padding:0 0 40px 0; font-family:var(--neo); font-weight: 500; transition:all .2s; }

.footer-Wrap .footer-inWrap { position:relative; max-width:1560px; margin:0 auto 0; padding:20px 0; display:flex; flex-wrap:wrap; justify-content:space-between; transition:all .2s; }
.footer-Wrap .footer-inWrap .set1 { width:230px; padding-top:20px; b order:1px solid red; }
.footer-Wrap .footer-inWrap .set1 img { width:100%; }

.footer-Wrap .footer-inWrap .set2 { width:calc(100% - 630px); padding:0 0 0 50px; b order:1px solid red; }
.footer-Wrap .footer-inWrap .set2 .btm-comp-name { font-size:20px; padding:30px 0 0 0; color:rgba(255,255,255,0.7); font-family:var(--neo); font-weight: 500; transition:all .2s;  }

.footer-Wrap .footer-inWrap .set2 ul.fMenu { display:flex; align-items:center; margin:20px 0 0 0; }
.footer-Wrap .footer-inWrap .set2 ul.fMenu li { position:relative; padding:0 20px 0 0; }
.footer-Wrap .footer-inWrap .set2 ul.fMenu li a { color:#999; font-size:15px; font-weight:700; letter-spacing:-0.05em; vertical-align:top; letter-spacing:-0.025em; }
.footer-Wrap .footer-inWrap .set2 ul.fMenu li::after { position:absolute; content: ''; width: 1px; height: 10px; background:rgba(255,255,255,0.3); top:3px; right:10px; }
.footer-Wrap .footer-inWrap .set2 ul.fMenu li:last-child::after { display: none; }
.footer-Wrap .footer-inWrap .set2 ul.footertxt { width:100%; margin-top:20px; }
.footer-Wrap .footer-inWrap .set2 ul.footertxt li { display:block; font-weight:700; padding:0 20px 0 0; font-size:14px; color:rgba(255,255,255,0.4); line-height:170%; letter-spacing: -0.025em; }
.footer-Wrap .footer-inWrap .set2 .copy { font-size:13px; padding:20px 0 0 0; font-weight:700; color:rgba(255,255,255,0.4); letter-spacing:-0.025em; }

.footer-Wrap .footer-inWrap .set3 { width:400px; padding-top:20px; }
.footer-Wrap .footer-inWrap .set3 ul.footertxt2 { width:100%; padding:20px 0 0 0; line-height:170%; letter-spacing: -0.025em; }
.footer-Wrap .footer-inWrap .set3 ul.footertxt2 li.info-txt-title { display:block; font-size:16px; font-weight:700; padding:0 0 10px 0; color:rgba(255,255,255,0.6); }
.footer-Wrap .footer-inWrap .set3 ul.footertxt2 li.info-txt-desc { display:block; font-size:13px; font-weight:700; padding:0 0 0 0; color:rgba(255,255,255,0.4); }

.footer-Wrap .footer-inWrap .set3 ul.ficon { display:flex; width:180px; margin:20px 0 0 0; }
.footer-Wrap .footer-inWrap .set3 ul.ficon li { width:33%; }
.footer-Wrap .footer-inWrap .set3 ul.ficon li a { display:flex; align-items:center; flex-wrap:wrap; }
.footer-Wrap .footer-inWrap .set3 ul.ficon li a i { width:35px; font-size:18px;  height:35px; padding:8px 0 0 0; margin:0 auto; background:#e94865; border-radius:50px; color:#fff; text-align:center; transition:all .2s; }
.footer-Wrap .footer-inWrap .set3 ul.ficon li a span { width:100%; color:rgba(255,255,255,0.4); font-size:12px; padding:10px 0 0 0; text-align:center; }
.footer-Wrap .footer-inWrap .set3 ul.ficon li:hover a i { background:#fff; color:#e94865; transition:all .2s; }

@media screen and (max-width: 1560px){
	.footer-Wrap { padding:0 0 40px 0; }

	.footer-Wrap .footer-inWrap { max-width:95%; padding:20px 0; }
	.footer-Wrap .footer-inWrap .set1 { width:200px; padding-top:20px; }

	.footer-Wrap .footer-inWrap .set2 { width:calc(100% - 630px); padding:0 0 0 50px; }
	.footer-Wrap .footer-inWrap .set2 .btm-comp-name { font-size:18px; padding:25px 0 0 0; }

	.footer-Wrap .footer-inWrap .set2 ul.fMenu { margin:20px 0 0 0; }
	.footer-Wrap .footer-inWrap .set2 ul.fMenu li { padding:0 20px 0 0; }
	.footer-Wrap .footer-inWrap .set2 ul.fMenu li a { font-size:14px; }
	.footer-Wrap .footer-inWrap .set2 ul.fMenu li::after { top:3px; right:10px; }
	.footer-Wrap .footer-inWrap .set2 ul.footertxt { margin-top:20px; }
	.footer-Wrap .footer-inWrap .set2 ul.footertxt li { padding:0 20px 0 0; font-size:14px; }
	.footer-Wrap .footer-inWrap .set2 .copy { font-size:13px; padding:20px 0 0 0; }

	.footer-Wrap .footer-inWrap .set3 { width:350px; padding-top:20px; }
	.footer-Wrap .footer-inWrap .set3 ul.footertxt2 { padding:20px 0 0 10px; }
	.footer-Wrap .footer-inWrap .set3 ul.footertxt2 li.info-txt-title { font-size:15px; padding:0 0 10px 0; }
	.footer-Wrap .footer-inWrap .set3 ul.footertxt2 li.info-txt-desc { font-size:13px; }

	.footer-Wrap .footer-inWrap .set3 ul.ficon { width:170px; margin:20px 0 0 0; }
	.footer-Wrap .footer-inWrap .set3 ul.ficon li a i { width:35px; font-size:18px;  height:35px; padding:8px 0 0 0; border-radius:50px; }
	.footer-Wrap .footer-inWrap .set3 ul.ficon li a span { font-size:12px; padding:10px 0 0 0; }
}

@media screen and (max-width: 1100px){
	.footer-Wrap { padding:0 0 40px 0; }

	.footer-Wrap .footer-inWrap { max-width:95%; padding:20px 0; }
	.footer-Wrap .footer-inWrap .set1 { width:100%; padding-top:10px; text-align:center; }
	.footer-Wrap .footer-inWrap .set1 img { display:inline-block; width:150px; }

	.footer-Wrap .footer-inWrap .set2 { width:100%; padding:0 0 0 0; text-align:center; }
	.footer-Wrap .footer-inWrap .set2 .btm-comp-name { font-size:16px; padding:20px 0 0 0; }

	.footer-Wrap .footer-inWrap .set2 ul.fMenu { margin:20px 0 0 0; justify-content:center; }
	.footer-Wrap .footer-inWrap .set2 ul.fMenu li { padding:0 20px 0 0; }
	.footer-Wrap .footer-inWrap .set2 ul.fMenu li a { font-size:14px; }
	.footer-Wrap .footer-inWrap .set2 ul.fMenu li::after { top:3px; right:10px; }
	.footer-Wrap .footer-inWrap .set2 ul.footertxt { margin-top:10px; }
	.footer-Wrap .footer-inWrap .set2 ul.footertxt li { padding:0 20px 0 0; font-size:14px; }
	.footer-Wrap .footer-inWrap .set2 .copy { font-size:13px; padding:20px 0 0 0; }

	.footer-Wrap .footer-inWrap .set3 { width:100%; padding-top:20px; text-align:center; }
	.footer-Wrap .footer-inWrap .set3 ul.footertxt2 { padding:20px 0 0 0; }
	.footer-Wrap .footer-inWrap .set3 ul.footertxt2 li.info-txt-title { font-size:15px; padding:0 0 10px 0; }
	.footer-Wrap .footer-inWrap .set3 ul.footertxt2 li.info-txt-desc { font-size:13px; }

	.footer-Wrap .footer-inWrap .set3 ul.ficon { width:170px; margin:20px auto; }
	.footer-Wrap .footer-inWrap .set3 ul.ficon li a i { width:35px; font-size:18px;  height:35px; padding:8px 0 0 0; border-radius:50px; }
	.footer-Wrap .footer-inWrap .set3 ul.ficon li a span { font-size:12px; padding:10px 0 0 0; }
}

@media screen and (max-width: 650px){
	.footer-Wrap { padding:0 0 60px 0; }

	.footer-Wrap .footer-inWrap { padding:20px 0; }
	.footer-Wrap .footer-inWrap .set1 img { display:inline-block; width:150px; }

	.footer-Wrap .footer-inWrap .set2 .btm-comp-name { font-size:15px; padding:20px 0 0 0; }

	.footer-Wrap .footer-inWrap .set2 ul.fMenu { margin:20px 0 0 0; }
	.footer-Wrap .footer-inWrap .set2 ul.fMenu li { padding:0 20px 0 0; }
	.footer-Wrap .footer-inWrap .set2 ul.fMenu li a { font-size:13px; }
	.footer-Wrap .footer-inWrap .set2 ul.fMenu li::after { top:3px; right:10px; }
	.footer-Wrap .footer-inWrap .set2 ul.footertxt { margin-top:10px; }
	.footer-Wrap .footer-inWrap .set2 ul.footertxt li { padding:0 20px 0 0; font-size:13px; }
	.footer-Wrap .footer-inWrap .set2 .copy { font-size:12px; padding:20px 0 0 0; }

	.footer-Wrap .footer-inWrap .set3 { width:100%; padding-top:20px; text-align:center; }
	.footer-Wrap .footer-inWrap .set3 ul.footertxt2 { padding:20px 0 0 0; }
	.footer-Wrap .footer-inWrap .set3 ul.footertxt2 li.info-txt-title { font-size:14px; padding:0 0 10px 0; }
	.footer-Wrap .footer-inWrap .set3 ul.footertxt2 li.info-txt-desc { font-size:12px; }

	.footer-Wrap .footer-inWrap .set3 ul.ficon { width:170px; margin:20px auto; }
	.footer-Wrap .footer-inWrap .set3 ul.ficon li a i { width:35px; font-size:16px;  height:35px; padding:8px 0 0 0; border-radius:50px; }
	.footer-Wrap .footer-inWrap .set3 ul.ficon li a span { font-size:12px; padding:10px 0 0 0; }
}

.go-top { position:fixed; right:50%; margin-right:-860px; width:55px; top:60px; transition:all .8s; z-index:999999; }
.go-top.show { top:10px; transition:all .8s; }
.go-top.bottom { opacity: 0; /*visibility: hidden; pointer-events: none;*/ transition: opacity .2s; }

.go-top .go-top-img { width:80%; margin:0 auto; transition:all .8s; }
.go-top .go-top-img img { width:100%; }

.go-top ul.gotoUl { position:relative; background:#000; width:55px; padding:20px 10px 10px 10px; display:flex; flex-wrap:wrap; border-radius:50px; transition:all .8s; }
.go-top ul.gotoUl li.goto-title { width:100%; font-family:var(--neo); color:#ff5a00; font-weight:800; height:25px !important; text-align:center; font-size:14px; border-radius:0; background:none; margin-bottom:0px; }
.go-top ul.gotoUl li { width:35px !important; height:35px; text-align:center; font-size:16px; border-radius:60px; background:#e94865; margin-bottom:10px; transition:all .2s; }
.go-top ul.gotoUl li:last-child { margin-bottom:0; }
.go-top ul.gotoUl li a i { font-size:19px; padding-top:8px; text-align:center; width:100%; color:#fff; }
.go-top ul.gotoUl li:hover { background:#fff; transition:all .2s; }
.go-top ul.gotoUl li:hover a i { color:#e94865; }
.go-top ul.gotoUl li.goto-title:hover { background:#000; }

.go-top-mb { display:none; }

@media screen and (max-width: 1680px){
	.go-top { position:fixed; right:20px; margin-right:0; width:55px; top:auto; bottom:30px; transition:all .8s; z-index:999999; }
	.go-top.show { right:20px; top:auto; bottom:10px; transition:all .8s; }
}

@media screen and (max-width: 650px){
	.go-top { display:none; }

	.go-top-mb { display:block; position:fixed; left:0; bottom:0; width:100%; transition:all .8s; z-index:999999; }

	.go-top-mb .go-top-img { display:block; margin-left: auto; margin-bottom:-20px; width:60px; padding-right:20px; text-align:right; }
	.go-top-mb .go-top-img img { display:inline-block; width:100%; }

	.go-top-mb ul.gotoUl { position:relative; background:#000; width:100%; padding:10px; display:flex; justify-content:space-between; border-radius:50px; }
	.go-top-mb ul.gotoUl li { width:32%; text-align:center; border-radius:60px; background:#e94865; transition:all .2s; }
	.go-top-mb ul.gotoUl li a i { display:block; font-size:20px; height:30px; padding-top:8px; text-align:center; width:100%; color:#fff; }
	.go-top-mb ul.gotoUl li a strong { display:block; font-family:var(--neo); font-weight:700; font-size:14px; padding:7px 0 10px 0; text-align:center; width:100%; color:#fff; }
}


.sub_menu_blk { position:absolute; bottom:70px; left:0; width:100%; text-align:center; z-index:3; }
.sub_menu_blk .pos { display:inline-block; width:auto; text-align:center; padding:0; margin:0 auto; position: relative; padding:5px 20px;
    border: 0.1rem solid rgba(0, 0, 0, 0); border-radius:50px; background-color: #000; -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); }
.navi_sub { padding:0px 0; width:100%; text-align:center;}
.navi_sub ul { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; max-width:100%; width:auto; margin:0; padding:0;}
.navi_sub ul li { padding:0px 5px; }
.navi_sub ul li a { position:relative; display:block; width:100%; padding:0px 30px; line-height:30px; font-family:'Pretendard'; font-weight:600; font-size:16px; color:rgba(255,255,255,1); border-bottom:0px solid rgba(0,0,0,0); transition:all .2s; text-align:center; letter-spacing:-0.05em; z-index:1; border-radius:20px; }
.navi_sub ul li a:hover { color:#fff; background:#e94865; transition:all .2s;}
.navi_sub ul .on a { color:#fff; background:#e94865; transition:all .2s;}

@media screen and (max-width: 1360px){
	.sub_menu_blk {display:none; height:50px;}
	.sub_menu_blk .pos {width:100%;}
	.navi_sub ul li a {height:50px; padding:0px 10px; font-size:15px;line-height:50px;}
}

@media screen and (max-width: 900px){
	.sub_menu_blk { display:none; }
	.navi_sub ul { width:100%;}
	.navi_sub ul li {margin:0px;}
	.navi_sub ul li a {font-size:13px; }
}

@media screen and (max-width: 650px){
	.sub_menu_blk {display:none;}
	.navi_sub {text-align:left;}
	.navi_sub ul li {width:20%;}
	.navi_sub ul li a {padding:13px 0; font-size:11px;}
	.navi_sub ul .on a {width:100%; padding:13px 0; font-size:11px;}
}

/* 서브페이지 메뉴 셀렉트바 css =================================== */
.sub_nv_ar { display:none; position:relative; width:100%; text-align:center; border-top:1px solid rgba(255,255,255,0.1); background:rgba(0,0,0,0); height:61px; margin-top:-61px; z-index:999; }
.sub_nv_ar .nv_pos { display:none; max-width:1360px; width:100%; height:60px; }

.sub_sel_nav {  }
.sub_sel_nav ul { font-family:Pretendard;  }
.sub_sel_nav ul li { float:left; width:250px; text-align:left; margin-right:-1px; }
.sub_sel_nav ul li a { display:block; font-weight:500; width:100%; border:1px solid rgba(255,255,255,0.1); border-width:0 1px 0 0; padding:22px 25px 0 25px; height:60px; font-size:15px; color:rgba(255,255,255,0.9); transition:all .2s;}
.sub_sel_nav ul li a:first-child { border-width:0 0 0 1px; transition:all .2s;}
.sub_sel_nav ul li a span { float:right; font-size:17px; color:#fff; margin-top:0px; }
.sub_sel_nav .home { width:75px; text-align:center;}
.sub_sel_nav .home a {width:100%; font-size:16px; padding:20px 0; color:rgba(255,255,255,0.9); }
.sub_sel_nav .home a:hover { color:rgba(255,255,255,0.9); }
.sub_sel_nav .bul { width:auto; padding:15px;}
.sub_sel_nav .pos { position:relative; width:100%; z-index:20;}
.sub_sel_nav .pos .list { position:absolute; border:1px solid #eeeeee; border-width:0 1px 1px 1px; top:0; left:0; width:100%; background:#fff; }


/* 서브페이지 메뉴 셀렉트바 css =================================== */
@media screen and (max-width: 1360px){
	.sub_nv_ar { display:block; position:relative; width:100%; text-align:center; border-bottom:1px dashed #eeeeee; height:61px; background:#fff; margin-top:0; }
	.sub_nv_ar .nv_pos { display:block; max-width:1360px; width:100%; height:60px; }

	.sub_sel_nav {  }
	.sub_sel_nav ul { font-family:Pretendard;  }
	.sub_sel_nav ul li { float:left; width:250px; text-align:left; margin-right:-1px; }
	.sub_sel_nav ul li a { display:block; font-weight:500; width:100%; padding:22px 25px 0 25px; height:60px; font-size:15px; color:rgba(0,0,0,0.8); transition:all .2s;}
	.sub_sel_nav ul li a span { float:right; font-size:17px; color:#383838; margin-top:0px; }
	.sub_sel_nav .home { width:75px; text-align:center;}
	.sub_sel_nav .home a {width:100%; font-size:16px; padding:20px 0; color:#333;}
	.sub_sel_nav .home a:hover { color:#ff0000; }
	.sub_sel_nav .bul { width:auto; padding:15px;}
	.sub_sel_nav .pos { position:relative; width:100%; z-index:20;}
	.sub_sel_nav .pos .list { position:absolute; border-bottom:1px dashed #eeeeee; top:0; left:0; width:100%; background:#fff;}
}

@media screen and (max-width: 900px){
	.sub_nv_ar { display:block; position:relative; width:100%; text-align:center; height:51px; background:#fff; margin-top:0; }
	.sub_nv_ar .nv_pos { display:block; max-width:100%; width:100%; height:50px; }

	.sub_sel_nav {  }
	.sub_sel_nav ul { font-family:Pretendard; }
	.sub_sel_nav ul li { float:left; width:250px; text-align:left; margin-right:-1px; }
	.sub_sel_nav ul li a { display:block; font-weight:500; width:100%; padding:17px 25px 0 25px; height:50px; font-size:15px; color:rgba(0,0,0,0.8); transition:all .2s;}
	.sub_sel_nav ul li a span { float:right; font-size:17px; color:#383838; margin-top:0px; }
	.sub_sel_nav .home { width:75px; text-align:center;}
	.sub_sel_nav .home a {width:100%; font-size:16px; padding:15px 0; color:#333;}
	.sub_sel_nav .home a:hover { color:#ff0000; }
	.sub_sel_nav .bul { width:auto; padding:10px;}
	.sub_sel_nav .pos { position:relative; width:100%; z-index:20;}
	.sub_sel_nav .pos .list { position:absolute; top:0; left:0; width:100%; background:#fff;}
}


@media screen and (max-width: 650px){
	.sub_nv_ar { height:41px; }
	.sub_nv_ar .nv_pos { height:40px; }
	.sub_sel_nav 					{width:100%;}
	.sub_sel_nav ul					{width:100%;}
	.sub_sel_nav ul li 				{width:calc(50% - 20px);}
	.sub_sel_nav ul li a			{height:40px; padding:14px 15px; font-size:11px;}
	.sub_sel_nav ul li a span		{font-size:11px; color:#383838; margin-top:3px;}
	.sub_sel_nav .home				{width:42px;}
	.sub_sel_nav .home a			{font-size:12px; padding:14px 0;}
	.sub_sel_nav .pos .list			{top:0;}
}

/* 서브페이지 메뉴 셀렉트바 - depth1 css =================================== */
#sub_sel_cate {  }
#sub_sel_cate ul { width:100%; margin:0; padding:0; }
#sub_sel_cate ul.depth1 li { width:100%; border:0px solid #eeeeee;}
#sub_sel_cate ul.depth1 li a { width:100%; font-size:13px; padding:20px 25px 0 25px; height:55px; color:rgba(0,0,0,0.7); transition:all .2s; }
#sub_sel_cate ul.depth1 li a:hover	{transition:all .2s;color:rgba(0,0,0,1); background:white;}
#sub_sel_cate ul.depth1 li .on {color:red; background:white;}
#sub_sel_cate ul.depth1 li .on:hover {color:red;}

/* 서브페이지 메뉴 셀렉트바 - depth2 css =================================== */
#sub_sel_li { }
#sub_sel_li ul { width:100%; margin:0; padding:0; }
#sub_sel_li ul.depth2 li { width:100%; border-top:0px solid #eeeeee; }
#sub_sel_li ul.depth2 li a { width:100%; font-size:13px; padding:20px 25px 0 25px; height:55px; color:rgba(0,0,0,0.7); transition:all .2s; }
#sub_sel_li ul.depth2 li a:hover {transition:all .2s;color:rgba(0,0,0,1); background:white;}
#sub_sel_li ul.depth2 .on a { background:#ffffff; color:red;}


#sub_sel_li ul.depth2 .depth3 li 						{ float:left; width:100%; font-family:NanumBarunGothic, sans-serif;}
#sub_sel_li ul.depth2 .depth3 a 						{padding:2px 0 2px 30px; font-size:12px; color:rgba(0,0,0,0.6); border:0; background:white;}
#sub_sel_li ul.depth2 .depth3 a:hover				{color:red;}
#sub_sel_li ul.depth2 .depth3 .on3 a					{color:red;}

#sub_sel_li ul.depth2 .depth3 .depth4 li 						{ display:none; float:left; width:100%;}
#sub_sel_li ul.depth2 .depth3 .depth4 a 						{padding:0px 0 0px 43px; font-size:11px; color:rgba(0,0,0,0.5); }
#sub_sel_li ul.depth2 .depth3 .depth4 a:hover				{color:red;}
#sub_sel_li ul.depth2 .depth3 .depth4 .on4 a				{color:red;}

#sub_sel_li .icon2	{font-size:11px; opacity:0.7; margin-right:10px;}
#sub_sel_li .icon3	{font-size:11px; opacity:0.7; margin-right:10px; color:black;}
#sub_sel_li .here	{float:right; font-size:9px; color:red; padding:4px 20px 0 0;}
/* 하위메뉴 출력시 여백을 위아래로 주고 싶을때 대비 넣어둠 */
#sub_sel_li .space1	{float:left; width:100%; padding:15px 0; background:white; border-top:1px dotted #eeeeee;}
#sub_sel_li .space2	{float:left; width:100%; padding:5px 0 15px 0; background:white; }



/* layout mb */
/* 팝업창제어 800px 이하 히든 */
@media screen and (max-width: 750px){
	#LayerPopupContainer { dis play:none; }

}


/* navi_mb */
/* 기본레이아웃 */
#sidebar-box {width:250px; height:100%; top:0; left:-320px; border-right:0px solid #eeeeee; position: fixed; z-index:99999998; background:#333333; overflow-y:hidden; overflow-x:hidden; -webkit-overflow-scrolling:touch; -webkit-appearance:none; -webkit-backface-visibility:hidden; -webkit-transform:translate3d(0,0,0);  line-height:100%;}
.sidebar-btn {position:fixed; padding:18px 20px 0px 15px; width:70px; height:50px; top:0px; left:0px; z-index:999997;}
.sidebar-btn img {width:25px;}

.shop_bnr		{float:left; width:100%; background:#003455; height:120px;color:white;text-align:left; }
.shop_bnr .pos					{position:relative; width:100%; height:0px;}
.shop_bnr .pos .ad			{position:absolute; top:0px; right:0; width:30px; height:18px; background:rgba(0,0,0,0.3); text-align:center; color:white; padding:4px 0 0 0; letter-spacing:0em; font-size:8px;}
.shop_bnr .pos .ad span	{font-size:6px; opacity:0.4;}
.shop_bnr .icon		{float:left; width:55px; border:0px solid red; padding:25px 0 0 18px; font-size:20px;}
.shop_bnr .set		{float:left; width:calc(100% - 55px); padding:24px 20px 0 0;}
.shop_bnr .set .name		{float:left; font-size:12px; font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:-0.05em;}
.shop_bnr .set .name span	{font-size:8px; margin-left:5px; font-weight:400;}
.shop_bnr .set .txt			{float:left; font-size:8px; letter-spacing:-0.05em; padding-top:3px; opacity:0.8;}
.shop_bnr .set .domain	{float:left; font-size:6px; letter-spacing:0em; padding-top:0px; opacity:0.5; line-height:100%;}


/* 바로가기메뉴 */
.call_box			{float:left; width:50%;}
.call_box .sec			{float:left; width:100%; height:125px; padding-top:35px; background:rgba(0,0,0,0.5); color:white;}
.call_box .sec .icon			{float:left; width:100%; font-size:25px;}
.call_box .sec .txt				{float:left; width:100%; font-size:11px; padding-top:10px; line-height:150%;}
.call_box .sec .stx				{float:left; width:100%; font-size:8px; padding-top:3px; opacity:0.4;}

/* 배너리스트 */
.mb_banner					{float:left; width:100%; border-top:1px solid #eeeeee;}
.mb_banner img			{width:250px; }

/* 마스크 / 키프레임=적용시간 */
#sidebar-box-mask{
	display:none; position:fixed; z-index:99999997; background:rgba(0,0,0,0.6); left:0; top:0; width:100%; height:100%; 
	animation: fadein 2s;
	-moz-animation: fadein 2s; /* Firefox */
	-webkit-animation: fadein 2s; /* Safari and Chrome */
	-o-animation: fadein 2s; /* Opera */
}

	@keyframes fadein {
		from {opacity:0;}
		to {opacity:1;}
	}
	@-moz-keyframes fadein { /* Firefox */
		from {opacity:0;}
		to {opacity:1;}
	}
	@-webkit-keyframes fadein { /* Safari and Chrome */
		from {opacity:0;}
		to {opacity:1;}
	}
	@-o-keyframes fadein { /* Opera */
		from {opacity:0;}
		to {opacity: 1;}
	}
	@keyframes fadeout {
		from {opacity:1;}
		to {opacity:0;}
	}
	@-moz-keyframes fadeout { /* Firefox */
		from {opacity:1;}
		to {opacity:0;}
	}
	@-webkit-keyframes fadeout { /* Safari and Chrome */
		from {opacity:1;}
		to {opacity:0;}
	}
	@-o-keyframes fadeout { /* Opera */
		from {opacity:1;}
		to {opacity:0;}
	}
#sidebar-box-mask .close				{float:right; width:100%; height:100%; text-align:left; padding:15px 0 0 265px;}
#sidebar-box-mask .close img		{width:20px;}


/* 레이아웃 모바일 */
/* 팝업창제어 800px 이하 히든 */


@media screen and (max-width: 1360px){
	.sc_box_mb	{ width:100%;}

	.search_section		{width:100%; background:#fafafa; padding:15px;}
	.search_section .frm_ar		{width:calc(100% - 80px);}
	.search_section .frm_ar input	{height:55px; border:5px solid #0070b1; border-width:5px 0 5px 5px;}
	.search_section .btn_ar		{width:80px;}
	.search_section .btn_ar input	{height:55px; border:0px;}

	#bottom_blk				{min-width:100%; }
	.top_cslt_btn				{display:none;}
	.top_cslt_btn_m				{position:fixed; top:0px; right:10px; height:50px; padding:0 5px; border:0px solid red; letter-spacing:-0.05em; z-index:999999999999999999999999;}
	.top_cslt_btn_m .icon		{float:left; width:100%;padding:14px 0 0 0px; color:#585858; font-size:25px; }
	.top_cslt_btn_m .txt			{float:left; width:100%;color:black; font-size:8px; opacity:0.8; display:none;}

	.bt_mblk .pos				{width:100%;}

	#navi_btm ul.depth1 li a				{font-size:13px; line-height:220%; padding-left:30px; }
	#navi_btm ul.depth2					{margin-top:10px;}
	#navi_btm ul.depth2 li a				{padding:0px 0px 0px 15px; font-size:11px; line-height:130%;}
	#navi_btm .lh_df							{height:270px; padding:30px 0 0 0;  transition:all .2s;}

}

@media screen and (max-width: 900px){
	.search_section		{width:100%; }
	.search_section .frm_ar		{width:calc(100% - 70px);}
	.search_section .frm_ar input	{height:50px; }
	.search_section .btn_ar		{width:70px;}
	.search_section .btn_ar input	{height:50px; border:0px;}
	.bt_mblk {display:none;}
}



/* 검색버튼 및 레이어공통영역 css =================================== */
.scbox_button	{ display:none; cursor:pointer; color:#000; padding-top:27px; transition:all .3s; }
.scbox_button:hover	{color:red; transition: all .2s;}
.scbox_button .scicon	{float:left; padding:0 0 0 15px; font-size:22px; line-height:100%;}
.scbox_button .sctxt	{float:left; font-size:12px; padding:2px 0 0 5px; font-weight:bold; line-height:100%;}

.scbox_wrap { display:none; position:fixed; _position:absolute; top:0; left:0; width:100%;  height:100%; z-index:9999999; }
.scbox_wrap .mask_back {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:#000; opacity: .7; filter:alpha(opacity=70);}
.scbox_wrap .content			{display:block;width:1000px;height:340px;position:absolute;top:0;left:0; right:0; bottom:0; margin:auto; z-index:999999;background:#ffffff; border-radius:10px 0;}
.scbox_wrap .content .close			{position:relative;top:0; right:0; }
.scbox_wrap .content .close .btn			{position:absolute;top:0; right:0; font-size:30px; padding:30px; color:rgba(0,0,0,0.7); cursor:pointer;transition: all .2s;}
.scbox_wrap .content .close .btn:hover			{color:rgba(0,0,0,1);transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); transition:all .2s;}
.src_txbx				{float:left; width:100%; text-align:left; color:black; padding:70px 90px 20px 90px;}
.src_txbx .ttt			{float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:25px; letter-spacing:-0.05em;}
.src_txbx .ttt span		{color:#043470;}
.src_txbx .sss				{float:left; width:100%; font-size:12px; color:rgba(0,0,0,0.7); padding-top:15px;}
.src_section		{float:left; width:100%; padding:0 80px 0px 80px;}
.src_section .frm_ar		{float:left; width:calc(100% - 100px); border:0px solid red;}
.src_section .frm_ar input	{border:0; background:#fafafa; width:100%; font-size:13px; height:60px; padding:0 15px; border:5px solid #043470; border-width:5px 0 5px 5px; color:#000;}
.src_section .frm_ar input::placeholder {color:rgba(0,0,0,0.4);}
.src_section .btn_ar		{float:left; width:100px; }
.src_section .btn_ar input	{border:0; background:#043470; color:white; width:100%; height:60px; font-size:13px; cursor:pointer; font-weight:bold;}

.scr_add_txt		{float:left; width:100%; text-align:left; color:rgba(0,0,0,0.7); font-size:11px; line-height:180%; padding:20px 90px 20px 90px;}
.scr_add_txt .ad_ln		{float:left; width:100%; }
.scr_add_txt .ad_call		{float:left; text-align:right; padding-top:15px; width:100%; }

.src_keyword		{float:left; width:100%; text-align:left; color:white; padding:35px 90px 0 90px; displa y:none;}
.src_keyword .ktt	 	{float:left; width:100%; color:white; font-size:18px; padding-bottom:10px;}
.src_keyword .word	 a	{float:left; padding:5px 20px 0 0; font-size:13px; color:rgba(255,255,255,0.7);}
.src_keyword .word	 a:hover	{color:rgba(255,255,255,1);}



.search_section		{float:right; width:300px; }
.search_section .frm_ar		{float:left; width:calc(100% - 80px); border:0px solid red;}
.search_section .frm_ar input	{border:0; background:white; width:100%; height:50px; padding:0 15px; border:5px solid #0070b1; border-width:5px 0 5px 5px;}
.search_section .frm_ar input::placeholder {color:rgba(0,0,0,0.4);}


.search_section .btn_ar		{float:left; width:80px; }
.search_section .btn_ar input	{border:0; background:#0070b1; color:white; width:100%; height:calc(100% + 1px); cursor:pointer; font-weight:bold;}


/* 검색버튼 및 레이어공통영역 css =================================== */
@media screen and (max-width: 1360px){
	.scbox_button	{display:block; width:50px; color:black; padding-top:0px; font-size:17px; border-right:0px}
	.scbox_button:hover	{background:#ffffff;}

	.scbox_button .scicon	{padding:17px 10px 0 0; font-size:23px; text-align:right; width:100%;}
	.scbox_button .sctxt	{display:none;}

	.scbox_wrap .content			{width:90%;height:320px; top:0; right:0; left:0; bottom:0; margin:auto;}
}

@media screen and (max-width: 900px){
	.src_txbx				{padding:40px 40px 15px 40px;}
	.src_txbx .ttt			{font-size:20px; }
	.src_txbx .sss				{font-size:11px;padding-top:10px;}
	.src_section		{padding:0 30px 0px 30px;}

	.scbox_button .scicon	{padding:14px 10px 0 0; font-size:20px; text-align:right; width:100%;}

	.scbox_wrap .content			{height:280px;}
	.scbox_wrap .content .close .btn			{font-size:25px; padding:20px; }

	.scr_add_txt		{font-size:11px; line-height:180%; padding:15px 40px;}

}

@media screen and (max-width: 650px){
	.src_txbx				{padding:30px 30px 15px 30px;}
	.src_txbx .ttt			{font-size:15px; }
	.src_txbx .sss				{font-size:10px;padding-top:10px; line-height:150%;}

	.scbox_button .scicon	{padding:14px 10px 0 0; font-size:18px; text-align:right; width:100%;}

	.src_section		{padding:0 30px 30px 30px;}
	.src_section .frm_ar		{width:calc(100% - 70px);}
	.src_section .frm_ar input	{font-size:11px; height:45px; }
	.src_section .btn_ar		{float:left; width:70px; }
	.src_section .btn_ar input	{height:45px; font-size:11px;}

	.scbox_wrap .content			{width:90%; height:180px; border-radius:5px 0;}
	.scbox_wrap .content .close .btn			{font-size:20px; padding:20px; }
	.scr_add_txt		{font-size:11px; line-height:180%; padding:15px 40px; display:none;}

}


/* 검색버튼 및 레이어공통영역 css =================================== */
.scbox_wrap2 { display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:9999; }
.scbox_wrap2 .mask_back2 {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:#000; opacity: .7; filter:alpha(opacity=70); }
.scbox_wrap2 .content2 {display:block; width:1000px; height:640px; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; z-index:9999; background:#ffffff; border-radius:10px 0;}
.scbox_wrap2 .content2 .close {position:relative;top:0; right:0; z-index:999;}
.scbox_wrap2 .content2 .close .btn {position:absolute;top:0; right:0; font-size:30px; padding:30px; color:rgba(0,0,0,0.7); cursor:pointer;transition: all .2s;}
.scbox_wrap2 .content2 .close .btn:hover {color:rgba(0,0,0,1);transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); transition:all .2s;}

/* 검색버튼 및 레이어공통영역 css =================================== */
@media screen and (max-width: 1360px){
	.scbox_wrap2 .content2 { width:90%; height:640px; top:0; right:0; left:0; bottom:0; margin:auto; }
}

@media screen and (max-width: 900px){
	.scbox_wrap2 .content2 {height:640px;}
	.scbox_wrap2 .content2 .close .btn {font-size:25px; padding:20px; }
}

@media screen and (max-width: 650px){
	.scbox_wrap2 .content2 {width:90%; height:640px; border-radius:5px 0;}
	.scbox_wrap2 .content2 .close .btn {font-size:20px; padding:20px; }
}


.tt_bg_blk_frame { position:relative; background:url(/images/frame_bg2.jpg) no-repeat; background-size:cover; height:450px; width:100%; overflow:hidden; }

.tt_bg_blk_frame .fram-img { position:absolute; bottom:70px; margin:0 auto 0; width:600px; left:0; right:0; z-index:99;}
.tt_bg_blk_frame .fram-img img { width:100%; }

.tt_bg_blk_frame .crt2 {  }
.tt_bg_blk_frame .crt2.crt2P1 { width:100px; position:absolute; left:50%; margin-left:50px; bottom:-5px; }
.tt_bg_blk_frame .crt2.crt2P2 { width:100px; position:absolute; left:50%; margin-left:-300px; bottom:-5px; }
.tt_bg_blk_frame .crt2.crt2P3 { width:100px; position:absolute; left:50%; margin-left:-160px; bottom:-5px; }
.tt_bg_blk_frame .crt2.crt2P4 { width:100px; position:absolute; left:50%; margin-left:180px; bottom:-5px; }

.tt_bg_blk_frame .crt2.hand1 { width:710px; position:absolute; left:50%; margin-left:0px; bottom:-70px; }
.tt_bg_blk_frame .crt2.hand1 img { width:100%; }
.tt_bg_blk_frame .crt2.hand2 { width:710px; position:absolute; left:50%; margin-left:-700px; bottom:-70px; }
.tt_bg_blk_frame .crt2.hand2 img { width:100%; }

.tt_bg_blk_frame .crt2 .crt21-img { position:relative; width:100%; }
.tt_bg_blk_frame .crt2 .crt21-img img { width:100%; }

@media screen and (max-width: 1560px){
	.tt_bg_blk_frame { height:350px; }

	.tt_bg_blk_frame .fram-img { width:400px; bottom:90px; margin:0 auto 0; left:0; right:0; }

	.tt_bg_blk_frame .crt2.crt2P2 { width:80px; left:50%; margin-left:-200px; bottom:-5px; }
	.tt_bg_blk_frame .crt2.crt2P3 { width:80px; left:50%; margin-left:-80px; bottom:-5px; }
	.tt_bg_blk_frame .crt2.crt2P1 { width:80px; left:50%; margin-left:30px; bottom:-5px; }
	.tt_bg_blk_frame .crt2.crt2P4 { width:80px; left:50%; margin-left:150px; bottom:-5px; }

	.tt_bg_blk_frame .crt2.hand1 { width:50%; left:0; margin-left:0px; bottom:-60px; }
	.tt_bg_blk_frame .crt2.hand2 { width:50%; right:0; margin-left:0; bottom:-60px; }
}

@media screen and (max-width: 900px){
	.tt_bg_blk_frame { height:300px; }

	.tt_bg_blk_frame .fram-img { width:350px; bottom:80px; }

	.tt_bg_blk_frame .crt2.crt2P2 { width:70px; left:50%; margin-left:-150px; bottom:-5px; }
	.tt_bg_blk_frame .crt2.crt2P3 { width:70px; left:50%; margin-left:-80px; bottom:-5px; }
	.tt_bg_blk_frame .crt2.crt2P1 { width:70px; left:50%; margin-left:30px; bottom:-5px; }
	.tt_bg_blk_frame .crt2.crt2P4 { width:70px; left:50%; margin-left:100px; bottom:-5px; }

	.tt_bg_blk_frame .crt2.hand1 { width:50%; bottom:-40px; }
	.tt_bg_blk_frame .crt2.hand2 { width:50%; bottom:-40px; }
}

@media screen and (max-width: 650px){
	.tt_bg_blk_frame { height:250px; }

	.tt_bg_blk_frame .fram-img { width:280px; bottom:70px; }

	.tt_bg_blk_frame .crt2.crt2P2 { width:60px; left:50%; margin-left:-150px; bottom:-5px; }
	.tt_bg_blk_frame .crt2.crt2P3 { width:60px; left:50%; margin-left:-80px; bottom:-5px; }
	.tt_bg_blk_frame .crt2.crt2P1 { width:60px; left:50%; margin-left:30px; bottom:-5px; }
	.tt_bg_blk_frame .crt2.crt2P4 { width:60px; left:50%; margin-left:100px; bottom:-5px; }

	.tt_bg_blk_frame .crt2.hand1 { width:50%; bottom:-10px; }
	.tt_bg_blk_frame .crt2.hand2 { width:50%; bottom:-10px; }
}

.our-img { position:absolute; width:50%; top:90px; left:0; right:0; margin:0 auto; height:50%;  }

.our-img .ani1 { animation:fw_img1 2s infinite linear;}
.our-img .ani2 { animation:fw_img2 3s infinite linear;}
.our-img .ani3 { animation:fw_img3 3s infinite linear;}
.our-img .ani4 { animation:fw_img4 3s infinite linear;}

.our-img .i1 { position:absolute; top:1%; left:12%; z-index:10; animation-delay:.1s; opacity:0; width:13%; }
.our-img .i2 { position:absolute; top:46%; right:0; z-index:20; animation-delay:.2s; opacity:0; width:18%; }
.our-img .i3 { position:absolute; top:70%; left:13%; z-index:30; animation-delay:.3s; opacity:0; width:13%; }
.our-img .i4 { position:absolute; top:60%; left:29%; z-index:30; animation-delay:.3s; opacity:0; width:10%; }
.our-img .i5 { position:absolute; top:40%; left:7%; z-index:30; animation-delay:.1s; opacity:0; width:10%; }
.our-img .i6 { position:absolute; top:30%; left:53%; z-index:30; animation-delay:.3s; opacity:0; width:8%; }
.our-img .i7 { position:absolute; top:50%; left:53%; z-index:30; animation-delay:.5s; opacity:0; width:9%; }
.our-img .i8 { position:absolute; top:30%; left:23%; z-index:30; animation-delay:.5s; opacity:0; width:10%; }
.our-img .i9 { position:absolute; top:60%; left:73%; z-index:30; animation-delay:.5s; opacity:0; width:12%; }

.our-img .i11 { position:absolute; top:25%; right:20%; z-index:30; width:46px; }
.our-img .i12 { position:absolute; top:40%; left:20%; z-index:30; width:86px; }
.our-img .i13 { position:absolute; top:72%; right:25%; z-index:30; width:60px; }
.our-img img { width:100%; }

@media screen and (max-width: 1580px){
	.our-img { width:50%; top:90px; left:0; right:0; margin:0 auto; height:50%; z-index:2; }
}

@media screen and (max-width: 900px){
	.our-img .i1 { width:13%; }
	.our-img .i2 { width:18%; }
	.our-img .i3 { width:13%; }
	.our-img .i4 { width:10%; }
	.our-img .i5 { width:10%; }
	.our-img .i6 { width:8%; }
	.our-img .i7 { width:9%; }
	.our-img .i8 { width:10%; }
	.our-img .i9 { width:12%; }

	.our-img .i11 { width:40px; }
	.our-img .i12 { width:80px; }
	.our-img .i13 { width:50px; }
}

@media screen and (max-width: 650px){
	.our-img .i1 { width:13%; }
	.our-img .i2 { width:18%; }
	.our-img .i3 { width:13%; }
	.our-img .i4 { width:10%; }
	.our-img .i5 { width:10%; }
	.our-img .i6 { width:8%; }
	.our-img .i7 { width:9%; }
	.our-img .i8 { width:10%; }
	.our-img .i9 { width:12%; }

	.our-img .i11 { width:20px; }
	.our-img .i12 { width:60px; }
	.our-img .i13 { width:30px; }
}


.tt_bg_blk { position:relative; background:#e94865; top:0; left:0; height:450px; width:100%; margin-top:0; overflow:hidden; }
.tt_bg_blk:before { content: ""; width: 100%; height: 64px; background-image: url(/images/bg_main_slide2.png); background-position: 0 0; position: absolute; animation: vslbg3 50s infinite forwards linear; bottom: -10px; left: 0; z-index: 50; }

.tt_bg_blk .crt {  }
.tt_bg_blk .crt.crtP1 { width:150px; position:absolute; left:50%; margin-left:300px; bottom:-40px; }
.tt_bg_blk .crt.crtP2 { width:150px; position:absolute; left:50%; margin-left:-750px; bottom:-40px; }
.tt_bg_blk .crt.crtP3 { width:150px; position:absolute; left:50%; margin-left:-450px; bottom:-40px; }
.tt_bg_blk .crt.crtP4 { width:150px; position:absolute; left:50%; margin-left:550px; bottom:-40px; }

.tt_bg_blk .crt .crt1-txt { position:relative; margin:0 auto 10px; width:130px; font-size:20px; font-family:var(--mandu2); font-weight:normal; background:#000; border-radius:50px; color:#fff; text-align:center; line-height:1.1; padding:5px 0;  }
.tt_bg_blk .crt .crt1-txt:before { content:''; position:absolute; transform: rotate(45deg); top:12px; left:20%; width:20px; height:20px; background:#000; z-index:-1; }

.tt_bg_blk .crt .crt1-img { position:relative; width:100%; }
.tt_bg_blk .crt .crt1-img img { width:100%; }

.tt_bg_blk .crt .ca_hand { display:none; position:absolute; width:100%; margin:0 auto; right:0; bottom:50px; z-index:99999; }
.tt_bg_blk .crt .ca_hand img { width:100% }


.tt_bg_blk .cover { position:relative; max-width:1560px; margin:0 auto; height:100%; }
.tt_bg_blk .cover .title_i { padding-top:170px; }
.tt_bg_blk .cover .title_i .exp { width:100%; font-size:45px; text-align:center; font-family: var(--mandu2); font-weight:normal; color:#fff; letter-spacing:0em; padding:0px; line-height:100%; text-shadow: 0 0 1px #000000; opacity: 0; animation:titleArea_sub 1s 0.5s forwards}
.tt_bg_blk .cover .title_i .exp span {color:#fff; }
.tt_bg_blk .cover .title_i .exp em { display:flex; font-size:22px; margin-top:10px; align-items:center; justify-content:center; color:rgba(255,255,255,1); line-height:1; display:block; }

.mdf2_marquee { position:absolute; display:inline-block; top:20px; width:100%; opacity:0.1; font-family:var(--neo) }
.mdf2_marquee .mdf2_wrap { position:relative; width:100%; height:130px; padding:20px 0; display:flex; justify-content:center; align-items:center; }
.mdf2_marquee .mdf2_wrap .marquee,
.mdf2_marquee .mdf2_wrap .marqueere { font-size:130px; display:flex; position:absolute; height:130px; white-space:nowrap; font-family:var(--neo); font-optical-sizing:auto; font-weight:800; line-height:160px; color:transparent; letter-spacing:-10px; flex-direction:row; flex-wrap:nowrap; align-items:center;}
.mdf2_marquee .mdf2_wrap .marquee { animation:s-marqueere 320s linear infinite;}
.mdf2_marquee .mdf2_wrap .marquee span { height:130px;}
.mdf2_marquee .mdf2_wrap .marquee.ani-delay {animation-delay:-160s;}

.mdf2_marquee .mdf2_wrap .marqueere { color:#fbf4e5; animation:s-marquee 320s linear infinite;}
.mdf2_marquee .mdf2_wrap .marqueere span { height:130px;}
.mdf2_marquee .mdf2_wrap .marqueere.ani-delay {animation-delay:-160s;}
.mdf2_marquee .mdf2_wrap .stroke-txt2 { -webkit-text-stroke:#fff 1px;}

@media screen and (max-width: 1560px){
	.tt_bg_blk { height:350px; }

	.tt_bg_blk .cover { max-width:95%; }
	.tt_bg_blk .cover .title_i { padding-top:100px; }
	.tt_bg_blk .cover .title_i .exp { font-size:40px; }
	.tt_bg_blk .cover .title_i .exp em { font-size:20px; margin-top:10px; }

	.tt_bg_blk .crt.crtP2 { width:140px; margin-left:-40%; bottom:-20px; }
	.tt_bg_blk .crt.crtP3 { width:140px; margin-left:-20%; bottom:-20px; }
	.tt_bg_blk .crt.crtP1 { width:140px; margin-left:10%; bottom:-20px; }
	.tt_bg_blk .crt.crtP4 { width:140px; margin-left:30%; bottom:-20px; }

	.tt_bg_blk .crt .crt1-txt { margin:0 auto 10px; width:120px; font-size:18px; padding:5px 0;  }
	.tt_bg_blk .crt .crt1-txt:before { top:12px; left:20%; width:20px; height:20px; }

	.mdf2_marquee { top:0; }
	.mdf2_marquee .mdf2_wrap { height:100px; padding:20px 0; }
	.mdf2_marquee .mdf2_wrap .marquee,
	.mdf2_marquee .mdf2_wrap .marqueere { font-size:100px; height:100px; }
	.mdf2_marquee .mdf2_wrap .marquee span { height:100px;}

	.mdf2_marquee .mdf2_wrap .marqueere span { height:100px;}
}

@media screen and (max-width: 900px){
	.tt_bg_blk { height:300px; }

	.tt_bg_blk .cover .title_i { padding-top:80px; }
	.tt_bg_blk .cover .title_i .exp { font-size:35px; }
	.tt_bg_blk .cover .title_i .exp em { font-size:18px; margin-top:10px; }

	.tt_bg_blk .crt.crtP2 { width:110px; margin-left:-40%; bottom:-10px; }
	.tt_bg_blk .crt.crtP3 { width:110px; margin-left:-20%; bottom:-10px; }
	.tt_bg_blk .crt.crtP1 { width:110px; margin-left:10%; bottom:-10px; }
	.tt_bg_blk .crt.crtP4 { width:110px; margin-left:30%; bottom:-10px; }

	.tt_bg_blk .crt .crt1-txt { margin:0 auto 10px; width:110px; font-size:16px; padding:5px 0;  }
	.tt_bg_blk .crt .crt1-txt:before { top:8px; left:20%; width:20px; height:20px; }

	.mdf2_marquee { top:0; }
	.mdf2_marquee .mdf2_wrap { height:90px; padding:0px 0; }
	.mdf2_marquee .mdf2_wrap .marquee,
	.mdf2_marquee .mdf2_wrap .marqueere { font-size:90px; height:90px; }
	.mdf2_marquee .mdf2_wrap .marquee span { height:90px;}

	.mdf2_marquee .mdf2_wrap .marqueere span { height:90px;}
}

@media screen and (max-width: 650px){
	.tt_bg_blk { height:250px; }
	.tt_bg_blk:before { content: ""; width: 100%; height: 32px; background-image: url(/images/bg_main_slide2.png); background-size:1000px 32px; background-position: 0 0; position: absolute; animation: vslbg3 100s infinite forwards linear; bottom: -10px; left: 0; z-index: 50; }

	.tt_bg_blk .cover .title_i { padding-top:50px; }
	.tt_bg_blk .cover .title_i .exp { font-size:30px; }
	.tt_bg_blk .cover .title_i .exp em { font-size:15px; margin-top:10px; }

	.tt_bg_blk .crt { width:95%; margin:0 auto; }
	.tt_bg_blk .crt.crtP2 { width:70px; left:20px; margin-left:0; bottom:-10px; }
	.tt_bg_blk .crt.crtP3 { width:70px; left:120px; margin-left:0; bottom:-10px; }
	.tt_bg_blk .crt.crtP1 { width:70px; left:auto; right:120px; bottom:-10px; }
	.tt_bg_blk .crt.crtP4 { width:70px; left:auto; right:20px; margin-left:0; bottom:-10px; }

	.tt_bg_blk .crt .crt1-txt { margin:0 auto 10px; width:70px; font-size:12px; padding:5px 0;  }
	.tt_bg_blk .crt .crt1-txt:before { top:8px; left:20%; width:20px; height:20px; }

	.mdf2_marquee { top:-30px; line-height:1; }
	.mdf2_marquee .mdf2_wrap { height:70px; padding:0px 0; }
	.mdf2_marquee .mdf2_wrap .marquee,
	.mdf2_marquee .mdf2_wrap .marqueere { font-size:70px; height:70px; }
	.mdf2_marquee .mdf2_wrap .marquee span { height:70px;}

	.mdf2_marquee .mdf2_wrap .marqueere span { height:70px;}
}













/*
@media screen and (max-width: 1260px){
	#top_blk_mb {display:inline-block; position:fixed; top:0; width:100%; height:50px; background:#052850; margin:auto; border-bottom:1px solid #052850; z-index:999999; }
	#top_blk_mb .menu_ar		{float:left; width:60px; border:1px solid transparent;}

	#top_blk_mb .logo_set		{float:right; text-align:right; padding:10px 0 0 0; width:100%; text-align:center;}
	#top_blk_mb .logo_set .pm		{display:inline-block; padding:1px 0 0 0; }
	#top_blk_mb .logo_set .pm img		{height:28px;}

	#top_blk_mb .phone {position:absolute; top:13px; right:10px; width:70px; height:50px; display:block; text-align:right; font-size:16px; padding:0; }
	#top_blk_mb .phone i { font-size:25px; color:#fff; }
}
*/