/* font */
/*SCDream */
/* @font-face{ */
/*     font-family:'SCDream'; */
/*     src:local('SCDream2'), */
/*     local('SCDream2'); */
/*     src:url('/resource/templete/manpa/font/scdream/SCDream2.woff2') format('woff2'), */
/*     url('/resource/templete/manpa/font/scdream/SCDream2.woff') format('woff'), */
/*     url('/resource/templete/manpa/font/scdream/SCDream2.eot'); */
/*     font-weight:300; */
/* } */
/* @font-face{ */
/*     font-family:'SCDream'; */
/*     src:local('SCDream4'), */
/*     local('SCDream4'); */
/*     src:url('/resource/templete/manpa/font/scdream/SCDream4.woff2') format('woff2'), */
/*     url('/resource/templete/manpa/font/scdream/SCDream4.woff') format('woff'), */
/*     url('/resource/templete/manpa/font/scdream/SCDream4.eot'); */
/*     font-weight:400; */
/* } */
/* @font-face{ */
/*     font-family:'SCDream'; */
/*     src:local('SCDream5'), */
/*     local('SCDream5'); */
/*     src:url('/resource/templete/manpa/font/scdream/SCDream5.woff2') format('woff2'), */
/*     url('/resource/templete/manpa/font/scdream/SCDream5.woff') format('woff'), */
/*     url('/resource/templete/manpa/font/scdream/SCDream5.eot'); */
/*     font-weight:500; */
/* } */
/* @font-face{ */
/*     font-family:'SCDream'; */
/*     src:local('SCDream6'), */
/*     local('SCDream6'); */
/*     src:url('/resource/templete/manpa/font/scdream/SCDream6.woff2') format('woff2'), */
/*     url('/resource/templete/manpa/font/scdream/SCDream6.woff') format('woff'), */
/*     url('/resource/templete/manpa/font/scdream/SCDream6.eot'); */
/*     font-weight:600; */
/* } */
/* .type-SCDream, */
/* .SCDream{ font-family: 'SCDream', sans-serif;} */

/* pretendard */
@font-face{
    font-family:'pretendard';
    src:local('pretendard_light'),
    local('Pretendard-Light');
    src:url('/resource/templete/manpa/font/pretendard/pretendard_light.woff2') format('woff2'),
    url('/resource/templete/manpa/font/pretendard/pretendard_light.woff') format('woff'),
    url('/resource/templete/manpa/font/pretendard/pretendard_light.eot');
    font-weight:300;
}
@font-face{
    font-family:'pretendard';
    src:local('pretendard_regular'),
    local('Pretendard-Regular');
    src:url('/resource/templete/manpa/font/pretendard/pretendard_regular.woff2') format('woff2'),
    url('/resource/templete/manpa/font/pretendard/pretendard_regular.woff') format('woff'),
    url('/resource/templete/manpa/font/pretendard/pretendard_regular.eot');
    font-weight:400;
}
@font-face{
    font-family:'pretendard';
    src:local('pretendard_medium'),
    local('Pretendard-Medium');
    src:url('/resource/templete/manpa/font/pretendard/pretendard_medium.woff2') format('woff2'),
    url('/resource/templete/manpa/font/pretendard/pretendard_medium.woff') format('woff'),
    url('/resource/templete/manpa/font/pretendard/pretendard_medium.eot');
    font-weight:500;
}
@font-face{
    font-family:'pretendard';
    src:local('pretendard_bold'),
    local('Pretendard-Bold');
    src:url('/resource/templete/manpa/font/pretendard/pretendard_bold.woff2') format('woff2'),
    url('/resource/templete/manpa/font/pretendard/pretendard_bold.woff') format('woff'),
    url('/resource/templete/manpa/font/pretendard/pretendard_bold.eot');
    font-weight:600;
}
.type-pretendard,
.pretendard{ font-family: 'pretendard', sans-serif;}

/*NotoSans*/
@font-face{
    font-family:'NotoSans';
    src:local('NotoSans-Regular'),
    local('NotoSans-Regular');
    src:url('/resource/templete/manpa/font/notosans/NotoSans-Regular.woff2') format('woff2'),
    url('/resource/templete/manpa/font/notosans/NotoSans-Regular.woff') format('woff'),
    url('/resource/templete/manpa/font/notosans/NotoSans-Regular.eot');
    font-weight:400;
}
@font-face{
    font-family:'NotoSans';
    src:local('NotoSans-Medium'),
    local('NotoSans-Medium');
    src:url('/resource/templete/manpa/font/notosans/NotoSans-Medium.woff2') format('woff2'),
    url('/resource/templete/manpa/font/notosans/NotoSans-Medium.woff') format('woff'),
    url('/resource/templete/manpa/font/notosans/NotoSans-Medium.eot');
    font-weight:600;
}
.type-NotoSans,
.NotoSans{ font-family: 'NotoSans', sans-serif;}

/*GmarketSans*/
@font-face{
    font-family:'GmarketSans';
    src:local('GmarketSansMedium'),
    local('GmarketSansMedium');
    src:url('/resource/templete/manpa/font/gmarketsans/GmarketSansMedium.woff2') format('woff2'),
    url('/resource/templete/manpa/font/gmarketsans/GmarketSansMedium.woff') format('woff'),
    url('/resource/templete/manpa/font/gmarketsans/GmarketSansMedium.eot');
    font-weight:400;
}
@font-face{
    font-family:'GmarketSans';
    src:local('GmarketSansBold'),
    local('GmarketSansBold');
    src:url('/resource/templete/manpa/font/gmarketsans/GmarketSansBold.woff2') format('woff2'),
    url('/resource/templete/manpa/font/gmarketsans/GmarketSansBold.woff') format('woff'),
    url('/resource/templete/manpa/font/gmarketsans/GmarketSansBold.eot');
    font-weight:600;
}
.type-GmarketSans,
.GmarketSans{ font-family: 'GmarketSans', sans-serif;}

/*NanumMyeongjo*/
@font-face{
    font-family:'NanumMyeongjo';
    src:local('NanumMyeongjo'),
    local('NanumMyeongjo');
    src:url('/resource/templete/manpa/font/nanummyeongjo/NanumMyeongjo.woff2') format('woff2'),
    url('/resource/templete/manpa/font/nanummyeongjo/NanumMyeongjo.woff') format('woff'),
    url('/resource/templete/manpa/font/nanummyeongjo/NanumMyeongjo.eot');
    font-weight:400;
}
@font-face{
    font-family:'NanumMyeongjo';
    src:local('NanumMyeongjoBold'),
    local('NanumMyeongjoBold');
    src:url('/resource/templete/manpa/font/nanummyeongjo/NanumMyeongjoBold.woff2') format('woff2'),
    url('/resource/templete/manpa/font/nanummyeongjo/NanumMyeongjoBold.woff') format('woff'),
    url('/resource/templete/manpa/font/nanummyeongjo/NanumMyeongjoBold.eot');
    font-weight:600;
}
.type-NanumMyeongjo,
.NanumMyeongjo{ font-family: 'NanumMyeongjo', sans-serif;}

/*mbc1961-gulim*/
@font-face{
    font-family:'mbc1961-gulim';
    src:local('mbc1961-gulim'),
    local('mbc1961-gulim');
    src:url('/resource/templete/manpa/font/mbc1961/mbc1961-gulim.woff2') format('woff2'),
    url('/resource/templete/manpa/font/mbc1961/mbc1961-gulim.woff') format('woff'),
    url('/resource/templete/manpa/font/mbc1961/mbc1961-gulim.eot');
    font-weight:400;
}
@font-face{
    font-family:'mbc1961-gulim';
    src:local('mbc1961-gulim'),
    local('mbc1961-gulim');
    src:url('/resource/templete/manpa/font/mbc1961/mbc1961-gulim.woff2') format('woff2'),
    url('/resource/templete/manpa/font/mbc1961/mbc1961-gulim.woff') format('woff'),
    url('/resource/templete/manpa/font/mbc1961/mbc1961-gulim.eot');
    font-weight:600;
}
.type-mbc1961
.mbc1961{ font-family: 'mbc1961-gulim', sans-serif;}

/* size */
.fullsection .txt,
.custom_txt{ font-weight: 400 !important;}
.fullsection .txt.size-small,
.custom_txt.size-small{ font-size: 14px !important; font-weight: 400;}
.fullsection .txt.size-normal,
.custom_txt.size-normal{ font-size: 16px !important; font-weight: 400}
.fullsection .txt.size-big,
.custom_txt.size-big{ font-size: 18px !important; font-weight: 400}

.custom_tit{ height: auto !important;}
.fullsection .tit,
.custom_tit { font-weight: 600 !important;}
.fullsection .tit.size-small,
.custom_tit.size-small{ font-size: 26px !important; font-weight: 600;}
.fullsection .tit.size-normal,
.custom_tit.size-normal{ font-size: 30px !important; font-weight: 600}
.fullsection .tit.size-big,
.custom_tit.size-big{ font-size: 34px !important; font-weight: 600}

.pointer{ cursor: pointer;}

/* color */
.font-color01{ color: #000000 !important;}
.box-color01{ background: #000000 !important;}
.font-color02{ color: #222222 !important;}
.box-color02{ background: #222222 !important;}
.font-color03{ color: #444444 !important;}
.box-color03{ background: #444444 !important;}
.font-color04{ color: #666666 !important;}
.box-color04{ background: #666666 !important;}
.font-color05{ color: #999999 !important;}
.box-color05{ background: #999999 !important;}
.font-color06{ color: #cccccc !important;}
.box-color06{ background: #cccccc !important;}
.font-color07{ color: #ffffff !important;}
.box-color07{ background: #ffffff !important;}
.font-color08{ color: #FEC0BF !important;}
.box-color08{ background: #FEC0BF !important;}
.font-color09{ color: #FFEAC0 !important;}
.box-color09{ background: #FFEAC0 !important;}
.font-color10{ color: #FFFFBF !important;}
.box-color10{ background: #FFFFBF !important;}
.font-color11{ color: #BFDFC0 !important;}
.box-color11{ background: #BFDFC0 !important;}
.font-color12{ color: #BFBFFF !important;}
.box-color12{ background: #BFBFFF !important;}
.font-color13{ color: #D3C0E1 !important;}
.box-color13{ background: #D3C0E1 !important;}
.font-color14{ color: #E0BFE0 !important;}
.box-color14{ background: #E0BFE0 !important;}
.font-color15{ color: #FF8080 !important;}
.box-color15{ background: #FF8080 !important;}
.font-color16{ color: #FFD380 !important;}
.box-color16{ background: #FFD380 !important;}
.font-color17{ color: #FFFF80 !important;}
.box-color17{ background: #FFFF80 !important;}
.font-color18{ color: #80C080 !important;}
.box-color18{ background: #80C080 !important;}
.font-color19{ color: #8080FF !important;}
.box-color19{ background: #8080FF !important;}
.font-color20{ color: #A580C1 !important;}
.box-color20{ background: #A580C1 !important;}
.font-color21{ color: #C180C0 !important;}
.box-color21{ background: #C180C0 !important;}
.font-color22{ color: #FF3F3F !important;}
.box-color22{ background: #FF3F3F !important;}
.font-color23{ color: #FFBC3F !important;}
.box-color23{ background: #FFBC3F !important;}
.font-color24{ color: #FFFF3F !important;}
.box-color24{ background: #FFFF3F !important;}
.font-color25{ color: #3FA03F !important;}
.box-color25{ background: #3FA03F !important;}
.font-color26{ color: #3F3FFF !important;}
.box-color26{ background: #3F3FFF !important;}
.font-color27{ color: #793FA1 !important;}
.box-color27{ background: #793FA1 !important;}
.font-color28{ color: #A03FA0 !important;}
.box-color28{ background: #A03FA0 !important;}
.font-color29{ color: #FF0015 !important;}
.box-color29{ background: #FF0015 !important;}
.font-color30{ color: #FFA513 !important;}
.box-color30{ background: #FFA513 !important;}
.font-color31{ color: #FFFF11 !important;}
.box-color31{ background: #FFFF11 !important;}
.font-color32{ color: #0F8015 !important;}
.box-color32{ background: #0F8015 !important;}
.font-color33{ color: #0000FF !important;}
.box-color33{ background: #0000FF !important;}
.font-color34{ color: #4A0682 !important;}
.box-color34{ background: #4A0682 !important;}
.font-color35{ color: #800F80 !important;}
.box-color35{ background: #800F80 !important;}

/* custom_wrap */
.custom_box{ width: 100%; margin-bottom: 10px; display: flex; align-items: center;}
.custom_box select + select{ margin-left: 5px}
.custom_box select,
.custom_box .color_box_wrap{ border: 1px solid #ccc; height: 30px; padding: 0 5px; border-radius: 5px}
.custom_box .color_box_wrap{ display: inline-flex; align-items: center; margin-left: 5px; padding-top: 1px;}
.custom_box .color_box_wrap .now_color_box{ width: 15px; height: 15px; border: 1px solid #dfdfdf; margin-right: 5px; display: block; flex-shrink: 0}
.custom_box .color_box_wrap .arr{ width: 15px; height: 15px; display: block; flex-shrink: 0; position: relative;}
.custom_box .color_box_wrap .arr:before{ content: ""; width: 9px; height: 1px; position: absolute; left: 0; top: 50%; transform: translateY(-50%) rotate(50deg); background: #444}
.custom_box .color_box_wrap .arr:after{ content: ""; width: 9px; height: 1px; position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate(-50deg); background: #444}
.custom_box .font_color_box_wrap{ position: relative;}
.custom_box .font_color_box{ width: 105px;flex-wrap: wrap; padding: 0; position: absolute; top: 30px; left: 6px; display: none}
.custom_box .font_color_box.open{ display: flex;}
.custom_box .font_color_box,
.custom_box .font_color_box *{ box-sizing: border-box;}
.custom_box .font_color_box .font_color{ width: 15px; height: 15px; border-bottom: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf;}
.custom_box .font_color_box .font_color a{ width: 100%; height: 100%; display: block;}
.custom_box .font_color_box .font_color:nth-child( -n + 7){ border-top: 1px solid #dfdfdf}
.custom_box .font_color_box .font_color:nth-child( 7n){ border-right: 1px solid #dfdfdf}

.custom_input { background: #fff !important;}
.custom_input.font-color06,
.custom_input.font-color07,
.custom_input.font-color08,
.custom_input.font-color09,
.custom_input.font-color10,
.custom_input.font-color11,
.custom_input.font-color12,
.custom_input.font-color13,
.custom_input.font-color14,
.custom_input.font-color17,
.custom_input.font-color24,
.custom_input.font-color31{ background: #444 !important;}

@media screen and (max-width: 600px){
	.fullsection .txt,
	.custom_txt{ font-weight: 400 !important;}
	.fullsection .txt.size-small,
	.custom_txt.size-small,
	.fullsection .txt.size-normal,
	.custom_txt.size-normal,
	.fullsection .txt.size-big,
	.custom_txt.size-big{ font-size: 14px !important; font-weight: 400}
	
	.fullsection .tit,
	.custom_tit,
	.fullsection .tit.size-small,
	.custom_tit.size-small,
	.fullsection .tit.size-normal,
	.custom_tit.size-normal,
	.fullsection .tit.size-big,
	.custom_tit.size-big{ font-size: 20px !important; font-weight: 600}
}

/* template */
.no_line .mngr.template_wrap{ border: none; width: 100%}
.no_line .mngr.template_wrap .line{ border: none}

.mngr.template_wrap{ border: 2px solid #6EC9DF; width: calc(100% - 14px); margin: 0 auto 10px; position: relative; padding: 0 5px}
.mngr.template_wrap .line{ border: 1px dotted #444; min-height: 1rem}

.template_wrap .del_template{ position: absolute; right: -2px; bottom: -30px; width: 60px; height: 30px; color: #fff; background: #6EC9DF; cursor: pointer; display: none}
.template_wrap .del_template:after{ content: "삭제"; width: 100%; height: 100%; position: absolute; left: 0; top: 0; display:flex; align-items: center;; justify-content: center;}
.mngr.template_wrap .del_template{ display: flex;}

.templete_section{ padding: 50px 15px; margin-top: 0; letter-spacing: -0.5px !important;}
.templete_section img{ height: auto !important;}
.template_wrap{ line-height: +1.8; width: 100%; font-size: 1rem; color: #333}
.template_wrap *{ line-height: inherit; font-size:  inherit; color: inherit;}
.template_wrap ul,
.template_wrap li{ list-style: none; padding: 0; margin: 0}
.template_wrap, .template_wrap *{ box-sizing: border-box;}
.template_wrap:after{ content: ""; display: block; clear: both}
.template_wrap .template_tit,
.template_wrap .template_tit p{ text-align: left;}
.template_wrap .template_txt,
.template_wrap .template_txt p{ color: #333; line-height: +2 !important; text-align: left;}
.template_wrap .template_img_txt{ color: #555 !important; width: 100%; text-align: center !important; font-size: 0.813rem!important; margin: 3px 0; line-height: +1.5!important;}
.template_wrap .template_img_inn{ width: 100%; max-width: 100%; display: flex; flex-flow: row nowrap;}
.template_wrap .template_img_inn .img{ width: 100%; flex: 1; position: relative; display: inline-flex; align-items: flex-end;}
.template_wrap .template_img_inn .img + .img{ margin-left: 10px}
.template_wrap .template_img_inn .img img{ width: 100% !important; height: 100% !important; object-fit: cover; display: block;}
.template_wrap .template_small{ font-size: 1.063rem; color: #999; font-weight: 400}
.template_wrap .txt_line{ width: 100%; height: 1px; margin: 50px 0 30px; background: #000;}
.template_wrap .template_txt_bold{ color: #000; font-weight: bold; margin-bottom: 5px;}
.template_wrap .template_sources{ width: 100%; margin-top: 20px;}
.template_wrap .template_sources p{ text-align: right !important; }

.template_wrap .template_img_inn .img.out img{ height: auto !important;}
.template_wrap .template_img_inn .img .newwin_btn{ width: auto; height: 35px; position: absolute; right: 0; bottom: 0; padding: 3px 8px; background: rgba(0,0,0,0.5); color: #fff; display: inline-flex; align-items: center;  justify-content: center;}
.template_wrap .template_img_inn .img .newwin_btn img{ width: 22px !important; height: auto !important; margin-right: 3px;}

.template_wrap .line_wrap .newwin_btn{ display: none !important;}

/* [S] template 01 */
.template_type01{ text-align: center}
.template_type01 > .template_point_txt{ color: #0095E9; margin-bottom: 20px; text-align: center}
.template_type01 > .template_tit{ font-size: 2.125rem; margin-bottom: 30px; font-weight: bold; line-height: +1.3; text-align: center}
.template_type01 > .template_txt p{ text-align: center}
.template_type01 > .template_line{ position: relative; height: 60px; margin-bottom: 30px}
.template_type01 > .template_line:after{ content: ""; width: 15px; height: 15px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-45deg); border: solid 1px #000; background: #fff; z-index: 2}
.template_type01 > .template_line:before{ content: ""; width: 200px; height: 1px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; background: #000}

@media screen and (max-width: 600px){
    .template_type01 > .template_point_txt{ margin-bottom: 0}
    .template_type01 > .template_tit{ margin-bottom: 0}
    .template_type01 > .template_line{ margin-bottom: 10px}
}
/* [E] template 01 */

/* [S] template 02 */
.template_type02 .template_inn{ width: 100%; margin: 30px 0; display: flex}
.template_type02 .img_right.template_inn{ flex-direction:row-reverse;}
.template_type02 .template_img_wrap{ width: 45%}
.template_type02 .template_img_inn{ padding: 0 15px}
.template_type02 .template_txt_wrap{ width: 55%; padding: 15px}
.template_type02 .template_num_wrap{ color: #6FD31C !important; font-size: 2.375rem !important; margin-bottom: 20px; font-weight: bold; line-height: +1.3 !important; text-align: left;}
.template_type02 .template_num_wrap.mb0{ margin-bottom: 0}

@media screen and (max-width: 600px){
    .template_type02 .template_inn{ flex-wrap: wrap}
    .template_type02 .template_img_wrap,
    .template_type02 .template_txt_wrap{ width: 100%}
    .template_type02 .template_num_wrap{ margin-bottom: 15px}
}
/* [E] template 02 */

/* [S] template 03 */
.template_type03 .template_tit_wrap{ max-width: 80%; width: 300px; border: 2px solid #87D97C !important; padding: 30px; color: #5AB03E !important; margin-bottom: 30px; text-align: left !important;}
.template_type03 .template_point_txt{ margin-bottom: 5px; font-weight: bold; color: #5AB03E !important; }
.template_type03 .template_tit, 
.template_type03 .template_tit p{ font-size: 2.125rem; font-weight: bold; line-height: +1.5; text-align: left}
.template_type03 .template_txt, 
.template_type03 .template_txt p{ text-align: left}
.template_type03 .template_txt_bold,
.template_type03 .template_txt_bold p{ color: #000; font-weight: bold; margin-bottom: 5px; text-align: left}
/* [E] template 03 */

/* [S] template 04 */
.template_type04 .template_img_wrap{ width: 100%; margin-bottom: 30px}
.template_type04 .template_txt,
.template_type04 .template_txt p{ color: #000; text-align: left;}
.template_type04 .big{ float: left; font-size: 3.563rem !important; color: #54B800 !important; line-height: 1; margin: 3px 15px 10px 3px}
/* [E] template 04 */

/* [S] template 05 */
.template_type05 .template_img_wrap{ width: 100%; margin-bottom: 30px}
.template_type05 .template_img_inn + .template_img_inn{ margin-top: 10px;}
.template_type05 .template_img_inn img + img{ margin-left: 10px}
.template_type05 .template_txt{ color: #000; padding: 3px 0 5px 15px; border-left: 6px solid #515151}
@media screen and (max-width: 600px){
    .template_wrap .template_img_inn{ width: 100%; display: block;}
    .template_wrap .template_img_inn .img + .img{ margin-left: 0; margin-top: 10px}
}
/* [E] template 05 */

/* [S] template 06 */
.template_type06 .template_tit{ font-size: 1.5rem; font-weight: bold; margin-bottom: 20px}
.template_type06 .template_small{ margin-left: 5px;}
.template_type06 .template_img_wrap{ width: 100%; margin-bottom: 30px}
.template_type06 .template_img_inn .wrap{ flex: 1}
.template_type06 .template_img_inn .wrap .img{ padding-top: 63%; position: relative}
.template_type06 .template_img_inn .wrap .img img{ width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: cover; object-position: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%)}
/* [E] template 06 */

/* [S] template 07 */
.template_type07 .template_img_wrap{ width: 50%; margin-bottom: 30px; margin-right: 30px; float: left}
.template_type07 .template_tit{ font-size: 1.875rem; font-weight: bold}
.template_type07 .template_small{ margin-top: 5px; margin-bottom: 10px}
@media screen and (max-width: 600px){
    .template_type07 .template_img_wrap{ float: none; width: 100%; margin-right: 0}
}
/* [E] template 07 */

/* [S] template 08 */
.template_type08{ text-align: center}
.template_type08 .template_quotation_wrap{ font-size: 1.250rem; color: #333; line-height: +2; margin-bottom: 50px; font-style: italic; text-align: center;}
.template_type08 .template_quotation_wrap p{ text-align: center;}
.template_type08 .quotes{ height: 20px}
.template_type08 .quotes:after{ display: inline-block; line-height: 1; font-size: 3.5rem !important; vertical-align: middle; color: #c7c7c7 !important;}
.template_type08 .quotes_s:after{ content: "“";}
.template_type08 .quotes_e:after{ content: "”";}
.template_type08 .quotes_s,
.template_type08 .quotes_e{ margin-bottom: 30px}
/* [E] template 08 */

/* [S] template 09 */
.template_type09 .opacity{ opacity: 0.6; font-weight: 400}
.template_type09 .template_tit_wrap{ margin-bottom: 50px;}
.template_type09 .template_tit{ font-size: 1.875rem; font-weight: bold; margin-bottom: 20px}
.template_type09 .template_tit_wrap .template_txt{ font-weight: 500; font-size: 0.938rem}
.template_type09 .template_txt_tit{ font-weight: 500; font-size: 1.125rem; margin-bottom: 10px}
.template_type09 .template_txt_wrap{ margin-top: 30px;}
.template_type09 .template_img_wrap .template_img_inn{ border: solid 1px #222}
.template_type09 .template_img_wrap.img_left{ width: 40%; margin: 0 20px 20px 0; float: left}
.template_type09 .template_img_wrap.img_right{ width: 40%; margin: 0 0 20px 20px; float: right}
.template_type09 .template_img_wrap.img_full{ width: 100%; margin: 20px 0 0 0}
.template_type09 .txt_con{ width: 100%}
.template_type09 .txt_con:after{ content: ""; width: 100%; display: block; clear: both;}
.template_type09 .con_tit_wrap{display: flex; margin-bottom: 5px; align-items: flex-start;}
.template_type09 .con_tit{ flex-shrink: 0; display: block; margin-right: 5px; font-weight: 500; max-width: 100%}

@media screen and (max-width: 600px){
    .template_type09 .template_tit_wrap{ margin-bottom: 0;}
    .template_type09 .template_img_wrap.img_left,
    .template_type09 .template_img_wrap.img_right,
    .template_type09 .template_img_wrap.img_full{ width: 100%}
}
/* [E] template 09 */

/* [S] template 10 */
.template_type10 .bd_line{margin: 0 auto 20px; border-top: 1px solid #000; height: 1px; width: 100%}
.template_type10 .template_tit{ font-size: 1rem !important; font-weight: bold; color: #777!important;}
.template_type10 .template_txt{ font-size: 0.875rem !important; color: #777 !important;}
/* [E] template 10 */

/* [S] template 11 */
.template_type11 .template_tit,
.template_type11 .template_tit p{ font-size: 1rem; font-weight: bold; color: #000}
.template_type11 .template_txt,
.template_type11 .template_txt p{ font-size: 1rem; color: #000}
/* [E] template 11 */

/* [S] template 12 */
.template_type12 .template_txt{ padding: 3px 0 5px 15px; border-left: 6px solid #515151;}
.template_type12 .template_txt,
.template_type12 .template_txt p{ font-size: 1rem; color: #000}
/* [E] template 12 */

/* [S] template 13 */
.template_type13 .inn_box{ border: 1px solid #FF9933; padding: 10px; display: flex; position: relative}
.template_type13 .template_tit{ width: 200px; flex-shrink: 0; margin-right: 15px; font-size: 1.125rem; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 75px; height: 1.8em}
.template_type13 .template_txt{ width: 100%; padding: 10px}
.template_type13 .template_txt,
.template_type13 .template_txt p{ font-size: 1rem; color: #000}
.template_type13 .template_deco{ position: absolute; left: 10px; bottom: 10px; width: 15px}
.template_type13 .template_deco li{ width: 15px; height: 15px; margin-top: 10px}
.template_type13 .template_deco li:nth-child(1){ background: #FF9933}
.template_type13 .template_deco li:nth-child(2){ background: #FF6600}
.template_type13 .template_deco li:nth-child(3){ background: #C55A11}
@media screen and (max-width: 600px){
    .template_type13 .inn_box{ flex-wrap: wrap}
    .template_type13 .template_tit{ width: 100%; margin-bottom: 25px; margin-right: 0}
    .template_type13 .template_deco{ left: auto; bottom: auto; right: 10px; top: calc(10px + 1.125rem + 20px); width: auto; display: flex}
    .template_type13 .template_deco li{ margin-top: 0; margin-left: 10px}
}
/* [E] template 13 */

/* [S] template 14 */
.template_type14 .template_txt_bold,
.template_type14 .template_txt_bold p{ text-align: center; color: #6F3015}
.template_type14 .inn_box{ display: flex; position: relative; width: 100%}
.template_type14 .inn_box .left{ width: 70%; flex-shrink: 0; padding: 10px}
.template_type14 .inn_box .right{ width: 100%; padding: 10px}
.template_type14 .inn_box .template_txt{ padding: 10px; height: 100%}
.template_type14 .inn_box .template_txt,
.template_type14 .inn_box .template_txt p{ color: #6F3015}
.template_type14 .template_sources{ padding: 0 10px;}

@media screen and (max-width: 600px){
    .template_type14 .inn_box{ flex-wrap: wrap}
    .template_type14 .inn_box .left{ width: 100%}
}
/* [E] template 14 */

/* [S] template 15 */
.template_type15 .inn_box{ background: #414141; padding: 10px}
.template_type15 .bd_line{margin: 15px auto 20px; border-top: 1px solid #fff; height: 1px; width: 100%; position: relative}
.template_type15 .bd_line:after{ content: ""; width: 20%; height: 5px; background: #fff; position: absolute; left: 0; bottom: 0}
.template_type15 .template_tit,
.template_type15 .template_tit p{ font-size: 1.125rem; font-weight: bold; color: #fff !important;}
.template_type15 .template_txt,
.template_type15 .template_txt p{ font-size: 1rem; color: #fff}
/* [E] template 15 */

/* [S] template 16 */
.template_type16 .template_tit_wrap{ width: 70%; margin: 0 auto 30px; position: relative; padding: 0 15px; text-align: center}
.template_type16 .template_tit_wrap,
.template_type16 .template_tit_wrap span,
.template_type16 .template_tit_wrap p{ font-size: 1.125rem; font-weight: bold; color: #000; text-align: center;}
.template_type16 .template_tit_wrap:before{content: ""; position: absolute; left: 0; top: 50%; transform: translateY( -50%); height: 80%; width: 10px; border: solid 3px #dfdfdf; border-right: none}
.template_type16 .template_tit_wrap:after{content: ""; position: absolute; right: 0; top: 50%; transform: translateY( -50%); height: 80%; width: 10px; border: solid 3px #dfdfdf; border-left: none}
.template_type16 .template_img_wrap{ width: 60%; margin: 0 auto 30px;}
.template_type16 .template_txt{ margin-bottom: 30px; text-align: center}
.template_type16 .template_txt,
.template_type16 .template_txt p{ font-size: 1rem; color: #000; text-align: center;}
.template_type16 .box_info{ padding: 30px; background: #f8f8f8; border: solid 1px #dfdfdf; display: grid; grid-template-columns: repeat(2,1fr)}
.template_type16 .box_info li{ width: 100%; padding: 5px; list-style: none}
.template_type16 .box_info li,
.template_type16 .box_info li p{ font-weight: 500; color: #000}
@media screen and (max-width: 600px){
    .template_type16 .template_tit_wrap{ width: 90%;}
    .template_type16 .template_img_wrap{ width: 80%;}
    .template_type16 .box_info{ display: block; padding: 20px}
}
/* [E] template 16 */

/* [S] template 17 */
.template_type17 .template_img_wrap{ width: 50%; margin-bottom: 30px; margin-left: 30px; float: right}
.template_type17 .template_tit > p{ font-size: 1.875rem; font-weight: bold}
.template_type17 .template_small{ margin-top: 5px; margin-bottom: 10px}
@media screen and (max-width: 600px){
    .template_type17 .template_img_wrap{ float: none; width: 100%; margin-left: 0}
}
/* [E] template 17 */


/* [S] template 18 */
.template_type18 .template_img_wrap{ width: 100%}
.template_type18 .template_img_inn{ justify-content: center;}
.template_type18 .template_img_inn .wrap{ flex: 1; display: flex; flex-flow: column nowrap; max-width: 60%}
.template_type18 .template_img_wrap .img{ border: 3px solid transparent !important; border-bottom: none !important; border-top: none !important;}
.template_type18 .template_img_inn .wrap:first-child .img{ border-left: none !important}
.template_type18 .template_img_inn .wrap:last-child .img{ border-right: none !important}
.template_type18 .template_img_txt{ height: 4.5em}
.template_type18 .template_img_inn .wrap .img img{ object-fit: contain}
@media screen and (max-width: 600px){
	.template_type18 .template_img_inn .wrap{ max-width: 100%}
    .template_type18 .template_img_txt{ height: auto; margin-bottom: 10px}
}
/* [E] template 18 */

/* [S] template 19 */
.template_type19 .template_img_wrap{ width: 100%}
.template_type19 .template_img_inn{ justify-content: center;}
.template_type19 .template_img_inn .wrap{ flex: 1; display: flex; flex-flow: column nowrap; max-width: 60%}
.template_type19 .template_img_wrap .img{ border: 3px solid transparent !important; border-bottom: none !important; border-top: none !important;}
.template_type19 .template_img_inn .wrap:first-child .img{ border-left: none !important}
.template_type19 .template_img_inn .wrap:last-child .img{ border-right: none !important}
.template_type19 .template_img_inn .wrap .img img{ object-fit: contain}
@media screen and (max-width: 600px){
	.template_type19 .template_img_inn .wrap{ max-width: 100%}
    .template_type19 .template_img_txt{ height: auto; margin-bottom: 10px}
}
/* [E] template 19 */

/* [S] template 20 */
.template_type20{ padding-top: 0}
.template_type20 .template_img_txt{ text-align: left !important;}
/* [E] template 20 */

/* [S] template 21 */
.template_type21 .template_txt_bold{ font-size: 1.250rem;}
/* [E] template 21 */


/* [S] template 22 */
.template_type22 .template_txt_bold{ font-size: 1.250rem;}
.template_type22 .template_img_wrap{ width: 30%; margin-bottom: 5px; margin-right: 15px; float: left}
.template_type22 .template_tit{ font-size: 1.875rem; font-weight: bold}
.template_type22 .template_small{ margin-top: 5px; margin-bottom: 10px}
@media screen and (max-width: 600px){
    .template_type22 .template_img_wrap{ float: none; width: 100%; margin-left: 0}
}
/* [E] template 22 */

/* [S] template 25 */
.template_type25 .template_txt_bold{ font-size: 1.250rem;}
.template_type25 .template_img_wrap{ width: 48%; margin-bottom: 5px; margin-right: 15px; float: left}
.template_type25 .template_tit{ font-size: 1.875rem; font-weight: bold}
.template_type25 .template_small{ margin-top: 5px; margin-bottom: 10px}
@media screen and (max-width: 600px){
    .template_type25 .template_img_wrap{ float: none; width: 100%; margin-left: 0}
}
/* [E] template 25 */

/* [S] template 23 */
.template_type23 .template_img_wrap{ width: 90%; margin: 0 auto;}
.template_type23 .template_img_wrap .video_wrap{ width: 100%; position: relative}
.template_type23 .template_img_wrap .video_wrap:after{ content: ""; padding-bottom: 56.25%; display: block}
.template_type23 .template_img_wrap .video_wrap img,
.template_type23 .template_img_wrap .video_wrap video,
.template_type23 .template_img_wrap .video_wrap iframe{ position: absolute; left: 0; top: 0; width: 100%!important; height: 100%!important}
@media screen and (max-width: 600px){
    .template_type23 .template_img_wrap{ width: 100%}
}
/* [E] template 23 */

/* [S] template 24 */
.template_type24 .template_txt,
.template_type24 .template_txt p{ color: #6F3015;}
/* [E] template 24 */

/* [S] template 26 */
.template_type26 .inn_box{ display: flex;}
.template_type26 .inn_box .template_img_wrap{ width: 100%}
.template_type26 .inn_box .template_img_inn{ display: flex; flex-flow: column nowrap}
.template_type26 .inn_box .template_img_inn .wrap + .wrap{ margin-top: 20px}
.template_type26 .inn_box .template_txt_wrap{ width: 45%; flex-shrink: 0; margin-left: 20px; padding-left: 20px; border: dotted 1px #444; display: flex; align-items: center}
@media screen and (max-width: 600px){
    .template_type26 .inn_box{ flex-wrap: wrap}
    .template_type26 .inn_box .template_txt_wrap{ width: 100%; margin-left: 0; padding: 15px}
}
/* [E] template 26 */

/* [S] template 27 */
.template_type27 .template_tit_wrap{ font-size: 1.875rem; font-weight: bold; margin-bottom: 10px}
.template_type27 .template_txt_wrap{ padding: 0 10px}
.template_type27 .template_txt{ border-left: solid 2px #000; padding: 10px 10px 10px 15px}
.template_type27 .template_txt .wrap{ position: relative}
.template_type27 .template_txt p,
.template_type27 .template_txt p a{ font-size: 1.250rem; text-decoration: underline; text-underline-position: under; text-decoration-thickness: 1px; color: #131313 !important; font-weight: 400!important;}
.template_type27 .template_txt .wrap + .wrap{margin-top: 15px}
.template_type27 .template_txt .wrap:before{ content: ""; display: inline-flex; width: 15px; height: 15px; border-radius: 50%; background: #000; position: absolute; left: -23px; top: 1em; margin-top: -8px}
/* [E] template 27 */

/* [S] template 28 */
.template_type28 .template_tit_wrap{ font-size: 1.875rem; font-weight: bold; margin-bottom: 10px}
.template_type28 .template_tit_wrap,
.template_type28 .template_tit{ line-height: +1.3}
.template_type28 .template_txt_wrap{ padding: 0 10px}
.template_type28 .template_txt{ border-left: solid 2px #000; padding: 10px 10px 10px 15px}
.template_type28 .template_txt .wrap{ position: relative}
.template_type28 .template_txt p,
.template_type28 .template_txt p a{ font-size: 1.250rem; text-decoration: underline; text-underline-position: under; text-decoration-thickness: 1px; color: #131313 !important; font-weight: 400!important;}
.template_type28 .template_txt .template_small{ font-size: 0.938rem; text-decoration: none; color: #555 !important; font-weight: 300!important;}
.template_type28 .template_txt .wrap + .wrap{margin-top: 15px}
.template_type28 .template_txt .wrap:before{ content: ""; display: inline-flex; width: 15px; height: 15px; border-radius: 50%; background: #000; position: absolute; left: -23px; top: 1em; margin-top: -8px}
/* [E] template 28 */

/* [S] template 29 */
.template_type29 .inn_box{ display: flex}
.template_type29 .template_tit_wrap{ font-size: 2.250rem; font-weight: bold; width: 40%; flex-shrink: 0; padding: 15px 30px; display: flex; justify-content: center}
.template_type29 .template_tit_wrap,
.template_type29 .template_tit{ line-height: +1.5}
.template_type29 .template_line:after{ content: ""; width: 1px; height: 80px; background: #000; display: block; margin: 5px 15px}
.template_type29 .template_txt_wrap{ padding: 15px 30px; border-left: solid 1px #000; font-size: 1.125rem}
@media screen and (max-width: 600px){
    .template_type29 .inn_box{ flex-wrap: wrap}
    .template_type29 .template_tit_wrap{ width: 100%; padding: 15px 0; display: block; font-size: 2rem}
    .template_type29 .template_tit{ display: flex; align-items: flex-end; justify-content: space-between}
    .template_type29 .template_tit p{ flex-shrink: 0}
    .template_type29 .template_tit .template_line{ width: 100%}
    .template_type29 .template_tit .template_line:after{ width: calc(100% - 30px); height: 1px; margin: 20px 15px}
    .template_type29 .template_txt_wrap{ padding: 15px 0; border-left: none}
}
/* [E] template 29 */

/* [S] template 30 */
.template_type30 .inn_box{ max-width: 80%; margin: 0 auto}
.template_type30 .template_tit_wrap{ font-size: 2.250rem; font-weight: bold; display: flex; justify-content: center; text-align: center}
.template_type30 .template_tit_wrap,
.template_type30 .template_tit{ line-height: +1.5; text-align: center;}
.template_type30 .template_tit .ep{ font-size: 1.5rem; font-weight: 500; text-align: center;}
.template_type30 .template_line:after{ content: ""; width: 1px; height: 60px; background: #000; display: block; margin: 15px auto}
.template_type30 .template_txt_wrap{ font-size: 1.125rem}
@media screen and (max-width: 600px){
    .template_type30 .inn_box{ flex-wrap: wrap; max-width: 100%}
    .template_type30 .template_tit_wrap{ width: 100%; display: block; font-size: 2rem}
    .template_type30 .template_txt_wrap{ border-left: none}
}
/* [E] template 30 */

/* [S] template 31 */
.template_type31 .inn_box{ display: flex}
.template_type31 .template_tit_wrap{ font-size: 2.250rem; font-weight: bold; width: 40%; flex-shrink: 0; padding: 15px 30px; display: flex; justify-content: center}
.template_type31 .template_tit_wrap,
.template_type31 .template_tit{ line-height: +1.5}
.template_type31 .template_txt_wrap{ padding: 15px; font-size: 1.125rem}
.template_type31 .template_line:after{ content: ""; width: 60px; height: 5px; background: #000; display: block; margin: 0 0 10px}
@media screen and (max-width: 600px){
    .template_type31 .inn_box{ flex-wrap: wrap}
    .template_type31 .template_tit_wrap{ width: 100%; padding: 15px 0; display: block; font-size: 2rem}
    .template_type31 .template_txt_wrap{ padding: 15px 0; border-left: none}
}
/* [E] template 31 */

/* [S] template 32 */
.template_type32 > .bd_line{margin: 0 auto 20px; border-top: 1px solid #000; height: 1px; width: 100%}
.template_type32 > .template_inn{ display: flex}
.template_type32 > .template_inn > .template_tit{ width: 60px}
.template_type32 > .template_inn > .template_tit,
.template_type32 > .template_inn > .template_tit > p{ font-size: 1rem; font-weight: bold; color: #131313; flex-shrink: 0; margin-right: 30px}
.template_type32 > .template_inn > .template_txt,
.template_type32 > .template_inn > .template_txt > p{ font-size: 0.875rem; color: #131313}
.template_type32 > .template_inn2 > .template_txt .wrap > p{ line-height: 28px}
.template_type32 > .template_inn > .template_txt .wrap{ display: flex; margin-bottom: 5px}
.template_type32 > .template_inn > .template_txt .ctg{ color: #008000; flex-shrink: 0; width: 70px; height: 25px; display: inline-flex; align-items: center; justify-content: center; margin-right: 10px; border: solid 1px #008000; font-size: 0.813rem}
@media screen and (max-width: 600px){
    .template_type32 > .template_inn{ flex-wrap: wrap}
    .template_type32 > .template_inn > .template_tit{ width: 100%; margin-bottom: 10px}
    .template_type32 > .template_inn2 > .template_tit{ width: auto; }
}
/* [E] template 32 */

/* [S] template 33 */
.template_type33 > .template_inn{ width: 100%; padding: 30px; background: #eee}
.template_type33 > .template_inn > .template_tit,
.template_type33 > .template_inn > .template_tit > p{ font-size: 1rem; font-weight: bold; color: #131313; margin-bottom: 5px; display: flex; align-items: center}
.template_type33 > .template_inn > .template_tit:before{ content: ""; width: 35px; height: 1.8rem; display: inline-flex; background: url("../img/editor/ic_item.png") no-repeat center / auto 100%; margin-right: 3px; flex-shrink: 0}
.template_type33 > .template_inn > .template_txt{ padding-left: 15px}
.template_type33 > .template_inn > .template_txt,
.template_type33 > .template_inn > .template_txt > p{ font-size: 0.875rem; color: #131313}
/* [E] template 33 */

/* [S] template 34 */
.template_type34 > .bd_line{margin: 0 auto 20px; border-top: 1px solid #000; height: 1px; width: 100%}
.template_type34 > .template_tit{ margin-bottom: 5px; display: flex; align-items: center}
.template_type34 > .template_tit .ic{ width: 25px; height: 25px; display: inline-flex; background: url("../img/editor/ic_search_tem.png") no-repeat center / 90% auto; flex-shrink: 0; margin-right: 5px}
.template_type34 > .template_inn{ display: flex}
.template_type34 > .template_inn > .template_tit{ width: 60px}
.template_type34 > .template_inn > .template_tit,
.template_type34 > .template_inn > .template_tit > p{ font-size: 1rem; font-weight: bold; color: #131313; flex-shrink: 0; margin-right: 30px}
.template_type34 > .template_inn > .template_txt,
.template_type34 > .template_inn > .template_txt > p{ font-size: 0.875rem; color: #131313}
.template_type34 > .template_inn > .template_txt .wrap{ display: flex; margin-bottom: 5px}
.template_type34 > .template_inn > .template_txt .ctg{ color: #4472C4; flex-shrink: 0; width: 70px; height: 25px; display: inline-flex; align-items: center; justify-content: center; margin-right: 10px; border: solid 1px #4472C4; font-size: 0.813rem}
@media screen and (max-width: 600px){
    .template_type34 > .template_inn{ flex-wrap: wrap}
    .template_type34 > .template_inn > .template_tit{ width: 100%; margin-bottom: 10px}
}
/* [E] template 34 */

/*아이템*/
.itemDiv_wrap{ background: #fff;}
.itemDiv .img_wrap{ background-image: url("../img/common/no_img.png"); background-repeat: no-repeat; background-position: center; background-size: cover;}
.itemDiv_wrap{ width: 400px; max-width: 100%; border: 1px solid #dfdfdf; margin: 0 auto; display: block}
.itemDiv{ width: 100%; padding: 15px; display: flex}
.itemDiv .img_wrap{ width: 120px; height: 150px}
.itemDiv .img_wrap img{ width: 100% !important; height: 100% !important; object-fit: cover; object-position: center}
.itemDiv .txt_wrap{ width: calc(100% - 120px); height: auto; padding-left: 15px; display: flex; flex-wrap: wrap; align-content: center}
.itemDiv .txt_wrap .wrap{ display: flex; width: 100%; margin: 2px 0; color: #333}
.itemDiv .txt_wrap .wrap .tit{ flex-shrink: 0; margin-right: 5px; color: #131313; font-weight: 600}

/* 기획컬렉션 페럴렉스 */
#fullsection_wrap{ margin-top: 55px; width: 100%}
.fullsection{ width: 100%; height: calc(100vh - 55px); position: relative; z-index: 1}
.fullsection .tit{ font-size: 1.750rem; font-weight: 500;}
.fullsection .txt{ font-size: 1.125rem; line-height: +1.5;}
.fullsection .grab{ cursor: grab}
.fullsection ::-webkit-scrollbar{ width: 15px; }
.fullsection ::-webkit-scrollbar-thumb{ height: 30%; background: #929292; border-radius: 3px; cursor: grab}
.fullsection ::-webkit-scrollbar-track{ background: #dfdfdf}
.fullsection .grab:hover::-webkit-scrollbar-thumb{ background: #0263C4; }

.fullsection:before{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(255,255,255,0.6)}
.full_type05.fullsection:before{ display: none}
.fullsection .txt_wrap{ position: relative;}
.fullsection .txt_wrap.wrap_bg{ background: rgba(0,0,0,0.6); color: #fff}
.fullsection .img_txt_wrap{ margin-top: 5px; font-size: 0.875rem; text-align: center; width: 100%; height: 30px; line-height: +1.1}
.fullsection .slick-arrow{ z-index: 10; height: 50px; top: 50%; transform: translateY(-50%)}

.fullsection .btn_audio_wrap{ width: 100%; height: 60px; position: absolute; left: 0; top: -70px; padding: 10px 50px 10px 20px; background: rgba(0,0,0,0.6); border-radius: 5px; animation-name: updown; transition: all 0.3s; animation-duration: 0.8s; animation-iteration-count: infinite; margin-top: 0}
.fullsection .btn_audio_txt{ width: 100%; color: #fff;}
.fullsection .btn_audio{ width: 30px; height: 30px; display: inline-flex; background: url("/resource/templete/manpa/img/common/ic_audio.png") no-repeat center / 100%; position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}
.fullsection .btn_audio_wrap .info_box{ position: absolute; top:100%; right: 0; background: rgba(0,0,0,0.8); padding: 8px 15px; color: #fff; font-size: 0.875rem; margin-top: 5px; width: max-content; display: none;}
.fullsection .btn_audio_wrap a:hover + .info_box{ display: block;}
.fullsection .audio_layer{ width: calc(100% - 40px); position: absolute; left: 20px; bottom: 5px; display: flex; align-items: flex-end; justify-content: center; z-index: 5; display: none}
.fullsection .audio_layer audio{ width: 100%; height: 20px;}
.fullsection .audio_layer audio::-webkit-media-controls-panel{ background: rgba(0,0,0,0.6); border-radius: 0}

.fullsection .btn_audio_wrap.open{ height: 85px; top: -90px}
.fullsection .btn_audio_wrap.open .btn_audio{ margin-top: -15px}


/*관련 자료 보기*/
.topic_map_wrap{ position: relative; z-index: 10}
.layer_wrap .icon_wrap,
.fullsection .icon_wrap{ width: 1px; height: 100%; position: absolute; right: 0; top: 0; z-index: 98}
.layer_wrap .icon_wrap{ position: fixed; height: clac(100% - 55px); top: 55px;}
.layer_wrap .icon_wrap .trigger_wrap,
.fullsection .icon_wrap .trigger_wrap{ height: 100%; position: relative;}
.data_link_trigger{ width: 45px; height: 140px; writing-mode: vertical-lr; letter-spacing: -2px; padding: 5px 10px; text-align: center; background: #262A35; color: #fff !important; border-radius: 10px 0 0 10px; display: inline-flex; align-items: center; justify-content: center; position: absolute; right: 0; top: 30px; border: 1px solid #dfdfdf; border-right: none; z-index: 2}
.layer_wrap .icon_wrap .trigger_close,
.fullsection .icon_wrap .trigger_close{ position: absolute; right: 8px; top: 8px; opacity: 1; border-radius: 5px 0 0 5px; background-color: #262A35!important;}
.data_link_layer{ width: 320px; height: 100%; max-width: 100vw; padding: 10px 0 10px 10px; position: absolute; right: -350px; top: 0; background: #262A35; z-index: 2; display: flex !important; flex-flow: column nowrap}
.data_link_layer_inn{ width: 100%; height: calc(100% - 190px); overflow-y: auto; padding-right: 10px;}
.data_link_tit{ color: #fff; font-size: 1.250rem; font-weight: 500; margin-bottom: 5px}
.data_link_list{ width: 100%; flex-shrink: 0}
.data_link_item { width: 100%; display: flex; align-items: center; margin: 5px 0; flex-wrap: wrap}
.data_link_item .img_con{ width: 100%; height: 150px; background: rgba(255,255,255,0.2); border: 1px solid #dfdfdf; margin-bottom: 5px;}
.data_link_item .img_con img{ width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: contain; object-position:  center;}
.data_link_item .img_txt_con{ width: 100%; font-size: 0.875rem; color: #dfdfdf;}
.data_link_item .btn_con{ width: 100%; display: flex; align-items: center;}
.data_link_item .btn_con .btn.no_link{ cursor: default !important; background: #aaa !important; color: #444 !important}
.data_link_layer .tab_wrap{ width: 100%; display: flex; flex-flow: column nowrap}
.data_link_layer .tab_menu{ width: 100%; display: flex; flex-shrink: 0}
.data_link_layer .tab_link{ flex: 1; color: #fff; font-size: 1.250rem; font-weight: 500; height: 45px; background: transparent; display: flex; align-items: center; border: none}
.data_link_layer .tab_link + .tab_link{ margin-left: -1px}
.data_link_layer .tab_link a{ width: 100%; height: 100%; padding: 10px; display: flex; align-items: center; justify-content: center; text-align: center;}
/* .data_link_layer .tab_link.current{ border-bottom: none; border-color: #82E5FF; color: #82E5FF; font-weight: 500; position: relative; z-index: 1} */
.data_link_layer .tab_con_wrap{ width: 100%}
.data_link_layer .tab_con{ width: 100%; height: 100%}
.data_link_layer .url_list{ width: 100%; height: 100%; padding: 15px 15px 15px 5px} 
.data_link_layer .url_list,
.data_link_layer .url_item{ width: 100%;} 
.data_link_layer .url_item{ display: flex; align-items: center; color: #fff; margin: 10px 0} 
.data_link_layer .url_txt{ width: 100%; height: auto; max-height: 2.6em; font-weight: 300} 
.data_link_layer .url_btn{ flex-shrink: 0; margin-left: 5px; border-bottom: 1px solid transparent;} 
.data_link_layer .url_btn:hover{ border-bottom: 1px solid #fff;} 

.data_link_slide{ position: relative;}
.data_link_slide .slick-arrow{ display: none !important;}
.data_link_slide .slick-dots{ position: absolute; left: 0; bottom: 15px; width: 100%; display: flex; align-items: center; justify-content: center;}
.data_link_slide .slick-dots li{ color: transparent; width: 8px; height: 8px; border-radius: 50%; margin: 0 5px; background: #fff}
.data_link_slide .slick-dots li.slick-active{ background: #82E5FF}

.layer_wrap .trigger_wrap.open .trigger_toggle,
.fullsection .trigger_wrap.open .trigger_toggle{ right: 0}

/* .fullsection .icon_wrap{ width: auto; position: absolute; right: 0; top: 0; padding: 15px; display: inline-flex; align-items: center; justify-content: flex-end; z-index: 5} */
/* .fullsection .icon_wrap .btn_audio_wrap, */
/* .fullsection .icon_wrap .btn_list_wrap{ width: 40px; height: 40px} */
/* .fullsection .icon_wrap .btn_audio_wrap{ position: relative; margin-right: 10px;} */
/* .fullsection .icon_wrap .btn_audio_wrap .info_box{ position: absolute; top: 100%; right: 0; background: rgba(0,0,0,0.8); padding: 10px 15px; color: #fff; font-size: 0.875rem; margin-top: 5px; width: max-content; display: none;} */
/* .fullsection .icon_wrap .btn_audio_wrap a:hover + .info_box, */
/* .fullsection .icon_wrap .btn_audio_wrap a:focus + .info_box{ display: block;} */
/* .fullsection .icon_wrap .btn_audio{ width: 100%; height: 100%; display: inline-flex; background: url("/resource/templete/manpa/img/common/ic_audio.png"); } */
/* .fullsection .audio_layer{ width: 100%; position: absolute; left: 0; bottom: 0; display: flex; align-items: flex-end; justify-content: center; padding: 0 15px 5px; z-index: 5; display: none} */
/* .fullsection .audio_layer audio{ width: 100%; height: 20px;} */
/* .fullsection .audio_layer audio::-webkit-media-controls-panel{ background: rgba(0,0,0,0.5)} */
/* .fullsection .icon_wrap .btn_list{ width: 100%; height: 100%;width: 40px; height: 40px; display: inline-flex; background: url("/resource/templete/manpa/img/common/ic_list.png");} */

/* .more_data_wrap{ display: none} */
/* .more_data_trigger{ width: 40px; height: 40px; border-radius: 50%; background: var(--color-tab_bg_color_select); position: fixed; right: 15px; top: calc(50% + 27px); transform: translateY(-50%); z-index: 102; transition: all 0.5s; animation-name: updown; animation-duration:1s; animation-iteration-count: infinite; margin-top: 5px;} */
/* .more_data_wrap .ic_more_data{ position: relative; width: 40px; height: 40px; overflow: hidden;} */
/* .more_data_wrap .ic_more_data li{ width: 20px; height: 3px; border-radius: 3px; background: var(--color-tab_txt_color_select); position: absolute; left: 50%; transform: translateX(-50%); transition: all 0.5s} */
/* .more_data_wrap .ic_more_data li:nth-child(1){ top: 12px} */
/* .more_data_wrap .ic_more_data li:nth-child(2){ top: 50%; transform: translate(-50%, -50%);} */
/* .more_data_wrap .ic_more_data li:nth-child(3){ bottom: 12px} */
/* .more_data_wrap .more_data_layer{ width: 400px; height: calc(100vh - 55px); max-width: calc(100% - 20px); background: rgba(0,0,0,0.8); z-index: 101; position: fixed; right: 0; top: 55px; flex-flow: column nowrap;} */
/* .more_data_wrap .more_data_layer .wrap{ flex: 1; height: 50%; flex-shrink: 0; padding: 25px 20px; display: flex; flex-flow: column nowrap;} */
/* .more_data_wrap .more_data_layer .wrap + .wrap{ border-top: 1px solid rgba(255,255,255,0.5);} */
/* .more_data_wrap .more_data_layer .more_data_tit{ color: #fff; font-size: 1.375rem; padding-bottom: 10px; margin-bottom: 10px; position: relative; flex-shrink: 0} */
/* .more_data_wrap .more_data_layer .more_data_tit:before{ content: ""; width: 80px; height: 3px; background: #fff; display: block; position: absolute; left: 0; bottom: 0} */
/* .more_data_wrap .more_data_layer .more_data_list{ width: 100%; height: 100%; overflow-y: auto; padding-right: 10px} */
/* .more_data_wrap .more_data_layer .more_data_item{ width: 100%; margin: 5px 0; display: flex; align-items: center;} */
/* .more_data_wrap .more_data_layer .date_name{ width: 100%; color: #fff;} */
/* .more_data_wrap .more_data_layer .date_link{ flex-shrink: 0; margin-left: 5px;} */

/* .open .more_data_trigger { right: 380px; animation-play-state: paused} */
/* .open.more_data_wrap .ic_more_data li:nth-child(1){ top: 50%; transform: translate(-50%, -50%) rotate(-45deg);} */
/* .open.more_data_wrap .ic_more_data li:nth-child(2){ margin-left: 45px} */
/* .open.more_data_wrap .ic_more_data li:nth-child(3){ top: 50%; transform: translate(-50%, -50%) rotate(45deg);} */
/* .open.more_data_wrap .more_data_layer{ display: flex;} */

@media screen and (max-width: 420px){
/* 	.open .more_data_trigger { right: auto; left: 0} */
	.data_link_trigger{ width: 35px; height: 120px; padding: 5px}
	.data_link_layer{ width: 270px; right: -300px;}
	.data_link_item .img_con{ height: 130px}
	.data_link_slide .slick-dots{ bottom: 12px}
	
}

/* 키프레임 이름 = updown */
@-webkit-keyframes updown { 0% { margin-top: 0; } 50% { margin-top: 3px; } 100% { margin-top: 0; } }

/* 기획컬렉션 페럴렉스 - 표지 */
.full_main{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; position: relative; background-size: cover !important; background-position: center;}
.full_main:after{ content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: absolute; left: 0; top: 0; z-index: 1}
.full_main_inn{ max-width: 1024px; text-align: center; position: relative; z-index: 2}
.full_main_tit{ color: #fff; font-size: 2.750rem; margin-bottom: 25px; padding: 0 15px;}
.full_main_txt{ color: #fff; font-size: 1rem; margin-bottom: 50px; max-height: 100px; overflow-y: auto; padding: 10px 15px; line-height: 1.5;}
.full_main_sources{ position: absolute; right: 20px; bottom: 15px; font-size: 0.875rem; color: #dfdfdf; z-index: 3; max-width: 45%;}
.full_main_icon{ position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%) rotate(90deg); width: 30px; height: 30px; background: url("../img/common/icon_ac_right.png") no-repeat center / 50% auto; border: 1px solid #fff; border-radius: 50%; filter: brightness(300); z-index: 3}

/* 기획컬렉션 페럴렉스 - type01 */
.full_type01{ background-repeat: no-repeat; background-position: center; background-size:cover}
.full_type01:before{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(255,255,255,0.6)}
.full_type01:after{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: linear-gradient(180deg, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.9) 100%); z-index: 2}
.full_type01 .img_wrap{ width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: contain; position: relative; z-index: 1}
.full_type01 .img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)}
.full_type01 .img img{ width: 100vw; height: calc(100vh - 55px); max-width: 100vw; max-height: calc(100vh - 55px); object-fit: contain;}
.full_type01 .txt_wrap{ width: 30vw; height: 30vh; position: absolute; z-index: 3; padding: 20px 20px 40px; color: #fff; display: flex; flex-flow: column nowrap}
.full_type01 .txt_wrap.left_top{ left: 5vw; top: 10vh}
.full_type01 .txt_wrap.right_top{ right: 5vw; top: 10vh}
.full_type01 .txt_wrap.center_center{ left: 50%; top: 50%; transform: translate(-50%, -50%)}
.full_type01 .txt_wrap.left_btm{ left: 5vw; bottom: 10vh}
.full_type01 .txt_wrap.right_btm{ right: 5vw; bottom: 10vh}
.full_type01 .txt_wrap .tit{ margin-bottom: 10px; flex-shrink: 0}
.full_type01 .txt_wrap .txt{ height: 100%; overflow-y: auto; padding: 4px 15px 4px 5px}

/* 기획컬렉션 페럴렉스 - type02 */
.full_type02{ background-repeat: no-repeat; background-position: center; background-size: cover; display: flex}
.full_type02 .txt_sec.has_audio{ padding-top: 140px}
.full_type02 .left,
.full_type02 .right{ width: 50%; height: 100%; flex-shrink: 0; display: flex; align-items: center; align-content: center; justify-content: center}
.full_type02 .left{ padding: 2.5vw 1.25vw 2.5vw 2.5vw}
.full_type02 .right{ padding: 2.5vw 2.5vw 2.5vw 1.25vw}
.full_type02 .img_wrap{ width: 100%; height: 100%; position: relative; z-index: 2; background-repeat: no-repeat; background-position: center; background-size: contain}
.full_type02 .txt_wrap{ width: 100%; height: 100%; position: relative; z-index: 2; padding: 2.5vw 1vw 2.5vw 2.5vw; color: #000; display: flex; flex-flow: column nowrap}
.full_type02 .txt_wrap .tit{ margin-bottom: 10px; flex-shrink: 0}
.full_type02 .txt_wrap .txt{ height: 100%; overflow-y: auto; padding: 4px 15px 4px 5px}

/* 기획컬렉션 페럴렉스 - type03 */
.full_type03{ background-repeat: no-repeat; background-position: center; background-size: cover}
.full_type03 .img_wrap{ width: 100%; height: calc(70% - 70px); position: relative; z-index: 2; background-repeat: no-repeat; background-position: center; background-size: contain}
.full_type03 .txt_wrap{ width: 95%; max-width :1200px; height: 30%; position: relative; z-index: 2; padding: 20px 1vw 2.5vw 1vw; color: #000; display: flex; flex-flow: column nowrap; margin: 70px auto 0;}
.full_type03 .txt_wrap .tit{ margin-bottom: 10px}
.full_type03 .txt_wrap .txt{ height: 100%; overflow-y: auto; padding: 4px 15px 4px 5px}

/* 기획컬렉션 페럴렉스 - type04 */
.full_type04{ background-repeat: no-repeat; background-position: center; background-size: cover}
.full_type04 .img_wrap{ width: 100%; height: 70%; position: relative; z-index: 2; padding: 2.5vw; display: flex; justify-content: space-between}
.full_type04 .img_wrap .img{ width: 30%; height: 100%; max-height: 100%; display: flex; flex-wrap: wrap; align-items: flex-end; align-content: flex-end}
.full_type04 .img_wrap .img img{ width: 100%; max-height: calc(100% - 30px); max-width: 100%; object-fit: contain; object-position: center}
.full_type04 .txt_wrap{ width: 100%; max-width :1200px; margin: 0 auto; height: 30%; position: relative; z-index: 2; padding: 2.5vw 1vw 2.5vw 2.5vw; color: #000; display: flex; flex-flow: column nowrap}
.full_type04 .txt_wrap .tit{ margin-bottom: 10px}
.full_type04 .txt_wrap .txt{ height: 100%; overflow-y: auto; padding: 4px 15px 4px 5px}

/* 기획컬렉션 페럴렉스 - type05 */
.full_type05 iframe,
.full_type05 video{ width: 100%; height: 100%; position: relative; z-index: 2}
.full_type05 .event_wrap{ width: 100%; height: 87%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 10; cursor: pointer;}

@media screen and (max-width: 1024px){
    .fullsection .tit{ font-size: 1.5rem}
    .fullsection .txt{ font-size: 1rem}
	.full_main_sources{ max-width: 100%; width: 100%; bottom: 45px; right: 0; padding: 0 15px}

    /* 기획컬렉션 페럴렉스 - type01 */
    .full_type01 .txt_wrap.left_top,
    .full_type01 .txt_wrap.right_top,
    .full_type01 .txt_wrap.center_center,
    .full_type01 .txt_wrap.left_btm,
    .full_type01 .txt_wrap.right_btm{ width: 95vw; height: 35vh; left: 50%; right: auto; top: auto; bottom: 2.5vw; transform: translate(-50%, 0); background: red}

    /* 기획컬렉션 페럴렉스 - type02 */
    .full_type02{ flex-wrap: wrap}
    .full_type02 .left,
    .full_type02 .right{ width: 100%; height: 50%; padding: 2.5vw}
    .full_type02 .img_sec{ position: absolute; left: 0; top: 0}
    .full_type02 .txt_sec{ position: absolute; left: 0; bottom: 0}

    /* 기획컬렉션 페럴렉스 - type04 */
    .full_type04 .img_wrap .slick-list,
    .full_type04 .img_wrap .slick-track,
    .full_type04 .img_wrap .img{ height: 100%}
}

@media screen and (max-width: 800px){
	.full_main_icon{ width: 25px; height: 25px; bottom: 10px}
	.full_type02 .txt_sec.has_audio{ padding-top: 80px;}
	.full_type03 .img_wrap,
	.full_type04 .img_wrap{ height: 60%}
	.full_type03 .txt_wrap,
	.full_type04 .txt_wrap{ height: 40%;}
}

/* 포스트형 내부 외부 링크 처리*/
/*내부*/.link_type01, .link_type01 span, .link_type01 a{ color: orange !important; text-decoration: underline; text-underline-position: under}
/*외부*/.link_type02, .link_type02 span, .link_type02 a{ color: #131313 !important; text-decoration: underline; text-underline-position: under}

/*webtoon - 이전화 다음화*/
/* .image-map-container .transbg{ width: 100% } */
/* .pn_wrap{ display: flex; justify-content: space-between; max-width: 1200px; margin: 50px auto 0;} */
/* .pn_wrap .pn_btn{ width: calc(50% - 5px);} */
/* .pn_wrap .pn_btn a{ width: 100%; display: flex; border: solid 1px var(--color-txt_color); border-radius: 10px; padding: 15px; position: relative;} */
/* .pn_wrap .pn_btn a:after{ content:""; background-repeat: no-repeat; position: absolute; width: 13px; height: 25px; top: 50%; transform: translateY(-50%)} */
/* .pn_wrap .img_wrap{ width: 100px; height: 100px; flex-shrink: 0; border-radius: 5px; overflow: hidden;} */
/* .pn_wrap .img_wrap img{ object-fit: cover; object-position: center} */
/* .pn_wrap .txt_wrap{ padding: 10px 15px} */
/* .pn_wrap .txt_wrap .pn_txt{ font-weight: 600; font-size: 1.125rem; color: var(--color-tit_color); margin-bottom: 10px;} */
/* .pn_wrap .txt_wrap .tit{ font-weight: 500; font-size: 1rem; color: var(--color-txt_color)} */
/* .pn_wrap .txt_wrap .txt{ font-weight: 300; font-size: 1rem; color: var(--color-txt_color)} */
/* .pn_wrap .prev_btn a{ justify-content: flex-end; text-align: right; padding-left: 45px} */
/* .pn_wrap .prev_btn a:after{ background-image: url("../img/common/icon_arr_l.png"); left: 20px} */
/* .pn_wrap .next_btn a{ justify-content: flex-start; text-align: left; padding-right: 45px} */
/* .pn_wrap .next_btn a:after{ background-image: url("../img/common/icon_arr_r.png"); right: 20px} */
/* .darkmode .pn_wrap .pn_btn a:after{ filter: brightness(30);} */

/*webtoon - 에피소드 슬라이드*/
.pn_list_wrap{ max-width: 1200px; width: 100%; position: relative; padding: 0 30px; margin: 50px auto 0;}
.pn_list{ width: 100%; overflow: hidden}
.pn_list .swiper-slide a{ position: relative; width: 100%; height: 100%}
.pn_list .swiper-slide img{ width: 100%;}
.pn_list .swiper-slide .img_wrap{ border: 1px solid #dfdfdf;}
.pn_list .swiper-slide.current .img_wrap{ border: 10px solid #1D7BBE;}
.pn_list .swiper-button-prev,
.pn_list .swiper-button-next{ width: 30px; height: 50px; z-index: 10; display: flex; align-items: center; justify-content: center}
.pn_list .swiper-button-prev{ left: 0}
.pn_list .swiper-button-next{ right: 0}
.pn_list .swiper-button-prev img,
.pn_list .swiper-button-next img{ width: 15px;}

.pn_list .txt_wrap{ padding: 15px 10px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); display: flex; flex-flow: column; justify-content: flex-end;}
.pn_list .txt_wrap .tit{ font-size: 1rem; color: #fff; font-weight: 500; margin-bottom: 5px;}
.pn_list .txt_wrap .txt{ font-size: 0.875rem; color: #c9c9c9; border-left: 2px solid #82E5FF; padding-left: 5px;}
.pn_list .txt_wrap .category{ font-size: 1.125rem; margin-bottom: 0.750rem; color: var(--color-txt_color)}
.pn_list .txt_wrap .category_box_wrap{ margin-bottom: 10px; display: flex; align-items: center;}
.pn_list .txt_wrap .category_box_wrap .srz_type.category_box{ color: #82E5FF; border: 1px solid #82E5FF;}
.pn_list .txt_wrap .category_box{ border: 1px solid #fff; padding: 5px 8px; display: inline-flex; line-height: +1; color: #fff;}
.pn_list .txt_wrap .category_box.color{ border: 1px solid #82E5FF; color: #82E5FF;}
.pn_list .txt_wrap .category_box + .category_box{ margin-left: 5px;}



.darkmode .pn_list .swiper-button-prev img, 
.darkmode .pn_list .swiper-button-next img{ filter: brightness(10)}

/*webtoon - 에피소드 탭 --color-tit_color_select*/
.episode_tab { max-width: 1200px; width: 100%; position: relative; margin: 50px auto 0; border-bottom: 1px solid var(--color-tit_color);}
.episode_tab .swiper-slide{ flex-shrink: 0 !important; width: auto; display: inline-flex; border: 1px solid var(--color-tit_color);}
.episode_tab .swiper-slide a{ display: inline-flex; padding: 10px 10px; width: auto; font-size: 1rem; color: var(--color-tit_color);}
.episode_tab .swiper-slide.current{ background: var(--color-tit_color)}
.episode_tab .swiper-slide.current a{ color: var(--color-tit_color_select); font-weight: 500;}
.episode_tab + .pn_list_wrap{ margin: 20px auto 0}

.templete_section .episode_tab{ border-bottom: 1px solid #131313;}
.templete_section .episode_tab .swiper-slide{ border: 1px solid #131313;}
.templete_section .episode_tab .swiper-slide a{ color: #131313;}
.templete_section .episode_tab .swiper-slide.current{ background: #131313}
.templete_section .episode_tab .swiper-slide.current a{ color: #fff}
.templete_section .pn_list .swiper-slide .txt_wrap{ color: #131313;}
.darkmode .templete_section .pn_list .swiper-button-prev img, 
.darkmode .templete_section .pn_list .swiper-button-next img{ filter: brightness(0)}