/* 1199이하 - 테블릿 가로[1024 PSD]*/
@media all and (max-device-width:1199px){
	#body{ width:768px; }
	.section > .inside{ width:768px; }
	#body > .main{ padding-left:0; }
}
/* 767이하 - 모바일[480 PSD]*/
@media all and (max-device-width:767px){
	#body{ width:480px; }
	.section > .inside{ width:480px; }
}
#splashLayer{ width:100%; height:100%; background:white; position:fixed; top:0px; left:0px; z-index:100000; }
#splashLayer > div{ display:table; table-layout:fixed; border-collapse:collapse; width:100%; height:100%; }
#splashLayer > div > div{ display:table-cell; vertical-align:middle; text-align:center; }
/**/
#body{ display:block; width:100%; }
#body > .main{ display:block; padding:0; }
/**/
.main_sec{ overflow:hidden; }
/**/
#mainSlideButtons{ position:absolute; top:230px; left:0; }
#mainSlideButtons{ text-align:center; }
#mainSlideButtons{ font-size:0; }
#mainSlideButtons > *{ display:inline-block; vertical-align:top; }
#mainSlideButtons > * + *{ margin-left:10px; }
/* 1199이하 - 테블릿 가로[1024 PSD]*/
@media all and (max-device-width:1199px){
	#mainSlideButtons{ left:9px; }
}
/**/
#mainSlide{ width:1920px; left:50%; margin-left:-960px; }
#mainSlidePause{ font-size:0; width:8px; height:8px; border-left:3px solid white; border-right:3px solid white; }
#mainSlidePlay{ font-size:0; width:0; height:0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:8px solid white; }
/* 1199이하 - 테블릿 가로[1024 PSD]*/
@media all and (max-device-width:1199px){
	#mainSlide{ width:100%; left:0; margin-left:0; }
}
/**/
#mainSlideDots{ }
#mainSlideDots > *{ vertical-align:top; }
#mainSlideDots > .slick-dots{ display:inline-block; font-size:0; }
#mainSlideDots > .slick-dots > li{ display:inline-block; }
#mainSlideDots > .slick-dots > li > button{ font-size:0; cursor:pointer; background:white; overflow:hidden; display:inline-block; width:8px; height:8px; border-radius:100%; }
#mainSlideDots > .slick-dots > li > button{ transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); }
#mainSlideDots > .slick-dots > li.slick-active > button{ width:30px; background:#01a3fe; border-radius:20px; }
#mainSlideDots > .slick-dots > li + li{ margin-left:10px; }
/**/
#mainSlideArrows{ position:absolute; top:454px; left:0px; width:100%; }
#mainSlideArrows{ display:none; }
#mainSlideArrows > .slick-arrow{ font-size:0; overflow:hidden; position:absolute; z-index:1; }
#mainSlideArrows > .slick-prev{ left:-78px; background:url(/front_tpl4/imgs/common/btn_prev0.png) no-repeat; width:48px; height:93px; }
#mainSlideArrows > .slick-next{ right:-78px; background:url(/front_tpl4/imgs/common/btn_next0.png) no-repeat; width:48px; height:93px; }
/**/
.board_sec{ }
.board_sec > .inside{ padding-top:40px; padding-bottom:40px; }
/**/
.layout20180517041732{ display:table; table-layout:fixed; border-collapse:collapse; width:100%; }
.layout20180517041732 > div{ display:table-cell; vertical-align:top; }
.layout20180517041732 > div:first-child{ padding-right:10px; }
.layout20180517041732 > div:first-child + div{ padding-left:10px; }
/* 1199이하 - 테블릿 가로[1024 PSD]*/
@media all and (max-device-width:1199px){
	.layout20180517041732{ display:block; width:590px; margin:0 auto; }
	.layout20180517041732 > div{ display:block; padding-left:0; padding-right:0; }
	.layout20180517041732 > div + div{ margin-top:35px; }
	.layout20180517041732 > div:first-child{ padding-right:0; }
	.layout20180517041732 > div:first-child + div{ padding-left:0; }
}
/* 767이하 - 모바일[480 PSD]*/
@media all and (max-device-width:767px){
	.layout20180517041732{ width:460px; }
}
/**/
.board_preview_wrap{ font-size:0; }
.board_preview_wrap > .brd_title_box{ border-bottom:1px solid #d2d2d2; }
.board_preview_wrap > .brd_title_box > button{ padding-bottom:12px; display:inline-block; color:#333333; font-size:20px; border-bottom:2px solid white; }
.board_preview_wrap > .brd_title_box > button + button{ margin-left:20px; }
.board_preview_wrap > .brd_title_box > button + button:before{ outline:none; box-sizing:border-box; border-left:1px solid #d2d2d2; width:1px; height:11px; position:absolute; top:7px; left:-11px; content:''; display:inline-block; }
.board_preview_wrap > .brd_title_box > button.on{ color:#0467c2; }
.board_preview_wrap > .brd_title_box > button.on:after{ background:#0467c2; width:100%; height:2px; position:absolute; bottom:-3px; left:0px; content:''; display:inline-block; }
/**/
.board_preview_wrap > .brd_list_box{ }
.board_preview_wrap > .brd_list_box > li{ display:none; }
.board_preview_wrap > .brd_list_box > li.on{ display:block; }
.board_preview_wrap > .brd_list_box > li > ul{ margin-top:30px; }
.board_preview_wrap > .brd_list_box > li > ul > li{ padding-right:70px; }
.board_preview_wrap > .brd_list_box > li > ul > li + li{ margin-top:12px; }
.board_preview_wrap > .brd_list_box > li > ul > li > a{ display:inline-block; font-size:15px; letter-spacing:-0.05em; color:#666666; border-bottom:1px solid white; }
.board_preview_wrap > .brd_list_box > li > ul > li > a{ max-width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.board_preview_wrap > .brd_list_box > li > ul > li.new > a{ padding-right:12px; }
.board_preview_wrap > .brd_list_box > li > ul > li.new > a:after{ content:''; display:inline-block; position:absolute; top:7px; right:0px; }
.board_preview_wrap > .brd_list_box > li > ul > li.new > a:after{ background:url(/front_tpl4/imgs/icon/ic_new.png) no-repeat; width:8px; height:7px; }
.board_preview_wrap > .brd_list_box > li > ul > li > a:hover{ color:#1b1b1b; border-bottom-color:#6f6f6f; }
.board_preview_wrap > .brd_list_box > li > ul > li > .date{ position:absolute; top:3px; right:0px; }
.board_preview_wrap > .brd_list_box > li > ul > li > .date{ font-weight:bold; font-size:10px; color:#c5c5c5; }
.board_preview_wrap > .brd_list_box > li > .btn_more{ position:absolute; top:-71px; right:0px; }
.board_preview_wrap > .brd_list_box > li > .btn_more{ background:url(/front_tpl4/imgs/index/btn_more.png) no-repeat; width:16px; height:16px; }
/**/
.banner_sec{ background:#f9f9f9; border-top:1px solid #d2d2d2; }
/**/
#quickBanner{ padding:0 43px; }
#quickBanner > button{ font-size:0; width:43px; height:80px; }
#quickBanner > button{ position:absolute; top:0px; z-index:1; }
#quickBanner > button.prev{ background:url(/front_tpl4/imgs/common/btn_prev1.png); left:0px; }
#quickBanner > button.next{ background:url(/front_tpl4/imgs/common/btn_next1.png); right:0; }
#quickBanner > ul{ background:#fafafa; }
#quickBanner > ul{ display:table; table-layout:fixed; border-collapse:collapse; width:100%; }
#quickBanner > ul > li{ display:table-cell; vertical-align:middle; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; }
#quickBanner > ul > li:first-child{ border-left:none; }
#quickBanner > ul > li{ width:100%; }
#quickBanner > ul > li{ transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); }
#quickBanner > ul > li:nth-child(5n){ border-right:none; }
#quickBanner > ul > li:nth-child(n+6){ display:none; }
#quickBanner > ul > li > a{ display:table; table-layout:fixed; border-collapse:collapse; width:100%; }
#quickBanner > ul > li > a > span{ display:table-cell; vertical-align:middle; height:80px; font-size:15px; letter-spacing:-0.05em; color:#333333; text-align:center; }
#quickBanner > ul > li > a > span > img{ margin-right:10px; display:none; }
#quickBanner > ul > li > a > span > img:first-child{ display:inline-block; }
#quickBanner > ul > li > a:hover > span > img{ display:inline-block; }
#quickBanner > ul > li > a:hover > span > img:first-child{ display:none; }
#quickBanner > ul > li > a:hover > span{ color:#0467c2; background:white; }
/* 1199이하 - 테블릿 가로[1024 PSD]*/
@media all and (max-device-width:1199px){
	#quickBanner > ul > li:nth-child(3n){ border-right:none; }
	#quickBanner > ul > li:nth-child(n+4){ display:none; }
}
/* 767이하 - 모바일[480 PSD]*/
@media all and (max-device-width:767px){
	#quickBanner > ul > li:nth-child(2n){ border-right:none; }
	#quickBanner > ul > li:nth-child(n+3){ display:none; }
}
/**/
.brd_preview_wrap{ }
.brd_preview_wrap > .head{ border-bottom:1px solid #e2e2e2; }
.brd_preview_wrap > .head > div{ display:table; table-layout:fixed; border-collapse:collapse; width:100%; }
.brd_preview_wrap > .head > div > div{ display:table-cell; vertical-align:top; padding-bottom:19px; }
.brd_preview_wrap > .head > div > div:first-child{ width:130px; padding-left:20px; }
.brd_preview_wrap > .head > div > .bo_title{ color:#333333; }
.brd_preview_wrap > .head > div > .bo_title > .text0{ font-size:30px; }
.brd_preview_wrap > .head > div > .title{ display:block; }
.brd_preview_wrap > .head > div > .title > .text0{ padding-top:6px; font-size:18px; letter-spacing:-0.05em; }
.brd_preview_wrap > .head > div > .title > .text0{ width:100%; padding-right:50px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.brd_preview_wrap > .head > div > .title > .text1{ height:50px; margin-top:7px; color:#666666; font-size:14px; line-height:22px; letter-spacing:-0.1em; }
.brd_preview_wrap > .head > div > .title > .date{ color:#c2c2c2; font-size:11px; }
/**/
.brd_preview_wrap > .body{ padding-top:18px; font-size:0; }
.brd_preview_wrap > .body > ul{ }
.brd_preview_wrap > .body > ul > li{ padding-left:20px; padding-right:80px; }
.brd_preview_wrap > .body > ul > li + li{ margin-top:12px; }
.brd_preview_wrap > .body > ul > li > a{ font-size:14px; color:#666666; letter-spacing:-0.1em; }
.brd_preview_wrap > .body > ul > li.new > a{ padding-right:15px; }
.brd_preview_wrap > .body > ul > li.new > a:after{ background:url(/front_tpl3/imgs/icon/ic_new.png); width:8px; height:7px; content:''; display:inline-block; }
.brd_preview_wrap > .body > ul > li.new > a:after{ position:absolute; top:50%; margin-top:-4px; right:0px; }
.brd_preview_wrap > .body > ul > li > a{ max-width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.brd_preview_wrap > .body > ul > li > .date{ position:absolute; top:0px; right:20px; }
.brd_preview_wrap > .body > ul > li > .date{ font-size:11px; color:#bfbfbf; }
.brd_preview_wrap > .btn_more{ font-size:0; position:absolute; top:52px; left:20px; z-index:5; }
/**/
.board_preview_wrap{ font-size:0; }
.board_preview_wrap > .brd_title_box{ border-bottom:1px solid #d2d2d2; }
.board_preview_wrap > .brd_title_box > button{ padding-bottom:12px; display:inline-block; color:#333333; font-size:20px; border-bottom:2px solid white; }
.board_preview_wrap > .brd_title_box > button + button{ margin-left:20px; }
.board_preview_wrap > .brd_title_box > button + button:before{ outline:none; box-sizing:border-box; border-left:1px solid #d2d2d2; width:1px; height:11px; position:absolute; top:7px; left:-11px; content:''; display:inline-block; }
.board_preview_wrap > .brd_title_box > button.on{ color:#0467c2; }
.board_preview_wrap > .brd_title_box > button.on:after{ background:#0467c2; width:100%; height:2px; position:absolute; bottom:-3px; left:0px; content:''; display:inline-block; }
/**/
.board_preview_wrap > .brd_list_box{ }
.board_preview_wrap > .brd_list_box > li{ display:none; }
.board_preview_wrap > .brd_list_box > li.on{ display:block; }
.board_preview_wrap > .brd_list_box > li > ul{ margin-top:30px; }
.board_preview_wrap > .brd_list_box > li > ul > li{ padding-right:70px; }
.board_preview_wrap > .brd_list_box > li > ul > li + li{ margin-top:12px; }
.board_preview_wrap > .brd_list_box > li > ul > li > a{ display:inline-block; font-size:15px; letter-spacing:-0.05em; color:#666666; border-bottom:1px solid white; }
.board_preview_wrap > .brd_list_box > li > ul > li > a{ max-width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.board_preview_wrap > .brd_list_box > li > ul > li.new > a{ padding-right:12px; }
.board_preview_wrap > .brd_list_box > li > ul > li.new > a:after{ content:''; display:inline-block; position:absolute; top:7px; right:0px; }
.board_preview_wrap > .brd_list_box > li > ul > li.new > a:after{ background:url(/front_tpl3/imgs/icon/ic_new.png) no-repeat; width:8px; height:7px; }
.board_preview_wrap > .brd_list_box > li > ul > li > a:hover{ color:#1b1b1b; border-bottom-color:#6f6f6f; }
.board_preview_wrap > .brd_list_box > li > ul > li > .date{ position:absolute; top:3px; right:0px; }
.board_preview_wrap > .brd_list_box > li > ul > li > .date{ font-weight:bold; font-size:10px; color:#c5c5c5; }
.board_preview_wrap > .brd_list_box > li > .btn_more{ position:absolute; top:-71px; right:0px; }
.board_preview_wrap > .brd_list_box > li > .btn_more{ background:url(/front_tpl3/imgs/index/btn_more.png) no-repeat; width:16px; height:16px; }
/**/
#bannerWrap{ }
#banner{ width:100%; margin:0 auto; }
/**/
#bannerButtons{ position:absolute; top:20px; right:20px; z-index:5; font-size:0; }
#bannerButtons{ height:12px; }
#bannerButtons > * + *{ margin-left:5px; }
#bannerPause{ font-size:0; }
#bannerPause:before{ content:''; display:block; }
#bannerPause:before{ width:12px; height:12px; box-sizing:border-box; border-left:4px solid white; border-right:4px solid white; }
#bannerPlay{ font-size:0; }
#bannerPlay:before{ content:''; display:block; }
#bannerPlay:before{ border-top:6px solid transparent; box-sizing:border-box; border-bottom:6px solid transparent; border-left:10px solid white; }
/**/
#bannerDots{ display:inline-block; }
#bannerDots > *{ vertical-align:top; }
#bannerDots > .slick-dots{ display:inline-block; font-size:0; }
#bannerDots > .slick-dots > li{ display:inline-block; }
#bannerDots > .slick-dots > li > button{ font-size:0; padding:0; border:none; cursor:pointer; border:1px solid white; background:none; overflow:hidden; display:inline-block; width:12px; height:12px; border-radius:100%; }
#bannerDots > .slick-dots > li > button{ transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); }
#bannerDots > .slick-dots > li.slick-active > button{ border:1px solid white; background:white; }
#bannerDots > .slick-dots > li + li{ margin-left:5px; }
/**/
#bannerArrows{ position:absolute; top:0px; left:0px; width:100%; z-index:3; }
#bannerArrows > .slick-arrow{ font-size:0; overflow:hidden; width:30px; height:200px; }
#bannerArrows > .slick-arrow{ position:absolute; top:0px; }
#bannerArrows > .slick-prev{ left:0px; background:red; }
#bannerArrows > .slick-next{ right:0px; background:blue; }