@charset "utf-8";
@import "layout.css?ver=250306";
/*링크버튼*/
.link_btn1 {margin:-37px 0 23px 0; text-align:right;}
.link_btn1 a,.link_btn1 button {display:inline-block; color:#02818c; font-size:75%; padding:0 20px 0 8px; height:26px; line-height:26px; border:1px solid #02818c; background:url(../images/bg/link_btnbg_new.png) no-repeat 92% center #fff;}
.link_btn1 a:hover {background-color:#02818c; color:#fff; background-position:94% center;}
.link_btn1 button {line-height:24px;}
/*텍스트링크*/
.link_txt1 {margin-left:15px; padding-right:16px; background:url(../images/bg/link_btnbg_new.png) no-repeat right 49%; color:#02818c!important;}
.link_txt1:hover {text-decoration:underline;}
.link_txt2 {color:#02818c !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:20px;}
.paging_wrap ul li:first-child {margin-left:0; width:20px;}
.paging_wrap ul li:nth-child(2) {margin-left:2px; width:20px;}
.paging_wrap ul li:last-child {margin-left:2px; width:20px;}
.paging_wrap ul li img {width:20px; height:20px; display:block;}
.paging_wrap ul li a {display:block; width:100%; text-align:center; font-size:88%; line-height:20px; 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 15px 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;}
.spacetab1 {margin-top:10px;}
.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 {max-width:100%;}
.ref_wrap.ref_bd img {border:1px solid #d2d2d2;}
.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, .text_ctn .blcnt_box2 .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;}
.text_ctn .blcnt_box.blcnt60 {width:80%; margin:10px auto 0;}
.blcnt_box2 {border:1px solid #d2d2d2; padding:10px; box-sizing:border-box;}
/*텍스트형식*/
.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;}
.ctn_txt a:hover, .nm_txt a:hover {text-decoration:underline;}
.nm_txt {font-size:75%; line-height:1.5;}
.bold {font-weight:bold;}
.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;}
.int_list2 {font-size:75%; line-height:1.5; text-indent:-14px; margin-left:14px; margin-top:10px;}
.int_list2 li {margin-bottom:2px;}
.int_list2 ul {font-size:100%; margin-top:5px; margin-bottom:10px;}
.gn_list li {margin-top:10px;}
.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.ds li.highlight {background-image:url(../images/bg/blist_ds_hl.gif); color:#eb6100;}
.bullet_list li.no_blt,.bullet_list li.no_blt li, .bullet_list ul.no_blt li{background:none; padding:0;}
.bullet_list ul.dotlist li {padding-left:10px; background:url(../images/bg/txt_dot.gif) no-repeat 2px 8px; background-size:2px;}
/*불릿 리스트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_star.starhl {background-image:url(../images/bg/blist_star2.gif)}
/*도형*/
.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;}
.ico_both {display:inline-block; margin:0 3px; width:12px; background:url(../images/bg/ico_bothway.gif) no-repeat left 5px; text-indent:-9999px; background-size:contain;}
.ico_ess {display:inline-block; margin:0 2px; width:6px; background:url(../images/bg/ico_ess.png) no-repeat left 4px; 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,.cm_btn:focus {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;}
.img_btn {background:none; padding:0;}
/*공통버튼 옵셥*/
.bt_brwrap {margin:10px 0;}
.bt_brwrap2 {margin-top:10px;}
.bt_brwrap li {display:inline-block; margin-top:10px;}
.tit1_btn {text-align:right; margin-top:-40px;}
.bttxt_wrap {display:block; margin-top:5px;}
/*기타레이아웃(3:7 좌우정렬)*/
.layout37:after,.layout55:after {content:""; clear:both; display:block;}
.layout37 li {float:left; width:30%;}
.layout37 li:last-child {float:right; width:70%;}
.layout37.mbblock li {float:none; width:100%;}
.layout55 li {float:left; width:50%;}
.layout55.mbblock li {float:none; width:100%;}
/*pdf뷰어 버튼*/
#container.s_wrap .s_ctn .btn_wrap1 {width:100%; margin-top:10px; padding:10px 0; box-sizing:border-box; background:#f8f8f8; text-align:center;}
#container.s_wrap .s_ctn .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;}
#container.s_wrap .s_ctn .btn_zoom {width:100%; background-color:#444444; color:#fff; text-align:center; background:url(../images/bg/zoom_btn.png) no-repeat 14% center #444;}
#container.s_wrap .s_ctn .btn_zoom span {top:0; line-height:40px; padding-left:12%; box-sizing:border-box;}
#container.s_wrap .s_ctn .btn_wrap1 .btn_hwp,#container.s_wrap .btn_wrap1 .btn_pdf {display:none;}
#container.s_wrap .s_ctn .history_img {display:block; margin-top:15px;}
#container.s_wrap .s_ctn iframe {display:none;}
#container.s_wrap .s_ctn .history_img img {width:100%;}
/* Sitemap */
.sitemap {width:100%;}
.sitemap:after {content:""; display:block; height:0; clear:both;}
.sitebox {width:49%;display:inline-block; vertical-align:top; text-align:left; font-size:80%; letter-spacing:-1px; box-sizing:border-box}
.sitebox .siteset {border:1px solid #eee; width:96%; margin:0 auto 10px;box-sizing:border-box;min-height:410px; }
.sitebox .siteset2 {min-height:250px !important;}
.sitebox .title {background:#f7f7f7; font-size:125%; color:#ee2d23; font-weight:bold; padding:20px 0;}
.sitebox .title p {margin:0 0 0 20px;}
.sitebox .title span {background:#ee2d23; width:20px; height:3px; display:block; margin-bottom:10px;}
.sitebox dl {border-top:1px solid #eee; font-size:88%; padding-bottom:15px;;}
.sitebox dt {color:#000; font-weight:bold; margin:25px 20px 15px;}
.sitebox dd {color:#555; margin:9px 20px 9px; background:#FFF url(../images/dots/dots2.gif) 0 6px no-repeat; padding-left:10px; line-height:1.5;}
.sitebox a:hover,
.sitebox a:focus {color:#ee2d23; text-decoration:underline;}
.sitebox ul {border-top:1px solid #eee; font-size:1.2em; padding-bottom:15px; padding-top:12px;}
.sitebox ul li {color:#555; margin:12px 20px 9px; background:#FFF url(../images/dots/dots2.gif) 0 6px no-repeat; padding-left:10px; line-height:1.1;}
.sitebox .onelink {border-top:1px solid #eee;}
.sitebox .onelink a {margin:25px 20px; font-size:88%; display:block; font-weight:bold;}
/*로고 타입*/
.logo_type {text-align:center; padding:30px; border:1px solid #e5e5e5; margin-top:20px; box-sizing:border-box;}
.logo_type li p {width:250px; height:70px; line-height:70px; text-align:center; color:#000000; font-weight:bold; margin:30px auto 10px; font-size:88%;}
.logo_type li:nth-child(1) p {background-color:#ff0d01; margin-top:0;}
.logo_type li:nth-child(2) p {background-color:#ff6501;}
.logo_type li:nth-child(3) p {background-color:#ffb200;}
.logo_type dl {width:80%; margin:0 auto; font-size:75%; line-height:1.3;}
.logo_type li dt {margin-bottom:2px;}
@media only screen and (min-width:768px) {
/*링크버튼*/
.link_btn1 {margin:-62px 0 42px;}
.link_btn1 a,.link_btn1 button {font-size:88%; font-weight:bold; padding:0 24px 0 10px; height:28px; line-height:28px;}
.link_btn1 button {line-height:26px;}
/*텍스트링크*/
.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) {width:31px;}
.paging_wrap ul li:last-child {margin-left:13px; 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 {position:static; padding:30px 0;}
.board_type1 li:after {content:""; clear:both; display:block;}
.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%;}
.board_type1 .img_wraper {position:static; float:right; width:33%; text-align:right;}
/*썸네일게시판 타입2*/
.board_type2 li {padding:40px 0; text-align:left;}
.board_type2 li:after {content:""; clear:both; display:block;}
.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 20px 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;}
.ref_wrap.ref_wrap1 {padding-top:30px;}
.text_ctn .blcnt_box {margin-top:30px; padding:20px;}
.text_ctn .blcnt_box.blcnt60 {width:60%;}
.blcnt_box2 {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;}
.int_list2 {font-size:100%; text-indent:-20px; margin-left:20px; margin-top:30px;}
.int_list2 ul {margin-top:10px; margin-bottom:20px;}
.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;}
.bullet_list ul.dotlist li {padding-left:13px; background-position:2px 11px;}
/*불릿 리스트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;}
/*불릿 리스트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;}
.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;}
.ico_both {width:15px; background-position:left 7px;}
.ico_ess {background-position:left 7px; width:7px;}
/*공통버튼*/
.bt_brwrap {margin:20px 0;}
.bt_brwrap2 {margin-top:20px;}
.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;}
/*기타레이아웃(3:7 좌우정렬)*/
.layout37:after {content:""; clear:both; display:block;}
.layout37.mbblock li {float:none; width:100%;}
.layout37 li,.layout37.mbblock li {float:left; width:30%;}
.layout37 li:last-child ,.layout37.mbblock li:last-child{float:right; width:70%;}
.layout55 li,.layout55.mbblock li {float:left; width:50%;}
/* Sitemap */
.sitemap {width:100% !important;}
.sitebox {width:25%; font-size:100%; /*letter-spacing:1;*/ float:left; }
.sitebox dd { background:#FFF url(../images/dots/dots2.gif) 0 7px no-repeat;}
.sitebox ul li { background:#FFF url(../images/dots/dots2.gif) 0 7px no-repeat;}
.sitebox .siteset {min-height:412px; }
/*로고 타입*/
.logo_type li:after {content:""; clear:both; display:block;}
.logo_type {text-align:left;}
.logo_type li p {float:left; width:40%; margin:10px 0 0 0; font-size:100%;}
.logo_type dl {float:right; width:57%; margin-top:24px; font-size:100%;}
.logo_type li:first-child dl {margin-top:18px;}
}
@media only screen and (min-width:1200px) {
/*pdf뷰어 버튼*/
#container.s_wrap .s_ctn iframe {background:#f9f9f9; width:100%; margin-top:15px; min-height:700px; display:block;}
#container.s_wrap .s_ctn .history_img {display:none;}
#container.s_wrap .s_ctn .btn_wrap1 {padding:20px;}
#container.s_wrap .s_ctn .btn_wrap1 button {width:230px; max-width:230px; height:50px; line-height:50px; margin-left:16px; font-size:100%; letter-spacing:-0.5px;}
#container.s_wrap .s_ctn .btn_wrap1 button:first-child{margin-left:0;}
#container.s_wrap .s_ctn .btn_wrap1 button span {top:0;}
#container.s_wrap .s_ctn .btn_zoom span {line-height:50px;}
#container.s_wrap .s_ctn .btn_wrap1 .btn_hwp,#container.s_wrap .btn_wrap1 .btn_pdf {display:inline-block;}
#container.s_wrap .s_ctn .btn_hwp em,#container.s_wrap .btn_pdf em {margin:0 5px 0 0;}
#container.s_wrap .s_ctn .btn_hwp {background-color:#fff; border:1px solid #556fb5;}
#container.s_wrap .s_ctn .btn_pdf {background-color:#fff; border:1px solid #ee2d23;}
#container.s_wrap .s_ctn .btn_hwp em {color:#556fb5;}
#container.s_wrap .s_ctn .btn_pdf em {color:#ee2d23;}
/* Sitemap */
.sitebox {width:25%; font-size:100%; /*letter-spacing:1;*/ float:left;}
}
/*::: Contents :::*/
/*공지사항*/
.bbsList_135.listWrap .seed_tbl table td a {overflow:auto!important;white-space:normal!important;}
/*인사말*/
/* .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; padding-bottom:30px;}
.info_topbox .kpj_txt {float:left; width:50%; max-width:280px; min-width:260px; margin-left:10%;}
.info_topbox .kpj_pic {float:right; width:30%; max-width:160px; min-width:130px; margin-right:5%; text-align:right;}
.info_topbox img {display:block; width:100%;}
.info_topbox .info_text {position:absolute; bottom:18px; left:20px; font-size:88%;}
.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;} */
#container.s_wrap .info_topbox {background-image: url(../images/bg/kpj_pic.jpg?ver=20240605),url(../images/bg/info_bg.gif)}
#container.s_wrap .info_topbox {background-repeat:no-repeat,no-repeat; background-position:90% center, right center; background-size:150px,auto; height:250px; border-bottom:5px solid #ee2d23; position:relative; margin-bottom:20px;}
#container.s_wrap .info_title {font-size:138%; font-family: 'NanumMyeongjo'; letter-spacing:-2px; text-align:center; width:50%; position:absolute;line-height:1.3; word-break:keep-all;top:10%;}
#container.s_wrap .info_title p {font-size:22px;color:#777; font-family: 'NanumMyeongjo'; font-style: normal; font-weight:bold; margin-top:10px;}
#container.s_wrap .info_title p span {font-size:22px;color:#5f52a0;font-family: 'NanumMyeongjo'; vertical-align:top;}
#container.s_wrap .info_title:before {display:block;content:" ";background:url(../images/bg/point_text1.gif) 0 0 no-repeat; width:36px; height:30px; margin:0 auto 10px;}
#container.s_wrap .info_title:after {display:block;content:" ";background:url(../images/bg/point_text2.gif) 0 0 no-repeat; width:36px; height:30px; margin:10px auto 0;}
#container.s_wrap .info_text {position:absolute; bottom:20px; left:20px;}
#container.s_wrap .info_ctntext {line-height:1.5;}
#container.s_wrap .info_ctntext li {margin:10px 0;}
#container.s_wrap .info_sign {text-align:right; margin-top:40px;}
#container.s_wrap .info_sign li {display:inline-block; vertical-align:bottom;}
.info_topbox .kpj_pic {float:right; width:30%; max-width:160px; min-width:130px; margin-right:5%; text-align:right;}
.info_topbox img {display:block; width:100%;}
.info_topbox .kpj_pic {max-width:174px; margin:45px 10% 0 0;}
@media only screen and (min-width:768px) {
/*기관소개*/
/*#container.s_wrap .info_topbox {background-size:auto,auto; background-position:85% center, right center; height:326px;}*/
#container.s_wrap .info_title {font-size:200%; width:50%;left:5%; font-weight:bold;}
#container.s_wrap .info_title p {font-size:32px;margin-top:10px;}
#container.s_wrap .info_title p span {font-size:32px;}
#container.s_wrap .info_title:before {margin:0 auto 24px;}
#container.s_wrap .info_title:after {margin:24px auto 0;}
}
/*역대센터장소개*/
.director_history {margin-top:30px;}
.director_history {overflow:hidden;}
.director_history li {display:table; float:left; width:50%; height:240px; text-align:center; margin-bottom:10px; background:url(../images/bg/director_historybg.gif) no-repeat center; background-size:contain; box-sizing:border-box;}
.director_history li div img {width:100px;}
.director_history li div {vertical-align:middle; display:table-cell;}
.director_history dl dt {font-size:88%; margin-top:20px;}
.director_history dl dt span {color:#c2486d; margin-right:5px;}
.director_history dl dd {letter-spacing:-0.8px; margin-top:5px; font-size:75%;}
@media only screen and (min-width:768px) {
/*역대센터장소개*/
.director_history li {width:25%; margin-bottom:20px;}
.director_history dl dt {font-size:100%; margin-top:30px;}
.director_history dl dd {font-size:88%;}
}
/*인사말(2023.08.25.)*/
#container.s_wrap .text_ctn .pc_tag{display: block;}
#container.s_wrap .text_ctn .mobile_tag{display: none;}
#container.s_wrap .text_ctn .pc_tag .content{float: left;width: calc(100% - 280px);}
#container.s_wrap .text_ctn .pc_tag .content .info_topbox{background-image: none;}
#container.s_wrap .text_ctn .pc_tag .content .info_topbox .info_title{width: 100%;left: auto;}
#container.s_wrap .text_ctn .pc_tag .image{float: left;min-width: 260px;margin-left: 20px;}
#container.s_wrap .text_ctn .pc_tag .image .info_topbox{border-bottom:none;background-position-x: center;background-position-y: 20%;height: 800px;background-size: 260px;}
@media only screen and (max-width: 768px){
#container.s_wrap .text_ctn .pc_tag{display: none;}
#container.s_wrap .text_ctn .mobile_tag{display: block;}
#container.s_wrap .text_ctn .mobile_tag .info_topbox{background-size: 140px;}
}
/*연혁*/
#container .top_vaisual img {width:100%; min-width:320px;}
/*비전*/
#container .vs_ctnimg {text-align:center; margin-top:40px;}
#container .vs_ctnimg img {width:100%; min-width:320px; max-width:735px;}
/*Ci*/
#container .symbolmark_wrap {margin-top:20px; padding:30px 0; border:1px solid #e5e5e5; text-align:center;}
#container .symbolmark_wrap img {max-width:100%;}
#container .text_ctn .ref_wrap {padding-left:0; margin:20px 0; text-align:center; background:none; text-indent:0;}
#container .ref_wrap img {max-width:100%;}
/*시설안내*/
.fc_slider {width:100%; margin-top:40px; float:none;}
.fc_table {width:100%; margin-top:40px; float:none;}
.fc_slider .bx-viewport img {width:100% !important;}
.fc_slider .bx-pager.bx-custom-pager {margin-top:10px;}
.fc_slider .bx-pager.bx-custom-pager img {width:50px;}
.fc_slider .bx-pager.bx-custom-pager a {border: Solid #Ccc 1px; display:block; margin: 3px 5px; padding: 3px; }
.fc_slider .bx-pager.bx-custom-pager a:hover,
.fc_slider .bx-pager.bx-custom-pager a.active { border: solid black 3px; }
.fc_table table {min-width:auto !important}
.fc_table table dt {margin:0 !important;}
.fc_table table dd {margin-left:10px !important;}
/*큰버튼*/
.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);}
.bigbtn_warpper1 {margin:20px 0 0 10px;}
.bigbtn_warpper1 li {display:block; width:200px; margin-top:10px;}
.bigbtn_warpper1 .big_btn {width:100%; box-sizing:border-box; padding:0 20px; font-weight:400; font-size:75%; letter-spacing:-0.7px;}
/*부서 및 직원조회*/
.part_chart {font-size:75%; background:url(../images/bg/chart_bg3.gif?v=2502) repeat-y center 0; height:626px; margin-bottom:350px;}
.part_chart .part_chart_tit {width:80.1%; margin:0 auto; }
.part_chart .part_chart_tit a {display:block; width:25%; height:36px; min-width:120px; margin:0 auto; text-align:center; line-height:36px; border-radius:4px; background:#666a70; color:#fff;}
.part_chart .part_chart_tit a:focus-visible{outline: solid 3px red;}
.part_chart .p_chart2:after {content:""; clear:both; display:block;}
.part_chart .p_chart2 dl {float:left; width:50%; padding-top:30px;}
.part_chart .p_chart2 dl:last-child {float:right;}
.part_chart .p_chart2 dl a:focus-visible {outline: solid 3px black;}
.part_chart .p_chart2 dl dt a {width:50%; min-width:100px; margin:0 auto; display:block; height:36px; line-height:36px; text-align:center; line-height:36px; border-radius:4px; background:#e95364; color:#fff; border:1px solid #dc4254; box-sizing:border-box;}
.part_chart .p_chart2 dl dt {background:url(../images/bg/chart_bg6.gif?v=2502) no-repeat right center;}
.part_chart .p_chart2 dl:nth-child(2) dt,.part_chart .p_chart2 dl:last-child dt {background-position:left center;}
.part_chart .p_chart2 dl dd ul {width:50%; min-width:100px; margin:0 auto;}
.part_chart .p_chart2 dl dd li a {display:block; text-align:center; height:34px; line-height:34px; background:#fafafa; border:1px solid #9f9d9d; border-radius:4px; margin-top:5px;}
.part_chart .p_chart2 li.p_chart3 a {margin-top:0px;height:35px;line-height:35px;font-size:0.8em;border-top:none;border-top-left-radius:0px;border-top-right-radius:0px;}
/*.part_chart .p_chart_one dl:last-child dd ul li:first-child a {border-bottom-left-radius:0px;border-bottom-right-radius:0px;}
.part_chart .p_chart_one dl:last-child dd ul li:nth-child(2) a {margin-top:0px;height:35px;line-height:35px;font-size:0.8em;border-top:none;border-top-left-radius:0px;border-top-right-radius:0px;}*/
/*조직도 검색탭*/
.chart_info {margin-top:10px; font-size:75%; line-height:1.4;}
.chart_sch1 {margin:10px 0 20px 0; padding:15px 0; background:#f3f3f3; font-size:88%;}
.chart_sch1 .select_box1 {width:90%; margin:0 auto;}
.chart_sch1 .sch_box1 {width:90%; margin:0 auto; margin-top:10px;}
.chart_sch1 label {display:inline-block; vertical-align:middle; width:20%; text-align:right; margin-right:5px;}
.chart_sch1 input,.chart_sch1 select {width:50%; height:30px; border:1px solid #d2d2d2; box-sizing:border-box;}
.chart_sch1 select {width:70.5%;}
.chart_sch1 select#searchItem {width:auto;}
.chart_sch1 button {width:20%; height:30px; line-height:26px; background-color:#ee2d23; border:1px solid #de2017; color:#fff;}
.chart_sch1 button span {top:0;}
/*홍보동영상 원고*/
.video_txt {width:100%; border:1px solid #ccc; margin-top:10px; padding:12px; overflow-y:scroll; overflow-x:hidden; height:135px; font-size:88%; line-height:1.4; box-sizing:border-box;}
.video_txt p {margin-bottom:10px;}
@media only screen and (min-width:768px) {
/*인사말*/
.info_topbox {height:320px !important; padding-bottom:0; background-position:85% center, right center !important; background-size:auto,auto !important;}
.info_topbox .kpj_txt {max-width:428px; margin:55px 0 0 8%;}
.info_topbox .kpj_pic {max-width:174px; margin:45px 10% 0 0;}
.info_topbox .info_text {font-size:100%; background:none; padding:0;}
.info_topbox .info_text p {margin-bottom:10px;}
/*CI*/
#container .ref_wrap img {width:auto;}
/*시설안내*/
.fc_slider {width:48%; margin-top:40px; float:left;}
.fc_table {width:48%; margin-top:40px; float:right;}
/*큰버튼*/
.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;}
.bigbtn_warpper1:after {content:""; clear:both; display:block;}
.bigbtn_warpper1 li {float:left; width:31%; margin-right:3.5%;}
.bigbtn_warpper1 li:last-child {margin-right:0; float:right;}
.bigbtn_warpper1 .big_btn {font-size:100%;}
/*부서 및 직원조회*/
/*.part_chart {font-size:100%; height:478px; margin-bottom:350px;}191315*/
.part_chart {font-size:100%; height:848px; margin-bottom:460px;}
.part_chart .p_chart2:last-child {margin-top:55px;}/*190315*/
.part_chart .part_chart_tit {padding-bottom:30px;}
.part_chart .part_chart_tit a {height:55px; line-height:55px;}
.part_chart .p_chart2 dl dd ul {height:190px;padding:10px;}
.part_chart .p_chart2 dl dt {background-image:url(../images/bg/chart_bg8.gif?v=2502);}
.part_chart .p_chart2 dl dt a {height:55px; line-height:55px; margin-top:20px;}
.part_chart .p_chart2 dl dd li a {height:45px; line-height:45px;}
/*조직도 검색탭*/
.chart_info {margin-top:30px; font-size:100%;}
.chart_sch1 {font-size:100%; overflow:hidden; padding:30px 15%;}
.chart_sch1 .select_box1 {float:left; width:30%; text-align:right;}
.chart_sch1 .select_box1 select {height:40px;}
.chart_sch1 select#searchItem {height:40px;}
.chart_sch1 .sch_box1 {float:right; width:70%; margin-top:0px; text-align:right;}
.chart_sch1 .sch_box1 input,.chart_sch1 .sch_box1 button {height:40px;}
.chart_sch1 .sch_box1 button {line-height:40px;}
.chart_sch1 label {margin-right:5px;}
.chart_sch1 input {height:40px;}
.chart_sch1 button {height:40px; line-height:36px;}
}
@media only screen and (min-width:1200px) {
/*인사말*/
.info_topbox .kpj_txt {margin:36px 0 0 6%;}
.info_topbox .kpj_pic {margin:50px 14% 0 0;}
/*부서 및 직원조회*/
.part_chart {height:96px; margin-bottom:480px; min-width:910px;}
.part_chart .part_chart_tit {width:78%;}
.part_chart .part_chart_tit a {width:220px;}
.part_chart .p_chart2 {width:60%; float:left; background:url(../images/bg/chart_bg7.gif?v=2502) no-repeat 100px top; margin-top:10px;background-size:83.5% 1px;}
.part_chart .p_chart2.p_chart_one {width:40%;}
.part_chart .p_chart2:last-child {background-position:0 top;}
.part_chart .p_chart2 dl {padding-top:30px; background:url(../images/bg/chart_bg3.gif?v=2502) no-repeat 55% top;}
.part_chart .p_chart2:last-child dl {padding-left:0;width:33.3%;background-position:50.5% top;}
.part_chart .p_chart2 dl dt {background:none;}
.part_chart .p_chart2 dl dt a {width:170px; margin:0;}
.part_chart .p_chart2 dl dd ul {min-width:169px;margin:0;padding:0;}
.part_chart .p_chart_one dl dd ul {margin-left:0px;}
/*190315 by YMR*/
.part_chart .p_chart2:last-child {margin-top:10px;}
}
/*::: Footer :::*/
/*facebook like button 20181107 by YMR*/
.fb-like iframe {display:block!important;}
/*영상소식*/
@media only screen and (min-width:768px){
.movieView_335 .seedbbsContentWrap p{
width: 100%;
height: 150px;
padding: 12px;
overflow-y: scroll;
box-sizing: border-box;
border: 1px solid #ccc;
}
}