@charset "utf-8";

/* Guide */
#wrapper{width:auto; height:auto; margin:0 auto; position:relative; z-index:10;}
#wrapper:after {content:""; display:block; clear:both;}
.skip {overflow:hidden;}

/* wrap */
#main_container {width:100%; height:auto; position:relative; margin:0 auto; overflow:hidden; background-image:url(./../../images/eng/common/contents_bg.gif);}

/*header*/
#firstheader{width:100%; height:auto; }
#header_wrap{width:100%;  height:35px; background-color:#413131; background-image:url(./../../images/eng/common/top_x_bg.png); }
#header{width:1180px;  margin:0 auto; overflow:hidden; }
#header ul.bmk01{float:left;}
#header ul li {display:inline-block;}
#header ul li a {color:#fff;  text-decoration:none;} 
#header ul li a:hover {color:#e2dcda; }
#header ul li.bmk1 {padding:5px 10px 0 0; border-right:1px solid #5f4842; vertical-align:top; line-height:35px;  overflow:hidden;}
#header ul li.bmk2 {  line-height:35px;  border-right:1px solid #5f4842;  background:#413131;  padding:0px 10px; overflow:hidden; }
#header ul.bmk02{float:right;}
#header ul li.bmk5 { height:25px;  border-left:1px solid #5f4842; background:#413131; padding:6px 12px; text-align:center; margin-left:-5px; }
#header ul li.bmk6 { height:25px;  border-left:1px solid #5f4842; background:#5f4842; padding:6px 12px; text-align:center; margin-left:-5px; }



/*main
#main_visual{ width:1180px; height:auto;  margin:0 auto; clear:both; overflow:hidden;}
#main_zone {width:100%; height:auto; overflow:hidden; position:relative; }
#main_zone .slide_img  {width:83%; float:left; position:absolute; top:0; left:17%;}

/*main 비주얼 버튼
.btnmenu {background-color:#ececec; color:#272727; width:17%; float:left; overflow:hidden; }
.btnmenu ul {margin:0px; padding:0px; list-style:none; text-align:center;}
.btnmenu li {padding:16% 0; border-bottom:1px solid #dbdbdb;font-weight:600; font-size:14px; }
.btnmenu li.visual01{ width:100%;  background:url(./../../images/ktp/main/btn_vis_01.gif) no-repeat  left top;}
.btnmenu li.visual02{ width:100%; background:url(./../../images/ktp/main/btn_vis_02.gif) no-repeat  left top;}
.btnmenu li.visual03{ width:100%; background:url(./../../images/ktp/main/btn_vis_03.gif) no-repeat  left top;}
.btnmenu li.visual04{ width:100%;  background:url(./../../images/ktp/main/btn_vis_04.gif) no-repeat  left top;}
.btnmenu li.visual05{ width:100%;  background:url(./../../images/ktp/main/btn_vis_05.gif) no-repeat  left top;}
.btnmenu li.visual06{ width:100%; background:url(./../../images/ktp/main/btn_vis_06.gif) no-repeat  left top;}
.btnmenu li.visual07{ width:100%; background:url(./../../images/ktp/main/btn_vis_07.gif) no-repeat  left top;}
.btnmenu li a {color:#666; text-decoration:none; padding:4px;}
.btnmenu li a.tabactive {color:#000; font-weight:bold; position:relative;}
#tabcontent1,#tabcontent2,#tabcontent3,#tabcontent4,#tabcontent5,#tabcontent6,#tabcontent7 { width:100%; float:left;}

.btnmenu li.visual01:hover{ background:url(./../../images/ktp/main/btn_vis_01_ov.gif) no-repeat  left top;}
.btnmenu li.visual02:hover{ background:url(./../../images/ktp/main/btn_vis_02_ov.gif) no-repeat  left top;}
.btnmenu li.visual03:hover{ background:url(./../../images/ktp/main/btn_vis_03_ov.gif) no-repeat  left top;}
.btnmenu li.visual04:hover{ background:url(./../../images/ktp/main/btn_vis_04_ov.gif) no-repeat  left top;}
.btnmenu li.visual05:hover{ background:url(./../../images/ktp/main/btn_vis_05_ov.gif) no-repeat  left top;}
.btnmenu li.visual06:hover{ background:url(./../../images/ktp/main/btn_vis_06_ov.gif) no-repeat  left top;}
.btnmenu li.visual07:hover{ background:url(./../../images/ktp/main/btn_vis_07_ov.gif) no-repeat  left top;}

.btnmenu li.visual01.onTab{ background:url(./../../images/ktp/main/btn_vis_01_ov.gif) no-repeat  left top;}
.btnmenu li.visual02.onTab{ background:url(./../../images/ktp/main/btn_vis_02_ov.gif) no-repeat  left top;}
.btnmenu li.visual03.onTab{ background:url(./../../images/ktp/main/btn_vis_03_ov.gif) no-repeat  left top;}
.btnmenu li.visual04.onTab{ background:url(./../../images/ktp/main/btn_vis_04_ov.gif) no-repeat  left top;}
.btnmenu li.visual05.onTab{ background:url(./../../images/ktp/main/btn_vis_05_ov.gif) no-repeat  left top;}
.btnmenu li.visual06.onTab{ background:url(./../../images/ktp/main/btn_vis_06_ov.gif) no-repeat  left top;}
.btnmenu li.visual07.onTab{ background:url(./../../images/ktp/main/btn_vis_07_ov.gif) no-repeat  left top;}
*/

/*main visual*/

#main_visual ul, #main_visual li{list-style:none; margin:0;padding:0}
#main_visual img{ border:none; vertical-align:top; font-size:0}

#main_visual { position:relative; width:1180px; border:1px solid #eee; margin:0 auto;}
#main_visual .DB_mask {float:left; top:0;}
#main_visual .DB_mask .DB_img {position:relative;}
#main_visual .DB_mask .DB_img li {position:absolute; width:100%; height:auto;}
#main_visual .DB_menu{position:absolute;}
#main_visual .DB_menu li{cursor:pointer; text-decoration:none;}
#main_visual .DB_menu .visualtxt{ position:relative; left:-155px; top:35px; width:100%; font-weight:600; text-decoration:none;}
#main_visual .DB_menu a { text-decoration:none !important;}




/* 메인 컨텐츠 */
#contents_box { width:1180px; margin:0 auto; background:#fff; overflow:hidden;  position:relative; }
#main_cont { width:100%; position:relative; }
#main_cont:after {content:""; display:block; clear:both;}

/* 바로가기 버튼 */
#cont01 {width:100%;height:auto; }
#cont01 .cont01_zone {width:90%; margin:0 auto; padding-left:40px; padding-top:15px;}
#cont01 .cont01_zone .con_box2 {margin-left:-15px;}
#cont01 .cont01_zone div{ display:inline-block; margin-right:25px;}
#cont01 .cont01_zone img{float:left; margin-top:5px;}
#cont01 .cont01_zone .txt{float:left; padding-left:10px; display:block; margin-bottom:10px;}
#cont01 .cont01_zone .txt span{ font-size:10px; color:#6b6b6b; }
#cont01 .cont01_zone strong{display:block; margin-top:3%; font-size:12px; color:#3e3e3e;}

#cont02 {width:100%;height:auto; border-top:2px solid #e5e5e5;overflow:hidden; }
#cont02 h3{color:#f17c13;}
#cont02:after {content:""; display:block; clear:both; }

/*공지사항/보도자료 tabzone*/
#cont02  .tabZone { overflow:hidden; height:20px; display:block; position:relative;}
#cont02  .tabZone li { float:left;  line-height:15px; font-size:15px; font-weight:600;}
#cont02  .tabZone .tabon, 
#cont02  .tabZone .on {  color:#8d8c8c;}
#cont02  .tabZone .tabon a,
#cont02  .tabZone .on a { color:#f17c13;}
#cont02  .tabZone span.more a{ position:absolute; top:-4px; right:0; font-size:20px; color:#f17c13; font-weight:bold; text-decoration:none; padding:5px;}

/* 공지사항 */
#cont02_box11{width:26%; height:287px; float:left;  border-right:1px solid #ccc;} 
#cont02_box11 .cont {width:90%; height:100%; padding:30px 15px 30px 20px; overflow:hidden; position:relative;}
#cont02_box11 .cont a {color:#8d8c8c; }
#cont02_box11 .cont p.btn_more {  position:absolute; top:23px; right:30px;padding:5px;}
#cont02_box11 .cont ul.title_01 {width:100%; float:left; margin-top:20px; overflow:hidden;}
#cont02_box11 .cont ul.title_01 li{text-overflow:ellipsis; overflow:hidden; margin:5px 0; }
#cont02_box11 .cont ul.title_01 li a:hover { text-decoration:underline; color:#333;}
#cont02_box11 .cont ul.title_01 li .img img{width:117px; height:83px;}
#cont02_box11 .cont ul.title_01 li .txt{width:53%; height:80px;  margin-left:10px; overflow:hidden;}
#cont02_box11 .cont ul.title_01 li .txt strong {color:#333; font-size:13px;}
#cont02_box11 .cont ul.title_02 { clear:both; margin-top:30px; width:100%;  height:287px;}
#cont02_box11 .cont ul.title_02 li{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding:5px 0;}
#cont02_box11 .cont ul.title_02 li a:hover {color:#333;}

/* 전통산사 세계유산으로의 가치 */
#cont02_box21{width:41.7%; height:160px;  float:left; border-bottom:1px solid #ccc;  overflow:hidden;}
#cont02_box21:after {content:""; display:block; clear:both;}
#cont02_box21 .cont {width:100%; height:100%; padding:30px 15px 30px 20px; background:url(./../../images/eng/main/conts_box02_bg.png) no-repeat 84% 53%; overflow:hidden;}
#cont02_box21 .cont span { width:90%;  text-overflow:ellipsis; display:block;}
#cont02_box21 .cont span.btn_ins a{width:102px; height:24px; display:block;  text-align:center; padding:3px 0 1px; border:1px solid #000; text-decoration:none; margin-top:15px;}
#cont02_box21 .cont span.btn_ins a:hover {background:#333; color:#FFF;}

/* 산사의 문화유산 */
#cont02_box31{width:32%; height:287px;float:left; border-right:1px solid #ccc;  overflow:hidden;}
#cont02_box31:after {content:""; display:block; clear:both;}
#cont02_box31 .cont {width:93%; padding:30px 0 30px 20px;  position:relative;}
#cont02_box31 .cont #tab2c1,#tab2c2,#tab2c3 {width:100%; height:287px;  overflow:hidden; }
#cont02_box31 .cont ul.btn_cont {margin-top:7px; }
#cont02_box31 .cont  p.btn_more1 {  position:absolute; top:0;; right:20px; top:55px; padding:5px;}

/* 산사의 문화유산 tabzone*/
#cont02_box31 .tabZone1 { overflow:hidden; position:relative;}
#cont02_box31 .tabZone1 li { width:70px; height:24px; float:left; display:block; font-size:12px; text-align:center; border:1px  solid #d7d7d7; padding-top:2px; margin-right:-1px; }
#cont02_box31 .tabZone1 .tabon, 
#cont02_box31 .tabZone1 .on {  color:#fff;  background:#f5773e; }
#cont02_box31 .tabZone1 .tabon a,
#cont02_box31 .tabZone1 .on a { color:#fff; text-decoration:none;  }
#cont02_box31 .tabZone1 span.more a{ position:absolute; top:0; right:3%; font-size:20px; color:#f17c13; font-weight:bold; text-decoration:none; padding:5px;}

#cont02_box31 .txt_cont { width:97%; margin-top:20px; overflow:hidden;}
#cont02_box31 .txt_cont  li { height:40px; padding:6px 0  6px 15px; overflow:hidden;  border-bottom:1px  solid #d7d7d7;  background:url(./../../images/eng/main/conts_box03_icon.png) no-repeat  0 20px;}
#cont02_box31 .txt_cont  strong {width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;}
#cont02_box31 .txt_cont  li span {font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; }

/*전국 사찰정보,교통안내 */
#cont02_box41{width:41.7%; height:127px; float:left; }
#cont02_box41 .box41_wrap {width:100%;  overflow:hidden; position:relative;}
#cont02_box41 .box41_pre { position:absolute; left:0; top:30%; padding:5px;}
#cont02_box41 .box41_nxt { position:absolute; right:0; top:30%;  padding:5px;}
#cont02_box41 .box41_banner {width:95%; margin:1% auto; valign:middle;}
#cont02_box41 .box41_banner img {width:100%; overflow:hidden;}