@charset "utf-8";

/*------------------------------- Intro -------------------------------*/


/* Common */
.sec {position:relative; padding-top:4rem;padding-bottom:4rem;}
.sec .title_area {display: flex;flex-direction: column; justify-content:center;align-items: center;margin-bottom:2.4rem}
.sec .title_area h2 {margin-bottom:1.2rem}
.sec .title_area .headline {margin-bottom:1.6rem}

.sec-1 {position:relative; padding-top:4rem;padding-bottom:5rem;}
.sec-1 .title_area {display: flex;flex-direction: column; justify-content:center;align-items: center;margin-bottom:2.4rem}
.sec-1 .title_area h2 {margin-bottom:1.2rem}
.sec-1 .title_area .headline {margin-bottom:1.6rem}


@media (min-width: 1200px) {
	
	.sec {padding-top:10rem;padding-bottom:10rem;}
	.sec .title_area {margin-bottom:7.2rem}

	.sec-1 {padding-bottom:10rem;}
	.sec-1 .title_area {margin-bottom:7.2rem}
	
}


/* Intro */
.cont_intro .sec_intro .subhead {margin-top:5.6rem;z-index: 10}
	
.cont_intro .sec_intro .intro_img {width:100%;margin-left:auto;margin-right:auto;margin-top:4rem}
.cont_intro .sec_intro .intro_img .simply-scroll {height:auto;margin-bottom:0;}
.cont_intro .sec_intro .intro_img .simply-scroll .simply-scroll-clip {height: auto;}
.cont_intro .sec_intro .intro_img .simply-scroll .simply-scroll-list li {float: left;width: 227px;height:190px;margin-left:1.2rem;margin-right:1.2rem;border-radius: var(--radius-m);overflow: hidden;}
.cont_intro .sec_intro .subhead {color:#fff}

.cont_intro .sec_program_intro .program_list {margin-top:2.4rem}
.cont_intro .sec_program_intro .program_list .program_item + .program_item {margin-top:4rem}
.cont_intro .sec_program_intro .program_list .program_item .text_area {padding-top:2rem}
.cont_intro .sec_program_intro .program_list .program_item .text_area .title {margin-bottom:1.2rem;}
.cont_intro .sec_program_intro .program_list .program_item .img_area {border-radius: var(--radius-m);overflow: hidden;background:none}
.cont_intro .sec_program_intro .program_list .program_item .img_area img {height:100%;}

.cont_intro .intro_image_area {position: relative;background:#aaa;height:190px}
.cont_intro .sec_program_intro .program_list .program_item .list_info {margin-top:1.6rem}


.program_new_item {margin-top:3.2rem}
.program_new_item .thumb {border-radius: var(--radius-m);}
.program_new_item .text_area {position:relative;padding-top:2rem;padding-bottom:4rem;}
.program_new_item .text_area .pg_title {position:absolute;right:2.4rem;top:-4rem; width:110px;height:60px;transform: rotate(10deg);border-radius: 100%;text-align: center;display: flex;align-items: center;justify-content: center}
.program_new_item .text_area .pg_title img {transform: rotate(-10deg);vertical-align: middle;width:65%}

.program_new_item1 .pg_title {background: #FFEAB7;}
.program_new_item2 .pg_title {background: #232D50;;}
.program_new_item3 .pg_title {background: #232323;}
.program_new_item4 .pg_title {background: #3D42AA;}




@media (min-width: 1200px) {
	
	.cont_intro .sec_intro .intro_img .simply-scroll .simply-scroll-list li {width: 427px;height: 300px;margin-left:1.6rem;margin-right:1.6rem;}
	.cont_intro .intro_image_area {height:300px}

	.cont_intro .sec_program_intro .program_list {margin-top:4.8rem}
	.cont_intro .sec_program_intro .program_list .program_item + .program_item {margin-top:8.8rem}
	.cont_intro .sec_program_intro .program_list .program_item:nth-child(odd) .text_area {padding-right:4.8rem;}
	.cont_intro .sec_program_intro .program_list .program_item:nth-child(even) .text_area {padding-left:4.8rem;}
	.cont_intro .sec_program_intro .program_list .program_item .text_area .title {margin-bottom:2.4rem;}
	
	
	.sec_program_new .row {margin-left:-3.2rem;margin-right:-3.2rem;}
	.sec_program_new .row .col-12 {padding-left:3.2rem;padding-right:3.2rem}
	
	.program_new_item {margin-top:4.8rem}
	.program_new_item .thumb {height:280px;}
	.program_new_item .text_area .pg_title {width:150px;height:90px;}
	.program_new_item .text_area .pg_title img {width:auto;}
	
	
	
}


.cont_intro .sec_press ul li {margin-top:0.8rem;margin-bottom:0.8rem}
.cont_intro .sec_press ul li a {display:flex;justify-content: space-between;align-items: center; padding:1.2rem 1.6rem;background: var(--bg-gray1);border-radius: var(--radius-s);}
.cont_intro .sec_press ul li a:after {content: "";width: 24px;height: 24px;text-align: center;display: inline-block;overflow: hidden; vertical-align: middle;background-repeat: no-repeat;margin:auto 0;background-image:url(/img/cmm/icon_essential.svg);background-position: -144px 0;transition: all 0.35s;}
.intro_cta_area {padding-top:5.6rem;padding-bottom:5.6rem}

	@media (min-width: 1200px) {
		
		.cont_intro .sec_press ul li a {padding:1.6rem 2.4rem;}
		
	}
	
	
	

/* Intro BCM */	
.sec_intro_bcm_summary {padding-top:0 !important}
.intro_bcm_top {margin-top:-2.4rem}
.intro_bcm_top .headline {margin-bottom:2.4rem}
.intro_bcm_top .bcm_summary {margin-top:2.4rem}	
	
.sec_intro_bcm_title {position: relative;padding:4rem 0;background:var(--bg-dark)}
.sec_intro_bcm_title.sec_intro_bcm_title1 {background:url(/img/cont/intro_bcm_title1_bg.jpg) no-repeat right top #2772AD;}
.sec_intro_bcm_title.sec_intro_bcm_title2 {background:url(/img/cont/intro_bcm_title2_bg.jpg) no-repeat right center #16120F;}

/*.sec_intro_bcm3 {background: url(/img/cont/intro_bcm_title3_bg.svg) no-repeat right bottom #f8f8f8; background-size: 100%}*/	
	
	@media (min-width: 1200px) {
		
		.intro_bcm_top .headline {margin-bottom:3.2rem}
		.intro_bcm_top .bcm_summary {margin-top:3.2rem}
		
		.sec_intro_bcm_title {padding:6.4rem 0}
		.sec_intro_bcm_title.sec_intro_bcm_title1 {background:url(/img/cont/intro_bcm_title1_bg.jpg) no-repeat 80% 50% #2772AD}
		.sec_intro_bcm_title.sec_intro_bcm_title2 {background:url(/img/cont/intro_bcm_title2_bg.jpg) no-repeat 80% 50% #16120F}
		
	}
	
	
	

/* list info */	
.list_info li {display: flex;justify-content:flex-start;align-items: center;padding:1.2rem 0;font-size: 1.4rem}	
.list_info li + li {border-top:1px solid var(--line-gray2)}
.list_info li .list_hd {min-width:70px;padding-right:2rem;font-weight:600}
.list_info li .list_bd {}

.list_info_col2 {display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap}	
.list_info_col2 li {width:100%;display: flex;justify-content:flex-start;align-items: center;padding:1.2rem 0;font-size: 1.4rem;border-bottom:1px solid var(--line-gray2)}	
.list_info_col2 li .list_hd {min-width:70px;width:25%;padding-right:2rem;font-weight:600}
.list_info_col2 .list_bd {}	
	
	
	@media (min-width: 1200px) {
		
		.list_info_col2 li {width:50%;}
		.list_info_col2 li .list_hd {width:20%}
		
	}
	

/* map 오시는 길 */


.cont_map .map_wrap {position: relative;background: #f1f1f1;width:100%;height:300px;overflow: hidden}
.cont_map .map_wrap .tabs {position: absolute;top:2.4rem;display: block}
.cont_map .map_wrap .tabs ul {justify-content: center}
.cont_map .map_wrap .tabs ul li {min-width: 140px;}
.cont_map .map_wrap .tabs ul li a {box-shadow: 1px 4px 15px rgba(0,0,0,0.15);text-align: center;}


.cont_map .map_info {padding:3.2rem 0}
.cont_map .map_info .map_info_inner {}
.cont_map .map_info .map_info_f {display: flex;flex-direction: column; justify-content:flex-start;align-items: flex-start}
.cont_map .map_info .map_info_inner .map_info_r {display: flex; flex-direction: column; justify-content:flex-start;align-items:flex-start;margin-top:2.4rem}

.cont_map .map_info .map_button {margin-top:1.2rem}

	@media (min-width: 1200px) {
		
		.cont_map .map_wrap {height:500px}
		.cont_map .map_info .map_info_f {flex-direction: row; display: flex;justify-content: space-between;align-items: flex-start}
		.cont_map .map_info {padding:4.4rem 0;margin-bottom:4rem}
		
		.cont_map .map_info .map_info_inner .map_info_r {flex-direction:row; justify-content: space-between;align-items:center;margin-top:0}
		.cont_map .map_info .map_button {margin-left:1.2rem;margin-top:0}
		.cont_map .map_info .map_button a {margin-left:0.4rem}
		
	}


.tbl {margin: 10px 0;border-top: 2px solid #666;}
.tbl tbody th {color: #222;background: #f7f7f7;}
.tbl tr td:last-child {border-right: none;}
.tbl thead th {color: #222;padding: 1.1em 0.5em;border-right: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;background: #f7f7f7;font-weight: bold;line-height: 1.3;}
.tbl tbody th, .tbl tfoot th, .tbl td {padding: 1em; font-size: 0.95em;border-right: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;text-align: center;}
.tL {text-align: left !important;}





/* 역대 마켓 */

.cont_archive .history_wrap {margin-top:3.2rem;margin-bottom:4rem;overflow: hidden}

.cont_archive .history_item {position: relative; display: flex; flex-direction: column;}
.cont_archive .history_item:before {content:'';display:inline-block;position: absolute;top:24px;bottom:0;left:5px;width:1px;height:100%;background: #ccc;}	
.cont_archive .history_item .year,
.cont_archive .history_item .text_area,
.cont_archive .history_item .poster {padding-top:1.2rem;padding-bottom:1.2rem;/*padding-left:3.2rem*/}

.cont_archive .history_item .year {position: relative;}
.cont_archive .history_item .year:after {content:'';display:inline-block;position: absolute;top:24px;bottom:0;left:0;width:10px;height:10px;border-radius:100%;-webkit-border-radius:100%;background: #ccc}

.cont_archive .history_item .text_area {flex-grow:0;flex-shrink: 1;}
.cont_archive .history_item .text_area .desc {margin-top:0.8rem;word-break:normal !important}
.cont_archive .history_item .poster {flex-basis:110px;width:110px;display: none}	

	
	
	
	
	@media (min-width: 1200px) {
	
		
		.cont_archive .history_wrap {margin-top:3.2rem;margin-bottom:4.8rem}
		.cont_archive .history_item {position: relative; display: flex; flex-direction: row; justify-content: space-between;align-items:flex-start}
		.cont_archive .history_item:before {top:50px;left:115px}
		.cont_archive .history_item .year,
		.cont_archive .history_item .text_area,
		.cont_archive .history_item .poster {padding-top:3.2rem;padding-bottom:3.2rem}
		
		.cont_archive .history_item .history_item_l {display: flex;justify-content: flex-start;padding-left:0}
		.cont_archive .history_item .year {width:120px;padding-left:0}
		.cont_archive .history_item .year:after {top:50px; right:0; left:auto}
		
		.cont_archive .history_item .text_area {padding-left:4rem;flex-basis: 800px; width:800px;}
		.cont_archive .history_item .text_area .desc {margin-top:1.6rem}
		
		.cont_archive .history_item .poster {flex-basis:140px;width:140px;display: block}	

		
	}	
	
	
	
/* BCM마켓 */

ul.tabs{margin: 0px;padding: 0px;list-style: none;}
ul.tabs li{display: inline-block;}

ul.tabs li.current{padding: 0rem 1.6rem;min-width: 1rem;height: 4rem;line-height: 4rem;color: #fff;background: var(--bg-gr-light);}

.tab-content{display: none;padding: 15px;}

.tab-content.current{display: inherit;}


.bg-gray {background: #f6f6f6;padding: 25px;border-radius: var(--radius-s);}