@charset "UTF-8";
/* 중국어 zh */

/******************************************************************************************************************************
* Common Style
******************************************************************************************************************************/

/* Common Style */
*{margin:0;padding:0;box-sizing:border-box;}
/*html {font-family:'宋體', 'simsun',sans-serif;}
body {font-family: '宋體', 'simsun', sans-serif;}*/
input,textarea,keygen,select,button {font-family:'宋體', 'simsun',sans-serif;}
h1,h2,h3,span,a,p {letter-spacing: 0 !important;}

/** footer **/
.ln_site {font-family :'Noto Sans',sans-serif;}
.footer_site.selected > ul > li > a {font-family:'Noto Sans',sans-serif;}

/* 팝업 */
.pop-layer .img_txt .img_ico{font-family :'Roboto',sans-serif;}

/* 버튼 */
.zh .ico_hanok .ico_img {background: url(../../../images/kbox/sub/ico_btn_hanok_cn.png) no-repeat center center / contain;}
.zh .ico_hanok.ico_type02 .ico_img {background: url(../../../images/kbox/sub/ico_btn_hanok02_cn.png) no-repeat center center / contain;}

/* popup */
.f_pop_tit_h3_01{font-family :'宋體', 'simsun', serif; font-size:32px; line-height:40px; }
.f_pop_tit_h3_02{font-family :'Noto Sans', serif;}
.f_pop_img_txt_01{font-family :'Noto Serif', serif;}
.f_pop_img_txt_02{font-family :'Noto Serif', serif;}
.f_pop_img_loc_01,
.f_pop_img_loc_01 .br{font-family :'Noto Serif', serif;}
.f_pop_img_desc_01,
.f_pop_img_desc_01 .br{font-family :'宋體', 'simsun',sans-serif;}

/**************************************
* font style 정리
***************************************/
.f_comm_util_langlist_01{font-family:'Noto Sans',sans-serif;}
.f_comm_util_langlist_01.lang-th{font-family:'Sarabun',sans-serif;}

/* 안녕-역사 bar 크기 */
.st_contents.cont_01_03 .st_contents_inner:before {height: 101%;}

/* 안방-규방 보자기 */
.cont_03_03 .at_artwork .img_box.img_03_03_01 > .img_txt {left: -10%;}
.annyeong .pop-layer .img_box + .img_txt {padding-left: 50px;}

/******************************************************************************************************************************
* 모바일 스타일
******************************************************************************************************************************/
@media only screen and (max-width:1024px) {

	/* footer */
	.footer_site.selected > ul > li > a{font-family :'Noto Sans',sans-serif;}

}

@media only screen and (max-width:720px) {

	/**************************************
	* font style 정리
	***************************************/
	.f_pop_tit_h3_02{font-family :'Noto Sans', serif; color:#fff;}

}



/******************************************************************************************************************************
* Main Style
******************************************************************************************************************************/

/* Main Style */
h1, h2, h3{font-family:'宋體', 'simsun', serif;}

/**************************************
* font style 정리
***************************************/
.menu_main {font-family:'Noto Serif','AritaBuri', serif;}
.at_inner{font-family: '宋體', 'simsun', serif;}
.f_main_vis_txtH2_01{font-family:'Noto Serif', serif;}



/******************************************************************************************************************************
* Sub Style
******************************************************************************************************************************/
/* at_intro */

.at_intro h2 .quotes-s{font-family :'Noto Serif', serif;}
.at_intro h2 .quotes-e{font-family :'Noto Serif', serif;}

/* intro_list */
.img_ico_num {font-family :'Roboto', serif;}

/** annyeong **/
.cont_01_01 .at_intro .img_an_01_01 .txt01 {font-family :'宋體', 'simsun', serif;}
.cont_01_02 .at_intro .img_an_01_02 .txt01 {font-family :'宋體', 'simsun', serif;}
.cont_01_03 .at_intro .img_an_01_03 .txt01 {font-family :'宋體', 'simsun', serif;}
.cont_01_04 .at_intro .img_an_01_04 .txt01 {font-family :'宋體', 'simsun', serif;}
.cont_01_04 .at_artwork .img_box > .img_txt {font-family :'宋體', 'simsun', serif;}
.cont_03_02 .at_intro .img_box > .img_txt {font-family :'宋體', 'simsun', serif;}
.cont_03_03 .at_intro h2 > span {font-family :'宋體', 'simsun', serif; }

/**************************************
* font style 정리
***************************************/
/* visual */
.f_sub_vis_box_h1_01{font-family:'Noto Serif', serif;}
.st_visual.type02 .f_sub_vis_box_h1_01{font-family:'Noto Serif','AritaBuri', serif;; font-size: 55px; line-height: 70px;}
.st_visual.type02 .f_sub_vis_box_h1_01 span {line-height: 70px;}


/* 메뉴소개 - page info */
.f_sub_pg_tit_h1_01{font-family:'宋體', 'simsun', serif;}
.f_sub_pg_tit_h3_01{font-family:'宋體', 'simsun', serif;}
.f_sub_pg_tit_p_01{}
.f_sub_img_list_tit_01{font-family:'宋體', 'simsun', serif;}
.f_sub_img_list_desc_01{}
.f_sub_img_card_txt_01{}
.f_sub_img_card_lang_01{font-family:'Roboto', serif;}
.f_sub_img_list_dt_01{}
.f_sub_img_list_dd_01{}

/* 메뉴소개 외 - page intro */
.f_sub_intro_h2_01, .f_sub_intro_h2_01 > span{font-family:'宋體', 'simsun', serif;}
.f_sub_intro_h2_01 .quotes-s, .f_sub_intro_h2_01 .quotes-e{font-family:'Noto Serif', serif;}
.f_sub_intro_h2_02, .f_sub_intro_h2_02 > span{font-family:'Noto Serif', serif;}
.f_sub_intro_desc_03, .f_sub_intro_desc_03 > .br{font-family:'Noto Serif', serif;;}
.f_sub_intro_h3_01, .f_sub_intro_h3_01 > span{font-family:'宋體', 'simsun', serif; line-height: 50px;}
.f_sub_intro_h3_02, .f_sub_intro_h3_02 > span{font-family:'Noto Serif', serif;}
.f_sub_intro_h3_05, .f_sub_intro_h3_05 > span{font-family:'Noto Serif', serif;}

.f_sub_hist_tit_h3_01 {font-family:'宋體', 'simsun', serif;}
.f_sub_hist_list_dt_01 {font-family:'Noto Serif', serif;}
.f_sub_img_info_li_01 {font-family:'Noto Serif', serif;}
.f_sub_img_info_li_01 .img_ico {font-family:'Roboto', serif;}

/* image text */
.f_img_txt_00{font-family:'宋體', 'simsun', serif;}
.f_img_txt_01{font-family:'宋體', 'simsun', serif; font-weight: 500;}
.f_img_txt_02{font-family:'宋體', 'simsun', serif;}
.f_img_txt_03{font-family:'宋體', 'simsun', serif;}
.f_img_txt_05{font-family:'宋體', 'simsun', serif;}
.f_hellobox_txt_01{font-family:'宋體', 'simsun', serif;}
.f_hellobox_txt_02{font-family:'宋體', 'simsun', serif;}


/******************************************************************************************************************************
* 모바일 스타일
* font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));
******************************************************************************************************************************/
@media only screen and (max-width:1024px) {

	.st_visual.type02 .f_sub_vis_box_h1_01 {font-family:'Noto Serif', serif;}
	.st_visual.type02 .f_sub_vis_box_h1_01 > span {font-family:'Noto Serif', serif; line-height: 6.25vw;}


}
@media only screen and (max-width:720px) {

	/* 메인 */
	.f_main_vis_txtH2_01, .f_main_vis_txtH2_01 > span {line-height: 8.333vw;}

	/* 사랑방 */

	/* 팝업 */
	.pop-layer .img_box .img_txt .img_ico {font-family:'Roboto', serif;}



	/**************************************
	* font style 정리
	***************************************/
	/* visual */
	.f_sub_vis_box_h1_01 {font-family:'Noto Serif', serif;}
	.isMobile .st_visual.type02 .f_sub_vis_box_h1_01 {font-family:'Noto Serif', serif;}
	.isMobile .st_visual.type02 .f_sub_vis_box_h1_01 > span {font-family:'Noto Serif', serif;}
	.st_visual.type02 .f_sub_vis_box_h1_01 span {line-height: 0;} /*서브 비주얼*/

	/* 메뉴소개 - page info */
	.f_sub_pg_tit_h3_01 {font-family:'Noto Serif', serif;}
	.f_sub_img_list_tit_01 {font-family:'Noto Serif', serif;}
	.f_sub_img_card_lang_01 {font-family:'Roboto', serif;}

	/* 메뉴소개 외 - page intro */
	.f_sub_intro_h2_01,	.f_sub_intro_h2_01 > span{font-family:'Noto Serif', serif;}
	.f_sub_intro_h2_01 .quotes-s, .f_sub_intro_h2_01 .quotes-e {font-family:'Noto Serif TC', serif;}
	.f_sub_intro_h2_02,	.f_sub_intro_h2_02 > span{font-family:'Noto Serif', serif;}
	.f_sub_intro_desc_03, .f_sub_intro_desc_03 > .br{font-family:'Noto Serif', serif;}
	.f_sub_intro_h3_01,	.f_sub_intro_h3_01 > span{font-family:'Noto Serif', serif;}
	.f_sub_intro_h3_02,	.f_sub_intro_h3_02 > span{font-family:'Noto Serif', serif;}
	.f_sub_intro_h3_05,	.f_sub_intro_h3_05 > span{font-family:'Noto Serif', serif;}

	.f_sub_hist_tit_h3_01 {font-family:'Noto Serif', serif;}
	.f_sub_hist_list_dt_01 {font-family:'Noto Serif', serif;}
	.f_sub_img_info_li_01 {font-family:'Noto Serif', serif;}
	.f_sub_img_info_li_01 .img_ico {font-family:'Roboto', serif;}
	
	/* image text */
	.f_img_txt_00{font-family:'Noto Sans', serif;}
	.f_img_txt_01{font-family:'Noto Serif', serif;}
	.f_img_txt_02 .img_ico{font-family:'Roboto', serif !important;}
	.f_img_txt_03{font-family:'Noto Serif', serif;}
	.f_img_txt_04{font-family:'Noto Serif',sans-serif;}
	.f_img_txt_05{font-family:'Noto Serif', serif;}
	.f_hellobox_txt_01{font-family:'Noto Sans', serif;}
	.f_hellobox_txt_02{font-family:'Noto Serif', serif;}

	/* popup */
	.f_pop_tit_h3_01{font-family:'Noto Serif', serif;}
	.f_pop_img_txt_01{font-family:'Noto Serif', serif;}
	.f_pop_img_txt_02{font-family:'Noto Serif', serif;}
	.f_pop_img_loc_01, .f_pop_img_loc_01 .br{font-family:'Noto Serif', serif;}
	.f_pop_img_desc_01, .f_pop_img_desc_01 .br{font-family:'Noto Sans',sans-serif;}

}
@media only screen and (max-width:540px) {
	.fr .dim-layer .pop-layer.popup-card .img_box_detail .intro_nav {width: 12.778vw;}
	.fr .pop-layer .img_box_detail .intro_nav .img_txt {font: italic 700 2.037vw/1 'Noto Sans', serif;}

}

/******************************************************************************************************************************
* 반응형 스타일 조정
******************************************************************************************************************************/


/* 1280 모바일 메뉴 전환(메인 메뉴 숨김) */
@media only screen and (max-width:1280px) {
	.fr .menu_main{display:none;}

	/* GNB - 전체보기 */
	.fr .showAll{position:fixed; top:0; left:auto; right:0; width:600px; height:100%; background:#a28958; padding:60px 60px; z-index:900; overflow-y:auto;}
	.fr .showAll .topmenu{padding-top:0;}
	.fr .showAll .topmenu_inner{width:auto; max-width:100%; margin:auto; padding:0; position:static;}
	.fr .showAll .topmenu_inner:after{content:''; display:block; clear:both;}
	.fr .showAll .menu_main{display:block; width:100%; max-width:100%; float:none;}
	.fr .showAll .menu_main > li{display:block; float:none; padding:0; width:100%; text-align:left; border-bottom:1px solid #dad0bc;}
	.fr .showAll .topmenu_a{display:block; padding:10px 15px 11px; position:relative;}
	.fr .showAll li .topmenu_a:after,
	.fr .showAll li:hover .topmenu_a:after{content:''; display:block; width:15px; height:8.5px; background:url(../../../images/kbox/common/ico_expand_off_m.png) center center / cover no-repeat; position:absolute; top:50%; left:auto; right:20px; margin-top:-4px;}
	.fr .showAll li.selected .topmenu_a:after,
	.fr .showAll li.selected:hover .topmenu_a:after{content:''; display:block; width:15px; height:8.5px; background:url(../../../images/kbox/common/ico_expand_on_m.png) center center / cover no-repeat; position:absolute; top:50%; left:auto; right:20px; margin-top:-4px;}
	.fr .showAll .menu_sub{display:none; padding:0;}
	.fr .showAll li.selected .menu_sub{display:block; border-top:1px solid #dad0bc; padding:20px 20px 20px 40px;}
	.fr .showAll .menu_sub a{display:inline-block; position:relative;}
	.fr .showAll .i_topmenu{top:30px; right:30px;}
	.fr .showAll .i_topmenu .ico_img{background:url(../../../images/kbox/common/ico_close_menu.png) center center/cover no-repeat; width:21px; height:21px;}

	.fr .showAll .util{display:block;position:static;top:auto;right:auto; margin-top:30px;}
	.fr .showAll .link_util > li{float:none; line-height:35px;}
	.fr .showAll .link_util .ico_link{display:block; margin:0;}
	.fr .showAll .link_util .ico_link .ico_txt{display:inline-block; direction:ltr; text-indent:0; color:#fff; font-size:21px; line-height:35px; padding:10px 0 11px; margin-left:20px; vertical-align:middle;}
	.fr .showAll .link_util .i_share .ico_img{background:url(../../../images/kbox/common/top_nav01_m.png) no-repeat center bottom / contain; width:26px; height:27px; vertical-align:middle;}
	.fr .showAll .link_util .i_gallery01 .ico_img{background:url(../../../images/kbox/common/top_nav02_m.png) no-repeat center bottom / contain; width:29px; height:27px; vertical-align:middle;}
	.fr .showAll .link_util .i_gallery02 .ico_img{background:url(../../../images/kbox/common/top_nav03_m.png) no-repeat center bottom / contain; width:33px; height:27px; vertical-align:middle;}
	.fr .showAll .sel-lang{display:none;}
}

@media only screen and (max-width:1334px) {
	
}

@media only screen and (max-width:1318px) {
}

@media only screen and (max-width:1280px) {
}

@media only screen and (max-width:1194px) {
	
}

@media only screen and (max-width:1160px) {
}

@media only screen and (max-width:720px) {

	/* GNB - 전체보기 */
	.fr .showAll{position:fixed; top:0; left:0; width:100%; height:100%; background:#a28958; padding:13.889vw 8.333vw; z-index:900; overflow-y:auto;}
	.fr .showAll .topmenu{padding-top:0;}
	.fr .showAll .topmenu_inner{width:auto; max-width:100%; margin:auto; padding:0; position:static;}
	.fr .showAll .topmenu_inner:after{content:''; display:block; clear:both;}
	.fr .showAll .menu_main{display:block; width:100%; max-width:100%; float:none;}
	.fr .showAll .menu_main > li{display:block; float:none; padding:0; width:100%; text-align:left; border-bottom:1px solid #dad0bc;}
	.fr .showAll .topmenu_a{/*color:#fff; font-size:5vw; font-weight:400; line-height:1;*/ display:block; padding:5.139vw 1.389vw 5.278vw; position:relative;}
	.fr .showAll li .topmenu_a:after,
	.fr .showAll li:hover .topmenu_a:after{content:''; display:block; width:15px; height:8.5px; background:url(../../../images/kbox/common/ico_expand_off_m.png) center center / cover no-repeat; position:absolute; top:50%; left:auto; right:1.389vw; margin-top:-4px;}
	.fr .showAll li.selected .topmenu_a:after,
	.fr .showAll li.selected:hover .topmenu_a:after{content:''; display:block; width:15px; height:8.5px; background:url(../../../images/kbox/common/ico_expand_on_m.png) center center / cover no-repeat; position:absolute; top:50%; left:auto; right:1.389vw; margin-top:-4px;}
	.fr .showAll .menu_sub{display:none; padding:0;}
	.fr .showAll li.selected .menu_sub{display:block; border-top:1px solid #dad0bc; padding:4.861vw 4.167vw 5.556vw 5.556vw;}
	.fr .showAll .menu_sub a{/*color:#fff; font-size:4.167vw; line-height:7.778vw;*/ display:inline-block; position:relative; line-height: 5.778vw; padding: 2.0833vw 0;}
	.fr .showAll .menu_sub li.selected a:after,
	.fr .showAll .menu_sub li:hover a:after{display:none;}
	.fr .showAll .i_topmenu{top:4.167vw; right:4.167vw;}
	.fr .showAll .i_topmenu .ico_img{background:url(../../../images/kbox/common/ico_close_menu_m.png) center center/cover no-repeat; width:4.167vw; height:4.167vw;}
	.fr .showAll .util{display:block;position:static;top:auto;right:auto; margin-top:8.611vw;}
	.fr .showAll .link_util > li{float:none; line-height:11.111vw; padding:3.750vw 0 11px;}
	.fr .showAll .link_util .ico_link{display:block; margin:0;}
	.fr .showAll .link_util .ico_link .ico_txt{display:inline-block; direction:ltr; text-indent:0; color:#fff; font-size:4.722vw; line-height:1; padding:0; margin-left:3.611vw; width:calc(100% - 11vw); vertical-align:top;}
	.fr .showAll .link_util .i_share .ico_img{background:url(../../../images/kbox/common/top_nav01_m.png) no-repeat center bottom / contain; width:5.972vw; height:5.278vw; vertical-align:top;}
	.fr .showAll .link_util .i_gallery01 .ico_img{background:url(../../../images/kbox/common/top_nav02_m.png) no-repeat center bottom / contain; width:6.528vw; height:5.139vw; vertical-align:-0.556vw;}
	.fr .showAll .link_util .i_gallery02 .ico_img{background:url(../../../images/kbox/common/top_nav03_m.png) no-repeat center bottom / contain; width:7.361vw; height:6.111vw; vertical-align:-0.556vw;}
	.fr .showAll .sel-lang{display:none;}
	/* //GNB - 전체보기 */

}


/******************************************************************************************************************************
* 스타일 수정
******************************************************************************************************************************/

/* italic 강제 적용*/
.italic {display: inline !important; font-style:italic !important; padding-right:5px;}
.at_intro p > span {color:#555; font-weight:400;}

/* 메인 */
.f_main_hel_des_01 > span {font-size: 19px;}

/* 서브 타이틀 설명 */
.cont_01_00 .at_artwork .img_info .info_detail.f_sub_pg_tit_p_01 {padding: 0 96px;}
.cont_02_00 .at_artwork .img_info .info_detail.f_sub_pg_tit_p_01 {padding: 0 79px;}
.cont_03_00 .at_artwork .img_info .info_detail.f_sub_pg_tit_p_01 {padding: 0 89px;}
.cont_04_00 .at_artwork .img_info .info_detail.f_sub_pg_tit_p_01 {padding: 0 64px;}

/* 안녕 */
.cont_01_01 .at_artwork .img_info li .dt {width: 230px;}

/* 한옥 */
.cont_01_05 .img_box .txt01 {left: 16.59%;}
.cont_01_05 .img_box .txt03 {left: 39.52%;}
.cont_01_05 .img_box .txt04 {left: 39.52%;}
/*.cont_01_05 .img_box .txt05 {left: 19.57%;}*/
/*.cont_01_05 .img_box .txt06 {left: 61.80%;}*/
/*.cont_01_05 .img_box .txt07 {left: 77.11%;}*/
/*.cont_01_05 .at_intro h2 {padding-right: 25%;}*/
.cont_01_05 .at_intro h2 > span {display: inline;}

/* 사랑방 */
.cont_02_01 .at_desc h3 span{display:inline;}
.cont_02_02 .at_artwork .img_box > .img_txt.txt05 {left: 25.64%;}
.cont_02_03 .at_artwork .img_box.img_02_03_02 > .img_txt.txt01 {top: -4.1%; left: 31.73%;}
.cont_02_03 .at_artwork .img_box.img_02_03_02 > .img_txt.txt02 {left: -16.54%; width: 31%;}
.cont_02_03 .at_artwork .img_box.img_02_03_02 > .img_txt.txt03 {right: 5.13%;}
.cont_02_04 .at_intro .at_l h2 > span {display: block; width: 100%;}

/* 안방 */
.cont_03_03 .at_artwork.at_03_03_02 .img_box > .img_txt {left: 36.53%; width: 70%;}
.cont_03_04 .at_intro .f_sub_intro_h2_01 span {display: inline;}
.cont_03_04 .at_artwork .img_box.img_03_04_01 > .img_txt {padding-right: 46px;}

/* 한복 */
.cont_04_01 .at_intro .f_sub_intro_h2_01 span {display: inline;}
.cont_04_04 .at_artwork .img_04_04_05 + .img_info {padding-left: 2.38%;}
.cont_04_04 .at_intro .at_l:before {top: 415px;}

.cont_04_05 .at_intro h2 > span {display: inline;}
.cont_04_05 .at_intro .f_sub_intro_h2_01 span {display: inline;}
.cont_04_05 .at_intro .at_l:before {top: 351.47%;}
.cont_04_05 .at_artwork .img_04_05_02 .img_txt.txt02 {right: 5.13%;}
.cont_04_05 .at_artwork .img_04_05_03 .img_txt.txt02 {right: 16%;}

/* 자료정보카드 */
.annyeong .pop-layer .img_txt02.txt01 {left: 15.76%;}


@media only screen and (max-width:1300px) {

	/* 서브 타이틀 설명 */
	.cont_01_00 .at_artwork .img_info .info_detail.f_sub_pg_tit_p_01 {padding: 0 5vw;}
	.cont_02_00 .at_artwork .img_info .info_detail.f_sub_pg_tit_p_01 {padding: 0 5vw;}
	.cont_03_00 .at_artwork .img_info .info_detail.f_sub_pg_tit_p_01 {padding: 0 5vw;}
	.cont_04_00 .at_artwork .img_info .info_detail.f_sub_pg_tit_p_01 {padding: 0 5vw;}

}

@media only screen and (max-width:1024px) {

	/* 타이틀 */
	.cont_02_03 .at_intro .f_sub_intro_h2_01 {padding-right: 43%;}
	.cont_02_03 .at_intro .f_sub_intro_h2_01 span {display: inline;}

	/* 안녕 */ 
	.cont_01_02 .at_intro .f_sub_intro_h2_01 span {display: inline;}	
	.st_contents.cont_01_03 .st_contents_inner:before {height: 104%;}
	
	/* 한옥 */
	.cont_01_05 .img_box .txt01 {left: 14.59%;}
	.cont_01_05 .img_box .txt03 {left: 39.20%;}
	.cont_01_05 .img_box .txt04 {left: 39.20%;}
	.cont_01_05 .img_box .txt05 {left: 20.77%;}
	.cont_01_05 .img_box .txt06 {left: 63.31%;}
	.cont_01_05 .img_box .txt07 {left: 78.20%;}
	.cont_01_05 .at_intro h2 {padding-right: 0;}
	.cont_01_05 .at_intro h2 > span {display: inline;}

	/* 사랑방 */
	.at_intro .at_l:before {top: 16.11328125vw;}
	.cont_02_01 .at_desc h3 {padding-right: 350px;}
	
	.cont_02_03 .at_intro .f_sub_intro_h2_01 span {display: inline;}	
	.cont_02_03 .at_artwork .img_box.img_02_03_02 > .img_txt.txt01 {top: -10.1%; left: 45.73%;}
	.cont_02_03 .at_artwork .img_box.img_02_03_02 > .img_txt.txt02 {top: 64.85%; left: 1.46%;}
	.cont_02_03 .at_artwork .img_box.img_02_03_02 > .img_txt.txt03 {top: 77.99%; right: -5.87%;}
	
	/* 안방 */
	.cont_03_01 .at_intro .f_sub_intro_h2_01 span {display: inline;}
	.cont_04_02 .at_artwork .img_04_02_02 .img_txt {left: 5.95703125vw;}
	.cont_04_03 .at_artwork .img_04_03_02 .img_txt {top: 2.1484375vw; left: 17.87109375vw;}
	.cont_03_00 .pg_info .img_info .br{padding: 0;}
	
	/* 한복 */
	.cont_04_04 .at_artwork .img_04_04_01 + .img_info {bottom: -13.18359375vw;}
	.cont_04_04 .at_intro .at_l:before {top: 117%;}

	.cont_04_05 .at_intro .at_l:before {top: 292.47%;}
	.cont_04_05 .at_artwork .img_04_05_02 .img_txt.txt02 {right: 3.13%;}
	.cont_04_05 .at_artwork .img_04_05_01 + .img_info:before {top: 39.7%;}

}

@media only screen and (max-width:720px) {

	/* 타이틀 */
	.cont_02_02 .at_intro .at_l > h2 {padding-right: 30%;}
	.cont_02_02 .at_intro .at_l > h2 > span {display: inline;}
	.cont_02_03 .at_intro .at_l > h2 {padding-right: 30%;}
	.cont_02_03 .at_intro .at_l > h2 > span {display: inline;}
	.cont_02_04 .at_intro .at_l > h2 {padding-right: 30%;}
	.cont_02_04 .at_intro .at_l > h2  > span {display: inline;}
	.cont_03_01 .at_intro .at_l > h2 {padding-right: 20%;}
	.cont_03_01 .at_intro .at_l > h2 > span {display: inline;}
	.cont_03_02 .at_intro .at_l > h2 {padding-right: 30%;}
	.cont_03_02 .at_intro .at_l > h2 > span {display: inline;}
	.cont_04_01 .at_intro h2 {}
	.cont_04_01 .at_intro h2 > span {display: inline;}
	.cont_04_03 .at_intro h2 {}
	.cont_04_03 .at_intro h2 > span {display: inline;}
	.cont_04_02 .at_intro h2 {padding-right: 35%;}
	.cont_04_02 .at_intro h2 > span {display: inline;}

	/* 서브 타이틀 설명 */
	.cont_01_00 .at_artwork .img_info .info_detail.f_sub_pg_tit_p_01 {padding: 0;}
	.cont_02_00 .at_artwork .img_info .info_detail.f_sub_pg_tit_p_01 {padding: 0;}
	.cont_03_00 .at_artwork .img_info .info_detail.f_sub_pg_tit_p_01 {padding: 0;}
	.cont_04_00 .at_artwork .img_info .info_detail.f_sub_pg_tit_p_01 {padding: 0;}

	/* 안녕 */
	.st_contents.cont_01_03 .st_contents_inner:before {height: 100%;}
	.cont_01_01 .at_artwork .img_info li {padding-left: 0;}
	.cont_01_01 .at_artwork .img_info li .dt {width: 100%; line-height: 5.305556vw; padding-top: 3.4722222222222223vw; display: block;}
	.cont_01_01 .at_artwork .img_info li .dd {width: 100%; line-height: 6.305556vw;}

	/* 사랑방 */	
	.cont_02_01 .at_desc h3 {padding-right: 0;}
	.cont_02_02 .f_img_txt_03 {font: normal 700 calc( 9px + (24 - 12) * ((100vw - 360px) / ( 720 - 360)) )/1 'Noto Serif', serif}
	.cont_02_02 .at_artwork .img_box > .img_txt.txt01 {top: 3.13%; left: 4.19%;}
	.cont_02_02 .at_artwork .img_box > .img_txt.txt03 {top: 38.58%; left: 48.42%;}
	.cont_02_02 .at_artwork .img_box > .img_txt.txt04 {top: 7.19%; left: 65.08%;}
	.cont_02_02 .at_artwork .img_box > .img_txt.txt05 {left: 22.64%;}
	.cont_02_02 .at_artwork .img_box > .img_txt.txt06 {top: 76.88%; left: 70.8%;}

	.cont_02_03 .at_artwork .img_box.img_02_03_02 > .img_txt.txt01 {top: -10.1%; left: 42.73%;}
	.cont_02_03 .at_artwork .img_box.img_02_03_02 > .img_txt.txt02 {top: 64.85%; left: -0.54%;}
	.cont_02_03 .at_artwork .img_box.img_02_03_02 > .img_txt.txt03 {top: 75.99%; right: 0%; width: 23%;}
	.cont_02_04 .at_artwork .img_box.img_02_04_05 .img_title .br {display: inline;}

	.cont_03_02 .f_img_txt_01 {font: normal 700 calc( 9px + (24 - 12) * ((100vw - 360px) / ( 720 - 360)) )/1 'Noto Serif', serif}
	
	.cont_03_03 .at_artwork .img_box.img_03_03_01 > .img_txt {left: 74%; top: 34.16%;}
	.cont_03_03 .at_artwork.at_03_03_02 .img_box > .img_txt {left: 29.53%; width: 100%;}
	
	.cont_04_03 .at_artwork .img_04_03_03_05 .img_info_04_03_03_05 {top: 98.94%; left: 30%;}
	.cont_04_03 .at_artwork .img_04_03_03_05 {margin: 8.333vw 0 15.333vw;}
	.cont_04_03 .at_artwork .img_04_03_02 .img_txt {top: -7px; left: 55.556%;}
	
	.cont_04_04 .f_sub_intro_h3_01, .f_sub_intro_h3_01 > span {line-height:7.667vw }
	.cont_04_04 .at_artwork .img_04_04_01 .img_txt {width: 60%;}
	.cont_04_04 .at_intro .at_l:before {top: 99%;}

	.cont_04_05 .at_artwork .img_04_05_02_05 .txt05 {padding-left: 13.6%;}
	.cont_04_05 .at_artwork .img_04_05_03_03 .txt03 {top: 104%; left: 21%;}
	.cont_04_05 .at_artwork .img_04_05_03_03 {margin-bottom: 14.333vw;}
	
    .datacard .intro_list.at_artwork .img_wrap .img_info .info_title {font-size: 4.444vw; line-height: 5.555vw;}

}