.skeyword{font-weight:600;color:#df2519 !important;}

#wrap{min-width:320px;}

/* skip navigation */
.skip-nav{position:absolute;left:0;top:-30px;z-index:9999;}
.skip-nav li{position:absolute;left:0;top:0;width:200px;}
.skip-nav a{position:absolute;left:0;top:0;display:block;width:100%;height:30px;line-height:30px;color:#fff;background:#002960;}
.skip-nav a:focus{top:30px;}
.mobile .skip-nav{display:none;}

/* header */
#header{position:relative;z-index:900;border-bottom:1px solid #ccc;margin-bottom:40px;}

.top-bar{height:31px;background:#3f71a6;position:relative;z-index:1000;}
.top-bar > div{}
.top-bar .link1{float:left;}
.top-bar .link1 > li{float:left;border-right:1px solid #7a9cc1;position:relative;padding:0 5px;display:none;}
.top-bar .link1 > li:first-child{border-left:1px solid #7a9cc1;}
.top-bar .link1 > li > a{display:inline-block;width:60px;color:#fff;font-size:13px;font-weight:600;text-align:center;line-height:31px;}
.top-bar .link1 > li:hover{background:#7a9cc1;}
.top-bar .link1 > li > button{width:60px;color:#fff;font-size:13px;font-weight:600;text-align:center;line-height:31px;}
.top-bar .link1 > li.on{background:#fff;}
.top-bar .link1 > li.on a{color:#2b70bd;}
.top-bar .link1 > li > ul{width:100%;background:#fff;position:absolute;left:-1px;top:31px;display:none;border:1px solid #ccc;}
.top-bar .link1 > li > ul li{border-bottom:1px dotted #ccc;}
.top-bar .link1 > li > ul li a{display:block;padding:5px;}
.top-bar .link2{float:right;}
.top-bar .link2 > li{float:left;color:#fff;position:relative;display:none;}
.top-bar .link2 > li > a{display:inline-block;padding:0 10px;font-size:13px;color:#fff;text-align:center;line-height:31px;}
.top-bar .link2 > li > button{padding:0 10px;font-size:13px;color:#fff;text-align:center;line-height:31px;}
.top-bar .link2 > li > ul{width:100%;background:#fff;position:absolute;left:-1px;top:31px;display:none;border:1px solid #ccc;}
.top-bar .link2 > li > ul li{border-bottom:1px dotted #ccc;}
.top-bar .link2 > li > ul li a{display:block;padding:5px;}
.top-bar .link2 > li.sitemap{}
.top-bar .link2 > li.sitemap a{background:#1f4f8c url(../images/common/layout/icon_total.png) 10px center no-repeat;height:31px;padding:0 10px 0 30px;}
.top-bar .link2 > li.line:after{display:inline-block;height:9px;width:1px;background:#7a9cc1;vertical-align:middle;content:'';}
.top-bar li.subOpen{}
.top-bar li.subOpen button{background:url(../images/common/layout/top_bar_arr.png) right center no-repeat;padding-right:15px;}
.top-bar li.subOpen > div{position:absolute;left:-1px;top:31px;border:1px solid #4071a6;background:#fff;padding:10px;overflow:hidden;box-sizing:border-box;display:none;}

.top-bar li.m-open{display:block;}


#container{padding-top:0;}

.top-search{clear:both;/*overflow:hidden;*/}
.top-search h1{float:left;width:25%;}
.top-search h1 a{display:block;max-width:228px;height:100px;text-align:left;text-indent:-9999px;background:url(../images/common/layout/top_logo.png) left center no-repeat;background-size:100% auto;}

.search-form{float:left;width:75%;padding:30px 0;text-align:left;}
.search-form span{display:inline-block;border:3px solid #005baa;width:50%;/*overflow:hidden;*/vertical-align:middle;box-sizing:border-box; position: relative;float: left;margin-right: 5px;}
.search-form input[type="text"]{width:100%;height:36px;line-height:36px;padding:0 2% !important;border:none;box-sizing:border-box;}
.search-form input[type="submit"]{background:#2a72bd;color:#fff;font-size:14px;height:42px;width:10%;text-align:center;white-space:nowrap;}
.search-form input[type="button"]{background:#464646;color:#fff;font-size:14px;height:42px;width:15%;text-align:center;white-space:nowrap;}
.search-form .in-search{display:inline-block;width:20%;white-space:nowrap;}

.auto-word{border:1px solid #2e63aa;background:#fff;z-index:9999;}
.auto-word ul{padding:5px;}
.auto-word ul li a{display:block;padding:5px 10px;}
.auto-word ul li a:hover{background:#f4f4f4;}
.auto-word .close{background:#f4f4f4;border-top:1px solid #ccc;padding:8px 10px;text-align:right;}
.auto-word .close button{font-size:12px;}

.top-search-detail{clear:both;margin-bottom:20px;overflow:hidden;display:none;}
.top-search-detail .search-box{border:1px solid #c0d0e1;background:#f7f9fa;padding:20px;box-sizing:border-box;overflow:hidden;}
.top-search-detail .search-box h2{float:left;width:24%;text-align:center;}
.top-search-detail .search-box h2 span{display:inline-block;line-height:100px;font-size:16px;padding:0 0 0 90px;margin:0 auto;background:url(/images/search/detail_h2_bg.png) left center no-repeat;}
.top-search-detail .search-box h2 + div{float:left;width:/*47*/33.5%;border-left:1px solid #dddddd;text-align:left;}
.top-search-detail .search-box table{margin-left:5%;}
.top-search-detail .search-box table td{vertical-align:top;padding:4px 5px;}
.top-search-detail .search-box table td.head label{font-weight:600;}
.top-search-detail .search-box table td select{width:100px;}
.period-select{float:left;margin-right:10px;}
.period-select label{font-size:12px;}
.period-select label.on{}
.period-select label input{}
.period-input{float:left;}

.top-search-detail .command{float:left;width:15%;margin-right:1%;}
.top-search-detail .command input{width:100%;text-align:center;font-weight:600;font-size:14px;color:#fff;background:#474747;height:100px;}
.top-search-detail .close{float:left;width:10%;}
.top-search-detail .close a{display:block;background:#fff;border:1px solid #ccc;height:100px;text-align:center;line-height:100px;box-sizing:border-box;}

#container{}
#container:after{clear:both;content:'';display:block;}
#contents{}
.search-left{float:left;width:80%;}
.search-right{float:right;width:16%;}

.search-left h3{font-size:17px;padding:0 0 6px 20px;color:#000;background:url(../images/common/content/icon_title1.gif) 0 4px no-repeat;}
.search-left h3{border-bottom:1px solid #a5b9d1;margin:0 0 15px 0;}
.search-left h3 span{font-size:13px;color:#777;}
.search-left h3 + div{margin-left:10px;}
.search-left h3 + div.result7-wrap{margin-right:15px;}
.search-left h3 + div.result3-wrap{margin-left:0;}

.search-result{clear:both;position:relative; margin:0 0 40px 0;}
.search-result + .search-result{margin:40px 0 0 0;}
.search-result .more{position:absolute;right:5px;top:3px;color:#777;font-size:12px;}
.search-result a:hover{text-decoration:underline;}

.result-count{overflow:hidden;margin-bottom:20px;}
.result-count p{font-weight:600;font-size:15px;margin-bottom:10px;}
.result-count ul li{float:left;margin-right:20px;font-size:14px;}

.result-none{line-height:1.75em;background:url(../images/search/nodata_bg.png) 65px top no-repeat;padding-left:260px;margin:50px 0;}
.result-none .msg{font-weight:600;font-size:15px;margin-bottom:10px;}
.result-none ul li{}
.result-none .msg2{}
.result-none .msg3{}

.result-tab{overflow:hidden;margin-bottom:20px;}
.result-tab ul li{float:left;width:10%;text-align:center;}
.result-tab ul li:first-child{}
.result-tab ul li a{display:block;height:35px;line-height:35px;border-top:1px solid #b6b5b5;border-right:1px solid #b6b5b5;border-bottom:1px solid #01356b;border-left: 1px solid #b6b5b5;}
.result-tab ul li:first-child a{border-left:1px solid #b6b5b5;}
.result-tab ul li.on a{background:#1f4f8c;color:#fff;border-color:#1f4f8c;}

h3 + div.result1-wrap{margin-left:0;}
.result1-wrap{border:1px solid #e0e0e0;overflow:hidden;padding:30px;margin:0 0 30px 0;}
.result1-wrap .photo{float:left;width:20%;}
.result1-wrap .photo img{width:100%;}
.result1-wrap .txt{float:right;width:75%;}
.result1-wrap .txt table{}
.result1-wrap .txt table th{white-space:nowrap;padding:8px 10px 8px 0;vertical-align:top;text-align:left;}
.result1-wrap .txt table td{padding:8px 10px 8px 0;vertical-align:top;}

.result-list li{background:url(../images/common/content/icon_dot2.gif) left 10px no-repeat;padding-left:10px;margin-bottom:15px;}
.result-list li .title{font-size:14px;margin-bottom:5px;color:#2969ad;text-decoration:underline;}
.result-list li .linkinfo{font-size:12px;margin:4px 0 0 0;}
.result-list li .linkinfo span{margin-left:10px;padding-left:10px;border-left:1px solid #ccc;}
.result-list li .linkinfo span:first-child{margin-left:0;padding-left:0;border-left:none;}
.result-list li .summary{font-size:12px;margin:4px 0 0 0;}
.result-list li .route{margin:4px 0 0 0;}
.result-list li .route span{margin-left:10px;padding-left:10px;border-left:1px solid #ccc;}

.board .photo-list{border-top:1px solid #343436;border-bottom:1px solid #c1c1c1;padding:15px 0 0 0;}
.board .photo-list ul{overflow:hidden;}
.board .photo-list ul li{float:left;width:23%;margin:0 1% 15px 1%;}
.board .photo-list ul li a{display:block;padding:10px 0;text-align:center;border:1px solid #ccc;}
.board .photo-list a > span{display:block;margin:0 auto;width:90%;text-align:left;line-height:1.5em;}
.board .photo-list .photo{position:relative;margin-bottom:5px;background:#f4f4f4;overflow:hidden;display:inline-block;height:110px;overflow:hidden;}
.board .photo-list .photo img{width:100%;min-height:120px;}
.board .photo-list .photoA4{height:auto;}
.board .photo-list .photoA4 img{min-height:0;}

.board .photo-list .title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.board .photo-list .writer{font-size:12px;}
.board .photo-list .date{font-size:12px;}
.board .photo-list .no-data{float:none;width:auto;text-align:center;margin:0;padding:5px 0 20px;}

.table-wrap{margin:5px 0;position:relative;padding-bottom:2px;}
.table-wrap table{width:100%;table-layout:fixed;border-top:1px solid #1a5391;}
.table-wrap th{border:1px solid #ccc;padding:7px 3px;text-align:center;font-size:13px;line-height:1.5em;}
.table-wrap td{border:1px solid #ccc;padding:7px 3px;text-align:center;font-size:13px;line-height:1.5em;}
.table-wrap td img{max-width:100%;}
.table-wrap .left{text-align:left;padding-left:10px;}
.table-wrap .right{text-align:right;padding-right:10px;}
.table-wrap .top{vertical-align:top;}
.table-wrap thead th{background:#f1f1f1;}
.table-wrap tbody th{background:#f9f9f9;}
.table-wrap thead tr:first-child th{border-top:none;}
.table-wrap tbody tr:first-child td{border-top:1px solid #adadad;}
.table-wrap table.break-all th,
.table-wrap table.break-all td{word-break:break-all;}
.table-wrap .no-data{padding:30px 10px;}

.paging{text-align:center;padding:30px 0;}
.paging > a,
.paging > span{font-weight:bold;display:inline-block;width:28px;height:28px;line-height:27px;box-sizing:border-box;border:1px solid #d1d1d1;vertical-align:top;margin:0 2px;}
.paging a span,
.paging span span{position:absolute;left:-9999em;top:-9999em;}
.paging a:hover{border:1px solid #1f4f8c;}
.paging .first{background:#f4f4f4 url(../images/common/content/icon_first.gif) center center no-repeat;text-align:left;text-indent:-9999px;}
.paging .prev{background:#f4f4f4 url(../images/common/content/icon_prev.gif) center center no-repeat;text-align:left;text-indent:-9999px;}
.paging .num{text-align:center;}
.paging .num span{position:absolute;left:-9999em;top:-9999em;}
.paging .next{background:#f4f4f4 url(../images/common/content/icon_next.gif) center center no-repeat;text-align:left;text-indent:-9999px;}
.paging .last{background:#f4f4f4 url(../images/common/content/icon_last.gif) center center no-repeat;text-align:left;text-indent:-9999px;}
.paging .current{background:#1f4f8c;border-color:#1f4f8c;color:#fff;}
.paging + .btns{margin-top:-30px;}

.search-result .photo-list{border:none;padding:0;}
.search-result .board .photo-list ul li a{border:none;}
.search-result .board .photo-list a > span{width:100%;}
.search-result .board .photo-list .photo{height:130px;overflow:hidden;}
.search-result .board .photo-list .photo img{min-height:130px;}

ul.con-icon2 > li{background:url(../images/common/content/icon_con2.gif) 0 9px no-repeat;padding:0 0 3px 10px;}

.btn{box-sizing:border-box;display:inline-block;vertical-align:top;border:none;font-size:12px;padding:0 15px;border:1px solid #ccc;height:26px;line-height:23px;border-radius:3px;}
.btn.blue{background-color:#2a72bd;color:#fff;border:none;}
.btn.blue:hover{background:#295ba0;}
.btn.gray{background-color:#f8f8f8;color:#222;border:1px solid #ccc;}
.btn.gray:hover{background:#f1f1f1;border-color:#555;}
.btn.dgray{background-color:#555;color:#fff;border:none;}
.btn.dgray:hover{background:#333;}

/* 인기검색어-랭킹 */
.rank-bx{width:100%;border:1px solid #e8e8e8;}
.rank-bx + .rank-bx{margin-top:-1px;}
.rank-bx .rank-top{border-bottom:1px solid #e8e8e8;padding:10px;background:#fcfdfd;position:relative;}
.rank-bx .rank-top h3{}
.rank-bx .rank-top .tab{position:absolute;right:10px;top:10px;}
.rank-bx .rank-top .tab .on{font-weight:600;color:#165696;}
.rank-bx .rank-top .tab a{font-size:12px;}
.rank-bx .rank-top .tab a:first-child{border-right:1px solid #ccc;padding-right:5px;}
.rank-bx .rank-list{padding:10px;}
.rank-bx .rank-list li {padding: 4px 0px;font-size:12px;position:relative;}
.rank-bx .rank-list li .num{display:inline-block;width:13px;height:13px;line-height:13px;margin-right:3px;text-align:center;border:1px solid #d8e5f5;color:#3d669b;font-size:10px;font-family:tahoma;}
.rank-bx .rank-list li a{vertical-align:middle;}
.rank-bx .rank-list li span{vertical-align:middle;}

.rank-bx .myword-list .word{display:inline-block;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.rank-bx .myword-list .word:hover{text-decoration:underline;}
.rank-bx .myword-list .del{display:inline-block;width:15px;height:15px;text-align:left;text-indent:-999px;overflow:hidden;background:url(../images/search/btn_del.gif) center center no-repeat;box-sizing:border-box;}
.rank-bx .myword-list .del:hover{border:1px solid #ddd;}

.rank-bx .popular-list a{display:inline-block;width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.rank-bx .popular-list a:hover{text-decoration:underline;}
.rank-bx .popular-list .change{font-family:tahoma;font-size:11px;position:absolute;right:0;top:0;}
.rank-bx .popular-list .change > span{display:inline-block;width:10px;height:10px;overflow:hidden;text-indent:-999px;background:url(../images/search/rank_updown.png) 0 0 no-repeat;}
.rank-bx .popular-list .change .fix{background-position:0 0;}
.rank-bx .popular-list .change .up{background-position:-10px 0;}
.rank-bx .popular-list .change .down{background-position:-20px 0;}
.rank-bx .popular-list .change.new{color:#ff6600;font-size:10px;}

/* footer */
.go-top{display:none;}

#footer{clear:both;border-top:1px solid #e0e0e0;background:#f3f3f3;}
#footer > div{padding:20px 15px;text-align:left;}
#footer .guide{margin:0 0 10px 0;overflow:hidden;}
#footer .guide li{float:left;width:50%;}
#footer .guide li a{display:block;font-weight:600;font-size:14px;height:25px;line-height:25px;}
#footer .guide li:first-child a{padding-left:0;}
#footer .guide li:last-child:after{display:none;}
#footer .guide li.policy a{color:#3966a4;}
#footer .site-info{clear:both;color:#555;}
#footer .site-info p{margin-bottom:5px;}
#footer .site-info div p{position:relative;padding:0 0 0 35px;}
#footer .site-info div p span{white-space:nowrap;}
#footer .site-info div p .label{position:absolute;left:0;top:0;}
#footer .site-info small{color:#8e8e8e;font-size:11px;}


/** ~600 *************************************************************************************************************** */
@media all and (max-width:600px){

#header{margin-bottom:20px;}

.top-bar .link1 > li > a{width:auto;display:block;padding:0 5px;}

.top-search{}
.top-search h1{float:none;width:180px;margin:0 auto;}
.top-search h1 a{height:44px;}

.search-form{float:none;width:auto;padding:10px 0;margin:0 15px;/*text-align:center;*/}
.search-form span{width:50%;}
.search-form input[type="text"]{width:100%;height:36px;line-height:36px;padding:0 2% !important;border:none;box-sizing:border-box;}
.search-form input[type="submit"]{width:15%;}
.search-form input[type="button"]{width:25%;}
.search-form .in-search{display:block;width:auto;padding-top:10px;text-align:left;margin-left:15px;}

.top-search-detail{margin:0 10px 20px 10px;}
.top-search-detail .search-box{padding:10px;}
.top-search-detail .search-box h2{display:none;}
.top-search-detail .search-box h2 + div{width:100%;border-left:none;float:none;}
.top-search-detail .search-box table{margin:0;}
.top-search-detail .search-box table td.head label{white-space:nowrap;}
.top-search-detail .search-box table td select{width:100px;}
.top-search-detail .command{clear:both;float:none;width:100%;text-align:center;padding:10px 0 0 0;box-sizing:border-box;margin-bottom:5px;}
.top-search-detail .command input{width:100%;padding:10px 0;height:40px;}
.top-search-detail .close{clear:both;float:none;width:100%;text-align:center;}
.top-search-detail .close a{height:40px;line-height:40px;}

.result-tab{margin-bottom:20px;}
.result-tab ul li{width:25%;}
.result-tab ul li:first-child{width:25%;}
.result-tab ul li:nth-child(4n+1) a{border-left:1px solid #ccc;}

.search-left{float:none;width:auto;}
.search-right{display:none;}

.search-left h3 + div{margin-left:0;}

.result1-wrap{padding:10px;}
.result1-wrap .photo{float:none;width:auto;text-align:center;}
.result1-wrap .photo img{width:80%;}
.result1-wrap .txt{float:none;width:auto;}
.result1-wrap .txt h4{font-size:18px;padding:10px 0;}
.result1-wrap .txt table{}
.result1-wrap .txt table th{white-space:nowrap;padding:8px 10px 8px 0;vertical-align:top;text-align:left;}
.result1-wrap .txt table td{padding:8px 10px 8px 0;vertical-align:top;word-break: break-all;}

.board .photo-list ul li{width:46%;margin:0 2% 15px 2%;}
.board .video-list ul li{width:46%;margin:0 2% 15px 2%;}

.result-none{background:none;padding-left:0;margin:10px 0;padding:20px;border:2px solid #ccc;}

#footer{}

.set_sugicn {
    left: 40% !important;
}

}

/** 600~ *************************************************************************************************************** */
@media all and (min-width:600px){


#footer .guide li{width:auto;}
#footer .guide li a{display:inline-block;padding:0 15px;font-weight:600;font-size:14px;}
#footer .guide li:after{display:inline-block;height:10px;width:1px;background:#9b9b9b;vertical-align:middle;content:'';}
#footer .guide li:first-child a{padding-left:0;}
#footer .guide li:last-child:after{display:none;}

}

/** 600~800 *************************************************************************************************************** */
@media all and (min-width:600px) and (max-width:800px){

.top-search-detail .search-box h2 span{line-height:1em;padding:90px 0 0 0;background-position:center top;width:90px;}
.top-search-detail .search-box h2 + div{width:57%;}
.search-form label{display:block;padding-top:10px;}

.top-search-detail .command{width:18%;margin:0 0 5px;}
.top-search-detail .command input{height:60px;}
.top-search-detail .close{width:18%;}
.top-search-detail .close a{height:60px;line-height:60px;}

.search-left{/*float:none;*/width:auto;}
.search-right{display:none;}

.result-none{background-position: 0 0;background-size:20% auto;padding-left:25%;margin:50px 0;}

.set_sugicn {
    left: 45% !important;
}
}

/** 600~ *************************************************************************************************************** */
@media all and (min-width:800px){

.top-bar li{display:block !important;}

}

/** 800~1100 *************************************************************************************************************** */
@media all and (min-width:800px) and (max-width:1100px){

.search-detail{margin:0 0 10px 0;width:auto;}

}

/** ~1100 *************************************************************************************************************** */
@media all and (max-width:1100px){

#container{margin:0 10px 20px 10px;}

}

/** 1100~ *************************************************************************************************************** */
@media all and (min-width:1100px){

body{text-align:center;}

/*header{height:auto !important;}*/
header{
	height: 130px;
	border-bottom: 0px solid #b6b5b5;
}

#header{height:auto !important;}

.top-bar > div{width:1100px;margin:0 auto;}

.top-search{width:1100px;margin:0 auto;position:relative;}
.top-search-detail{margin:0 auto 30px auto;width:1100px;}

#container{width:1100px;margin:0 auto 40px auto;text-align:left;}

#footer{}
#footer > div{width:1100px;margin:0 auto;padding:25px 0;background:url(../images/common/layout/footer_logo.png) left center no-repeat;}
#footer .guide{margin:0 0 10px 170px;overflow:hidden;}
#footer .site-info div{margin-bottom:5px;}
#footer .site-info div p{padding:0 10px 0 0;display:inline;}
#footer .site-info div p .label{position:relative;}
#footer .site-info{margin-left:170px;}

}