/* ========= 메인 style css ========= */
/* transition */
.linkList > li > a {
	-webkit-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
	-moz-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
	-ms-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
	-o-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
	transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}

/* 다단설정 -다단 및 기능, 단락 등의 수정이 있을 경우 확인 필요 */
#multipleContentsDiv_mold01_11 {
	max-width: 1820px; margin: 0 auto; box-sizing: border-box;
}
#multipleDiv_mold01_13,
#multipleDiv_mold01_20 {
	max-width: 1440px; margin: 0 auto;
    padding: 0 20px; box-sizing: border-box;
}
#multipleContentsDiv_mold01_17 {
	position: relative;
	background: url('../../images/main/main_bg_01.png') center top repeat-y;
	padding: 65px 0 45px; box-sizing: border-box;
	background-size: 100% auto;
}
#multipleContentsDiv_mold01_17:before {
	content: ''; width: 100%; height: 302px;
	position: absolute; top: 0; left: 0;
	background: url('../../images/main/main_bg_02.jpg') center top no-repeat;
	background-size: 100% 100%;
}
#menu4036_obj24 {
	background: url('../../images/main/main_bg_01.png') center top repeat-y;
	background-size: 100% auto;
}

/* visualText */
.visualText {color: #fff; text-shadow: 0 3px 7px rgba(0,0,0,0.3);}
.visualText h3 {font-size: 60px; font-weight: 400; margin-bottom: 5px;}
.visualText p {font-size: 42px; font-weight: 200; line-height: 1.3;}
.visualText p strong {display: block; font-weight: 300;}

/* main-title-h3 */
h3.mainTitle {
	display: inline-block; color: #3d4352; font-size: 26px; font-weight: 400; letter-spacing: -1px;
	margin: 0 0 30px 25px;
}
h3.mainTitle:after {
	content: ''; float: right; width: 71px; height: 21px;
	background: url('../../images/main/mainTitle_arrow.png') right bottom no-repeat;
	margin: 11px 0 0 -2px;
}
h3.mainTitle.white {color: #fff;}


/* .linkList :: 메뉴 바로가기 */
.linkList {overflow: hidden; margin: 0 0 50px -15px; padding-bottom: 5px;}
.linkList > li {
	float: left; width: calc(100% / 6);
}
.linkList > li > a {
	display: block; width: calc(100% - 15px); color: #494d57; text-align: center;
	padding: 18px 10px; border: 1px solid #494d57; box-sizing: border-box; background-color: #fff;
	margin-left: 15px;
}
.linkList > li > a:hover {color: #fff; background-color: #023473; box-shadow: 0 5px 0 0 rgba(0,0,0,0.2); border-color: #023473;}

/* .linkBoxWrap :: 상담안내 */
.linkBoxWrap {
	overflow: hidden; padding-bottom: 5px;
}
.linkBoxWrap .linkBox {
	position: relative; display: table;
	float: left; width: calc(100% / 4 - 27px); height: 272px;
	color: #fff; text-align: center;
	background: url('../../images/main/linkBox_pattern.png') left top repeat;
	margin-left: 35px;
	padding: 15px; box-sizing: border-box;
}
.linkBoxWrap .linkBox.iconBox a {display: block; position: relative;}
.linkBoxWrap .linkBox .inner {
	display: table-cell; vertical-align: middle;
	width: 100%; height: 100%;
	border: 1px solid rgba(255,255,255,0.2);
	padding: 20px; box-sizing: border-box;
}

.linkBoxWrap .linkBox.lb_01 h4 {font-size: 26px; font-weight: 400;}
.linkBoxWrap .linkBox.lb_01 h4:after {
	content: ''; display: block; width: 8px; height: 8px; border-radius: 50%; background-color: #fff;
	margin: 7px auto 0;
}
.linkBoxWrap .linkBox.lb_01 p.num {color: #7effd6; font-size: 36px; font-weight: 700; letter-spacing: -2px; line-height: 1.1; margin: 9px 0;}
.linkBoxWrap .linkBox.lb_01 p.time {font-size: 16px; font-weight: 200;}
.linkBoxWrap .linkBox.lb_01 a.go {
	display: block; max-width: 245px; color: #a0d3ff; font-weight: 400; border-top: 1px solid rgba(255,255,255,0.2);
	padding: 15px 10px 0; box-sizing: border-box;
	margin: 20px auto 0;
}

.linkBoxWrap .linkBox.iconBox a i {color: #9ae5ff; font-size: 14px; font-weight: 200; text-transform: uppercase; margin-bottom: 10px;}
.linkBoxWrap .linkBox.iconBox a span {
	display: block; width: 45px; height: 45px; background: url('../../images/main/linkBox_icon.png') 4px center no-repeat;
	margin: 0 auto;
}
.linkBoxWrap .linkBox.iconBox a h4 {color: #fff; font-size: 22px; font-weight: 400;}

.linkBoxWrap .linkBox.lb_01 {background-color: #00619a; margin-left: 0;}
.linkBoxWrap .linkBox.lb_02 {background-color: #0b7dbb;}
.linkBoxWrap .linkBox.lb_03 {background-color: #0097cc;}
.linkBoxWrap .linkBox.lb_04 {background-color: #03c3da;}

.linkBoxWrap .linkBox.lb_03 a span {background-position: -84px center;}
.linkBoxWrap .linkBox.lb_04 a span {background-position: -176px center;}


/* .circleLink :: 하단 아이콘 링크 리스트 */
.circleLink {overflow: hidden; text-align: center; margin: 35px 0 25px;}
.circleLink li a {
	color: #444; font-size: 16px; font-weight: 200;
}
.circleLink li .icon {
	width: 100px; height: 100px; border-radius: 50%;
	background: #fff; margin: 0 auto 15px;
}
.circleLink li .icon:before {
	content: ''; display: block; width: 100px; height: 100px;
	background: url('../../images/main/circleLink_icon.png') 0 top no-repeat;
}
.circleLink li a:hover .icon {
	background: url('../../images/main/circleLink_bg.png') left top no-repeat;
	box-shadow: 0px 8px 5px 1px rgba(0,0,0,0.15);
}
.circleLink li.cl_02 .icon:before {background-position: -181px top;}
.circleLink li.cl_03 .icon:before {background-position: -360px top;}
.circleLink li.cl_04 .icon:before {background-position: -540px top;}
.circleLink li.cl_05 .icon:before {background-position: -722px top;}
.circleLink li.cl_06 .icon:before {background-position: -904px top;}
.circleLink li.cl_07 .icon:before {background-position: -1083px top;}
.circleLink li.cl_08 .icon:before {background-position: -1264px top;}
.circleLink li.cl_01 a:hover .icon:before {background-position: 0 bottom;}
.circleLink li.cl_02 a:hover .icon:before {background-position: -181px bottom;}
.circleLink li.cl_03 a:hover .icon:before {background-position: -360px bottom;}
.circleLink li.cl_04 a:hover .icon:before {background-position: -540px bottom;}
.circleLink li.cl_05 a:hover .icon:before {background-position: -722px bottom;}
.circleLink li.cl_06 a:hover .icon:before {background-position: -904px bottom;}
.circleLink li.cl_07 a:hover .icon:before {background-position: -1083px bottom;}
.circleLink li.cl_08 a:hover .icon:before {background-position: -1264px bottom;}

.circleLink button.slick-arrow {
	position: absolute; top: 28px; width: 27px; height: 53px; background: url('../../images/main/circleLink_arrow.png') left top no-repeat;
	text-indent: -5000px; z-index: 1;
}
.circleLink button.slick-prev {left: 0;}
.circleLink button.slick-next {right: 0; transform: rotate(180deg);}



/* Tablet & Mobile */
@media all and (max-width: 980px) {
	/* .circleLink :: 하단 아이콘 링크 리스트 */
	.circleLink .slick-list {width: 85%; margin: 0 auto;}
}
/* Tablet */
@media all and (max-width: 980px) and (min-width: 461px){
	/* 다단설정 -다단 및 기능, 단락 등의 수정이 있을 경우 확인 필요 */
	#multipleContentsDiv_mold01_17 {padding-bottom: 35px;}
	#multipleContentsDiv_mold01_17:before {height: 408px;}

	/* .linkList :: 메뉴 바로가기 */
	.linkList {margin-bottom: 10px;}
	.linkList > li {width: calc(100% / 3); margin-bottom: 20px;}

	/* .linkBoxWrap :: 상담안내 */
	.linkBoxWrap .linkBox {float: left; width: calc(100% / 2 - 6px); height: 272px; margin: 0 12px 12px 0;}
	.linkBoxWrap .linkBox.lb_02,
	.linkBoxWrap .linkBox.lb_04 {margin-right: 0;}

}

/* Mobile */
@media all and (max-width: 460px) {
	/* 다단설정 -다단 및 기능, 단락 등의 수정이 있을 경우 확인 필요 */
	#multipleContentsDiv_mold01_17 {padding: 35px 0 25px;}
	#multipleContentsDiv_mold01_17:before {height: 355px;}
	
	/* visualText */
	.visualText {text-align: center;}
	.visualText h3 {font-size: 43px;}
	.visualText p {font-size: 28px;}

	/* .linkList :: 메뉴 바로가기 */
	.linkList {margin-left: -10px;}
	.linkList > li {width: calc(100% / 2); margin-bottom: 10px;}
	.linkList > li > a {width: calc(100% - 10px); margin-left: 10px; font-size: 14px;}

	/* .linkBoxWrap :: 상담안내 */
	.linkBoxWrap .linkBox {float: left; width: 100%; height: 272px; margin: 0 0 5px 0;}
	.linkBoxWrap .linkBox.iconBox {height: auto; text-align: left;}
	.linkBoxWrap .linkBox.lb_02,
	.linkBoxWrap .linkBox.lb_04 {margin-right: 0;}
	.linkBoxWrap .linkBox.iconBox .inner {padding: 19px 30px;}
	.linkBoxWrap .linkBox.iconBox a {padding-left: 65px;}
	.linkBoxWrap .linkBox.iconBox a span {margin: 0; position: absolute; top: 10px; left: 0;}
	
}