@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 {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%;}

	/* 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:418px; }
	.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;}
	.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:442px; }
	
}
@media only screen and (min-width:1200px) {
	/* Sitemap */
	.sitebox {width:25%; font-size:100%; letter-spacing:1; float:left;}
}


	/*::: Contents :::*/


	/*타임라인 경력, 학력*/
	.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:65px; max-width:70px; padding:15px 0; font-weight:bold; text-align:center;}
	.timeline1 li p {display:inline-block; vertical-align:top; width:50%; min-width:120px; max-width:250px; margin-left:15px; padding:15px 0 15px 30px; 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_slogan_box {width:100%; margin-top:30px; padding:40px 0; text-align:center; border:1px solid #e5e5e5; background:url(../images/bg/tile_bg.gif) repeat 0; box-sizing:border-box;}
	.vision_slogan_box dt {margin:40px 0 20px 0; font-size:100%; font-weight:bold; color:#84ccc9;}
	.vision_slogan_box dt:first-child {margin-top:0; color:#f7b77a;}
	.vision_slogan_box dd {font-size:110%; letter-spacing:-0.7px; line-height:1.6;}
	.vision_slogan_box dd br {display:block;}

	/*핵심추진과제*/
	.promotion_work_box:after{content:""; clear:both; display:block;}
	.promotion_work_box strong {margin-top:30px;height:40px; text-align:center; line-height:40px; background-color:#666a70; display:block; font-size:100%; color:#fff;}
	.promotion_work_box .pwb_wrap {float:left; width:50%; box-sizing:border-box; overflow:hidden;}
	.promotion_work_box  dl{border:1px solid #d2d2d2; border-top:none; box-sizing:border-box;}	
	.promotion_work_box .pwb_wrap:last-child dl {border-left:none;}
	.promotion_work_box dl dt {width:100%; height:40px; display:table; line-height:1.3;  background-color:#f7f7f7; font-size:75%; font-weight:bold; letter-spacing:-0.7px; border-bottom:1px solid #d2d2d2; overflow:hidden;}
	.promotion_work_box dl dt em {display:table-cell; vertical-align:middle; text-align:center;}
	.promotion_work_box dl dd {width:100%; height:94px; padding:0 3% 0 8%; box-sizing:border-box;}
	.promotion_work_box dl dd li {padding-left:8px; background-position:left 6px;}

	/*기관장소개*/
	.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;}

	/*조직도*/
	.edu_chart .ec_tit {width:75.1%; text-align:center; padding-bottom:20px; margin:auto; background:url(../images/bg/chart_bg1.gif) no-repeat center bottom; border-bottom:1px solid #e95364;}
	.edu_chart .ec_tit button {width:36%; max-width:220px; min-width:120px; height:48px; text-align:center; line-height:48px; border-radius:4px; background:#666a70; font-size:88%; color:#fff;}
	.edu_chart .ec_tit button span,.edu_chart li button span {top:0;}
	.edu_chart:after {content:""; clear:both; display:block;}
	.edu_chart li {float:left; width:33.3%; box-sizing:border-box; padding-top:20px; background:url(../images/bg/chart_bg1.gif) no-repeat center top;}
	.edu_chart li button {display:inline-block; width:80%; max-width:220px; min-width:95px; box-sizing:border-box; height:48px; text-align:center; line-height:48px; border-radius:4px; font-size:75%; box-sizing:border-box; background:#e95364; border:1px solid #dc4254; color:#fff;}
	.edu_chart li:nth-child(1) {text-align:left; background-position:37.5% top;}
	.edu_chart li:nth-child(2) {width:33.4%; text-align:center;}
	.edu_chart li:nth-child(3) {text-align:right; background-position:62.5% top;}

	/*교육원 셔틀버스 및 시내버스 정차장소*/
	.txbox_list {margin-top:30px; border:1px solid #d2d2d2;}
	.txbox_list dl {width:100%; padding:15px; box-sizing:border-box; border-bottom:1px solid #d2d2d2;}
	.txbox_list dl:last-child {margin-bottom:0; border-bottom:none;}
	.txbox_list dl dt {padding:0 0 15px 0; margin-bottom:15px; background:url(../images/bg/ctnbox_line2.gif) repeat-x left bottom; color:#ee2d23;}
	.txbox_list button span {position:relative;}

	/*시설사용 허가*/
	.facility_box1 {padding:110px 10px 20px 10px; box-sizing:border-box; background:url(../images/bg/facilities_bg1.gif) no-repeat 20px 20px #e5e5e5; background-size:75px;}

	/*교육시설*/
	.facility_list {margin-top:30px; border:1px solid #d2d2d2;}
	.facility_list > li {border-bottom:1px solid #d2d2d2; padding:15px; box-sizing:border-box;}
	.facility_list > li .ef_tit {font-size:88%; line-height:1.2; font-weight:bold; margin-bottom:10px;}
	.facility_list > li img {max-width:100%;}
	.facility_list > li:last-child {border-bottom:none;}
	.facility_list ul li:nth-child(1) {background:url(../images/bg/ctnbox_line2.gif) repeat-x left bottom; margin-bottom:20px; padding-bottom:15px;}
	.facility_list ul li dl {font-size:75%; line-height:1.4;}
	.facility_list ul li dt {margin-bottom:10px;}
	.facility_list ul li dd {background:url(../images/bg/blist_ds.gif) no-repeat 3px 6px; padding-left:14px; background-size:5px;}
	.facility_list .flong {position:relative;}
	.facility_list .flong .flong_btn {position:absolute; right:0; bottom:0;}

	/*교류협력 주요 체결기관*/
	.banner_list:after {content:""; clear:both; display:block;}
	.banner_list {margin-top:30px;}
	.banner_list dl {float:left; width:48%; margin-bottom:20px; text-align:center;}
	.banner_list dl:nth-child(2n) {margin-left:2%; float:right;}
	.banner_list dl dt img {max-width:100%;}
	.banner_list dl dd {margin-top:5px; font-size:88%; line-height:1.3;}
	.banner_list dl dd br {display:block;}
	.banner_list dl dd span {display:block; margin-top:2px;}

	/*개인정보처리방침*/
	.info_list {font-size:75%; line-height:1.5;}
	.info_list dt {font-weight:bold; margin-top:30px;}
	.info_list dd {margin-top:8px;}
	.info_list ul {font-size:100%;}

	/*강의실 위치안내*/
	.fac_intro {margin-top:30px; text-align:center;}
	.fac_intro .fac_img img {display:inline-block; max-width:100%;}
	.fac_intro .fac_btns:after {content:""; clear:both; display:block;}
	.fac_intro .fac_btns dt {margin:25px 0 15px 0; font-size:88%; line-height:1.4; letter-spacing:-0.5px;}
	.fac_intro .fac_btns dd {float:left; width:50%; height:40px; text-align:center; font-size:88%; line-height:40px; box-sizing:border-box; } 
	.fac_intro .fac_btns dd  a {display:block; background:#fff; border:1px solid #ee2d23; color:#ee2d23;}
	.fac_intro .fac_btns dd:nth-child(2n) a {border-right:none;} 
	.fac_intro .fac_btns .lastleft {border-right:1px solid #ee2d23; height:41px; width:100%;}
	.fac_intro .fac_btns dd:hover a,.fac_intro .fac_btns dd:focus a {background:#ee2d23; color:#fff;}


@media only screen and (min-width:768px) {
	
	/*타임라인 경력, 학력*/
	.timeline1 {font-size:100%; padding:0 30px; margin-top:40px;}
	.timeline1 li {margin-top:-30px;}
	.timeline1 li span {max-width:90px; padding:25px 0; text-align:left;}
	.timeline1 li p {max-width:100%; padding:25px 0 25px 25px; margin-left:0; background-position:left 30px;}
	
	/*비전과슬로건*/
	.vision_slogan_box {padding:60px 0;}
	.vision_slogan_box dt {margin:60px 0 36px 0; font-size:150%;}
	.vision_slogan_box dd {font-size:200%; letter-spacing:-0.5px;}
	.vision_slogan_box dd br {display:none;}
	
	/*핵심추진과제*/
	.promotion_work_box strong {height:60px; line-height:60px; font-size:110%;}
	.promotion_work_box dl {float:left; width:50%;}	
	.promotion_work_box .pwb_wrap:nth-child(2) dl:first-child {border-right:none;}
	.promotion_work_box dl dt {height:60px; font-size:100%; letter-spacing:-0.7px;}
	.promotion_work_box dl dd {height:100px; padding:0 20px 0 20px; box-sizing:border-box;}
	.promotion_work_box dl dd ul {margin-top:20px;}
	.promotion_work_box dl dd li {padding-left:12px; background-position:left 6px; font-size:88%;} 
	
	/*기관장소개*/
	.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;}
	
	/*조직도*/
	.edu_chart .ec_tit {padding-bottom:30px;}
	.edu_chart .ec_tit button {height:55px; line-height:55px; font-size:125%;}
	.edu_chart li {padding-top:30px;}
	.edu_chart li button {height:55px; line-height:55px; font-size:110%;}
	
	/*교육원 셔틀버스 및 시내버스 정차장소*/
	.txbox_list:after {content:""; clear:both; display:block;}
	.txbox_list dl {float:left; padding:20px; box-sizing:border-box; border-bottom:none; border-right:1px solid #d2d2d2;}
	.txbox_list dl:last-child {border-right:none;}
	.txbox_list dl dt {padding:0 0 20px 0; margin-bottom:20px;}
	.txbox_list dl.line_r {border-right:1px solid #d2d2d2;}
	.txbox_list.empty_last dl:first-child {border-right:1px solid #d2d2d2;}
	
	.txbox_list.bo3 dl {width:33.3%;}
	.txbox_list.bo2 dl {width:50%;}
	
	/*시설사용 허가*/
	.facility_box1 {padding:30px 40px 30px 160px; box-sizing:border-box; background:url(../images/bg/facilities_bg1.gif) no-repeat 40px center #e5e5e5; background-size:90px;}
	
	/*교육시설*/
	.facility_list ul:after {content:""; clear:both; display:block;}
	.facility_list > li {padding:20px;}
	.facility_list > li .ef_tit {font-size:110%;}
	.facility_list ul li {float:left; width:70%; padding:25px 18px; box-sizing:border-box;}
	.facility_list ul li:nth-child(1) {width:30%; margin:0; padding:0 24px 0 0; background:url(../images/bg/ctnbox_line.gif) repeat-y right top;}
	.facility_list ul li dl {font-size:100%;}
	.facility_list ul li dt {margin-bottom:30px;}
	.facility_list ul li dd {background-position:3px 10px; padding-left:18px; background-size:6px;}
	.facility_list .flong .flong_btn {right:20px; bottom:20px;}
	
	/*교류협력 주요 체결기관*/
	.banner_list dl {width:32%; margin-bottom:25px;}
	.banner_list dl:nth-child(2n) {margin-left:0; float:left;}
	.banner_list dl:nth-child(3n+1) {margin-right:2%;}
	.banner_list dl:nth-child(3n) {margin-left:2%;}
	.banner_list dl dd {margin-top:8px; font-weight:bold;}
	.banner_list dl dd br {display:none;}
	.banner_list dl dd span {margin-top:2px; font-weight:400;}
	
	/*개인정보처리방침*/
	.info_list {font-size:100%;}
	.info_list dd {margin-top:10px;}
	
	/*강의실 위치안내*/
	.fac_intro:after {content:""; clear:both; display:block;}
	.fac_intro .fac_img {float:left; width:50%; margin-right:2%; padding-top:25px;}
	.fac_intro .fac_btns {float:left; width:48%;}
	.fac_intro .fac_btns dt {font-size:100%; text-align:left;}
	.fac_intro .fac_btns dd {font-size:100%;}
	
}
@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;}
	
}