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

/*아이폰에서 테이블 텍스트 임의확대 방지*/
* {-webkit-text-size-adjust: none}
table{-webkit-text-size-adjust: 100%}

/* Layout */
#sub_left {display: none}
#subpage {min-height: 300px; line-height:150%; margin:0 10px 50px 20px; font-weight:500; color:#000}
.qmu_popup{display: none}

/* visual */
.subvisual{z-index: 1}
.subvisual .visual_wrap {position: relative; width: 100%; height:auto;height:auto;height:auto; min-height:auto; margin: 0 auto}
.subvisual .visual_item {width:auto; height:320px; background-size: cover; animation: bgmove 20s linear infinite alternate}
.subvisual .item1{background:url(../images/sub/sub_visual.jpg) repeat-x top center #000}
.subvisual .visual_item .vbg_txt{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px}

/*Subtop */
#subtop {position:relative}
#subtop h3{color:#000; font-weight:500; text-align: center} 

/* Guide */
#sub_guide{z-index:500}
#sub_guide .btn_home {display: none}
#sub_guide .submn {display: none}
#sub_guide .guide_wrap {position: relative}

/*타이틀*/
.left_tit{position: absolute; top:-155px; left:50%; margin-left:-280px; text-align: center; box-sizing: border-box}
.left_tit h2 {position: relative; margin-bottom: 28px; font-size:43px; font-weight: 700; color:#fff; text-shadow:0 5px 10px rgba(0, 0, 0, 0.6)} 
.left_tit .slogan{opacity: 0.8; font-size: 17px; font-weight: 400; color:#fff}
.left_tit .slogan span{font-size: 18px; font-weight: 700}
.left_tit .slogan br{display: none}

/* Tab01 */
.tabnavi01{margin:0 0 13px}
.tabnavi01 ul{display: flex; flex-wrap: wrap}
.tabnavi01 ul li{margin:0 10px 7px 0}
.tabnavi01 ul li a{position: relative; overflow: hidden; display: block; height:auto; line-height:140%; padding: 13px 65px 13px 15px; background:#fff; border:1px solid #ededed; border-radius:10px; font-weight:500; font-size: 16px; color:#000; transition: all .3s}
.tabnavi01 ul li.on a,
.tabnavi01 ul li a:hover{background:#1f87c9; border-color:#1b7dbb; font-weight: 600; color:#fff}
.tabnavi01 ul li a::after,
.tabnavi01 ul li.on a::after,
.tabnavi01 ul li a:hover::after{content:""; clear:both; display:block; position: absolute; top:10px; right:10px; width:43px; height: 26px; border-radius: 50px}
.tabnavi01 ul li a::after{background: url(../images/sub/btn_tab.png) center no-repeat #f5f5f5}
.tabnavi01 ul li.on a::after,
.tabnavi01 ul li a:hover::after{background: url(../images/sub/btn_tab_a.png) center no-repeat; background-color: rgba(255,255,255,0.4)}

/* Tab02, boardTab */
.tabnavi02{margin:0 0 20px}
.tabnavi02 ul, .boardTab ul {padding:5px 20px 10px; border-radius:10px; background: #f6f6f6}
.tabnavi02 ul:after, .boardTab ul:after {content:""; clear:both; display:block; height:0; font-size:0; line-height:0}
.tabnavi02 ul li, .boardTab ul li {float: left; width: 20%; height: 13px; padding: 10px 0}
.tabnavi02 ul li a, .boardTab ul li a {display: block; height: 21px; line-height: 21px; padding-left: 20px; background: url(../images/sub/blt_othertab.png) left 4px no-repeat; font-weight: 500; font-size: 15px; color: #000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.tabnavi02 ul li.on a, .tabnavi02 ul li:hover a,
.boardTab ul li.on a, .boardTab ul li:hover a {height: 21px; line-height: 21px; background: url(../images/sub/blt_othertab_a.png) left 4px no-repeat; color:#176ca1; font-weight: 600}

/******************************서브컨텐츠 영역**************************************/
/* 컨텐츠 공통 */
/* TIT */
h4.sub_tit4 {position: relative; line-height:140%; padding:0 0 0 22px; margin:5px 0 13px; font-size:1.267em; font-weight:600}
h4.sub_tit4::after{content:""; clear:both; display:block; position: absolute; left:2px; top:2px; width: 7px; height: 22px; background:url(../images/sub/subtit4.png) no-repeat left 0}
h5.sub_tit5 {line-height:140%; padding:0 0 0 23px; margin:5px 0 12px 0; background:url(../images/sub/subtit5.png) no-repeat left top 5px; font-size:1.231em; font-weight:500}

/*서브 하단 자주찾는 서비스*/
.squick_wrap{background:linear-gradient(100deg, #e9f1f7 10%, #f5f4f7 100%)}
/*바로가기 목록*/
.squick_wrap .quick_bx{position: relative; max-width: 1600px; padding:0 15px; margin:0 auto; box-sizing: border-box/*z-index: 1*/}
.squick_wrap .quick_lst{padding:30px 0}
.squick_wrap .quick_lst ul{display: flex; flex-wrap: wrap; justify-content: space-between; gap:20px}
.squick_wrap .quick_lst ul li{flex: 1}
.squick_wrap .quick_lst ul li a{overflow:hidden; display: block; height:52px; background: #fff; border-radius: 10px; box-shadow:0 0 10px rgba(0, 0, 0, 0.05); align-content: space-around; text-align: center}
.squick_wrap .quick_lst ul li a img{max-height: 38px; width: auto; height: auto; transition: all .4s}
.squick_wrap .quick_lst ul li a:hover img{transform: scale(1.1)}

/*Flyuserqmu*/
/*TOP버튼*/
#fly_userqmu .btn_top a {display: block; text-shadow:0 1px 1px rgba(0, 0, 0, 0.2)}



/* -------------------컨텐츠 스타일 시작 -------------------*/


/* MOBILE LAYOUT */
@media only screen and (max-width:1024px) {
/* visual */
.subvisual .visual_item {height:180px}
.subvisual .item1{background-size: 1110px}
    
/*타이틀*/
.left_tit{position: absolute; top:76px; left:50%; margin-left:-158px}
.left_tit h2 {position: relative; margin-bottom: 10px; font-size:25px} 
.left_tit .slogan{padding: 0 20px; font-size: 13px; line-height: 140%}
.left_tit .slogan span{font-size: 14px}
.left_tit .slogan br{display:block}
    
/* Layout */
.subconwrap{margin:0 10px}
#subright{position: relative}
#subright.nomargin {margin-top:0 !important}
#subtop{width:100%; height:auto; margin:0 0 13px; border-radius: 10px 10px 0 0}
#subtop h3{position: relative; height: auto; padding: 55px 0 15px; border-bottom: 1px solid #e5e5e5; font-size: 17px; color:#000}
#subpage {margin:20px 0 30px}
#footwrap{padding-bottom:15px}
#footwrap .add .address p.copy{padding:0 50px}
#footwrap .fm_site{display: none}
    
/* MB guide */
#sub_guide {position: absolute; top:0; left:0; width: 100%; font-size: 14px; z-index:15}
#sub_guide .guide_wrap {padding: 0 0 0 45px}
#sub_guide .btn_home {display: block; position: absolute; left: 0; top: 0}
#sub_guide .btn_home a {display: block; width: 41px; height: 41px; border-radius:0 0 12px 12px; background:url(../images/sub/btn_mb_home.png) no-repeat center #566575; text-indent:-9999999px}
#sub_guide .btn_home span{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px}
#sub_guide .navi_area{background: #303d4a; border-radius:0 0 12px 12px}
#sub_guide .navi_area > ul > li{position: relative; float: left; width: 33.3%;  background:url(../images/sub/btn_mb_arr.png) no-repeat right 7px center}
#sub_guide .navi_area > ul > li > a {display: block; height: 41px; line-height: 41px; padding:0 25px 0 8px; font-weight: 500; border-right: 1px solid #fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff}
#sub_guide .navi_area > ul > li:last-child a{border-right: none}
#sub_guide .navi_area > ul > li.nav_home{display: none}
#sub_guide .submn {overflow: hidden; position: absolute; left: 0; top: 100%; width:90%;  margin: 0 auto; background: #fff; border:2px solid #303d4a; border-radius: 10px; z-index: 10}
#sub_guide .submn ul { padding: 0 6px}
#sub_guide .submn li {padding: 8px 0 8px 5px; border-bottom: 1px solid #ccc; z-index: 150}
#sub_guide .submn li:last-child{border:none}
#sub_guide .submn li a {display: block; line-height: 160%; color: #404040; font-weight: 500}
#sub_guide .submn li a:hover{color:#457c2a; font-weight: 600}
    
/* Tab01 */
.tabnavi01{margin:0 0 5px}
.tabnavi01 ul li a{padding: 10px 50px 10px 10px; font-size: 14px; background-size: 23px}
.tabnavi01 ul li.on a, .tabnavi01 ul li a:hover{background-size: 23px}
.tabnavi01 ul li a::after,
.tabnavi01 ul li.on a::after,
.tabnavi01 ul li a:hover::after{width:30px; height: 20px}

/* Tab02, boardTab */
.tabnavi02{margin:0 0 10px}
.tabnavi02 ul, .boardTab ul {padding:0 10px 10px}
.tabnavi02 ul li, .boardTab ul li {width: 33.3%; padding:8px 0; font-size:14px}
.tabnavi02 ul li a, .boardTab ul li a{padding-left: 15px; font-size:14px}

/*고정 퀵메뉴(슬라이드 X)*/
.fixquick_menu{position: relative; margin: 0;  z-index: 10}
.fixquick_menu li:nth-child(3), .fixquick_menu li:nth-child(4){display: none}

/* Footer */
#footwrap{padding:0 10px 30px} 

/******************************서브컨텐츠 영역**************************************/
/* 컨텐츠 공통 */
h4.sub_tit4 {font-size: 17px}
h4.sub_tit4::after{top:1px}
h5.sub_tit5 {background-position:left top 3px; font-size: 15px; font-weight: 600}

/*서브 하단 자주찾는 서비스*/
/*바로가기 목록*/
.squick_wrap .quick_bx{padding:0 10px}
.squick_wrap .quick_lst{padding:10px 0}
.squick_wrap .quick_lst ul{gap:10px}
.squick_wrap .quick_lst ul li{min-width: 140px}
.squick_wrap .quick_lst ul li a{height:44px}
.squick_wrap .quick_lst ul li a img{max-height: 28px}

/* -------------------컨텐츠 스타일 시작 -------------------*/
}


/* PC LAYOUT */
@media only screen and (min-width:1025px) {
/* Layout */
#subcontainer{position: relative; z-index: 1}
.subcontain{position: relative}
.subconwrap{position: relative;  z-index: 1; background:url(../images/sub/subtop_bg.gif) repeat-x left top}
.subconbox {position: relative; display: flex; justify-content: space-between; max-width: 1600px; margin:0 auto; padding-top: 50px}
.subconbox::before{display: block; clear: both; content:''; position: absolute; left:-1px; top:51px; width: 1px; height:calc(100% - 51px); border-left: 1px solid #e5e5e5}
#sub_left {position: relative; display: block}
#subright {position: relative; width: calc(100% - 340px)}
#subright::after{display: block; clear: both; content:''; position: absolute; left:-24px; top:0; width: 1px; height:100%; border-left: 1px solid #e5e5e5}
#subpage{margin:25px 5px 50px 0}

/* Subleft */
.leftmn{position: relative; width: 318px; padding:15px 15px 100px; box-sizing: border-box; background: #fff}
.leftmn::before{display: block; clear: both; content:''; position: absolute; left:-1px; top:0; width: 1px; height: 100%; border-left: 1px solid #e5e5e5} 
.leftmn > ul > li{margin-bottom: 14px}
.leftmn > ul > li > a{position: relative; display: block; line-height: 140%; padding:13px 62px 13px 13px; background:#f4f4f4; border-radius: 13px; font-size:1.308em; font-weight:500; color: #000; transition: all .3s; box-sizing: border-box}
.leftmn > ul > li > a::after{display: block; clear: both; content:''; position: absolute; top:8px; right:10px; width: 36px; height: 32px; border-radius: 8px; background:url(../images/sub/btn_leftmu.png) no-repeat left center #dfdfdf}
.leftmn ul > li > a:hover::after,
.leftmn .leftmenuover > a::after{background:url(../images/sub/btn_leftmu_a.png) no-repeat left center #fff; box-shadow:0 2px 2px rgba(0, 0, 0, 0.1)}
.leftmn ul > li > a:hover,
.leftmn ul > li.leftmenuover > a{background:linear-gradient(100deg, #344754 10%, #698ea6 100%); color:#fff; font-weight: 600; text-decoration:none; text-shadow:0 2px 2px rgba(0, 0, 0, 0.1)}
/*MN third*/
.leftmn .third{position: relative; padding:5px 5px 10px; margin-top: 8px; border-bottom: 2px solid #dadada; box-sizing: border-box}
.leftmn .third::before{left:10px}
.leftmn .third::after{right:10px}
.leftmn .third li{border-bottom: 1px solid #e2e2e2}
.leftmn .third li:last-child{border-bottom: none}
.leftmn .third li a{position: relative; display: block; font-size: 1.077em; line-height: 140%; padding:6px 6px 6px 20px; margin: 7px 0; color:#383838; letter-spacing:-0.5px} 
.leftmn .third li:first-child a{margin-top: 0}
.leftmn .third li:last-child a{margin-bottom: 0}
.leftmn .third li:hover a,
.leftmn .third .on a,
.leftmn .third .third_on a {color:#318ac4; font-weight:700;}
.leftmn .third li a::after{display: block; clear: both; content: ''; position: absolute; top:13px; left:5px; width: 6px; height: 6px; background: #b4b4b4; border-radius: 2px}
.leftmn .third li a:hover::after,
.leftmn .third .third_on a::after{background:#318ac4}
.leftmn .third li a:hover,
.leftmn .third .third_on a{background: none; color:#318ac4; font-weight:700; text-shadow:none}
.leftmn .third .on a::after{background: #318ac4}

/*Subtop TIT */
#subtop{position: relative; margin-bottom: 17px}
#subtop h3{ padding: 24px 10px; font-size:1.615em; text-align: left; font-weight: 700} 

/* PC guide*/
#sub_guide{width: 100%}
#sub_guide .guide_wrap{position: absolute; top:-35px; right:5px; z-index: 10} 
#sub_guide .navi_area ul {display: flex; text-align: center}
#sub_guide .navi_area li {display: block; width:auto !important; align-content: space-around}
#sub_guide .navi_area li a {display: block;padding: 0 9px 0 13px; line-height: 19px; background: url(../images/sub/navi_arr_pc.png) 0 50% no-repeat; color:#919aa3; font-weight:500; font-size: 12px}
#sub_guide .navi_area li:first-child a {background: none; padding-left: 0}
#sub_guide .navi_area li.m_menu {display: none}
#sub_guide .navi_area li.page_on a{ font-weight:600}
#sub_guide .navi_area > ul > li.nav_home a{width: 15px; height: 19px; padding:0 9px 0 0; height: 19px}
#sub_guide .navi_area > ul > li.nav_home a img{display: block; padding-top: 2px}

/* subtop_btn */
.subtop_btn {position: absolute; top:-50px; left:-341px; display: flex; justify-content: space-between; width: 318px; height: 50px; padding: 0 15px; box-sizing: border-box; z-index: 1}
.subtop_btn dl.font{display: flex; gap:7px}
.subtop_btn dl.font > dt{width: 65px; padding-left: 23px; background: url(../images/sub/ico_fontsize.png) left center no-repeat; color:#5b5b5b; font-weight: 700; font-size: 15px; color:#919aa3; align-content: space-around}
.subtop_btn dl.font > dd{align-content: space-around}
.subtop_btn dl.font > dd a{display: block; width: 42px; min-height: 26px; border-radius: 50px; border:1px solid #536373; text-align: center; box-sizing: border-box; transition: all .2s; align-content: space-around; box-shadow:0 1px 2px rgba(0, 0, 0, 0.1)}
.subtop_btn dl.font > dd a:hover{background: #ddd; border-color: #ddd}
.subtop_btn .btn_print{align-content: space-around}
.subtop_btn .btn_print a{display:block; width: 28px; height: 28px; background: url(../images/sub/btn_print.png) center no-repeat; font-size: 0; text-indent: -9999px; transition: all .3s}
.subtop_btn .btn_print a:hover{background: url(../images/sub/btn_print_a.png) center no-repeat}

/******************************서브컨텐츠 영역**************************************/
/* 컨텐츠 공통 */
}

/**** LOWSET FIX ****/
@media only screen and (min-width:1770px) {
    
/*Flyuserqmu*/
#fly_userqmu {position: absolute; right:0; top:450px; z-index: 100}
/*홍보영상*/
#fly_userqmu .btn_mov a{display: block; padding-top: 50px; background:url(../images/sub/btn_mov.png) no-repeat center top; font-size:15px; font-weight: 600; text-align: center}
#fly_userqmu .btn_mov a span{display: block; position: relative; text-align: left}
#fly_userqmu .btn_mov a span::after{display: block; clear: both; content: 'GO'; position:absolute; top:-2px; right:0; width:30px; height: 20px; line-height: 20px; background: #3b5667; border-radius: 50px; font-size: 12px; color:#fff; text-align: center}
/*TOP버튼*/
#fly_userqmu .btn_top a{width: 97px; height: 38px; padding:6px 10px; margin-top: 9px; border-radius:50px 0 0 50px; font-size: 15px; color:#fff; background: #4d5d68; box-sizing: border-box}
#fly_userqmu .btn_top a span{display: block; padding: 5px 0; background:url(../images/sub/btn_qmutop.png) no-repeat center right}
}
@media only screen and (max-width:1770px) {
#footwrap .foot_bx{padding-bottom: 40px}
/*Flyuserqmu*/
#fly_userqmu {position: fixed; top:inherit !important; bottom: 0; min-width: 300px; height:40px; line-height: 40px; width:100%; background: #3a4c58; box-sizing: border-box; z-index:5}
#fly_userqmu .quick_wrap{display: flex; justify-content: space-between;}
/*홍보영상*/
#fly_userqmu .btn_mov{width: 70%;  padding: 0 10px; background: #5e6e79}
#fly_userqmu .btn_mov a{display: block; color:#fff; font-size: 15px; font-weight:700}
#fly_userqmu .btn_mov a span{display: block; background:url(../images/sub/btn_mov_m.png) no-repeat center right 10px}
/*TOP버튼*/
#fly_userqmu .btn_top{width: 30%; padding: 0 10px; background: #4f5f6a; box-sizing: border-box}
#fly_userqmu .btn_top a{display: block;  color:#fff; font-size: 15px; font-weight:700}
#fly_userqmu .btn_top a span{display: block; background:url(../images/sub/btn_qmutop.png) no-repeat center right}
}
@media only screen and (max-width:1024px) {
#footwrap .foot_bx{padding-bottom: 10px}
}
@media only screen and (max-width:550px) {
/* Tab02, boardTab */
.tabnavi02 ul li, .boardTab ul li {width: 50%}
}




/**************************************************************************************************/
/************************************** 컨텐츠 공통사항 선언 시작 ***************************************/
/**************************************************************************************************/

/* ------------------- 예전 스타일 공통파트 -------------------*/
/****정보원기준 공통사항 Table****/
.tbwrap {width:100%; margin:10px 0 15px; border-collapse:collapse; table-layout:auto}
.tbwrap table{width: 100%; border-bottom:3px solid #8c8c8c}
.tbwrap thead th { line-height:150%; padding:8px 3px; border-right:1px solid #d2d2d2; background: #8c8c8c; vertical-align:middle;text-align:center; font-weight:500; color:#fff}
.tbwrap tbody th {line-height:150%;padding:8px 3px; border:1px solid #d2d2d2; text-align:center; font-weight:600; vertical-align:middle; color:#000}
.tbwrap tbody td {line-height:150%; background:#fff; padding:8px 3px; border:1px solid #d2d2d2; text-align:center; vertical-align:middle; color:#4d4d4d} 
.tbwrap .txtleft {text-align: left; padding-left: 10px}
/**** 저작권정책 ****/
.openinfo .txt_box {padding:0 0 5px 0; background:#f1f1f1; margin:0 0 20px 0; border-radius:10px}
.openinfo .txt_box span.col_bold{font-weight: 500}
.openinfo .txt_box>ul{padding:15px; line-height:150%; background:#fff; border:1px solid #cecece; border-radius:10px}
.openinfo .txt_box>ul>li {padding:2px 0 4px 15px; background: url(../images/contents/blt_txtbox.gif) left 10px no-repeat}
.openinfo .txt_box ul.lstbox02 { margin:5px 0; border-radius:10px}
.openinfo .txt_box ul.lstbox02:last-child{margin-bottom: 0}
.openinfo .txt_box ul.lstbox02>li {padding-left:15px; background: url(../images/contents/blt02_txtbox.gif) left 10px no-repeat}
.openinfo .txt_box ul.lstbox03{padding:10px; margin: 5px 0; background:#eee; border-radius: 10px}
.openinfo_box {overflow: hidden; position:relative; padding:20px; margin-bottom:20px; font-weight: 300; border:2px solid #e0e0e0}
.btn_openinfo p {float:left; width:50%; text-align: center}
.btn_openinfo p a {display:block; color:#fff}
.btn_openinfo p:hover a {transition:.4s}
.btn_openinfo p span {display:inline-block; padding:10px 30px 10px 10px; background:url(../images/contents/btn_dw_ico.png) no-repeat 100% 50%}
.btn_open01 a {background:#82a930; margin-right:5px}
.btn_open02 a {background:#568829; margin-left:5px}
.btn_open01:hover a {background: #6b8e22}
.btn_open02:hover a {background: #3a6b0e}
.btn_openinfo.only p {width:100%}
.btn_openinfo.only p a {margin:0}
.open_box {position:relative; border:1px solid #c8c8c8; margin-bottom:40px}
.open_box:after {content:''; position:absolute; top:inherit; left:50%; bottom:0; margin:0 0 -27px -24px; width:50px; height:26px; background:url(../images/contents/bg_open_arr.gif) no-repeat 50% 100%}
.open_box.last {margin:0}
.open_box.last:after {background:none}
.open_tit {position:relative; min-height:56px; font-size:1.154em; font-weight:400}
.open_tit .num {position:absolute; top:0; left:10px; display:inline-block; width:40px; height:50px; line-height:50px; margin-right:10px; border-radius:0 0 50px 50px; background:#4682e0; color:#fff; text-align: center}
.open_tit .tit {display: inline-block; min-height:15px; padding:14px 10px 14px 5px; margin:0 0 0 60px; line-height:140%; color:#0070c5; font-weight:400}
.open_con {padding:14px 17px; line-height:150%; border-top:1px solid #c8c8c8}
.open_con ul li .bold {font-weight:400}
.open_con ul li {padding:2px 0 4px 15px; background: url(../images/contents/blt_txtbox.gif) left 10px no-repeat}
.open_con ul li ul.lstbox02 { margin:5px 0; border-radius:10px; font-size:0.935em}
.open_con ul li ul.lstbox02:last-child {margin-bottom: 0}
.open_con ul li ul.lstbox02>li {padding-left:12px; background: url(../images/contents/blt02_txtbox.gif) left 10px no-repeat}
.openinfo .txt {margin-bottom:15px; padding:0 10px 5px 15px}
.openinfo.service .tit {display:block; margin-bottom:10px; padding:10px; border-radius:10px; background:#37588e; text-align:center; color:#fff; font-weight:400; font-size:1.071em}
.openinfo .sub_stit {color:#37588e; font-weight:500}

/**** 개인정보처리방침 ****/
.protect {line-height:150%}
.protect_top {padding:15px 10px 15px 95px; margin-bottom:20px; border:2px solid #519bff; border-radius:5px; background: url(../images/sub/protect_img.gif) no-repeat 15px 15px}
.protect_top dl {padding:0}
.protect_top dt {padding-bottom:10px; margin-bottom:10px; font-size:1.231em; font-weight:600; color:#000; border-bottom:1px solid #ccc; text-align:center}
.protect_top dd {padding:0 5px; color:#000}
.protect .pro_box {position:relative; margin-top:10px}
.protect .pro_titbox { overflow: hidden; position:relative; margin-bottom:10px; border: 1px solid #ccc; background:#519bff; border-radius:5px; font-size:1.067em}
.protect .pro_txtbox{ margin-bottom: 20px}
.protect h5 {line-height: 140%; padding: 12px; margin: 0 0 0 70px; background: #fff; font-weight: 500}
.protect .pro_tit{position: absolute; top:50%; left:0; width:70px; height:42px; line-height: 42px;  margin-top: -21px; text-align: center; font-weight:500; color:#fff;  font-weight: 400}
.protect .pro_etc {margin-bottom:15px; border-radius:5px; background:#3b5160; text-align: center}
.protect .pro_etc a {display:block; padding:10px; color:#fff; font-weight:400}
.protect .pro_etc:hover a {background:#519bff}
.protect .common_txt{ line-height:160%; padding-left:5px; margin:15px 0}
.protect .txt_box {padding:0 0 5px 0; background:#f1f1f1; margin:0 0 20px 0; border-radius:5px}
.protect .txt_box > ul{padding:10px; line-height:150%; background:#fff; border:1px solid #cecece; border-radius:5px}
.protect .txt_box > ul > li {padding:3px 0}
.protect .txt_box ul.lstbox02 {padding:10px 15px; margin:5px 0; border-radius:5px; background:#f1f1f1}
.protect .txt_box ul.lstbox02:last-child{margin-bottom: 0}
.protect .txt_box > ul > li dl{padding:10px 15px; margin:5px 0; border-radius:5px; background:#f1f1f1}
.pro_txtbox dl dt {padding-left:13px; color:#4f8dd3; font-weight:400; background:url(../images/sub/blt_txtbox.gif) no-repeat 0 7px}
.pro_txtbox dl dd {padding-left:10px; background:url(../images/sub/blt_txt.gif) no-repeat 0 8px}
.pro_txtbox ul li dl dt {padding:0; background:none}
.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}

/****영상정보처리방침****/
.video_info {line-height:150%}
.video_top {padding:15px 10px 15px 95px; margin-bottom:20px; border:2px solid #1ebaa6; border-radius:5px; background: url(../images/sub/video_img.gif) no-repeat 15px 15px}
.video_top dl {padding:0}
.video_top dt {padding-bottom:10px; margin-bottom:10px; font-size:1.231em; font-weight:600; color:#000; border-bottom:1px solid #ccc; text-align:center}
.video_top dd {color:#3d3d3d}
.video_info .pro_box {position:relative; margin-top:10px}
.video_info .pro_titbox {overflow: hidden; position:relative; margin-bottom:10px; border: 1px solid #ccc; background:#1bb3a0; border-radius:5px; font-size:1.067em}
.video_info .pro_tit{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.077em; font-weight: 400}
.video_info h5 {line-height: 140%; padding: 12px; margin: 0 0 0 70px; background: #fff; font-weight: 500}
.video_info .common_txt{ line-height:160%; padding-left:13px; margin:15px 0}
.video_info .pro_txtbox{ margin-bottom: 20px}
.video_info .txt_box {padding:0 0 5px 0; background:#f1f1f1; margin:0 0 20px 0; border-radius:10px}
.video_info .txt_box > ul{padding:15px; line-height:150%; background:#fff; border:1px solid #cecece; border-radius:10px}
.video_info .txt_box > ul > li {padding:3px 0}
.video_info .txt_box ul.lstbox02 { margin:5px 0; border-radius:10px}
.video_info .txt_box ul.lstbox02:last-child{margin-bottom: 0}
.video_info .txt_box ul.lstbox02 > li {padding-left:15px; background: url(../images/sub/blt02_txtbox.gif) left 10px no-repeat}
.video_info .videoinfo_lst .video_lstit{background:#1ebaa6; padding:10px; text-align:center; color:#fff; font-weight:500; font-size:15px;}
.video_info .videoinfo_lst ul{padding:10px; border:1px solid #ccc}
.video_info .videoinfo_lst ul li{margin-bottom:5px}
.video_info .videoinfo_lst ul li:last-child{margin-bottom:0}
.video_info .videoinfo_lst ul li a{display:block; padding:10px; background:#eeeeee; text-align:center}
.video_info .videoinfo_lst ul li a:hover{background:#9e9e9e; color:#fff}
.video_info .videoinfo_lst .video_lstit{background:#fa634b; padding:10px; text-align:center; color:#fff; font-weight:500; font-size:1.071em; border-radius:15px 15px 0 0}
.video_info .videoinfo_lst ul{padding:10px; border:1px solid #ccc}
.video_info .videoinfo_lst ul li{margin-bottom:5px}
.video_info .videoinfo_lst ul li:last-child{margin-bottom:0}
.video_info .videoinfo_lst ul li a{display:block; padding:10px; background:#eee; text-align:center; border-radius:10px}
.video_info .videoinfo_lst ul li a:hover{background:#9e9e9e; color:#fff}

/**** 저작권 신고 ****/
.copyright .copy_tit {padding:15px 15px 50px; margin-bottom:-34px; background:linear-gradient(100deg, #344754 10%, #698ea6 100%); border-radius:10px 10px 0 0; text-align:center; font-size:1.231em; font-weight:500; color:#fff}
.copyright .txt_box img {margin:0 5px 0 10px; width:90px; height:auto; vertical-align:middle}
.copyright .txt_box {padding:0 0 5px 0; background:#f1f1f1; margin:0 0 20px 0; border-radius:5px}
.copyright .txt_box > ul{padding:15px; line-height:150%; background:#fff; border:1px solid #cecece; border-radius:0 0 5px 5px}
.copyright .txt_box > ul > li {padding:2px 0 4px 15px; background: url(../images/sub/txt_blt01.gif) left 10px no-repeat}
.copyright .txt_box ul.lstbox02 { margin:5px 0; border-radius:5px}
.copyright .txt_box ul.lstbox02:last-child{margin-bottom: 0}
.copyright .img_box {border-radius:10px; border:1px solid #c8c8c8; text-align: center}
.copyright .img_box a {display: block; padding:20px 0}
.copyright .img_box img {width:100%; max-width:820px}
.copy_top {padding:0 20px; margin-bottom:20px; border:3px solid #e9e9e9; border-radius:10px}
.copy_top dl {padding:20px 0 20px 120px; background: url(../images/sub/blt_copyright_top.gif) no-repeat 0 10px}
.copy_top dt {padding-bottom:10px; font-size:1.231em; font-weight:500; color:#1a1a1a}
.copy_top dd {color:#3d3d3d}
.btn_copydw {background:#3b5a6e; padding:0 0 1px; border-radius:50px; transition:.4s}
.btn_copydw a {display:block; margin-bottom:5px; padding:15px 20px; background:#4a6d84; border-radius:50px; text-align: center; color:#fff; font-size:1.071em; transition:.4s}
.btn_copydw:hover {background:#2d4758}
.btn_copydw:hover a {background:#3b5a6e}
.btn_copydw span {display:inline-block; padding:0 50px 0 10px; background:url(../images/sub/bg_viewarr_on.png) no-repeat 100% 70%}

/****공통 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/sub/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/sub/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/sub/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/sub/com_lstblt.gif) left 8px no-repeat; line-height: 130%; margin-bottom: 5px}
.cmline .cmtxt > p{padding-left: 13px; background:url(../images/sub/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: 5px 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/sub/com_lstblt.gif) left 8px no-repeat; line-height: 120%; 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/sub/com_lstblt.gif) left 8px no-repeat; line-height: 130%}
.common_wrap .comlst_txt ul li:last-child{margin-bottom: 0}
.common_wrap .comlst_txt ul li > ul {border-radius:5px; background:#f1f1f1}
.common_wrap .comlst_txt ul li > ul > li{padding-left: 10px; background:url(../images/sub/com_lstblt2.gif) left 7px no-repeat}
.common_wrap p.comlst_tit{padding: 10px; background: #65758d; border-radius: 5px 5px 0 0; text-align: center; color:#fff; line-height: 140%}

/**** 공통_행정서비스헌장 영역 ****/
.charter .comtop{position: relative; padding:50px 15px 15px; margin: 40px 0 15px; line-height:140%; background:#3f4869; border-radius:5px; color: #fff; text-align: center; font-size:1.071em; word-break:keep-all}
.charter .comtop span {color:#eed540; font-weight: 500}
.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:38px; text-indent: -34px}
.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}

/****공통_비공개대상정보****/
.private p.comlst_tit{text-align: left}
.private ul > li >ul{padding: 10px; margin:10px 0 0; border-radius: 5px; background:#f8f8f8; border: 1px solid #d2d2d2; box-sizing: border-box}
/* ------------------- 예전 스타일 공통파트 끝 -------------------*/

/* ------------------- 최신 스타일 공통파트 -------------------*/
/*공통스타일 (행정서비스헌장, 행정정보공개, 개인정보처리방침, 영상정보처리방침, 저작권신고)*/
/****공통 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/sub/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/sub/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/sub/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/sub/com_lstblt.gif) left 8px no-repeat; line-height: 130%; margin-bottom: 5px}
.cmline .cmtxt > p{padding-left: 13px; background:url(../images/sub/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/sub/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/sub/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/sub/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/sub/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/sub/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/sub/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/sub/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/sub/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/sub/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/sub/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/sub/copy_img01.gif) center left no-repeat}
.copyright .copyimg02 > p.copyimg_txt{background:url(../images/sub/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/sub/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/sub/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/sub/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/sub/copy_img01_m.gif) center left no-repeat}
    .copyright .copyimg02 > p.copyimg_txt{background:url(../images/sub/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}
}

/** 전체 기본 공통 사항 **/
.basics_font{font-size: 1.154em; font-weight: 500; color:#000}
.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}
a.link_go{text-decoration: underline; text-underline-offset:4px; color:#0480ff; transition: all .3s}
a.link_go:hover{color:#0a5097}
a.link_go span{padding: 3px 18px 3px 0; background: url(../images/sub/link_go.png) no-repeat right center}

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

/* PC 기본 공통 사항 */
@media only screen and (min-width:1025px) {
    /*기준폰트*/
    .basics_font {font-size: 1.154em/*기준폰트 15px*/}
    /*PC br태그 삭제*/
    br.pcbr_none{display: none}
    /*PC에서 삭제*/
    .pc_none{display: none}
    /* 페이지 준비중 */
    .sub_loding{min-height: 450px; background: url(../images/sub/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.hanja{font-family:'돋움'; font-weight:bold}

/* 테이블 */
.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%}
.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:#4b6577;  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,
.cz_table tbody td.txtleft{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}
}


.printBG #sub_left {display:none}
.printBG .left_tit {display:none}
.printBG #subtop h3 {padding:15px 0}

@media print {
#sub_left {display:none}
.left_tit  {display:none}
#subtop h3 {padding:15px 0}

}