@charset "utf-8";

/* main container */
.main_container {width:100%; background-color:#222; overflow:hidden;}

@media (min-width:1400px) {
	.main_container {
        padding:0 0 120px; 
        background-image:url(../images/main/bg_main_container.png), url(../images/main/bg_main_container.png);
        background-repeat:no-repeat, no-repeat;
        background-position: left calc(50% - 700px) bottom -150px, right -150px bottom 355px;
    }
}
@media (max-width:1399px) {
	.main_container {padding:0 20px 60px;}
}

/* main top */
.main_top > div::before {display:inline-block; content:''; vertical-align:middle;}
.main_top > div > * {display:inline-block; vertical-align:middle;}
.main_top h3 {font-family:'Noto Serif KR'; font-weight:900; color:#fff;}
.main_top .btn_more {position:relative; font-family:'Noto Serif KR'; font-size:14px; line-height:22px; color:#c9a165; font-style:italic; padding-right:22px;}
.main_top .btn_more::after {display:block; content:''; width:16px; height:16px; background:url(../images/common/ico_16_link_arrow_right_y.png) no-repeat center center; position:absolute; right:0; top:50%; margin-top:-8px;}

/* arabic */
.arabic .main_top .fl_l {float:right;}
.arabic .main_top .fl_r {float:left;}
.arabic .main_top .btn_more {padding-right:0; padding-left:22px;}
.arabic .main_top .btn_more::after {right:initial; left:0; transform:rotate(180deg)}

@media (min-width:1400px) {
    .main_top > div::before {height:44px;}
    .main_top h3 {font-size:36px; line-height:44px;}
    .main_top .btn_more {margin-top:11px;}
}
@media (max-width:1399px) {
    .main_top > div::before {height:28px;}
    .main_top h3 {font-size:20px; line-height:28px;}
    .main_top .btn_more {margin-top:3px;}
}

/* visual */
.m_visual .s_w .sw_l {position:relative; width:100%;}
.m_visual .s_w .sw_l::after {position:absolute; left:0; bottom:0; display:block; content:''; width:100%; height:196px; background:url(../images/main/bg_visual_gradient.png) repeat-x center bottom;}
.m_visual .s_w .sw_l > a {display:block; height:inherit; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.m_visual .s_w .sw_l > a::before {display:inline-block; content:''; height:100%; vertical-align:middle;}
.m_visual .s_w .sw_l > a > p {display:inline-block; vertical-align:middle; width:100%; margin-top:60px;}
.m_visual .s_w .sw_l > a > p > span,
.m_visual .s_w .sw_l > a > p > strong {display:block; background-repeat:no-repeat; background-position:center center; background-size:auto 100%;}
.m_visual .s_w .sw_l > a > p > span {height:69px;}
.m_visual .s_w .sw_l > a > p > strong {height:392px;}

.m_visual .mv_navi {width:1400px; margin:0 auto; margin-top:-20px; border-bottom:1px solid rgba(255,255,255,0.2);}
.m_visual .mv_navi > ul::after {display:block; content:''; clear:both;}
.m_visual .mv_navi > ul > li {float:left; width:25%;}
.m_visual .mv_navi > ul > li > a {position:relative; display:block; height:72px; padding-left:62px;}
.m_visual .mv_navi > ul > li.on > a::after {display:block; content:''; width:100%; height:2px; background:#c9a165; position:absolute; left:0; bottom:-1px;}
.m_visual .mv_navi > ul > li > a > i {position:absolute; left:0; top:0; display:block; width:42px; height:42px; border-radius:100%; border:1px solid rgba(255,255,255,0.2); font-family:'Noto Serif KR'; font-size:14px; line-height:40px; color:#fff; font-style:italic; text-align:center;}
.m_visual .mv_navi > ul > li.on > a > i {border-color:#c9a165; color:#c9a165;}
.m_visual .mv_navi > ul > li > a > p {display:block; font-size:16px; line-height:24px; font-weight:bold; color:#fff;}
.m_visual .mv_navi > ul > li > a > span {display:block; font-size:12px; line-height:20px; color:rgba(255,255,255,0.6);}

.m_visual .s_p {font-size:0; line-height:0; text-align:center; height:10px;}
.m_visual .s_p .swiper-pagination-bullet {width:10px; height:10px; background:none; border:2px solid #c9a165; margin:0 5px;}
.m_visual .s_p .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#c9a165;}

/* arabic */
.arabic .m_visual .mv_navi > ul > li {float:right;}
.arabic .m_visual .mv_navi > ul > li > a {padding-left:0; padding-right:62px;}
.arabic .m_visual .mv_navi > ul > li > a > i {left:initial; right:0;}

@media (min-width:1400px) {
	.m_visual .s_w .sw_l {height:800px;}
}
@media (max-width:1399px) {
    .m_visual .mv_navi {display:none;}
    .m_visual {margin:0 -20px;}
	.m_visual .s_w .sw_l {height:560px;}
    .m_visual .s_w .sw_l > a > p {height:233px; background:url(../images/main/txt_visual_m.png) no-repeat center center; background-size:auto 100%; margin-top:28px;}
    .m_visual .s_w .sw_l > a > p > span,
    .m_visual .s_w .sw_l > a > p > strong {display:none;}
}
@media (max-width:768px) {
    .m_visual {}
	.m_visual .s_w .sw_l {height: 320px;}
	.m_visual .s_w .sw_l > a {}
	.m_visual .s_w .sw_l::after {position:absolute;left:0;bottom:0;display: none;content:'';width:100%;height: 110px;}
	.m_visual .s_p {margin:15px 0 0 0;}
	.main_top .btn_more::after {display:block; content:''; width:16px; height:16px; background:url(../images/common/ico_link_arrow_right_m.png) no-repeat center center; position:absolute; background-size:100%}


}
@media (max-width:420px) {
    .m_visual {margin:0 -20px;height: 220px;}
	.m_visual .s_w .sw_l {height: 165px;}
}
/* article */
.m_article .ma_list {border-bottom:1px solid #333;}
.m_article .ma_list .fl_r .mal_box {border-top:1px solid #333;}
.m_article .ma_list .mal_box .malb_img {position:relative; display:block; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.m_article .ma_list .mal_box .malb_img::after {display:block; content:''; width:100%; height:180px; position:absolute; left:0; bottom:0; background:url(../images/main/bg_article_gradient.png) repeat-x center bottom; background-size:auto 100%;}
.m_article .ma_list .mal_box .malb_info i,
.m_article .ma_list .mal_box .malb_info a,
.m_article .ma_list .mal_box .malb_info p,
.m_article .ma_list .mal_box .malb_info span {display:block;}
.m_article .ma_list .mal_box .malb_info i::before {display:inline-block; content:''; width:14px; height:14px; background:url(../images/common/ico_15_eye_p.png) no-repeat center center; vertical-align:middle;}
.m_article .ma_list .mal_box .malb_info i > em {font-size:14px; line-height:22px; font-weight:bold; color:#ff5858; vertical-align:middle; margin-left:6px;}
.m_article .ma_list .mal_box .malb_info a {font-family:'Noto Serif KR'; font-weight:900; color:#fff; margin-top:4px;}
.m_article .ma_list .mal_box .malb_info p {font-size:14px; line-height:22px; color:#888; height:44px; overflow:hidden; margin-top:8px;}
.m_article .ma_list .mal_box .malb_info span {font-size:12px; line-height:20px; color:#666; margin-top:8px;}

/* arabic */
.arabic .m_article .ma_list .fl_l {float:right;}
.arabic .m_article .ma_list .fl_r {float:left;}
.arabic .m_article .ma_list .mal_box .malb_info i::before {margin-left:6px;}

@media (min-width:1400px) {
	.m_article {margin-top:80px;}
    .m_article > div {width:1400px; margin:0 auto;}

    .m_article .ma_list {margin-top:40px;}
    .m_article .ma_list > div {margin:0 -20px;}
    .m_article .ma_list > div > div {float:left; width:50%; padding:0 20px;}
    .m_article .ma_list .fl_r .mal_box {padding:36px 0;}
    .m_article .ma_list .mal_box .malb_img {margin-bottom:24px;}
    .m_article .ma_list .fl_l .mal_box .malb_info a {max-height:64px; font-size:24px; line-height:32px; overflow:hidden;}
    .m_article .ma_list .fl_r .mal_box .malb_info a {height:26px; font-size:18px; line-height:26px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
}
@media (max-width:1399px) {
	.m_article {margin-top:40px;}
    .m_article .ma_list .mal_box {padding:24px 0;}
    .m_article .ma_list .mal_box .malb_img {margin-bottom:12px;}
    .m_article .ma_list .mal_box .malb_info a {max-height:48px; font-size:16px; line-height:24px; overflow:hidden;}
.m_article .ma_list .mal_box .malb_info i::before {  background:url(../images/common/ico_14_heart_p_m.png) no-repeat center center;background-size: contain;}

}

/* gallery */
.m_gallery {position:relative;}
.m_gallery .tab_list {position:absolute; left:0; top:0; z-index:10;}
.m_gallery .tab_list > ul::after {display:block; content:''; clear:both;}
.m_gallery .tab_list > ul > li {position:relative; float:left;}
.m_gallery .tab_list > ul > li ~ li::before {display:block; content:''; width:1px; background:#444; position:absolute; left:0; top:50%;}
.m_gallery .tab_list > ul > li > a {font-family:'Noto Serif KR'; font-weight:900; color:#fff;}
.m_gallery .tab_list > ul > li.on > a {color:#c9a165;}
.m_gallery .tab_list + div {position:relative;}
.m_gallery .tab_list + div > div ~ div {position:absolute; left:0; top:0; width:100%;}
.m_gallery .tab_content {display:block; position:relative; opacity:0; overflow:hidden; z-index:0;}
.m_gallery .tab_content.on {opacity:1; z-index:5;}
.m_gallery .tab_content .btn_more {position:absolute; right:0; top:22px; font-family:'Noto Serif KR'; font-size:14px; line-height:22px; color:#c9a165; font-style:italic; padding-right:22px;}
.m_gallery .tab_content .btn_more::after {display:block; content:''; width:16px; height:16px; background:url(../images/common/ico_16_link_arrow_right_y.png) no-repeat center center; position:absolute; right:0; top:50%; margin-top:-8px;}
.m_gallery .s_w .sw_l > a,
.m_gallery .s_w .sw_l > a > i,
.m_gallery .s_w .sw_l > a > p,
.m_gallery .s_w .sw_l > a > p > strong,
.m_gallery .s_w .sw_l > a > p > span {display:block;}
.m_gallery .s_w .sw_l > a > i {position:relative; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.m_gallery #m_gallery2 .s_w .sw_l > a > i::after {display:block; content:''; background:url(../images/main/ico_80_play_y.png) no-repeat center center; background-size:100%; position:absolute; right:0; bottom:0;}
.m_gallery .s_w .sw_l > a > p {background:#fff; padding:26px 30px;}
.m_gallery .s_w .sw_l > a > p > strong {font-family:'Noto Serif KR'; color:#333; word-break:break-all; white-space:normal;}
.m_gallery .s_w .sw_l > a > p > span {font-size:14px; line-height:22px; color:rgba(0,0,0,0.5); margin-top:4px;}

.m_gallery .mg_b {font-size:0; line-height:0; text-align:center;}
.m_gallery .mg_b > div {position:relative; display:inline-block; padding:0 80px;}
.m_gallery .mg_b .s_c {font-family:'Noto Serif KR'; font-size:16px; line-height:24px; font-style:italic; color:#c9a165;} 
.m_gallery .mg_b [class^="btn_"] {position:absolute; top:50%; margin-top:-8px; display:block; width:40px; height:16px; background-repeat:no-repeat; background-position:center center; background-size:auto 100%;}
.m_gallery .mg_b .btn_prev {background-image:url(../images/main/ico_16_prev_y.png); left:0;}
.m_gallery .mg_b .btn_next {background-image:url(../images/main/ico_16_next_y.png); right:0;}

/* arabic */
.arabic .m_gallery .tab_list {left:initial; right:0;}
.arabic .m_gallery .tab_list > ul > li {float:right;}
.arabic .m_gallery .tab_list > ul > li ~ li::before {left:initial; right:0;}
.arabic .m_gallery .s_w .sw_l > a > p {text-align:right;}
.m_gallery .tab_content .btn_more {right:initial; left:0; padding-right:0; padding-left:22px;}
.m_gallery .tab_content .btn_more::after {right:initial; left:0; transform:rotate(180deg)}

@media (min-width:1400px) {
    .m_gallery {width:1400px; margin:0 auto; margin-top:120px;}
    .m_gallery .tab_list > ul {margin:0 -40px;}
    .m_gallery .tab_list > ul > li {padding:0 40px;}
    .m_gallery .tab_list > ul > li ~ li::before {height:20px; margin-top:-10px;}
    .m_gallery .tab_list > ul > li > a {font-size:36px; line-height:44px;}
    .m_gallery .tab_list + div > div {padding-top:84px;}
    .m_gallery .s_w {margin:0 -20px;}
    .m_gallery .s_w .sw_l {width:50%; padding:0 20px;}
    .m_gallery #m_gallery2 .s_w .sw_l > a > i::after {width:80px; height:80px;}
    .m_gallery .s_w .sw_l > a > p > strong {font-size:24px; line-height:32px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
    .m_gallery .mg_b {margin-top:60px;}
}
@media (max-width:1399px) {
    .m_gallery {margin-top:60px;}
    .m_gallery .tab_list > ul {margin:0 -20px;}
    .m_gallery .tab_list > ul > li {padding:0 20px;}
    .m_gallery .tab_list > ul > li ~ li::before {height:16px; margin-top:-8px;}
    .m_gallery .tab_list > ul > li > a {font-size:20px; line-height:28px;}
    .m_gallery .tab_list + div > div {padding-top:48px;}
    .m_gallery .tab_content .btn_more {display:none;}
    .m_gallery .s_w .sw_l {width:100%;}
    .m_gallery #m_gallery2 .s_w .sw_l > a > i::after {width:40px; height:40px;}
    .m_gallery .s_w .sw_l > a > p > strong {font-size:16px; line-height:24px; height:48px; overflow:hidden;}
    .m_gallery .mg_b {margin-top:24px;}
}
/* photo */
.m_photo .s_w .sw_l > a {position:relative; display:block; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.m_photo .s_w .sw_l > a::before {position:absolute; left:0; bottom:0; display:block; content:''; width:100%; height:50%; background-image:linear-gradient(to bottom, rgba(34, 34, 34, 0), rgba(34, 34, 34, 0.8)); z-index:0;}
.m_photo .s_w .sw_l > a:hover::before {height:100%; background:#c9a165; opacity:0.9;}
.m_photo .s_w .sw_l > a > p {display:block; position:absolute; left:0; bottom:0; width:100%; padding:40px 30px;}
.m_photo .s_w .sw_l > a > p > strong {display:block; font-family:'Noto Serif KR'; font-size:18px; line-height:26px; font-style:italic; color:#fff; white-space:normal;}
.m_photo .s_w .sw_l > a > p > span {display:block; font-size:14px; line-height:22px; color:#fff; margin-top:8px;}
.m_photo .s_w .sw_l > a > p::after {display:none; content:''; width:42px; height:8px; background:url(../images/main/ico_8_arrow_right_w.png) no-repeat left center; background-size:auto 100%; margin-top:30px;}
.m_photo .s_w .sw_l > a:hover > p::after {display:inline-block;}

/* arabic */
.arabic .m_photo .s_w .sw_l > a > p {text-align:right;}

@media (min-width:1400px) {
    .m_photo {margin-top:120px;}
	.m_photo > div {width:1400px; margin:0 auto;}
    .m_photo .mp_list {position:relative; margin-top:40px;}
    .m_photo .s_w {margin:0 -1px;}
    .m_photo .s_w .sw_l {width:33.3333%; padding:0 1px;}
    .m_photo .s_c {display:none;}

    .m_photo .mp_list::before,
    .m_photo .mp_list::after {display:block; content:''; background:#111; opacity:0.8; width:3840px; height:100%; position:absolute; top:0; z-index:10;}
    .m_photo .mp_list::before {right:100%;}
    .m_photo .mp_list::after {left:100%;}

    .m_photo .s_b [class^="btn_"] {display:block; width:56px; height:56px; border-radius:100%; position:absolute; top:50%; margin:-28px 40px 0; z-index:15;}
    .m_photo .s_b .btn_prev {right:100%; background:url(../images/main/ico_24_arrow_left_g.png) no-repeat center center; transform:rotate(0);}
    .m_photo .s_b .btn_next {left:100%; background:url(../images/main/ico_24_arrow_left_g.png) no-repeat center center; transform:rotate(180deg);}
    .m_photo .s_b .btn_prev:hover {right:100%; background:url(../images/main/ico_24_arrow_right_w.png) no-repeat #c9a165 center center; transform:rotate(180deg);}
    .m_photo .s_b .btn_next:hover {left:100%; background:url(../images/main/ico_24_arrow_right_w.png) no-repeat #c9a165 center center; transform:rotate(0);}
}
@media (max-width:1399px) {
    .m_photo {margin-top:60px;}
    .m_photo .mp_list {margin-top:20px;}
    .m_photo .s_w {margin:0 -21px;}
    .m_photo .s_w .sw_l {width:100%; padding:0 1px;}

    .m_photo .mp_b {font-size:0; line-height:0; text-align:center; margin-top:24px;}
    .m_photo .mp_b > div {position:relative; display:inline-block; padding:0 80px;}
    .m_photo .mp_b .s_c {font-family:'Noto Serif KR'; font-size:16px; line-height:24px; font-style:italic; color:#c9a165;} 
    .m_photo .mp_b [class^="btn_"] {position:absolute; top:50%; margin-top:-8px; display:block; width:40px; height:16px; background-repeat:no-repeat; background-position:center center; background-size:auto 100%;}
    .m_photo .mp_b .btn_prev {background-image:url(../images/main/ico_16_prev_y.png); left:0;}
    .m_photo .mp_b .btn_next {background-image:url(../images/main/ico_16_next_y.png); right:0;}
}

/* illust */
.m_illust .s_w .sw_l > a {display:block;}
.m_illust .s_w .sw_l > a > i {position:relative; display:block; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.m_illust .s_w .sw_l > a:hover > i::before {display:block; content:''; width:100%; height:100%; position:absolute; left:0; top:0; background:#c9a165; opacity:0.9; z-index:0;}
.m_illust .s_w .sw_l > a:hover > i::after {position:absolute; left:50%; top:50%; margin:-48px 0 0 -48px; display:block; content:'view'; width:96px; height:96px; border-radius:100%; background:#fff; font-family:'Noto Serif KR'; font-size:20px; line-height:96px; color:#333; text-align:center; z-index:5;}
.m_illust .s_w .sw_l > a > p,
.m_illust .s_w .sw_l > a > p > strong,
.m_illust .s_w .sw_l > a > p > span {display:block;}
.m_illust .s_w .sw_l > a > p {padding:20px 30px 24px 30px; background:#fff;}
.m_illust .s_w .sw_l > a > p > strong {font-family:'Noto Serif KR'; color:#333; overflow:hidden; white-space:normal;}
.m_illust .s_w .sw_l > a > p > span {font-size:12px; line-height:20px; color:#666; margin-top:8px;}

.m_illust .s_p {font-size:0; line-height:0; text-align:center; height:10px; margin-top:20px;}
.m_illust .s_p .swiper-pagination-bullet {width:10px; height:10px; background:none; border:2px solid #c9a165; margin:0 5px;}
.m_illust .s_p .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#c9a165;}

/* arabic */
.arabic .m_illust .s_w .sw_l > a > p {text-align:right;}

@media (min-width:1400px) {
    .m_illust {margin-top:120px;}
	.m_illust > div {width:1400px; margin:0 auto;}
    .m_illust .mi_list {margin-top:40px;}
    .m_illust .s_w {margin:0 -20px;}
    .m_illust .s_w .sw_l {width:25%; padding:0 20px;}
    .m_illust .s_w .sw_l > a > p > strong {font-size:18px; line-height:26px; height:52px;}
}
@media (max-width:1399px) {
    .m_illust {margin-top:60px;}
    .m_illust .mi_list {margin-top:20px; overflow:auto;}
    .m_illust .s_w {margin:0 -1px;}
    .m_illust .s_w .sw_l {width:100%; padding:0 1px;}
    .m_illust .s_w .sw_l > a > p > strong {font-size:16px; line-height:24px; height:48px;}
}

@media (max-width:768px) {
.m_photo .mp_b .btn_prev,
.m_gallery .mg_b .btn_prev {background-image:url(../images/main/ico_arrow_prev_m.png); left:0; background-size:100%}
.m_photo .mp_b .btn_next,
.m_gallery .mg_b .btn_next {background-image:url(../images/main/ico_arrow_next_m.png); right:0;background-size:100%}
}


/* Translated */
.m_article .ma_list .mal_box .malb_info span.trans_span{background: #ddd;color: #333;font-size: 12px;padding: 8px 10px;margin:0;line-height: 10px;margin: 5px 0 0 0;display: inline-block;}