@charset "UTF-8";
br.pc { display: block;}
br.mob { display: none;}
br.mobxsB { display:none;}
br.mobxsN { display: block;}

/*패딩*/
.pt0 						{ padding-top:0;}
.pl0 						{ padding-left:0;}
.pr0 						{ padding-right:0;}
.pb0 						{ padding-bottom:0;}

/*마진*/
.mr10						{ margin-right:10px; }
.mr20						{ margin-right:20px; }
.mr30						{ margin-right:30px; }
.mr40						{ margin-right:40px; }
.mr50						{ margin-right:50px; }
.mr60						{ margin-right:60px; }

.ml10						{ margin-left:10px; }
.ml20						{ margin-left:20px; }
.ml30						{ margin-left:30px; }
.ml40						{ margin-left:40px; }
.ml50						{ margin-left:50px; }
.ml60						{ margin-left:60px; }

.mt10						{ margin-top:10px; }
.tb12						{ margin-top:12px; }
.mt15						{ margin-top:15px; }
.mt16						{ margin-top:16px; }
.mt20						{ margin-top:20px; }
.mt24						{ margin-top:24px; }
.mt30						{ margin-top:30px; }
.mt40                       { margin-top:40px; }
.mt48                       { margin-top:48px; }
.mt50                       { margin-top:50px; }
.mt60                       { margin-top:60px; }
.mt70                       { margin-top:70px; }
.mt80                       { margin-top:80px; }
.mt90                       { margin-top:90px; }
.mt100                      { margin-top:100px; }

.mb10						{ margin-bottom:10px; }
.mb12						{ margin-bottom:12px; }
.mb15						{ margin-bottom:15px; }
.mb16						{ margin-bottom:16px; }
.mb20						{ margin-bottom:20px; }
.mb24						{ margin-bottom:24px; }
.mb30						{ margin-bottom:30px; }
.mb40                       { margin-bottom:40px; }
.mb48                       { margin-bottom:48px; }
.mb50                       { margin-bottom:50px; }
.mb60                       { margin-bottom:60px; }
.mb70                       { margin-bottom:70px; }
.mb80                       { margin-bottom:80px; }
.mb90                       { margin-bottom:90px; }
.mb100                      { margin-bottom:100px; }

/*Image*/
/*img { border-radius: 2.5rem;}
.stroke { border: 1px solid #e0e0e0}*/
/*Image*/
 /*2 images and 1 caption*/
.imgBox { display:block; width:100%; }
.imgBox .inner { display: flex; justify-content: center; gap: 20px; width: 100%; }
.imgBox img { width:auto; max-width:100%; vertical-align: bottom;}
.imgBox p {  display: block; text-align:center; flex-direction: column; vertical-align: bottom;}
.imgBox span { font-size: 16px; line-height: 1.4; text-align:center; color:#333; display: block; margin: 8px auto 0;}

.bimg           { max-width: 350px; margin-left: 20px; display: flex; align-items: end; text-align: left;}
.bimg2          {padding: 0 0 4rem; width: 100%; display: flex; text-align: center;}

 /*Image multi*/
.imgBox_multi { display:block; width:100%; }
.imgBox_multi .inner { display: flex; justify-content: center; gap: 20px; width: 100%; }
.imgBox_multi img { width: auto; max-width: 100%; vertical-align: bottom;}
.imgBox_multi p { display: flex; text-align: center; flex-direction: column; vertical-align: bottom;}
.imgBox_multi span {font-size: 16px; line-height: 1.4; text-align:center; color:#333; display: block; margin: 8px auto 0;}
.flexWrap { display: flex; flex-wrap: wrap;}

.imgBox_multi2 { display: table; width: 100%; text-align: center;}
.imgBox_multi2 p { display: inline-block;}
.tr2                {text-align: right !important; padding-right: 10px;}
.tl2                {text-align: left !important; padding-left: 10px;}
.phoTxt3			{ width:100%; display:block; font-size:16px; color:#333; line-height:1.4; padding:1rem 0 0; text-align:center; }

/*.flexWrap p { flex: 1 1 40%;}*/

.tl								{ text-align:left;}
.tr								{ text-align:right;}
.tc								{ text-align:center;}
.tl img,
.tr img,
.tc img	 {  width:auto; max-width:100%;}

.rImg					        { float:right; }
.lImg					        { float:left; }
.rImg img,
.lImg img		                { width:auto; max-width:100%; }

.cenImg					    { text-align:center; }
.cenImg img				    { width:auto; max-width:100%; }

.rImg img:after,
.lImg img :after {content: ''; display: block; clear: both;}
.imgBox:after {content: ''; display: block; clear: both;}
.imgBox img:after {content: ''; display: block; clear: both;}
.imgBox_multi:after {content: ''; display: block; clear: both;}
.imgBox_multi img:after {content: ''; display: block; clear: both;}
.imgBox_multi span:after { content: ''; clear: both;}

/*이미지 마진 2.5rem 위치*/
.mt_p_2_5rem { }
.mt_m_2_5rem { }

/*이미지 확대*/
/*.imgBox_multi.item_box .item_img { width: 36%;}*/
.imgBox_multi.item_box .item_img a:nth-child(2n + 2) {margin-left: 20px;}
.imgBox_multi.item_box.Nice .item_img      {width: 70%;}
.Nice                               {width: 70%; margin-left: auto; margin-right: auto;}

/*이미지 팝업*/
.img_popup {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); visibility: hidden; opacity: 0; transition: all 0.3s; z-index: 10000;}
.img_popup.active {visibility: visible; opacity: 1;}
.img_popup .popup_inner {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: max-content; height: 90%; max-height: max-content; overflow: auto;}
.img_popup .popup_inner > img {display: block; width: 100%; margin: 0 auto; border-radius: 0;}
.img_popup .popup_inner .close_btn {display: none;/*display: flex; display: -webkit-flex; display: -ms-flexbox;*/ position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 70px; height: 70px; border-radius: 50%; background-color: #063867; justify-content: center; align-items: center; color: #fff;  flex-direction: column; justify-content: center; align-items: flex-end; margin: 10px 0; box-sizing: border-box; opacity: 0.7;}
.img_popup .popup_inner .close_btn span { width: 32px; height: 32px; display: flex ; justify-content: center; align-items: center; flex-wrap: wrap; align-content: center; margin: 0 auto; text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.3s;}
.img_popup .popup_inner .close_btn span i { position: absolute; display: block; box-sizing: border-box; width: 32px; height: 2px; z-index: 132; transition: all 0.3s; background: #fff; text-align: center; margin: 0 auto; align-content: center;}
.img_popup .popup_inner .close_btn span i:nth-of-type(1) { transform: translateY(0) rotate(-45deg); }
.img_popup .popup_inner .close_btn span i:nth-of-type(2) { transform: translateY(0) rotate(45deg);}
.img_popup .popup_inner .close_btn:hover span  { left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(180deg);}

.blind {overflow: hidden; position: absolute; overflow: hidden; display: inline-block; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);}

.w100                    { width: 100% !important;}


/*Header*/
.blindTxt{ overflow: hidden; position: absolute; overflow: hidden; display: inline-block; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);}

#sub_header { width: 100%; box-sizing: border-box; padding: 0 0 5.5rem; }
.sub_header .inner { width: 100%; margin: 0 auto; }
.sub_header .sub_title { width: 634px; display: flex; flex-flow: column; align-items: flex-start; justify-content: center; position:absolute; bottom:30px; left:290px;}
.sub_header h2 { font-size: 1rem; margin-bottom: 2.25rem; font-weight: bold; color: #fff;}
.sub_header h3 { letter-spacing: -0.08em; font-size: 2.25rem; line-height: 1.4; margin-bottom: 2.25rem; font-weight: bold; color: #fff; word-break: auto-phrase; word-wrap: break-word; display: -webkit-box; white-space: normal; -webkit-box-orient: vertical;}
.sub_header p { font-size: 40px; line-height: 1.4; font-weight: 300;color: #fff;}
.sub_visuImg { width: 100%; max-width: 1920px; height: auto; vertical-align: top; position:relative; margin: 0 auto;}
.sub_visuImg img { border-radius: 0;}
.article_Intro { width: 100%; max-width: 1440px; margin: 0 auto;}
.intro { max-width: 1198px; width: 100%; margin: 80px auto 0; padding: 0 60px; color: #636363; font-weight: 400; font-size: 1.375rem; line-height: 1.4; word-wrap: break-word; word-break: keep-all;}
.intro:after { content: ""; width: 19px; height: 20px; background: url(../img/sub/bullet_point.svg) 50% 50% no-repeat; background-size: contain; display: block; text-align: center; margin: 64px auto 0;}

.contents { box-sizing: border-box; width: 100%; margin: auto;}
.sec { display: block; box-sizing: border-box; width: 100%; max-width: 1000px;  margin: auto;}
.sec h4.sub_title { padding-bottom:10px; font-size:34px; line-height:1.3; border-bottom: 2px solid #063867;}
/*.sec h4.sub_title span { color: #272727; font-size: 2.75rem; font-weight: bold; line-height: 1.4; text-decoration: underline 1px #272727; text-underline-position: under;} */
.sub_txt { color: #434343; font-size: 24px; line-height: 1.5; letter-spacing: -0.025rem; text-align: left; word-wrap: break-word; word-break: keep-all;}
.cont_column { display: block;}
.sub_txt:after { content: ""; display: block; clear: both;}
.cont_column>.sub_txt:after { content: ""; display: inline-block; clear: both;}

.secSummary 			{ padding-top: 100px;}
.secSummary .secInner 	{ display:flex; justify-content:center; align-items:center; text-align:center; }
.secSummary p 			{ display:inline-block; font-size:20px; color:#383838; text-align:left; font-weight:500; }
.secSummary .dots 		{ margin-right:40px; }
.secSummary .dots span 	{ display:block; margin:5px; width:13px; height:13px; border-radius:50%; background:#6a9bd6; }
.secSummary .dots span.on 			{ background:#b1ccec; }

.box_areaW4	{ border:1px solid #a5a5a5; max-width:320px; background-color:#fff;}
.box_areaW4	div 			{ text-align:center; padding: 15px 8px 0px 8px;}
.box_areaW4	div img 		{ width:auto; max-width:100%; margin:0 auto;}
.box_areaW4 .boxc		{ font-size:15px; color:#666; line-height:20px; text-align: center; font-weight:400; padding:15px 8px;}
.box_areaW4 .boxc2		{ font-size:15px; color:#666; line-height:20px; text-align: center; font-weight:400; padding:15px 8px; background-color: #f2f2f2;}
.mob2					{ display:none;}
.pc2					{ display:block;}

.txt_box                { max-width: 1380px; padding: 0 80px; width: 100%; position: absolute; left: 10%; bottom: 10%; color: #fff; z-index: 2; }/*max-width: 1440px;*/
.txt_box>div            { display: inline-block; margin-bottom: 1rem; font-size: 1.25rem; word-break: keep-all; word-wrap: break-word; font-weight: 500; color: #fff; background-color: #1db9f6; border-radius: 10px; text-align: center; padding: 6px 24px;}
.txt_box> strong        { display: block; font-size: 50px; word-break: keep-all; word-wrap: break-word; font-weight: 700; color: #fff; line-height: 1.4;}

.txt_box2               { max-width: 1280px; padding: 0 80px; width: 100%; position: absolute; left: 10%; bottom: 10%; color: #fff; z-index: 2; }/*max-width: 1440px;*/
.txt_box2>div           { display: inline-block; margin-bottom: 1rem; font-size: 1.25rem; word-break: keep-all; word-wrap: break-word; font-weight: 500; color: #fff; background-color: #ff4d07; border-radius: 10px; text-align: center; padding: 6px 24px;}
.txt_box2> strong       { display: block; font-size: 50px; word-break: keep-all; word-wrap: break-word; font-weight: 700; color: #fff; line-height: 1.4;}

.txt_box3               { max-width: 1280px; padding: 0 80px; width: 100%; position: absolute; left: 10%; bottom: 5%; color: #fff; z-index: 2; }/*max-width: 1440px;*/
.txt_box3>div           { display: inline-block; margin-bottom: 1rem; font-size: 1.25rem; word-break: keep-all; word-wrap: break-word; font-weight: 500; color: #fff; background-color: #aacf52; border-radius: 10px; text-align: center; padding: 6px 24px;}
.txt_box3> strong       { display: block; margin-bottom: 1rem; font-size: 50px; word-break: keep-all; word-wrap: break-word; font-weight: 700; color: #fff; line-height: 1.4;}

/*미니 인터뷰*/
.mini_interview { width: 100%; margin: auto; }
.labelWrap { width: 100%; max-width: 1000px;  margin: auto;}
.labelWrap .label { display: inline-block; padding: 10px 20px; border-radius: 0.25rem; background-color: #ffa800; color: #fff; font-size: 16px; position: relative; margin-bottom: 20px;}
.mini_interview .label:after {position: absolute;bottom: -16px;left: 17px;content: "";border-top: 10px solid #ffa800;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid transparent;z-index: 1;}
.SpeechBalloon { position: absolute; left: 0; top: 0; width: 100%;}
.SpeechBalloon span { display: block; height: 34px; overflow: hidden;}
.SpeechBalloon span:before { display: inline-block; float: left;content: ""; width: calc(50%); height: 100%; border-radius: 0 0 36px 0; background: #fff;}
.SpeechBalloon span:after { display: inline-block; float: left;content: ""; width: calc(100% - 50%); height: 100%; border-radius: 0 0 0 36px; background: #fff;}
.SpeechBalloon:after { content: ""; clear: both;}
.IntvwBg { background-color: #fff5e3; padding: 100px 0px; position: relative; width: 100%; margin: auto;}
.IntvwBg .inner { width: 100%; max-width: 1000px; margin: auto; }
.IntvwBg .inner .IntvwTit { display: flex; flex-wrap: wrap;}
.IntvwBg .inner .IntvwTit:before { content: ""; width: 100px; height: 96px; background: url(../img/sub/s1_2_icon.png) 0 0 no-repeat;padding-right: 20px;vertical-align: text-top;flex-basis: auto; flex-shrink: 0;flex-grow: 0;}
.IntvwBg .inner .IntvwTit h5 { font-size: 2.25rem; line-height: 1.3; flex: 0 0 90%; display: flex; flex-wrap: wrap; flex-direction: column;}
.IntvwBg .inner .IntvwTit span { font-size: 1.375rem; margin-top: 1.25rem; font-weight: 300; flex: 0 0 auto;}

/*서브 컨텐츠 푸터*/
.sub_footer { width: 100%; max-width: 1440px; margin:80px auto 0; }
/*페이지 네비게이션*/
.pageNav { width: 100%; margin: auto; padding: 0 0 80px 0; border-bottom: 1px solid #e1e1e1;}
.page_navi { max-width: 1234px; margin: auto; display:flex; justify-content: space-between; align-items: stretch;}
.page_container { display:flex; column-gap: 20px;}
.page_container .btn_navi { width: 44px; height: 44px; display: inline-flex; }
.page_container .btn_prev i { display: block; width: 44px; height: 44px; background: #fff url(../img/sub/prev_arrow_left.svg) 46% 50% no-repeat; border-radius: 100px; border: 1px solid #8e8e8e; box-shadow: 0px 12px 16px 4px rgba(000, 000, 000, .06); opacity: 0.4; transition: 0.3s, transform cubic-bezier(0.215, 0.610, 0.355, 1.000)}
.page_container .btn_next i { display: block; width: 44px; height: 44px; background: #fff  url(../img/sub/next_arrow_right.svg) 56% 50% no-repeat; border-radius: 100px; border: 1px solid #8e8e8e;box-shadow: 0px 12px 16px 4px rgba(000, 000, 000, .06); opacity: 0.4; transition: 0.3s, transform cubic-bezier(0.215, 0.610, 0.355, 1.000)}
.page_container .btn_prev i:hover,
.page_container .btn_next i:hover { opacity: 1; box-shadow: 0px 12px 24px 4px rgba(000, 000, 000, .08); transition: 0.3s, transform cubic-bezier(0.215, 0.610, 0.355, 1.000)}

/*SNS 버튼 공유*/
.sub_share ul { display:flex; column-gap: 20px; }
.sub_share ul li i { display: block; filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.6)); opacity: 0.4; transition: 0.3s, transform cubic-bezier(0.215, 0.610, 0.355, 1.000)}
.sub_share ul li i { display: block; filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.6)); opacity: 0.4; transition: 0.3s, transform cubic-bezier(0.215, 0.610, 0.355, 1.000)}
.sub_share ul li i:hover,
.sub_share ul li i:hover { opacity: 1; filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.4)); transition: 0.3s, transform cubic-bezier(0.215, 0.610, 0.355, 1.000)}

/*최근 기사, 지난 기사*/
.article_related { width: 100%; max-width: 1234px; margin:80px auto;}
.article_related .lateed_conTit { font-size: 1.375rem; font-weight: 700; display: block; margin-left: 8px;}
.article_related .related_list { margin-top: 20px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0 40px; width: 100%;}
.article_related .related_list .item { -ms-flex-item_align: stretch; align-self: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 100%;}
.article_related .related_list .item a picture { position: relative; height: 0; padding-bottom: 77%; width: 100%; display: block; overflow: hidden; border-radius: 2.5rem; }
.article_related .related_list .item a picture img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; margin-top: 0px; transition:all .5s; transform-origin: center; max-width: 100%; opacity: 0.5; }
.article_related .related_list .item a:hover picture img { opacity: 1; transform: scale(1.2);}

.article_related .related_list .item .desc { margin-top: 30px; margin-left: 8px;}
.article_related .related_list .item .desc p { color: #333; font-size: 1.25rem; line-height: 1.4; font-weight: bold; padding-bottom: 12px; margin-bottom: 36px; border-bottom: 1px solid #e1e1e1;}
.article_related .related_list .item .desc span { color: #333; font-size: 0.875rem; line-height: 1.4; font-weight: 300; }

.just               { position: absolute; top: 0; right: 0; width: 50px; height: 30px;}
.sub_title span     { color: #063867;}
.oneImg             { padding: 0 0 4rem; width: 100%; display: inline-block; text-align: center;}
.oneImg span        { display: block; font-size: 16px; line-height: 1.4; text-align: center; color: #333; margin: 8px auto 0;}

/* 반갑습니다 */
section 	            { padding-top:200px; background:#fff; }
section .secInner		{ width:1000px; margin:0 auto; max-width:100%; }

.secCont 				{ position:relative; }
.secCont:before 		{ content:""; position:absolute; left:50%; top:50px; transform:translateX(-50%); display:block; width:1px; height:80px; background:#878787; }
.secCont h2 			{ padding-bottom:10px; font-size:34px; line-height:1.3; border-bottom:1px solid #6a9bd6; }
.secCont h2 em 			{ color:#6a9bd6; }

.conTit_q { color: #333; max-width: 100rem; margin: 0 auto 40px; word-break: keep-all; display: flex; align-items: baseline;}
.conTit_q strong, .conTxt_a strong { padding: 0 14px 0 0;}
.conTit_q strong img, .conTxt_a strong img { width: auto; max-width: inherit;}
.conTit_q p.titQ { padding: 0; font-size: 26px; font-weight: 500; color: #333;line-height: 1.4;}
.conTxt_a { color: #333; max-width: 100rem; margin: 0 auto; word-break: keep-all; display: flex; align-items: baseline;}
.conTxt_a .conTxt { width: calc(100% - 90px);font-size: 20px; color: #333; text-align: left; font-weight: 400;line-height: 1.4;}
.conTxt_a .conTxt p.txtA { padding: 0; font-size: 24px; color: #333; text-align: left;  word-break: keep-all;font-weight: 400;}

.secCont h2.ieCen1 { position: relative; text-align: center; display: block; border: 0; margin: 0 0 80px 0; color: #333; font-weight: 400}

.secCont h2.ieCen1:before { content: ""; position: absolute; left: 50%; bottom: -20px; transform: translateX(-50%); display: block; width: 100%; height: 1px; background: #fe815a; z-index: 2;}
.secCont h2.ieCen1 strong { font-weight: 400; color: #333; content: ""; position: absolute; background: #fff; width: 63%; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2;}
.secCont h2.ieCen1 strong em 			{ font-weight: 500; color: #333; }

.secCont h2.ieCen2 { position: relative; text-align: center; display: block; border: 0; margin: 0 0 80px 0; color: #333; font-weight: 400}

.secCont h2.ieCen2:before { content: ""; position: absolute; left: 50%; bottom: -20px; transform: translateX(-50%); display: block; width: 100%; height: 1px; background: #6a9bd6; z-index: 2;}
.secCont h2.ieCen2 strong { font-weight: 400; color: #333; content: ""; position: absolute; background: #fff; width: 63%; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 4;}
.secCont h2.ieCen2 strong em 			{ font-weight: 500; color: #333;}

.ex2_1_1                { width: auto; max-width: 1000px; font-size: 22px;}
.ex2_1_1 ul p           { text-align: center; font-weight: 600; font-size: 30px; margin-bottom: 30px;}
.ex2_1_1 ul li          { }

.author                 { font-size: 18px; color: #666; text-align: right;}
.author2                { font-size: 24px; text-align: right;}
.reference              { font-size: 18px; color: #666;}

/* 참여행사 */
.evetxt                 { text-align: center; font-size: 36px;}

.box_areaW1				{ border:10px solid #aacf52; padding: 30px; margin: 40px auto; max-width:750px; background:#fff}
.box_areaW1	p			{font-size:20px; font-weight:400; }
.box_areaW1	p strong	{font-size:20px; font-weight:700; }
.box_areaW1	span	    {font-size:18px; font-weight:400;}
.box_areaW1 .boxt		{display:inline-block; font-size:22px; color:#333; line-height:28px; text-align: justify; font-weight:400; padding-bottom:30px}
.box_areaW1 .boxc		{ font-size:22px; color:#333; line-height:28px; text-align: center; font-weight:400; padding-bottom:10px}

.box_areaW2				{ border:10px solid #aacf52; padding: 30px; margin: 40px auto; max-width:750px; background:#fff}
.box_areaW2	p			{font-size:20px; font-weight:400; }
.box_areaW2	p strong	{font-size:20px; font-weight:700; }
.box_areaW2	span	    {font-size:18px; font-weight:400;}
.box_areaW2 .boxt		{display:inline-block; font-size:22px; color:#333; line-height:28px; text-align: justify; font-weight:400; padding-bottom:30px}
.box_areaW2 .boxc		{ font-size:22px; color:#333; line-height:28px; text-align: left; font-weight:400; padding-bottom:10px}

.boxlist                { padding-bottom: 10px;}
.boxlist li             { font-size: 20px; color: #333; font-weight: 700;}
.boxlist li:nth-child(2)    {margin-left: 50px; display: flex;}
.boxlist li:nth-child(3)    {margin-left: 50px; display: flex;}
.boxlist li:nth-child(4)    {margin-left: 50px; display: flex;}
.boxlist li p           {margin-right: 10px; font-weight: 700;}

/* 참여행사 끝 */

/*4월호 기획기사 이미지 왼쪽 텍스트 오른쪽*/
.Tbox::after    {display: block; clear: both; content: "";}
.left_img       {float: left; margin-right: 50px; margin-bottom: 50px;}
.right_txt      {font-size: 24px; color: #343434; line-height: 1.5; letter-spacing: -0.025rem;}
.strong_P       {font-weight: bold; font-size: 28px; margin-bottom: 30px;}

/* 2월호 기획기사용 3월부터 삭제함 */
.logo2                   {position: absolute; z-index: 2; left: 50%; margin-left: -65px; top: 10px;}
.logo2 img               {width: 130px;}

.ev_txt1                { text-align: center; font-weight: bold; font-size: 24px; margin-top: 60px;}
.ev_txt2                { text-align: center; margin-bottom: 50px;}

.sectionLine		{ height:0; margin:80px 0; width:100%; display:block; font-size:0; line-height:0; border:0; border-bottom:2px solid #cacaca; color:#e6e6e6; }
.sectionLine.dot	{ border-style:dashed; }

.slick-list			{ overflow:hidden; }
.slick-slide		{ float:left; }

.slider 				    { margin: 0 auto; text-align: center; }
.slider .slick-slide img 	{ margin:0 auto; max-width:calc(100% - 90px); }
.slider .slick-arrow 		{ position:absolute; top:50%; transform:translateY(-50%); width:45px; height:45px; margin-top:-20px; text-indent:-9999px; overflow:hidden; z-index:10; }
.slider .slick-prev 		{ left:0; background-image:url("../img/sub/slider_prev.png"); }
.slider .slick-next 		{ right:0; background:url("../img/sub/slider_next.png"); }
.slider .slick-dots 		{ display:flex; justify-content:center; margin-top:20px; }
.slider .slick-dots li 	    { margin:0 5px; }
.slider .slick-dots li button 				{ width:14px; height:14px; border-radius:50%; text-indent:-9999px; overflow:hidden; background:#6a9bd6; }
.slider .slick-dots .slick-active button 	{ background:#b1ccec; }

/* 25년 5월 참여행사 퀴즈 */
.qBox 	{ text-align:center; }
.qBox p 			{ font-size:26px; line-height:160%; }
.qBox p strong 	{ font-size:26px; font-weight:700; }
.qBox .info 		{ margin-top:40px; }
.qBox .info li 	{ font-size:30px; line-height:180%; font-weight:700; }
.qBox .info li small	{ font-size:20px; line-height:120%;color:#f02323;font-weight:400;}


.qBox .e_imgbox {margin-top:40px; text-align:center;}

.qBox .s_event { padding: 30px 0 0;}
.qBox .s_event .e_img1 { position: absolute; left: 50%; width: 100%; transform: translateX(-50%);top: 0; bottom:0; margin-top:auto; margin-bottom:auto;}
.qBox .s_event .e_img2 { position: absolute; left: 50%; width: 100%; transform: translateX(-50%);top: 0; bottom:0; margin-top:auto; margin-bottom:auto;}
.qBox .s_event .e_img1 img, .s_event .e_img2 img {width:auto; max-width: 100%;}
.qBox .s_event .quiz_box{background-color: #feffff;border: 2px solid #303030;position: relative;margin: 0 auto;width: 796px; text-align: center;}
.qBox .s_event .quiz_box button{overflow:visible;border:0 none;background:transparent;cursor:pointer;appearance:0; }
.qBox .s_event .quiz_box button:focus{ outline: none; }
.qBox .s_event .quiz_box .label2{position: absolute;top:-17px;left:15px;}
.qBox .s_event .quiz_box .label2 img	{ width:100%;}
.qBox .s_event .quiz_box .step{display: none}
.qBox .s_event .quiz_box .step_00{padding: 83px 20px 54px;}
.qBox .s_event .quiz_box .notice{margin-bottom: 28px;}
.qBox .s_event .quiz_box .question{padding: 71px 20px 69px;color: #1a1a1a;font-weight: 700;font-size: 18px;}
.qBox .s_event .quiz_box .question .tit{font-family: 'Nanum Barun Gothic', sans-serif; margin-bottom: 31px;color: #e72b2b;font-weight: 600;font-size: 28px;}
.qBox .s_event .quiz_box .question .tit em { color:#000;}
.qBox .s_event .quiz_box .question > p{margin-bottom: 0;min-height:60px; font-size: 30px; color:#414141 }
.qBox .s_event .quiz_box .question .ox_zone{margin-top: 38px;}
.qBox .s_event .quiz_box .question .ox_zone .antxt1	{ font-size: 26px; color: #2581ff;}
.qBox .s_event .quiz_box .question .ox_zone .antxt2	{ font-size: 26px; color: #ff0000;}
.qBox .s_event .quiz_box .question .ox_zone button{margin: 0 65px;}
.qBox .s_event .quiz_box .question .timer{position:absolute;bottom:26px;right:43px;font-size: 18px;background: #afafaf;color: #fff;font-weight: 700;display: inline-block;padding: 6px 10px;min-width: 136px;text-align: center}
.qBox .quiz_box .popup{display:none;position: absolute;top:0;left:0;bottom:0;right:0;width: 100%;height:100%;}
.qBox .quiz_box .popup .inner{ display: table; width: 50%; height: 100%; position: absolute; top: 0; left: 50%; margin-left: -25%; box-sizing: border-box;}
.qBox .s_event .quiz_box .popup.correct .inner{ width: 40%; margin-left: -20%;}
.qBox .s_event .quiz_box .popup.correct .article{text-align: center;padding: 32px 0;font-size: 38px;font-weight: 800;}
.qBox .s_event .quiz_box .popup.wrong .w_tit{color: #fff;font-weight: 500;font-size: 32px;font-style: normal}
.qBox .s_event .quiz_box .popup .cont{display: table-cell;vertical-align: middle}
.qBox .s_event .quiz_box .popup .article{background: #ec4040;border-radius: 15px;color: #fff;font-size: 17px;line-height: 1.3;padding: 39px 42px 10px;}
.qBox .s_event .quiz_box .popup .txt{margin: 20px 0 19px;border-bottom: 1px solid #fff;padding-bottom: 40px;letter-spacing: -1px; font-weight: normal;}
.qBox .s_event .quiz_box .popup .btn_yn{padding: 9px 0 22px;}
.qBox .s_event .quiz_box .step_end .end{display: table;height:514px;width: 100%;}
.qBox .s_event .quiz_box .step_end .inner{display: table-cell;text-align: center;vertical-align: middle}
.qBox .s_event .quiz_box .step_end .inner>a {display: block;text-align: center;vertical-align: middle;margin: 40px 0 0;}
.qBox .s_event .quiz_box .popup.correct{background: rgba(38,38,38,0.42);}
.qBox .s_event >p.notice { width: 100%;margin:50px auto 0; text-align: center;display: block; padding: 50px 0;}


/* 25년도 5월호 박물관은지금 */
.tableWrap2				{ width:auto; max-width:1000px; display:block; margin: 30px auto 60px;}
.tableWrap2 table       { width:100%; margin:0 auto; border-collapse:collapse;border-top:4px solid #d59315; border-bottom:2px solid #7f7f7f;}
.tableWrap2 table tr:first-child th     { border:1px solid #d9d9d9; background: #ffeecc; font-weight: bold; color: #d59315; font-size: 20px; line-height: 1.4; vertical-align:middle; word-break:break-all; padding: 8px; }
.tableWrap2 table tr td				    { border:1px solid #d9d9d9;font-size: 18px; vertical-align:middle; word-break:break-all;padding: 14px;}
.tableWrap2 table tr td span			{ font-size:22px; font-weight:bold;}
.thBg { background: none !important; border:1px solid #d9d9d9; font-weight: bold; color: #1f488f; font-size: 20px; line-height: 1.4; vertical-align:middle; word-break:break-all; padding: 8px; }


/*.slick-arrow 		{ position:absolute; top:50%; transform:translateY(-50%); width:45px; height:45px; margin-top:-20px; text-indent:-9999px; overflow:hidden; z-index:2; }
.slick-prev 		    { left:20px; background:url("../img/sub/slider_prev.png"); }
.slick-next 		    { right:20px; background:url("../img/sub/slider_next.png"); }*/


/* 태블릿 스타일 */
@media (max-width: 1600px) { }

/* 태블릿 스타일 */
@media (max-width: 1440px) {
    .frame_tab { display:block !important;}
    .sec { padding: 0 2.5rem}
    .labelWrap { padding: 0 2.5rem;}
    .IntvwBg .inner { padding: 0 2.5rem;}
    .pageNav { padding: 0 2.5rem;}
    .article_related { padding: 0 2.5rem;}
}

@media (max-width: 1400px) {

}

@media (max-width: 1366px) { }

@media (max-width: 1280px) {
    .IntvwBg .inner .IntvwTit:before { height: 48px; background-size: contain; padding-right: 0; margin-bottom: 20px;}
    .IntvwBg .inner .IntvwTit { display: grid; justify-content: start; align-items: start; justify-items: start;}
    .IntvwBg .inner .IntvwTit h5 { font-size: 1.75rem; flex: 0 0 100%;} 
    .IntvwBg .inner .IntvwTit span { display: grid;}
    
}


@media (max-width: 1200px) {
    

}



/* 모바일 스타일 */
@media (max-width: 1024px) {

}

    
/* 모바일 스타일 */
@media (max-width: 960px) {
    
    br.pc { display: none;}
    br.mob  { display: block;}
    
     /*마진*/
    .mr10						{ margin-right:5px; }
    .mr20						{ margin-right:10px; }
    .mr30						{ margin-right:15px; }
    .mr40						{ margin-right:20px; }
    .mr50						{ margin-right:25px; }
    .mr60						{ margin-right:30px; }

    .ml10						{ margin-left:5px; }
    .ml20						{ margin-left:10px; }
    .ml30						{ margin-left:15px; }
    .ml40						{ margin-left:20px; }
    .ml50						{ margin-left:25px; }
    .ml60						{ margin-left:30px; }

    .mt10						{ margin-top:5px; }
    .mt12						{ margin-top:6px; }
    .mt15						{ margin-top:7.5px;}
    .mt16						{ margin-top:8px; }
    .mt20						{ margin-top:10px; }
    .mt24						{ margin-top:12px; }
    .mt30						{ margin-top:15px; }
    .mt40                       { margin-top:20px; }
    .mt48                       { margin-top:24px; }
    .mt50                       { margin-top:25px; }
    .mt60                       { margin-top:30px; }
    .mt70                       { margin-top:35px; }
    .mt80                       { margin-top:40px; }
    .mt90                       { margin-top:45px; }
    .mt100                      { margin-top:50px; }

    
    .mb10						{ margin-bottom:5px; }
    .mb12						{ margin-bottom:6px; }
    .mb15						{ margin-bottom:7.5px; }
    .mb16						{ margin-bottom:8px; }
    .mb20						{ margin-bottom:10px; }
    .mb24						{ margin-bottom:12px; }
    .mb30						{ margin-bottom:15px; }
    .mb40                       { margin-bottom:20px; }
    .mb48                       { margin-bottom:24px; }
    .mb50                       { margin-bottom:25px; }
    .mb60                       { margin-bottom:30px; }
    .mb70                       { margin-bottom:35px; }
    .mb80                       { margin-bottom:40px; }
    .mb90                       { margin-bottom:45px; }
    .mb100                       { margin-bottom:50px; }
    
    /*Image*/
    /*img, picture { border-radius: 1.25rem;}*/

    /*Image*/
    .tl, .tr, .tc   { text-align:center}
    .tl img, .tr img, .tc img   { width:auto;}
    .rImg, .lImg	{ display:block; text-align:center; float:none; }
    .rImg			{ display:block; margin: 0 auto; text-align:center; float:none; }
	.lImg			{ display:block; margin: 0 auto; text-align:center; float:none; } 
    .rImg img,
	.lImg img		{ width:auto;}
    
    .cont_column>.rImg, .cont_column>.lImg
    { width: fit-content; max-width: 100%; display:block; margin: 0 auto 20px; text-align:center; float:none;  }
    
    .imgBox			{ width:100%; display:block; padding:0 !important; }
    .imgBox .inner  { flex-direction: column; align-items: center;}
    .imgBox	p		{ display:block; text-align:center; padding:0;}
    .imgBox	p:last-child   {padding: 0;}
    .imgBox span	{ display:block;}
    
	.imgBox_multi		{ width:100%; display:block; padding:0 !important; }
    .imgBox_multi .inner { flex-direction: column; align-items: center;}
	.imgBox_multi p		{ display:block; text-align:center; padding:0;}
    .imgBox_multi span	{ display:block;}
	.imgBox_multi p:last-child  {padding: 0;}

    .imgBox_multi.item_box .item_img { width: 100%;}
    .imgBox_multi.item_box .item_img a { text-align: center; margin: 0 auto; width: 100%; display: flex ; justify-content: center; align-items: center;}
    
    #sub_header { padding: 0 0 2.75rem; }
    .sub_header .inner { justify-content: center; flex-wrap: wrap;}
    .sub_header .sub_title { width: 100%; display: flex; flex-flow: column; align-items: flex-start; justify-content: center; left:40px; bottom:10px;}
    .sub_header h2 { margin-bottom: 0.5rem; font-size:14px;}
    .sub_header h3 { font-size: 16px; margin-bottom: 10px;}
    .sub_header p { font-size: 16px;}
    .txt_box_m  p:nth-child(3)  {font-size: 22px;}

    .intro { font-size: 1.188rem;}
    .intro:after { margin: 32px auto 0;}
    
    .sec { padding: 0 2.5rem;}
    .sec h4.sub_title { font-size: 20px; margin: 0 0 32px 0;}
    .sec h4.sub_title span { font-size: 20px;}
    .sub_txt { font-size: 18px;}

    .labelWrap { padding: 0 2.5rem;}
    .SpeechBalloon span { height: 24px;}
    .SpeechBalloon span:before { border-radius: 0 0 26px 0; }
    .SpeechBalloon span:after { border-radius: 0 0 0 26px; }
    .IntvwBg { padding: 56px 0px;}
    .IntvwBg .inner { padding: 0 2.5rem;}
    .IntvwBg .inner .IntvwTit h5 { font-size: 1.5rem; flex: 0 0 100%; word-break: auto-phrase; word-wrap: break-word; display: -webkit-box; white-space: normal; -webkit-box-orient: vertical;}
    .IntvwBg .inner .IntvwTit span { margin-top: 0.75rem;}
    
    .sub_footer { margin: 40px auto 0;}
    .page_navi { flex-wrap: wrap; flex-direction: column; gap: 20px;}
    .article_related { margin: 40px auto;}
    .article_related .lateed_conTit { font-size: 1.125rem;}
    .article_related .related_list { flex-direction: column; gap:28px; }
    .article_related .related_list .item .desc { margin-top: 24px;}
    .article_related .related_list .item .desc p { font-size: 1.125rem; margin-bottom: 20px;}
    .article_related .related_list .item a picture { border-radius: 1.25rem; padding-bottom: 46%; display: block; text-align: center; margin: auto;}
	
	.secSummary 			{ padding:50px 1.5rem 0; }
	.secSummary .secInner 	{ display:block; }
	.secSummary .dots 		{ display:flex; align-items:center; justify-content:center; margin-right:0; margin-bottom:30px; }
	.secSummary p br 		{ display:none; }

    .txt_box_m	{ height:auto; width:auto; padding:20px 2.5rem; box-shadow:0 0.05rem 0.1rem rgba(0, 0, 0, 0.2);}
	.txt_box_m div { display:block; font-size:1rem; margin-bottom:6px; color: #1db9f6;}
    .txt_box_m p    {color: #000;}
	.txt_box_m strong	{ font-size:24px;}
	.txt_box_m strong>span	{ display:contents; font-size:1.25rem; color:#ffa800;}

    .secCont h2             { font-size: 24px;}
    .conTit_q p.titQ        { font-size: 20px;}
    .conTxt_a .conTxt p.txtA { font-size: 18px;}

    .ex2_1_1 ul p           {font-size: 22px;}
    .ex2_1_1 ul li          {font-size: 16px;}

    .oneImgbtn img          { width: 60%;}
    .author                 { font-size: 16px;}
    .author2                { font-size: 18px;}
    .reference              { font-size: 16px;}
    .evetxt                 { font-size: 22px;}

    .box_areaW1 			{ border:5px solid #aacf52; padding: 20px; margin: 30px auto; width:80%}
	.box_areaW1	p			{font-size:16px;}
	.box_areaW1 p.conTxt	{ text-align:center; margin-bottom: 20px;}
	.box_areaW1 .txt		{ letter-spacing:-0.03em;}
	.box_areaW1	p strong	{ font-size:16px; font-weight:500; }
	.box_areaW1	span	    {font-size:14px; font-weight:400;}
	.box_areaW1 .boxt		{display:inline-block; font-size:20px; color:#333; line-height:25px; text-align: justify; font-weight:400; padding-bottom:20px}

    .box_areaW2 			{ border:5px solid #aacf52; padding: 20px; margin: 30px auto; width:80%}
	.box_areaW2	p			{font-size:16px;}
	.box_areaW2 p.conTxt	{ text-align:center; margin-bottom: 20px;}
	.box_areaW2 .txt		{ letter-spacing:-0.03em;}
	.box_areaW2	p strong	{ font-size:16px; font-weight:500; }
	.box_areaW2	span	    {font-size:14px; font-weight:400;}
	.box_areaW2 .boxt		{display:inline-block; font-size:20px; color:#333; line-height:25px; text-align: justify; font-weight:400; padding-bottom:20px}

    .boxlist li:nth-child(1)    {font-size: 16px; font-weight: 500;}
    .boxlist li:nth-child(2)    {font-size: 16px; font-weight: 500; margin-left: 10px;}
    .boxlist li:nth-child(3)    {font-size: 16px; font-weight: 500; margin-left: 10px;}
    .boxlist li:nth-child(4)    {font-size: 16px; font-weight: 500; margin-left: 10px;}
    .boxlist li p               {margin-right: 5px; font-weight: 500;}

    .logo2                       {margin-left: -45px;}
    .logo2 img                   {width: 90px;}

    .conTit_q               {padding: 0 2.5rem; margin: 0 auto 20px;}
    .conTxt_a               {padding: 0 2.5rem;}

    .conTit_q strong img, .conTxt_a strong img  { width: 50px;}
    .secCont h2.ieCen1:before   {bottom: -10px;}
    .secCont h2.ieCen2:before   {bottom: -25px;}
    
    .tr2                    {padding-right: 0; padding-bottom: 20px;}
    .tl2                    {padding-left: 0;}

    .w100                    { width: 100% !important;}

    .iframe                 { width: 320px;}
    .bimg2                  { display: block;}
    .bimg                   { margin-top: 20px;}

    .left_img               { margin-right: 0; margin-bottom: 10px; float: unset;}
    .right_txt              { font-size: 18px;}
    .strong_P               { font-size: 18px; margin-bottom: 10px;}

    .slider .slick-dots li button 				{ width:10px; height:10px;}

    /* 5월 참여행사 퀴즈부분 */
	.qBox p,
	.qBox p strong 	{ font-style:italic; }
	.qBox p br 		{ display:none; }
	.qBox p,
	.qBox .info li  	{ padding: 0 20px;;font-size:20px; }
	.qBox .info li small  	{ padding: 0 20px;;font-size:15px; }
	.qBox .info 		{ margin-top:20px; }
	
	.qBox .s_event				{ padding: 0; }
    .qBox .s_event .quiz_box { width: 90%;}
    .qBox .s_event .quiz_box .label2{left:12px; top:-7px;}
	.qBox .s_event .quiz_box .label2 img{width: 54px;}
    .qBox .s_event .quiz_box .step_00 { padding: 40px 20px 22px;}
	.qBox .s_event .quiz_box .notice img{width: 100%}
	.qBox .s_event .quiz_box .btn_start img{width: 192px;}
	.qBox .s_event .quiz_box .question .tit{font-size: 30px;color: #ff4d4d;margin-bottom: 20px; }
    .qBox .s_event .quiz_box .question > p { font-size: 24px; line-height: 1.6}
	.qBox .s_event .quiz_box .question .ox_zone img{width: 60%;}
	.qBox .s_event .quiz_box .question .ox_zone button{margin: 0 10px;}
	.qBox .s_event .quiz_box .question .timer{bottom: 8px;right: 6px;font-size: 13px;}
    .qBox .s_event .quiz_box .popup .inner{ width: 96%; margin-left: -48%; }
    .qBox .s_event .quiz_box .popup.correct .inner{ width: 80%; margin-left: -40%; }
    .qBox .s_event .quiz_box .popup .article { padding: 20px 10px 0px;font-size: 13px; }
	.qBox .s_event .quiz_box .popup.correct .article{padding: 15px 0;font-size: 30px;border-radius: 10px;}
	.qBox .s_event .quiz_box .popup.wrong .w_tit{font-size: 25px;}
	.qBox .s_event .btn_yn img{width: 100px;}
	.qBox .s_event .quiz_box .popup .btn_yn{padding-bottom: 10px;}
	.qBox .s_event .quiz_box .step_end .end{height: 400px;}
	.qBox .s_event .step_end .img11 {width: 350px;}
	.qBox .s_event .step_end .img12 {width: 186px;}
	.qBox .s_event > p.notice	{padding:0px;}
    .qBox .s_event > p.notice img { width: 80%; padding: 25px 15px;}

}

/* 모바일 스타일 */
@media (max-width: 768px) {    
    .intro { margin: 40px auto 0; padding: 0 32px;}

    .logo2                       {margin-left: -25px;}
    .logo2 img                   {width: 50px;}

    }

/* 모바일 스타일 */
@media (max-width: 720px) { }
/* 모바일 스타일 */
@media (max-width: 640px) { 
	.sec h4.sub_title	{font-size: 20px;}
 }
	
/* 모바일 스타일 */
@media (max-width: 480px) { 
    .intro { padding: 0 20px;}
    .sec,.labelWrap,.IntvwBg .inner { padding: 0.25rem 1.5rem;}
}

/* 모바일 스타일 */
@media (max-width: 360px) {
    br.mobxsB { display: block;}
    br.mobxsN { display: none;}
    
}
   