@import url("reset.css");


/*flexslider*/
.flex-container a:hover,.flex-slider a:hover,.flex-container a:focus,.flex-slider a:focus {outline: none;}
.slides,.slides > li,.flex-control-nav,.flex-direction-nav {margin: 0;padding: 0;list-style: none;}
.flex-pauseplay span {text-transform: capitalize;}
.flex-nav-prev{display:none;}
.flex-nav-next{display:none;}
.flex-control-nav {width: 100%;position: absolute;text-align: center;}
.flex-control-nav li {margin: 0 6px;display: inline-block; zoom:1; display: inline;}
.flex-control-paging {display:none;}
.flex-pauseplay{display:none;}
.flex-control-paging li a {width: 20px;height: 20px;text-indent: -9999px;display: block;background:url("../../images/main/main_crops_off.png") no-repeat 0 0;cursor:pointer}
.flex-control-paging li a.flex-active {background:url("../../images/main/main_crops_on.png") no-repeat 0 0;cursor: default;}
.flex-pauseplay a {display: block;width: 20px;height: 20px;position: absolute;top: 86.66%;right: 7%;z-index: 10;overflow: hidden;cursor: pointer;background:url("../../images/main/main_crops_pause.png") no-repeat 0 0;text-indent:99999px;}


/*header*/
.header{position:fixed; width:100%; z-index:52; padding:11px 0 0; border:none; border-bottom:1px solid #e1e1e1; background-color:#fff;}
.header .logo{text-align:center;}
.header .logo img{width:120px;}
.header .gnb_open{position:absolute; left:4%; top:20px;}
.header .gnb_open img{width:22px;}
.header .btn_search{position:absolute; right:4%; top:19px;}
.header .btn_search img{width:25px;}

.logo_clock{position:relative; overflow:hidden; text-align:center; padding:4px 0 5px; font-size:9px; line-height:14px; color:#666}
.header_bottom{position:relative; overflow:hidden; border-top:1px solid #e1e1e1; padding:0 15px; background:#f9f9f9}
.header_bottom ul, .header_bottom ul li, .header_bottom ul li a{display:block}
.header_bottom ul li{float:left; padding:12px 0; line-height:14px; letter-spacing:-0.1px}
.header_bottom ul li a{color:#000 !important; font-size:12px !important; font-weight:300 !important}
.fl_l{float:left}
.fl_r{float:right}
.fl_r li{margin-left:15px}

.sign, .sign li, .sign li a, .channel_bg, .channel_l, .channel_r, .channel_r li, .channel_r li a{position:relative; overflow:hidden}
.sign, .sign li, .sign li a, .channel_r, .channel_r li, .channel_r li a{display:block; box-sizing:border-box}
.sign{width:100%}
/*.sign li{float:left; width:50%}*/
.sign li:first-child{width:48%}
.sign li{float:left; width:20%}
.sign li:last-child{width:32%}
.sign li a{text-align:center; padding:12px 0; font-size:14px}
.channel_bg{border:2px solid #ccc; border-radius:4px; margin:10px 15px 20px 5px; padding:10px 15px}
.channel_l{float:left; line-height:25px}
.channel_r{float:right}
.channel_r li{margin:0 !important; width:auto !important}
.channel_r li a{margin:0 2px !important}

.black_bg{position:fixed; left:0; top:0; bottom:0; z-index:50; width:100%; height:100%; background:rgba(0,0,0,.7); display:none;}

.gnb_wrap{position:absolute; left:0; top:62px; width:100%; background-color:#fff; display:none; z-index:10}
.gnb{position:relative; }

.gnb_top{padding:11px 0; background-color:#f5f5f5; border-bottom:1px solid #e3e3e3; text-align:center}
.gnb_top li{ display:inline-block; width:33.33%; text-align:center;}
.gnb_top li.icon_desktop a{padding:2px 0 2px 22px; display:inline-block; background:url("../images/common/icon_desktop.jpg") no-repeat 0 center; background-size:16px; font-family:"굴림";}
.gnb_top li img{width:107px;}


/* .gnb_top li{width:33.33%}/*가로값 변경*/
.gnb_top li.icon_desktop a, .gnb_top li.icon_news a{padding:2px 0 2px 22px; display:inline-block; background:url("../images/common/icon_desktop.jpg") no-repeat 0 center; background-size:16px; font-family:"굴림";} /*해당 클래스에  .gnb_top li.icon_news a 추가*/
.gnb_top li.icon_news a{background:url("../images/common/icon_news.jpg") no-repeat 0 center; background-size:16px}/*클래스 추가*/
/* 이미지파일 첨부파일 첨부 */

.gnb_menu_more{position:relative; overflow:hidden; display:inline-block; font-size:11px; line-height:14px; font-weight:normal; color:#aaa; border:1px solid #ddd; box-sizing:border-box; padding:4px 10px 3px; margin-left:20px}

.gnb_menu{padding-left:4%;height:330px; overflow-y:scroll;}
.gnb_menu h2{margin-bottom:9px; padding:14px 0 11px; border-bottom:1px solid #e3e3e3; font-size:17px;  font-weight:bold;}
.gnb_menu h2.red{color:#b7312e;}
.gnb_menu h2.orange{color:#f67936;}
.gnb_menu h2.green{color:#1cbb9b;}
.gnb_menu h2.blue{color:#3e8fba;}
.gnb_menu h2.purple{color:#9265b8;}
.gnb_menu ul:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.gnb_menu ul li{float:left; margin-bottom:12px; width:50%; }
.gnb_menu ul li a{margin-left:15px; display:inline-block; font-size:15px; color:#999;}
.gnb_close{position:absolute; left:4%; top:-42px; }
.gnb_close img{width:22px; }

.top_search{position:absolute; left:0; top:0; width:100%; background-color:#fff; display:none;}
.search_f{position:relative; padding:4px 50px}
.search_close{position:absolute; left:15px; top:10px;}
.search_close img{width:22px; }
.search_f .btn_search{position:absolute; right:4%; top:9px;}
.search_f .btn_search img{width:25px; }
.search_f input[type=text]{padding-left:1%; width:99%; height:40px; line-height:40px; border:none; border-bottom:1px solid #444; font-size:17px; color:#222; border-radius:0}
/* placeholder */
::-webkit-input-placeholder{color:#aaa}
::-moz-placeholder{color:#aaa}
:-ms-input-placeholder{color:#aaa}

.search_list .title{padding:7px 4%; background-color:#f7f7f7; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; font-size:14px; color:#888;}
.search_list ul{padding-top:10px; }
.search_list ul li{margin-bottom:12px; padding:0 4%; }
.search_list ul li a{font-size:16px; }

/*layout*/
.btn_top{position:fixed; right:4%; top:90%; z-index:40;}
.btn_top img{width:42px;}

.img_area{position:relative; margin-bottom:15px;}
.img_area .bg_img{width:100%; }
.img_area .photo{position:absolute; left:0; top:0; bottom:0; width:100%; height:100%; }

.sub_margin{margin:0 4%;}
.s_title{padding:26px 0 16px; text-align:center;}
.s_title span{font-size:20px; color:#0093d1; letter-spacing:-1px;}
.s_title a{margin-left:10px; display:inline-block; }
.s_title img{width:19px;}
.s_title_1{padding:17px 4% 20px; font-size:20px; }

.sub_container{padding-bottom:40px; padding-top:105px}

/*main*/
.main_container{padding-bottom:20px; padding-top:101px;}
.m_top_article{padding:0 4%}
.m_top_article .title{padding:20px 0 10px; }
.m_top_article .title a{font-size:22px; color:#030303; font-weight:bold; letter-spacing:-1px;}
.m_top_article .txt_area{margin-bottom:15px; display:block; color:#777; font-size:16px; -webkit-line-clamp:3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; width: 100%; text-overflow: ellipsis;}

.m_exchange{position:relative; padding:0 28px; min-height:78px; height:78px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; overflow:hidden;}
.m_exchange_list .slides li{float:left; padding:13px 0 11px; width:33.33%; background:url("../images/common/m_exchange_bar.gif") no-repeat 0 center; background-size:1px; }
.m_exchange_list .title{padding:0 0 2px 5px; display:block; color:#888; font-size:12px;}
.m_exchange_list .number{padding:2px 5px; display:block; font-weight:bold; font-size:17px;}
.m_exchange_list .up{padding-left:5px; display:block; font-size:10px; color:#f60045; }
.m_exchange_list .down{padding-left:5px; display:block; font-size:10px; color:#0093d1; }
.m_exchange_prev img,.m_exchange_next img{width:27px; height:78px; }
.m_exchange_prev{position:absolute; left:0; top:0; z-index:5; border:none; display:block; border-right:1px solid #e5e5e5;}
.m_exchange_next{position:absolute; right:0; top:0; z-index:5; border:none; display:block; border-left:1px solid #e5e5e5;}

.m_exchange_list .flex-nav-prev{position:absolute; left:0; top:0; z-index:5; border:none; display:block; border-right:1px solid #e5e5e5;}
.m_exchange_list .flex-nav-prev a{width:27px; height:78px; display:block; background:url("../images/common/m_exchange_prev.jpg") no-repeat 0 0;  background-size:27px;  text-indent:-9999px; border:none;}
.m_exchange_list .flex-nav-next a{width:27px; height:78px; display:block; background:url("../images/common/m_exchange_next.jpg") no-repeat 0 0;  background-size:27px;  text-indent:-9999px; border:none;}
.m_exchange_list .flex-nav-next{position:absolute; right:0; top:0; z-index:5; display:block; border-left:1px solid #e5e5e5;}

.m_title{padding:30px 0 16px; text-align:center; font-size:20px; color:#0093d1; letter-spacing:-1px;}
.m_title a img{margin:2px 0 0 5px; display:inline-block; vertical-align:top; width:19px; }
.m_contents_1{padding:0 4%;}
.m_contents_1 .list li{float:left; width:47.82%; margin-right:4% }
.m_contents_1 .list li:nth-child(2n){margin-right:0}
.m_contents_1 .list li.right{float:right;}
.m_contents_1 .part{margin-bottom:5px; display:block; text-align:right; font-size:11px; }
.m_contents_1 .txt_area{margin-bottom:20px; height:inherit; display:block; overflow:hidden; font-size:17px; overflow: hidden; width: 100%;}
.m_contents_1 .img_area{margin-bottom:5px; }

.m_contents_2{padding:0 4%;}
.m_contents_2 h2{padding:10px 0 12px; text-align:center; font-size:20px; color:#b7312e}
.m_contents_2 ul li{margin-bottom:15px; padding-left:10px; background:url("../images/common/bulit_1.gif") no-repeat 0 7px; background-size:3px; }
.m_contents_2 ul li a{font-size:17px;}

.m_contents_3{padding:0 4%;}
.m_contents_3 .m_title{padding-top:12px; }
.m_contents_3 .part{margin-bottom:7px; display:block; text-align:right; font-size:13px; }
.m_contents_3 .txt_area{margin-bottom:15px; display:block; font-size:17px}
.m_contents_3 .img_area{margin-bottom:5px; }

/*footer*/
.footer{padding:10px 0 20px; border-top:1px solid #e9e9e9;}
.footer_logo{padding-bottom:9px; text-align:center;}
.footer_logo a{padding:0 10px; display:inline-block; line-height:1; border-left:1px solid #fafafa;}
.footer_logo .logo_1 img{width:85px;}
.footer_logo .logo_2 img{width:110px;}
.footer .copyright{ text-align:center; font-size:11px; color:#888; }
.footer_sns{position:relative; overflow:hidden; text-align:center; margin-top:10px}
.footer_sns ul{display:inline-block}
.footer_sns li{float:left; margin:0 3px}
.footer_sns li img{float:left}


/*section main*/
.section_title{padding:17px 4% 13px; font-size:20px; line-height:1.1; }

.market_data{position:relative;}
.market_data .martket_title{float:left; margin-left:4%; padding-top:20px; display:block; width:23%; font-size:20px; color:#555;}
.market_data .exchange_list{position:relative; float:right; margin-bottom:20px; padding:0 28px; width:54.5%; min-height:78px; height:78px; overflow:hidden; border:1px solid #e1e1e1;}
.market_data .exchange_list .slides li{float:left; padding:13px 0 11px; width:33.33%; background:url("../images/common/m_exchange_bar.gif") no-repeat 0 center; background-size:1px; }
.market_data .exchange_list .title{padding:0 0 2px 5px; display:block; color:#888; font-size:12px;}
.market_data .exchange_list .number{padding:2px 5px; display:block; font-weight:bold; font-size:17px;}
.market_data .exchange_list .up{padding-left:5px; display:block; font-size:10px; color:#f60045; }
.market_data .exchange_list .down{padding-left:5px; display:block; font-size:10px; color:#0093d1; }
.exchange_prev img,.exchange_next img{width:27px; height:78px; }
.exchange_prev{position:absolute; left:0; top:0; z-index:5; border:none; display:block; border-right:1px solid #e5e5e5;}
.exchange_next{position:absolute; right:0; top:0; z-index:5; border:none; display:block; border-left:1px solid #e5e5e5;}

.market_data .exchange_list .flex-nav-prev{position:absolute; left:0; top:0; z-index:5; border:none; display:block; border-right:1px solid #e5e5e5;}
.market_data .exchange_list .flex-nav-prev a{width:27px; height:78px; display:block; background:url("../images/common/m_exchange_prev.jpg") no-repeat 0 0;  background-size:27px;  text-indent:-9999px; border:none;}
.market_data .exchange_list .flex-nav-next a{width:27px; height:78px; display:block; background:url("../images/common/m_exchange_next.jpg") no-repeat 0 0;  background-size:27px;  text-indent:-9999px; border:none;}
.market_data .exchange_list .flex-nav-next{position:absolute; right:0; top:0; z-index:5; display:block; border-left:1px solid #e5e5e5;}

.section_top{padding:0 4%;}
.section_top .img_area{margin-bottom:0;}
.section_top .date{padding:14px 0 8px; display:block; font-size:12px; color:#ccc;}
.section_top .txt_area p.title a{font-size:22px; color:#030303; letter-spacing:-0.5px; font-weight:bold; line-height:24px; margin-bottom:10px}
.section_top .txt_area p a{display:block; font-size:16px; color:#aaa; -webkit-line-clamp:3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; width: 100%; text-overflow: ellipsis;}

.sub_contents_1{padding:0 4%;}
.sub_contents_1 li{position:relative; margin-bottom:12px; padding-left:139px; min-height:80px;}
.sub_contents_1 li.no-image{padding-left:0; min-height:auto;}
.sub_contents_1 li .img_area_1{position:absolute; left:0; top:0;}
.sub_contents_1 li .img_area_1 img{width:131px; height:79px;}
.sub_contents_1 li .date{padding:10px 0 6px; display:block; font-size:13px; color:#bcbcbc; }
.sub_contents_1 li p a{font-size:16px; overflow: hidden; text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word}

.sub_contents_2{padding:0 4%; overflow:hidden; margin-bottom:20px}
.sub_contents_2_more{float:right; color:#aaa; font-size:14px; margin-right:2%}
.sub_contents_2_more:hover{color:#aaa;}
.sub_contents_2 .s_title{padding-top:16px;}
.sub_contents_2 li{margin-bottom:14px; padding-left:10px; background:url("../images/common/bulit_1.gif") no-repeat 0 7px; background-size:3px; }
.sub_contents_2 li a{font-size:17px;}

/*article list*/
.article_list_title{padding:15px 4% 12px; font-size:17px; line-height:1.1;}
.list_more{border:1px solid #dfe1e4;}
.list_more a{padding:6px 0; display:block; text-align:center; font-size:17px;}
.list_more a span{color:#0093d1;}

/*article view*/
.article_view .title{padding:20px 4% 10px; font-size:22px; }
.icon_area{margin-bottom:30px; padding:0 4%;}
.icon_area .left{float:left; margin-top:4px;}
.icon_area .left p{font-size:10px; color:#afafaf;}
.icon_area .right{float:right;}
.icon_area .right li{float:left;}
.icon_area .right li:first-child img{width:34px;}
.icon_area .right li img{width:35px;}
.view_contents {padding:0 4% 55px 4%; line-height:26px; font-size:17px; font-weight:300; letter-spacing:-0.3px}
.view_contents a{line-height:26px; font-size:17px; font-weight:300; letter-spacing:-0.3px}
.view_contents .img_cont{text-align:center; margin-top:20px}
.view_contents .img_cont img{max-width:100%;}
.view_sns_area{padding:0 4%;}
.view_sns_area ul{float:right;}
.view_sns_area ul li{float:left; }
.view_sns_area ul li img{width:35px;}

/*search*/
.srch_form{position:relative; margin:0 4%; padding-right:37px; border:1px solid #333;}
.srch_form input[type=text]{padding-left:1%; width:99%; height:35px; line-height:35px; border:none;}
.srch_form a.btn_search{position:absolute; right:0; top:0; }
.srch_form a.btn_search img{width:37px;}
.srch_result{padding:9px 4% 0; font-size:18px; color:#000;}
.srch_result span{margin-bottom:10px; display:block; font-size:16px; color:#aaa;}
.srch_result_list{padding:0 4%;}
.srch_result_list .srch_title{padding:34px 0 12px; font-size:17px; font-weight:bold;}
.srch_result_list ul{padding-bottom:10px; }
.srch_result_list ul li{margin-bottom:10px; }
.srch_noresult{text-align:center; font-size:15px; color:#bbb}
.srch_result_list ul li a{padding-left:10px; display:block; background:url("../images/common/bulit_1.gif") no-repeat 0 7px; background-size:3px; font-size:16px; color:#555;}
.srch_result_list ul li .date{margin-bottom:4px; padding-left:10px; display:block; color:#bdbdbd;}
.srch_result_list ul li .info{padding:6px 0 0 10px; display:block; color:#bdbdbd;}
.btn_more{border:1px solid #dfe1e4;}
.btn_more a{padding:7px 0; display:block; text-align:center; color:#666;}

.keywords{position:absolute; left:-1px; top:35px; width:100%; background-color:#fff; border:1px solid #333; display:none;}
.keywords .title{padding:7px 4%; background-color:#f7f7f7; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; font-size:14px; color:#888;}
.keywords ul{padding-top:10px; }
.keywords ul li{margin-bottom:12px; padding:0 4%; }
.keywords ul li a{font-size:16px; }

.people_align{padding:5px 4% 17px;}
.people_align li{float:left; margin-right:20px; }
.people_align li a{font-size:14px; color:#222;}
.people_align li.on a{color:#0093d1; }
.people_srch{padding:0 4%;}
.people_srch select{float:left;  padding-left:1%; width:31.4%; height:35px; line-height:35px; -webkit-appearance:none; border:1px solid #333; border-radius:0;}
.people_srch .srch_f{position:relative; float:right; width:63%;}
.people_srch .srch_f .inner{margin-right:38px;}
.people_srch .srch_f input[type=text]{ padding-left:2%; width:98%; height:35px; line-height:35px; border:none; border-bottom:1px solid #333; border-radius:0;  display:block; color:#000;}
.people_srch .srch_f .btn{position:absolute; right:6px; top:6px; }
.people_srch .srch_f .btn img{width:25px;}
.people_txt{padding:20px 4% 23px; font-size:11px; color:#afafaf;}
.people_list{padding:0 4%;}
.people_list ul li{float:left; width:47.82%;}
.people_list ul li.right{float:right;}
.people_list ul li .img_area{margin-bottom:10px; }
.people_list a>span{margin-bottom:2px; display:block; text-align:center; font-size:13px; color:#777;}
.people_list span.name{margin-bottom:10px; color:#222;}
.people_list span.up{vertical-align:top; color:#f60045;}
.people_list span.down{vertical-align:top; color:#0093d1;}
.people_list .txt_area{height:99px;}

.list_more.gray_bg{margin:0 4%; background-color:#f3f3f3;}


/*2016-05-30 희진*/
.sub_cont{margin:0 4%;}
.subtit{color: #030303; font-size: 18px; font-weight: 600; margin-top: 20px;  margin-bottom: 20px;}
.searcharea{border-bottom: 1px solid #f2f2f2; }
.searcharea .searchbox{ border: 1px solid #333333; border-right: 0px;  padding-left: 5px; box-sizing: border-box; height: 35px; width:89%;     margin-top: -26px;}
.searcharea .searchbtn{border: 1px solid #333; border-left: 1px solid #d5d5d5; width:35px; box-sizing: border-box; height: 35px; background: url(../images/sub/searchicon.gif) no-repeat center center; background-size: 18px;margin-left: -5px;;}
.searchtit{font-size: 14px; color: #aaaaaa; margin-top: 18px; margin-bottom: 10px; }
.searchtxt{font-size: 16px; color: #030303; font-weight: 600; padding-bottom: 20px; }
.pricearea .pricetit{ font-size: 16px; color: #030303; margin-bottom: 10px; padding-top: 20px; margin-top:25px;  border-top:1px solid #f2f2f2;}
.pricearea .kospi, .pricearea .kosdaq{ font-size: 14px; color: #030303; margin-bottom: 5px; font-weight: 600;}
.pricearea .kospi img{width: 50px; }
.pricearea .kosdaq img{width:115px}
.pricearea .price { font-size: 14px; color: #888888; margin-top: 15px;}
.pricearea .price span{margin-right:10px; display:inline-block; font-size: 15px; font-weight: 600;}
.pricestate .num{ font-size: 33px; color: #000;  float: left; display: block; letter-spacing:-1px;}
.pricestate .num2{ font-size: 33px; color: #999999;  float: left; display: block;  }
.pricestate .state{color: #888888; font-size: 12px; margin-left: 5px;  float: left; display: block; padding-top: 20px;}
.pricestate .ud{float:inherit; padding:0 0 7px 10px; display:table-cell; vertical-align:bottom; color:#f60045}
.pricestate .ud span{font-weight: 600;}
.pricestate .dd{float:inherit; color:#0093d1; padding:0 0 7px 10px; display:table-cell; vertical-align:bottom}
.pricestate .dd span{font-weight: 600;}
.pricestate .pricebar{margin-bottom:14px; clear:both;}
.pricestate{margin-top: 20px;     height: 38px;}


.grapharea{clear:both;}
.grapharea .tmenu li{float: left; width: 33.3%; text-align:center; border-bottom: 2px solid #e3e3e3; padding: 10px 0px; color: #878787; font-size: 15px; font-weight: 600;}
.grapharea .tmenu li a{color: #878787; }
.grapharea .tmenu li.active { border-bottom: 2px solid #000000; }
.grapharea .tmenu li.active a { color: #000;}
.grapharea img{width: 100%; margin-top: 15px;}
.tab_cont>div{display:none;}
.tab_cont>div:first-child{display:block; }


.fieldarea{border-top: 1px solid #eeeeee; margin-top: 20px;}
.fieldarea ul li{ width: 50%; float: left; border-bottom: 1px solid #eeeeee;  border-right: 1px solid #eee; box-sizing: border-box; padding: 10px 0px; padding-left: 10px;}
.fieldarea .tit{ font-size: 14px; color: #959595; letter-spacing: -1px; margin-bottom:5px; }
.fieldarea .num{ font-size: 16px; color: #000; font-weight: 600;}
.fieldarea .bn{border-right: 0px;}


.articlearea {clear: both; padding: 37px 0 15px;}
.articlearea .tit{ color: #0093d1; font-size: 20px; font-weight: 600; text-align:center; margin-bottom: 14px;}
.articlearea ul li{margin-bottom:15px; padding-left:10px; background:url("../images/common/bulit_1.gif") no-repeat 0 7px; background-size:3px; }
.articlearea ul li a{font-size: 17px; color: #030303;}

.morearea{ width: 100%; border: 1px solid #dfe1e4; text-align: center; color: #000; font-size: 14px; padding: 10px 0px; margin: 30px 0px;;   }
.morearea span{color: #0093d1; }


.namearea .name{ color: #000; font-size: 20px; margin-top:25px; padding-top: 27px; border-top:1px solid #f2f2f2;}
.namearea .worth { font-size: 12px; color: #888888; margin-top:2px; }
.namearea .worth span{margin-right:10px; display:inline-block; font-size: 15px; font-weight: 600;}
.namearea .num{ font-size: 35px; color: #000;  float: left; display: block; }
.namearea .num2{ font-size: 35px; color: #999999;  float: left; display: block;  }
.namearea .state{color: #888888; font-size: 12px; margin-left: 5px;  float: left; display: block; padding-top: 20px;}
.namearea .ud{float:inherit; padding:0 0 7px 10px; color:#f60045; display:table-cell; vertical-align:bottom;}
.namearea .ud span{font-weight: 600;}
.namearea .pricebar{clear:both; overflow:hidden; display:table;}

.more{clear:both; margin-top: 18px; border: 1px solid #dfe1e4; text-align: center; color: #666666; font-size: 14px; padding: 7px 0px;  }

.assetarea{clear: both;}
.assetarea .tit{ color: #0093d1; font-size: 20px; text-align:left; margin-top: 32px;}
.assetarea img{width: 100%;}
.assetarea .graphtit{text-align:center; font-size: 15px; color: #000; clear: both; padding: 20px 0px; }
.assetarea .cstit{ color: #959595; font-size: 15px; margin-top: 24px;}
.assetarea .cstxt{ color: #0000; font-size: 16px; }
.assetarea .cstxt span{ font-size: 13px;  color: #959595;}
.assetarea .close{clear:both; margin-top: 20px; border: 1px solid #dfe1e4; text-align: center; color: #666666; font-size: 14px; padding: 10px 0px;  }
.pricestate2{margin-top: 4px;     height: 38px;}
.pricestate2 .num{ font-size: 35px; color: #000;  float: left; display: block; }
.pricestate2 .num2{ font-size: 35px; color: #999999;  float: left; display: block;  }
.pricestate2 .state{color: #888888; font-size: 12px; margin-left: 5px;  float: left; display: block; padding-top: 20px;}
.pricestate2 .ud{float:inherit; padding:0 0 7px 10px; display:table-cell; vertical-align:bottom; color:#f60045}
.pricestate2 .ud span{font-weight: 600;}
.pricestate2 .dd{float:inherit; color:#0093d1; padding:0 0 7px 10px; display:table-cell; vertical-align:bottom;}
.pricestate2 .dd span{font-weight: 600;}
.pricestate2 .pricebar{clear:both; overflow:hidden; display:table;}

.careerarea{ margin-top: 20px;}
.careerarea .careerbox  {clear:both;}
.careerarea .careerbox .image{float: left; width:113px; height:115px; margin-right: 10px; margin-bottom: 17px;}
.careerarea .careerbox .image img{width:113px; height:115px;}
.careerarea .career .tit{ color: #959595; font-size: 16px; letter-spacing: -1px; margin-bottom: 5px;}
.careerarea .career .txt{ color: #000; font-size: 17px; letter-spacing: -1px; margin-bottom: 7px;}
.careerarea .career2 .tit{ color: #959595; font-size: 16px; letter-spacing: -1px; margin-bottom: 5px;}
.careerarea .career2 .txt{ color: #000; font-size: 17px; letter-spacing: -1px; margin-bottom: 5px;}

.estatearea .tit{color: #0093d1; font-size: 20px; text-align:left; margin:10px 0 10px; font-size:15px; }

#gallery { width:100%; }
#image { width:100%;  margin:0 auto; position: relative; }
#image p { display:none;}
#image p img { width:100%;    box-sizing: border-box;}
.gall_list{position:relative; padding:0 15px;}
.gall_list ul li{float:left; margin-right:5px; cursor:pointer}
.gall_list ul li .img_area{margin:0; }
.gall_list .flex-nav-prev{position:absolute; left:0; top:0; bottom:0; height:100%; z-index:5; border:none; display:block; border-right:1px solid #e5e5e5;}
.gall_list .flex-nav-prev a{width:15px; height:100%; display:block; background:url("../images/sub/gprev.gif") no-repeat 0 center #fff;  background-size:15px;  text-indent:-9999px; border:none;}
.gall_list .flex-nav-next a{width:15px; height:100%; display:block; background:url("../images/sub/gnext.gif") no-repeat 0 center #fff;  background-size:15px;  text-indent:-9999px; border:none;}
.gall_list .flex-nav-next{position:absolute; right:0; top:0; bottom:5px; height:100%; z-index:5; display:block; border-left:1px solid #e5e5e5;}

.viewstore .txtarea{color: #fff; position: absolute; bottom:0;  padding:20px 0 10px; 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#303030+0,000000+100&0.03+0,0.6+100 */
background: -moz-linear-gradient(top,  rgba(48,48,48,0.03) 0%, rgba(0,0,0,0.6) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(48,48,48,0.03) 0%,rgba(0,0,0,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(48,48,48,0.03) 0%,rgba(0,0,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08303030', endColorstr='#99000000',GradientType=0 ); /* IE6-9 */


}
.viewstore .txt{width: 90%; margin: 0 auto;display: block !important;}

.history {clear: both;}
.history .tit{ color: #0093d1; font-size: 15px; text-align:left; margin-top: 20px;}
.history .txt{font-size:16px; line-height: 150%; color: #030303; text-align:left; }


/*----------- 모바일 -----------*/
@media all and (max-width:374px){

.icon_area .right li img{width:25px;}
.icon_area .right li:first-child img{width:24px;}
}