@charset "utf-8";

/* 알아보기_컨텐츠(타입1)  */
.type1_contents .more_info {height:23px;text-align:left;padding:0 10px 0;font-size:11px;}
.sumup {*zoom:1;}
.sumup:after {content:"";clear:both;display:block;}
.sumup .top_class  {margin:0;background-color:#ccc;line-height:1.2;*zoom:1;border-top:1px solid #ccc;}
.sumup .top_class:after {content:"";clear:both;display:block;}
.sumup .top_class>ul li {float:left;}
.sumup .top_class .section {height:100px;margin: 0 0 0 1px;background-color:#fff;text-align:center;}
.sumup .top_class .area_name {width:126px;background-color:#b7cbd4;position:relative;}
.sumup .top_class .area_name div.ar_hogam {position:absolute;right:5px;top:15px}
.sumup .top_class .area_name span {display:table-cell;font-size:16px;color:#fff;line-height:1.4;text-align:center;width:inherit;height:inherit;vertical-align:middle}
.sumup .top_class .area_name span strong {display:block;font-size:20px;color:#4b616e;font-weight:bold;letter-spacing:-1px}
.sumup .top_class .hogam {width:125px;}
.sumup .top_class .hogam span{display:block;padding:25px 23px 0}
.sumup .top_class .hogam span p {margin-bottom:7px}
.sumup .top_class .keyword {width:204px;}
.sumup .top_class .keyword strong{display:block;padding:14px 13px 8px 20px;text-align:left;font-weight:bold;font-size:14px }
.sumup .top_class .keyword .keypad {margin:0 15px 0;border-bottom:1px dotted #ccc;overflow:hidden}
.sumup .top_class .keyword .keypad .floor {padding:4px 20px;}
div.key_area{width: 44px;float:left;padding:4px 7px;}
div.title-holder {width: 44px;text-align:center;overflow:hidden;position: relative;}
div.title-holder a {position: relative; white-space:nowrap;left: 0px;}
div.image{background:brown;width: 100%;height: 100px;}

.sumup .top_class .notice {font-size:11px;line-height:1.8;width:299px;font-family: "돋움",Dotum;}
.sumup .top_class .notice ul li {border-bottom:1px solid #ccc;text-align:left;height:19px;width:299px;position:relative}
.sumup .top_class .notice ul li a:hover {font-weight:bold;color:#294353;letter-spacing:-1px;}
.sumup .top_class .notice li span {display:inline-block;*display:inline;zoom:1;font-weight:bold;color:#294353;text-align:center;width:43px;border-right:1px solid #ccc;margin-right:10px;line-height:1.1}
.sumup .top_class .notice em.arrow_go {position:absolute;top:0;right:0}

.sumup .tab {height:32px;background-color:#fff;position:relative;z-index:1}
  /* .sumup .tab ul li a {display:block;float:left;width:125px;height:47px;}*/
.sumup .tab a {display:inline-block;*display:inline;zoom:1;width:125px;line-height:2;text-align:center;font-size:16px;color:#fff;float:left;background-color:#9caab3;margin-left:1px;}
.sumup .tab a:first-child {margin-left:0}
.sumup .tab a.wide {width:254px;background-color:#9caab3;text-align:center}
.sumup .tab a:hover {background-color:#4e6471;}

/* 알아보기 : 내용(예시 1 - 경주) */
.know dl{border-top: 4px solid #9caab3; padding: 30px 0 0; position: relative; width: 705px;}
.know dt{font-size: 25px; color: #535353; margin-bottom:10px; font-weight: none;}
.know dd{text-align: justify; padding-bottom: 30px;font-size: 12px;}
.know dd ul{position: relative;}
.know dd ul li{/*float: left;*/ position: relative;}
.know dd ul li .num{width: 20px; height: 20px; background: #000; color: #fff; text-align: center; line-height: 20px; position: absolute; bottom: 0; right: 0; font-family: Helvetica; font-weight: normal; font-size: 11px;}
.know dd ul li.eq2{width: 470px;}
.know dd ul li.eq2 .num{right: 235px;}
.know dd ul li.eq5{position: absolute; top: 0; right: 0;}
.know dd ul.caption li{float: none; font-size: 11px; height: 22px; line-height: 22px;}

.know .desc_img{text-align: center; font-size: 11px; display: block; color: #000; padding-top: 10px;}
.know .area_img{border: 1px solid #e3e3e3;}
.know b{font-weight: normal; color: #fe0000;}
.know .know_header{margin-bottom:20px;letter-spacing: 1px;}

.know .story_title{border: 0; padding: 0; margin-top: 20px; position: relative;}
.know .story_title dt{font-size: 30px; color: #5cabe6; width:705px;}
.know .story_title dd{width: 420px;}
.know .story_title .area_hotmark{position: absolute; left: 0; bottom: 1px; line-height: 0;}
.know .story_title .area_hotmark li{float: left; margin-right: 6px;}
.know .img_logo{width: 270px !important; text-align: center; position: absolute; top: 30px; right: 0; padding-top: 15px;}

.know dl.type2 dd{float: left; width: 337px;}
.know dl.type2 dd.sec1{padding-right: 31px;}
.hogam_img{margin-top:20px;}
#know_feel{margin-top:20px;}