@charset "UTF-8";

/**** main ****/
/* 메인 비주얼 */
.mn_visual_wrap {position:relative; width:100%; height:600px; background:skyblue; text-align:center;}
.mn_visual {position:relative;}
.mn_visual a {display:block; word-break:keep-all;}
.mn_visual .txt {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:#fff; font-size:60px; font-weight:600; line-height:1.2em;}
.mn_visual .txt span {font-weight:300;}
.mn_visual_wrap .slick-slide img {height:600px;}
.mn_visual_wrap .slick-arrow {
	display:block; width:27px; height:49px; text-indent:-9999px;
	position:absolute; top:50%; transform:translate(0,-50%); z-index:1;
	background-repeat:no-repeat; background-position:center; 	opacity:.5;
}
.mn_visual_wrap .slick-arrow:hover {opacity:1;}
.mn_visual_wrap .slick-arrow.slick-prev {left:50px; background-image:url(/uljujm/images/main/btn_visualPrev.png);}
.mn_visual_wrap .slick-arrow.slick-next {right:50px; background-image:url(/uljujm/images/main/btn_visualNext.png);}
/*
.mn_visual_wrap .slick-dots {position:absolute; bottom:20px; left:50%; transform:translate(0,-50%); }
.mn_visual_wrap .slick-dots li {display:inline-block; float:left;}
.mn_visual_wrap .slick-dots li button {display:block; margin:0 5px; width:14px; height:14px; background:#333; border-radius:50%; text-indent:-9999px;}
*/

/* 퀵메뉴 */
.mn_quick {padding:40px 0;}
.mn_quick ul {display:block; width:60%; margin:0 auto; text-align:center;}
.mn_quick ul>li {float:left; width:14.285%;}
.mn_quick ul a {display:block;}
.mn_quick ul i {display:inline-block; width:50px; height:50px; margin-bottom:10px; background-repeat:no-repeat; background-position:center;}
.mn_quick ul a.off i.i_quick_map {background-image:url(/uljujm/images/main/i_quick_map.png);}
.mn_quick ul a.off i.i_quick_dic {background-image:url(/uljujm/images/main/i_quick_dic.png);}
.mn_quick ul a.off i.i_quick_ebook {background-image:url(/uljujm/images/main/i_quick_ebook.png);}
.mn_quick ul a.off i.i_quick_story {background-image:url(/uljujm/images/main/i_quick_story.png);}
.mn_quick ul a.off i.i_quick_guide {background-image:url(/uljujm/images/main/i_quick_guide.png);}
.mn_quick ul a.off i.i_quick_mystory {background-image:url(/uljujm/images/main/i_quick_mystory.png);}
.mn_quick ul a.off i.i_quick_view {background-image:url(/uljujm/images/main/i_quick_view.png);}

.mn_quick ul a.on {color:#2433a4;}
.mn_quick ul a.on i.i_quick_map {background-image:url(/uljujm/images/main/i_quick_map_on.png);}
.mn_quick ul a.on i.i_quick_dic {background-image:url(/uljujm/images/main/i_quick_dic_on.png);}
.mn_quick ul a.on i.i_quick_ebook {background-image:url(/uljujm/images/main/i_quick_ebook_on.png);}
.mn_quick ul a.on i.i_quick_story {background-image:url(/uljujm/images/main/i_quick_story_on.png);}
.mn_quick ul a.on i.i_quick_guide {background-image:url(/uljujm/images/main/i_quick_guide_on.png);}
.mn_quick ul a.on i.i_quick_mystory {background-image:url(/uljujm/images/main/i_quick_mystory_on.png);}
.mn_quick ul a.on i.i_quick_view {background-image:url(/uljujm/images/main/i_quick_view_on.png);}

/* quick_eb */
.quick_eb {padding:40px 0; border-top:1px solid #ccc;}
.quick_eb h3 {font-size:24px; margin-bottom:30px; text-align:center;}
.quick_eb ul {display:block; width:60%; margin:0 auto;}
.quick_eb ul li {padding:0 10px; width:12.5%;}
.quick_eb ul li a p {text-align:center; margin-top:10px; word-break:keep-all;}
.quick_eb ul li a:hover p {color:#2433a4;}
.quick_eb ul li a div {overflow:hidden;}
.quick_eb ul li a div img {
	width:100%; -webkit-transform: scale(1); transform: scale(1);
	-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;
	border:1px solid #ddd;
}
.quick_eb ul li a:hover div img {-webkit-transform: scale(1.3);transform: scale(1.3);}


/* ***** 하이스토리 ***** */
/* 레이아웃 */
.mn_story_wrap {position:relative; }
.mn_story .story_wrap {position:relative; height:830px;}
.mn_story .story_wrap>div {float:left;}
.mn_story_tit,
.mn_story_con {position:relative; height:100%;}
.mn_story_tit {width:45%; text-align:center;}
.mn_story_con {width:55%;}


/* 좌측 타이틀 */
.fix_tit {width:70%; margin:23% auto 5%; padding-left:80px; text-align:left; background:url(/uljujm/images/main/hi.png) no-repeat top left;}
.fix_tit p {line-height:1.1;}
.fix_tit p:first-child {font-size:38px;}
.fix_tit p:last-child {font-size:42px; font-weight:600;}
.fix_tit p:last-child span {font-weight:200;}
.story_tit {width:70%; margin:0 auto; padding:8%; text-align:left; color:#fff; border:10px solid #fff;}
.story_tit h2 {font-size:48px; font-weight:600; margin-bottom:30px;}
.story_tit span {font-size:22px; display:inline-block;}
.story_tit span::after {display:inline-block; content:""; clear:both; width:10px; height:3px; background:#fff; margin:0 5px 5px;}
.story_tit span:last-child::after {display:none;}

/* 좌측 타이틀 배경 */
.mn_story_tit.mnst1 {background:url(/uljujm/images/main/bg_mnStory_left_01.jpg);}
.mn_story_tit.mnst2 {background:url(/uljujm/images/main/bg_mnStory_left_02.jpg);}
.mn_story_tit.mnst3 {background:url(/uljujm/images/main/bg_mnStory_left_03.jpg);}


/* 우측 텍스트 */
.mn_story_con>div {width:70%; margin:15% auto 0; font-size:18px; line-height:1.8; word-break:keep-all;}
.mn_story_con>div p {margin-bottom:5%;}
.mn_story_con>div p:last-child {margin-bottom:0;}

/* 우측 텍스트 배경 */
.mn_story_con.mnsc1 {background:url(/uljujm/images/main/bg_mnStory_right_01.jpg);}
.mn_story_con.mnsc2 {background:url(/uljujm/images/main/bg_mnStory_right_02.jpg);}
.mn_story_con.mnsc3 {background:url(/uljujm/images/main/bg_mnStory_right_03.jpg);}

/* 좌측 하단 이미지 */
.mn_story .story_wrap .img {position:absolute; left:0; bottom:0;}
.mn_story .story_wrap .img img {width:90%;}

/* 더보기 버튼 */
.mn_story .story_wrap a {display:block; position:absolute; top:50%; right:-50px; transform:translate(0,-50%); border:1px solid green; width:100px; height:100px; background:#006833; color:#fff; box-shadow:2px 2px 7px rgba(0,0,0,.5); z-index:1;}
.mn_story .story_wrap a:hover {background:#004c25;}
.mn_story .story_wrap a>* {display:block; text-align:center; vertical-align:middle;}
.mn_story .story_wrap a>i {margin:25px auto 10px; width:19px; height:19px; background:url(/uljujm/images/main/btn_mnstoryMore.png) no-repeat center;}


/*
.mn_story .story_wrap>div:first-child,
.mn_story .story_wrap>div:nth-child(2) {display:table-cell;}
.mn_story .story_wrap>div:first-child {width:40%; border:1px solid green;}
.mn_story .story_wrap>div:nth-child(2) {width:60%; border:1px solid blue;}
.mn_story .story_wrap a {display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); border:1px solid green; width:100px; height:100px; background:#006833; color:#fff; box-shadow:2px 2px 7px rgba(0,0,0,.5);}
.mn_story .story_wrap a:hover {background:#004c25;}
.mn_story .story_wrap a>* {display:block; text-align:center; vertical-align:middle;}
.mn_story .story_wrap a>i {margin:25px auto 10px; width:19px; height:19px; background:url(/uljujm/images/main/btn_mnstoryMore.png) no-repeat center;}
.mn_story .story_wrap .img {position:absolute; left:0; bottom:0;}
*/


.story_control {position:absolute; bottom:50px; right:50px;}
.story_control a {float:left; display:inline-block; width:50px; height:50px; background-repeat:no-repeat; background-position:center; text-indent:-9999px; opacity:.7; background-color:rgba(0,0,0,.6);}
.story_control a:first-child {border-right:1px solid rgba(255,255,255,.2);}
.story_control a.btn_prev {background-image:url(/uljujm/images/main/btn_mnstroyPrev.png);}
.story_control a.btn_next {background-image:url(/uljujm/images/main/btn_mnstroyNext.png);}
.story_control a:hover {opacity:1;}

.mn_story_wrap .slick-dots {position:absolute; top:50%; right:50px; transform:translate(-50%,0); }
.mn_story_wrap .slick-dots li button {display:block; margin:5px 0; width:13px; height:13px; background:#bbb; border-radius:50%; text-indent:-9999px;}
.mn_story_wrap .slick-dots li.slick-active button {background:#006833;}



/* guide */
.mn_quide_wrap {background:url(/uljujm/images/main/bg_guide.jpg) #404f94;}
.mn_guide {padding:60px 605px 60px 0; background:url(/uljujm/images/main/bg_guide_02.png) no-repeat right bottom; color:#fff;}
.mn_guide h3 {font-size:24px; margin-bottom:40px;}
.mn_guide p {margin-bottom:40px;}
.mn_guide a {display:inline-block; padding:10px 30px; color:#fff; border:1px solid #fff; border-radius:30px; transition:all .4s ease-in-out;}
.mn_guide a:hover {background:#fff; color:#404f94;}


/* 알림마당 */
.mn_board_wrap {padding:90px 0; background:url(/uljujm/images/main/bg_board.jpg) #d9ecf2;}
.mn_board_wrap .container>h3 {margin-bottom:45px; font-size:42px; text-align:center;}
.mn_board_wrap .container>div {background:#fff; height:280px; margin-right:2%;}
.mn_board_wrap .container>div:nth-child(2)  {border-right:1px solid #eee;}
.mn_board_wrap .container>div:last-child {margin-right: 0}
.mn_board_wrap .container .mn_board {padding:25px;}

@media screen and (min-width: 992px) {
	.mn_board_wrap .container>div.col-md-4 {width:32% !important;}
}

/* 게시글 */
.mn_board>h3 {color:#333; font-size:20px; font-weight:400;}
.mn_board>h3>a {display:block; margin-bottom:20px; background:url(/uljujm/images/main/i_more.png) no-repeat right;}
.mn_board>h3>a>span {display:inline-block; font-size:13px; color:#f07884; padding:4px 12px; border:1px solid #f07884; border-radius:30px;}
.mn_board .board_top {margin-bottom:14px; padding-bottom:20px; border-bottom:1px solid #ddd;}
.mn_board .board_top a {display:block; height:72px; overflow:hidden;}
.mn_board .board_top>a>p {color:#999; overflow:hidden; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.mn_board .board_con li a {display:block; color:#666; line-height:1.8; overflow:hidden;}
.mn_board .board_con li a p {display:inline-block; width:80%; float:left;}
.mn_board .board_con li a span {float:right; color:#999;}

/* 게시글 - 공지사항 */
.mn_board .board_top.notice a h4 {margin-bottom:15px; font-size:18px; color:#000;}
.mn_board .board_top.notice a h4 span:first-child {display:inline-block; float:left; width:80%; color:#000;}
.mn_board .board_top.notice a h4 span:last-child {float:right; font-size:14px; color:#666; font-weight:300;}
.mn_board .board_top.notice a>p {height:40px;}
.mn_board .board_top a:hover h4 p,
.mn_board .board_con li a:hover {color:#3a7eff;}
.mn_board .board_top a:hover p {color:#000;}

.mn_board .board_top.story {padding-left:85px; background:url(/uljujm/images/main/i_board_story.png) no-repeat left top;}
.mn_board .board_top.story span {display:inline-block; margin-bottom:15px; color:#ff8400; }

.mn_board.mn_notice li a {padding:7px 0; border-bottom:1px dashed #ddd;}
.mn_board.mn_notice li:last-child a {border-bottom:0;}

.mn_notice_empty {text-align:center; padding-top:100px; background:url(/uljujm/images/main/notice_empty.png) no-repeat center;}
/* 팝업존 */
.popup_zone {position:relative;}
.popup_wrap img {width:100%; height:280px;}
.popup_control {position:absolute; bottom:10px; right:10px;}
.popup_control .counter {display:inline-block; padding:3px 5px; background:rgba(0,0,0,.5); border-radius:30px; color:#fff;}
.popup_control .counter span {display:inline-block; padding:0 2px; font-weight:300;}
.popup_control .counter .current {color:yellow;}
.popup_control a {display:inline-block; width:19px; height:19px; background-repeat:no-repeat; background-position:center; text-indent:-9999px; opacity:.7;}
.popup_control a.btn_prev {background-image:url(/uljujm/images/main/btn_popPrev.png);}
.popup_control a.btn_next {background-image:url(/uljujm/images/main/btn_popNext.png);}
.popup_control a.btn_pause {background-image:url(/uljujm/images/main/btn_popPause.png);}
.popup_control a.btn_play {background-image:url(/uljujm/images/main/btn_popPlay.png);}
.popup_control a:hover {opacity:1;}



/* 레이어팝업 */
.layer_pop {
	background:rgba(0,0,0,.5); position:fixed; width:100%; height:100%; z-index:99999;
	-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;
}
.layer_pop_in {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.layer_pop_in a {text-align:right; float:right;}
.layer_pop_in img {margin-top:10px;}



/* ************************ 하이스토리 중간분기 ************************ */
@media screen and (max-width: 1599px) and (min-width: 1200px) {
	.mn_story .story_wrap .img img {width:60%;}
	.mn_story_con>div p:last-child {display:none;}
}



/* ************************ 태블릿 이하(~1199) ************************ */
@media screen and (max-width: 1199px) {
	/* 메인 비주얼 */
	.mn_visual_wrap {margin-top:73px; height:400px;}
	.mn_visual.slick-slide img {width:100%; height:400px;}


	/* 퀵메뉴 */
	.mn_quick ul,
	.quick_eb ul {width:90%;}
	.quick_eb ul li {width:33.3333%;}
	.quick_eb ul li a p {min-height:60px;}


	/* ***** 하이스토리 ***** */
	/* 레이아웃 */
	.mn_story .story_wrap {height:auto;}
	.mn_story .story_wrap>div {float:none;}
	.mn_story_tit {width:100%; padding-bottom:70px;}
	.mn_story_con {width:100%;}

	.mn_story_tit,
	.mn_story_con {height:auto;}


	/* 좌측 타이틀 */
	.fix_tit {margin:0 auto; padding:60px 0 30px 100px; background-position:left 60px;}
	.story_tit {padding:3%; border:8px solid #fff;}
	.story_tit h2 {margin-bottom:20px; font-size:36px;}
	.story_tit span {font-size:18px;}

	/* 우측 텍스트 */
	.mn_story_con>div {margin:0 auto; padding:70px 0 140px;}
	.mn_story_con>div>p:not(:first-child) {display:none;}

	/* 더보기 버튼 */
	.mn_story .story_wrap a {top:auto; bottom:-50px; right:50%; transform:translate(0,0);}

	/* 좌측 하단 이미지 */
	.mn_story .story_wrap .img img {width:50%;  margin:0 auto; }




	/* guide */
	.mn_guide {padding:60px 0 8% 0; background-size:320px;}

	/* 알림마당 */
	.mn_board_wrap .container > div:last-child {border-top:1px solid #eee;}

	/* 팝업존 */
	.popup_zone {height:auto !important;}
}

@media screen and (max-width: 992px) {
	.mn_board_wrap .container>div {margin-right:0%; margin-bottom:2%;}
	.mn_board_wrap .container>div:last-child {margin-bottom:0;}
	
}


/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {

	/* 레이어팝업 */
	.layer_pop_in {width:85%;}

	/* ***** 메인 비주얼 ***** */
	.mn_visual_wrap {height:200px;}
	.mn_visual .txt {font-size:26px;}
	.mn_visual.slick-slide img {height:200px;}
	.mn_visual_wrap .slick-arrow {display:none !important;}

	/* 퀵메뉴 */
	.quick_eb ul li {width:50%;}
	.mn_quick ul>li:nth-child(-n+4) {width:25%;}
	.mn_quick ul>li:nth-child(n+5):nth-child(-n+7) {width:33.3%; margin-top:20px;}



	/* ***** 하이스토리 ***** */
	/* 레이아웃 */
	.mn_story_tit {padding-bottom:30px;}


	/* 좌측 타이틀 */
	.fix_tit {width:90%; padding:30px 0 20px 50px; background-position:left 40px; background-size:40px;}
	.fix_tit p {line-height:1.2;}
	.fix_tit p:first-child {font-size:28px;}
	.fix_tit p:last-child {font-size:28px; font-weight:600;}
	.story_tit {width:85%; padding:20px; border:4px solid #fff;}
	.story_tit h2 {margin-bottom:10px; font-size:24px;}
	.story_tit span {font-size:16px;}

	/* 우측 텍스트 */
	.mn_story_con>div {width:80%; height:380px; padding:30px 0 0; font-size:16px;}
	.mn_story_con>div>p:first-child {height:230px; overflow:hidden;}


	/* 더보기 버튼 */
	.mn_story .story_wrap a {width:50px; height:50px; bottom:0; right:20px;}
	.mn_story .story_wrap a>i {margin:14px auto 10px;}
	.mn_story .story_wrap a>span {display:none;}

	/* 좌측 하단 이미지 */
	.mn_story .story_wrap .img {width:100%; left:50%; transform:translate(-50%,0);}
	.mn_story .story_wrap .img img {width:320px;}

	.mn_story_wrap .slick-dots,
	.story_control {display:none !important;}




	/* *****  guide ***** */
	.mn_guide {padding:30px 0 150px 0;}
	.mn_guide h3 {margin-bottom:20px;}
	.mn_guide p {margin-bottom:30px;}

	/* *****  알림마당 ***** */
	.mn_board_wrap {padding:30px 0;}
	.mn_board_wrap .container {padding:0;}
	.mn_board_wrap .container>h3 {margin-bottom:15px; font-size:24px;}
	.mn_board_wrap .container>div:nth-child(2)  {border-right:0; border-bottom:1px solid #eee;}

	/* ***** 팝업존 ***** */
	.popup_wrap img {height:auto;}


}