@charset "utf-8";
@import "layout.css";
	/*PDF버튼*/
	button.no_btn {position:relative; padding:0; margin:0; overflow:hidden;}
	button.no_btn span {position:absolute; display:block; width:100%; height:100%; cursor:pointer; vertical-align:middle;}
	#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%;}
	#container.s_wrap .map_view {width:100%;height:300px; overflow:hidden; position:relative;}
    /*링크버튼*/
    .link_btn1 {margin:-37px 0 23px 0; text-align:right;}
    .link_btn1 a,.link_btn1 button {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 button {line-height:24px;}
    .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;}

	/*텍스트필수*/
	.triangle {font-weight:700; color:#ff0000;}
	
    /*페이징*/
    .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;}

    .color_red {color: #ee2d23;}
    .color_org {color: #ff7a1e;}
    
    /*불릿리스트 기호별*/
    .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,.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) {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; }
    .vision_slogan_box > div + div { margin-top: 47px; }
    .vision_slogan_box .vs_tit { margin-bottom: 21px; padding-left: 36px; background: url(../images/bg/vs_tit.png) no-repeat 0 50%; font-weight: bold; font-size: 34px; font-family: 'NanumSquareR','맑은 고딕','Malgun Gothic','돋움',Dotum; }
    .vision_slogan_box .vs_txt { padding: 0 32px; font-size: 22px; font-family: 'NanumSquareR','맑은 고딕','Malgun Gothic','돋움',Dotum; line-height: 28px; }
    .vision_slogan_box .vs_txt span { font-size: 22px; font-family: 'NanumSquareR','맑은 고딕','Malgun Gothic','돋움',Dotum; }
    .vision_slogan_box .vs_str_content { text-align: center; }
    .vision_slogan_box .vs_str_content > div + div { border-top: 1px solid #e5e5e5; }
    .vision_slogan_box .vs_str_content > div { padding: 24px 10px; }
    .vision_slogan_box .vs_str_content > div .vs_str_tit { font-size: 22px; font-family: 'NanumSquareR','맑은 고딕','Malgun Gothic','돋움',Dotum; line-height: 28px; }
    .vision_slogan_box .vs_str_content > div .vs_str_tit span { font-size: 22px; font-family: 'NanumSquareR','맑은 고딕','Malgun Gothic','돋움',Dotum; }
    .vision_slogan_box .vs_str_content > div .vs_str_tit:after { content: " "; display: block; width: 157px; height: 128px; margin: 30px auto 21px; background: url(../images/bg/vs_str_pic_1.png) no-repeat 50% 50%; background-size: 157px 128px; }
    .vision_slogan_box .vs_str_content > div:nth-child(2) .vs_str_tit:after { background-image: url(../images/bg/vs_str_pic_2.png); }
    .vision_slogan_box .vs_str_content > div:nth-child(3) .vs_str_tit:after { background-image: url(../images/bg/vs_str_pic_3.png); }
    .vision_slogan_box .vs_str_content > div:nth-child(4) .vs_str_tit:after { background-image: url(../images/bg/vs_str_pic_4.png); }
    .vision_slogan_box .vs_str_content .vs_str_txt_list li { font-size: 16px; font-family: 'NanumSquareR','맑은 고딕','Malgun Gothic','돋움',Dotum; line-height: 20px; }
    .vision_slogan_box .vs_str_content .vs_str_txt_list li + li { margin-top: 13px; }
    .vision_slogan_box .vs_str_content .vs_str_txt_list li span{ font-size: 16px; font-family: 'NanumSquareR','맑은 고딕','Malgun Gothic','돋움',Dotum; }

    /* 기관장 소개 */
    .info_box { position: relative; width: 100%; margin-top: 30px; line-height: 28px; }
    .info_box .info_img_pc { display: none; }
    .info_box .info_img img { width: 100%; }
    .info_box .info_content { margin-top: 17px; padding-bottom: 84px; }
    .info_box .info_content p { font-size: 16px; font-family: 'NanumSquareR','맑은 고딕','Malgun Gothic','돋움',Dotum; }
    .info_box .info_content p + p { margin-top: 20px; }
    .info_box .info_content p em { font-size: 16px; font-family: 'NanumSquareR','맑은 고딕','Malgun Gothic','돋움',Dotum; }
    .info_box .info_sign { overflow: hidden; position: absolute; right: 0; bottom: 0; }
    .info_box .info_sign .info_sign_txt { display: block; float: left; margin-top: 16px; margin-right: 6px; font-size: 16px; font-family: 'NanumSquareR','맑은 고딕','Malgun Gothic','돋움',Dotum; }
    .info_box .info_sign .info_sign_img { display: block; float: left; width: 103px; }
    .info_box .info_sign .info_sign_img img { width: 100%; }

    /*조직도*/
    .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 > ul > 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 > ul > 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 > ul > li:nth-child(1) {text-align:left; background-position:37.5% top;}
    .edu_chart > ul > li:nth-child(2) {width:33.4%; text-align:center;}
    .edu_chart > ul > li:nth-child(3) {text-align:right; background-position:62.5% top;}
    
    .edu_chart li ul li {display:block; width:100%; padding-top:10px; background:url(../images/bg/chart_bg1.gif) no-repeat center top;}
    .edu_chart li ul li a,.edu_chart li ul li span {display:inline-block; height:40px; line-height:1.2; padding-top:13px; width:80%; max-width:220px; min-width:95px; text-align:center; background:#fff; border:1px solid #e95364; border-radius:4px; box-sizing:border-box; font-size:75%;}
    .edu_chart > ul > li:nth-child(1) ul li {background-position:38% top;}
    .edu_chart > ul > li:nth-child(2) ul li {background-position:50% top; text-align:center;}
    .edu_chart > ul > li:nth-child(3) ul li {background-position:63% 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;}
	
	.facility-pop_buttons {
		margin-top: 5px;
		text-align: right;
	}
	.facility-pop_button {
		display: inline-block;
		padding: 10px;
		box-sizing: border-box;
		background-color: #ee2d23;
		color: #fff;
		font-size: 14px;
		font-weight: 700;
		text-decoration: none;
	}

    /*교류협력 주요 체결기관*/
    .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{border-bottom:1px solid #ee2d23;}
    .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; display:table; width:50%; text-align:center; font-size:88%; box-sizing:border-box; } 
    .fac_intro .fac_btns dd a {display:table-cell; height:40px; padding:0 2px; box-sizing:border-box; vertical-align:middle; background:#fff; border:1px solid #ee2d23; border-bottom:none; color:#ee2d23; line-height:1.3;}
    .fac_intro .fac_btns dd:nth-child(2n) a {border-right:none;} 
    .fac_intro .fac_btns .lastleft {border-right:1px solid #ee2d23; height:51px; width:100%;}
    .fac_intro .fac_btns dd:hover a,.fac_intro .fac_btns dd:focus a {background:#ee2d23; color:#fff;}
    .fac_intro .fac_btns.fac_btns_long dd:nth-child(2) {width:100%;}
    .fac_intro .fac_btns.fac_btns_long dd:nth-child(3) a,.fac_intro .fac_btns.fac_btns_long dd:nth-child(5) a  {border-right:none;}
    .fac_intro .fac_btns.fac_btns_long dd:nth-child(2n) a{ border-right:1px solid #ee2d23;}

    /*글짓기대회*/
    .conevent_wrap ul li a.active {color:#ffe7c1; text-decoration:underline;}
    .conevent_wrap .conevent_area {display:none}
    .conevent_wrap .conevent_area.thisyr {display:block}

    /*조직도 검색탭*/
    .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 button {width:20%; height:30px; line-height:26px; background-color:#ee2d23; border:1px solid #de2017; color:#fff;}
    .chart_sch1 button span {top:0;}

@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 .vs_str_content { box-sizing: border-box; }
    .vision_slogan_box .vs_str_content:before, .vision_slogan_box .vs_str_content:after { content: " "; display: table; }
    .vision_slogan_box .vs_str_content:after { clear: both; }
    .vision_slogan_box .vs_str_content > div { box-sizing: border-box; float: left; width: 50%; min-height: 394px; border-top: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;  }
    .vision_slogan_box .vs_str_content > div:nth-child(1) { border-top: 0; }
    .vision_slogan_box .vs_str_content > div:nth-child(2) { border-top: 0; }
    .vision_slogan_box .vs_str_content > div:nth-child(2n) { border-right: 0; }

    /* 기관장 소개 */
    .info_box .info_img { display: none; }
    .info_box .info_img_pc { display: block; }

    /*조직도*/
    .edu_chart .ec_tit {padding-bottom:30px;}
    .edu_chart .ec_tit button {height:55px; line-height:55px; font-size:125%;}
    .edu_chart > ul > li {padding-top:30px;}
    .edu_chart > ul > li button {height:55px; line-height:55px; font-size:110%;}
    .edu_chart li ul li {padding-top:15px;}
    .edu_chart li ul li a,.edu_chart li ul li span {height:45px; padding:0; line-height:45px; font-size:100%;}

    /*교육원 셔틀버스 및 시내버스 정차장소*/
    .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;}

	.facility-pop_buttons {
		margin-top: 15px;
		text-align: left;
	}

    /*교류협력 주요 체결기관*/
    .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:1%;/*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_img {padding:50px 0;}
    .fac_intro .fac_btns {width:60%; margin:0 auto;}
    .fac_intro .fac_btns dt {font-size:100%; text-align:left;}
    .fac_intro .fac_btns dd {font-size:100%;}
    .fac_intro .fac_btns dd a {height:40px;}
 
    /*조직도 검색탭*/
    .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 .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) {

    /*타임라인 경력, 학력 (20170327 레아이웃 병렬 수정)*/    
    .timeline_wrap .timeline1 {padding-left:2px;}
    .timeline_wrap div {float:left; width:50%;}
    .timeline_wrap:after {content:""; clear:both; display:block;}
 

    /*기관장소개*/
    .info_topbox .kpj_txt {margin:36px 0 0 6%;}
    .info_topbox .kpj_pic {margin:50px 14% 0 0;}

}


/*201700213 웹접근성 관련 수정*/
    /*링크버튼*/
    .link_btn1 a,.link_btn1 button {color:#02818c; background:url(../images/bg/link_btnbg_new.png) no-repeat 92% center #fff; border:1px solid #02818c;}
    .link_btn1 a:hover {background-color:#02818c;}

    /*텍스트링크*/
    .link_txt1 {background:url(../images/bg/link_btnbg_new.png) no-repeat right 49%; color:#02818c !important;}
    .link_txt2 {color:#02818c !important;}

    .btm_txt {color:#02818c;}
    .btm_txt a {color:#02818c;} 
    
    
    
    
    
    /*제한적본인확인제*/
    .top_textimg2 {width:100%; height:180px; background-color:#f8f8f8; display:table; display:none;}
    .ipinbox {width:100%; background: none no-repeat center top; height:200px; display:table; font-size:100%; line-height:1.5;} 
    .ipinbox {background-position:10% center; height:180px;font-size:125%;}
    .ipinbox span {display:table-cell; vertical-align:bottom; text-align:center }
    .ipinbox span {vertical-align:middle; padding-left:40%; text-align:left;}
    .hl {color:#eb6100;}
    .ctb_tit {font-size:100%; font-weight:bold; background:url(../images/bg/ctb_tit_bar.gif) no-repeat left bottom; background-size:60px; padding-bottom:12px;}
    .ctb_tit {font-size:135%;}
    .sub_ctnbox2_wrap .sub_ctnbox2 {width:100%; box-sizing:border-box; padding:0 20px;}
    .sub_ctnbox2_wrap .sub_ctnbox2 {float:left; padding:40px 0;}
	/*width:50%;*/
    .sub_ctnbox2_wrap {border:1px solid #d2d2d2; margin-top:30px;}
    /*.sub_ctnbox2_wrap .sub_ctnbox2:first-child .scwrap {background:url(../images/bg/ctnbox_line.gif) repeat-y right 0;}*/
    .sub_ctnbox2_wrap .sub_ctnbox2 .scwrap {padding:0 30px;}
    .sub_ctnbox2_wrap:after {content:""; clear:both; display:block;}
    .big_btn span {display:block; padding-right:28px; background:url(../images/btn/bigbtn_bg1.png) no-repeat right center;}
    .big_btn.bb_button {position:relative; width:220px;}
    .big_btn.bbred {background-color:#E2261C; border:1px solid #E2261C;}
    .big_btn.bb_button span {top:0; box-sizing: border-box; background-position:85% center;}
    .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 {height:60px; padding:0 40px; line-height:60px; font-size:110%; box-sizing:border-box; margin:5px;}
    .big_btn.bbmint {background-color:#02818c; border:1px solid #02818c;}
    .big_btn span {padding-right:48px;}

    /*월별교육일정*/
    .edu_schedule .edu_s_txt {margin-top:20px; display:block; height:180px; background:url(../images/bg/eduschedule_bg.jpg) no-repeat 0 0; line-height:1.5; font-size:110%; text-align:right; padding:50px 5% 0; box-sizing:border-box;}
    .edu_schedule .edu_s_txt br {display:block;}
    .edu_schedule .edu_schedule_select select {width:80px; height:30px; border:1px solid #d5d5d5; color:#666; text-indent:5px; font-size:88%; box-sizing:border-box;}
    .edu_schedule .edu_schedule_select button {width:60px; height:30px; color:#333; line-height:30px; background:#ee2d23; color:#fff; font-size:88%; box-sizing:border-box;}
    .edu_schedule .edu_schedule_select button span {top:0;}
    .edu_schedule .edu_s_yr2 {width:40%; height:30px; margin:30px auto; position:relative;}
    .edu_schedule .edu_s_yr2 button {width:27px; height:19px; position:absolute; top:0;}
    .edu_schedule .edu_s_yr2 button span {text-indent:-9999px; top:0;}
    .edu_schedule .edu_s_yr2 button:nth-child(1) { background:url(../images/bg/year_back.gif) no-repeat 0; left:0;}
    .edu_schedule .edu_s_yr2 button:nth-child(3) { background:url(../images/bg/year_next.gif) no-repeat 0; right:0;}
    .edu_schedule .edu_s_yr2 p {font-size:125%; width:50px; text-align:center; position:absolute; left:50%; margin-left:-25px; top:0;}

@media only screen and (min-width:768px) {
    /*월별교육일정*/
    .edu_schedule .edu_s_txt {font-size:150%; padding:70px 0 0 280px;; text-align:left; background-position:30px 0; margin-bottom:20px;}
    .edu_schedule .edu_s_txt br {display:none;}
    .edu_schedule .edu_s_yr2 {width:20%;}
    .edu_schedule .edu_s_yr2 p {font-size:200%;}
    .edu_schedule .edu_s_yr2 button {top:8px;}
}

/* 하계캠프 */
[class^="sc__"] {
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.5;
    font-family: 'NanumSquareR', 'Malgun Gothic', sans-serif;
}
.is-hidden {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    clip: rect(0,0,0,0);
}

.sc__page-heading {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #333;
    font-weight: 700;
    font-size: 20px;
}
.sc__section + .sc__section {
    margin-top: 30px;
}
.sc__heading {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 16px;
}
.sc__scroller {
    overflow-x: hidden;
    overflow-y: auto;
    height: 135px;
    border: 1px solid #ccc;
}
.sc__terms {
    padding: 10px;
}
.sc__notice {
    padding: 10px;
}
.sc__paragraph {
    margin: 5px 0;
    color: #666;
    font-size: 13px;
    text-align: justify;
}
.sc__paragraph:first-child {
    margin-top: 0;
}
.sc__list + .sc__list {
    margin-top: 10px;
}
.sc__list--bullet {
    margin-top: 2px;
}
.sc__item {
    padding-left: 15px;
    text-indent: -15px;
    color: #666;
    font-size: 13px;
    text-align: justify;
}
.sc__item + .sc__item {
    margin-top: 7px;
}
.sc__item--bullet {
    padding-left: 10px;
    text-indent: -10px;
    letter-spacing: -1px;
}
.sc__item--bullet:before {
    content: "-";
    margin-right: 5px;
}
.sc__item--bullet + .sc__item--bullet {
    margin-top: 2px;
}
.sc__agree {
    margin-top: 10px;
    text-align: center;
}
.sc__agree-input {
    cursor: pointer;
}
.sc__agree-label {
    cursor: pointer;
    color: #000;
    font-size: 14px;
}
.sc__fields {
    margin-right: -10px;
    margin-left: -10px;
    padding: 20px 10px;
    border-top: 2px solid #ee2d23;
    border-bottom: 1px solid #ccc;
    background-color: #f5f5f5;
}
.sc__field + .sc__field {
    margin-top: 20px;
}
.sc__field-key {
    margin-bottom: 5px;
    padding-left: 2px;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: -1px;
}
.sc__forms-text {
    display: block;
    width: 100%;
    padding: 0 10px;
    border: 1px solid #ccc;
    outline: 0;
    height: 36px;
    transition: box-shadow .4s;
}
.sc__forms-text:focus {
    border: 1px solid #666;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.3);
}
.sc__forms-select {
    display: block;
    width: 100%;
    height: 36px;
    padding: 0 0 0 5px;
    border: 1px solid #ccc;
    outline: 0;
    transition: box-shadow .4s;
}
.sc__forms-select:focus {
    border: 1px solid #666;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.3);
}
.sc__date {
    overflow: hidden;
}
.sc__date {
    display: table;
    table-layout: fixed;
    border-collapse: 0;
    border-spacing: 0;
    empty-cells: show;
    width: 100%;
}
.sc__date-from,
.sc__date-to {
    display: table-cell;
    width: 45%;
    vertical-align: middle;
}
.sc__date-symbol {
    display: table-cell;
    width: 10%;
    text-align: center;
    vertical-align: middle;
}
.sc__meal-label {
    display: none;
}
.sc__meal-input {
    display: block;
    width: 100%;
    max-width: 100px;
    margin: 0 !important;
    padding: 5px !important;
    outline: 0;
}
.sc__meal .ui-spinner {
    overflow: visible !important;
}
.sc__meal-input:focus {
    border-raidus: 3px;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
}
.sc__meal-total {
    margin-top: 20px;
    padding: 10px;
    border: 1px solid #bbb;
    background-color: #ddd;
    font-size: 16px;
    text-align: right;
}
.sc__meal-num {
    font-weight: 700;
    font-size: 20px;
}
.sc__button-area {
    margin-top: 20px;
    text-align: center;
}
.sc__button {
    width: 100%;
    max-width: 100px;
    height: 36px;
    border: 1px solid #ccc;
    background-color: #fff;
    color: #333;
    text-align: center;
}
.sc__button--wide {
    max-width: 100%;
}
.sc__button--emphasis {
    border: 0;
    background-color: #ee2d23;
    color: #fff;
}
.sc__link {
    display: inline-block;
    width: 100%;
    padding: 6px 10px;
    border: 1px solid #ccc;
    background-color: #fff;
    color: #333;
    text-align: center;
}
.sc__link + .sc__link {
    margin-top: 5px;
}
.sc__link--emphasis {
    border: 0;
    background-color: #ee2d23;
    color: #fff;
}
.sc__message {
    padding: 20px 10px;
    border: 1px solid #ccc;
    background-color: #f5f5f5;
    font-size: 14px;
    letter-spacing: -1px;
    text-align: center;
}
.sc__message-emphasis {
    font-weight: 700;
    font-size: 14px;
}

@media only screen and (min-width:768px) {
    .sc__item {
        font-size: 16px;
    }
    .sc__field-group:after {
        content: " ";
        display: block;
        clear: both;
    }
    .sc__field-group {
        margin-right: -10px;
        margin-left: -10px;
    }
    .sc__field {
        float: left;
        width: 50%;
        padding: 0 10px;
    }
    .sc__field + .sc__field {
        margin-top: 0;
    }
    .sc__field:nth-child(2) ~ .sc__field {
        margin-top: 10px;
    }
    .sc__button-area {
        margin-top: 50px;
    }
    .sc__link {
        max-width: 250px;
    }
    .sc__link + .sc__link {
        margin-top: 0px;
    }
    .sc__message {
        font-size: 20px;
    }
    .sc__message-emphasis {
        font-size: 20px;
    }
}

@media only screen and (min-width:1200px) {
	/*pdf뷰어 버튼*/ 
	#container.s_wrap iframe {background:#f9f9f9; width:100%; margin-top:15px; min-height:800px; 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;}
	
	
    .sc__fields {
        margin-right: 0;
        margin-left: 0;
        padding: 30px 20px;
    }
    .sc__field-group {
        margin-right: -20px;
        margin-left: -20px;
    }
    .sc__field {
        padding: 0 20px;
    }
    .sc__field + .sc__field {
        margin-top: 0;
    }
    .sc__field:nth-child(3) ~ .sc__field {
        margin-top: 10px;
    }
    .sc__meal-total {
        padding: 20px 50px;
    }
    .sc__message {
        padding: 30px 20px;
        font-size: 24px;
    }
    .sc__message-emphasis {
        font-size: 24px;
    }
}


/* 2017년 어린이 그림 그리기 대회 수상자 조회 */
.pop_inquire {
    max-width: 720px;
    margin:0 auto;
    padding: 30px 15px;
}
.inq_top h1 {
    margin-bottom: 30px;
    text-align: center;
}
.inq_top h1 a {
    display: block;
}
.inq_top h1 a img {
    vertical-align: top;
}
.inq_top h2 {
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -1px;
}
.inq_cont {
    margin-top: 10px;
    padding-top: 20px;
    border-top: 1px solid #333;
}

/* paging */
.paging {
    padding-top: 20px;
    text-align: center;
}
.paging li {
    display: inline-block;
    border-bottom: 2px solid #fff;
}
.page_num li a {
    display: inline-block;
    padding: 0 5px;
}
.page_num li.on {
    border-bottom: 2px solid #f1463d;
}
.page_num li.on a {
    font-weight: bold;
    color: #f1463d;
}

/* list */
.inq_cont .bullet_list2:first-child dt {
    margin-top: 0;
}
.inq_cont .bullet_list2 span {
    color: #eb6100;
    font-weight: bold;
}
.inq_cont .bullet_list2 strong {
    font-weight: bold;
}
.inq_cont .bullet_list2 ul {
    margin-top: 0px;
}

/* table */
.inq_cont .ctn_table1 {
    margin-top: 30px;
}

/* 영역(50%) */
.inq_cont .sc__field {
    padding: 0px;
}
.inq_cont .sc__field + .sc__field {
    margin-top: 0px;
}

/* 체크박스 */
.inq_cont .sc__agree {
    text-align: left;
}
.inq_cont .sc__agree label {
    font-size: 14px;
}

/* 버튼 */
.inq_cont .sc__button {
    max-width: 100%;
    width: 100%;
    margin-bottom: 5px;
    padding: 0px;
}
.inq_cont .sc__message.pop_meg {
    font-size: 16px;
    text-align: left;
}

.school-name {
    text-align: left;
}

.school-name__input {
    display: inline-block;
    width: 60%;
}

@media only screen and (min-width: 768px) {
    .pop_inquire {
        max-width: 960px;
    }
    .inq_top {
        padding-top: 0px;
    }
    .inq_top {
        overflow: hidden;
    }
    .inq_top h1 {
        float: left;
        margin-bottom: 0;
    }
    .inq_top h2 {
        float: left;
        margin-left: 20px;
        padding-top: 2px;
        padding-bottom: 7px;
        padding-left: 20px;
        border-left: 1px solid #aaa;
    }
    .inq_cont {
        margin-top: 20px;
    }

    /* 체크박스 */
    .inq_cont .sc__agree {
        margin-top: 0px;
        line-height: 36px;
    }
    .inq_cont .sc__agree label {
        font-size: 16px;
    }

    /* 버튼 */
    .inq_cont .sc__button {
        display: inline-block;
        width: auto;
        padding: 0 20px;
    }
    
    .school-name__input {
        width: 85%;
    }
}


/* 171107_drawer추가 */
.is-drawer-open {
    overflow-y: scroll;
    height: 100%;

    body {
        overflow: hidden;
        height: 100%;
    }
}

.l-drawer__trigger {
	width: 22px;
    height: 16px;
    margin: 17px 17px 0 0;
    display: inline-block;
    background: url(../images/btn/mbtop_btn.gif) 0 0 no-repeat;
    background-size: contain;
    float: right;
    text-indent: -999px;
    overflow: hidden;
}
.l-drawer__close {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 50px;
}

.l-drawer__close > span {
	display: block;
	position: absolute;
	top: 25px;
	left: 25px;
	background-color: #fff;
	width: 25px;
    height: 2px;
    margin-top: -1px;
    text-indent: -9999px;
}
.l-drawer__close--top {
	transform: matrix(0.7071, 0.7071, -0.7071, 0.7071, -12, -1);
}
.l-drawer__close--bottom {
    transform: matrix(0.7071, -0.7071, 0.7071, 0.7071, -12, -1);
}

.l-drawer {
	visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6);
    transition: visibility .6s, opacity .6s;
    z-index: 10000;
}

.l-drawer.active {
	visibility: visible;
	opacity: 1;
}

.l-drawer.active > ul {
	right: 0;
}

.l-drawer > ul {
	position: absolute;
	top: 0;
	bottom: 0;
	right: -100%;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	margin: 0;
	padding: 0;
	width: 230px;
	box-shadow: 0 20px 30px 0 rgba(0,0,0,.2);
	background-color: #fff;
	transition: right .6s cubic-bezier(0.165, 0.84, 0.44, 1);
	z-index: 100;
}

.l-drawer > ul > li {
	border-bottom: 1px solid #d6d6d6;
}
.l-drawer > ul > li > a {
	display: block;
	position: relative;
	padding: 15px;
	background-color: #f2f2f2;
	color: #717171;
	font-size: 17px;
	text-decoration: none;
}
.l-drawer > ul > li.depth2 > a:before {
	content: " ";
	position: absolute;
	top: 0;
	right: 15px;
	width: 15px;
	height: 100%;
	background-image: url(../images/inc/l-drawer__b-arrow--down.png);
	background-repeat: no-repeat;
	background-position: 0 center;
	background-size: 15px auto;
}

.l-drawer > ul > li.active > a {
	background-color: #e92b22;
	color: #fff;
	font-weight: 700;
}
.l-drawer > ul > li.active > a:before {
	background-image: url(../images/inc/l-drawer__b-arrow--up.png);
}
.l-drawer > ul > li.active > ul {
	display: block;
}

.l-drawer > ul > li > ul {
	display: none;
	margin: 0;
	padding: 0 10px;
	background-color: #fff;
	list-style: none;
}
.l-drawer > ul > li > ul > li + li {
	border-top: 1px solid #d6d6d6;
}
.l-drawer > ul > li > ul > li > a {
	display: block;
	position: relative;
	padding: 13px 10px;
	color: #000;
	font-size: 14px;
	letter-spacing: -1px;
	text-decoration: none;
}

@media only screen and (min-width: 768px) {
	.l-drawer__trigger {
		display: none;
	}

	.l-drawer.active {
		visibility: hidden;
		opacity: 0;
	}
	.l-drawer.active > ul {
		left: -100%;
	}

	.l-drawer > ul {
		width: 520px;
	}
}

/* 171109_시설정보 */

.is-popup-open {
	overflow-y: hidden;
	height: 100%;
}

.is-popup-open body {
	overflow: hidden;
	height: 100%;
}
.is-popup-open .l-popup {
	overflow-y: scroll;
    overflow-x: hidden;
}

.l-popup {
	visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-bottom: 100px;
    background-color: rgba(0,0,0,.6);
    transition: visibility .6s, opacity .6s;
    z-index: 6000;
}

.l-popup.active {
	visibility: visible;
    opacity: 1;
}

.l-popup_aligner {
	position: relative;
	width: auto;
	height: auto;
	margin: 50px 10px 10px 10px;
	padding: 10px;
	background: #fff;
	text-align: left;
	z-index: 5000;
}
.l-popup__close {
	display: block;
	position: absolute;
	width: 50px;
	height: 50px;
	top: -50px;
	right: 0;
	font-size: 0;
    text-indent: -9999px;
}
.l-popup__close:before {
	content: " ";
	display: block;
	position: absolute;
	top: 25px;
	left: 25px;
	background-color: #fff;
	width: 25px;
    height: 2px;
    margin-top: -1px;
	transform: matrix(0.7071, 0.7071, -0.7071, 0.7071, -12, -1);
}
.l-popup__close:after {
	content: " ";
	display: block;
	position: absolute;
	top: 25px;
	left: 25px;
	background-color: #fff;
	width: 25px;
    height: 2px;
    margin-top: -1px;
	transform: matrix(0.7071, -0.7071, 0.7071, 0.7071, -12, -1);
}
@media only screen and (min-width: 768px) {
	.facility_list ul {
		table-layout: fixed;
		border-collapse: collapse; 
		border-spacing: 0;
		display: table;
		width: 100%;
	}
	.facility_list ul li {
		float: none;
		display: table-cell;
		vertical-align: middle;
	}

    .l-popup {
        padding-top: 100px;
    }
    
	.l-popup_aligner {
		width: 640px;
        margin: 0 auto;
        margin-top: 50px;
	}
}


/* 171113_연혁추가 */
.i-history {
    padding-top: 25px;
}
.i-history__heading {
    padding-bottom: 15px;
    border-bottom: 1px solid #333;
    color: #333;
    font-size: 24px;
    font-weight: 700;
}

.i-history__box {
    position: relative;
    padding: 15px 10px 35px 10px;
}

.i-history__item {
    position: relative;
    padding-left: 70px;
}
.i-history__item:before {
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 5px;
    left: 72px;
    background-color: #c5c5c5;
}
.i-history__item:last-child:before {
    height: 25px;
}
.i-history__item + .i-history__item {
    padding-top: 25px;
}
.i-history__item + .i-history__item .i-history__date {
    top: 25px;
}
.i-history__date {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
    color: #333;
    font-weight: 700;
}
.i-history__value {
    position: relative;
    padding-left: 20px;
    font-size: 14px;
    color: #333;
}
.i-history__value:before {
    content: " ";
    position: absolute;
    top: 3px;
    left: 0;
    width: 5px;
    height: 5px;
    background-color: #333;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.i-history__images {
    padding-top: 20px;
    font-size: 0;
    text-align: center;
}
.i-history__image {
    display: inline-block;
    max-width: 100%;
}
.i-history__image-box {
    font-size: 0;
    text-align: center;
}
.i-history__image-box .i-history__images {
    display: inline-block;
    position: relative;
    top: 0;
}
.i-history__image-box .i-history__images:first-child {
    padding-top: 0;
}

@media only screen and (min-width: 768px) {
    .i-history {
        padding-top: 50px;
    }
    .i-history__box {
        min-height: 250px;
        padding: 30px 440px 50px 80px;
    }

    .i-history__item {
        padding-left: 80px;
    }
    .i-history__item:before {
        left: 82px;
    }
    .i-history__item:last-child:before {
        height: 45px;
    }
    .i-history__item + .i-history__item {
        padding-top: 45px;
    }
    
    .i-history__item + .i-history__item .i-history__date {
        top: 45px;
    }

    .i-history__images {
        position: absolute;
        top: 30px;
        right: 0;
        padding-top: 0;
        font-size: 0;
    }
    .i-history__images + .i-history__images {
        margin-left: 5px;
    }

    .i-history__date {
        font-size: 16px;
    }
    .i-history__value {
        padding-left: 25px;
        font-size: 16px;
    }
    .i-history__value:before {
        top: 5px;
    }
}


/* 171113_주차장안내 */
.i-parking {
    padding-top: 40px;
}
.i-parking__images {
    text-align: center;
}
.i-parking__image {
    display: inline-block;
    max-width: 100%;
}

.i-parking__tabs:before,
.i-parking__tabs:after {content: " ";display: table;}
.i-parking__tabs:after {clear: both;}

.i-parking__tabs {
    margin-top: 30px;
    border-top: 1px solid #ee2d23;
}
.i-parking__tab {
    float: left;
    width: 33.333333%;
    border-bottom: 1px solid #ee2d23;
    border-right: 1px solid #ee2d23;
    box-sizing: border-box;
}
.i-parking__tab:nth-child(3n+1){
    border-left: 1px solid #ee2d23;
}
.i-parking__link {
    display: block;
    padding: 10px 0;
    color: #ee2d23;
    font-size: 13px;
    text-align: center;
}
.i-parking__tab.i-parking__tab--active .i-parking__link {
    background-color: #ee2d23;
    color: #fff;
}

@media only screen and (min-width: 768px) {
    .i-parking__link {
        font-size: 16px;
    }
}