@charset "utf-8";
@import "default_normal.css";
@import "layout.css?ver1.30";
/* ------------------------------------------------------------
 * Name      : main.css
 * Created   : 2014-04-14 by Ahn, Cheol hyeong
 * Email  : victoryan@hanmail.net
 ------------------------------------------------------------ */
/* 메인 */
/* input[type=text]:-ms-clear{display:none} */
h3.sec_tit{background:url(../images/main/sp_mn_v1.jpg) no-repeat 0 0;text-indent:-999px;overflow:hidden;height:15px}

.search_area{width:100%;height:80px;background:url(../images/main/srch_bg.jpg) repeat-x;margin-bottom:25px}
.search_area fieldset{display:block;width:470px;height:57px;margin:0 auto;padding:23px 0 0 550px;overflow:hidden;border:0;background:url(../images/main/srch_txt.jpg) no-repeat}
.search_area .box{position:relative;display:block;width:305px;height:28px;background:url(../images/main/sp_mn_v1.jpg) no-repeat 0 0;padding:5px 40px 5px 5px;float:left;margin-right:5px}
.search_area .ip_search{width:295px;height:28px;border:0;line-height:28px;font-size:16px;font-weight:bold;padding-left:10px}
.search_area .btn_reset{position:absolute;right:10px;top:7px;width:25px;height:25px;background:url(../images/main/sp_mn_v1.jpg) no-repeat -456px 0;border:0;cursor:pointer;font-size:0}
.search_area .btn_search{display:block;width:85px;height:38px;background:url(../images/main/sp_mn_v1.jpg) no-repeat -360px 0;overflow:hidden;text-indent:-999px}

.notice{position:relative;float:left;width:300px;height:278px;border:1px solid #d9d9d9;padding:14px 15px 0 15px;background:#fff}
.notice .sec_tit{background-position:0 -63px;width:55px;margin-bottom:10px}
.notice > ol{font-size:0}
.notice > ol > li{clear:both;height:16px;float:left;width:100%;margin-bottom:8px}
.notice ol li a{font-size:12px}
.notice ol li a:hover{text-decoration:underline}
.notice .txt{float:left;height:16px;line-height:16px;}
.notice .first{height:113px;padding-bottom:8px;margin-bottom:14px;background:url(../images/common/dotte.gif) repeat-x 0 100%}
.notice .first .tit{display:block;padding-left:27px;width:273px;height:21px;line-height:21px;background:url(../images/common/bl_notice.gif) no-repeat 0 0;margin-top:10px}
.notice .first .tit em{font-weight:bold;color:#1371b7;font-size:15px}
.notice .first .tit a:hover{color:#1371b7}
.notice .first .txt{display:block;height:54px;line-height:18px}
.notice .img{margin-right:7px;float:left}
.notice .date1{display:block;padding:10px 0 7px;line-height:9px;font-size:11px}
.notice .date2{display:block;float:right;line-height:16px;font-size:12px}
.notice .more{position:absolute;top:15px;right:14px;display:block;font-weight:bold;font-size:12px;height:12px;line-height:12px;color:#555}
/* 공지사항 수정 2014-08-08 */
.notice .bx{width:278px;border:1px solid #e2e2e2;padding:10px;height:34px;overflow:hidden}
.notice .bx .date{font-size:11px;line-height:11px;display:block;height:11px}
.notice .bx .tit{display:block;padding-left:25px;width:273px;height:21px;line-height:21px;background:url(../images/common/bl_notice.gif) no-repeat 0 0;margin-top:6px}
.notice .bx .tit em{font-weight:bold;color:#1371b7;font-size:13px}
.notice .bx .tit a:hover{color:#1371b7}

.visual{float:right;width:676px;height:293px;background:#fff;position:relative}
.visual > ul{padding:263px 0 0 15px;margin-right:13px}
.visual > ul > li{float:left;margin-right:3px}
.visual > ul > li .cont{display:none;position:absolute;left:0;top:0;height:293px}
.visual .btnComm{display:block;width:14px;height:14px;background:url(../images/main/visual/ctrl.png) no-repeat -17px -2px;overflow:hidden;text-indent:-999px;position:relative;;z-index:10}
.visual .btnComm a{display:block;width:14px;height:14px}
.visual .btnComm.on{background-position:0 -2px}
.visual .btn_pause,
.visual .btn_play{position:absolute;top:261px;left:71px;background:url(../images/main/visual/ctrl.png) no-repeat;width:18px;height:18px;text-indent:-999px;overflow:hidden}
.visual .btn_pause{background-position:-76px 0}
.visual .btn_play{display:none;background-position:-56px 0}


.service{clear:both;padding-top:12px;height:239px}
.service .article{position:relative}
.service .article,
.service .section1,
.service .section2{width:332px;height:239px;float:left}
.service .article,
.service .section1{margin-right:12px}

/* ung 2015-06-10 수정 */
.news{border:1px solid #d9d9d9;width:300px;height:136px;padding:14px 15px 0 15px;position:relative;margin-bottom:12px;background:#fff}
.news .sec_tit{background-position:-65px -63px;width:100px}
.news > ul{width:100%;height:100%;font-size:0px;margin-top:12px}
.news > ul > li{height:12px;line-height:12px;margin-bottom:7px}
.news > ul > li a{font-size:12px;float:left;padding-left:7px;background:url(../images/common/bl.gif) no-repeat 0 4px}
.news > ul > li a:hover{text-decoration:underline}
.news > ul > li span.date{float:right;font-size:12px}
.news .first{width:86px;height:100px;float:left;text-align:center;line-height:15px;margin-right:15px;margin-bottom:0}
.news .first img{margin-bottom:5px}
.news .first .tit{display:block;width:80px;margin:0 auto}
.news .first .tit em{font-weight:bold;color:#555}
.news .first a{background:#000;padding-left:0}
.news .more{position:absolute;top:15px;right:14px;display:block;font-weight:bold;font-size:12px;height:12px;line-height:12px;color:#555}

.weather{clear:both;border:1px solid #d9d9d9;width:300px;height:69px;padding:14px 15px 0 15px;position:relative;font-size:12px;background:#fff;overflow:hidden}
.weather .sec_tit{background-position:-175px -63px;width:72px}
.weather .status{position:absolute;right:16px;top:16px}
.weather .status span{float:left;height:16px;line-height:16px;display:block}
.weather .status em{font-weight:bold;color:#555}
.weather .status .date{padding-right:11px;margin-right:10px;background:url(../images/common/part.gif) no-repeat right 3px}
.weather .status .area{margin-right:10px}
.weather .status .set{display:block;float:left;width:53px;height:16px;background:url(../images/main/sp_mn_v1.jpg) no-repeat -416px -48px;text-indent:-9999px;overflow:hidden}
.weather .today{width:135px;float:left;margin-top:11px;padding-right:20px;margin-right:10px;background:url(../images/common/part2.gif) no-repeat 100% 0}
.weather .tomorrow{width:135px;float:left;margin-top:11px}
.weather .ico{display:block;width:36px;height:26px;float:left;margin-right:5px;text-align:center}
.weather .tit,
.weather .state,
.weather .temp{display:block;height:12px;line-height:12px;font-size:11px}
.weather .tit{float:left;width:30px}
.weather .state{float:right;width:60px;text-align:right}
.weather .temp{float:left;color:#555;height:12px;margin-top:3px}
.minus{color:#1271b8}
.plus{color:#df0000}

.weather_pop{width:330px;height:152px;overflow:hidden;border:1px solid #555;background:#fff;position:absolute;top:0;left:0;z-index:100}
.weather_pop .area_select{padding:15px;height:15px;line-height:15px;font-size:14px;font-weight:bold;color:#555;border-bottom:1px solid #000;position:relative}
.weather_pop .btn_select{position:absolute;top:12px;right:40px;width:50px;height:21px;text-align:center;line-height:21px;color:#fff;background:url(../images/main/btn_select.gif) no-repeat 0 0}
.weather_pop .btn_close{position:absolute;top:15px;right:15px;width:15px;height:15px;color:#fff;background:url(../images/main/btn_close.gif) no-repeat 0 0;text-indent:-9999px;overflow:hidden}
.weather_pop .area_list{padding-left:15px;padding-bottom:15px;padding-top:15px;height:91px;overflow:hidden;overflow-y:scroll}
.weather_pop .area_list a{width:74px;text-align:left;float:left;font-size:12px;color:#555;line-height:12px;margin-bottom:13px}
.weather_pop .area_list a:hover,
.weather_pop .area_list a:focus{color:#1271b8;text-decoration:underline}

/* ung 2015-06-10 수정 */
.service .section1{position:relative;background:#fff url(../images/main/quick_service.jpg) no-repeat 0 35px;border:1px solid #d9d9d9;width:315px;height:233px;padding:14px 0 0 15px}
.service .section1 .sec_tit{background-position:0 -91px;width:92px}
.service .section1 a{display:block;width:108px;height:100px;position:absolute;text-indent:-9999px;overflow:hidden}
.service .section1 .qk1{top:35px;left:0}
.service .section1 .qk2{top:35px;left:108px;width:114px}
.service .section1 .qk3{top:35px;left:223px}
.service .section1 .qk4{top:135px;left:0}
.service .section1 .qk5{top:135px;left:108px;width:114px}
.service .section1 .qk6{top:135px;left:223px}

.download{border:1px solid #d9d9d9;width:300px;height:104px;padding:14px 15px 0 15px;position:relative;margin-bottom:12px;background:#fff}
.download .sec_tit{background-position:-257px -63px;width:55px;margin-bottom:8px}
.download a{display:block;float:left;width:47px;height:73px;margin-right:16px;background:url(../images/main/download.jpg) no-repeat;text-indent:-999px;overflow:hidden}
.download a.line{background-position:0 0}
.download a.via{background-position:-63px 0}
.download a.station{background-position:-127px 0}
.download a.android{background-position:-190px 0}
.download a.iphone{background-position:-253px 0;margin-right:0}

.ad{clear:both;width:332px;height:107px;position:relative}
.ad > ul{float:right;margin-right:13px}
.ad > ul > li{float:left;margin-right:5px}
.ad > ul > li .cont{display:none;position:absolute;left:0;top:22px;height:85px}
.ad .btnComm{display:block;width:13px;height:13px;background:url(../images/main/ad/ctrl.png) no-repeat -31px 0;overflow:hidden;text-indent:-999px}
.ad .btnComm a{display:block;width:13px;height:13px}
.ad .btnComm.on{background-position:0 0;width:26px}
.ad .btn_pause,
.ad .btn_play{position:absolute;top:0;right:0;background:url(../images/main/ad/ctrl.png) no-repeat;width:12px;height:13px;text-indent:-999px;overflow:hidden}
.ad .btn_pause{background-position:-47px 0}
.ad .btn_play{display:none;background-position:-62px 0}

/* 2015-02-23 추가 baepro *//* ung 2015-06-10 수정 */
.search_box{border:1px solid #d9d9d9;width:300px;height:100px;padding:14px 15px 1px 15px;position:relative;margin-bottom:12px;background:#fff}
.search_box .sec_tit{background-position:-257px -63px;width:55px;margin-bottom:8px}
 .btn {width: 30px;height: 16px;background: url(../images/main/search_txt.gif) no-repeat 0 0;line-height: 999px;overflow: hidden;}
 #search_service .ssearch_list li table.tsearch_tb td {border-right: 1px solid #ebebeb;letter-spacing: -1px;text-align: center;border-bottom: 1px solid #e4e4e4;color: #000;}