@charset "utf-8";
/* main */
#news-area02, .pedien-theme01 {
	max-width:1420px;
	margin:0 auto;
}

/** section 1 **/
#news-area02{ position:relative; width:100%; margin-bottom:10px; }
#news-area02 ul::after { content:''; display:block; clear:both; }
#news-area02::after { position:absolute; display:block; content:''; width:100%; height:1px; background:#eee; left:0; bottom:0; }
#news-area02 li.thumb { float:left; width:calc(25% - 12px); height:200px; margin:0 16px 13px 0; }
#news-area02 li.thumb:nth-child(4n) { margin-right:0; }
#news-area02 li.thumb{ background:url(/images/A/common/no_image.png) no-repeat center center; background-size:50%; }
#news-area02 li.thumb a{ position:relative; display:inline-block; width:100%; height:inherit; font-family: 'Malgun Gothic'; background-repeat:no-repeat; background-position:center center; background-size:cover; }
#news-area02 li.thumb a::after{position:absolute; display:inline-block; content:''; width:100%; height:100%; background:url(/images/A/common/thumb_bg.png) repeat-x left bottom; left:0; bottom:0;}
#news-area02 li.thumb a::after{position:absolute; display:inline-block; content:''; width:100%; height:100%; left:0; bottom:0;}
#news-area02 li.thumb a b{position:absolute; left:0; bottom:35px; display:block; width:80%; padding:0 20px; color:#fff; font-size:1.2em; line-height:1.2em; 
z-index:2; font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*#news-area02 li.thumb a i{position:absolute; left:0; bottom:10px; font-size:0.8em; display:block; width:100%; padding:0 20px; color:rgba(255,255,255,0.7); z-index:2;}*/
#news-area02 li.thumb a i{position:absolute; left:0; bottom:10px; font-size:1.0em; display:block; width:100%; padding:0 20px; color:#fff; z-index:2; font-weight:400;}


@media (max-width:960px){
	#news-area02 li.thumb{width:calc(50% - 5px); margin:0 10px 10px 0;}
	#news-area02 li.thumb:nth-child(4n + 4){margin-right:0;}
	#news-area02 li.thumb:nth-child(2n + 2){margin-right:0;}
}

@media (max-width:480px){
	#news-area02 li.thumb{float:none; clear:both; width:100%; margin-right:0;}
}

#news-area03 { width:100%; margin-bottom:15px;overflow: hidden;  height: 270px; }
#news-area03 h5 { font-size:1.4em; line-height:1.4em; height:1.4em; font-weight:500; color:#222; margin-bottom:10px; }
#news-area03 ul { height:280px; }
#news-area03 ul > li{float:left; width:calc(100% / 2 - 5px); height:inherit; margin-right:10px;}
/*#news-area03 ul > li:last-child{margin-right:0; float:right;}*/
#news-area03 li.thumb{background:url(/images/A/common/no_image.png) no-repeat center center; background-size:50%;}
#news-area03 li.thumb a{position:relative; display:inline-block; width:100%; height:inherit; background-repeat:no-repeat; background-position:center top; background-size:cover;}
#news-area03 li.thumb a b{position:absolute; left:0; bottom:0; display:block; width:100%; color:#222; background:#fff; font-size:0.9em; line-height:1.5em; z-index:2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:15px 0;}

#news-area-photo { width:100%; margin:35px 0 15px;overflow: hidden; }
#news-area-photo ul{height: 330px; }
#news-area-photo ul > li{float:left; width:calc(100% / 2 - 5px); height:inherit; margin-right:10px;}
#news-area-photo li.thumb{background: #fafafa url(/assets/img/common/no_image.png) no-repeat center 25px; background-size: 50%;}
#news-area-photo li.thumb:last-child {
    margin-right: 0;
}
#news-area-photo li.thumb a {
    position: relative;
    display: inline-block;
    width: 100%;
    height: inherit;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

#news-area-photo li.thumb a b {
    position: absolute;
    left: 0;
    bottom: 2em;
    display: block;
    width: 100%;
    color: #222;
	font-family:'Malgun Gothic';
    font-size: 1em;
	font-weight:bold;
    line-height: 1.5em;
    height: 3em;
    max-height: 3em;
    z-index: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

#news-area-photo li.thumb a::after {
    position: absolute;
    display: inline-block;
    content: '';
    width: 100%;
    height: 6em;
    background: #fff;
    left: 0;
    bottom: 0;
}

@media (max-width:640px){
}

#news-area04{ width:100%; padding:50px 25px; background:#f9f9f9; display:inline-block; }
#news-area04 h5{font-size:1.4em; line-height:1.4em; height:1.4em; font-weight:500; color:#222; margin-bottom:20px;}
#news-area04 div.item{float:left; width:32%;}
#news-area04 div.item:nth-child(3n + 3){margin:0 2%;}

#news-area04 div.item h6{font-size:15px; font-weight:500; color:#0077e5; padding:15px 0; border-top:2px solid #ddd; border-bottom:1px solid #ddd;}
#news-area04 div.item li{position:relative; border-bottom:1px solid #ddd; height:100px;}
#news-area04 div.item a{position:absolute; display:block; top:50%; left:0; transform:translate(0, -50%);  padding-right:120px;font-family: 'Malgun Gothic'; font-size:0.9em; height:3em; line-height:1.5em; color:#222; overflow:hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}
#news-area04 div.item i{position:absolute; right:0; top:10px; display:inline-block; width:115px; height:80px; background-repeat:no-repeat; background-position:center center; background-size:cover;}

@media (max-width:960px){
	#news-area04 div.item:nth-child(3n + 2) h6,
	#news-area04 div.item:nth-child(3n + 3) h6{border-top:0;}

	#news-area04 div.item li:nth-child(3n + 2),
	#news-area04 div.item li:nth-child(3n + 3){display:none;}
	#news-area04 div.item{float:none; clear:both; width:100%;}
	#news-area04 div.item:nth-child(3n + 2){margin:0;}
}

/* #news-area05 { width:100%; height:500px; margin:20px 0; }
#news-area05 .thumb-double {width:70%; float:left; height:inherit;}
#news-area05 .news-list {width:30%; float:left; height:inherit;}

#news-area05 .thumb-double ul { height:inherit; }
#news-area05 .thumb-double li.thumb {float:left; height:inherit;}
#news-area05 .thumb-double li.thumb:nth-child(1){width:calc(50% - 20px); margin-right:20px;}
#news-area05 .thumb-double li.thumb:nth-child(2){width:50%;}

#news-area05 .thumb-double li.thumb{background:url(/images/A/common/no_image.png) no-repeat center center; background-size:50%;}
#news-area05 .thumb-double li.thumb a{position:relative; display:inline-block; width:100%; height:inherit; background-repeat:no-repeat; background-position:center center; background-size:cover;}
#news-area05 .thumb-double li.thumb a::after{position:absolute; display:inline-block; content:''; width:100%; height:100%; background:url(/images/A/common/thumb_bg.png) repeat-x left bottom; left:0; bottom:0;}
#news-area05 .thumb-double li.thumb a b{position:absolute; left:0; bottom:55px; display:block; width:90%; padding:0 20px; color:#fff; font-size:1.2em; line-height:1.2em; z-index:2;}
#news-area05 .thumb-double li.thumb a i{position:absolute; left:0; bottom:30px; font-size:0.8em; display:block; width:100%; padding:0 20px; color:rgba(255,255,255,0.7); z-index:2;}

#news-area05 .news-list{padding-left:20px;}
#news-area05 .news-list h6{font-weight:500; font-size:18px; color:#222; height:50px; line-height:50px; border-bottom:1px solid #ddd;}
#news-area05 .news-list ul{}
#news-area05 .news-list ul li{width:100%; height:50px; border-bottom:1px solid #ddd;}
#news-area05 .news-list ul li a{display:block; width:100%; height:50px; line-height:50px; color:#333333; font-weight:500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


@media (max-width:800px){
	#news-area05 {display:inline-block; height:auto;}
	#news-area05 .thumb-double {width:100%; margin-right:0; height:auto;}
	#news-area05 .thumb-double li.thumb{float:none; clear:both; display:inline-block; }
	#news-area05 .thumb-double li.thumb:nth-child(1){width:100%; height:400px; margin-bottom:20px; margin-right:0;}
	#news-area05 .thumb-double li.thumb:nth-child(2){width:100%; height:400px; }

	#news-area05 .news-list{width:100% !important; padding-left:0;}
}
*/
#news-area05{width:100%; height:500px; margin:20px 0;}

#news-area05 ul{ height:inherit; }
#news-area05 .thumb-double {width:70%; height:240px; float:left; }
#news-area05 .news-list {width:30%; float:left; height:inherit;}

#news-area05 .thumb-double li.thumb{float:left; height:inherit;width:calc(50% - 20px); margin-right:20px; margin-bottom:20px;}
/*
#news-area05 ul > li.thumb-double li.thumb{float:left; height:inherit;}
#news-area05 ul > li.thumb-double li.thumb:nth-child(1){width:calc(50% - 20px); margin-right:20px;}
#news-area05 ul > li.thumb-double li.thumb:nth-child(2){width:50%;}
*/

#news-area05 .thumb-double li.thumb{background:url(/images/A/common/thumb_bg.png) repeat-x left bottom; background-size:50%;}
#news-area05 .thumb-double li.thumb a{position:relative; display:inline-block; width:100%; height:inherit; font-family: 'Malgun Gothic'; background-repeat:no-repeat; background-position:center center; background-size:cover;}
#news-area05 .thumb-double li.thumb a::after{position:absolute; display:inline-block; content:''; width:100%; height:100%; background:url(/images/A/common/thumb_bg.png) repeat-x left bottom; left:0; bottom:0;}
#news-area05 .thumb-double li.thumb a b{position:absolute; left:0; bottom:55px; display:block; width:90%; padding:0 20px; box-sizing:border-box; color:#fff; font-weight:bold; font-size:1.2em; line-height:1.4; z-index:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#news-area05 .thumb-double li.thumb a i{position:absolute; left:0; bottom:30px; font-size:1em; display:block; width:100%; padding:0 20px; box-sizing:border-box; color:rgba(255,255,255,0.7); z-index:2;}

#news-area05 .news-list{padding-left:10px; box-sizing:border-box;}
#news-area05 .news-list h6{font-weight:500;background:#ff0303; text-align:center; font-size:18px; color:white; height:50px; line-height:50px; border-bottom:1px solid #ddd;}
#news-area05 .news-list ul{ height:inherit; }
#news-area05 .news-list ul li{width:100%; height:50px; border-bottom:1px solid #ddd; box-sizing:border-box;}
#news-area05 .news-list ul li a{display:block; width:100%; height:50px; line-height:50px; color:#333333; font-weight:400; font-size:16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


@media (max-width:800px){
	#news-area05{display:inline-block; height:auto;}
	#news-area05 .thumb-double {width:100%; margin-right:0; height:auto;}
	#news-area05 .thumb-double li.thumb{float:none; clear:both; display:inline-block; }
	#news-area05 .thumb-double li.thumb:nth-child(1){width:100%; height:400px; margin-bottom:20px; margin-right:0;}
	#news-area05 .thumb-double li.thumb:nth-child(2){width:100%; height:400px; margin-bottom:20px; margin-right:0;}
	#news-area05 .thumb-double li.thumb:nth-child(3){width:100%; height:400px; margin-bottom:20px; margin-right:0;}
	#news-area05 .thumb-double li.thumb:nth-child(4){width:100%; height:400px; }

	#news-area05 .news-list{width:100% !important; padding-left:0;}
}

#news-area06{width:100%;}
#news-area06 em{display:block; font-size:1.1em; font-weight:500; color:#222; margin-bottom:8px;}
#news-area06 ul{height:300px; margin-bottom:25px;}
#news-area06 ul > li{float:left; width:calc(100% / 4 - 20px); height:inherit;  margin-right:26.5px; display:inline-block; margin-bottom:30px;}
#news-area06 ul > li:last-child{margin-right:0; float:right;}
#news-area06 li.thumb{background:url(/images/A/common/no_image.png) no-repeat center center; background-size:50%;}
#news-area06 li.thumb a{position:relative; display:inline-block; width:100%; height:inherit; background-repeat:no-repeat; background-position:center top; background-size:cover;}
#news-area06 li.thumb a::after{position:absolute; display:inline-block; content:''; width:100%; height:4.5em; background:#fff; left:0; bottom:0;}
#news-area06 li.thumb a b{position:absolute; left:0; bottom:1em; display:block !important; width:100%; color:#222; font-size:0.9em; font-weight:bold; font-family: 'Malgun Gothic'; line-height:1.5em; height:3em; max-height:3em; z-index:2; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}

@media (max-width:960px){
	#news-area06 .inner > li{float:left; width:calc(100% / 4 - 20px); height:inherit;  margin-right:26px; height:300px;}
}

@media (max-width:640px){
	#news-area06 ul{height:auto; display:inline-block; width:100%;}
	#news-area06 ul > li{float:left; width:calc(100% / 2 - 5px); height:300px; margin-right:5px; display:inline-block;}
	#news-area06 ul > li:nth-child(2n + 2){float:right; margin-right:0;}
}

/** section 2 **/
.pedien-theme01{ width:100%; display:block; margin-bottom:25px; }
.pedien-theme01::after { display:block; content:''; clear:both; }

.pedien-theme01 .pedien-theme-left { width:80%; padding-right:20px; float:left; }
.pedien-theme01 .pedien-theme-right { width:20%; float:left; }
@media (max-width:1100px){
	.pedien-theme01 .pedien-theme-left{float:none; clear:both; width:100%; padding-right:0;}
	.pedien-theme01 .pedien-theme-right{float:none; clear:both; width:100%;}
}
@media (max-width:640px){
	.pedien-theme01 .pedien-theme-right{float:none; clear:both; padding-top:0;}
}

.news-contents{height:150px; margin:20px;}
.news-contents li{float:left; width:calc(50% - 5px); height:inherit;}
.news-contents li:nth-child(2n + 2){margin-left:10px;}
.news-contents li.thumb{background:url(/images/A/common/no_image.png) no-repeat center center; background-size:50%;}
.news-contents li.thumb a{position:relative; display:inline-block; width:100%; height:inherit; background-repeat:no-repeat; background-position:center top; background-size:cover;}
.news-contents li.thumb a::after{position:absolute; display:inline-block; content:''; width:100%; height:4.5em; background:#fff; left:0; bottom:0;}
.news-contents li.thumb a b{position:absolute; left:0; bottom:1em; display:block; width:100%; color:#222; font-size:0.9em; line-height:1.5em; height:3em; max-height:3em; z-index:2; overflow:hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}


.top-news { position:relative; background:#f8f8f8; border:1px solid #eee; height:45px; line-height:45px; display:inline-block; width:100%; margin-bottom:25px;}
.top-news h6.tit { position:absolute; width:125px; left:6px; top:6px; height:30px; padding:0 15px; line-height:30px; font-size:0.9em; font-weight:500; background:#111; color:#fff; border-radius:3px;}
.top-news h6 b{color:#ffe92e;}
.top-news ul { margin-left:150px;}
.top-news ul li { position:relative; padding:0 15px; }
.top-news ul li::before{position:absolute; display:inline-block; content:''; width:3px; height:3px; left:0; top:50%; margin:-1.5px 0 0 0; background:#aaa;}
.top-news ul li a { display:block; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; color:#222; }




.location-news-tab-wrap{width:100%; border-top:1px solid #ff0303; display:inline-block; margin-bottom:25px;}
.location-news-tab{height:45px;}
.location-news-tab li{float:left; width:16.6666666667%; border-right:1px solid #fff;}
.location-news-tab li:last-child{border-right:0;}
.location-news-tab li button{display:block; width:100%; text-align:center; height:45px; line-height:45px; color:#aaa; font-size:1em; letter-spacing: -1px; font-weight: bold; font-family: 'Malgun Gothic'; background:#eee;}
.location-news-tab li.active button{background:#ff0303; color:#fff;}

.location-news-contents01, .location-news-contents02{width:100%; display:inline-block; padding:10px 15px; border:1px solid #eee; border-top:0;}
.location-news-contents01 li, .location-news-contents02 li{position:relative; float:left; width:50%; padding:0 15px; height:30px; line-height:30px; font-family: 'Malgun Gothic';}
.location-news-contents01 li::before, .location-news-contents02 li::before{position:absolute; display:inline-block; content:''; width:3px; height:3px; left:0; top:50%; margin:-2px 0 0 0; background:#aaa;}
.location-news-contents01 li a, .location-news-contents02 li a{display:block; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; color:#222; font-family: 'Malgun Gothic'; font-size:0.9em;}

@media (max-width:640px){
	.location-news-tab-wrap{display:none;}
}