@import url("common_ver2.css");

/***** ¸ÞÀκñÁÖ¾ó *****/
#visual{width:100%; position:relative; height:435px; overflow:hidden;}
	.jssora12l, .jssora12r {
		top:242px; 
		display: block;
		position: absolute;
		width: 54px;
		height: 54px;
		cursor: pointer;
		overflow: hidden;
	}
	.jssora12l { background: url('/img/arrow_prev.png') no-repeat;left:590px;}
	.jssora12r { background: url('/img/arrow_next.png') no-repeat; right:575px; }
	.jssora12l:hover {}
	.jssora12r:hover { }
	.jssora12l.jssora12ldn {}
	.jssora12r.jssora12rdn {}

.main_cont{ margin:0 auto; position:relative;}

.cont01 { padding:60px 0 80px 0; position:relative; }
.cont01 .cont01_inner { width:1180px; margin:0 auto; }
.cont01 .cont01_inner .cont01_top{ overflow:hidden; }
.cont01 .cont01_inner .cont01_top p { float:left; padding-right:12px; }
.cont01 .cont01_inner .cont01_top p:last-child { padding-right:0; }

.cont01 .cont01_inner .cont01_bottom { padding-top:60px; overflow:hidden; }
.cont01 .cont01_inner .cont01_bottom .notice { width:286px; margin-right:56px; float:left; }
.cont01 .cont01_inner .cont01_bottom .notice .title { height:56px; border-bottom:3px solid #444; overflow:hidden; box-sizing:border-box; padding-top:14px;}
.cont01 .cont01_inner .cont01_bottom .notice .title h3 { font-size:21px; float:left; font-weight:800; color:#444; line-height:100%; font-family:'Montserrat', sans-serif;}
.cont01 .cont01_inner .cont01_bottom .notice .title a { display:block; float:right; transition:transform 0.5s; transform:rotate(0deg);}
.cont01 .cont01_inner .cont01_bottom .notice .title a:hover { transition:transform 0.5s; transform:rotate(180deg); }
.cont01 .cont01_inner .cont01_bottom .notice ul li{ border-bottom:1px dashed #d4d4d4; padding:10px 0; }
.cont01 .cont01_inner .cont01_bottom .notice ul li:first-child { padding-top:15px; }
.cont01 .cont01_inner .cont01_bottom .notice ul li:last-child { border:none; } 
.cont01 .cont01_inner .cont01_bottom .notice ul li a { font-size:14px; line-height:22px; color:#666;  }
.cont01 .cont01_inner .cont01_bottom .notice ul li span { font-size:13px; color:#888; margin-left:8px;}

.cont01_bottom .video {position:relative; width:495px; height:325px; float:left; background:#f0f0f0; position:relative; }
.cont01_bottom .video .list_carousel {width:100%;}
.cont01_bottom .video .list_carousel ul {margin: 0; padding: 0; list-style: none; display: block; overflow:hidden; clear:both;}
.cont01_bottom .video .list_carousel li {width:495px; height:auto; padding: 0; display: block; float: left;}
.cont01_bottom .video .list_carousel.responsive {width: auto; margin-left: 0;}
.cont01_bottom .video .clearfix {float: none; clear: both;}
.cont01_bottom .video .prev {position:absolute; background:url('/img/video_prev.png') no-repeat; left:0; top:50%; margin-top:-33px; width:39px; height:66px; z-index:2; text-indent:-2222px;}
.cont01_bottom .video .next {position:absolute; background:url('/img/video_next.png') no-repeat; right:0; top:50%; margin-top:-33px; width:39px; height:66px; z-index:2; text-indent:-2222px;}

.cont01 .cont01_inner .cont01_bottom { padding-top:60px; overflow:hidden; }
.cont01 .cont01_inner .cont01_bottom .media { width:286px; margin-left:57px; float:right; }
.cont01 .cont01_inner .cont01_bottom .media .title { height:56px; border-bottom:3px solid #444; overflow:hidden; box-sizing:border-box; padding-top:14px;}
.cont01 .cont01_inner .cont01_bottom .media .title h3 { font-size:21px; float:left; font-weight:800; color:#444; line-height:100%; font-family:'Montserrat', sans-serif;}
.cont01 .cont01_inner .cont01_bottom .media .title a { display:block; float:right; transition:transform 0.5s; transform:rotate(0deg);}
.cont01 .cont01_inner .cont01_bottom .media .title a:hover { transition:transform 0.5s; transform:rotate(180deg); }
.cont01 .cont01_inner .cont01_bottom .media ul li{ border-bottom:1px dashed #d4d4d4; padding:10px 0; }
.cont01 .cont01_inner .cont01_bottom .media ul li:first-child { padding-top:15px; }
.cont01 .cont01_inner .cont01_bottom .media ul li:last-child { border:none; } 
.cont01 .cont01_inner .cont01_bottom .media ul li a { font-size:14px; line-height:22px; color:#666;  }
.cont01 .cont01_inner .cont01_bottom .media ul li span { font-size:13px; color:#888; margin-left:8px;}


.cont02 { background:#f0f0f0; padding:76px 0 83px 0; }
.cont02 .cont02_inner { width:1180px; margin:0 auto; }
.cont02 .cont02_inner .cont_title { background:url(/img/cont02_title.gif) no-repeat center center; font-size:34px; font-weight:800; color:#333; font-family: 'Montserrat', sans-serif; line-height:100%; text-align:center; margin-bottom:50px;}

.cont02 .cont02_inner .sns_in { overflow:hidden; }
.cont02 .cont02_inner .sns_in .facebook { width:386px; height:446px; float:left; margin-right:10.5px;}
.cont02 .cont02_inner .sns_in .facebook h3 { font-size:0; background:url(/img/title_facebook.gif) no-repeat; width:100%; height:55px; }
.cont02 .cont02_inner .sns_in .facebook .inside { width:100%; height:391px; background:#fff; }

.cont02 .cont02_inner .sns_in .instagram { width:386px; height:446px; float:left; margin-right:10.5px;}
.cont02 .cont02_inner .sns_in .instagram h3 { font-size:0; background:url(/img/title_instagram.gif) no-repeat; width:100%; height:55px; }
.cont02 .cont02_inner .sns_in .instagram h3 span { font-size:13px; float:right; margin-right:22px; color:#fff; font-family: 'Montserrat', sans-serif; line-height:55px;}
.cont02 .cont02_inner .sns_in .instagram .inside { width:100%; height:391px; background:#fff; }
.cont02 .cont02_inner .sns_in .instagram .inside ul { padding:14px 11px; overflow:hidden; }
.cont02 .cont02_inner .sns_in .instagram .inside ul li { width:120px; height:120px; float:left; margin:0 2px 2px 0;}
.cont02 .cont02_inner .sns_in .instagram .inside ul li:nth-child(3n) { margin-right:0; }
.cont02 .cont02_inner .sns_in .instagram .inside ul li img {max-width:120px;}

.cont02 .cont02_inner .sns_in .blog { width:386px; height:446px; float:left; }
.cont02 .cont02_inner .sns_in .blog h3 { font-size:0; background:url(/img/title_blog.gif) no-repeat; width:100%; height:55px; }
.cont02 .cont02_inner .sns_in .blog .inside { width:100%; height:391px; background:#fff; }
.cont02 .cont02_inner .sns_in .blog .inside ul { padding:23px 15px; width:100%; box-sizing:border-box; }
.cont02 .cont02_inner .sns_in .blog .inside ul li { padding-bottom:18px; overflow:hidden; width:100%;}
.cont02 .cont02_inner .sns_in .blog .inside ul li .img { width:120px; margin-right:20px; float:left;}
.cont02 .cont02_inner .sns_in .blog .inside ul li .txt {width:calc(100% - 140px); float:right; padding-top:2px;}
.cont02 .cont02_inner .sns_in .blog .inside ul li .txt h4 { font-size:17px;  color:#444; width:100%; text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space:nowrap;overflow:hidden;word-wrap:normal;}
.cont02 .cont02_inner .sns_in .blog .inside ul li .txt p { font-size:14px; line-height:20px; color:#666; padding:5px 0 10px 0; }
.cont02 .cont02_inner .sns_in .blog .inside ul li .txt span.more { font-size:12px; display:inline-block; padding-right:13px; background:url(/img/blog_more.gif) no-repeat right center; color:#aaa;  }


.cont03 { padding:76px 0 70px 0; }
.cont03 .cont03_inner { width:1180px; margin:0 auto; }
.cont03 .cont03_inner .cont_title { background:url('/img/cont03_title.gif') no-repeat center center; font-size:34px; font-family:'Montserrat', sans-serif; font-weight:800; line-height:100%; text-align:center; margin-bottom:50px; color:#333;}
.cont03 .cont03_inner .cont_title span {font-size:34px; font-family:'Montserrat', sans-serif; font-weight:800; line-height:100%; text-align:center; color:#333; display:inline-block; padding:0 85px; background:#fff;}
.cont03 .cont03_inner .cont03_list ul.list { overflow:hidden; }
.cont03 .cont03_inner .cont03_list ul.list li {float:left;}
.cont03 .cont03_inner .cont03_list ul.list li:nth-child(4n) { margin-right:0; }

.cont03 .cont03_inner .cont03_list ul.list li .img {position:relative; box-sizing:border-box; border:1px solid #ddd;}
.cont03 .cont03_inner .cont03_list ul.list li .img p {position:absolute; top:5px; left:5px; width:175px; background-size:contain; background-position:left top; background-repeat:no-repeat;}
.cont03 .cont03_inner .cont03_list ul.list li .img p img {max-width:175px; max-height:87px;}
.cont03 .cont03_inner .cont03_list ul.list li .img img {width:100%; }

.cont03 .cont03_inner .cont03_list ul.list li .txt {box-sizing:border-box; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; position:relative; display:table;}
.cont03 .cont03_inner .cont03_list ul.list li .txt .txt_inner {vertical-align:middle; display:table-cell;  }
.cont03 .cont03_inner .cont03_list ul.list li .txt h4 { font-size:17px; color:#333; width:185px; text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space:nowrap;overflow:hidden;word-wrap:normal; }
.cont03 .cont03_inner .cont03_list ul.list li .txt span { font-size:13px; color:#888; display:block; width:185px; text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space:nowrap;overflow:hidden;word-wrap:normal;}
.cont03 .cont03_inner .cont03_list ul.list li .txt p.more { position:absolute; right:19px; top:19px;}

/* °øÁöüũ °Ô½Ã¹° - 6°³ ±îÁö´Â Å©°Ô */
.cont03_inner .cont03_list ul.thum {width:100%; overflow:hidden;}
.cont03_inner .cont03_list ul.thum li {float:left; width:386px !important; margin:0 11px 10px 0;}
.cont03_inner .cont03_list ul.thum li .img p {width:117px;}
.cont03_inner .cont03_list ul.thum li .txt {height:86px; width:386px !important; padding:0 0 0 25px;}
.cont03_inner .cont03_list ul.thum li .txt h4 { font-size:19px;  }
.cont03_inner .cont03_list ul.thum li .txt span { font-size:14px; }
.cont03_inner .cont03_list ul.thum li .txt p.more { position:absolute; right:22px; top:23px; }

.cont03_inner .cont03_list ul.thum {width:100%; overflow:hidden;}
.cont03_inner .cont03_list ul.thum li {width:386px; margin:0 11px 10px 0;}
.cont03_inner .cont03_list ul.thum li:nth-child(3n) { margin-right:0;}
.cont03_inner .cont03_list ul.thum li .img p {width:117px; }
.cont03_inner .cont03_list ul.thum li .txt {height:86px; width:386px; padding:0 0 0 25px;}
.cont03_inner .cont03_list ul.thum li .txt h4 { font-size:19px;  }
.cont03_inner .cont03_list ul.thum li .txt span { font-size:14px; }
.cont03_inner .cont03_list ul.thum li .txt p.more { position:absolute; right:22px; top:23px; }

/* ÀϹݰԽù° - ÇÑÁÙ¿¡ 4°³ */
.cont03 .cont03_inner .cont03_list ul.sthum li {width:286px; margin:0 12px 11px 0;}
.cont03 .cont03_inner .cont03_list ul.sthum li:nth-child(4n) { margin-right:0; }
.cont03 .cont03_inner .cont03_list ul.sthum li .txt { width:286px; height:79px; padding:0 0 0 20px;}


/*.cont03 .cont03_inner ul.cont03_list li:nth-child(2) { width:386px; margin:0 11px 10px 0;}
.cont03 .cont03_inner ul.cont03_list li:nth-child(2) .img p {width:117px;}
.cont03 .cont03_inner ul.cont03_list li:nth-child(2) .txt { height:86px; width:386px; padding:0 0 0 25px;}
.cont03 .cont03_inner ul.cont03_list li:nth-child(2) .txt h4 { font-size:19px;  }
.cont03 .cont03_inner ul.cont03_list li:nth-child(2) .txt span { font-size:14px; }
.cont03 .cont03_inner ul.cont03_list li:nth-child(2) .txt p.more { position:absolute; right:22px; top:23px; }

.cont03 .cont03_inner ul.cont03_list li:nth-child(3) { width:386px; margin:0 0 10px 0;}
.cont03 .cont03_inner ul.cont03_list li:nth-child(3) .img p {width:117px;}
.cont03 .cont03_inner ul.cont03_list li:nth-child(3) .txt { height:86px; width:386px; padding:0 0 0 25px;}
.cont03 .cont03_inner ul.cont03_list li:nth-child(3) .txt h4 { font-size:19px;  }
.cont03 .cont03_inner ul.cont03_list li:nth-child(3) .txt span { font-size:14px; }
.cont03 .cont03_inner ul.cont03_list li:nth-child(3) .txt p.more { position:absolute; right:22px; top:23px; }

.cont03 .cont03_inner ul.cont03_list li:nth-child(4) { width:386px; margin:0 11px 40px 0;}
.cont03 .cont03_inner ul.cont03_list li:nth-child(4) .img p {width:117px;}
.cont03 .cont03_inner ul.cont03_list li:nth-child(4) .txt { height:86px; width:386px; padding:0 0 0 25px;}
.cont03 .cont03_inner ul.cont03_list li:nth-child(4) .txt h4 { font-size:19px;  }
.cont03 .cont03_inner ul.cont03_list li:nth-child(4) .txt span { font-size:14px; }
.cont03 .cont03_inner ul.cont03_list li:nth-child(4) .txt p.more { position:absolute; right:22px; top:23px; }

.cont03 .cont03_inner ul.cont03_list li:nth-child(5) { width:386px; margin:0 11px 40px 0;}
.cont03 .cont03_inner ul.cont03_list li:nth-child(5) .img p {width:117px;}
.cont03 .cont03_inner ul.cont03_list li:nth-child(5) .txt { height:86px; width:386px; padding:0 0 0 25px;}
.cont03 .cont03_inner ul.cont03_list li:nth-child(5) .txt h4 { font-size:19px;  }
.cont03 .cont03_inner ul.cont03_list li:nth-child(5) .txt span { font-size:14px; }
.cont03 .cont03_inner ul.cont03_list li:nth-child(5) .txt p.more { position:absolute; right:22px; top:23px; }

.cont03 .cont03_inner ul.cont03_list li:nth-child(6) { width:386px; margin:0 0 40px 0;}
.cont03 .cont03_inner ul.cont03_list li:nth-child(6) .img p {width:117px;}
.cont03 .cont03_inner ul.cont03_list li:nth-child(6) .txt { height:86px; width:386px; padding:0 0 0 25px;}
.cont03 .cont03_inner ul.cont03_list li:nth-child(6) .txt h4 { font-size:19px;  }
.cont03 .cont03_inner ul.cont03_list li:nth-child(6) .txt span { font-size:14px; }
.cont03 .cont03_inner ul.cont03_list li:nth-child(6) .txt p.more { position:absolute; right:22px; top:23px; }*/