@charset "utf-8";

/* Reset CSS */

*{margin:0;padding:0;vertical-align:top}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
body {font:normal 0.875em 'Arial', 'Verdana', 'Dotum', sans-serif; color:#464646; line-height:1.6em; word-break:keep-all;}
ul,ol,dl,dt,dd{margin:0;padding:0;list-style:none}
img, video{max-width:100%;height:auto;border:none}
a{text-decoration:none}
a:link,a:visited{color:#555555}
a:hover,a:active,a:focus{color:#3378c1;text-decoration:underline}
table{table-layout:auto;border-collapse:collapse;border-spacing:0}
input, select{vertical-align:middle}
.hidden, legend, caption, hr{position:relative;visibility:hidden;height:0;line-height:0}
i, em, address{font-style:normal; font-weight:normal}
fieldset{border:none}
button { margin:0; padding:0; border:0; font:inherit; color:inherit; background:transparent; overflow:visible; cursor:pointer; line-height:1; }


/* Common CSS */


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	CONTENT LIST TEXT
	ex) class="h5 icon5" / class="들여쓰기수준 아이콘종류"
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
h3{font-family: 'Verdana', 'Georgia', 'Arial', sans-serif; color:#000; font-size:1.5em; font-weight:500;}
h4.title{font-family: 'Georgia', 'Arial',  sans-serif; background:url("/images/en/common/blue_bar.gif") left top no-repeat; padding-top:13px; font-size:1.6875em; font-weight:normal; color:#000; margin-bottom:20px;}
h5{font-size:1.125em; color:#222;}



/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	FONT	
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.bold{font-weight:bold !important}
.bold_non{font-weight:normal !important}



/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	INPUT	
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.input{min-height:20px;line-height:2em;text-indent:5px;border:1px solid #d3d3d3}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	DISPLAY 
	사용의도에 따라 dis_non,dis_hide의 구분
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.dis_non{display:none}
.dis_hide{visibility:hidden;position:absolute;top:0;left:-999em;width:0;height:0;line-height:0}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	BUTTON 
	ex) class="btn type_00" / class="btn 타입"
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.btn_01{background:#575757;color:#fff !important;padding:7px 20px 10px;font-size:14px;font-weight:600;}
.btn_01:hover{background:#000}
.btn_01.type_01{background:#4c8bdb !important}
.btn_01.type_01:hover{background:#195cb1;}
.btn_01 img{vertical-align:middle}

/* 2016.08.23 버튼 타입 추가 / 김승호 */
.btn_01.type_02{padding:10px 35px; background:#787878 !important;}
.btn_01.type_02:hover{background:#000 !important;}

.btn_02{background:#4c8bdb;color:#fff !important;padding:7px 30px 10px;font-size:16px;font-weight:600;}
.btn_02:hover{background:#195cb1;}
.btn_02.type_01{background:#f5f6f8 !important;color:#3d5688 !important;border:1px solid #a7afbf;padding:6px 29px 9px;}
.btn_02.type_01:hover{background:#a7afbf;}
.btn_02 img{vertical-align:middle}

/************  게시판 쓰기버튼(3색)  ***********/
.btn_03{width:12%; height:35px; color:white; font-weight:bold;}
.btn_03.type1{background:#134a99;}
.btn_03.type2{background:#046bb4;}
.btn_03.type3{background:#666666;}
.btn_03:hover{background:#000;}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	DEFAULT COLOR
	기본 색상 5가지 정의(검정,빨강,주황,녹색,파랑)
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.black{color:#000 !important}
.red{color:#f72d2d !important}
.orange{color:#c85000 !important}
.orange2{color:#e13d00 !important}
.green{color:#28880e !important}
.green2{color:#8f9b66 !important}
.blue{color:#00438e !important}
.brown{color:#996633 !important}



/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	BOX정렬 OR TEXT정렬 / CLEAR
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.f_left{float:left}
.f_right{float:right}
.left{text-align:left}
.right{text-align:right}
.center{text-align:center}
.clear{clear:both}




/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	TABLE STYLE
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.tbl{width:100%;text-align:center;border-top:3px solid #545454;letter-spacing:-0.03em}
.tbl th{padding:11px 8px 13px;border-left:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;font-size:14px;text-align:center}
.tbl td{padding:11px 8px 13px;border-left:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;font-size:14px;color:#555555;}
.tbl th.bt,.tbl td.bt{border-bottom:0}
.tbl th,.tbl td.point{font-weight:bold;color:#3b3b3b;background:#f5f5f5}
.tbl tfoot th,.tbl tfoot td{color:#996633;text-align:center;font-weight:bold;background:#fcfcfc}
.tbl th.center,.tbl td.center{text-align:center}
.tbl th.left,.tbl td.left{text-align:left !important; padding-left:15px !important;}
.tbl th.right,
.tbl td.right{text-align:right !important}
.tbl input[type=text],
.tbl input[type=password],
.tbl textarea{min-height:30px;line-height:2em;text-indent:10px;border:1px solid #cacaca; resize: none;}
.tbl input[type=file]{min-height: 27px; }
.tbl select{border:1px solid #cacaca;padding:4px 16px 4px 8px}
.tbl td a{color:#000}
.tbl td a:hover{color:#3378c1;font-weight:600}
.tbl tr:hover{background:#f5f5f5}
.tbl.tr_no tr:hover{background:none}
.tbl.top_border {border-top:none}
.tbl .tbl_content {text-align:left;min-height:300px;padding:30px 10px}

.tbl.type_01{width:100%;text-align:left;border-top:1px solid #d9d9d9;margin:10px 0}
.tbl.type_01 th{padding:6px 8px 8px !important;border-left:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;font-size:14px;text-align:center}
.tbl.type_01 th.img_area{background:#fff}
.tbl.type_01 td{padding:6px 8px 8px !important;border-left:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;font-size:14px;color:#555555;}
.tbl.type_01 th,.tbl.type_01 td.point{font-weight:bold;color:#3b3b3b;background:#fcfcfc}

.tbl.type_02{width:100%;text-align:right;margin:10px 0;border-top:3px solid #545454;}
.tbl.type_02 th{padding:6px 8px 8px !important;border-left:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;font-size:14px;text-align:center}
.tbl.type_02 th.img_area{background:#fff}
.tbl.type_02 td{padding:6px 8px 8px !important;border-left:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;font-size:14px;color:#555555;}
.tbl.type_02 td.point{font-weight:400;color:#3b3b3b;background:#dde6f3}
.tbl.type_02 td.txt{font-weight:400;color:#878787;font-size:13px}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
    2016.08.23 Heritage Search 디테일 페이지 테이블타입 추가 / 김승호
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.tbl.type_03 col:first-child{width:25%;}
.tbl.type_03 th{border-left:none;vertical-align: middle;}
.tbl.type_03 td{border-left:none; vertical-align: middle;}
.tbl.type_03 tr:last-child td, .tbl.type_03 tr:last-child th{border-bottom:1px solid #999;}
.tbl.type_03 tr:hover{background:none;}
.tbl.type_03 td{padding:6px 8px 8px;}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
    2016.08.23 뉴스 게시판 목록 테이블 추가 / 김승호
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.tbl.type_04 col{width:auto;}
.tbl.type_04 th{border-left:none;vertical-align: middle;}
.tbl.type_04 td{border-left:none; vertical-align: middle;}
.tbl.type_04 tr:last-child td{border-bottom:1px solid #999;}
.tbl.type_04 td a{display:block;letter-spacing:0.01em;}
.tbl.type_04 td a:hover{font-size:14px;color:#3378c1;font-weight:normal;}
.tbl.type_04 tr td:nth-child(2){text-align:left;padding-left:30px !important;}
.tbl.type_04 tr td a img{margin-right:5px; position:relative; top:2px;}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
    2016.08.23 뉴스 게시판 상세 테이블 추가 / 김승호
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.tbl.type_05 td a:hover{color:#3378c1; font-weight:normal; text-decoration:underline;}
.tbl.type_05 th{padding-right:0;}
.tbl.type_05 th:first-child{border-left:none;}
.tbl.type_05 td{text-align:left; padding:11px 10px 13px; vertical-align:middle;}
.tbl.type_05 tr.board_info th{width:10%; vertical-align: middle;}
.tbl.type_05 tr.board_con td{border-left:none; border-bottom:none; padding:30px 8px 30px;}
.tbl.type_05 tr.board_file th{width:20%;}
.tbl.type_05 tr.board_file th,
.tbl.type_05 tr.board_file td{border-top:1px solid #999 !important; border-bottom:1px solid #999;}
.tbl.type_05 tr.prev th, .tbl.type_05 tr.prev td{border-top:1px solid #999;}
.tbl.type_05 tr.next th, .tbl.type_05 tr.next td{border-bottom:1px solid #999;}
.tbl.type_05 .next{border-bottom:1px solid #999;}
.tbl.type_05 .border_non{border:none !important; padding:4px 0 !important;}
.tbl.type_05 tr.board_file th,
.tbl.type_05 tr.prev th,
.tbl.type_05 tr.next th{vertical-align:middle;text-align:left; padding-left:25px;}
.tbl.type_05 tr.prev img,
.tbl.type_05 tr.next img{position:relative; top:9px; margin-right:5px;}
.tbl.type_05 .padding_0{padding:0;}
.tbl.type_05 .bl_0{border-left:0;}
.tbl.type_05 .br_0{border-right:0;}

/* Royal Palaces - Infomation 페이지 테이블 */
.tbl.type_06 col{width:auto;}
.tbl.type_06 col:first-child{width:auto;}
.tbl.type_06 th, .tbl.type_06 td{vertical-align: middle; text-align:center; padding:5px 1%; font-size:0.9375em; border-right:1px solid #d9d9d9;}
.tbl.type_06 tr{border-right:1px solid #d9d9d9;}
.tbl.type_06 tr:hover{background:none;}
.tbl.type_06 tr.last{border:none;}
.tbl.type_06 tr.last td{border:none; text-align:left; padding:5px 0;}

/*********************************************************************************************************************/

.tbl02{width:100%;text-align:left;letter-spacing:-0.03em;border-right:1px solid #d9d9d9;border-top:1px solid #d9d9d9;}
.tbl02 th{padding:11px 8px 13px;border-left:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;font-size:13px;text-align:center}
.tbl02 td{padding:11px 15px 13px;border-left:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;font-size:13px;color:#686767;}
.tbl02 th.bt,.tbl td.bt{border-bottom:0}
.tbl02 th,.tbl td.point{font-weight:bold;color:#666666;background:#f5f5f5}
.tbl02 tfoot th,.tbl tfoot td{color:#996633;text-align:center;font-weight:bold;background:#fcfcfc}
.tbl02 th.center,.tbl td.center{text-align:center}
.tbl02 th.left,.tbl td.left{text-align:left !important; padding-left:10px !important;}
.tbl02 th.right,
.tbl02 td.right{text-align:right !important}
.tbl02 input[type=text],
.tbl02 textarea{min-height:20px;line-height:1em;text-indent:10px;border:1px solid #cacaca}
.tbl02 select{border:1px solid #cacaca;padding:4px 16px 4px 8px}
.tbl02 td a{color:#000}
.tbl02 td a:hover{color:#3378c1;font-weight:600}
.tbl02 td label{vertical-align:2px}
.tbl02 td.bg_first {background-color:#fbfcfd;padding:7px 15px 9px !important;}
.tbl02 td .detail_set_scroll {height:90px;overflow-x: hidden;overflow-y: scroll;position: relative;}

.tbl03{width:100%;text-align:left;letter-spacing:-0.03em;border-right:1px solid #ced3db;border-top:1px solid #ced3db;}
.tbl03 th{padding:5px 8px 7px;border-left:1px solid #ced3db;border-bottom:1px solid #ced3db;font-size:13px;text-align:center}
.tbl03 td{padding:5px 8px 7px;border-left:1px solid #ced3db;border-bottom:1px solid #ced3db;font-size:13px;color:#444444;}
.tbl03 th.bt,.tbl td.bt{border-bottom:0}
.tbl03 th,.tbl td.point{font-weight:bold;color:#0d54af;background:#dde6f3}
.tbl03 th img{vertical-align:bottom}
.tbl03 td select{padding:3px}

.tbl03.type_01{width:100%;text-align:left;letter-spacing:-0.03em;border-right:1px solid #ced3db;border-top:1px solid #ced3db;}
.tbl03.type_01 th{padding:12px 8px 14px;border-left:1px solid #ced3db;border-bottom:1px solid #ced3db;font-size:13px;text-align:center}
.tbl03.type_01 td{padding:12px 8px 14px;border-left:1px solid #ced3db;border-bottom:1px solid #ced3db;font-size:13px;color:#444444;}
.tbl03.type_01 th,.tbl03.type_01 td.point{font-weight:bold;color:#0d54af;background:#dde6f3}




/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	PAGE
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.page{margin-top:30px; text-align:center;}
.page a,
.page strong{display:inline-block; width:30px; height:27px; margin:0px 1px; line-height:27px; text-align:center; color:#666;}
.page a:link,
.page a:active,
.page a:visited{color:#666666; border:1px solid #adb3b7; background:#fff;}
.page a:hover,
.page strong{font-weight:bold; color:#fff; border:1px solid #2e75ce; background:#5795e3;}
.page a.next,.page a.prev,.page a.start,.page a.end{vertical-align:bottom;}
.page a.next{width:28px; height:25px; border:none;vertical-align:top}
.page a.prev{width:28px; height:25px; border:none;vertical-align:top}
.page a.start{width:28px; height:25px; border:none;vertical-align:top}
.page a.end{width:28px; height:25px; border:none;vertical-align:top}
.page a.next:hover,
.page a.prev:hover,
.page a.start:hover,
.page a.end:hover{}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
    2016.08.23 뉴스 게시판 page 추가 / 김승호
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.page.type_01{margin-top:25px;}
.page.type_01 a,
.page.type_01 strong{width:27px; height:27px; line-height:27px; border:1px solid #d2d2d2;}
.page.type_01 a:link,
.page.type_01 a:active,
.page.type_01 a:visited{text-decoration:none;}
.page.type_01 a:hover, .page.type_01 strong, .page.type_01 a.active{color:#fff; border:1px solid #5e5e5e; background:#808080; text-decoration:none;}
.page.type_01 a, .page.type_01 a img{margin-bottom:10px;}
.page.type_01 a.start{width:29px; height:29px; border:none; vertical-align:top;}
.page.type_01 a.prev{width:29px; height:29px; border:none; vertical-align:top;}
.page.type_01 a.next{width:29px; height:29px; border:none; vertical-align:top;}
.page.type_01 a.end{width:29px; height:29px; border:none; vertical-align:top;}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
    2016.08.23 뉴스 게시판 검색 추가 / 김승호
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.board_sch{padding:2.14% 2.14%; background:#edf0f3; margin-top:20px;overflow:hidden;}
.page_count{width:35%;}
.page_sch{width:63%;}
.page_count, .page_sch{float:left; text-align:center;}
.page_count, .page_sch{display:inline-block; line-height:35px;}
.board_sch .page_count label{position:relative; top:2px;}
.board_sch .page_count .p_from,
.board_sch .page_count .p_to{width:30%; height:25px; text-align:center;}
.board_sch .page_sch{margin-left:2%;}
.board_sch .page_sch select{width:19.5%; height:29px;}
.board_sch .page_sch .sch_text{width:45%; height:27px;text-align:left;}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	TAB 
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.tab{overflow:hidden;border-left:1px solid #d6d6d6;margin-bottom:20px;width:100%;border-bottom:1px solid #d6d6d6;}
.tab li a{float:left;text-align:center;font-size:15px;color:#444444;padding:12px 3.1% 14px 3.1%;border-top:1px solid #d6d6d6;border-right:1px solid #d6d6d6}
.tab li a.on,.tab li a:hover{background:#417edf;color:#fff;font-weight:bold;border-top:1px solid #417edf;border-bottom:1px solid #417edf;border-right:1px solid #417edf}

.tab.type_01 li a{float:left;text-align:center;font-size:15px;color:#444444;padding:12px 0 14px 0;border-top:1px solid #d6d6d6;border-right:1px solid #d6d6d6;width:165.5px}
.tab.type_01 li a.on,.tab.type_01 li a:hover{background:#417edf;color:#fff;font-weight:bold;border-top:1px solid #417edf;border-bottom:1px solid #417edf;border-right:1px solid #417edf}

.tab.type_02 li a{float:left;text-align:center;font-size:15px;color:#444444;padding:12px 0 14px 0;border-top:1px solid #d6d6d6;border-right:1px solid #d6d6d6;width:123.8px}
.tab.type_02 li a.on,.tab.type_02 li a:hover{background:#417edf;color:#fff;font-weight:bold;border-top:1px solid #417edf;border-bottom:1px solid #417edf;border-right:1px solid #417edf}

.tab.type_03 li a{float:left;text-align:center;font-size:15px;color:#444444;padding:12px 0 14px 0;border-top:1px solid #d6d6d6;border-right:1px solid #d6d6d6;width:33.2%}
.tab.type_03 li a.on,.tab.type_03 li a:hover{background:#417edf;color:#fff;font-weight:bold;border-top:1px solid #417edf;border-bottom:1px solid #417edf;border-right:1px solid #417edf}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	HR
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
hr.long_bar{border:0; width:100%; border-top:1px solid #dde2e8; visibility: visible;}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	MARGIN / PADDING
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.mt_0{margin-top:0}
.mt_5{margin-top:5px}
.mt_10{margin-top:10px}
.mt_15{margin-top:15px}
.mt_20{margin-top:20px}
.mt_25{margin-top:25px}
.mt_30{margin-top:30px}
.mt_35{margin-top:35px}
.mt_40{margin-top:40px}
.mt_45{margin-top:45px}
.mt_50{margin-top:50px}

.mb_0{margin-bottom:0}
.mb_5{margin-bottom:5px}
.mb_10{margin-bottom:10px}
.mb_15{margin-bottom:15px}
.mb_20{margin-bottom:20px}
.mb_25{margin-bottom:25px}
.mb_30{margin-bottom:30px}
.mb_35{margin-bottom:35px}
.mb_40{margin-bottom:40px}
.mb_45{margin-bottom:45px}
.mb_50{margin-bottom:50px}

.ml_0{margin-left:0}
.ml_5{margin-left:5px}
.ml_10{margin-left:10px}
.ml_15{margin-left:15px}
.ml_20{margin-left:20px}
.ml_25{margin-left:25px}
.ml_30{margin-left:30px}
.ml_35{margin-left:35px}
.ml_40{margin-left:40px}
.ml_45{margin-left:45px}
.ml_50{margin-left:50px}

.mr_0{margin-right:0}
.mr_5{margin-right:5px}
.mr_10{margin-right:10px}
.mr_15{margin-right:15px}
.mr_20{margin-right:20px}
.mr_25{margin-right:25px}
.mr_30{margin-right:30px}
.mr_35{margin-right:35px}
.mr_40{margin-right:40px}
.mr_45{margin-right:45px}
.mr_50{margin-right:50px}

.pt_0{padding-top:0}
.pt_5{padding-top:5px}
.pt_10{padding-top:10px}
.pt_15{padding-top:15px}
.pt_20{padding-top:20px}
.pt_25{padding-top:25px}
.pt_30{padding-top:30px}
.pt_35{padding-top:35px}
.pt_40{padding-top:40px}
.pt_45{padding-top:45px}
.pt_50{padding-top:50px}

.pb_0{padding-bottom:0}
.pb_5{padding-bottom:5px}
.pb_10{padding-bottom:10px}
.pb_15{padding-bottom:15px}
.pb_20{padding-bottom:20px}
.pb_25{padding-bottom:25px}
.pb_30{padding-bottom:30px}
.pb_35{padding-bottom:35px}
.pb_40{padding-bottom:40px}
.pb_45{padding-bottom:45px}
.pb_50{padding-bottom:50px}

.pl_0{padding-left:0}
.pl_5{padding-left:5px}
.pl_10{padding-left:10px}
.pl_15{padding-left:15px}
.pl_20{padding-left:20px}
.pl_25{padding-left:25px}
.pl_30{padding-left:30px}
.pl_35{padding-left:35px}
.pl_40{padding-left:40px}
.pl_45{padding-left:45px}
.pl_50{padding-left:50px}

.pr_0{padding-right:0}
.pr_5{padding-right:5px}
.pr_10{padding-right:10px}
.pr_15{padding-right:15px}
.pr_20{padding-right:20px}
.pr_25{padding-right:25px}
.pr_30{padding-right:30px}
.pr_35{padding-right:35px}
.pr_40{padding-right:40px}
.pr_45{padding-right:45px}
.pr_50{padding-right:50px}

.blank_ico { display: inline-block;width: 12px;height: 12px; background: url(/images/en/common/blank_small_img.png) center center no-repeat;margin-left: 5px;vertical-align: middle; }