@charset "utf-8";
@import "layout.css";


	/*링크버튼*/
	.link_btn1 {margin:-37px 0 23px 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 !important;}
	.link_txt1:hover {text-decoration:underline;}
	.link_txt2 {color:#13b5b1 !important; font-weight:bold;}

	/*페이징*/
	.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:12px; border-bottom:1px solid #333; font-size:110%; font-weight:bold; line-height:1.2;}
	.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:75%; background-size:8px; line-height:1.5;}

	/*레이아웃*/
	.sub_part {margin-top:30px;}
	.invisible {display:none;}
	.mt_none {margin-top:0 !important;}
	.text_ctn .ref_wrap {padding-left:0; margin:20px 0; text-align:center; background:none;  text-indent:0;}
	.ref_wrap .ref_name {padding-left:7px; margin-bottom:10px; background:url(../images/bg/refname.gif) no-repeat left 4px; background-size:4px; font-weight:100%; color:#ff0000; font-weight:bold;}
	.ref_wrap img {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;}

	/*텍스트형식*/
	.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;}
	.nm_txt {font-size:75%; line-height:1.5;}
	.hl {color:#eb6100;}
	.sys_font {font-family:'돋움',Dotum; vertical-align:center; color:#666; font-size:88%;}
	.supt {font-size:75%;}
	.txt_mark {display:inline-block; text-align:center; color:#13b5b1; font-weight:bold; padding:2px 5px 1px 5px; border:2px solid #13b5b1; line-height:1.2; text-indent:0;}
	.txt_list {font-size:75%; line-height:1.5; margin-top:10px;}
	.txt_list dt {font-weight:bold; margin-top:20px;}
	.gn_list li {margin-top:10px;}
	.gn_list li:first-child {margin-top:0;}
	.gn_list li:first-child {margin-top: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:14px; background:url(../images/bg/blist_star.gif) no-repeat 3px 5px; background-size:6px;}
	.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;} 
	.bullet_list.ds li,.bullet_list.ds dd {padding-left:13px; background:url(../images/bg/blist_ds.gif) no-repeat 3px 7px; background-size:5px;}
	.bullet_list li.no_blt,.bullet_list li.no_blt li {background:none; padding:0;}
	
	/*불릿 리스트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:15px; background:url(../images/bg/blist_dot.gif) no-repeat 4px 6px; background-size:3px;}

	/*불릿 리스트2*/
	.bullet_list2 {font-size:75%; line-height:1.5;}
	.bullet_list2 dt {margin:20px 0 10px 0; padding-left:16px; 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:15px; 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:-13px; 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;}

	/*불릿 리스트3*/
	.bullet_list3 {font-size:75%; line-height:1.3;}
	.bullet_list3 dt,.bullet_list3 .tt {padding-left:11px; margin-top:10px; background:url(../images/bg/blist1.gif) no-repeat left 3px; background-size:8px; color:#eb6100; font-weight:bold;} 
	.bullet_list3 dt strong,.bullet_list3 .tt strong {display:block;} 
	.bullet_list3 dt span,.bullet_list3 .tt span {margin-top:2px; font-size:100%; color:#333; font-weight:400;}
	.bullet_list3 dd,.bullet_list3 li {margin:2px 0 0 11px; padding-left:11px; background:url(../images/bg/blist2.gif) no-repeat 2px 5px; background-size:3px;}

	/*리스트 옵션*/
	.bullet_list a, .bullet_list1 a,.bullet_list2 a,.bullet_list3 a {color:#333; vertical-align:top; font-size:100%;}
	.bullet_list a:hover, .bullet_list1 a:hover,.bullet_list2 a:hover,.bullet_list3 a:hover {text-decoration:underline;}
	.bullet_list em, .bullet_list1 em,.bullet_list2 em,.bullet_list3 em {vertical-align:top;} 
	td .bullet_list,td .bullet_list1,td .bullet_list2,td .bullet_list3 {margin:2px 0 0 2px; font-size:100%;}

	/*텍스트 아이콘*/
	.ico_star {vertical-align:top; padding-left:14px; background:url(../images/bg/blist_star.gif) no-repeat 3px 5px; background-size:6px; line-height:1.5;}
	.ico_ds {vertical-align:top; padding-left:13px; background:url(../images/bg/blist_ds.gif) no-repeat 3px 7px; background-size:5px; line-height:1.5;}
	.ico_bl {vertical-align:top; padding-left:15px; background:url(../images/bg/blist_dot.gif) no-repeat 4px 6px; background-size:3px; line-height:1.5;}
	/*도형*/
	.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_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_up {vertical-align:top; background:url(../images/bg/ico_up.gif) no-repeat left 2px; padding-left:14px; background-size:13px;}
	.txt_dot {vertical-align:top; background:url(../images/bg/txt_dot.gif) no-repeat left 5px; padding-left:6px; margin-left:4px;}
	.txt_dot.tit_dot{background-position:left 8px;}
	/*기호(IR)*/
	.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;}
	.ico_x {display:inline-block; margin:0 2px; width:8px; background:url(../images/bg/ico_x.gif) no-repeat left 4px; text-indent:-9999px; background-size:contain;}
	.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_pool {display:inline-block; margin:0 2px; width:12px; background:url(../images/bg/ico_pool.gif) no-repeat left 3px; text-indent:-9999px; background-size:contain;}
	
	

	/*공통버튼*/
	.cm_btn	{display:inline-block; vertical-align:middle; height:28px; line-height:28px; padding:0 20px; font-size:88%; border:1px solid #d2d2d2; border-radius:2px; background:url(../images/btn/sb_btn_bg.gif) repeat-x 0; background-size:contain; overflow:hidden; letter-spacing:-0.8px;} 
	.cm_btn.cm_btnlong {font-size:75%;}
	.cm_btn:hover {text-decoration:none !important;}
	.cm_btn.cm_link span {background:url(../images/btn/sb_btn_ico1.png) no-repeat right center; padding-right:27px;}
	.cm_btn.cm_dw span {background:url(../images/btn/sb_btn_ico2.png) no-repeat right center; padding-right:20px;}
	.cm_btn.no_btn span {position:relative;}
	
	/*공통버튼 옵셥*/
	.bt_brwrap {margin:10px 0;}
	.bt_brwrap li {display:inline-block; margin-top:10px;}
	.tit1_btn {text-align:right; margin-top:-40px;}
	.bttxt_wrap {display:block; margin-top:5px;:}

@media only screen and (min-width:768px) {
	
	/*링크버튼*/
	.link_btn1 {margin:-42px 0 42px;}
	.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; line-height:1.5;}
	
	/*페이징*/
	.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 7px; font-size:110%; background-size:10px;}
	
	/*레이아웃*/
	.ref_wrap .ref_name {margin-bottom:20px; background-size:8px; padding-left:12px;}
	.ref_wrap img {width:auto;}
	.text_ctn .blcnt_box {margin-top:30px; padding:20px;}
	
	/*텍스트형식*/    
	.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:40px 0;}
	.txt_list {font-size:100%;}
	.txt_list dt {font-weight:bold; margin-top:30px;}
	.gn_list li {display:inline-block; margin:0;}
	.nm_txt {font-size:100%;}
	
	/*불릿리스트 기호별*/
	.bullet_list {margin-top:20px; font-size:100%;}
	.bullet_list.star li,.bullet_list.star dd {padding-left:19px; background-position:4px 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:5px 11px; background-size:6px;}
	
	/*불릿 리스트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;}
	
	/*불릿 리스트2*/
	.bullet_list2 {font-size:100%;}
	.bullet_list2 dt {margin:30px 0 18px 0; padding-left:24px; background-position:2px 6px; 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;}
	
	/*불릿 리스트3*/
	.bullet_list3 {font-size:100%; line-height:1.4;}
	.bullet_list3 dt,.bullet_list3 .tt {padding-left:17px; margin:25px 0 10px 0; background-position:2px 6px; background-size:10px;} 
	.bullet_list3 dt strong,.bullet_list3 .tt strong {display:inline-block;} 
	.bullet_list3 dt span,.bullet_list3 .tt span {margin:0px 0 0 5px; font-size:100%;}
	.bullet_list3 dt span:before,.bullet_list3 .tt span:before {content:": "}
	.bullet_list3 dd,.bullet_list3 li {margin:2px 0 0 5px; padding-left:12px; background-position:0 9px; background-size:4px;}

	/*텍스트 아이콘*/
	.ico_star {padding-left:19px; background-position:4px 6px; background-size:7px;}
	.ico_ds {padding-left:18px; background-position:5px 10px; background-size:6px;}
	.ico_bl {padding-left:21px; background-position:5px 8px; background-size:4px;}
	/*도형*/
	.ico_bracket {padding:0 6px; background-position:left top,right 12px;}
	.ico_phone {background-position:left 3px; padding-left:17px; background-size:15px;}
	.ico_up {background-position:left 3px; padding-left:17px; background-size:15px;}
	.txt_dot {background-position:left 7px; padding-left:7px; margin-left:5px;}
	.txt_dot.tit_dot{background-position:left 12px; padding-left:10px; margin-left:8px;}
	/*기호(IR)*/
	.ico_check {width:9px; background-position:left 2px; text-indent:-9999px; background-size:contain;}
	.ico_o {width:13px; background-position:left 4px;}
	.ico_x {width:10px; background-position:left 6px;}
	.ico_next {width:9px; background-position:left 7px; margin:0 6px;}
	.ico_pool {background-position:left 6px;}
	
	/*공통버튼*/
	.bt_brwrap {margin:20px 0;}
	.cm_btn	{height:32px; line-height:32px; font-size:100%; letter-spacing:-0.5px;} 
	.cm_btn.cm_btnlong {font-size:88%;}
	
	/*공통버튼 옵셥*/
	.tit1_btn {margin-top:-45px;}
	.bttxt_wrap {display:inline-block; margin:-5px 0 0 10px;}
}
@media only screen and (min-width:1200px) {
	
}



/*::: Contents :::*/

	/*pdf뷰어(임시)*/
	.pdf_view img {width:100%;}
	
	/*pdf뷰어 버튼*/
	.btn_wrap1 {width:100%; margin-top:10px; padding:10px 0; box-sizing:border-box; background:#f8f8f8; text-align:center;}
	.btn_wrap1 button {display:inline-block; width:40%; max-width:160px; height:40px; padding:0; font-size:88%; box-sizing:border-box; vertical-align:middle;}
	.btn_zoom {width:100%; background-color:#444444; color:#fff; text-align:center; background:url(../images/bg/zoom_btn.png) no-repeat 14% center #444;}
	.btn_zoom span {top:0; line-height:40px; padding-left:12%; box-sizing:border-box;}
	.btn_wrap1 .btn_hwp,.btn_wrap1 .btn_pdf {display:none;} 

     /*기관소개 우체국*/ 
    .intro_post_wrap {padding:10px; background:#f8f8f8;}
    .intro_post_wrap .intro_top {width:100%; padding:20px 0 20px 0; box-sizing:border-box; background:#fff; background-size:70%; overflow:hidden; font-size:88%;}
    .intro_post_wrap .intro_top dt {display:block; width:66%; text-align:center; margin:0 auto;border-bottom:1px solid #dcdcdc; padding-bottom:30px; background:url(../images/bg/intro_post_bg.gif) no-repeat center bottom;}
    .intro_post_wrap .intro_top dd {float:left; width:33%; margin-top:-1px; text-align:center; padding-top:20px; background:url(../images/bg/intro_post_bg.gif) no-repeat center top;}
    .intro_post_wrap .intro_top dd:nth-child(2) {margin-left:0.5%;}   
	.intro_post_wrap .intro_top dd div {width:100%; margin-top:15px; text-align:left; margin-left:32%;}
    .intro_post_wrap .intro_top em {display:block; padding-top:5px;}
	.intro_post_wrap .intro_top button { background:none; padding:0; margin-left:-1px; top:0; margin:0; vertical-align:top; width:25px; height:25px; }
	.intro_post_wrap .intro_top button span {padding:0; margin:0; top:0;}
    .intro_post_wrap .txt {margin:30px 0 20px 0; padding-left:15px; background:url("../images/bg/down_black1.gif") no-repeat left center; font-size:75%;}
    .intro_post_wrap .txt span {color:#ee2d23;}

    /*기관소개 우체국 테이블*/ 
    .intro_box {height:300px; overflow-y:scroll;}
    .ctn_table2 {width:100%; font-size:75%; line-height:1.5;}
    .ctn_table2 th {background:#666a70; height:50px; color:#fff; }
    .ctn_table2 td {background:#fff; padding:10px 2%;}
    .ctn_table2 tbody tr:first-child td {padding-top:20px;}
    .ctn_table2 tbody tr:last-child td {padding-bottom:20;}
    .ctn_table2 tr:hover td{color:#13b5b1;}

	/*기관소개 지방우정청*/
	.org_chart .org_chart_tit {width:75%; text-align:center; padding-bottom:20px; margin:auto; background-image:url(../images/bg/chart_bg4.gif),url(../images/bg/chart_bg1.gif); background-repeat:no-repeat; background-position:center bottom, left bottom; background-size:1px, 100%;}
	.org_chart .org_chart_tit strong {display:inline-block; width:36%; max-width:220px; min-width:95px; height:48px; text-align:center; line-height:48px; border-radius:4px; background:#666a70; font-size:88%; color:#fff;}
	.org_chart ul {float:left; margin-top:-1px;}
	.org_chart ul li {width:100%; padding-top:20px;}
	.org_chart ul li span {display:inline-block; width:80%; max-width:220px; min-width:95px; padding-top:8px; box-sizing:border-box; height:48px; text-align:center; line-height:1.3; border-radius:4px; background:#fafafa; border:1px solid #ccc; font-size:75%; box-sizing:border-box;}
	.org_chart .chart1 {width:33.3%; box-sizing:border-box; text-align:left;}
	.org_chart .chart1 li {background:url(../images/bg/chart_bg3.gif) no-repeat 37.5% top;}
	.org_chart .chart2 {width:33.4%; box-sizing:border-box; text-align:center;}
	.org_chart .chart2 li {background-image:url(../images/bg/chart_bg3.gif),url(../images/bg/chart_bg5.gif); background-repeat:no-repeat; background-position:50% top,right 65%;}
	.org_chart .chart3 {width:33.3%; box-sizing:border-box; text-align:right;}
	.org_chart .chart3 li {background:url(../images/bg/chart_bg5.gif) repeat-x left 65%;}
	.org_chart ul.on li {background-image:url(../images/bg/chart_bg4.gif)}
	.org_chart ul.on li span {background:#e95364; border:1px solid #dc4254; color:#fff;}
	.org_chart .chart_txt {display:inline-block; clear:both; width:100%; margin-top:30px; padding-top:20px; font-size:88%; line-height:1.4; border-top:1px solid #d2d2d2;}
	.org_chart .chart_txt span {font-size:125%; color:#ee2d23; display:block; margin-bottom:2px;}
	.org_chart .chart_txt p {margin-bottom:5px;}
	.org_chart .chart_txt em {font-size:100%; color:#ee2d23; background:url(../images/bg/chart_txt.gif) no-repeat right center; margin-right:12px; padding-right:15px; line-height:1.6; font-weight:bold;}

	/*스템프리스트*/
	.stamp_list:after {content:""; clear:both; display:block;}
	.stamp_list {font-size:75%; line-height:1.2; letter-spacing:-0.9px;}
	.stamp_list>li {float:left; width:18%; min-width:111px; max-width:108px; height:110px; margin-top:10px;background:url(../images/bg/stamp_next.gif) no-repeat right center; padding-right:7px; background-size:4px; margin-right:3px;}
	.stamp_list>li:last-child {background:none; padding-right:0; margin-right:0;}
	.stamp_list ul {padding:4px; background:url(../images/bg/stamp_bg.gif) no-repeat center top; background-size:100% 100%; box-sizing:border-box;}
	.stamp_list ul li {height:45px; width:100%; display:table;}
	.stamp_list ul li:last-child {height:55px;}
	.stamp_list ul li p,.stamp_list ul li span {display:table-cell; text-align:center; vertical-align:middle;}
	.stamp_list ul li p {color:#556fb5; font-weight:bold;}
	.stamp_list ul li span {color:#333;}

	/*보더테이블*/
	.bd_table {width:100%; margin-top:5px;}
	.bd_table td {border:1px solid #ccc; text-align:center; padding:2px; font-size:75%; line-height:1.3;}

 	/*로그인 바로가기 버튼*/
	.big_btn {display:inline-block; height:40px; padding:0 10px; line-height:40px; border-radius:2px; color:#fff; font-weight:bold; font-size:88%; box-sizing:border-box; }
	.big_btn span {display:block; padding-right:28px; background:url(../images/btn/bigbtn_bg1.png) no-repeat right center;}
	.big_btn.bbred {background-color:#ee2d23; border:1px solid #ee2d23;}
	.big_btn.bbmint {background-color:#13b5b1; border:1px solid #13b5b1;}
	.big_btn:hover {background-color:#fff;}
	.big_btn.bbred:hover {color:#ee2d23; border:1px solid #ee2d23;}
	.big_btn.bbmint:hover {color:#13b5b1; border:1px solid #13b5b1;}
	.big_btn.bbred:hover span {background-image:url(../images/btn/bigbtn_bg2.png);}
	.big_btn.bbmint:hover span {background-image:url(../images/btn/bigbtn_bg3.png);}

	/*주소표기권장안*/
	.add_change {margin:20px 0;}
	.add_change em {display:block; text-align:center;}
	.add_change em:first-child {background:url(../images/bg/next_bottom.gif) no-repeat center bottom; padding-bottom:20px; margin-bottom:11px;}

	/*국내특급우편*/
	.text_ctn .ref_wrap.ref_withtxt .ima_area {text-align:center; margin-top:40px;}
	.text_ctn .ref_wrap.ref_withtxt .ima_area img {width:auto;}
	.text_ctn .ref_wrap.ref_withtxt .tx_area {text-align:left; margin-top:30px; font-size:100%;}
	.text_ctn .ref_wrap.ref_withtxt .tx_area em {color:#13b5b1; font-weight:bold;}
	.text_ctn .ref_wrap.ref_withtxt .tx_area span {display:block; margin-top:20px; line-height:1.5;}
	.text_ctn .ref_wrap.ref_withtxt .tx_area table {margin-top:10px; font-size:100%;}
	.text_ctn .ref_wrap.ref_withtxt .tx_area table td {padding:5px 0;}
	.text_ctn .ref_wrap.ref_withtxt .tx_area table a div {display:inline-block; line-height:1; border-bottom:1px solid #666;}
	
	/*국제우편행방조회*/
	.sub_ctnbox2_wrap {border:1px solid #d2d2d2; margin-top:30px;}
	.sub_ctnbox2_wrap .sub_ctnbox2 {width:100%; box-sizing:border-box; padding:0 20px;}
	.sub_ctnbox2_wrap .sub_ctnbox2 .scwrap {padding:20px 0;}
	.sub_ctnbox2_wrap .sub_ctnbox2:first-child .scwrap {background:url(../images/bg/ctnbox_line2.gif) repeat-x 0 bottom;}
	.sub_ctnbox2_wrap .ctb_tit_wrap:after {content:""; clear:both; display:block;}
	.sub_ctnbox2_wrap .ctb_tit_wrap .ctb_tit {float:left;}
	.sub_ctnbox2_wrap .ctb_tit_wrap a {float:right;}

	/*조회박스*/
	.sub_ctnbox1 {border:1px solid #d2d2d2; padding:s0px; margin-top:30px; box-sizing:border-box;} 
	.sub_ctnbox1.ctnbg1 {background:url(../images/bg/ctbbg1.gif) no-repeat 95% 10px; background-size:70px;}
	.sub_ctnbox1.ctnbg2 {background:url(../images/bg/ctbbg2.gif) no-repeat 98% 20px; background-size:80px;}
	.ctb_tit {font-size:100%; font-weight:bold; background:url(../images/bg/ctb_tit_bar.gif) no-repeat left bottom; padding-bottom:12px;}
	.schset1 {margin-top:25px;}
	.schset1 label {font-size:88%; margin:0 0 10px 0; display:block;}
	.schset1 input,.schset1 select {width:78%; height:36px; border:1px solid #b5b5b5; box-sizing:border-box;}
	.schset1 .flexone {width:100%;}
	.schset1 .set1_opt {margin-top:10px;}
	.schset1 button {height:36px; width:20%; line-height:40px; background-color:#515050; color:#fff; font-size:88%;}
	.schset1 button span {top:0;}

	/*처리절자*/
	.od_list {overflow:hidden;}
	.od_list li {display:block; width:50%; padding-bottom:23px; margin-bottom:10px; background:url(../images/bg/stamp_next2.gif) no-repeat bottom center; box-sizing:border-box;}
	.od_list li:last-child {background:none;}
	.od_list dl {width:100%; border:1px solid #666; line-height:1.5; min-height:100px; box-sizing:border-box;}
	.od_list dl dt {display:table; width:100%; height:40px; background:#666; border-right:1px solid #666;}
	.od_list dl dt span {display:table-cell; text-align:center; vertical-align:middle; color:#fff; font-size:88%;}
	.od_list dl dd {font-size:75%; margin:10px;}

	/*연혁*/
	.history_graph {padding:20px 10% 20px 9%; border:1px solid #e5e5e5; background:url(../images/bg/historygraph_bg1.gif) no-repeat center top; background-size:contain; box-sizing:border-box;}
	.history_graph li {padding:12px 0; width:30%;}
	.history_graph li:nth-child(even) {width:35%; text-align:right;}
	.history_graph li:nth-child(odd) {margin-left:65%;}
	.history_graph li p {display:inline-block; text-align:center; font-size:75%; box-sizing:border-box;}
	.history_graph li p span {display:block; margin-bottom:3px; font-weight:bold;}

	/*기관장소개*/
	.info_topbox {position:relative; background:url(../images/bg/info_bg.gif) no-repeat right center; height:auto; border-bottom:5px solid #ee2d23; margin-bottom:20px; overflow:hidden;}
	.info_topbox .kpj_txt {float:left; width:50%; max-width:280px; min-width:240px; margin-left:5%;}
	.info_topbox .kpj_pic {float:right; width:40%; max-width:200px; min-width:180px; margin-right:5%; text-align:right;}
	.info_topbox img {display:block; width:100%;}
	.info_topbox .info_text {position:absolute; bottom:20px; left:20px; font-size:88%; background:url(../images/bg/wobg.png); padding:2px;}
	.info_topbox .info_text p {font-weight:bold; margin-bottom:5px;}
	.info_ctntext {line-height:1.5;}
	.info_ctntext li {margin:10px 0;}
	.info_sign {text-align:right; margin-top:40px;}
	.info_sign li {display:inline-block; vertical-align:bottom;}
	
	/*타임라인 경력, 학력*/
	.timeline1 {font-size:75%; letter-spacing:-0.6px; margin-top:30px; line-height:1.3;}
	.timeline1 li {margin-top:-18px; width:100%;}
	.timeline1 li span {display:inline-block; vertical-align:top; width:20%; min-width:100px; max-width:110px; padding:15px 0; font-weight:bold;}
	.timeline1 li p {display:inline-block; vertical-align:top; width:50%; min-width:120px; max-width:250px; margin-left:20px; padding:15px 0 15px 25px; background:url(../images/bg/timeline_bg.gif) no-repeat left 18px;}
	.timeline1 li:last-child p {background-image:url(../images/bg/timeline_bg2.gif);}

	/*비전*/
	.vision_wrap {position:relative; padding:20px 0 10px 0; margin-top:20px; background:url(../images/bg/vision_bg.gif) no-repeat center 210px #f8f8f8; background-size:210px;}
	.vision_wrap .vw_tit {position:absolute; top:298px; left:50%; width:160px; margin-left:-80px; display:inline-block; text-align:center; font-size:100%; font-weight:bold; line-height:1.3;}
	.vision_wrap .vw_tit span {color:#ee2d23;}
	.vision_wrap ul li {width:140px; margin:20px auto;}
	.vision_wrap ul li dl {width:170px;}
	.vision_wrap .vw_ctn1 li:first-child {margin-top:0;}
	.vision_wrap .vw_ctn2 li:first-child {margin-top:220px;}

	/*역대본부장소개*/
	.director_history:after {content:""; clear:both; display:block;}
	.director_history {margin-top:30px;}
	.director_history li {float:left; width:33.3%; height:366px; text-align:center; background:url(../images/bg/director_historybg.gif) no-repeat center;}
	.director_history li img {margin:42px 0 28px 0;}
	.director_history dl dt span {vertical-align:top; color:#c2486d; margin-right:5px;}
	.director_history dl dd {margin-top:8px;}
	.director_history dl p {font-size:88%; margin-top:8px; letter-spacing:-0.8px;}


@media only screen and (min-width:768px) {      
    
	/*기관소개 우체국*/ 
    .intro_post_wrap {padding:20px;}
    .intro_post_wrap .intro_top {padding:30px 0; font-size:100%;}
    .intro_post_wrap .intro_top dt {padding-bottom:40px;}  
    .intro_post_wrap .intro_top dd {padding-top:30px;}
	.intro_post_wrap .intro_top dd div {margin-top:10px;}
    .intro_post_wrap .intro_top em {margin:0 0 0 5px; display:inline-block;}
    .intro_post_wrap .txt {font-size:100%;}

    /*기관소개 우체국 테이블*/ 
    .intro_box {height:450px;}
    .ctn_table2 {font-size:100%;}
    .ctn_table2 td:first-child {padding-left:30px;}
    .ctn_table2 td:last-child {padding-right:30px;}   
	
	/*기관소개 지방우정청*/
	.org_chart .org_chart_tit {padding-bottom:30px; background-image:url(../images/bg/chart_bg4.gif),url(../images/bg/chart_bg2.gif); }
	.org_chart .org_chart_tit strong {height:55px; line-height:55px; font-size:125%;}
	.org_chart ul li {padding-top:20px;}
	.org_chart ul li span {padding-top:0; height:55px; line-height:55px; font-size:110%;}
	.org_chart ul li span br {display:none;}
	.org_chart ul li:first-child {padding-top:30px;}
	.org_chart .chart2 li {background-image:url(../images/bg/chart_bg3.gif),url(../images/bg/chart_bg6.gif);}
	.org_chart .chart3 li {background-image:url(../images/bg/chart_bg6.gif);}
	.org_chart .chart_txt {margin-top:50px; padding-top:30px; font-size:100%;}
	.org_chart .chart_txt span {font-size:150%;}

	/*스템프리스트*/
	.stamp_list {font-size:88%; line-height:1.3; letter-spacing:-0.5px;}
	.stamp_list>li {width:158px; max-width:158px; height:155px; margin-top:20px; background:url(../images/bg/stamp_next.gif) no-repeat right center; padding-right:20px; background-size:11px; margin-right:9px;}
	.stamp_list ul {padding:12px; background-size:158px;}
	.stamp_list ul li {height:60px;}
	.stamp_list ul li:last-child {height:72px;}

	/*보더테이블*/
	.bd_table td {font-size:88%;}
	
	/*로그인 바로가기 버튼*/
	.big_btn {height:60px; padding:0 40px; line-height:60px; font-size:110%; box-sizing:border-box; margin:5px;}
	.big_btn span {padding-right:48px;}
	
	/*주소표기권장안*/
	.add_change em {display:inline-block; text-align:left;}
	.add_change em:first-child {background:url(../images/bg/location_next.gif) no-repeat right center; padding:0 50px 0 0; margin:0 49px 0 0;}

	/*국내특급우편*/
	.text_ctn .ref_wrap.ref_withtxt:after {content:""; clear:both; display:block;}
	.text_ctn .ref_wrap.ref_withtxt .ima_area {float:left; width:28%; margin-top:80px;}
	.text_ctn .ref_wrap.ref_withtxt .tx_area {float:right; width:72%;}

	/*국제우편행방조회*/
	.sub_ctnbox2_wrap:after {content:""; clear:both; display:block;}
	.sub_ctnbox2_wrap .sub_ctnbox2 {float:left; width:50%; padding:40px 0;}
	.sub_ctnbox2_wrap .sub_ctnbox2 .scwrap {padding:0 30px;}
	.sub_ctnbox2_wrap .sub_ctnbox2:first-child .scwrap {background:url(../images/bg/ctnbox_line.gif) repeat-y right 0;}
	
	/*조회박스*/
	.sub_ctnbox1 {padding:40px;}
	.sub_ctnbox1.ctnbg1 {background-size:113px; background-position:96% 40px;}
	.sub_ctnbox1.ctnbg2 {background-size:196px; background-position:96% 40px;}
	.ctb_tit {font-size:135%;}
	.schset1 label {font-size:100%; margin:0 10px 0 0; display:inline-block;}
	.schset1 input,.schset1 select {width:220px;}
	.schset1 .flexone {width:220px;}
	.schset1 button {width:80px; font-size:100%;}
	
	/*처리절차*/
	.od_list li {float:left; width:23%; padding:0 2% 0 0; margin:0; background:url(../images/bg/stamp_next.gif) no-repeat 98% center;}
	.od_list dl {height:250px; }
	.od_list dl dt {height:60px;}
	.od_list dl dt span {font-size:110%;}
	.od_list dl dd {font-size:88%;}
	
	/*연혁*/	
	.history_graph {max-width:910px; margin:0 auto; padding:30px 0; height:326px; background:url(../images/bg/historygraph_bg2.gif) no-repeat center; background-size:contain; overflow:hidden;} 
	.history_graph li,.history_graph li:nth-child(odd),.history_graph li:nth-child(even) {float:left; width:12.5%; text-align:center; margin:0; padding:0; height:250px; box-sizing:border-box;}
	.history_graph li:nth-child(odd) {padding:10px 0 0 0;}
	.history_graph li:nth-child(even) {padding-top:210px; margin-left:-0.5%;}
	.history_graph li:nth-child(1) {padding-left:5%;}
	.history_graph li p {font-size:88%;}
	
	/*기관장소개*/
	.info_topbox {height:348px;}
	.info_topbox .kpj_txt {max-width:383px; margin:36px 0 0 4%;}
	.info_topbox .kpj_pic {max-width:293px; margin:22px 4% 0 0;}
	.info_topbox .info_text {font-size:100%; background:none; padding:0;}
	.info_topbox .info_text p {margin-bottom:10px;}
	
	/*타임라인 경력, 학력*/
	.timeline1 {font-size:100%; padding:0 30px; margin-top:40px;}
	.timeline1 li {margin-top:-30px;}
	.timeline1 li span {max-width:150px; padding:25px 0;}
	.timeline1 li p {max-width:100%; padding:25px 0 25px 25px; margin-left:0; background-position:left 30px;}
	
	/*비전*/
	.vision_wrap:after {content:""; clear:both; display:block;}
	.vision_wrap {padding:40px 0; background-position:48% 75px; background-size:224px;}
	.vision_wrap .vw_tit {font-size:100%; width:auto; top:170px; margin-left:-80px;} 
	.vision_wrap ul li,.vision_wrap .vw_ctn1 li:first-child,.vision_wrap .vw_ctn2 li:first-child {width:auto; margin:0;}
	.vision_wrap ul li dl {width:auto; margin-top:0;}
	.vision_wrap ul li:last-child dl {margin-top:60px;}
	.vision_wrap .vw_ctn1 {float:left; margin-left:7%;}
	.vision_wrap .vw_ctn2 {float:right; margin-right:4%;}
	
} 


@media only screen and (min-width:1200px) {  
    
	/*pdf뷰어 버튼*/   
	.btn_wrap1 {margin-top:30px; padding:20px;}
	.btn_wrap1 button {width:230px; max-width:230px; height:50px; line-height:50px; margin-left:16px; font-size:100%; letter-spacing:-0.5px;}
	.btn_wrap1 button:first-child{margin-left:0;}
    .btn_wrap1 button span {top:0;}
	.btn_zoom span {line-height:50px;}
	.btn_wrap1 .btn_hwp,.btn_wrap1 .btn_pdf {display:inline-block;} 
	.btn_hwp em,.btn_pdf em {margin:0 5px 0 0;} 
	.btn_hwp {background-color:#fff; border:1px solid #556fb5;}
	.btn_pdf {background-color:#fff; border:1px solid #ee2d23;}
	.btn_hwp em {color:#556fb5;}
	.btn_pdf em {color:#ee2d23;}
	
	/*처리절차*/
	.od_list dl {height:187px; text-align:center;}
	.od_list dl dd {margin:10px 4px;}
	
	/*기관장소개*/
	.info_topbox .kpj_txt {margin:36px 0 0 5.5%;}
	.info_topbox .kpj_pic {margin:22px 7.8% 0 0;}
	
	/*비전*/
	.vision_wrap {padding:40px 60px; background-position:300px 68px; background-size:253px;}
	.vision_wrap .vw_tit {font-size:125%; top:170px; left:47%; margin-left:-84px;} 
	.vision_wrap .vw_ctn1 {margin:0;}
	.vision_wrap .vw_ctn2 {margin:0;}
}