@charset "utf-8";

/* /////////////////////////////////////////////////////////////////////////////////////////////
	태블릿용
 //////////////////////////////////////////////////////////////////////////////////////////// */
@media all and (max-width:990px) and (min-width:710px){
	.pub_tit .btn_area {max-height: 80px}	
} 
@media all and (max-width:800px){
	.search_contents{margin-left:5%; width:80%;}

	.inline_b{display:block; margin-right:10px;}
	.help_sch_table input[type="checkbox"], .help_sch_table input[type="radio"]{margin-left:0;}
	.key_text{width:60%;}

	.tbl.type_04 th:last-child, .tbl.type_04 tr td:last-child{display:none;}

	/*********** heritage Search 팝업 **********/
	.modal_wrap{width:96%; left:0;top:0;height:100%;}

	/*********** FAQ 탭메뉴 **********/
	ul.c_tab>li dl{width:91.6%;}
	ul.c_tab>li:nth-child(2) dl{left:2%;}
	ul.c_tab>li:last-child dl{left:2%;}
}

/* /////////////////////////////////////////////////////////////////////////////////////////////
	모바일용
 //////////////////////////////////////////////////////////////////////////////////////////// */
@media all and (max-width:710px){
	.search_icon{display:none;}
	.search_contents{margin-left:0; width:100%;}
	.search_contents p{width:100%;}

	.inline{margin-left:0; margin-right:10px;}
	.key_text{width:97%;}
	.help_sch_select{width:97%;}

	.ex_text{margin-left:0;}

	/* 이미지 더보기 */
	.h_sch_box .h_sch_big{width:100%;}
	.h_sch_thumb{width:100%;margin-top:15px;}
	.h_sch_thumb ul li{width:31.3%;}
	.photo_list ul li{width:49%;}
	.photo_list ul li:nth-child(2n){margin-right:0 !important;}
	.photo_list ul li:nth-child(2n+1){margin-right:2% !important;}

	/* Korean Heritage Webzine 목록페이지 */
	.kh_list .tbl.type_04 th:nth-child(3),
	.kh_list .tbl.type_04 tr td:nth-child(3){display:table-cell !important;}

	/* 게시판 목록페이지 */
	.tbl.type_04 th:first-child,
	.tbl.type_04 tr td:first-child,
	.tbl.type_04 th:last-child,
	.tbl.type_04 tr td:last-child,
	.tbl.type_04 th:nth-child(3),
	.tbl.type_04 tr td:nth-child(3),
	.page_count{display:none;}
	.tbl.type_04 th:nth-child(4){width:23%;}
	.tbl.type_04 tr td:nth-child(2){padding-left:0 !important;}
	.tbl.type_04 td{font-size:0.9375em; padding:8px 8px 8px 0;}
	.tbl.type_04 td a:hover{font-size:1em;}
	.page_sch{width:100%; margin-left:0 !important; text-align:center;}

	/* heritage Search 리스트 */
	.tbl.type_04.small th:first-child,
	.tbl.type_04.small tr td:first-child,
	.tbl.type_04.small th:last-child,
	.tbl.type_04.small tr td:last-child,
	.tbl.type_04.small th:nth-child(4),
	.tbl.type_04.small tr td:nth-child(4),
	.page_count{display:none  !important}
	.tbl.type_04.small th:nth-child(3),
	.tbl.type_04.small tr td:nth-child(3){display:table-cell !important}

	/* 게시판 상세페이지 */
	.board_view .b_info dl{width:100%;border-bottom:1px solid #d9d9d9;float:none;}
	.board_view .b_info dl:first-child{width:100%;}
	.board_view .b_info dl:nth-child(2){width:100%;}
	.board_view .b_info dl:last-child{width:100%;}
	.board_view .b_info dl dt, .board_view .b_info dl dd{padding:8px 0; border-bottom:none;}
	.board_view .b_info dl dt{width:50%;}
	.board_view .b_info dl dd{width:50%;border-right:0;}

	/* 인사말 */
	.grt{background-size:contain;background-position:top;}
    .grt .dir{margin-bottom:25px !important; margin-right:0 !important; width:100% !important;}
	.grt .dir div{text-align:center; width:100%;font-size:1.125em;}
	.grt .grt_text{width:100% !important;}

	/* Profile 페이지 */
	.profile .dir{margin-bottom: 25px !important; margin-right: 0 !important; width: 100% !important;}
	.profile .dir div{text-align:center; width:100%;font-size:1.125em;}
	.profile .profile_text{width:100% !important;}

	/* 게시판(Q&A) 쓰기 페이지 버튼 */
	.btn_group{text-align:center; margin-top:20px;}
	.btn_03{width:25%;}

	/* heritage Search 팝업 */
	.modal_wrap{width:96%; left:0; top:0;height:100%;}

	/* FAQ 탭메뉴 */
	ul.c_tab>li dl{width:91.6%;}
	ul.c_tab.menu3>li dd:last-child{width:80%}

	/* FAQ 목록 */
	ul.faq_list>li>span>a{display:inline-block;width:100%;}

	/* UNESCO World Heritage 페이지 */
	.wh_about div{float:none;}
	.wh_about .wh_img1{margin-top:0; margin-bottom:15px;}
	.wh_about .wh_img2{margin-top:0; margin-bottom:15px;}
	.wh_about .wh_img3{margin-top:0; margin-bottom:15px;}
	.wh_sub ul{overflow:hidden;}
	.wh_sub ul li{float:left;margin-right:10px;}

	.wh_con ul li{width:99%;}
	.wh_con ul li a div.wh_thumb{}
	.wh_con ul li a div.wh_con_tit{font-size:0.9em; line-height:1.5em;}
	.wh_list .wh_sub ul li{float:none; margin-right:0;}
	.wh_view p img{max-width:55%; height:auto;}

	/* Oraganizational Chart 페이지 및 레이어팝업 */
	.chart_wrap{width:100%; margin:0; padding-right:2%; background:none;}
	.name{padding:8px 2%;}
	.name a{display:block; color:#fff; font-size:0.875em;}
	.name.admin, .name.vice{width:40%;}
	.organ_line {padding-bottom: 50px; background: url("/images/en/common/ora_line.gif") center center repeat-y;}
	.organ_line.spo{width:40%; padding-left:7.5%; left:50%; top:40px;}
	.chart_wrap_bottom{width:100%; margin:0;}
	.organ_line.bottom{width:99%; margin:0 0 10px; padding-top:0;}
	.organ_line.bottom:last-child{margin:0;}
	.chart_wrap_bottom>div{float:none;}
	.organ_line.bottom:first-child{padding-top:0; background:none;}
	.organ_line.bottom{background:url("/images/en/common/ora_line.gif") center center repeat-y;}
	.organ_line.bottom .name{padding:5px 0;height:inherit;margin-bottom:8px;margin-top:0;}
	.organ_line.bottom .name.first{height:auto;}
	.office.line {background: url("/images/en/common/ora_line.gif") center 40px repeat-x;}

	.office_box{width:95.5%; float:none;}
	.office_con{width:95.2%; border-top:0; float:none;}

	.organ_line .modal_wrap{width:96%; top:0; height:95%; overflow-y:auto; padding:5% 2%;}
	.organ_line .modal_top{margin-top:10px;}

	/* Publications 리스트 페이지 */
	.pub_list ul li{width:99.2%; float:none; border-left:1px solid #d6d6d6;max-height:inherit;height:auto}
	.pub_thumb{width:22.547%;}
	.pub_thumb img{max-width:100%; height:auto;}
	.pub_tit{width:100%; padding-left:2%; padding-top:2px;}
	.pub_tit p{line-height:1.25em;min-height: 72px}	
	.pub_tit a{padding:3px 7px 3px 34px; bottom:5px;}

	/* royal palaces 페이지 */
	.detail .list{width:100%; padding-left:0;}
	.detail .list ol{width:100%; overflow:hidden; display:table;margin-bottom:15px; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;}
	.detail .list ol li{float:left; width:47%; text-align:left; padding-left:3%;  display:table-cell;}
	.detail .view{width:100%;}

	/* royal tombs 페이지 */
	.img_size{float:none;}
	.img_box.type1 .img_size{width:100%; margin-bottom:2%;}
	.img_box.type2 .img_size{width:100%; margin-bottom:2%;}
	.img_pnon{float:none !important; display:block; margin:0 auto;}
	.tbl.type_06.t_tomb th, .tbl.type_06.t_tomb td{font-size:0.75em;}

	/*related site 페이지*/
	.l_site{width:80%;}
	.link_icon{width:20%;}

	/*Popup (Welcome to cha)*/
	.popup_wrap{width:auto;}

	/* Heritage Classification 페이지 */
	.hc_box .hc_top{padding:10px 2%; background-size:cover;}

	/* FAQ 뷰페이지 */
	.tbl.faq_table tr th, .tbl.faq_table tr td{font-size:0.75em;padding:0;}
	.img_grid.type_02 ul li{width:46%;float:left;}
	.img_grid.type_02 ul li:nth-child(3n+1){clear:none;}
	.img_grid.type_02 ul li:nth-child(2n+1){clear:both;}
}
@media all and (max-width:400px){
	/* FAQ 뷰페이지 */
	.img_grid.type_01 ul li{width:100%;float:none;}
	.img_grid.type_02 ul li{width:100%;float:none;}
}
@media all and (max-width:574px) {
	/* royal tombs 페이지 */
	.tombs{display:none;}
    /* CH Charter 페이지 */
    .ch_box1{display:none;}
	/* FAQ 뷰페이지 */
	.faq_box_left{width:100%;float:none;}
	.faq_box_right{width:100%;float:none;}
}

/* /////////////////////////////////////////////////////////////////////////////////////////////
	기타 사이즈
 //////////////////////////////////////////////////////////////////////////////////////////// */
@media all and (max-width:1010px) and (min-width:801px){
	/* 게시판 상세페이지 */
	.board_view .b_info dl{width:100%;border-bottom:1px solid #d9d9d9;float:none;}
	.board_view .b_info dl:first-child{width:100%;}
	.board_view .b_info dl:nth-child(2){width:100%;}
	.board_view .b_info dl:last-child{width:100%;}
	.board_view .b_info dl dt, .board_view .b_info dl dd{padding:8px 0; border-bottom:none;}
	.board_view .b_info dl dt{width:50%;}
	.board_view .b_info dl dd{width:50%;border-right:0;}
}
@media all and (max-width:742px) and (min-width:710px){
	/* 게시판 상세페이지 */
	.board_view .b_info dl{width:100%;border-bottom:1px solid #d9d9d9;float:none;}
	.board_view .b_info dl:first-child{width:100%;}
	.board_view .b_info dl:nth-child(2){width:100%;}
	.board_view .b_info dl:last-child{width:100%;}
	.board_view .b_info dl dt, .board_view .b_info dl dd{padding:8px 0; border-bottom:none;}
	.board_view .b_info dl dt{width:50%;}
	.board_view .b_info dl dd{width:50%;border-right:0;}
}