/*-------------------------------------------------
Version : 1.0
Author : CHO SUN YOUNG
Create date : 2013. 10. 28.
Last update : 2013. 10. 28.
-------------------------------------------------*/

.content-layout {clear: both; margin: 118px auto 20px; width: 1100px; letter-spacing: -0.025em; overflow: hidden;}

.h2_01 {margin-bottom: 18px; font-family: NanumGothicBold; font-size: 17px; color: #333;}
.h2_02 {font-family: NanumGothicBold; font-size: 24px; color: #fff;}

.content-L {float: left; width: 70%; overflow: hidden;}

.content-L-T {position: relative; width: 100%; overflow: hidden; z-index: 50;}
.content-L-T .list {width: 100%; overflow: hidden;}
.content-L-T .list li {width: 100%; height: 100%; display: none; overflow: hidden;}
.content-L-T .list li:first-child {display: block;}
.content-L-T .list li img {width: 100%;}
.content-L-T .btn {position: absolute; right: 0; top: 0; width: 50px; overflow: hidden; z-index: 55;}
.content-L-T .btn p {margin-top: 1px;}
.content-L-T .btn p:first-child {margin-top: 0;}

.content-L-B {position: relative; margin-top: 10px; background: #303749; overflow: hidden; z-index: 50;}
.content-L-B .inner-box {padding: 35px 30px; height: 179px; border-right: 1px solid #554e4a; border-bottom: 1px solid #554948;}
.content-L-B h2 {margin-bottom: 30px;}
.content-L-B h2 .txt {font-family: NanumGothic; font-size: 14px;}
.content-L-B .list-layout {width: 100%; height: 135px; overflow: hidden;}
.content-L-B .list {}
.content-L-B .list li {float: left; margin-left: 1.5%; width: 23.875%;}
.content-L-B .list li:first-child {margin-left: 0;}
.content-L-B .list li a {display: block;}
.content-L-B .list li .img {width: 100%; height: 100px; text-align: center; overflow: hidden;}
.content-L-B .list li .img img {width: 100%;}
.content-L-B .list li .txt {padding: 10px 0; height: 20px; text-align: center; color: #fff; overflow: hidden;}
.content-L-B .btn {position: absolute; right: 0; top: 0; overflow: hidden; z-index: 55;}
.content-L-B .btn span {float: left; margin-left: 1px;}
.content-L-B .list li a:active, .content-L-B .list li a:hover {background: #c02b13;}

.content-R {float: right; width: 29%; overflow: hidden;}

.content-R-T1 {position: relative; width: 100%; height: 290px; background: #fff; overflow: hidden;}
.content-R-T1 .inner-box {height: 288px; border: 1px solid #e7e7e7; border-right: 1px solid #7e94c4; border-bottom: 1px solid #a5acc4; overflow: hidden;}
.content-R-T1 .m-tab {height: 40px; border-bottom: 1px solid #e7e7e7;}
.content-R-T1 .m-tab > li {float: left; border-right: 1px solid #e7e7e7;}
.content-R-T1 .m-tab > li .h2_01 {margin: 0; padding: 12px 30px 11px; color: #9a9a9a;}
.content-R-T1 .m-tab > li.on .h2_01 {color: #333; border-bottom: 1px solid #fff;}

.content-R-T1 .notice-layout {position: absolute; left: 0; top: 35px; padding: 20px; height: 200px; overflow: hidden; display: none;}
.content-R-T1 .notice-layout .img {margin-bottom: 15px; width: 100%; height: 102px; text-align: center;}
.content-R-T1 .notice-layout .img img {height: 102px;}
.content-R-T1 .notice-layout .list {width: 100%; overflow: hidden;}
.content-R-T1 .notice-layout .list li {margin-bottom: 4px; padding-left: 15px; height: 18px; line-height: 1.2; background: url(/images/korean/main/bu01.png) no-repeat left center; overflow: hidden;}
.content-R-T1 .btn {position: absolute; right: 12px; top: 12px; display: none;}

.content-R-T1 .m-tab li:first-child .notice-layout,
.content-R-T1 .m-tab li:first-child .btn {display: block;}

.content-R-T2 {position: relative; margin-top: 10px; width: 100%; height: 190px; background: #fff; overflow: hidden;}
.content-R-T2 .inner-box {padding: 20px; height: 148px; border: 1px solid #e7e7e7; border-right: 1px solid #7e94c4; border-bottom: 1px solid #a5acc4; overflow: hidden;}
.content-R-T2 .list {}
.content-R-T2 .list li {margin-bottom: 4px; padding-left: 15px; height: 18px; line-height: 1.2; background: url(/images/korean/main/bu01.png) no-repeat left center; overflow: hidden;}
.content-R-T2 .btn {position: absolute; right: 12px; top: 12px;}

.content-R-T1 .list li a:hover,
.content-R-T1 .list li a:focus,
.content-R-T2 .list li a:hover,
.content-R-T2 .list li a:focus {text-decoration: underline;}

.content-R-T3 {position: relative; margin-top: 10px; width: 100%; height: 250px; background: #8f9bae url(/images/korean/main/bg01.png) no-repeat right bottom; overflow: hidden;}
.content-R-T3 .inner-box {padding: 20px; height: 209px; border-right: 1px solid #b2bdcf;  border-bottom: 1px solid #534b4e; overflow: hidden;}
.content-R-T3 .txt {width: 190px; height: 135px; font-size: 16px; color: #333; line-height: 1.5;}
/*
.content-R-T3 .list {overflow: hidden;}
.content-R-T3 .list li {margin-bottom: 3px;}
*/
.content-R-T3 .detail {}
.content-R-T3 .btn {position: absolute; right: 12px; top: 12px;}

.content-R-T4 {position: relative; margin-top: 10px; width: 100%; height: 250px; background: #41a7e8 url(/images/korean/main/bg02.png) no-repeat right bottom; overflow: hidden;}
.content-R-T4 .inner-box {padding: 20px; height: 209px; border-right: 1px solid #5c413c; border-bottom: 1px solid #413332; overflow: hidden;}
.content-R-T4 .txt {width: 220px; height: 135px; font-size: 20px; font-family: NanumGothic-ExtraBold; color: #fff; line-height: 1.4;}
.content-R-T4 .detail {}
.content-R-T4 .btn {position: absolute; right: 12px; top: 12px;}

.content-L-B2 {margin-top: 10px; float: left; width: 70%; height: 250px;}
.content-L-B2-L {float: left; position: relative; width: 49%; height: 100%; overflow: hidden;}
.content-L-B2-L .inner-box {padding: 20px;}
.content-L-B2-L .btn {position: absolute; right: 12px; top: 12px;}

.content-L-B2-L .video-layout {position: relative; height: 169px; overflow: hidden;}
.content-L-B2-L .video-layout .img {position: relative;}
.content-L-B2-L .video-layout .img img {width: 100%; height: 169px;}
.content-L-B2-L .video-layout .btn {position: absolute; top: 62px; left: 50%; margin-left: -31px; overflow: hidden;}
.content-L-B2-L .video-layout .txt {position: absolute; bottom: 0; left: 0; padding: 10px 10px 15px; background: url(/images/korean/main/bg03.png) repeat left top;}
.content-L-B2-L .video-layout .txt a {display: block; padding-right: 20px; width: 297px; height: 35px; line-height: 18px; color: #dedede; background: url(/images/korean/main/bg04.png) no-repeat right top; overflow: hidden;}

.content-L-B2-R {float: right; position: relative; width: 49%; height: 100%; background: #fff; overflow: hidden;}
.content-L-B2-R .inner-box {padding: 20px; height: 208px; border: 1px solid #e7e7e7; border-right: 1px solid #666061; border-bottom: 1px solid #413332;}
.content-L-B2-R .floatL {width: 43%; height: 165px; border: 1px solid #e2e2e2; border-bottom: 2px solid #9a9a9a; overflow: hidden;}
.content-L-B2-R .floatL img {width: 100%; height: 165px;}
.content-L-B2-R .floatR {width: 50%;}
.content-L-B2-R .floatR .year {margin-bottom: 5px; font-size: 14px; color: #e81212;}
.content-L-B2-R .floatR .tit {margin-bottom: 10px; font-size: 24px; font-family: NanumGothicBold; color: #464649;}
.content-L-B2-R .floatR .season {margin-bottom: 70px; font-size: 14px; color: #464649;}
.content-L-B2-R .floatR .download {}
.content-L-B2-R .btn {position: absolute; right: 12px; top: 12px;}


/*===============================================*/
/*================= 화면사이즈 맞춤 =============*/
/*===============================================*/

@media only screen and (max-width: 1024px) {
	.content-layout {margin: 108px auto 10px; width: 768px;}
	.content-L {float: left; width: 100%;}

	.content-R {float: left; width: 100%; height: auto;}

	.content-R-T1 {float: left; margin-top: 10px; width: 49%; height: 190px;}
	.content-R-T1 .inner-box {height: 188px;}
	.content-R-T1 .notice-layout {height: 110px;}
	.content-R-T1 .notice-layout .img {display: none;}

	.content-R-T2 {float: right; width: 49%;}
	.content-R-T3 {float: left; width: 49%;}
	.content-R-T4 {float: right; width: 49%;}
	.content-R-T4 .txt {width: auto;}

	.content-L-B2 {width: 100%;}
	.content-L-B2-L {background: #fff;}
	.content-L-B2-L .video-layout .txt a {width: 294px;}
	.content-L-B2-L .inner-box {padding: 20px; height: 208px; border: 1px solid #e7e7e7; border-right: 1px solid #666061; border-bottom: 1px solid #413332;}
}

@media only screen and (max-width: 768px) {
	.content-layout {width: 100%;}

	.content-L-B2-L .video-layout .txt a {width: 286px;}
}

@media only screen and (max-width: 720px) {
	.content-L-B .inner-box {padding: 25px 20px; height: 169px; border: none; border-bottom: 1px solid #e7e7e7;}
	.content-L-B .list-layout {height: 115px;}
	.content-L-B .list li .img {height: 80px;}

	.content-L-B2-L .video-layout .txt a {width: 255px;}
}

@media only screen and (max-width: 640px) {
	.content-L-B {margin-top: 0;}
	.content-L-B .inner-box {margin-top: 0; padding: 20px;}

	.content-L-B2-L .video-layout .txt a {width: 224px;}
}

@media only screen and (max-width: 480px) {
	.content-layout {margin: 82px auto 0;}

	.content-R-T1 {margin-top: 0; width: 100%;}
	.content-R-T1 .inner-box {border: none !important;}

	.content-R-T2 {margin-top: 0; width: 100%; border-top: 1px solid #e7e7e7;}
	.content-R-T2 .inner-box {border: none !important;}

	.content-R-T3 {margin-top: 0; width: 100%; height: 180px; background: #8f9bae;}
	.content-R-T3 .inner-box {height: 140px; border: none !important;}
	.content-R-T3 .txt {float: left; width: 120px;}
	/*.content-R-T3 .list {float: right;}*/
	.content-R-T3 .detail {float: right; margin-top: 75px;}

	.content-R-T4 {margin-top: 0; width: 100%; height: 180px; background: #41a7e8;}
	.content-R-T4 .inner-box {height: 140px; border: none !important;}
	.content-R-T4 .txt {float: left;}
	.content-R-T4 .detail {float: right; margin-top: 75px;}

	.content-L-B {}
	.content-L-B .inner-box {height: 139px; border: none !important;}
	.content-L-B h2 {margin-bottom: 20px;}
	.content-L-B h2 .txt {font-size: 12px;}
	.content-L-B .list-layout {height: 95px;}
	.content-L-B .list li .img {height: 60px;}
	.content-L-B .btn {top: 5px;}
	.content-L-B .btn span img {width: 40px;}

	.content-L-B2 {margin-top: 0; height: auto;}

	.content-L-B2-L {width: 100%;}
	.content-L-B2-L .inner-box {border: none !important;}

	.content-L-B2-L .video-layout .txt a {width: 383px;}

	.content-L-B2-R {width: 100%; height: 125px; border-top: 1px solid #e7e7e7;}
	.content-L-B2-R .inner-box {height: 85px; border: none !important;}
	.content-L-B2-R .floatL {display: none;}
	.content-L-B2-R .floatR {width: 100%;}
	.content-L-B2-R .floatR .year {margin-bottom: 5px; font-size: 14px; color: #e81212;}
	.content-L-B2-R .floatR .tit {float: left; margin-bottom: 0;}
	.content-L-B2-R .floatR .season {float: left; margin-bottom: 0; padding: 7px 5px 0 5px;}
	.content-L-B2-R .floatR .download {float: right;}
}

@media only screen and (max-width: 414px) {
	.content-L-B2-L .video-layout .txt a {width: 278px;}
}

@media only screen and (max-width: 375px) {
	.content-L-B2-L .video-layout .txt a {width: 278px;}
}

@media only screen and (max-width: 360px) {
	.content-R-T3 .txt {width: 120px;}
	.content-R-T4 .txt {width: 130px;}

	.content-L-B h2 .txt {display: block; margin-top: 10px;}
	.content-L-B .inner-box {height: 159px;}
	.content-L-B .list li {margin-left: 3%; width: 47.75%;}

	.content-L-B2-L .video-layout .txt a {width: 263px;}

	.content-L-B2-R .floatR .tit {font-size: 20px;}
	.content-L-B2-R .floatR .season {font-size: 12px;}
}

@media only screen and (max-width: 320px) {
	.content-R-T3 .txt {width: 110px;}
	.content-R-T4 .txt {width: 130px;}

	.content-L-B2-L .video-layout .txt a {width: 223px;}

	.content-L-B2-R .floatR .download img {width: 85px;}
}