@charset "utf-8";

/*input[type="text"],input[type="password"],input[type="file"],input[type="search"]{min-width:0}
*/
/* title */
/*h4,h5,h6{font-weight:normal;margin-bottom:10px;line-height:1}
h4{color:#000;font-size:1.375em;font-weight:normal;background:url(/images/common/bullet_h4.gif) no-repeat 0 0;padding-left:18px}
h4 .desc{font-weight:400;font-size:0.824em}
h5{font-size:1.19em;margin-left:9px;padding-left:13px;color:#2166b2;line-height:23px;background:url(/images/common/bullet_h5.gif) no-repeat 0 5px}
h6{font-size:1.12em;margin-left:24px;padding-left:14px;background:url(/images/common/bullet_h6.gif) no-repeat 0 3px;color:#3b3c3c}
.h4{margin-top:30px}
.h5{margin-top:20px}
.h6{margin-top:20px}*/

/* 들여쓰기 */
/*.push_h4{margin-left:0px}
.push_h5{margin-left:20px}
.push_h6{margin-left:37px}*/

/* paragraph */
.txtp{margin-bottom:10px}
.bul_warning{padding-left:27px;background:url(/images/common/bullet_warning.gif) no-repeat 0 1px}
.bul_focus{padding-left:17px;background:url(/images/common/bul_focus.gif) no-repeat 0 6px}
.etc_title{padding-left:10px;background:url(/images/common/bullet_etc1.gif) no-repeat 0 8px;color:#545556}
li .bul_focus{padding-left:17px;background-position:0 6px}
td .bul_warning{padding-left:23px;line-height:1.6;background:url(/images/common/bullet_warning2.gif) no-repeat 0 3px}
.inner_ti{display:block;margin-bottom:5px;padding:0 0 3px 24px;font-weight:normal;font-size:1.19em;color:#244196;background:url(/images/common/strong_bullit.png) no-repeat 0 0}

/* 클리어박스 */
.ftwrap{position:relative;margin-bottom:20px;overflow:hidden}
.ftwrap.mid_line{background:url(/images/common/wrap_middle_line.gif) no-repeat 50% 0}
.ftwrap.mid_line.pt_20{background-position:50% 20px}
.ftwrap ul,.ftwrap li{margin-bottom:0}
.dashline{padding-top:20px;border-top:1px dashed #e0e0e0}

/* listpst box */
.listpst_box{position:relative;float:left;width:48%}
.listpst_box:first-child{margin-right:4%;padding:0}
.listpst_box strong{display:block}
.listpst_box figure{display:block;width:auto;text-align:center}
.listpst_box .inner_ti{margin:0;border:0 none;font-size:1.14em;line-height:1.6em;color:#010101}
.listpst_box h5.inner_ti{background-position:0 -61px}
.listpst_box .down_btn{position:absolute;bottom:7px;left:0}
.listpst_box .btnarea{position:absolute;top:0;right:1px}
.listpst_box .basic_list{margin-top:5px}
.listpst_box.w100p{width:100%}
.listpst_box.w100p strong{float:left;width:20%}
.listpst_box.w100p .basic_list{width:auto}
.listpst_box.type1{}
.listpst_box.type1 .inner_ti{float:left;background-position:0 -59px;line-height:1.857em}

/* box */
.basic_box{position:relative;margin-bottom:20px;background:#f1f3f5;overflow:hidden}
.basic_box:before{content:"";position:absolute;top:0;left:0;width:100%;height:30px;background:#467ed4}
.basic_box:after{content:"";position:absolute;top:0;left:0;width:180px;height:30px;background:#1fbcbe}
.basic_box .inner{position:relative;z-index:1;margin:3px;padding:10px 30px 10px 0;background-color:#fff;border-bottom:1px solid #c2cbe5}
.basic_box .descpt{padding:20px;border:1px solid #c7ced2}
.basic_box .inner.ico{min-height:85px;padding:23px 20px 23px 180px}
.basic_box .inner.ico1{background:#fff url(/images/common/ico_box.gif) no-repeat 35px 50%}
.basic_box .inner .darblue{color:#325088}
.basic_box h4,.basic_box strong{display:block;margin-bottom:5px;font-size:1.42em;line-height:1.3;color:#2A60D3;font-weight:normal;}
.basic_box .basic_list.mb_0{margin-bottom:0}
.basic_box .basic_list li{margin-bottom:0}
.basic_box .basic_list li strong{display:inline-block;margin-bottom:0;font-size:1em}
.basic_box .downfile_lst{margin-top:10px}
.basic_box .downfile_lst li{display:block;margin-left:-10px}
.basic_box .downfile_lst li a{margin:0 10px}
.box_type1{padding:20px 15px 10px;border:1px solid #c7ced2}
.box_type2{padding:0 5px 10px;border:1px solid #c7ced2}
.box_type1.mb_0{margin-bottom:0}
.scroll{overflow-x:hidden;overflow-y:scroll}

/* thumbnailbox */
.thumb_box{position:relative}
.thumb_box:after{content:"";clear:both;display:block;visibility:hidden}
.thumb_box figure{float:left;margin-right:2%}
.thumb_box .pt{display:inline-block;width:100%}
.thumb_box .pt em{font-weight:normal}
.thumb_box .btnArea{position:absolute;bottom:0}
.thumb_box .inner_ti{background-position:0 3px}
.thumb_box h5.inner_ti{background-position:0 -66px}
.thumb_box .btnArea .button{margin:5px 2px}
.thumb_box.type1 figure,.thumb_box.type1 .btnArea{width:40%}
.thumb_box.type1 .pt{width:58%}
.thumb_box.type2 figure{width:30%}
.thumb_box.type2 .pt{width:68%}
.thumb_box.type3 figure{width:25%}
.thumb_box.type3 .pt{width:73%}
.thumb_box.type4 figure{width:52%}
.thumb_box.type4 .pt{width:46%}
.thumb_box.list{width:103%;margin:-1.5%  0 0 -3%}
.thumb_box .grap{float:left;width:47%;padding:1.5% 0 0 3%}
.thumb_box .grap figure{width:46%;margin-right:4%}
.thumb_box .grap .pt{width:50%}
.thumb_box ul li{margin-bottom:5px}
.thumbimg_list{display:block;float:left;width:100%}
.thumbimg_list.mar10{margin:0 10px 10px}
.thumbimg_list li{float:left;margin-left:15px}
.thumbimg_list li:first-child{margin-left:0}
.thumbimg_list li span{display:block;font-size:0.857em;text-align:center}
.thumb_box.list2{display:inline-block;width:100%;margin:-1.5% 0 0}
.thumb_box.list2 .grap{position:relative;float:left;width:50%;padding:1.5% 0 0}
.thumb_box.list2 .grap figure{width:43.5%;margin:0 4% 0 2.5%}
.dot_line{padding-bottom:30px;background:url(/images/kor/common/dot_line.gif) repeat-x 0 bottom}

/* 선택 보기 */
.viewwrap{padding:2.5% 0}
.viewwrap .item{display:none}

/* list */
.basic_list{margin-bottom:10px}
.basic_list em{font-weight:normal;color:#2166b2;}
.basic_list li{margin-bottom:5px;padding-left:10px;background:url(/images/common/bul_li_th1.gif) no-repeat 0 9px}
.basic_list li ul{margin:5px 0 10px 3px}
.basic_list li li{margin-bottom:0;padding-left:7px;background:url(/images/common/bul_li_th2.gif) no-repeat 0 8px}
.basic_list li li li{padding-left:7px;background:url(/images/common/bul_li_th3.gif) no-repeat 0 10px}
.basic_list ul{margin-left:20px}
.basic_list ul.push_h5,.basic_list ul.push_h6{margin-left:14px}
.basic_list ul ul{padding:0}




.etc_list li{padding-left:10px;background:url(/images/common/bullet_etc1.gif) no-repeat 0 9px}
.etc_list li li{padding-left:10px;background:url(/images/common/bullet_etc2.gif) no-repeat 0 9px}

/* tab */
.basic_tab{margin-bottom:30px;border:1px solid #dcdcdc;border-left-width:0;background-color:#f7f7f7}
.basic_tab:after{content:"";clear:both;display:block}
.basic_tab li{float:left;width:20%;height:50px;margin:-1px 0;overflow:hidden}
.basic_tab.tab_sub07_03_01_01 li,
.basic_tab.tab_sub07_03_01_02 li,
.basic_tab.tab_sub07_03_01_03 li,
.basic_tab.tab_sub07_03_01_04 li,
.basic_tab.tab_sub07_03_01_05 li{width:20%;}
.basic_tab li a{display:block;height:49px;text-align:center;cursor:pointer;border:solid #dcdcdc;border-width:0 0 1px 1px}
.basic_tab li a:before{content:"";display:inline-block;height:100%;vertical-align:middle}
.basic_tab li a span{display:inline-block;vertical-align:middle}
.basic_tab li.ov a,
.basic_tab li.on a,
.basic_tab li a:hover,
.basic_tab li a:focus,
.basic_tab li a:active{height:47px;border-bottom:2px solid #3f7ddb;border-top:1px solid #dcdcdc;background-color:#fff}
.basic_tab li a[target="_blank"]{background:none}
.basic_tab li a[target="_blank"]:hover{background-color:#fff}
.basic_tab li a[target="_blank"] span{padding-right:23px;background:url(/images/common/ico_window.gif) no-repeat 100% 0}
.basic_tab li a[target="_blank"]:hover span,
.basic_tab li a[target="_blank"]:active span,
.basic_tab li a[target="_blank"]:focus span{background:url(/images/common/ico_window.gif) no-repeat 100% 0}


@media (max-width:767px){
	.basic_tab.tab_sub07_03_01_01 li,
	.basic_tab.tab_sub07_03_01_02 li,
	.basic_tab.tab_sub07_03_01_03 li,
	.basic_tab.tab_sub07_03_01_04 li,
	.basic_tab.tab_sub07_03_01_05 li{width:33.33%;}
}

/* slave tab */
.slave_tab:after{content:"";clear:both;display:block}
.slave_tab li{float:left;width:20%;margin-top:3px;padding:0 0 5px;background:#fff}
.slave_tab li a{position:relative;display:block;height:22px;padding:5px;border:1px solid #d1d1cf;font-weight:normal;color:#323232;text-align:center}
.slave_tab li.on a:after{content:"";position:absolute;bottom:-8px;left:50%;margin-left:-8px;border:8px solid transparent;border-bottom-width:0;border-top-color:#2575B9}
.slave_tab li.on a,
.slave_tab li a:hover,
.slave_tab li a:active,
.slave_tab li a:focus{border:1px solid #2575B9;background:#2575B9;color:#fff}

/* 보도자료 */
.bodowrap{}
.bodo_box{width:100%;padding-top:20px;margin-bottom:20px;border-top:1px dashed #e0e0e0}
.bodo_box:first-child{padding-top:0;border:0 none}
.bodo_box:after{content:"";clear:both;display:block}
.bodo_box figure{float:left;width:32%;padding-right:3%;background:#fff}
.bodo_box .pt{}
.bodo_box .pt strong{display:block;padding-bottom:10px;border-bottom:1px solid #e0e0e0}
.bodo_box .pt p,.bodo_box .pt ul{margin:0;margin-top:10px}
.bodo_box .pt ul{float:right}
.bodo_box .pt ul li{float:left;margin:0;margin-left:25px}


/* 정의 */
.define{display:inline-block;width:100%}
.define dt,.define dd{display:block}
.define dt{margin:0 0 5px;font-weight:700;font-size:1.143em;color:#1862be}
.define dd{color:#555}

/* 갤러리 */
.gallery{display:inline-block;width:100%;border-top:2px solid #323030;border-bottom:1px solid #9c9c9c}
.gallery li{border-top:1px dashed #d8d8d8}
.gallery li:first-child{border-top:0 none}
.gallery .gallery_list{display:inline-block;width:100%}
.gallery .gallery_list li{float:left;width:15%;min-height:0;padding:20px 0 10px 2%;margin:0 auto;border-top:0 none}
.gallery .gallery_list.type1 li{width:12.25%;padding:20px 0 10px 2.375%}
.gallery .gallery_list li:first-child{padding-left:0}
.gallery .gallery_list li figure{padding:1px;margin-bottom:10px;border:1px solid #d8d8d8}
.gallery .gallery_list li figure img{width:100%;border:0 none}
.gallery .gallery_list li dt{padding-bottom:5px;border-bottom:1px solid #d8d8d8;font-weight:700;text-align:center}
.gallery .gallery_list li dd{padding-top:6px;font-size:0.857em;text-align:center}
.gallery .gallery_list li .title{font-weight:700;text-align:center}

/* 사이트맵 */
.sitemap{position:relative}
.sitemap li{display:inline-block;float:left;position:relative;width:100%;margin:0 0 50px}
.sitemap li .sitemapArea{display:inline-block;float:left;width:100%;border:1px solid #c9c8c8}
.sitemap li .sitemapLft{display:inline-block;float:left;width:20%;background:#78736f}
.sitemap li .sitemapRgt{display:inline-block;float:left;width:80%;margin-left:-1px;padding:10px 0;border-left:1px solid #c9c8c8}
/*.sitemap li h4{margin-bottom:0;font-size:1.286em;line-height:3.55em;color:#2549a1;}*/

/*.sitemap li h4 {color:#2549a1;font-size:1.375em;font-weight:normal;background:url(/images/mosi2/common/h2_bul.png) no-repeat 0 0;padding-left:18px;}*/
:root #container .sitemap li h4{font-size:0.286em}
.sitemap li ul{display:inline-block;float:left;width:25%}
.sitemap li ul li{display:inline-block;float:left;margin:0;border:0 none}
.sitemap li ul li h5{margin:10px;padding:0;border: 1px solid #ddd;background:none;font-size:1.143em;color:#5f5e5e;}
.sitemap li ul li h5:before{display:none;}
.sitemap li ul li h5 a{display:block;padding:9px 18px 9px 34px;/*background:url(/images/common/bul_sitemap.gif) no-repeat 18px 19px*/}
.sitemap li ul ul{display:inline-block;float:left;width:auto;padding:0 0 9px 34px;border:0 none}
.sitemap li ul ul li{display:block;float:none;width:auto;margin:2px 0}
.sitemap li ul ul li a{display:block;padding-left:9px;background:url(/images/common/bul_li_th1.gif) no-repeat 0 9px}


/* 본인확인 서비스 */
.adult{overflow:hidden;margin:0 auto}
.adult .adultwrap{position:relative;float:left;width:42%;height:auto;margin:3.5%;border:1px solid #e0e0e0;background:#f9f9f9}
.adult .adultwrap h5{padding:20px;margin:0}
.adult .adultwrap h5{font-size:1.43em;border-bottom:3px double #e0e0e0;background:#fff}
.adult .adultwrap h5:before{display:block;position:absolute;top:5px;left: 0;width:11px;height:11px;background:url(/images/mosi2/common/h4_bul.png);content:'';}
.adult .adultwrap h5+p{position:absolute;top:80px;left:0;padding:0 20px;font-size:1.07em}
.adult .adultwrap .center{padding:50% 0 20px}
.adult .adultwrap strong{display:block;margin-bottom:5px;font-size:1.14em}


/* 동의합니다 */
.clause{position:relative;width:100%;margin-top:8px;padding:5px 0;background:#f2f4f5}
.clause .checking{display:inline-block;overflow:hidden;width:100%;padding:5px 0 0}
.clause .checking .tTxt{display:inline-block;float:left;margin-left:20px;padding:0;font-weight:bold}
.clause .checking .icheck{float:right;margin-right:10px;padding:0;font-weight:normal;line-height:1.75em;text-align:right}
*+html body .clause .checking input[type="checkbox"],
*+html body .clause .checking input[type="radio"]{display:inline-block;vertical-align:middle}
*+html body .clause .checking input[type="checkbox"]+label,
*+html body .clause .checking input[type="radio"]+label{display:inline-block;margin-top:0;line-height:1.167em;vertical-align:middle}

/* 아이콘 */
.compulsory{display:inline-block;overflow:hidden;width:10px;height:13px;vertical-align:middle;line-height:100px;background:url(/images/common/bullit.gif) no-repeat 0 -94px}

/* color set */
.red{font-weight: normal;color:#CE1D00 !important}
.blue{font-weight: normal;color:#2059af !important}
.blue_b{color:#2059af !important}
.brown{font-weight: normal;color:#806546 !important}
p.blue em{font-weight: normal;color:#ff7175 !important}
.black{color:#000 !important}

/*popup*/
#pop_wrapper{position:relative;height:100%;margin:0;padding:0;overflow:auto}
#pop_cntsWrap{position:relative;margin:0;padding:0}
#pop_head{position:relative;overflow:hidden;height:25px;padding:15px 25px;background:#1078c1}
#pop_head h3{font-weight:bold;font-size:1.429em;line-height:1em;color:#fff;letter-spacing:-0.1em}
#pop_contents{position:relative;margin:0;padding:25px 25px 30px}
#pop_contents a[target="_blank"]{text-decoration:underline}
#pop_footer{clear:both;display:block;position:relative;height:50px;margin:0 25px;padding:0;border-top:1px solid #e0e0e0}
#pop_footer .copyright{position:absolute;top:0;left:0;width:100%;padding-top:15px;font-size:0.929em;text-align:left}
#pop_footer .close{position:absolute;top:0;right:0;width:auto;padding-top:10px;text-align:right}

/* table wrap */
.tablewrap{position:relative}
.tablewrap:after{content:"";display:block}
.tablewrap .board_total,.tablewrap .btnwrap,.tablewrap .note,.tablewrap .selectwrap,.tablewrap .btn_right{position:absolute}
.tablewrap .btn_right{right:0}
.tablewrap .note{width:auto;right:0;color:#535353}
.tablewrap .note:before{content:"( "}
.tablewrap .note:after{content:" )"}

.tablewrap .basic_table2.w_auto{width:auto}
@media (max-width:767px){
.responseTable{width:100%;overflow-x:auto}
}

/* total */
.board_total{position:relative}
.board_total span{font-weight:700}
/* search
.basic_box .inner{padding:16px;border:1px solid #E2E2E2;background:#FDFDFC}*/
.basic_box .inner form{display:inline-block;width:100%;margin-top:5px}
.basic_box .grap{float:left;margin-left:15px;padding:0}
.basic_box .grap:after{clear:both;display:block;content:""}
.basic_box .basic_search{float:right;width:auto;margin:0 -15px 0 0}
.basic_box .basic_search:after{clear:both;display:block;content:""}
.basic_search strong{float:left;margin:0;font-weight:700;font-size:1.214em;color:#444}
.basic_search label{margin-left:7px;font-weight:400;color:#999999;line-height:28px}
.basic_search .searchinput{position:relative;float:left;width:auto;margin:0;padding-left:5px}
.basic_search .searchinput input{display:inline-block;background:#FFFFFF}
.basic_search .searchinput input[type="submit"]{height:30px;min-width:55px;white-space:nowrap;background:#2D6BC9;border:1px solid #2D6BC9;}
.basic_search .searchinput input[type="text"]{width:258px;height:28px;box-sizing: border-box}
.basic_search select{height:30px;}
.basic_search.fl{float:left}
.basic_search .findTxt{width:350px}
/* board_butt */
.board_butt{display:block;margin:20px 0;text-align:right}
.board_butt.type1{border-top:1px solid #c1c1c1;padding-top:20px}
.board_butt.center{text-align:
	center}

/* table */
.basic_table{width:100%;line-height:1;border:solid #d9d9d9;border-width:2px 1px 0;border-top-color:#4a7bd5}
.basic_table th{padding:12px 5px;font-weight:normal;color:#3b3b3b;line-height:21px;}
.basic_table th,.basic_table td{border:solid #d9d9d9;border-width:0 0 1px 1px}
.basic_table th:first-child, .basic_table td:first-child{border-left:0 none}
.basic_table td{padding:10px 14px;color:#545454;line-height:21px;}
.basic_table .pd_s td{padding:10px 5px}
.basic_table td.tbl_cnts{padding:20px 14px}
.basic_table thead th,.basic_table tbody th{background:#f4f7fc}
.basic_table tfoot th,.basic_table tfoot td{background:#fafafa;font-weight:700}
.basic_table tr.color_ov th,.basic_table tr.color_ov td{background-color:#fafafa}
.basic_table tr.doubleRow th,.basic_table tr.doubleRow td{border-bottom:3px double #d9d9d9}
.basic_table tr.doubleTop th,.basic_table tr.doubleTop td{border-top:3px double #d9d9d9}
.basic_table ul{margin:0}
.basic_table ul li{margin:0 0 3px}
.basic_table ul li li{margin:0}
.basic_table .brw{border-right-width:1px}
.basic_table .blw{border-left-width:1px}
.basic_table th[scope="row"],.basic_table td[scope="row"]{border-right-width:1px;line-height:1.5em}
.basic_table th[rowspan]{border-right-width:1px}
/*.basic_table th[scope="row"] span{font-weight:400;font-size:0.857em;letter-spacing:-0.05em}
.basic_table th[scope="row"].left{padding-left:12px}*/
.basic_table dl{display:inline-block;width:100%}
.basic_table dt,.basic_table dd{display:inline-block;float:left;height:30px;line-height:30px}
.basic_table dt{min-width:75px}
.basic_table p input[type="file"]{margin:2px 0}
/*.basic_table.left th[scope="row"]{padding:10px 14px}*/
.basic_table .list_subject{width:100%}
.basic_table .list_subject:after{clear:both;display:block;content:""}
.basic_table .list_subject img{float:left;margin:5px 5px 0 0}
.basic_table img{vertical-align:middle}
.basic_table .list_subject .link{float:left;display:block;max-width:90%;margin-right:5px;overflow:hidden;text-overflow:ellipsis;word-wrap:normal}
.basic_table td .button.tblebtn{margin:1px 0}

/*20160801 추가 sub01_02_04*/
.basic_table_leftbox{float:left;width:52%;margin-right:10px;}

/*20170323_조직정보공개 추가*/
.img_right_box div{display:block;height:286px; background:url(/images/kor/sub01/sub01_02_04_bg2.jpg) no-repeat; _background: url(/images/kor/sub01/sub01_02_04_bg.jpg) no-repeat;}
.img_right_box .box1{background-position:95% 0;}
.img_right_box .box2{background-position: 95% 24%;}
.img_right_box .box3{background-position: 95% 50%;}
.img_right_box .box4{background-position: 95% 75%;}
.img_right_box .box5{background-position:95% 79.3%;}
.img_right_box .box6{background-position: 95% 100%;}

/* 페이징 */
.paginate{margin:20px 0;text-align:center}
.paginate a,.paginate em,.paginate img,.paginate span{display:inline-block;vertical-align:middle}
.paginate .dir{padding:0 2px}
.paginate .dir a{}
.paginate .number{padding:0 2px}
.paginate .number a,
.paginate .number em{width:29px;height:29px;line-height:29px;background:url(/images/prog/common/btn_dir_bg.gif) no-repeat}
.paginate .number em{color:#fff;background-position:right top}
.paginate .dir .dir_prev{margin-left:-2px;padding-right:10px}
.paginate .dir .dir_first{}
.paginate .dir .dir_next{padding-left:10px}
.paginate .dir .dir_last{margin-left:-2px}

/* Button */
.selectwrap{right:0;width:auto}
.btnwrap{width:100%;background:#bfbfbf}
.btnwrap .btns{display:block;margin:1px;padding:5px;background:#ededed}
.button *{font:1em "ngn","Nanum Gothic","돋움",Dotum,"Lucida Grande",sans-serif,Tahoma,AppleGothic,sans-serif;color:#292828}
.button,.button *{display:inline-block;overflow:visible;margin:0;padding:0;border:0 none;background:url(/images/prog/common/btn_seocheon.gif) no-repeat;line-height:18px !important;vertical-align:middle !important;white-space:nowrap;cursor:pointer}
*+html body .button,*+html body .button *{display:inline}
.button *,.button *:hover,.button *:active,.button *:focus{text-decoration:none !important}
.button,.button a[target="_blank"]{background:url(/images/prog/common/btn_seocheon.gif) no-repeat}
/* Button Basic */
.button.basic,.button.basic *{height:39px}
.button.basic a,.button.basic a *{line-height:36px !important}
.button.icon,.button.icon *{min-width:0;padding:0}

.button.basic .arrowA *,.button.basic .arrowB *,.button.basic .arrowC *,.button.basic .arrowD *{padding:0 13px;color:#fff}
/*.button.basic.action *,.button.basic .arrowA *:hover,.button.basic .arrowB *:hover,.button.basic .arrowC *,.button.basic .arrowD *{color:#fff}*/

.button.basic .arrowA{background-position:0 0}
.button.basic .arrowA *{background-position:100% 0}
.button.basic .arrowA:hover{background-position:0 -40px}
.button.basic .arrowA *:hover{background-position:100% -40px}
.button.basic .arrowB{background-position:0 -90px}
.button.basic .arrowB *{background-position:100% -90px}
.button.basic .arrowB:hover{background-position:0 -130px}
.button.basic .arrowB *:hover{background-position:100% -130px}
.button.basic .arrowC{background-position:0 -180px}
.button.basic .arrowC *{background-position:100% -180px;color:#292828}
.button.basic .arrowC:hover{background-position:0 -220px}
.button.basic .arrowC *:hover{background-position:100% -220px;color:#fff}

.button.basic .typeA *,.button.basic .typeB *,.button.basic .typeC *{padding:0 20px;color:#fff}
.button.basic .typeA{background-position:0 0}
.button.basic .typeA *{background-position:100% 0}
.button.basic .typeA:hover{background-position:0 -40px}
.button.basic .typeA *:hover{background-position:100% -40px}
.button.basic .typeB{background-position:0 -90px}
.button.basic .typeB *{background-position:100% -90px}
.button.basic .typeB:hover{background-position:0 -130px}
.button.basic .typeB *:hover{background-position:100% -130px}
.button.basic .typeC{background-position:0 -180px}
.button.basic .typeC *{background-position:100% -180px;color:#292828}
.button.basic .typeC:hover{background-position:0 -220px}
.button.basic .typeC *:hover{background-position:100% -220px;color:#fff}

.button.basic.action{background-position:0 -40px}
.button.basic.action *{background-position:100% -40px}

/* download */
.button.basic .acrobat *,.button.basic .html *,.button.basic .hwp *,.button.basic .excel *,.button.basic .word *,.button.basic .ppt *,.button.basic .jpg *,.button.basic .gif *,.button.basic .ai *,.button.basic .pgmdown *{padding:0 13px 0 42px}

.button.icon .acrobat{background-position:0 -270px} /* Acrobat Reader */
.button.icon .acrobat *{background-position:100% -270px}
.button.icon .acrobat:hover{background-position:0 -309px}
.button.icon .acrobat *:hover{background-position:100% -309px;color:#fff}

.button.icon .html{background-position:0 -270px} /* HTML */
.button.icon .html *{background-position:100% -270px}
.button.icon .html:hover{background-position:0 -309px}
.button.icon .html *:hover{background-position:100% -309px;color:#fff}

.button.icon .hwp{background-position:0 -720px} /* 한글 */
.button.icon .hwp *{background-position:100% -720px}
.button.icon .hwp:hover{background-position:0 -759px}
.button.icon .hwp *:hover{background-position:100% -759px;color:#fff}

.button.icon .excel{background-position:0 -540px} /* 엑셀 */
.button.icon .excel *{background-position:100% -540px}
.button.icon .excel:hover{background-position:0 -579px}
.button.icon .excel *:hover{background-position:100% -579px;color:#fff}

.button.icon .word{background-position:0 -450px} /* 워드 */
.button.icon .word *{background-position:100% -450px}
.button.icon .word:hover{background-position:0 -489px}
.button.icon .word *:hover{background-position:100% -489px;color:#fff}

.button.icon .ppt{background-position:0 -360px} /* 파워포인트 */
.button.icon .ppt *{background-position:100% -360px}
.button.icon .ppt:hover{background-position:0 -399px}
.button.icon .ppt *:hover{background-position:100% -399px;color:#fff}

.button.icon .pgmdown{background-position:0 -630px} /* 설치프로그램 다운 */
.button.icon .pgmdown *{background-position:100% -630px}
.button.icon .pgmdown:hover{background-position:0 -669px}
.button.icon .pgmdown *:hover{background-position:100% -669px;color:#fff}

.button.icon .jpg{background-position:0 -990px} /* JPG */
.button.icon .jpg *{background-position:100% -990px}
.button.icon .jpg:hover{background-position:0 -1029px}
.button.icon .jpg *:hover{background-position:100% -1029px;color:#fff}

.button.icon .gif{background-position:0 -270px} /* GIF */
.button.icon .gif *{background-position:100% -270px}
.button.icon .gif:hover{background-position:0 -309px}
.button.icon .gif *:hover{background-position:100% -309px}

.button.icon .ai{background-position:0 -900px} /* illust */
.button.icon .ai *{background-position:100% -900px}
.button.icon .ai:hover{background-position:0 -939px}
.button.icon .ai *:hover{background-position:100% -939px;color:#fff}

.button.basic .acrobat em,.button.basic .html em,.button.basic .hwp em,.button.basic .excel em,.button.basic .word em,.button.basic .ppt em,.button.basic .jpg em,.button.basic .gif em,.button.basic .ai em,.button.basic .pgmdown em{padding:0;background:none}
/* go */
.button.basic .homego *,.button.basic .api *,.button.basic .tel *{padding:0 13px 0 45px;font-size:0.929em;color:#fff}
.button.icon .api{background-position:0 -810px} /* API */
.button.icon .tel{background-position:0 -810px} /* 전화번호안내 */

.button.basic .homego{background-position:0 -810px}/* 홈페이지바로가기 */
.button.basic .homego *{background-position:100% -810px}
.button.basic .homego:hover{background-position:0 -849px}
.button.basic .homego *:hover{background-position:100% -849px}

#contents .button.basic .homego a[target="_blank"]{background-image:url(/images/prog/common/btn_seocheon.gif);text-decoration:none}
#contents .button.basic .typeB a[target="_blank"]{background-image:url(/images/prog/common/btn_seocheon.gif);text-decoration:none}
/* Button Small */
.button.small,.button.small *{height:28px}
.button.small a,.button.small a *{line-height:28px !important}
.button.small .typeA *,.button.small .typeB *,.button.tblebtn .typeC *{padding:0 13px;color:#fff}
.button.small .typeA *{background:#627082}
.button.small .typeB *{background:#575757}

.button.tblebtn,.button.tblebtn *{height:26px}
.button.tblebtn{font-size:0.929em}
.button.tblebtn a,.button.tblebtn a *{line-height:26px !important}

.button.tblebtn .typeC *{padding:0 10px;background:#6C6C6C}

.button.vsmall,.button.vsmall *{background:none;vertical-align:top !important}
.button.vsmall a,.button.vsmall a *{line-height:16px !important}
.button.vsmall{font-size:0.857em}
.button.vsmall .typeA *,.button.vsmall .typeB *{padding:0 5px;color:#fff}
.button.vsmall .typeA,.button.vsmall .typeA *{background:#333}
.button.vsmall .typeB,.button.vsmall .typeB *{background:#f33a3f}
/* Button Large */
.button.large,.button.large *{height:36px}
.button.large a,.button.large a *{line-height:36px !important}
.button.large .arrowA *,
.button.large .arrowB *,
.button.large .arrowC *{padding:0 13px;color:#fff}

.button.large .arrowA{background-position:0 0}
.button.large .arrowA *{background-position:100% 0;color:#fff}
.button.large.active .arrowA,
.button.large .arrowA:hover{background-position:0 -40px}
.button.large.active .arrowA *,
.button.large .arrowA *:hover{background-position:100% -40px;color:#fff}

.button.large .arrowB{background-position:0 -90px}
.button.large .arrowB *{background-position:100% -90px;color:#fff}
.button.large.active .arrowB,
.button.large .arrowB:hover{background-position:0 -130px}
.button.large.active .arrowB *,
.button.large .arrowB *:hover{background-position:100% -130px;color:#fff}

.button.large .arrowC{background-position:0 -180px}
.button.large .arrowC *{background-position:100% -180px;color:#262626}
.button.large.active .arrowC,
.button.large .arrowC:hover{background-position:0 -220px}
.button.large.active .arrowC *,
.button.large .arrowC *:hover{background-position:100% -220px;color:#fff}


/* Button Icon Etc */
ul li .btn_down{padding:0 0 0 13px}
.btn_down,.btn_down *{display:inline-block;overflow:visible;margin:-1px 0 0 5px;padding:0;border:0 none;vertical-align:top;font-weight:normal;white-space:nowrap;cursor:pointer}
.btn_down span{padding:0 0 0 6px;border-left:1px solid #e0e0e0}
.btn_down span a{min-width:30px;min-height:30px;line-height:30px;color:#1A1B1D;text-decoration:underline;background:url(/images/common/ico_file.gif) no-repeat;text-indent:36px}
.btn_down span.pdf a{background-position:0 0}
.btn_down span.html a{background-position:0 -30px}
.btn_down span.xls a{background-position:0 -60px}
.btn_down span.doc a{background-position:0 -90px}
.btn_down span.ppt a{background-position:0 -120px}
.btn_down span.down a{background-position:0 -150px}
.btn_down span.hwp a{background-position:0 -180px}
.basic_table2 .btn_down span{padding:0;border-left:0 none}
.basic_table2 .btn_down span a{font-size:0;line-height:0;text-indent:0}
.btn_prog{display:inline-block;padding:0 15px;border:0;background:#5c5c5f;font-weight:700;color:#fff;vertical-align:middle}
.btn_prog:hover,.btn_prog:focus{background:#5c5c5f}
.board_butt input[type="button"],.board_butt input[type="reset"],.board_butt input[type="submit"]{padding:0;height:36px;white-space:nowrap;overflow:hidden;background:#575757}

/*신규 2015-01 [서천]*/

/*bul_num*/
.bul_num .cnt{display:inline-block;min-width:20px;text-align:center;background:#ff791c;color:#fff}

/*board*/
span.board span{text-indent:-9999px;display:inline-block}
span.inprogress{background:url(/images/common/board_btn.gif) no-repeat;padding-left:55px;padding-bottom:5px}
span.completion{background:url(/images/common/board_btn2.gif) no-repeat;padding-left:55px;padding-bottom:5px}
span.upcoming{background:url(/images/common/board_btn3.gif) no-repeat;padding-left:55px;padding-bottom:5px}
span.new{background:url(/images/common/board_new.gif) no-repeat;padding-left:18px}
span.save{background:url(/images/common/board_file.gif) no-repeat;padding-left:16px}
span.lcok{background:url(/images/common/board_lock.gif) no-repeat;padding-left:11px}
span.attachments{background:url(/images/common/board_down.gif) no-repeat;padding-left:12px}

/*icon*/
.singlcon span,
.singlcon a{display:inline-block;width:42px;height:42px;overflow:hidden;text-indent:-999px}
.singlcon a,.singlcon a[target="_blank"]{padding:0;background-image:url(/images/common/single_icon.png)}
.singlcon .zip{background-position:0 0}
.singlcon .ai{background-position:-57px 0}
.singlcon .jpg{background-position:-114px 0}
.singlcon .docx{background-position:-172px 0}
.singlcon .hwp{background-position:-224px 0}
.singlcon .ppt{background-position:-280px 0}
.singlcon .pdf{background-position:-335px 0}
.singlcon .excel{background-position:-389px 0}
.singlcon .down{background-position:-449px 0}

/*button*/
span.btn_basic{width:98px;height:36px}
span.buttonA a{background:#9099a6;border-bottom:1px solid #e4e6e8;color:#fff;padding:10px}

/*basic_box2*/
.basic_box2{border-top:1px solid #d0d7e1;border-left:1px solid #d0d7e1;border-right:1px solid #d0d7e1;border-bottom:1px solid #d0d7e1;}
.basic_box2 .inner2{background:#FCFCFC;padding:24px}

/*basic_box3*/
.basic_box3{padding:25px;background:url(/images/kor/contents/basic_box3_bg.gif) repeat left top}
.basic_box3 .inner2{background:#FCFCFC;padding:24px}

/*basic_box4*/
.basic_box4{border-top:1px solid #d0d7e1;border-left:1px solid #d0d7e1;border-right:1px solid #d0d7e1;border-bottom:1px solid #d0d7e1;}
.basic_box4 .inner2{background:#fff;padding:24px}

/*서천 게시판 검색*/
.basic_serch_bbs{margin-bottom:20px;padding:15px;background:#fbfbfb;border:1px solid #dcdcdc;overflow:hidden}
.basic_serch_bbs .board_total{float:left;height:30px;line-height:30px;color:#000}
.basic_serch_bbs .board_search{float:right}
.basic_serch_bbs .board_search strong{display:none}
.basic_serch_bbs .grap,
.basic_serch_bbs .basic_search{float:left}


/* 미디어플레이어 */
#respondPlayer{background:#000}
#respondPlayer video{display:block}
#respondPlayer .vjs-default-skin .vjs-big-play-button{left:50%;top:50%;width:120px;height:80px;margin:-40px 0 0 -60px}








@charset "utf-8";

/*********************

     componant - 관련

*********************/

/* 작업기준*/
@media(max-width:1279px){/*pc작은화면*/}
@media(max-width:1023px){/*테블릿*/}
@media(max-width:767px){/*안드로이드 가로*/}
@media(max-width:567px){/*아이폰4 가로*/}
@media(max-width:479px){/*안드로이드 세로*/}
@media(max-width:359px){/*아이폰 공통 세로*/}


/*만족도조사*/
@media(max-width:1024px){
.satisfaction{height:auto;background-position:23px 18px}
.satisfaction p{margin:0 0 6px}
.satisfaction p,
.satisfaction ul.star{float:none}
.satisfaction .survey_txt{margin-left:0}
}

/*사이트맵*/
@media(max-width:1024px){
.sitemap li ul{width:33.3%}
}

/*table*/
@media(max-width:1024px){
.basic_table col.problem{width:10%}
.basic_table col[class^="problem_"]{width:10%}
.basic_table col.date{width:120px}
}
@media(max-width:1023px){
.basic_table .problem{display:none}
.basic_table th,
.basic_table td{padding:5px;letter-spacing:-1px}
.basic_table th{padding:10px 5px}
.basic_table .problem_number,
.basic_table .problem_count,
.basic_table .problem_file{display:none}
.basic_table .problem_number+th,
.basic_table .problem_number+td{border-left:0}
.basic_table col.problem_name{width:80px}
.basic_table col.problem_status{width:60px}
.basic_table td.list_subject .link{width:86%}
.basic_board{background-position:0 42px !important}

}
@media(max-width:639px){
.basic_table .date{display:none}
.basic_table .list_subject .link{display:inline;float:none;white-space:normal}
.basic_table .list_subject img{float:none;margin:0}
}





/*게시판 검색*/
@media(max-width:767px){/*안드로이드 가로*/
/*인풋모음*/
.basic_search.fl{width:100%}
#findInp{width:60% !important}
/*레이블모음*/
label[for="findItem"]{display:none}
}

@media(max-width:639px){/*아이폰 가로*/
/* #findWrite,
#bbsSearchkeyword{width:175px !important} */
}
@media(max-width:479px){/*안드로이드 세로*/
/* .basic_serch_bbs .board_search{width:100%}
.basic_serch_bbs .grap{width:23%}
.basic_serch_bbs .basic_search{float:right;width:73%}
.basic_search .searchinput{width:100%} */

/*음식숙박*/
.hotel_search fieldset{float:none;width:100%}
#contents .hotel_search #findWrite{width:76% !important}

/*레이블모음*/
.basic_search label{line-height:31px}
.basic_search .searchinput .flow{font-size:0.8em}
/*인풋모음*/
/* #findWrite,
#bbsSearchkeyword{width:65% !important} */
#min_input{width:220px !important}
}
@media(max-width:359px){/*아이폰 세로*/
/* .basic_serch_bbs .board_search{clear:both;width:100%}
.basic_serch_bbs .grap{width:31%}
.basic_serch_bbs .basic_search{width:69%} */
/*레이블모음*/
.hotel_search label{font-size:0.9em}
/*인풋모음*/
/* #findWrite,
#bbsSearchkeyword{width:59% !important}
#searchKeyword{width:59% !important} */
#min_input{width:180px !important}
#contents .hotel_search #findWrite{width:72% !important}
}

/*본인확인서비스*/
@media(max-width:1023px){/*테블릿*/
.adult .adultwrap{float:none;width:auto}
.adult .adultwrap h5+p{position:static;padding:20px}
.adult .adultwrap .center{padding-top:0}
}
@media(max-width:767px){/*안드로이드 가로*/

}


/* 게시판 반응형 */
@media(max-width:1279px){
#contents .basic_table col[class^="problem_"]{width:10%}
#contents .basic_table col.problem_name{width:20%}
#contents .basic_table col.date{width:120px}
}
@media(max-width:1000px){
#contents .basic_table tr td{padding:5px}
#contents .basic_table .problem_number,
#contents .basic_table .problem_count,
#contents .basic_table .problem_file{display:none}
#contents .basic_table .problem_number+th,
#contents .basic_table .problem_number+td{border-left:0}
#contents .basic_table col.problem_name{width:80px}
#contents .basic_table col.problem_status{width:60px}
#contents .basic_table td.list_subject .link{width:86%}
}
@media(max-width:639px){
#contents .basic_table .date{display:none}
#contents .basic_table td .list_subject .link{display:inline;float:none;white-space:normal}
#contents .basic_table td .list_subject img{float:none;margin:0}
}


/*포토형게시판*/
@media(max-width:767px){
#contents .photogallery_list li{width:33.3%}
}
@media(max-width:479px){
#contents .photogallery_list li{width:50%}
}
@media(max-width:359px){
#contents .photogallery_list li{float:none;width:auto}
}

/*eBook*/
@media(max-width:767px){
#contents .type1 .photogallery_list li{width:33.1%}
}
@media(max-width:639px){
#contents .type1 .photogallery_list li{width:49.7%}
}
@media(max-width:359px){
#contents .type1 .photogallery_list li{float:none;width:auto}
}

/*보도형 게시판*/
@media(max-width:639px){
#contents .bodo_list .item{margin-bottom:25px;padding:0}
#contents .bodo_list .item:first-child{padding-top:25px}
#contents .bodo_list .item .thumb{float:none;width:auto;margin:0;text-align:center;background-color:#fff;}
#contents .bodo_list .item .descpt{padding-top:10px}
}

/*동영상게시판*/
/*플레이어*/
@media(max-width:639px){
.respondPlayer{width:auto !important;height:auto !important}
.respondPlayer video,
.respondPlayer object{width:auto !important;height:306px !important}
}
@media(max-width:479px){
.respondPlayer video,
.respondPlayer object{height:226px !important}
}
@media(max-width:359px){
.respondPlayer video,
.respondPlayer object{height:200px !important}
}


/*5차 탭메뉴*/
@media(max-width:767px){
.slave_tab li{width:25%}
}
@media(max-width:639px){
.slave_tab li{width:33.3%}
}
@media(max-width:479px){
.slave_tab li{width:100%}
}




/*table*/
@media(max-width:1024px){
.basic_table col.problem{width:10%}
.basic_table col[class^="problem_"]{width:10%}
.basic_table col.date{width:120px}
}
@media(max-width:1023px){
.basic_table .problem{display:none}
.basic_table th,
.basic_table td{padding:5px;letter-spacing:-1px}
.basic_table th{padding:10px 5px}
.basic_table .problem_number,
.basic_table .problem_count,
.basic_table .problem_file{display:none}
.basic_table .problem_number+th,
.basic_table .problem_number+td{border-left:0}
.basic_table col.problem_name{width:80px}
.basic_table col.problem_status{width:60px}
.basic_table td.list_subject .link{width:86%}
.basic_board{background-position:0 42px !important}

}
@media(max-width:639px){
.basic_table .date{display:none}
.basic_table .list_subject .link{display:inline;float:none;white-space:normal}
.basic_table .list_subject img{float:none;margin:0}
}


.basic_table tr.noData td {
    /*position: absolute;*/ /* 답변형게시판오류수정_20181011 */
    left: 0;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #ddd;
    text-align: center;
    padding: 8px 10px;}
.button.small.mt_20{ margin-top:20px; }

/*게시판 검색바*/
@media only screen and (max-width:640px) {
  .basic_serch_bbs .board_search{float:none}
  .basic_serch_bbs .grap, .basic_serch_bbs .basic_search{float:none;width:100%}
  .basic_serch_bbs .board_total{display:block;float:none;font-size:14px;line-height:40px}
  .basic_serch_bbs .grap select{width:100%;margin-bottom:5px}
  .basic_search .searchinput{width:100%;padding-left:0;border: 1px solid #adadad}
  .basic_search .searchinput input[type="text"]{width:100%;padding: 0 58px 0 10px;border: none;}
  .basic_search .searchinput input[type="submit"]{position: absolute;top: 0;right: 0;padding: 0;width: 40px;min-width: 56px;border: none;border-radius: 0;
    margin-top: 0;text-indent: 0;}


}