@charset "utf-8";
@import "layout.css";
	/*링크버튼*/
	.link_btn1 {margin:-34px 0 18px; 0; text-align:right;}
	.link_btn1 a {display:inline-block; color:#13b5b1; font-size:75%; padding:0 20px 0 8px; height:26px; line-height:26px; border:1px solid #13b5b1; background:url(../images/bg/link_btnbg.png) no-repeat 92% center #fff;}
	.link_btn1 a:hover {background-color:#13b5b1; color:#fff; background-position:94% center;}

	/*텍스트링크*/
	.link_txt1 {margin-left:15px; padding-right:16px; background:url(../images/bg/link_btnbg.png) no-repeat right 49%; color:#13b5b1;}
	.link_txt1:hover {text-decoration:underline;}

	/*페이징*/
	.paging_wrap:after {content:""; clear:both; display:block;}
	.paging_wrap {margin-top:10px;}
	.paging_wrap .total {float:left; margin-top:10px; font-size:75%;}
	.paging_wrap .total span{margin-left:5px; color:#ee2d23; font-weight:bold; vertical-align:top;}
	.paging_wrap ul {float:right; margin-top:5px;}
	.paging_wrap ul:after{content:""; clear:both; display:block; }
	.paging_wrap ul li {float:left;width:22px;}
	.paging_wrap ul li:first-child {margin-left:0; width:22px;}
	.paging_wrap ul li:nth-child(2) {margin-left:2px; width:22px;}
	.paging_wrap ul li:last-child {margin-left:2px; width:22px;}
	.paging_wrap ul li img {width:22px; height:22px; display:block;}
	.paging_wrap ul li a {display:block; width:100%; text-align:center; font-size:88%; line-height:22px; letter-spacing:-1px;}
	.paging_wrap ul li a:hover,
	.paging_wrap ul li a:focus {color:#ee2d23; text-decoration:underline;}
	.paging_wrap ul li.on a {color:#ee2d23; font-weight:bold; text-decoration:underline;}

	/*게시판 검색탭*/
	.board_wrap1 {margin-top:20px; border-top:1px solid #333333;}
	.search_wrap1 {margin-top:10px; text-align:right;}
	.select_box {position:relative; width:110px; height:30px; margin-right:5px; display:inline-block;}
	.select_box .invisible {position:absolute; display:block; top:0; left:0; color:#333; width:110px; height:28px; font-size:88%; line-height:28px; text-indent:9px;background:url(../images/bg/sch_bg_off.png) 94% center no-repeat; border:1px solid #e5e5e5; text-align:left;}
	.select_box .invisible.on {background:url(../images/bg/sch_bg_on.png) 94% center no-repeat;border:1px solid #ee2d23; color:#ee2d23;;}
	.select_box .board_option {width:100%; height:28px; margin-left:1px; line-height:28px; opacity:0; filter:alpha(opacity=0);cursor:pointer;}
	.select_box.sb_size1,
	.select_box.sb_size1 .invisible {width:60px;}
	.search_wrap1 .board_search {width:130px; height:28px; overflow:hidden; background:#f8f8f8; border:1px solid #e5e5e5; display:inline-block;}
	.search_wrap1 .board_search input {float:left; width:82%; height:28px; padding-left:8px; background:transparent; border:none; box-sizing:border-box; font-size:88%;}
	.search_wrap1 .board_search.ipt_size1 {width:110px;}
	.search_wrap1 .board_search button {float:right; width:18%; height:28px; background:url(../images/btn/sch_btn1.png) no-repeat center transparent; text-indent:-9999px;}
	/*썸네일게시판 타입1*/
    .board_type1 li {width:100%; padding:20px 0; border-bottom:1px solid #e5e5e5;}
    .board_type1 dl {padding:0; box-sizing:border-box;}
    .board_type1 dl dt {margin-bottom:8px; font-size:100%; line-height:1.5; font-weight:bold;}
	.board_type1 dl dt a:focus,
	.board_type1 dl dt a:hover {color:#ee2d23; text-decoration:underline;}
    .board_type1 dl dd {font-size:88%; line-height:1.5; color:#555;}
    .board_type1 .img_wraper {width:100%; margin-top:12px;}
    .board_type1 .img_wraper img {width:100%; max-width:300px;}

    /*썸네일게시판 타입2*/
    .board_type2 li {padding:30px 0; border-bottom:1px solid #e5e5e5;}
    .board_type2 .img_wraper {display:none;}
    .board_type2 dl dt {margin:8px 0; font-size:100%; line-height:1.5; font-weight:bold;}
    .board_type2 dl dd {margin-bottom:10px; font-size:88%; line-height:1.5; color:#555;}
	.board_type2 dl dt a:focus,
	.board_type2 dl dt a:hover {color:#ee2d23; text-decoration:underline;}
    .board_type2 .info span {display:inline-block; margin-right:5%; margin-left:3px; font-size:88%;}
    .board_type2 .info span:last-child {margin-right:0;}

	/*담당부서*/
	.department {padding-top:10px; margin-top:15px; text-align:right; border-top:1px solid #d2d2d2; font-size:88%; line-height:1.4;}
    .department span {display:block;}
    .department.top_none {margin-top:0; border-top:none;} 

	/*서브타이틀*/
	.sub_tit1 {margin:40px 0 0px 0; padding-bottom:15px; border-bottom:1px solid #333; font-size:110%; font-weight:bold;}
	.sub_tit1.no_line {border-bottom:none; padding-bottom:0;}
	.sub_tit2 {margin-top:30px; font-size:88%; font-weight:bold;}
	.rome_tit {margin-top:30px; font-size:100%; color:#eb6100; font-weight:bold;}
	.bl2_tit {margin:20px 0 10px 0; padding-left:18px; background:url(../images/bg/blist2.gif) no-repeat 2px 3px; font-size:100%; background-size:8px;}

	/*서브컨텐츠 공통*/
	.sub_part {margin-top:30px;}
	.btm_txt {margin-top:20px; font-size:75%; color:#13b5b1; font-weight:bold; line-height:1.4;}
	.btm_txt.btm_txt2 {margin-top:10px;}
	.btm_txt .dt {vertical-align:top; background:url(../images/bg/btm_dot.gif) no-repeat left 50%; padding-left:5px; margin-left:3px;}
	.btm_txt a {color:#13b5b1;} 
	.btm_txt a:hover {text-decoration:underline;}
	.ctn_txt {margin-top:10px; font-size:75%; line-height:1.4;}
	.invisible {display:none;}
	.mt_none {margin-top:0 !important;}
	.hl {color:#eb6100;}
	.sys_font {font-family:'맑은 고딕','Malgun Gothic','돋움',Dotum; vertical-align:top; color:#666; font-size:88%;}
	.txt_mark {color:#13b5b1; font-weight:bold; padding:2px 5px 1px 5px; border:2px solid #13b5b1;}
	.text_ctn .ref_wrap {padding-left:0; margin-top:20px; text-align:center; background:none;  text-indent:0;}
	.ref_wrap .ref_name {padding-left:7px; background:url(../images/bg/refname.gif) no-repeat left 4px; background-size:4px; font-weight:100%; color:#ff0000; font-weight:bold;}
	.ref_wrap img {margin-top:10px; width:100%;}
	.text_ctn .blcnt_box {margin-top:10px; padding:10px; background:none #f7f7f7;}
	.text_ctn .blcnt_box table {background:#fff;}
	.text_ctn .blcnt_box table th {background:#f1f1f1;}
	.text_ctn .blcnt_box .space {margin-top:10px;}
	.text_ctn .blcnt_box ul,.text_ctn .blcnt_box div {margin:0;}
	.text_ctn .blcnt_box li:last-child, .text_ctn .blcnt_box dd:last-child {margin-bottom:0;}

	/*불릿리스트 기호별*/
	.bullet_list {margin-top:10px; font-size:75%; line-height:1.5; color:#333;}
	.bullet_list dt {font-size:100%; font-weight:bold;}
	.bullet_list.star li,.bullet_list.star dd {padding-left:15px; background:url(../images/bg/blist_star.gif) no-repeat 2px 5px; background-size:5px; color:#333;}
	.bullet_list.dot li,.bullet_list.dot dd {padding-left:15px; background:url(../images/bg/blist_dot.gif) no-repeat 4px 9px; background-size:3px; color:#333;} 
	.bullet_list.ds li,.bullet_list.ds dd {padding-left:12px; background:url(../images/bg/blist_ds.gif) no-repeat 3px 7px;}
	ul.bullet_list li.no_blt,.bullet_list li.no_blt li {background:none; padding:0;}
	td .bullet_list {margin:2px 0 0 2px; font-size:100%;}

	/*불릿 리스트1*/
	.bullet_list1 {margin-top:10px; font-size:75%; line-height:1.5;}
	.bullet_list1 dt {font-size:100%; font-weight:bold;}
	.bullet_list1 dd,.bullet_list1 li {padding-left:18px; background:url(../images/bg/blist_dot.gif) no-repeat 4px 6px; background-size:3px;}
	td .bullet_list1 {margin:2px 0 0 2px; font-size:100%;}

	/*불릿 리스트2*/
	.bullet_list2 {font-size:75%; line-height:1.5;}
	.bullet_list2 dt {margin:20px 0 10px 0; padding-left:18px; background:url(../images/bg/blist2.gif) no-repeat 2px 3px; font-size:100%; background-size:8px;} 
	.bullet_list2 dt:last-child {margin-bottom:0;}
	.bullet_list2 dd,.bullet_list2 li {padding-left:18px; background:url(../images/bg/blist_dot.gif) no-repeat 4px 6px; background-size:3px;}
	.bullet_list2 > li:first-child {margin-top:20px;}
	.bullet_list2 .no_dt {margin-top:20px;}
	.bullet_list2 .no_blt {background:none;}
	.bullet_list2 .nb_txt {background:none; padding-left:2px; margin-bottom:10px;}
	.bullet_list2 ul {margin-top:8px; color:#666; font-size:100%;}
	.bullet_list2 ul li {background:none; padding-left:0;}
	.bullet_list2 ul li:last-child{margin-bottom:10px;}
	.bullet_list2 ul.int_list1 li {text-indent:-16px; margin-left:16px;}
	.bullet_list2 ul.int_list1 .no_int {text-indent:0;}
	.bullet_list2 ul.bullet_list li {text-indent:0; margin-left:0;}

	/*리스트 링크 호버*/
	.bullet_list1 a,.bullet_list2 a {color:#333; vertical-align:top;}
	.bullet_list1 a:hover,.bullet_list2 a:hover {text-decoration:underline;}

	/*텍스트 아이콘*/
	.ico_star {vertical-align:top; background:url(../images/bg/blist_star.gif) no-repeat left 4px; padding-left:10px;}
	.ico_ds {vertical-align:top; background:url(../images/bg/blist_ds.gif) no-repeat left 10px; padding-left:10px;}
	.ico_bracket {vertical-align:top; background-image:url(../images/bg/bra1.gif),url(../images/bg/bra2.gif); background-repeat: no-repeat; background-position:left top,right 7px; padding:0 5px; margin-right:2px;}
	.ico_next {display:inline-block; width:7px; margin:0 3px; background:url(../images/bg/location_next.gif) no-repeat left 4px; text-indent:-9999px; background-size:contain;}
	.ico_phone {vertical-align:top; background:url(../images/bg/ico_phone.gif) no-repeat left 2px; padding-left:13px; margin-left:2px; background-size:11px;}
	.ico_check {display:inline-block;margin:0 2px; width:6px; background:url(../images/bg/ico_check.gif) no-repeat left 2px; text-indent:-9999px; background-size:contain;}
	.ico_o {display:inline-block; margin:0 2px; width:8px; background:url(../images/bg/ico_o.gif) no-repeat left 4px; text-indent:-9999px; background-size:contain;}
	.txt_dot {vertical-align:top; background:url(../images/bg/txt_dot.gif) no-repeat left 5px; padding-left:6px; margin-left:4px;}


@media only screen and (min-width:768px) {
	
	/*링크버튼*/
	.link_btn1 {margin:-38px 0 38px; 0;}
	.link_btn1 a {font-size:88%; font-weight:bold; padding:0 24px 0 10px; height:28px; line-height:28px;}

	/*텍스트링크*/
	.link_txt1 {margin-left:20px; padding-right:20px; font-size:88%; font-weight:bold; background-position:right center;}
	
	/*페이징*/
	.paging_wrap {position:relative; margin-top:30px; text-align:center;}
	.paging_wrap .total {float:none; position:absolute; left:0; top:0; font-size:100%;}
	.paging_wrap ul {float:none; display:inline-block; text-align:center; }
	.paging_wrap ul li {margin-left:18px;}
	.paging_wrap ul li img {width:31px; height:31px;}
	.paging_wrap ul li a {font-size:100%; line-height:31px;}
	.paging_wrap ul li:first-child {margin-left:0; width:31px;}
	.paging_wrap ul li:nth-child(2) {margin-left:2px; width:31px;}
	.paging_wrap ul li:last-child {margin-left:11px; width:31px;}
	
	/*게시판 검색탭*/
	.board_wrap1 {margin-top:30px;}
	.search_wrap1 {margin-top:20px;}
	.search_wrap1 .select_box {width:152px; height:40px;}
	.search_wrap1 .select_box .invisible,
	.search_wrap1 .select_box .board_option{width:152px; height:40px; line-height:40px; margin-top:-1px;}
	.search_wrap1 .board_search {width:210px; height:40px; }
	.search_wrap1 .board_search input {height:40px; font-size:100%;}
	.search_wrap1 .board_search button {height:40px;}
	.search_wrap1 .board_search.ipt_size1 {width:210px;}
	
	/*썸네일게시판 타입1*/
    .board_type1 li:after {content:""; clear:both; display:block;}
    .board_type1 li {position:static; padding:30px 0;}
    .board_type1 dl {float:left; width:67%; padding:0 30px; margin:0; text-align:left;}
    .board_type1 dl dt {font-size:150%;}
    .board_type1 dl dd {font-size:100%; line-height:1.5;}
    .board_type1 .img_wraper {position:static; float:right; width:33%; text-align:right;}   

    /*썸네일게시판 타입2*/
    .board_type2 li:after {content:""; clear:both; display:block;}
    .board_type2 li {padding:40px 0; text-align:left;}
    .board_type2 .img_wraper {float:left; display:block; width:33%; max-width:300px;} 
	.board_type2 .img_wraper img {width:100%;}
    .board_type2 .board_ctn {float:right; width:67%; padding:0 30px; box-sizing:border-box;}      
    .board_type2 dl dt {margin:0; font-size:150%;}
    .board_type2 dl dd {margin:10px 0 20px 0; font-size:100%;}
    .board_type2 .info span {font-size:100%;}
	
	/*담당부서*/
    .department {padding-top:20px; margin-top:30px; font-size:100%;}
    .department span {margin:0 0 0 10px; display:inline-block; vertical-align:top;}
	
	/*서브타이틀*/
	.sub_tit1 {margin:50px 0 0 0; font-size:150%; font-weight:normal;} 
	.sub_tit2 {margin-top:40px; font-size:110%;}
	.rome_tit {margin-top:40px; font-size:125%;}
	.bl2_tit {margin:30px 0 18px 0; padding-left:24px; background-position:2px 3px; font-size:110%; background-size:10px;}
	
	/*서브컨텐츠 공통*/    
	.btm_txt {margin-top:30px; font-size:100%;}
	.ctn_txt {margin-top:30px; font-size:100%;}
	.txt_mark {padding:4px 10px;}
	.text_ctn .ref_wrap {margin-top:40px;}
	.ref_wrap .ref_name {background-size:8px; padding-left:12px;}
	.ref_wrap img {margin-top:20px; width:auto;}
	.text_ctn .blcnt_box {margin-top:30px; padding:20px;}
	
	/*불릿리스트 기호별*/
	.bullet_list {margin-top:20px; font-size:100%;}
	.bullet_list.star li,.bullet_list.star dd {padding-left:18px; background-position:3px 8px; background-size:7px;}
	.bullet_list.dot li,.bullet_list.dot dd {padding-left:21px; background-position:5px 9px; background-size:4px;}
	.bullet_list.ds li,.bullet_list.ds dd {padding-left:18px; background-position:4px 11px;}
	td .bullet_list {margin:2px 0 0 2px; font-size:100%;}
	
	/*불릿 리스트1*/
	.bullet_list1 {margin-top:30px; font-size:100%;}
	.bullet_list1 dt {font-size:110%;}
	.bullet_list1 dd,.bullet_list1 li {padding-left:21px; background-position:5px 9px; background-size:4px;}
	td .bullet_list1 {margin:2px 0 0 2px; font-size:100%;}	
	
	/*불릿 리스트2*/
	.bullet_list2 {font-size:100%;}
	.bullet_list2 dt {margin:30px 0 18px 0; padding-left:24px; background-position:2px 8px; font-size:110%; background-size:10px;} 
	.bullet_list2 dd,.bullet_list2 li {padding-left:21px; background-position:5px 9px; background-size:4px;}
	.bullet_list2 > li:first-child {margin-top:30px;}
	.bullet_list2 .no_dt {margin-top:30px;}
	.bullet_list2 .nb_txt {margin-bottom:18px;}
	.bullet_list2 ul {margin-top:18px;}
	.bullet_list2 ul li:last-child{margin-bottom:18px;}
	.bullet_list2 ul.int_list1 li {text-indent:-18px; margin-left:18px;}
	.bullet_list2 ul.bullet_list li {text-indent:0; margin-left:0;}
	
	/*텍스트 아이콘*/
	.ico_star {padding-left:13px;}
	.ico_ds {padding-left:13px;}
	.ico_bracket {padding:0 6px; background-position:left top,right 12px;}
	.ico_next {width:9px; background-position:left 7px; margin:0 6px;}
	.ico_phone {background-position:left 3px; padding-left:17px; background-size:15px;}
	.ico_check {width:9px; background-position:left 2px; text-indent:-9999px; background-size:contain;}
	.ico_o {width:13px; background-position:left 4px;}
	.txt_dot {background-position:left 7px; padding-left:7px; margin-left:5px;}
	
}
@media only screen and (min-width:1200px) {
	
}


/*::: Contents :::*/

	/*조직도 검색탭*/
	.chart_sch {margin:10px 0 20px 0;  padding:15px 0; background:#f3f3f3; text-align:center; font-size:88%;}
	.chart_sch label {margin-right:10px;}
	.chart_sch input {width:38%; min-width:150px; max-width:270px; height:30px; border:1px solid #dedede; box-sizing:border-box;}
	.chart_sch button {width:15%; min-width:70px; max-width:100px; height:30px; background-color:#ee2d23; border:1px solid #de2017; color:#fff; line-height:30px; margin-left:-2px; box-sizing:border-box;}
	.chart_sch button span {top:0;}

@media only screen and (min-width:768px) {  
	
	/*조직도 검색탭*/
	.chart_sch {margin-top:20px; padding:30px 0; font-size:100%;}
	.chart_sch input {height:34px;}
	.chart_sch button {height:34px; line-height:34px;}

}
@media only screen and (min-width:1200px) {  
    
}