@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: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 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;}
	.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 .btn_wrap1 {width:100%; margin-top:10px; padding:10px 0; box-sizing:border-box; background:#f8f8f8; text-align:center;}
	#container.s_wrap .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 .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 .btn_zoom span {top:0; line-height:40px; padding-left:12%; box-sizing:border-box;}
	#container.s_wrap .btn_wrap1 .btn_hwp,#container.s_wrap .btn_wrap1 .btn_pdf {display:none;} 
	#container.s_wrap .history_img {display:block; margin-top:15px;}
	#container.s_wrap iframe {display:none;}
	#container.s_wrap .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:200px !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:88%; padding-bottom:15px; padding-top:12px;}
	.sitebox ul li {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 .onelink {border-top:1px solid #eee;}
	.sitebox .onelink a {margin:25px 20px; font-size:88%; display:block; font-weight:bold;} 

@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: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: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;}
	.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;}
	.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;}
	.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 */
	.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; }
	
}
@media only screen and (min-width:1200px) {
	
	/*pdf뷰어 버튼*/ 
	#container.s_wrap iframe {background:#f9f9f9; width:100%; margin-top:15px; min-height:450px; display:block;}
	#container.s_wrap .history_img {display:none;}
	#container.s_wrap .btn_wrap1 {margin-top:10px; padding:20px;}
	#container.s_wrap .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 .btn_wrap1 button:first-child{margin-left:0;}
    #container.s_wrap .btn_wrap1 button span {top:0;}
	#container.s_wrap .btn_zoom span {line-height:50px;}
	#container.s_wrap .btn_wrap1 .btn_hwp,#container.s_wrap .btn_wrap1 .btn_pdf {display:inline-block;} 
	#container.s_wrap .btn_hwp em,#container.s_wrap .btn_pdf em {margin:0 5px 0 0;} 
	#container.s_wrap .btn_hwp {background-color:#fff; border:1px solid #556fb5;}
	#container.s_wrap .btn_pdf {background-color:#fff; border:1px solid #ee2d23;}
	#container.s_wrap .btn_hwp em {color:#556fb5;}
	#container.s_wrap .btn_pdf em {color:#ee2d23;}

	/* Sitemap */
	.sitebox {width:25%; font-size:100%; letter-spacing:1; float:left;}
}






/*::: Contents :::*/

	/*인사말*/
	.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 .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 #f39701 1px; }
	.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) repeat-y center 0; height:315px; margin-bottom:270px;}
	.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 .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 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) no-repeat right center;}
	.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;}


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

	/*인사말*/
	.info_topbox {height:348px; padding-bottom:0;}
	.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;}
	.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);}
	.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;}
	
}



@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:410px; min-width:910px;}
	.part_chart .part_chart_tit {width:78%;}
	.part_chart .part_chart_tit a {width:220px;}
	.part_chart .p_chart2 {width:50%; float:left; background:url(../images/bg/chart_bg7.gif) no-repeat 100px top; margin-top:10px;}
	.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) no-repeat 44% top;}
	.part_chart .p_chart2:last-child dl {padding-left:6%; width:44%; background-position:56% top;}
	.part_chart .p_chart2 dl dt {background:none;}
	.part_chart .p_chart2 dl dt a {width:200px; margin:0;}
	.part_chart .p_chart2 dl dd ul {min-width:200px; padding:0;}
	.part_chart .p_chart_one dl dd ul {margin-left:0px;}

	
}