@charset "utf-8";

@import url("common.css");
@import url("layout.css");

#dBodyMain {
	position:relative;
	min-width:1000px;
	overflow:hidden;
}
#dBodyMain > div {position:relative; min-height:900px; overflow:hidden;}
#dBodyMain .scroll-down {position:absolute; bottom:40px; left:50%; margin-left:-41px;}
#dBodyMain .main-title {padding:0 0 18px 0; color:#929292; font-size:9px; line-height:15px; background:url("../images/main/title_bar01.gif") no-repeat center bottom; text-align:center;}
#dBodyMain .main-title span {display:block; color:#696868; font-family:'nanumBold';}

/* section01 */
.section01 {position:relative;}
.section01 .title {position:absolute; top:-12%; left:37.70833333333%; width:45.52083333333%; text-align:center; z-index:2;}
.section01 .title img {width:100%; max-width:874px;}
.section01 .roll-list {height:100%;}
.section01 .roll-list li {position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.section01 .roll-list li + li {display:none;}
.section01 .btn-arrow {position:absolute; top:50%; right:0; margin:-71px 0 0 0; width:69px; z-index:2;}
.section01 .btn-arrow a {display:block; height:70px; margin-bottom:2px; overflow:hidden;}
.section01 .btn-arrow a:hover img {margin-top:-70px;}

/* section02 */
.section02 {padding:65px 0 100px 0; background:#eee;}
.section02 .list-box {padding:65px 60px 30px;}
.section02 .list-box ul {overflow:hidden;}
.section02 .list-box li {float:left; width:248px; height:auto; margin-bottom:10px; padding:10px; background:#fff;}
.section02 .list-box li p {display:block; position:relative;}
.section02 .list-box li p > span {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.65);}
.section02 .list-box li p > span span {position:absolute; bottom:10px; left:10px; color:#fff; font-family:'lato'; font-size:16px; line-height:20px; text-transform:uppercase;}
.section02 .list-box li p:hover > span {display:block;}

/* section03 */
/*.section03 {background:url("../images/main/section03_bg.jpg") no-repeat center 0;}*/
.section03 {background:url("../images/main/section03_bg.jpg") no-repeat center center; background-size:cover;}
.section03 .title {position:absolute; top:149px; left:0; width:100%; text-align:center;}


/* section04 */
.section04 {padding:65px 0 0 0; background:#eee;}
.section04 .special-list {width:100%; margin-top:60px; overflow:hidden;}
.section04 .special-list li {float:left; width:20%; opacity:0.44; filter:alpha(opacity=44); transition:all 300ms ease 0s;}
.section04 .special-list li a {display:block; position:relative; height:1020px; background:url("../images/main/section04_list_bg01.jpg") no-repeat center 0;}
.section04 .special-list li a .text {display:none; position:absolute; bottom:30px; left:0; width:100%; height:130px; text-align:center;}
.section04 .special-list li a .text strong {display:block; margin-bottom:10px; color:#fff; font-size:50px; line-height:35px; text-transform:uppercase;}
.section04 .special-list li a .text span {color:#fff; font-family:'lato'; font-size:11px; line-height:15px; opacity:0.8; filter:alpha(opacity=80);}
.section04 .special-list li a:hover {opacity:1; filter:alpha(opacity=100);}
.section04 .special-list li a:hover .text {display:block;}
.section04 .special-list li + li a {background-image:url("../images/main/section04_list_bg02.jpg");}
.section04 .special-list li + li + li a {background-image:url("../images/main/section04_list_bg03.jpg");}
.section04 .special-list li + li + li + li a {background-image:url("../images/main/section04_list_bg04.jpg");}
.section04 .special-list li + li + li + li + li a {background-image:url("../images/main/section04_list_bg05.jpg");}
.section04 .special-list li:hover {transition:all 700ms ease 0s; opacity:1; filter:alpha(opacity=100);}

/* section041 */
.section041 {padding:0 0 0 0; background:#fff;}
.section041 .special-list {width:100%; margin-top:0px; overflow:hidden;}
.section041 .special-list li {float:left; width:20%; opacity:0.44; filter:alpha(opacity=44); transition:all 300ms ease 0s;}
.section041 .special-list li a {display:block; position:relative; height:1020px; background:url("../images/main/section04_list_bg01.jpg") no-repeat center 0;}
.section041 .special-list li a .text {display:none; position:absolute; top:705px; left:0; width:100%; text-align:center;}
.section041 .special-list li a .text strong {display:block; margin-bottom:10px; color:#fff; font-size:50px; line-height:35px; text-transform:uppercase;}
.section041 .special-list li a .text span {color:#fff; font-family:'lato'; font-size:11px; line-height:15px; opacity:0.8; filter:alpha(opacity=80);}
.section041 .special-list li a:hover {opacity:1; filter:alpha(opacity=100);}
.section041 .special-list li a:hover .text {display:block;}
.section041 .special-list li + li a {background-image:url("../images/main/section04_list_bg02.jpg");}
.section041 .special-list li + li + li a {background-image:url("../images/main/section04_list_bg03.jpg");}
.section041 .special-list li + li + li + li a {background-image:url("../images/main/section04_list_bg04.jpg");}
.section041 .special-list li + li + li + li + li a {background-image:url("../images/main/section04_list_bg05.jpg");}
.section041 .special-list li:hover {transition:all 700ms ease 0s; opacity:1; filter:alpha(opacity=100);}

/* sub2 _ ex */
.sub-tit01 {position:absolute; bottom:110px; left:0; width:100%; text-align:center;}
.sub-thum {position:absolute; bottom:0; left:0; width:100%; font-size:0; line-height:0; text-align:center; overflow:hidden;}
.sub-thum li {display:inline-block; margin:0 1px; height:98px;}
.sub-thum li a {display:block; position:relative; bottom:-20px; opacity:0.6; filter:alpha(opacity=70); transition:all 300ms ease 0s;}
.sub-thum li a span {position:absolute; top:26px; left:0; width:100%; color:#fff; font-family:'dinmed'; font-size:12px; line-height:16px; transition:all 350ms ease 0s;}
.sub-thum li a span:first-line {font-size:10px;}
.sub-thum li a:hover {bottom:0; opacity:1; filter:alpha(opacity=100); transition:all 300ms ease 0s;}
.sub-thum li a:hover span {top:65px; transition:all 300ms ease 0s;}