@charset "utf-8";
@import url(../../common/font/Pretendard/Pretendard.css);
@import url(../font/SBAggro/SBAggro.css);
@import url(../font/TangsBudae/TangsBudaeJjigae.css); 

/************************************
	Common Style
************************************/
#m_conts {clear:both;}

.mainSection {margin-bottom:1.5em; padding-left:1em; padding-right:1em; font-family:'SBAggro'; font-weight:100;}
.mainSection * {box-sizing:border-box;}


@media all and (min-height:950px) {
	.mainSection {min-height:0 !important;}	
}
@media all and (max-width:1024px) {
	.mainSection {min-width: auto; padding: 0px 1em;}	
}


/************************************
	Main Section Layout
************************************/

.mainSectionGroups .mainSection {display:block; position:relative;}

@media all and (min-height:930px) {
	.mainSectionGroups .mainSection {min-height:0;}	
}



/********************
	Tab Style
********************/

.tab-group .tabs li button .selected {display:none; position:absolute; top:0; left:0; z-index:-999; overflow:hidden; width:0; height:0; opacity:0;}
.tab-group .tabs li button.on .selected {display:block;}
.tab-group .tab-con {display:none;}
.tab-group .tab-con.on {display:block;}


/************************************
	Common Style
************************************/
.mainSectionGroups .control .prev,
.mainSectionGroups .control .next,
.mainSectionGroups .control .stop,
.mainSectionGroups .control .play,
.mainSectionGroups .control .more,
.mainSectionGroups .control .total {display:block; position:relative; float:left; width:1.5em; height:1.5em; font-size:1em; text-indent:-999px; background:url(../img/main/spr_slider_control.svg) no-repeat 50% 50%; background-size:auto 1.5em; overflow:hidden;}
.mainSectionGroups .control .prev {background-position:0 0;}
.mainSectionGroups .control .next {background-position:-3em 0;}
.mainSectionGroups .control .play {display:none;}


/************************************
	Section 01 : Visual
************************************/

#section1 {padding-right:0; padding-left:1em;}
#section1 > .inner {min-height:40.7em;}
@media all and (max-width:1024px) {
	#section1 {padding-top:0; padding-right:1em;}
}


#section1 .scroll-guide {display:block; position:absolute; left:0; bottom:2em; height:1.9em; width:8.2em; background:url(../img/main/img_scroll_down.svg) no-repeat 0 0; background-size:auto 100%; text-indent:-999px; overflow:hidden; z-index:5;}

.mainVisual {position:absolute; top:0; bottom:1.5em; right:0; left:0; padding:0 0 8em 25.4em;}
.mainVisual .tit {position:absolute; top:0; bottom:0; left:0; width:25.4em; z-index:0;}
.mainVisual .tit:before {content:"";display:block;position:absolute;top:0;bottom:0;left:-5000px;right:0;border-radius:0 0 1.5em 0;background: linear-gradient(180deg, #0057ab, #d01443);background-size:auto 100%;z-index:-2;}
.mainVisual .tit:after {content:"";display:block;position:absolute;right: 0;top: 0;width: 94.4em;height: 39.2em;background: url(../img/main/img_visual_title.png) no-repeat 50% 50%;background-size: cover;border-radius: 0 0 1.5em 0;z-index:-1;}
.mainVisual .tit p {display:block; position:absolute; left:0; right:1em; bottom:7em; color:#fff;}
.mainVisual .tit span {display:block; position:relative; height:.9em; margin-bottom:1.4em; background:url(../img/main/txt_visual_title.png) no-repeat 0 50%; background-size:auto 100%; text-indent:-999px; overflow:hidden;}
.mainVisual .tit strong {display:block; position:relative; line-height:1.28em; font-size:2.2em;}
.mainVisual .tit strong em {font-size:1.12em; font-weight:500;}

.mainVisual .slider {display:block; position:relative;}
.mainVisual .slider,
.mainVisual .slider .swiper-container,
.mainVisual .slider .swiper-wrapper,
.mainVisual .slider .swiper-slide {height:100%;}
.mainVisual .slider .ban {display:block; position:relative; width:100%; height:100%; overflow:hidden; background:no-repeat 80% 100%; background-size:cover;}
.mainVisual .slider .ban .desc {display:block; position:absolute; top:10em; left:50%; margin-left:-11em;}

.mainVisual .slider .ban.ty1 {background-image:url(../img/main/img_visual_01.jpg); background-color:#413943; color:#fff; box-shadow:rgba(0, 0, 0, 0.6) 0px 10px 150px inset;}
.mainVisual .slider .ban.ty1 .desc .subj {display:block;position:absolute; top:6em; left:0; width:21em; height:8.5em; background:no-repeat 0 0; background-size: auto 100%; text-indent:-999px; overflow:hidden;}
.mainVisual .slider .ban.ty1 .desc .subj {background-image:url(../img/main/tit_visual_01.png);}


.mainVisual .slider .ban.ty2 {background-image:url(../img/main/img_visual_02.jpg); background-color:#413943; color:#fff;}

.mainVisual .slider .ban.ty3 {background-color:#413943; color:#fff;}

.mainVisual .info {display:block;position:absolute;left:25.4em;bottom:0;right: -6px;height: 7.6em;background:#fff;}
.mainVisual .info > * {display:table;width:100%;table-layout:fixed;height:100%;border-spacing: 6px 0;}
.mainVisual .info > * > * {display:table-cell; vertical-align:middle; text-align:center;}
.mainVisual .info .desc {padding: .5em 0 .5em 2.5em;text-align:left;}
.mainVisual .info .desc p {display:inline-block; vertical-align:top; text-align:left; margin:.3em 1.2em .3em 0;}
.mainVisual .info .desc p > * {display:inline-block;vertical-align:middle;color:454545; font-size:1.1em; }
.mainVisual .info .desc p strong {font-size:1.2em; color:#000; font-weight:500;}
.mainVisual .info .desc p em {font-weight: 500;}
.mainVisual .info .desc p span {margin-left:1em; line-height:1;}
.mainVisual .info a {width:8.5em;background: #f8f1e6;font-weight:500;}
.mainVisual .info a + a  {background:#005393; color:#fff; font-weight:400;}
.mainVisual .info a span {display:block; font-size:1.2em;}
.mainVisual .info a:after {content:""; display:block; position:relative; height:1em; background:url(../img/main/ico_arrow_right.svg) no-repeat 50% 50%; background-size:contain;  margin-top:1.2em; margin-bottom:-1em;}
.mainVisual .info a + a:after {background-image:url(../img/main/ico_arrow_right_w.svg);}

.mainVisual .navigation .swiper-pagination-bullet {display:block; position:relative; width:auto; height:auto; padding:.9em 0 0; margin:.5em 0; min-height:3em; background:none; border-radius:0; opacity:.6; transition:.3s all; -webkit-transition:.3s all;}
.mainVisual .navigation .swiper-pagination-bullet span {display:block; position:relative; font-size:1.3em; font-weight:300; color:#fff; text-align:center;}
.mainVisual .navigation .swiper-pagination-bullet-active span {text-decoration:underline;text-underline-position: under;}
.mainVisual .navigation .swiper-pagination-bullet i {display:none;}

.mainVisual .navigation .swiper-pagination-bullet-active {opacity:1;}
.mainVisual .navigation .swiper-pagination-bullet-active i:before {content:""; display:block; position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; border-radius:.25em; border:3px solid #fff;}

.mainVisual .playstop {display:block; position:absolute; z-index:10; right:1em; bottom:1em;}
.mainVisual .playstop button {display:block; position:relative; width:1.5em; height:1.5em; background:url(../img/main/spr_slider_control.svg) no-repeat 0 50%; background-size:auto 100%; text-indent:-999px; overflow:hidden;}
.mainVisual .playstop button.stop {background-position:-1.5em 0;}
.mainVisual .playstop button.play {background-position:-6em 0;}

@media all and (min-width:1025px) {
	.mainVisual .navigation {display:block; position:absolute; left:0; top:3em; width:17.2em;}
	.mainVisual .navigation .pager {margin:0;}
	.mainVisual .navigation .prev,
	.mainVisual .navigation .next {display:block; position:relative; float:none; width:1.5em; height:1.5em; margin:0 auto; background:url(../img/main/ico_arrow_up_w.png) no-repeat 50% 50%; background-size:contain;}
	.mainVisual .navigation .next {background-image:url(../img/main/ico_arrow_down_w.png);}
	
}


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

}
@media all and (max-width:1450px) {
	
}
@media all and (max-width:1024px) {
	#section1 .scroll-guide {display:none;}
	.mainVisual {position:relative; top:auto; left:auto; right:auto; bottom:auto; padding:0; font-size:1em;}
	.mainVisual .tit, 
	.mainVisual .tit p {position:relative; width:auto; top:auto; left:auto; right:auto; bottom:auto; width:auto;}
	.mainVisual .tit {padding:2em 0;}
	.mainVisual .tit:before {right:-1em; border-radius:0;}
	.mainVisual .tit:after {right: -20px;top: 0;width: 75.4em;height: 14.7em;background: url(../img/main/img_visual_title_m.png) no-repeat 50% 50%;background-size: cover;border-radius: 0;z-index:-1;}
	
	.mainVisual .slider {height:30em; margin:0 -1em;}	
	
	
	.mainVisual .navigation {display:block; position:relative; margin:0 -1em; background:linear-gradient(152deg, #b01f5a 20%, #123262 100%); overflow:hidden; padding:1em;}	
	.mainVisual .navigation .pager {margin: 0 2em;}
	.mainVisual .navigation .pager > * {margin:0; width:33.33%; float:left;}
	.mainVisual .navigation .prev,
	.mainVisual .navigation .next {position:absolute; top:50%; margin-top:-.74em;}
	.mainVisual .navigation .prev {left:0;}
	.mainVisual .navigation .next {right:0;}
	
	.mainVisual .navigation .swiper-pagination-bullet {padding-left:2.5em;padding-top:.5em;min-height:2em;}
	.mainVisual .navigation .swiper-pagination-bullet span {font-size:.9em; text-align:left;}
	.mainVisual .navigation .swiper-pagination-bullet i {display:block; position:absolute; left:0; top:50%; width:2em; height:2em; margin-top:-1em; border-radius:.25em; background:no-repeat 50% 50%; background-size:contain;}
	.mainVisual .navigation .swiper-pagination-bullet i.icon0 {background-image:url(../img/main/img_visual_01_thumb.png);}
	.mainVisual .navigation .swiper-pagination-bullet i.icon1 {background-image:url(../img/main/img_visual_02_thumb.png);}
	.mainVisual .navigation .swiper-pagination-bullet i.icon2 {background-image:url(../img/main/img_visual_03_thumb.png);}
	
	.mainVisual .info {position:relative;top:auto; left:0; bottom:-6px; margin:0 -1em; height:auto;}
	.mainVisual .info > * {height:8em; font-size:.8em;}
	.mainVisual .info .desc {padding:.5em 1em;}
}

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

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

@media all and (max-width:740px) {
	.mainVisual .slider,
	.mainVisual .slider .swiper-container,
	.mainVisual .slider .swiper-wrapper,
	.mainVisual .slider .swiper-slide {height:auto;}
	.mainVisual .slider .ban {padding: 2em 1.5em 21em;}
	
	.mainVisual .slider .ban.ty1 .desc .subj{top:0em;}
	
	.mainVisual .info {overflow:hidden;}
	.mainVisual .info > * {font-size:.9em;}
	.mainVisual .info > *,
	.mainVisual .info > * > * {display:block; height:auto;}
	.mainVisual .info .desc {padding:1.5em;}
	.mainVisual .info a {width:50%; float:left; padding:1.5em 1em;}
	.mainVisual .info a:after {margin-top:.5em; margin-bottom:-.5em;}
	.mainVisual .info .desc p {display:table; width:100%; table-layout:fixed;}
	.mainVisual .info .desc p > * {display:table-cell; vertical-align:middle; margin:0; word-break:keep-all;}
	.mainVisual .info .desc p strong {width:5em;}
}
@media all and (max-width:670px) {
	.mainVisual .tit {font-size:.9em;}
	.mainVisual .navigation .pager {text-align:center;}
	.mainVisual .navigation .swiper-pagination-bullet {display:inline-block; vertical-align:middle; float:none; width:auto; padding:0 .4em; min-height:0;}
	.mainVisual .navigation .swiper-pagination-bullet i {position:relative; top:auto; left:auto; right:auto; bottom:auto; margin-top:0;}
	.mainVisual .navigation .swiper-pagination-bullet span {position:absolute; top:0; left:0; text-indent:-999px; overflow:hidden; opacity:0;}
	

}

@media all and (max-width:430px) {
	.mainVisual .tit {font-size:.8em;}	
	.mainVisual .slider .ban {padding:2em 1.5em 12.6em;}	
	.mainVisual .slider .ban .desc .subj {font-size:.9em;}
	.mainVisual .slider .ban.ty1 {background-size:auto 16.65em;}
	.mainVisual .slider .ban.ty1 .desc .subj {top: -4em;left: 4.5em;width:20em;background-size: auto 80%;}	

}


/************************************
	Section 02 : Board
************************************/

#section2 {padding-top:2.75em; padding-bottom:1.75em;}
#section2 .section-title {display:block; position:relative; text-align:center; margin-bottom:3.65em;}
#section2 .section-title > p {display:inline-block; position:relative; padding-right:2em;}
#section2 .section-title > p:after {content:""; display:block; position:absolute; right:-3.75em; top:50%; margin-top:-2.9em; width:5em; height:5.8em; background:url(../img/main/img_section2_title.png) no-repeat 50% 50%; background-size:contain;}
#section2 .section-title > p > * {font-size:2.5em; line-height:1.28em; font-weight:400; color:#000;}
#section2 .section-title > p em {color:#ee4d62;}

#section2 .left,
#section2 .right {position:relative;}
#section2 .right {margin-top:3em; padding-bottom:1em;}

@media all and (max-width:1024px) {
	#section2 {padding-top:4em;}
	#section2 .right {padding-bottom:0; margin-top:2em;}
	#section2 .section-title {font-size:.9em;}
}
@media all and (max-width:640px) {
	#section2 .section-title {font-size:.8em;}
}
@media all and (max-width:420px) {
	#section2 .section-title {font-size:.6em;}
}

.mainBoard {position:relative; margin-right:39em; height:20em;}
.mainBoard .tabs {overflow:hidden; margin-bottom:1.5em;}
.mainBoard .tabs li {float:left;}
.mainBoard .tabs li button {display:block; padding:0 1.5em; height:1.5em;}
.mainBoard .tabs li button span {font-size:1.3em; color:#888888;}
.mainBoard .tabs li button.on span {color:#000000;}
.mainBoard .tabs li + li button {border-left:1px solid #D9D9D9;}
.mainBoard .more {display:block; position:absolute; top:-.25em; right:0; width:2.4em; height:2.4em; background:url(../img/main/ico_more.svg) no-repeat 50% 50%; background-size:contain; text-indent:-999px; overflow:hidden;}
.mainBoard .more:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; border-radius:100%; border:3px solid #EEE;}
.mainBoard .list {display:block; position:relative; border-top:2px solid #000; min-height:16.7em;}
.mainBoard .list li {border-bottom:1px solid #d9d9d9;}
.mainBoard .list .item {display:block; position:relative; padding:1.15em 0 1.15em 7.3em; z-index:0;}
.mainBoard .list .item > * {position:relative; z-index:0;}
.mainBoard .list .item a {display:block; position:absolute; top:0; left:0; right:0; bottom:0; text-indent:-999px; overflow:hidden; z-index:2;}
.mainBoard .list .item .subj {display:block; position:relative; font-size:1.1em; font-weight:400; line-height:2.9em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mainBoard .list .item .date {display:block; position:absolute; top:0; bottom:0; left:0; width:4.8em; text-align:center;}
.mainBoard .list .item .date:after {content:""; display:block; position:absolute; top:2em; bottom:2em; right:-1em; width:1px; background:#D9D9D9;}
.mainBoard .list .item .date span {display:block; text-indent:0; white-space:nowrap;}
.mainBoard .list .item .date span i {position:absolute; top:0; left:0; text-indent:-999px; overflow:hidden;}
.mainBoard .list .item .date .ym {position:absolute; font-size:.8em; color:#888; top:50%; margin-top:1em; left:0; right:0; text-align:center;}
.mainBoard .list .item .date .d {display:block; position:absolute; left:0; right:0; top:50%; margin-top:-.8em; font-size:1.8em; font-weight:600; letter-spacing:-.02em;}

.mainBoard .list li.no-data {width:100% !important; min-height:16.7em; text-align:center; margin:0.5em 0 0; display:block; padding:8em 3.1em; border-radius:1em; height:100%; border:1px dashed #DFDFDF !important; position:absolute; top:0; color:#555;}

.mainBoard .list.photo {min-height:16.7em;}
.mainBoard .list.photo li {border:none; width:50%; float:left;}
.mainBoard .list.photo li + li + li {display:none;}
.mainBoard .list.photo .item {padding:2em .5em 0;}
.mainBoard .list.photo .item .thumb {display:block; position:relative; overflow:hidden; height:10em; border-radius:.5em; background:#f6f6f8;}
.mainBoard .list.photo .item .thumb img {display:block; position:absolute; top:0; bottom:0; height:100%; width:auto; min-width:100%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.mainBoard .list.photo .item .date {display:none !important;}

@media all and (max-width:1024px) {
	.mainBoard {margin-right:0; margin-bottom: 3em;}	
	.mainBoard .list.photo li {width:33.33%;}
	.mainBoard .list.photo li + li + li {display:block;}
	.mainBoard .list.photo .item .thumb {height:auto;}
	.mainBoard .list.photo .item .thumb:before {content:""; display:block; position:relative; padding-top:75%;}
}


@media all and (max-width:640px) {
	.mainBoard {font-size:.9em;}
}

@media all and (max-width:580px) {
	.mainBoard .list.photo li {width:50%;}
	.mainBoard .list.photo li + li + li {display:none;}
}

@media all and (max-width:420px) {
	.mainBoard {height:auto; margin-bottom:3em;}
	.mainBoard .tabs {text-align:center;}
	.mainBoard .tabs li {display:inline-block; float:none; text-align:center;}
	.mainBoard .tabs li button {padding:0 .95em;}
	.mainBoard .more {position:relative; top:auto; width:auto; height:auto; background-position:top 50% left .5em; background-size:2.4em; text-indent:0; text-align:center; margin-top:1em;}
	.mainBoard .more:before {border-radius:.25em;}
	.mainBoard .more span {display:block; font-size:1em; padding:1em;}
}

@media all and (max-width:370px) {
	.mainBoard .tabs {font-size:.9em;}
	.mainBoard .list .item {padding-left:0;}
	.mainBoard .list .item .date {display:none;}	
}

/* 팝업존 */
.mainSectionGroups .mainPopup {width:37.2em; border-radius:1em; border:1px solid #E6E6E6;}
.mainSectionGroups .mainPopup .slider {display:block; position:relative; border-radius:1em 1em 0 0; overflow:hidden; min-height:16em; margin-bottom:3.2em; }
.mainSectionGroups .mainPopup .swiper-slide > a {display:block; position:relative; overflow:hidden; /*max-height:16em;*/ background:#f6f6f8;}
.mainSectionGroups .mainPopup .swiper-slide > a:after {content:""; display:block; position:relative; padding-top:46.093%;}
.mainSectionGroups .mainPopup .swiper-slide > a img {display:block;position:absolute;top:0;left:0;width:100%;height:100%;margin-right:10px;}
.mainSectionGroups .mainPopup .control {display:block; position:absolute; bottom:.75em; right:.75em;}
.mainSectionGroups .mainPopup .control > * {display:block; float:left; width:auto;}
.mainSectionGroups .mainPopup .control button + button {margin-left:.3em;}
.mainSectionGroups .mainPopup .control button {width: 1.6em;height: 1.6em;overflow:hidden;text-indent:-999px;background:url(../img/main/spr_slider.png) no-repeat 0 0;background-size: auto 1.6em;}
.mainSectionGroups .mainPopup .control button.prev {background-position:-.7em 50%;}
.mainSectionGroups .mainPopup .control button.next {background-position: -7.2em 50%;}
.mainSectionGroups .mainPopup .control button.stop {background-position: -2.9em 50%;}
.mainSectionGroups .mainPopup .control button.play {display:none; background-position:-5em 50%;}
.mainSectionGroups .mainPopup .control .pager {text-indent:-999px; overflow:hidden; margin-right:.7em;}
.mainSectionGroups .mainPopup .control .pager > * {display:block; position:relative; text-indent:0; float:left; font-size:.8em; opacity:.8; font-weight:400; line-height:1.875em; color:#333;}
.mainSectionGroups .mainPopup .control .pager .swiper-pagination-current {opacity:1;}
.mainSectionGroups .mainPopup .control .pager .swiper-pagination-total {padding-left: 2.1875em;}
.mainSectionGroups .mainPopup .control .swiper-pagination-fraction > * + *:before {content:"";display:block;position:absolute;top:50%;left:.5em;margin: -.125em 0 0 -.125em;width: 1.4em;height: .1em;background:rgba(0,0,0,.5);}

@media all and (min-width:1025px){
	.mainSectionGroups .mainPopup {position:absolute; top:0; right:0;}
}

@media all and (max-width:1024px) {
	.mainSectionGroups .mainPopup {position:relative; margin:0 auto 2.5em;}	
	.mainSectionGroups .mainPopup .slider {min-height:0; border-radius:0;}
	.mainSectionGroups .mainPopup .swiper-slide {max-width:100%;}
	.mainSectionGroups .mainPopup .swiper-slide a {border-radius:1em 1em 0 0;}
}
@media all and (max-width:780px) {
	.mainSectionGroups .mainPopup {width:auto;}
}

.mainArea {display:block;  position:absolute; top:0; left:0; width:37em; overflow:hidden;}
.mainArea .ban {display:block; position:relative; margin-bottom:3.1em; border-radius:1.5em; height:13.5em; padding:1.74em 2.74em; background:#f6f6f8;}
.mainArea .ban:after {content:""; display:block; position:absolute; top:0; right:30px; width:9.1em; height:12.8em; background:url(../img/main/img_area_01.png) no-repeat 50% 50%; background-size:contain;}

.mainArea .ban .subj {display:block; font-size:1.8em; color:#000; font-weight:500;}
.mainArea .ban .txt {display:block; position:relative; margin-top:.25em; margin-right:7em; min-height:3.3em; font-size:1.2em; color:#454545; line-height:1.4em; letter-spacing:-.03em; word-break:keep-all; font-family:'Pretendard'; font-weight:500;}

.mainArea .info {display:block; position:absolute; bottom:2em;}
.mainArea .info li {display:inline-block; position:relative; width:10.6em; background:#eb2951;font-weight:500;border-radius:0.5em;color:#fff;}
.mainArea .info li + li  {background:#005393; font-weight:500;}
.mainArea .info li a {padding:0 20px;display:block;line-height: 2.4em;text-align:left;}
.mainArea .info li a span {font-size:1.25em;font-family:'Pretendard';line-height: 2.4em;}
.mainArea .info li a:before {content:"";position:absolute;top: 1em;right: .8em;width: 1em;height: 1em;line-height:1.8rem;text-align:center;background: url(../img/main/ico_arrow_right_w.svg) no-repeat;}

 
@media all and (max-width:1024px) {
	.mainArea {position:relative; width:auto; margin-bottom:1em;}
	.mainArea .ban {height:auto; margin-bottom:1.2em;}
	.mainArea .ban .txt {font-size:1em;}
	.mainArea .info {position:relative; bottom:0; margin-top:.5em; z-index:2;}
}

@media all and (max-width:770px) {
	.mainArea .ban:after {top:auto; bottom:1em; font-size:1em;}
	.mainArea .ban {padding:2em; margin-bottom:1.2em;}
	.mainArea .ban .txt {width:auto !important; margin-right:10em;}
	
}

@media all and (max-width:550px) {
	.mainArea .ban .subj {font-size:1.5em;}
	.mainArea .ban:after {display:none;}
	.mainArea .ban .txt {margin-right:0em;font-size: 1em;line-height: 1.2em;}
	.mainArea .ban {margin-bottom:0;}
	.mainArea .info li {width:100%; float:none; margin-top:.3em;}
	.mainArea .info li a span {font-size: 1.1em; font-family:'Pretendard';}
	.mainArea .info li a:before {content:""; position:absolute; top:0.7em; right:.8em; width:1.5em; height:1em;}
}

.mainQuick {display:block; position:relative; margin-left:39em; overflow:hidden;}
.mainQuick ul {margin:-1em;}
.mainQuick ul:after {content:""; display:block; clear:both;}
.mainQuick ul li {display:block; position:relative; padding:1em; width:100%; float:left;}
.mainQuick a {display:block;position:relative;height: 13.5em;border-radius:1.5em;padding:2.75em 2.25em;background: no-repeat bottom 1.25em right 1.5em #fdeadf;background-size: 6.5em auto;}
.mainQuick a strong {display:block; position:relative; font-size:1.7em; color:#000; font-weight:400;}
.mainQuick a strong:after {content:""; display:block; position:absolute; top:100%; left:0; margin-top:.884em; width:1.42em; height:1.42em; max-width:48px; max-height:48px; background:url(../img/main/btn_quick_link.png) no-repeat 50% 50%; background-size:contain;}
.mainQuick a.ty1 {background-image:url(../img/main/ico_quick_01.png);}
.mainQuick a.ty2 {background: #fdeadf url(../img/main/ico_quick_02.png) no-repeat 90% 90%;background-size:8em auto;}


@media all and (max-width:1024px) {
	.mainQuick {margin-left:0;}
	.mainQuick ul {margin:-.5em;}
	.mainQuick ul > li {padding:.5em;}		
}

@media all and (max-width:640px) {
	.mainQuick {font-size:.8em;}
}

@media all and (max-width:420px) {
	.mainQuick ul li {float:none; width:auto;}
	.mainQuick ul li a {height:11.5em;}
}