/* font */
/*SCDream */
/* @font-face { */
/* font-family:'SCDream'; */
/* src:local('SCDream2'), */
/* local('SCDream2'); */
/* src:url('../font/scdream/SCDream2.woff2') format('woff2'), */
/* url('../font/scdream/SCDream2.woff') format('woff'), */
/* url('../font/scdream/SCDream2.eot'); */
/* font-weight:300; */
/* } */
/* @font-face { */
/* font-family:'SCDream'; */
/* src:local('SCDream4'), */
/* local('SCDream4'); */
/* src:url('../font/scdream/SCDream4.woff2') format('woff2'), */
/* url('../font/scdream/SCDream4.woff') format('woff'), */
/* url('../font/scdream/SCDream4.eot'); */
/* font-weight:400; */
/* } */
/* @font-face { */
/* font-family:'SCDream'; */
/* src:local('SCDream5'), */
/* local('SCDream5'); */
/* src:url('../font/scdream/SCDream5.woff2') format('woff2'), */
/* url('../font/scdream/SCDream5.woff') format('woff'), */
/* url('../font/scdream/SCDream5.eot'); */
/* font-weight:500; */
/* } */
/* @font-face { */
/* font-family:'SCDream'; */
/* src:local('SCDream6'), */
/* local('SCDream6'); */
/* src:url('../font/scdream/SCDream6.woff2') format('woff2'), */
/* url('../font/scdream/SCDream6.woff') format('woff'), */
/* url('../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('../font/pretendard/pretendard_light.woff2') format('woff2'),
 url('../font/pretendard/pretendard_light.woff') format('woff'),
 url('../font/pretendard/pretendard_light.eot'); font-weight:300; } 
@font-face { font-family:'pretendard'; src:local('pretendard_regular'),
 local('Pretendard-Regular'); src:url('../font/pretendard/pretendard_regular.woff2') format('woff2'),
 url('../font/pretendard/pretendard_regular.woff') format('woff'),
 url('../font/pretendard/pretendard_regular.eot'); font-weight:400; } 
@font-face { font-family:'pretendard'; src:local('pretendard_medium'),
 local('Pretendard-Medium'); src:url('../font/pretendard/pretendard_medium.woff2') format('woff2'),
 url('../font/pretendard/pretendard_medium.woff') format('woff'),
 url('../font/pretendard/pretendard_medium.eot'); font-weight:500; } 
@font-face { font-family:'pretendard'; src:local('pretendard_bold'),
 local('Pretendard-Bold'); src:url('../font/pretendard/pretendard_bold.woff2') format('woff2'),
 url('../font/pretendard/pretendard_bold.woff') format('woff'),
 url('../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('../font/notosans/NotoSans-Regular.woff2') format('woff2'),
 url('../font/notosans/NotoSans-Regular.woff') format('woff'),
 url('../font/notosans/NotoSans-Regular.eot'); font-weight:400; } 
@font-face { font-family:'NotoSans'; src:local('NotoSans-Medium'),
 local('NotoSans-Medium'); src:url('../font/notosans/NotoSans-Medium.woff2') format('woff2'),
 url('../font/notosans/NotoSans-Medium.woff') format('woff'),
 url('../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('../font/gmarketsans/GmarketSansMedium.woff2') format('woff2'),
 url('../font/gmarketsans/GmarketSansMedium.woff') format('woff'),
 url('../font/gmarketsans/GmarketSansMedium.eot'); font-weight:400; } 
@font-face { font-family:'GmarketSans'; src:local('GmarketSansBold'),
 local('GmarketSansBold'); src:url('../font/gmarketsans/GmarketSansBold.woff2') format('woff2'),
 url('../font/gmarketsans/GmarketSansBold.woff') format('woff'),
 url('../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('../font/nanummyeongjo/NanumMyeongjo.woff2') format('woff2'),
 url('../font/nanummyeongjo/NanumMyeongjo.woff') format('woff'),
 url('../font/nanummyeongjo/NanumMyeongjo.eot'); font-weight:400; } 
@font-face { font-family:'NanumMyeongjo'; src:local('NanumMyeongjoBold'),
 local('NanumMyeongjoBold'); src:url('../font/nanummyeongjo/NanumMyeongjoBold.woff2') format('woff2'),
 url('../font/nanummyeongjo/NanumMyeongjoBold.woff') format('woff'),
 url('../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('../font/mbc1961/mbc1961-gulim.woff2') format('woff2'),
 url('../font/mbc1961/mbc1961-gulim.woff') format('woff'),
 url('../font/mbc1961/mbc1961-gulim.eot'); font-weight:400; } 
@font-face { font-family:'mbc1961-gulim'; src:local('mbc1961-gulim'),
 local('mbc1961-gulim'); src:url('../font/mbc1961/mbc1961-gulim.woff2') format('woff2'),
 url('../font/mbc1961/mbc1961-gulim.woff') format('woff'),
 url('../font/mbc1961/mbc1961-gulim.eot'); font-weight:600; } 
.type-mbc1961
.mbc1961 { font-family: 'mbc1961-gulim', sans-serif; } 

table { width : 100% !important; table-layout: fixed; } 
table p span,
table p b { display : inline !important } 
table td { width : auto !important } 
table * { word-break: break-all !important; } 

/* 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; word-break : break-word } 
.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; } 
.blog_template_mini { display: flex; gap: 20px; margin : 20px 0}
.blog_template_mini>div { flex-grow: 1; } 
.blog_template_mini .blog_img { width: 300px; height : 100%; flex-shrink: 0; text-align: center;} 
.blog_template_mini .blog_img img { display : block; width : 100%; max-width : 100%; height : auto; max-height : 100% } 
.blog_template_mini .blog_txt h2 { font-size : 20px; font-weight: bold;} 


.writer_wrap { margin-top : 60px; display : flex;gap : 20px;align-items: center;padding: 20px;background: rgba(255, 255, 255, 0.5);}
.writer_wrap .writer_img { width : 150px; height : 150px; overflow : hidden; border-radius : 100%; position : relative; background-color : #f1f1f1; border : 1px solid #eee; flex-shrink: 0; }
.writer_wrap .writer_img img { position : absolute; top : 50%; left : 50%; transform : translate(-50%, -50%); object-fit: contain; width : 100%; height : 100%; }
.writer_wrap .writer_txt { font-size : 16px }
.writer_wrap .writer_txt h2 { font-weight: bold; margin-bottom : 5px; font-size : 18px }
.writer_wrap .writer_txt p { font-size : 16px; margin-bottom : 15px }

.content_hash a { display : inline-block; font-size : 14px !important; border : 1px solid #000F41; border-radius : 15px; color : #000F41;  }







@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% } 

 .blog_template_mini .blog_img { width : 200px }
 }

@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%; } 
 }

 @media ( max-width : 700px ){
.blog_template_mini { flex-direction: column ;}
.blog_template_mini .blog_img { width: 100%; height : 100%; max-height : 250px; margin : 0 auto; } 
 }

/* 포스트형 내부 외부 링크 처리*/
/*내부*/.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) }