/* main */
#main_contents {position:relative;}

/* m_sec00*/
.m_sec00 {position:relative; height:755px; overflow:hidden;}
.m_sec00 .i_m_tit {z-index:99; position:absolute; bottom:106px; left:50%; margin-left:-381px;}
.m_sec00 .i_m_un {z-index:99; position:absolute; bottom:110px; left:50%; margin-left:-597px; width:194px; height:178px; background:url(../images/bg_m_un.png) no-repeat; background-size:100%;}
.m_sec00 .i_m_un ul {position:absolute; top:130px; left:12px;}
.m_sec00 .i_m_un ul li {padding-left:15px; background:url(../images/blt_un.png) left no-repeat; background-position:1px 8px; line-height:20px; font-size:13px;}
.m_sec00 .i_m_un ul li a { color:#ffc600; font-weight:100;}
.m_sec00 .i_m_btn { z-index:99; position:absolute; bottom:125px; right:50%; margin-right:-597px;}
.m_sec00 .i_m_btn ul {*zoom:1;}
.m_sec00 .i_m_btn ul:after {content:"."; clear:both; display:block; height:0; visibility:hidden;}
.m_sec00 .i_m_btn ul li {display:inline-block; margin-left:13px; *zoom:1; *display:inline;}
.m_sec00 .i_m_btn ul li a {display:block; width:77px; height:77px; text-indent:-9999px;}
.m_sec00 .i_m_btn ul li a:hover {background-position:0 -77px;}
.m_sec00 .i_m_btn ul li a.m_btn01 {background:url(../images/m_btn01.png) no-repeat; background-position:0 0;}
.m_sec00 .i_m_btn ul li a.m_btn02 {background:url(../images/m_btn02.png) no-repeat; background-position:0 0;}
.m_sec00 .i_m_btn ul li a.m_btn03 {background:url(../images/m_btn03.png) no-repeat; background-position:0 0;}
.m_sec00 .i_m_btn ul li a.m_btn04 {background:url(../images/m_btn04.png) no-repeat; background-position:0 0;}
.m_sec00 .i_m_btn ul li a.m_btn05 {background:url(../images/m_btn05.png) no-repeat; background-position:0 0;}
.m_sec00 .i_m_btn ul li a.m_btn01:hover, .m_sec00 .i_m_btn ul li a.m_btn02:hover,
.m_sec00 .i_m_btn ul li a.m_btn03:hover, .m_sec00 .i_m_btn ul li a.m_btn04:hover,
.m_sec00 .i_m_btn ul li a.m_btn05:hover {background-position:0 -77px;}

/*m_sec01 , m_sec01, m_sec01*/
.m_sec01 h3, .m_sec02 h3, .m_sec03 h3 {text-align:center; font-size:32px; font-weight:500;}
.m_sec01 em, .m_sec02 em, .m_sec03 em {display:block; margin-bottom:35px; text-align:center; font-size:14px; font-weight:200;}

/* m_sec01 */
.m_sec01 {position:relative; height:554px; background:#deded8;}
.m_sec01 h3 {padding-top:63px; margin-bottom:13px; color:#222;}
.m_sec01 em {color:#666;}
.m_sec01 .wrap {width:1240px;/*width:100%;*/ margin:0 auto;}
.m_sec01 .slide {position:relative; padding-top:3px;}
.m_sec01 a {position:relative; display:block; width:266px; cursor:pointer;}
.m_sec01 a span.th {display:block; position:relative; height:184px;}
.m_sec01 a span.th img {width:100%; height:100%;}
.m_sec01 a strong {display:block; padding:19px 0 11px; color:#3f3f3f; font-size:22px; font-family:"NanumMyeongjo"; letter-spacing:-0.07em; text-align:center; font-weight:bold;}
.m_sec01 a span.dsc {display:block; padding:0; color:#555; font-size:12px; line-height:1.4; font-weight:100; letter-spacing:-0.04em;}
.m_sec01 a:hover {border-color:#c95771; text-decoration:none;}
.m_sec01 a:hover .line {display:block;}
.m_sec01 a .line {display:none; position:absolute; top:0; right:0; left:0; bottom:0; border:3px solid #ffc600;}
.m_sec01 .bx-pager {display:none;}/*½½¶óÀÌµå ÆäÀÌÁö¹öÆ°*/
.m_sec01 .bx-wrapper .bx-controls-direction a {margin-top:-65px;}

.m_sec01.bgnone {background:url(../images/bg_msec01.png);}
.m_sec01.bgnone h3 {color:#deded8;}
.m_sec01.bgnone em {color:#bbb;}
.m_sec01.bgnone a strong {color:#deded8; font-weight:normal;}
.m_sec01.bgnone a span.dsc {color:#bbb;}
.m_sec01.bgnone a span.th {border:#969696 1px solid;}
.m_sec01.bgnone h3 {font-weight:400;}

.m_sec01 a span.th .bt_vd_play {position:absolute; top:50%; left:50%; margin-top:-26px; margin-left:-26px; width:52px; height:52px; text-indent:-9999px; background:url(../images/bt_play_52.png) no-repeat;}

/* m_sec02 */
.m_sec02 {position:relative; background:url(../images/bg_msec01.png);}
.m_sec02 .wrap {width:1140px; margin:0 auto; padding:95px 0;}
.m_sec02 .pExp {position:relative; padding-left:303px; }
.m_sec02 .pExp em {position:absolute; left:-2px; top:2px;}
.m_sec02 .pExp .exp {position:relative; border-left:#5f5f5f 3px solid; padding:10px 0 20px 34px; color:#fff; }
.m_sec02 .pExp .exp h3 {font-size:36px; line-height:1.3; font-family:"NanumMyeongjo"; letter-spacing:-0.07em; color:#fff; text-align:left; padding-bottom:10px;}
.m_sec02 .pExp .exp h4 {font-size:15px; line-height:1.6; letter-spacing:0; font-weight:100; color:#bbb; text-align:left; padding-bottom:50px;}
.m_sec02 .pExp .exp p {font-size:14px; line-height:1.8; text-align:justify; font-weight:100; color:#ddd; letter-spacing:-0.02em;}
.m_sec02 .pExp .exp a.more { font-size:13px; color:#323232; background:#deded8; padding:1px 10px; border-radius:3px; margin-top:10px; cursor:pointer; display:inline-block; *zoom:1; *display:inline;}

/* m_sec03 */
.m_sec03 {position:relative; background:#deded8;}
.m_sec03 .wrap {width:1140px; margin:0 auto; padding:75px 0;}
.m_sec03 .pExp {position:relative; padding-left:303px; }
.m_sec03 .pExp em {position:absolute; left:-2px; top:12px;}
.m_sec03 .pExp em .imgWrap {width:245px; height:245px; background:#fff; overflow:hidden; border-radius:123px; margin:0 auto;}
.m_sec03 .pExp em .imgWrap img {text-align:center;}
.m_sec03 .pExp .exp {position:relative; border-left:#cfcfca 3px solid; padding:10px 0 20px 34px; color:#fff; }
.m_sec03 .pExp .exp h3 {font-size:22px; line-height:1.6; letter-spacing:0; color:#8a7f7f; text-align:left; padding-bottom:45px;}
.m_sec03 .pExp .exp h4 {font-size:36px; line-height:1.3; font-family:"NanumMyeongjo"; letter-spacing:-0.07em; font-weight:bold; color:#3f3f3f; text-align:left; padding-bottom:10px;}
.m_sec03 .pExp .exp p {font-size:14px; line-height:1.8; text-align:justify; font-weight:100; color:#3f3f3f; letter-spacing:-0.02em;}
.m_sec03 .pExp .exp a.more { font-size:13px; color:#fff; background:#323133; padding:1px 10px; border-radius:3px; margin-top:30px; cursor:pointer; display:inline-block; *zoom:1; *display:inline;}

/* sticky */
.m_navi {z-index:30; position:absolute; top:280px; right:2%; width:26px;}
.m_navi.sticky {position:fixed; top:50%; margin-top:-210px; }
.m_navi li {padding:2px 0 }
.m_navi li a {display:block; width:26px; height:26px; background:url(../images/bt_m_navi.png) no-repeat;}
.m_navi li a:hover {background-position:0 -26px}
.m_navi .m_n_on a {background-position:0 -26px;}

@media screen and (max-width:1270px){
	.m_sec00 .vi_slideshow li {top:0 !important; margin-top:0 !important;}
}

@media screen and (max-width:1140px){	
	.m_sec00 {height:650px;}
	.m_sec00 .i_m_tit {margin-left:-270px; bottom:60px;}
	.m_sec00 .i_m_tit img { height:165px;}
	.m_sec00 .i_m_un {margin-left:-480px; bottom:53px;}
	.m_sec00 .i_m_btn {display:none;}

	
	.m_sec01 .wrap {width:852px; margin:0 auto;}
	.m_sec02 .wrap {width:840px; padding:85px 0;}
	.m_sec03 .wrap {width:840px; padding:65px 0;}

	.m_navi {right:10px;}
}
