@import 'common.css';
@import 'jquery-ui.css';




/* 생일,조합갤러리 */
.main_event {position:fixed;width:100%;height:1px;left:0;bottom:0;}

.main_event_btn {position:relative;width:1200px;margin:0 auto;top:-325px;display:none;}
.main_event_btn button {border:none;width:107px;height:47px;background:url('/img/main_event.png') left top no-repeat;cursor:pointer;outline:none;}
.main_event_btn button span {display:none;}

.main_event_area {position:relative;width:1200px;margin:0 auto;top:-310px;}
.main_event_box {position:relative;width:1200px;height:190px;z-index:100;}
.main_event_box:after {content:"";display:block;clear:both;}
.main_event_box_bg {position:absolute;left:0;top:0;width:1200px;height:190px;background:#000;opacity:.62;z-index:0;}

.main_event_birth {float:right;position:relative;padding:30px;right:200px;}
.main_event_birth button.btn-birth {position:absolute;border:none;width:10px;height:19px;top:95px;cursor:pointer;outline:none;}
.main_event_birth button.btn-birth.disable {opacity:.3;cursor:default;}

.main_event_birth button.btn-birth span {display:none;}
.main_event_birth button.btn-birth-left {background:url('/img/main_birth_arrow_left.png') left top no-repeat;left:20px;}
.main_event_birth button.btn-birth-right {background:url('/img/main_birth_arrow_right.png') left top no-repeat;left:320px;z-index:9999;}

	.main_event_birth_move {position:absolute;width:265px;height:90px;overflow:hidden;left:45px;top:70px;}
	.main_event_birth_move ul {position:relative;}
	.main_event_birth_move ul:after {content:"";display:block;clear:both;}
	.main_event_birth_move li {float:left;width:58px;padding-right:10px;}
	.main_event_birth_move li span {display:block;}
	.main_event_birth_move li span img{border-radius:100px;}
	.main_event_birth_move li span:last-child {color:#fff;text-align:center;font-size:11px;padding-top:10px;}

.main_event_gallery {float:left;position:relative;width:430px;padding-top:30px;left:30px;}
.main_event_gallery ul {position:absolute;left:0;top:60px;}
.main_event_gallery ul:after {content:"";display:block;clear:both;}
.main_event_gallery li {float:left;margin-right:1px;}
.main_event_gallery li a {display:block;}
.main_event_gallery li a img {width:135px;height:95px;}

.main_event_notice {float:left;position:relative;width:400px;padding-top:20px;left:30px;}
.main_event_notice h2{padding-top:12px;left:30px;}
.main_event_notice ul {position:absolute;left:0;top:35px;}
.main_event_notice ul:after {content:"";display:block;clear:both;}

.main_bd_txt a{width:250px;color:#ffffff;font-size:12px;line-height:18px;}
.main_bd_txt_date {width:30px;color:#ffffff;font-size:12px;line-height:18px;}


button.bnt-main-event-close {position:absolute;border:none;width:27px;height:27px;right:-27px;top:0px;cursor:pointer;outline:none;background:url('/img/main_event_close.png') left top no-repeat;}
button.bnt-main-event-close span {display:none;}


/* 초기 로딩 */
.loader_main{position:absolute;width:100%;height:64px;display:block;margin:0 auto;text-align:center;top:50%;margin-top:-32px}
.loader_main img{width:64px;height:64px;margin:0 auto}

/* content */
.mainSlide{position:relative;width:100%;height:900px;/* overflow:hidden; */background:url(/img/main_01_01_load.jpg) no-repeat center top}
.mainSlide .item{overflow:hidden;position:relative;width:100%;height:900px;outline:0}
.mainSlide .item.m01{background:url(/img/main_01_01.jpg) no-repeat center top}
.mainSlide .item .rela{overflow:visible;position:relative;z-index:9;width:1200px;height:900px;margin:0 auto}


.mainSlide .item.m01 .rela{width:1152px;height:662px;top:65px;left:50%;margin-left:-556px}
.mainSlide .item.m01 .rela .rela_m01{width:1111px;height:517px;position:absolute;top:164px;left:0}
.mainSlide .item.m01 .rela:before,
.mainSlide .item.m02 .rela:before{opacity:.2}
.mainSlide .item.m01 .rela:before{/*overflow:hidden;position:absolute;top:176px;left:-863px;width:1000px;height:5px;background:#fff;content:''*/}
.mainSlide .item.m02 .rela:before{overflow:hidden;position:absolute;top:176px;left:-945px;width:1000px;height:5px;background:#fff;content:''}
.mainSlide .item.m03 .rela:before{overflow:hidden;position:absolute;top:176px;left:-928px;width:1000px;height:5px;background:#fff;content:''}

.mainSlide .item.m03 .rela:before{background:#022a5d}
.mainSlide .item .rela .mTit{overflow:hidden;position:absolute;top:90px;left:0;width:100%;height:auto;font-size:80px;color:#fff}
.mainSlide .item.m01 .rela .mTit{overflow:hidden;top:0px;text-align:center;width:100%;height:auto;font-size:80px;color:#fff}
.mainSlide .item.m01 .rela .mTit img{text-align:center;display:inline}
.mainSlide .item .rela .mTxt01,
.mainSlide .item .rela .mTxt02,
.mainSlide .item .rela .mTxt03{overflow:hidden;position:absolute;top:169px;width:100%;height:auto;font-size:16px;color:#fff}
.mainSlide .item .rela .mTxt01{text-align:center;top:76px;font-size:20px}
.mainSlide .item .rela .mTxt02{left:75px}
.mainSlide .item .rela .mTxt03{left:92px;color:#022a5d}
.mainSlide .item.m03 .rela .mTit{color:#002b5c}
.mainSlide .item.m03 .rela .mTxt{color:#002b5c}
.mainSlide .item .rela .sTit{position:absolute;top:90px;right:0;font-size:80px;color:#fff}
.mainSlide .item .rela .sDate{position:absolute;top:70px;right:280px;font-size:18px;color:#fff;opacity:0.2}
.mainSlide .item .rela .innoList{overflow:hidden;position:absolute;top:136px;left:0;height:auto}
.mainSlide .item .rela .innoList li{overflow:hidden;height:auto;margin-top:20px;/*background:url(/img/bg_innoList.png) repeat-x left bottom*/}
.mainSlide .item .rela .innoList li.opacity{opacity:.3}
.mainSlide .item .rela .innoList li:first-child{margin-top:0}
.mainSlide .item .rela .innoList li a{display:block}
.mainSlide .item .rela .innoList li a .txt01{display:block;margin-top:10px;font-size:13px;color:#fff}
.mainSlide .item .rela .innoList li a .txt02{display:block;margin:10px 0 30px;font-size:20px;color:#fff;opacity:.8}
.mainSlide .item .rela .innoList li a .txt03{display:none;margin-bottom:16px;font-size:16px;color:#fff;overflow: visible;line-height: 44px;width: 100%}
.mainSlide .item .rela .innoList li a .txt03 img{position:static}
.mainSlide .item .rela .innoList li a span.txt03_left{display:block;float: left;font-size:16px}
.mainSlide .item .rela .innoList li a span.txt03_right{display:block;float: right}
.mainSlide .item .rela .innoList li a.on{display:block;border-bottom:5px solid #fff;opacity:1}
.mainSlide .item .rela .innoList li a.on .txt01{margin-top:15px;font-size:20px}
.mainSlide .item .rela .innoList li a.on .txt02{line-height:1.1em;font-size:50px}
.mainSlide .item .rela .innoList li a.on .txt03{display:block;margin-bottom:30px;font-size:16px}
.mainSlide .item .rela .innoList02{overflow:hidden;position:absolute;top:0px;right:0;width:140px;height:auto}
.mainSlide .item .rela .innoList02 li{overflow:hidden;width:100%;height:24px;padding:20px 0;border-top:1px solid rgba(255, 255, 255, .25);line-height:40px}
.mainSlide .item .rela .innoList02 li:first-child{border-top:0}
.mainSlide .item .rela .innoList02 li a{display:block;font-size:16px;color:#002b5c}
.mainSlide .item{position:relative}
.mainSlide .item .imgbox{display:none;overflow:hidden;position:absolute;top:0;left:0;z-index:1;width:100%;height:900px}
.mainSlide .item .rela .newsListLoading{overflow:hidden;position:absolute;top:82px;left:280px;width:620px;height:760px}
.mainSlide .item .rela .newsListLoading .loaderWrap{overflow:auto;position:absolute;top:0;right:0;left:0;bottom:0;z-index:9999;width:50px;height:50px;margin:auto}
.mainSlide .item .rela .newsListLoading .loader{overflow:auto;position:absolute;top:0;right:0;left:0;bottom:0;width:31px;height:31px;margin:auto}
.mainSlide .item .rela .newsListBox{overflow:hidden;position:absolute;top:85px;left:253px;width:746px;height:760px}
.mainSlide .item .rela .newsList{overflow:hidden;width:628px;height:auto}
.mainSlide .item .rela .newsList li{overflow:hidden;width:100%;height:auto;padding:50px 0;border-bottom:1px solid #4a5665}
.mainSlide .item .rela .newsList li.opacity{opacity:.3}
.mainSlide .item .rela .newsList li .rela{overflow:hidden;position:relative;width:100%;height:auto}
.mainSlide .item .rela .newsList li .rela:before{left:-20000px}
.mainSlide .item .rela .newsList li a{display:block;overflow:hidden;width:500px;height:auto;font-size:30px;line-height:1.2em;color:#fff;font-weight:600}
.mainSlide .item .rela .newsList li .txt,.mainSlide .item .rela .newsList li .txt a{display:block;margin:23px 0 0;font-size:15px; color:#fff}
.mainSlide .item .rela .newsList li .txt a{line-height:1.5em;font-weight:normal}
.mainSlide .item .rela .newsList li .date{position:absolute;top:1px;right:0;font-size:18px;color:#fff}
.mainSlide .item .rela .newsList li:hover .txt{color:#fff}
.mainSlide .item .rela .newsList li:hover .date{color:#fff}
.mainSlide .item .rela .newsList li:hover{border-bottom:1px solid #fff}
.mainSlide .item .rela .newsList02{overflow:hidden;position:absolute;top:70px;right:0;width:152px;height:auto}
.mainSlide .item .rela .newsList02 li{overflow:hidden;width:100%;height:24px;padding:20px 0;border-top:1px solid rgba(255, 255, 255, .25);line-height:40px}
.mainSlide .item .rela .newsList02 li:first-child{border-top:0}
.mainSlide .item .rela .newsList02 li a{display:block;font-size:16px;color:#002b5c}
.mainSlide .item .rela .storyList{overflow:hidden;position:absolute;top:230px;left:0;width:160px;height:auto}
.mainSlide .item .rela .storyList li{overflow:hidden;width:100%;height:40px;padding:10px 0;border-top:1px solid #c4cdd6;line-height:40px}
.mainSlide .item .rela .storyList li:first-child{border-top:0}
.mainSlide .item .rela .storyList li a{display:block;margin-top:10px;font-size:16px;color:#002b5c}
.slideController{overflow:hidden;position:absolute;top:175px;right:69px;width:111px;height:25px;background:red;background:url(/img/bg_line02.png) no-repeat center center}
.slideController01{right:123px}
.slideController.bgn{background:none}
.slideController .slickPrev{overflow:hidden;float:left;width:35px;height:24px;background:url(/img/ico_left01.png);text-indent:-2000px}
.slideController .slickNext{overflow:hidden;float:right;width:35px;height:24px;background:url(/img/ico_right01.png);text-indent:-2000px}

.mainSlide .item.m01 .rela .slideController0301,
.mainSlide .item.m01 .rela .slideController0302{overflow:hidden;position:absolute;right:0px;width:111px;height:25px;background:url(/img/ico_right01_2.png) no-repeat center center}
.mainSlide .item.m01 .rela .slideController0301{top:0}
.mainSlide .item.m01 .rela .slideController0302{top:65px}

.mainSlide .item.m01 .rela .slideController0301 .slickNext,
.mainSlide .item.m01 .rela .slideController0302 .slickNext{overflow:hidden;float:right;width:35px;height:24px;background:url(/img/ico_right01_2.png);text-indent:-2000px}
.mainSlide .item.m01 .rela .slideController0301 .slickNext{}
.mainSlide .item.m01 .rela .slideController0302 .slickNext{}

.mainSlide .item.m03 .rela{height:920px}