@charset "utf-8";
/* CSS Document */
/* Common */
/* com2zoa design KYJ 25.04.16 */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★  서브 컨텐츠 기본 공통사항 스타일[추가될 경우 팀전체 상의 및 전달 필수!]  ★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/* 전체 기본 공통 사항 */
.clear_fix:after {content: ""; display: block; clear: both}
.hide{display: none}
.hidden, .blind{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px}

/* MOBILE  기본 공통 사항 */
@media only screen and (max-width:1024px) {
    /*기준폰트*/
    .basics_font {font-size: 1.077em/*기준폰트 13px*/}
    /*MB br태그 삭제*/
    br.mbbr_none{display: none}
    /*MB에서 삭제*/
    .mb_none{display: none}
    /* 페이지 준비중 */
    .sub_loding{background: url(../images/common/page_loding_m.gif) no-repeat center center}
}

/* PC 기본 공통 사항 */
@media only screen and (min-width:1025px) {
    /*기준폰트*/
    .basics_font {font-size: 1.154em/*기준폰트 13px*/}
    /*PC br태그 삭제*/
    br.pcbr_none{display: none}
    /*PC에서 삭제*/
    .pc_none{display: none}
    /* 페이지 준비중 */
    .sub_loding{min-height: 450px; background: url(../images/common/page_loding.gif) no-repeat center center}
}


/* 폰트에서 span사용시 색지정 */
/* span에 단독으로 스타일을 주면 모든 span 태그에 font-weight가 지정되므로 bold는 각각 지정함)_더 두껍게 할 시에는 고유클래스 아래에 지정  */
span.col_re{font-weight: 600; color:#ff472e} /*빨간색*/
span.col_or{font-weight: 600; color:#ff9f17} /*주황색,노란색*/
span.col_gr{font-weight: 600; color:#52a34a} /*초록색*/
span.col_bl{font-weight: 600; color:#3ca3d3} /*파란색*/
span.col_na{font-weight: 600; color:#335c7f} /*남색*/
span.col_pu{font-weight: 600; color:#9644f3} /*보라색*/
span.col_pk{font-weight: 600; color:#ff6f7d} /*분홍색*/
span.col_bk{font-weight: 600; color:#000} /*검정색(bold)*/
span.underline{font-weight: 600; text-decoration:underline; text-underline-offset:4px} /*밑줄*/



/* 한자 텍스트 */
span.hanja{font-family:'돋움'; font-weight:bold}

/* 리스트스타일-기본 */
.cz_lstbx{padding: 15px; margin-bottom: 25px; border-radius: 5px; border:1px solid #dbdbdb}
.cz_lstbx > ul > li,
.cz_lstbx > ol > li{position: relative; padding-left: 11px; margin-bottom: 7px; line-height: 140%}
.cz_lstbx > ul > li:last-child,
.cz_lstbx > ol > li:last-child{margin-bottom:0}
.cz_lstbx > ul > li::after,
.cz_lstbx > ol > li::after{display: block; clear: both; content: ''; position: absolute; top:9px; left:0; width: 3px; height: 3px; background: #575757; border-radius: 50px}
/* 리스트스타일-2차 리스트 */
.cz_lstbx > ul > li .inner_lst,
.cz_lstbx > ol > li .inner_lst{padding:10px; margin-top: 5px; border-radius: 5px; background: #ededed}
.cz_lstbx > ul > li .inner_lst li,
.cz_lstbx > ol > li .inner_lst li{position: relative; margin-bottom: 5px; padding-left: 10px; line-height: 150%; font-size:0.933em}
.cz_lstbx > ul > li .inner_lst li:last-child,
.cz_lstbx > ol > li .inner_lst li:last-child{margin-bottom: 0}
.cz_lstbx > ul > li .inner_lst li::after,
.cz_lstbx > ol > li .inner_lst li::after{display: block; clear: both; content: ''; position: absolute; top:10px; left:0; width: 5px; height: 2px; background: #a2a2a2; border-radius: 50px}

/* 리스트스타일-단독 리스트 */
.cz_lstbx > ul > li .inner_txt,
.cz_lstbx > ol > li .inner_txt{position: relative; padding:7px 7px 7px 18px; margin-top: 5px; border-radius: 5px; background: #ededed; line-height: 150%; font-size:0.933em}
.cz_lstbx > ul > li .inner_txt::after,
.cz_lstbx > ol > li .inner_txt::after{display: block; clear: both; content: ''; position: absolute; top:16px; left:7px; width: 5px; height: 2px; background: #a2a2a2; border-radius: 50px}

/* 테이블 */
.cz_tablebx{position: relative; margin-bottom: 40px}
/* 모바일에서 표 가로 스크롤스타일 */
.scroll_st{overflow-x: scroll}
.scroll_st::-webkit-scrollbar {height: 10px}
.scroll_st::-webkit-scrollbar-track {background-color: rgba(0, 0, 0, 0.05); border-radius:0 0 5px 5px; box-shadow: inset 0px 0px 0px white}
.scroll_st::-webkit-scrollbar-thumb {background-color: #a7a7a7; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent}
/* col class 스타일 */
.wdtfix{width:40px}
.wdt1{width: 1%}
.wdt2{width: 2%}
.wdt3{width: 3%}
.wdt4{width: 4%}
.wdt5{width: 5%}
.wdt6{width: 6%}
.wdt7{width: 7%}
.wdt8{width: 8%}
.wdt9{width: 9%}
.wdt10{width: 10%}
.wdt11{width: 11%}
.wdt12{width: 12%}
.wdt13{width: 13%}
.wdt13_5{width: 13.5%}
.wdt14{width: 14%}
.wdt15{width: 15%}
.wdt16{width: 16%}
.wdt17{width: 17%}
.wdt18{width: 18%}
.wdt19{width: 19%}
.wdt20{width: 20%}
.wdt25{width: 25%}
.wdt30{width: 30%}
.wdt35{width: 35%}
.wdt40{width: 40%}
.wdt45{width: 45%}
.wdt50{width: 50%}
.wdt55{width: 55%}
.wdt60{width: 60%}
.wdt65{width: 65%}
.wdt70{width: 70%}
.wdt75{width: 75%}
.wdt80{width: 80%}
.wdt90{width: 90%}
.wdtauto{width: auto}
/* 테이블 스타일1 (박스형태)*/
/* 표_색상 : 블루그레이(기본) */
.cz_table {overflow: hidden; width:100%; border-collapse:collapse; table-layout:auto; border-radius: 5px 5px 0 0}
.cz_table table{width: 100%; margin-bottom: 15px}
.cz_table table:last-child{margin-bottom: 0}
.cz_table thead th { line-height:150%; padding:8px; border:1px solid #fff; border-top:1px solid #dbdbdb; background:#5f6b71;  vertical-align:middle;text-align:center; font-weight:500; color:#fff}
.cz_table thead th:first-child {border-left:1px solid #cacaca}
.cz_table thead th:last-child {border-right:1px solid #cacaca}
.cz_table tbody th {line-height:150%; background:#f8f8f8; padding:8px; border:1px solid #dbdbdb;  text-align:center; font-weight:600; vertical-align:middle; color:#000}
.cz_table tbody td {line-height:150%; background:#fff; padding:8px; border:1px solid #dbdbdb;text-align:center; vertical-align:middle; color:#000}
/* 표_색상 별도적용 */
/* 표 색상 class 지정 규직 : ex)[초록계열] ▶기본색상 : gr(green) / ▶진한색상 : grd(green_deep) / ▶연한색상 : grl(green_light)*/
.cz_table .tbcol_bl thead th{background:#4ea0ed}/*파랑*/
.cz_table .tbcol_bld thead th{background:#3173b1}/*진한파랑*/
.cz_table .tbcol_gr thead th{background:#5fb873}/*초록*/
.cz_table .tbcol_grd thead th{background:#459057}/*진한초록*/
.cz_table .tbcol_grl thead th{background:#9fcb5a}/*연한초록(연두색)*/
.cz_table .tbcol_or thead th{background:#f2a54a}/*주황*/
.cz_table .tbcol_ye thead th{background:#f4c22b}/*노랑*/
.cz_table .tbcol_pu thead th{background:#d17ded}/*보라*/
.cz_table .tbcol_pk thead th{background:#f88b9d}/*핑크*/
/* 테이블 스타일2 (라인형태)*/
.cz_table.type_line{background:#fff; border-radius:0}
.cz_table.type_line table{border-top:2px solid #4ea0ed}
.cz_table.type_line thead th {padding:11px; border:1px solid #dbdbdb; background:#f5f5f5; color:#000; font-weight: 600}
.cz_table.type_line tbody th {background:#fff}
/* 테이블 속 테이블 */
.cz_table table.inner_table{overflow: hidden; border-radius: 5px 5px 0 0; font-size: 13px}
.cz_table table.inner_table thead th{padding: 5px; background:#9a9a9a; border:1px solid #a5b0b5; color:#fff}
.cz_table table.inner_table thead th::after{display: none}
.cz_table table.inner_table thead tr:first-child th:first-child{border-radius:0}
.cz_table table.inner_table thead tr:last-child th:last-child{border-radius:0}
.cz_table table.inner_table thead th:first-child {border-left:1px solid #a5b0b5}
.cz_table table.inner_table thead th:last-child {border-right:1px solid #a5b0b5}
.cz_table table.inner_table tbody th,
.cz_table table.inner_table tbody td{ padding:5px; border:1px solid #ddd}
.cz_table table.inner_table tbody::before,
.cz_table table.inner_table tbody::after{display:none}
/* 테이블 내부리스트 스타일 */
.cz_table ul.tblst_bx > li{position: relative; padding-left:13px; margin-bottom: 6px}
.cz_table ul.tblst_bx > li:last-child{margin-bottom: 0}
.cz_table ul.tblst_bx > li::after{display: block; clear: both; content: ''; position: absolute; top:5px; left:0; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid transparent; border-left: 5px solid #ccc}
.cz_table ul.tblst_bx > li ul{padding:8px; border-radius: 5px; background: #f3f3f3}
.cz_table ul.tblst_bx > li ul li{position: relative; margin-bottom: 3px; padding-left: 12px; font-size: 13px}
.cz_table ul.tblst_bx > li ul li:last-child{margin-bottom: 0}
.cz_table ul.tblst_bx > li ul li::after{display: block; clear: both; content: ''; position: absolute; top:9px; left:0; width:5px; height: 2px; background: #b6b6b6}
/* table_scroll 필요없을때 */
.cz_table.tb_border{overflow: hidden}
/* 왼쪽정렬 폰트 */
.cz_table tbody td.txleft{text-align: left}
/*모바일 아래에서 표 내용이 너무많을때 사이즈 고정후 스크롤 하기 테이블 감싸고 있는 div한테 scroll_sty 클래스 주면됨*/	
@media only screen and (max-width:710px) {
    .scroll_sty{overflow-x: auto; position: relative}
    .scroll_sty > table {min-width:710px}
}
/*지정된 해상도에서만 나오는 테이블 스크롤 안내텍스트*/
.scroll_txt{display: none}
@media only screen and (max-width:710px) {
    .scroll_txt{display: block; padding:3px 5px !important; margin: 5px 0 !important; border-radius: 5px; background:#eaeaea !important; text-align: center; color:#000; font-size: 13px}
}

/* 테이블현황 기준 날짜 표기 */
.situ_date{position: absolute; top:-43px; right:0; width: 163px; padding: 5px 3px 1px 3px; border-radius: 50px; border:2px solid #d8d8d8; font-size: 12px; font-weight: 600; color:#909090; box-sizing: border-box}
.situ_date span{display: block; padding: 1px 0 3px 30px; background:url(../images/common/ico_date.png) no-repeat 5px 2px}

/* 교직원소개 */
.cz_teacher thead th br{display: none}
.cz_teacher .tel_btn{display: none}
@media only screen and (max-width:1024px) {
    .cz_teacher .cz_table {font-size: 1.071em}
    .cz_teacher thead th br{display: block}
    .cz_teacher .tel_btn{display: block}
    .cz_teacher .tel_txt{display: none}
}


/* 규칙,규정 스타일 */
.cz_rulebx{font-size: 1.077em /*기준폰트 14px*/}
/*제정 및 개정이력*/
.cz_rulebx .ruledate_bx{margin:0 0 20px; border-bottom: 2px solid #ececec; font-weight: 400}
.cz_rulebx .ruledate_bx .rd_tit{padding: 7px; background:#ececec; border-radius: 5px; font-size: 1.071em; font-weight: 600; text-align: center}
.cz_rulebx .ruledate_bx ul{display: flex; flex-wrap:wrap;  padding: 15px 10px 5px; font-family:CGC; box-sizing: border-box}
.cz_rulebx .ruledate_bx ul li{width: calc(100% / 5); margin-bottom: 10px; box-sizing: border-box}
.cz_rulebx .ruledate_bx ul li span{display: block; position: relative; padding-left: 12px}
.cz_rulebx .ruledate_bx ul li span::after{display: block; clear: both; content: ''; position: absolute; top:5px; left:0; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid transparent; border-left: 5px solid #b0b0b0}
/*장 타이틀*/
.cz_rulebx h4{position: relative; min-height: 45px; margin-top: 20px; padding:13px; border-top:2px solid #ccc; border-bottom:1px solid #ccc; font-size: 1.071em; box-sizing: border-box}
.cz_rulebx h4:first-child{margin-top: 0}
.cz_rulebx h4 span{display: block; margin:0 0 0 90px; font-weight: 600; color:#000}
.cz_rulebx h4 span.chapter{position: absolute; top:10px; left:10px; width: 80px; height:26px; line-height: 26px; margin: 0; border-radius: 50px; background: #ccc; color:#fff; text-align: center}
/*절 타이틀*/
.cz_rulebx .rule_passage{display: flex; gap:5px; padding: 5px 15px 5px 5px; margin: 10px 0 5px; border-radius: 5px; border:2px solid #c5c5c5}
.cz_rulebx .rule_passage span{display:block}
.cz_rulebx .rule_passage span.tit{width: 90px; padding-left: 25px; background: url(../images/common/ico_passage.png) no-repeat left 1px; font-weight: 600; box-sizing: border-box}
.cz_rulebx .rule_passage span.txt{width: 100%}
/*조 타이틀*/
.cz_rulebx h5{position: relative; padding-left: 14px; margin: 15px 0 7px; font-weight: 600}
.cz_rulebx h5::after{display: block; clear: both; content: ''; position: absolute; top:5px; left:0; width: 5px; height: 5px; border-radius: 50px; border:2px solid #898989}
/*세부내용*/
.cz_rulebx .rulebody_bx > ol {margin-left: 18px}
.cz_rulebx .rulebody_bx > ol > li{line-height:160%; text-indent: -18px}
.cz_rulebx ol.inner_lst{padding: 8px 12px; margin: 5px 0 8px; border-radius:5px; border:2px solid #ececec}
.cz_rulebx ol.inner_lst li{ text-indent: 0}
.cz_rulebx ol.inner_lst2{padding: 6px 10px; margin: 3px 0; border-radius:5px; background: #f1f1f1; font-size: 0.929em}
/*별표 이동*/
.cz_rulebx a.detail_go{display: inline-block; padding-right: 13px; background: url(../images/common/detail_go.png) no-repeat right 6px; color:#2d8bff; text-decoration: underline}
/*별표 내용*/
.cz_rulebx .detail_rulebx{padding: 10px; margin-top: 20px; border-radius: 10px; border:2px solid #ececec}
.cz_rulebx .dtgo_tit {line-height:140%; padding:5px; margin:0 0 13px; background:#555f63; border-radius: 5px; color:#fff; text-align: center; font-weight:500}
.cz_rulebx .dtrule_tit {line-height:140%; margin:5px 0 12px 0; text-align: center; font-weight:600}
.cz_rulebx .rule_noti{padding: 10px; margin-bottom: 10px; border-radius: 5px; background: #f1f1f1}
.cz_rulebx .rule_noti dt{padding: 0 0 5px; margin: 0 0 10px; border-bottom: 1px solid #ccc; text-align: center; font-weight: 600}
.cz_rulebx .rule_noti dd p{margin-bottom: 5px}
.cz_rulebx .rule_noti dd p span{font-weight: 600}
/*규정 테이블*/
.rule_table {width:100%; border-collapse:collapse; table-layout:auto; border-bottom: 2px solid #e6e6e6}
.rule_table table{width: 100%}
.rule_table .txtleft {text-align: left}
.rule_table.scroll_sty{overflow-x: auto; position: relative}
.rule_table.scroll_sty > table {min-width:640px}
.rule_table {overflow: hidden; width:100%; border-collapse:collapse; table-layout:auto; background:#f1f1f1; border-radius: 5px 5px 0 0}
.rule_table table{width: 100%}
.rule_table thead th { line-height:150%; padding:8px; border:1px solid #fff; border-top:1px solid #dbdbdb; background:#b4b4b4;  vertical-align:middle;text-align:center; font-weight:500; color:#fff}
.rule_table thead th:first-child {border-left:1px solid #cacaca}
.rule_table thead th:last-child {border-right:1px solid #cacaca}
.rule_table tbody th {line-height:150%; background:#f8f8f8; padding:8px; border:1px solid #dbdbdb;  text-align:center; font-weight:600; vertical-align:middle; color:#000}
.rule_table tbody td {line-height:150%; background:#fff; padding:8px; border:1px solid #dbdbdb;text-align:center; vertical-align:middle; color:#000}
.rule_table tbody td.txleft{text-align: left}

/*규칙1-파랑*/ 
.cz_rulebx.rule01 h4{border-top-color: #398bdf}
.cz_rulebx.rule01 h4 span.chapter{background: #398bdf}
/*규칙1-하늘*/ 
.cz_rulebx.rule02 h4{border-top-color: #3abff7}
.cz_rulebx.rule02 h4 span.chapter{background: #3abff7}
/*규칙2-초록*/ 
.cz_rulebx.rule03 h4{border-top-color: #339d51}
.cz_rulebx.rule03 h4 span.chapter{background: #339d51}
/*규칙3-연두*/ 
.cz_rulebx.rule04 h4{border-top-color: #87c03c}
.cz_rulebx.rule04 h4 span.chapter{background: #87c03c}
/*규칙4-청록*/ 
.cz_rulebx.rule05 h4{border-top-color: #1ab1bf}
.cz_rulebx.rule05 h4 span.chapter{background: #1ab1bf}
/*규칙5-보라*/ 
.cz_rulebx.rule06 h4{border-top-color: #a674f2}
.cz_rulebx.rule06 h4 span.chapter{background: #a674f2}
/*규칙6-핑크*/ 
.cz_rulebx.rule07 h4{border-top-color: #ff88b5}
.cz_rulebx.rule07 h4 span.chapter{background: #ff88b5}
/*규칙7-노랑*/ 
.cz_rulebx.rule08 h4{border-top-color: #ffa423}
.cz_rulebx.rule08 h4 span.chapter{background: #ffa423}
@media only screen and (max-width:1024px) {
    /*제정 및 개정이력*/
    .cz_rulebx .ruledate_bx ul li{width: calc(100% / 3)}
}


/*공통스타일 (행정서비스헌장, 행정정보공개, 개인정보처리방침, 영상정보처리방침, 저작권신고)*/
/****공통 Table****/
.comtable {width:100%; margin:10px 0 15px; border-collapse:collapse; table-layout:auto}
.comtable table{width: 100%; border-bottom:3px solid #aeaeae}
.comtable thead th { line-height:150%; padding:8px 3px; border-right:1px solid #d2d2d2; background: #aeaeae; vertical-align:middle;text-align:center; font-weight:500; color:#fff}
.comtable tbody th {line-height:150%;padding:8px 3px; border:1px solid #d2d2d2; text-align:center; font-weight:500; vertical-align:middle; color:#30302e}
.comtable tbody td {line-height:150%; background:#fff; padding:8px 3px; border:1px solid #d2d2d2; text-align:center; vertical-align:middle; color:#4d4d4d} 
.comtable .txtleft {text-align: left; padding-left: 10px}
.comtable02 table{border-bottom:2px solid #aeaeae; border-top:2px solid #aeaeae}
.comtable02 tbody th {background: #aeaeae; color:#fff}
/*Table양쪽 선 없는 타입*/
.nonbdr .comtable thead th:last-child{border-right: none}
.nonbdr .comtable tbody td.bdr_none{border-left:none}
.nonbdr .comtable tbody th {border-left: none}
.nonbdr .comtable tbody td {border-right: none}
/****공통 Common****/
.common_wrap h4.com_h4{padding:5px 0 5px 35px; margin: 10px 0; background:url(../images/common/com_h4.gif) left top no-repeat; font-size:1.286em}
.common_wrap h5.com_h5{padding:2px 0 2px 30px; margin: 10px 0; background:url(../images/common/com_h5.gif) 6px 3px no-repeat; font-size:1.143em}
.common_wrap{font-weight: 400} 
.common_wrap .comtop{margin-bottom: 15px; border-radius: 5px; border:1px solid #d2d2d2; box-sizing: border-box}
.common_wrap .comtop_tit{padding: 10px; border-radius: 5px 5px 0 0; font-weight: 500; text-align: center; color:#fff; font-size:1.071em}
.common_wrap .comtop ul{padding: 15px 10px 10px 95px}
.comtop ul li{padding-left: 13px; margin-bottom: 5px; background:url(../images/common/com_lstblt.gif) left 8px no-repeat; line-height: 130%}
.comtop ul li:last-child{margin-bottom: 0}
.combox .cmline{margin-bottom: 20px}
.cmline > .cmtit{ overflow: hidden; position:relative; border-radius:5px; margin-bottom:10px;  border: 1px solid #d2d2d2; box-sizing: border-box}
.cmline > .cmtit h5{ line-height: 140%; padding: 10px; margin: 0 0 0 70px; background: #fff; font-weight: 500; font-size:1.071em}
.cmline > .cmtit p{position: absolute; top:50%; left:0; width:70px;  height:42px; line-height: 42px;  margin-top: -21px; text-align: center; font-weight:bold; color:#fff; font-size:1.071em; font-weight: 400}
.cmline .cmtxt ol li{margin:0 0 5px 20px; line-height: 120%; text-indent: -17px}
.cmline .cmtxt ol li:last-child{margin-bottom: 0}
.cmline .cmtxt ol li>ol, .cmline .cmtxt ol.bgline{padding: 10px; margin: 10px 0; border-radius: 5px; background:#f8f8f8; border: 1px solid #d2d2d2; box-sizing: border-box}
.cmline .cmtxt ul li{padding-left: 13px; background:url(../images/common/com_lstblt.gif) left 8px no-repeat; line-height: 130%; margin-bottom: 5px}
.cmline .cmtxt > p{padding-left: 13px; background:url(../images/common/com_lstblt.gif) left 8px no-repeat; line-height: 130%; margin-bottom: 5px}
.cmline .cmtxt > p.refertxt{padding:5px; background: #838383; border-radius: 5px; text-align: center; color:#fff}
.cmline .cmtxt > dl{margin-top: 10px; padding: 10px; border-radius:5px; margin-bottom:10px; background:#f8f8f8; border: 1px solid #d2d2d2; box-sizing: border-box}
.cmline .cmtxt > dl dt{margin: 5px 0; font-weight: 500}
.cmline .cmtxt > dl dt.bgtit{display: inline-block; padding: 3px 10px; border-radius: 50px; background: #838383; font-weight: 400; color:#fff}
.cmline .cmtxt > dl dt:first-child{margin-top: 0}
.cmline .cmtxt > dl dd{padding-left: 13px; background:url(../images/common/com_lstblt.gif) left 8px no-repeat; line-height: 150%; margin-bottom: 5px}
.cmline .cmtxt > dl dd:last-child{margin-bottom: 0}
.cmline .cmbtn{padding: 10px; margin: 15px 0; border: 1px solid #d2d2d2; text-align: center; line-height: 130%}
.cmline .col_bb{font-weight: 500}
.cmline .cmtxt ol li.no_indent{text-indent: 0; margin-left: 5px}
/*이력관리*/
.comhis_lst{border-radius: 5px 5px 0 0; overflow: hidden}
.comhis_lst .comhis_lstit{padding:10px; text-align:center; background:#9e9e9e; color:#fff; font-weight:500}
.comhis_lst ul{padding:10px; border:1px solid #ccc}
.comhis_lst ul li{margin-bottom:5px}
.comhis_lst ul li:last-child{margin-bottom:0}
.comhis_lst ul li a{display:block; padding:10px; background:#eeeeee; border-radius:50px; text-align:center; transition: all .3s}
.comhis_lst ul li a:hover{color:#fff}
/*텍스트 스타일*/
.common_wrap .comlst_txt{ margin:10px 0 15px; border-radius: 5px; border:1px solid #d2d2d2;box-sizing: border-box}
.common_wrap .comlst_txt ul{padding: 10px}
.common_wrap .comlst_txt ul li{padding-left: 13px; margin-bottom: 5px; background:url(../images/common/com_lstblt.gif) left 8px no-repeat; line-height: 130%}
.common_wrap .comlst_txt ul li:last-child{margin-bottom: 0}
.common_wrap p.comlst_tit{padding: 10px; background: #65758d; border-radius: 5px 5px 0 0; text-align: center; color:#fff; line-height: 140%}
/* ============== 개인정보처리방침(NEW_라벨링ver) kjh 240403 ============== */
.psinfo_tb .wdt5 {width:5%}
.psinfo_tb .wdt10 {width:10%}
.psinfo_tb .wdt12 {width:12%}
.psinfo_tb .wdt15 {width:15%}
.psinfo_tb .wdt20 {width:20%}
.psinfo_tb .wdt25 {width:25%}
.psinfo_tb .wdt30 {width:30%}
.psinfo_tb .wdt40 {width:40%}
.psinfo_tb .wdt50 {width:50%}
.psinfo_tb .wdtauto {width:auto}
.personal_info strong {font-weight:600; color:#000}
/* 개인정보 표 영역 */
.psinfo_tb {width:100%; margin:15px 0; border-collapse:collapse; table-layout:auto}
.psinfo_tb table {width: 100%; border-collapse: collapse; border-spacing: 0; border: 0}
.psinfo_tb caption {display: none}
.psinfo_tb thead th {line-height:130%; padding:8px 3px; border-left:1px solid #d1d1d1; background: #8b8b8b; vertical-align:middle; text-align:center; font-weight:500; color:#fff; font-size:14px; word-break: keep-all}
.psinfo_tb tbody th {line-height:130%; padding:8px 3px; border:1px solid #d1d1d1; background:#f5f5f5; text-align:center; font-weight:500; vertical-align:middle; color:#30302e; font-size:14px; word-break: keep-all}
.psinfo_tb tbody td {line-height:130%; background:#fff; padding:8px 3px; border:1px solid #d1d1d1; text-align:center; vertical-align:middle; color:#4d4d4d; word-break:keep-all; font-size:13px; word-break: keep-all} 
.psinfo_tb .txtleft {text-align: left; padding-left: 10px}
.psi_scroll {display: none}
/* 개인정보_탑영역 */
.personal_info {margin:0; padding:0; line-height:130%; font-size:13px; color:#4a4a4a; word-break: keep-all}
.psinfo_topbox {padding:0 17px; border-radius:10px; border:3px solid #dfeaff}
.psinfo_topbox .psinfo_top {padding:28px 0 28px 100px; background: url(../images/common/bg_psinfo_top.png) no-repeat 0 50%}
.psinfo_topbox .psinfo_top .psinfo_tit {font-size:1.385em; font-weight:600; color:#055dd5}
.psinfo_topbox .psinfo_top .psinfo_txt {margin-top:10px; line-height:140%; font-size:1.077em; font-weight:400}
/* 컨텐츠 영역 */
h4.psinfo_tit4 {padding:10px 0 10px 30px; margin:14px 0; background:url(../images/common/blt_psinfo_tit.png) no-repeat 0 5px ;font-size:1.385em; font-weight:600; color:#2b2b2b}
.psinfo_con .pscon_box .blt_txt {padding-left:15px; background: url(../images/common/blt_psinfo_arr.png) no-repeat 0 4px}
.psinfo_con {margin-top:30px; font-weight:400}
.psinfo_con img {vertical-align: middle}
.psinfo_con .pscon_box {font-size:1.154em}
.psinfo_con p {line-height:150%}
.ps_label img {width:26px; height:auto; margin:0 3px}
/* 개인정보_라벨링영역 */
.psinfo_label {overflow: hidden; border-radius:15px; border:1px solid #d1d1d1}
.psinfo_label ul {display:flex; justify-content: space-between; align-items: center; flex-wrap: wrap}
.psinfo_label ul li {width:calc(100% / 6 - 1px); text-align: center; border-left:1px solid #d1d1d1; box-sizing: border-box}
.psinfo_label ul li:first-child {border-left:0}
.psinfo_label ul li span {display:block}
.psinfo_label ul li span.psi_ico {display:flex; justify-content:center;align-items: center;  min-height:75px}
.psinfo_label ul li span.psi_ico img {max-width:65px}
.psinfo_label ul li span.psi_txt {margin-top:10px;font-size:1.077em; font-weight:600; color:#000}
.psinfo_label ul li .psi_icobox {padding:18px 0}
/* 개인정보_목차 영역 */
.psinfo_index {overflow: hidden; margin:15px 0; border-radius:15px; border:1px solid #d1d1d1}
.psinfo_index ul {display:flex; flex-wrap:wrap}
.psinfo_index ul li {width:calc(100% / 2); border:1px solid #d1d1d1; border-right:0; border-bottom:0; box-sizing: border-box}
.psinfo_index ul li a {display:flex; justify-content:space-between; align-items: center; padding:5px 15px; font-size:1.077em; font-weight:500; color:#1a1a1a}
.psinfo_index ul li a:hover {text-decoration: underline}
.psinfo_index ul li .ps_label {height:40px; line-height:40px}
.psinfo_index ul li a .psi_txt {width:calc(100% - 50px)}
.psinfo_index ul li:first-child a .psi_txt {width:calc(100% - 100px)}
.psinfo_index ul li:nth-last-of-type(even) {border-left:0}
.psinfo_index ul li:first-child, .psinfo_index ul li:nth-child(2) {border-top:0}
/* 개인정보_컨텐츠 */
.psinfo_con h5 {position:relative; display:flex; justify-content: space-between; align-items:center; line-height:150%; padding:16px 22px; border:1px solid #d1d1d1; border-left:0; border-radius:0 30px 0 0}
.psinfo_con h5:after {content:""; display: block; position:absolute; top:-1px; left:0; width:3px; height:100%; background:#1f5688; border:1px solid #1f5688}
.psinfo_con h5 .ps_txt {width:calc(100% - 98px); font-size:1.385em; font-weight:600; color:#000}
.psinfo_con .pscon_box {margin:20px 0}
.psinfo_con .pscon_box ul {margin:0 0 0 20px}
.psinfo_con .pscon_box ul li {line-height:140%; margin-top:5px; text-indent:-20px}
.psinfo_con .pscon_box ul li:first-child {margin:0 !important}
.psinfo_con .pscon_box ul li ul.ps_lst {line-height:150%; padding:20px 20px; margin:10px 0 10px -20px; background:#f1f1f1; font-size:0.935em}
.psinfo_con .pscon_box ul li ul.ps_lst li {margin-top:10px; text-indent:0}
.psinfo_con .pscon_box ul .blt_txt {background-position:0 4px}
/* ul li 에 들여쓰기 없는 스타일 */
.psinfo_con .pscon_box ul.pslst_box {margin:0}
.psinfo_con .pscon_box ul.pslst_box li {text-indent: 0}
.psinfo_con .pscon_box ul.pslst_box li ul.ps_lst {margin:10px 0}
.ps_txtbox {margin:12px 0; padding:15px 12px; border:1px solid #8b8b8b; text-indent:0}
.ps_txtbox .ps_bold {display:block; position:relative; padding:0 0 0 20px; color:#000; font-size:14px}
.ps_txtbox .ps_bold:after {content:"※"; display: block; position: absolute; top:0; left:0; width:10px; height:10px}
/* 링크 영역 */
.psinfo_link {margin:15px 0; border:1px solid #6eaafc; text-align: center}
.psinfo_link .ps_linktxt {padding:20px 10px; line-height:150%}
.psinfo_link a.ps_link {display:block; padding:8px; background:#6eaafc}
.psinfo_link a.ps_link span {position: relative; display:inline-block; padding:5px 60px 5px 0; color:#fff}
.psinfo_link a.ps_link span:after {content:"GO"; display: block; position: absolute; top:50%; right:0; margin-top:-10px; width:44px; height:20px; line-height:20px; background:#fff; border-radius:50px; color:#000}
.psinfo_link:hover {border-color:#2d7de9; transition:.3s}
.psinfo_link:hover a.ps_link {background:#2d7de9; transition:.3s}
a.psi_link {display:inline-block; padding:1px 20px 1px 0; background: url(../images/common/bg_psinfo_link.png) no-repeat right 0 top 50%; color:#003cff; text-decoration: underline}
/*개인정보 이력관리 */
.pshis_lst{margin-top:30px; border-radius: 5px 5px 0 0; overflow: hidden}
.pshis_lst .pshis_lstit{padding:10px; text-align:center; background:#9e9e9e; color:#fff; font-weight:600; font-size:1.154em}
.pshis_lst ul {padding:10px; border:1px solid #ccc}
.pshis_lst ul li{margin-bottom:5px; font-size:1em; font-weight:500; border-radius:5px}
.pshis_lst ul li:last-child{margin-bottom:0}
.pshis_lst ul li a{display:block; padding:10px 0; background:#eee; border-radius:5px; text-align:center; transition: all .3s}
.pshis_lst ul li a:hover{color:#fff; background:#519bff}
.pshis_lst ul li.on a {background:#519bff; color:#fff}
/****공통_개인정보처리방침****/
.protect .comtop ul{min-height: 65px; background:url(../images/common/protect_img.gif) 13px 10px no-repeat}
.protect .comtop_tit{background: #519bff}
.protect .cmline .cmtit{background:#519bff}
.protect .priv_go a{ display: block; background: #525252; padding:8px 5px; margin-top: 10px; border-radius:5px; font-weight:400; text-align: center; color:#fff; transition: all .6s}
.protect .priv_go a:hover{background:#519bff}
.protect .comhis_lst ul li a:hover{background:#519bff}
/****공통_영상정보처리방침****/
.video .comtop ul{min-height: 65px; background:url(../images/common/video_img.gif) 13px 10px no-repeat}
.video .comtop_tit{background: #1ebaa6}
.video .cmline .cmtit{background:#1ebaa6}
.video .priv_go a{ display: block; background: #525252; padding:8px 5px; margin-top: 10px; border-radius:5px; font-weight:400; text-align: center; color:#fff; transition: all .6s}
.video .priv_go a:hover{background:#1ebaa6}
.video .comhis_lst ul li a:hover{background:#1ebaa6}
/****공통_저작권신고****/
.copyright .cmline .cmtit{background:#a46de1}
.copyright .comtop ul{background:url(../images/common/copy_img.gif) 13px 10px no-repeat}
.copyright .comtop_tit{background: #a46de1}
.copyright .copy_txt{margin:10px 0 15px; border-radius: 5px; border:1px solid #d2d2d2; box-sizing: border-box}
.copyright .copy_txt > p.copy_tit{padding: 8px; background:#838383; border-radius: 5px 5px 0 0; text-align: center; line-height: 140%; color:#fff}
.copyright .copy_txt > ul, .copyright .copy_txt > ol{padding: 10px}
.copyright .copy_txt > ul li, .copyright .copy_bgtxt ul li{padding-left: 13px; margin-bottom: 5px; background:url(../images/common/com_lstblt.gif) left 8px no-repeat; line-height: 130%}
.copyright .copy_txt > ul li:last-child, .copyright .copy_bgtxt ul li:last-child{margin-bottom: 0}
.copyright .copy_txt > ol > li{margin:0 0 5px 20px; line-height: 120%; text-indent: -17px}
.copyright .copy_txt > ol > li:last-child{margin-bottom: 0}
.copyright .copy_txt > ol > li > ol{padding: 10px; margin:10px 0; border-radius: 5px; background:#f8f8f8; border: 1px solid #d2d2d2; box-sizing: border-box}
.copyright .copy_txt > ol > li > ol > li{margin-left:20px}
.copyright .copy_bgtxt{padding: 10px; margin:0 10px 10px; border-radius: 5px; background:#f8f8f8; border: 1px solid #d2d2d2; box-sizing: border-box}
.copyright p.copy_info{padding: 10px; margin:10px 0 15px; border-radius: 5px; border:1px solid #d2d2d2; text-align: center; line-height: 150%}
.copyright .comtable table{border-bottom-color:#a46de1}
.copyright .comtable thead th {background: #a46de1}
.copyright .copy_img > p.copyimg_txt{position:relative; width: 606px; height: 266px; margin: 20px auto}
.copyright .copyimg01 > p.copyimg_txt{background:url(../images/common/copy_img01.gif) center left no-repeat}
.copyright .copyimg02 > p.copyimg_txt{background:url(../images/common/copy_img02.gif) center left no-repeat}
.copyright .copy_img > p.copyimg_txt span{display: block; position: absolute;top:88px; right:4px; width: 127px; height: 96px; padding: 15px 0 0;text-align: center; font-weight: 500; font-size: 18px; line-height: 130%; color:#fff}
.copyright .copy_btn a{display: block; padding: 10px; border-radius: 0 0 5px 5px; background: #486170; text-align: center; color:#fff}
/****공통_행정서비스헌장 영역****/
.charter .comtop{position: relative; padding:40px 15px 15px; margin: 40px 0 15px; line-height:140%; background:#65758d; border-radius:5px; color: #fff; text-align: center; font-size:1.071em}
.charter .comtop::before{content: ""; display: block; clear: both; position: absolute; top:-25px; left:50%; margin-left: -40px; width:71px; height:70px; background: url(../images/common/charter_img.png) no-repeat left top}
.charter .comtop span {color:#daff5b; font-weight: 400}
.charter .combox{margin:10px 0 15px; border-radius: 5px; border:1px solid #d2d2d2; box-sizing: border-box}
.charter .combox ol{padding: 10px}
.charter .combox ol li{line-height: 150%; margin-left: 20px; text-indent: -17px}
.charter .combox .charter_bt{padding:10px; background: #d2d2d2; text-align: center}
.charter .comtable table{border-bottom-color:#65758d}
.charter .comtable thead th {background: #65758d}
.charter .comtable02 table{border-bottom-color:#65758d; border-top-color:#65758d}
.charter .comtable02 tbody th {background: #65758d}
.charter .charter_bt{padding: 10px; background: #d2d2d2; border-radius: 0 0 5px 5px; text-align: center; font-weight: 500}
/****공통_정보공개제도안내****/
.openinfo .comtable table{border-bottom-color:#46a4f4}
.openinfo .comtable thead th {background: #46a4f4}
.openinfo .comtable a.gobtn{display: inline-block; padding: 5px 10px; border-radius: 3px; background: #d2d2d2; transition: all .3s}
.openinfo .comtable a.gobtn:hover{background: #46a4f4; color:#fff}
/****공통_비공개대상정보 22.09.14 공통사항 추가****/
.private_new{font-size:1.077em}
.private_new .pri_top{overflow: hidden; border-radius: 5px; margin-top: 20px; border:2px solid #65758d; line-height: 140%; box-sizing: border-box}
.private_new .pri_top h4.pritit{height:auto; margin:0; padding: 8px; background:#65758d; color:#fff; text-align: center; font-weight: 500}
.private_new .pri_top .pritxt{padding: 8px; font-weight: 500}
.private_new .pri_top .prilst{padding: 10px; margin:0 10px 10px; border-radius: 5px; background: #f1f1f1}
.private_new h5.com_h5{height:auto; padding:2px 0 2px 30px; margin: 10px 0 7px; background:url(../images/common/com_h5.gif) 6px 2px no-repeat; font-weight: 600}
.private_new .comlst_txt{ margin:0 0 15px; border-radius: 5px; border:1px solid #d2d2d2;box-sizing: border-box}
.private_new .comlst_txt ul{padding: 10px}
.private_new .comlst_txt ul li{padding-left: 13px; margin-bottom: 5px; background:url(../images/common/com_lstblt.gif) left 8px no-repeat; line-height: 140%}
.private_new .comlst_txt ul li:last-child{margin-bottom: 0}
.private_new .comlst_txt li > ul{padding: 5px; margin:5px 0 0; border-radius: 5px; background:#f8f8f8; border: 1px solid #d2d2d2; box-sizing: border-box}
@media only screen and (max-width:1024px) {
    .common_wrap .comtop ul{padding: 10px}
    /* 개인정보처리방침(NEW_라벨링ver) */
    .psinfo_con {margin-top:20px}
    .psinfo_topbox .psinfo_top .psinfo_txt {font-size:1em}
    h4.psinfo_tit4 {margin:10px 0; padding:8px 0 8px 28px; font-size:1.231em}
    .psinfo_con .pscon_box {font-size:1em}
    .psinfo_topbox .psinfo_top .psinfo_tit {font-size:1.231em}
    /* 표 */
    .psinfo_tb thead th {font-size:13px}
    .psinfo_tb tbody th {font-size:13px}
    .psinfo_tb tbody td {font-size:13px}
    /* 라벨링 */
    .psinfo_label ul li {width:calc(100% / 3)}
    .psinfo_label ul li:nth-child(4) {border-top:1px solid #d1d1d1; border-left:0}
    .psinfo_label ul li:nth-child(5) {border-top:1px solid #d1d1d1}
    .psinfo_label ul li:nth-child(6) {border-top:1px solid #d1d1d1}
    .psinfo_label ul li .psi_icobox {padding:10px 0}
    .psinfo_label ul li span.psi_ico {min-height:55px}
    .psinfo_label ul li span.psi_ico img {max-width:50px}
    .psinfo_label ul li span.psi_txt {margin-top:5px; font-size:1em}
    /* 목차 */
    .psinfo_index ul li {width:100%; border-left:0}
    .psinfo_index ul li:first-child {border-top:0}
    .psinfo_index ul li:nth-child(2) {border-top:1px solid #d1d1d1}
    .psinfo_index ul li a {padding:0 10px; font-size:1em}
    /* 컨텐츠 */
    .psinfo_con h5 .ps_txt {font-size:1.231em}
    .psinfo_con h5 {padding:10px 18px}
    .psinfo_con .pscon_box {margin:15px 0}
    .psinfo_con .pscon_box ul {margin:0 0 0 17px}
    .psinfo_con .pscon_box ul li {text-indent:-15px}
    .psinfo_con .pscon_box ul li ul.ps_lst {padding:14px}
    .ps_txtbox .ps_bold {font-size:13px}
    /*공통_개인정보처리방침*/
    .protect .comtop ul{background:none}
    /*공통_영상정보처리방침*/
    .video .comtop ul{min-height:auto; background:none}
    /*공통_저작권신고*/
    .copyright .comtop ul{background:none}
    .copyright p.copy_info{text-align: left}
    .copyright p.copy_info br{display: none}
    /*공통_행정서비스헌장*/
    .charter .comtop{margin: 70px 0 15px}
    .charter .comtop br{display: none}
}
@media only screen and (max-width:660px) {
    /*공통_저작권신고*/
    .copyright .copy_img > p.copyimg_txt{width: 309px; height: 221px}
    .copyright .copyimg01 > p.copyimg_txt{background:url(../images/common/copy_img01_m.gif) center left no-repeat}
    .copyright .copyimg02 > p.copyimg_txt{background:url(../images/common/copy_img02_m.gif) center left no-repeat}
    .copyright .copy_img > p.copyimg_txt span{top:180px;  right:0; width:309px; height:26px; padding: 12px 0 0; font-size: 14px}
    .copyright .copy_img > p.copyimg_txt span br{display: none}
    /* 개인정보처리방침(NEW_라벨링ver) */
    .psinfo_topbox {padding:0}
    .psinfo_topbox .psinfo_top {padding:15px; background:none}
    /* 표 영역 */
    .psi_scroll {display:block; margin:5px 0}
    .psi_scroll span {display: block; width:100%; text-align: center; background:#eee; border-radius:50px}    
    .psinfo_scroll {overflow-x: auto; position: relative}
    .psinfo_scroll > table {min-width:650px}
}


/* 교외(개별)체험학습(2.0)-안내페이지 스타일 */
/*교외체험학습 상단 타이틀은 sub.css에서 별도 수정 하단의 내용은 공통 스타일임!*/
/**버튼 및 절차**/
/*버튼*/
.app_trip .trip_btnbox{position: relative;  z-index: 5}
.app_trip .btn_box{margin: 0 60px}
.app_trip .btn_box li{float: left; display:block; width:50%; margin: 0; padding: 0}
.app_trip .btn_box li a{display:block; width:90%; padding: 13px 5px; margin: 0 auto; background-position:right center; background-repeat: no-repeat; border-radius: 50px; box-sizing: border-box; text-align: left; color:#fff; font-size: 1.214em; font-weight: 500; transition: all .6s}
.app_trip .btn_box li:first-child a{background-image: url(../images/common/trip_btn1.png); background-color: #ff6643}
.app_trip .btn_box li:first-child a:hover{background-color: #f33e14}
.app_trip .btn_box li:last-child a{background-image: url(../images/common/trip_btn2.png) ; background-color: #a13cf6}
.app_trip .btn_box li:last-child a:hover{background-color: #8317dd}
.app_trip .btn_box li span{display:block; padding: 5px 0 5px 40px; margin-left: 15px; background-position:left center; background-repeat: no-repeat}
.app_trip .btn_box li:first-child span{background-image:url(../images/common/trip_ico01.png)}
.app_trip .btn_box li:last-child span{background-image:url(../images/common/trip_ico02.png)}
/*상단절차*/
.app_trip .trip_steptop{margin: -25px 0 30px; padding: 50px 20px 25px; background: #f4f4f4; border-radius:15px}
.app_trip .trip_steptop ul{font-size: 0; text-align: center}
.app_trip .trip_steptop ul li{display: inline-block; width:20%; font-size: 13px}
.app_trip .trip_steptop ul li p{position: relative; width: 85%; height: 50px; line-height: 50px; margin: 0 auto; background: #fff; border-radius: 50px; border:2px solid #cecece; font-size:1.077em}
.app_trip .trip_steptop p::before{content: ""; display: block; clear: both; position: absolute; top:15px; right:-11px; width:11px;  height:19px; background: url(../images/common/trip_arw.png) no-repeat right top; z-index:1}
.app_trip .trip_steptop li:last-child p::before{display: none}
.app_trip .trip_steptop p span.num{position: absolute; top:-1px; left:10px; color:#c7c7c7; font-size: 1.429em; font-weight: 700}
.app_trip .trip_steptop p span.txt{padding-left: 25px; font-weight: 500}
/**내용-공통 및 기본**/
.app_trip .trip_wrap .trip_box{padding:0 15px 20px; margin-bottom: 20px; border-bottom: 1px solid #dbdbdb; color:#000}
.app_trip .trip_wrap .trip_box.step_wrap{padding-bottom: 0}
.app_trip .trip_box dt.tit{padding-left: 15px; background: url(../images/common/trip_blt1.gif) no-repeat left 3px; font-weight: 500; font-size: 1.071em}
.app_trip .trip_box .more_txt{margin-top: 8px; padding: 5px; border-radius: 3px; background: #f4f4f4}
.app_trip .trip_box .down_btn a{display: inline-block; padding:5px 35px 5px 13px; margin-right: 5px; border-radius: 8px; background-image: url(../images/common/trip_down.png); background-position:right center; background-repeat: no-repeat; color:#fff; font-weight: 500; transition: all .6s}
.app_trip .trip_box a.down1{background-color: #409de5}
.app_trip .trip_box a.down1:hover{background-color: #2b7cbb}
.app_trip .trip_box a.down2{background-color: #ffaa25}
.app_trip .trip_box a.down2:hover{background-color: #fa7e19}
.app_trip .basic_box .trip_box dd{margin: -20px 0 0 140px}
.app_trip .basic_box .trip_box dd.down_btn{margin: -25px 0 0 140px}
/**내용-절차 세부 안내**/
.app_trip .trip_step{margin-top: 20px}
.app_trip .trip_step .step_lst{min-height: 110px; padding: 17px 0 0 117px; background-position:left top; background-repeat: no-repeat}
.app_trip .trip_step .steplst01{background-image: url(../images/common/trip_step01.gif)}
.app_trip .trip_step .steplst02{background-image: url(../images/common/trip_step02.gif)}
.app_trip .trip_step .steplst03{background-image: url(../images/common/trip_step03.gif)}
.app_trip .trip_step .steplst04{background-image: url(../images/common/trip_step04.gif)}
.app_trip .trip_step .steplst05{background-image: url(../images/common/trip_step05.gif)}
.app_trip .trip_step .step_lst dt{padding-left: 15px; margin-bottom: 10px; background: url(../images/common/trip_blt2.gif) no-repeat left 3px; font-weight: 500; font-size: 1.071em}
.app_trip .trip_step .step_lst dd{padding-left: 15px; background: url(../images/common/trip_blt3.gif) no-repeat left 9px}
@media only screen and (max-width:850px) {
    /*버튼*/
    .app_trip .btn_box{margin: 0 10px}
    .app_trip .btn_box li a{width:95%; padding: 8px 5px; background-size:37px 33px; font-size: 1.071em}
    /*상단절차*/
    .app_trip .trip_steptop{margin: -25px 0 20px; padding: 40px 10px 5px}
    .app_trip .trip_steptop ul li{width:33.3%; margin-bottom:10px}
    .app_trip .trip_steptop ul li p{height: 40px; line-height: 40px; font-size:1.000em}
    .app_trip .trip_steptop p::before{top:10px}
}
@media only screen and (max-width:550px) {
    /*버튼*/
    .app_trip .btn_box{margin:0 0 25px}
    .app_trip .btn_box li{float: none; width:100%; margin-bottom: 5px}
    .app_trip .btn_box li a{width:100%}
    /*상단절차*/
    .app_trip .trip_steptop{display: none}
    /**내용-공통 및 기본**/
    .app_trip .basic_box .trip_box dd, .app_trip .basic_box .trip_box dd.down_btn{margin:10px 0 0}
    /**내용-절차 세부 안내**/
    .app_trip .trip_step{margin-top: 20px}
    .app_trip .trip_step .step_lst{min-height: 75px; padding: 10px 0 15px 85px; background-size: 72px 75px}
    .app_trip .trip_step .step_lst dt{font-size: 1.000em}
    .app_trip .trip_step .step_lst dd{font-size: 0.929em}
}


/* 프린트관련 */
.printBG #subright{margin-top:0}
.printBG #subright .tabnavi01, .printBG #subright .tabnavi02{display:none}
.printBG .subconwrap{border-bottom:none}
.printBG #subtop{background:none; border-radius:none}
.printBG #subtop h3{padding:15px 5px; background:none; border-bottom:2px solid #f0f0f0; border-radius:0; font-size:17px}
.printBG #subtop h3 span{padding:0; background:none}
@media print {
    .printBG #subright{-webkit-print-color-adjust:exact}
    .printBG .subtop_btn{display:none}
    .printBG #subtop{margin-bottom:15px}
}