@charset "utf-8";
/* CSS Document */
/* com2zoa design KYJ, publishing KJH 240523 */
/* com2zoa design KYJ 240610 추가 및 수정 */

/* Layout */
#subpage .basics_font, #subpage .basic_font{font-size:1.077em; /*기준폰트 14px*/ font-weight: 500}
/*글이 많은페이지의 경우 모바일에서 해당 페이지 고유클래스 하위에 기준폰트 1.077em(14px)으로 변경*/
#sub_left {display: none}
#subpage {min-height: 300px; line-height:150%; margin:0 10px 50px 20px; color:#000}
.clear_fix:after {content: ""; display: block; clear: both}
.blind {font-size:0; overflow:hidden; text-indent:-9999999px; height:0; width:0; line-height:0} 
.qmenu {display:flex; justify-content: flex-end; align-items: center}
.btn_qmn.btn_search {position:relative; display:inline-block; font-family:NSQ; margin-top:9px}
.btn_qmn.btn_search .sub_srch {margin-right:5px}
.btn_qmn.btn_search .srch_box {display: flex; justify-content: flex-start; border-radius:50px; border:1px solid #e1e1e1; width:230px; padding:4px; box-sizing: border-box}
.btn_qmn.btn_search .srch_box .srch_base {width:87px; height:22px; line-height:22px; background:#ececec url(../images/sub/bg_subsearch_arr.gif) no-repeat right 10px top 50%; border-radius:50px; border:0; font-family:NSQ; appearance:none; padding:0 10px; box-sizing: border-box}
.btn_qmn.btn_search .srch_box .input_box {width:calc(100% - 87px); padding-right:28px; box-sizing: border-box}
.btn_qmn.btn_search .srch_box .input_box input {width:100%; height:22px; border:0; box-sizing: border-box}
.btn_qmn.btn_search .srch_box .input_box input:focus {outline:none}
.btn_qmn.btn_search .srch_box .button_box {position: absolute; top:6px; right:15px}
.btn_qmn.btn_search .srch_box .button_box button {width:19px; height:19px; background:url(../images/sub/btn_subsrch_view.png) no-repeat 50% 50%; font-size:0}

/* Subtop */
#subtop h3 {font-family: 'Gmarket Sans'; font-weight:500}

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

/*#sub_guide .navi_area li {display: inline-block; width:auto !important; font-weight:300}*/
#sub_guide .navi_area > li a { display: block;padding: 0 3px 0 15px; line-height: 19px; background: url(../images/sub/img_naviarrow.png) 0 50% no-repeat; font-size: 1.077em; font-weight:400}
#sub_guide .navi_area > li:first-child {padding-left:20px; background:url(../images/sub/ico_homepc.png) no-repeat 0 50%}

/* Visual*/
.subvisual span.vbg_txt {font-size:0}
.subvisual .ctrl_wrap {display:none}

/* Tab01 */
.tabnavi01{margin:0 0 15px}
.tabnavi01 ul li{position: relative; float:left; margin:0 8px 5px 0}
.tabnavi01 ul li a{position: relative; overflow: hidden; display: block; height:auto; line-height:140%; padding: 12px 80px 12px 15px; border-radius:25px; font-weight:400; font-size: 15px; transition: all .3s; z-index: 5; border:2px solid #ffd2ce; color:#565656}
.tabnavi01 ul li a::after{content:""; clear:both; display:block; position: absolute; bottom:50%; right:10px; width:43px; height:26px; margin-bottom:-13px; background-image:url(../images/sub/btn_tabnavi_off.gif); background-repeat:no-repeat; background-position:50% 50%; background-color: #fff; z-index: 1; transition: all .5s}
.tabnavi01 ul li.on a, .tabnavi01 ul li a:hover {border-color:#ff7d73; color:#000}
.tabnavi01 ul li.on a::after, .tabnavi01 ul li:hover a::after{background-color:#fff; background-image:url(../images/sub/btn_tabnavi_on.gif)}

/* Tab02, boardTab */
.tabnavi02{margin:0 0 15px}
.tabnavi02 ul, .boardTab ul {padding:15px 40px; border-radius: 5px 5px 20px 10px; background: #f7f7f7}
.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:18px; padding:8px 0; font-size:14px;  font-weight:300}
.tabnavi02 ul li a, .boardTab ul li a {display: block; height: 21px; line-height: 21px; padding-left: 20px; background: url(../images/sub/blt_othertab.gif) left 4px no-repeat ; font-weight: 400; color: #1d1d1d; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition: all .5s}
.tabnavi02 ul li.on a, .tabnavi02 ul li:hover a, .boardTab ul li.on a, .boardTab ul li:hover a {background: url(../images/sub/blt_othertab_a.gif) left 4px no-repeat; color:#ff514d; font-weight: 500; padding-right:10px}

/* 로그인등 왼쪽메뉴 없는 FULL 페이지 스타일 */
.subconwrap.fullsub:before{display:none}
.subconwrap.fullsub #sub_left{display:none}
.subconwrap.fullsub #subright{width:1500px; margin:140px auto 0}
.subconwrap.fullsub h3.subtit{height:auto; width: auto; padding:20px 10px; background:#f6f6f6; border-radius:25px 25px 5px 5px; font-size: 1.615em; font-family: 'Gmarket Sans'; font-weight: 500; text-align: center}
.subconwrap.fullsub #sub_guide{display:none}
.subconwrap.fullsub #subtop{display:none}


/****페이지 준비중****/
.sub_loding{min-height: 450px; background: url(../images/sub/page_loding.gif) no-repeat center center}
/* TIT */
h4.sub_tit4 {line-height:140%; padding:15px 0 0 0; margin:12px 0; background:url(../images/sub/subtit4.gif) no-repeat left top; font-size:1.357em; font-weight:500; color:#000; font-family: 'Gmarket Sans'}
h5.sub_tit5 {line-height:140%; padding:0 0 0 15px; margin:0 0 12px 0; background:url(../images/sub/subtit5.gif) no-repeat left 2px; font-size:1.214em; font-weight:500; font-family: 'Gmarket Sans'}
p.sb_lsttit {line-height:140%; padding:0 0 10px 20px; margin:3px 0 10px 0; background:url(../images/sub/subtit5.gif) no-repeat left 4px; border-bottom: 1px solid #ddd; font-size: 15px; font-weight:500; font-family: 'Gmarket Sans'}
p.mid_tit {padding: 15px 10px; margin:20px 0 15px; border-radius: 5px; background: #50606a; text-align: center; color:#fff; font-size: 1.143em; font-weight: 500; font-family: 'Gmarket Sans'}

/****LI,P 텍스트스타일,블릿****/
/*타입1*/
.sb_txtbox{padding:15px; margin-bottom:30px; border:1px solid #e0e0e0; border-radius:5px; font-weight:500; color:#000}
.sb_txtbox ul li, .sb_txtbox ol li, .sb_txtbox > p{position: relative; padding-left: 12px; margin-bottom: 7px; line-height: 140%}
.sb_txtbox > ul > li::after, .sb_txtbox > ol > li::after{display: block; content: ''; clear: both; position: absolute; left:0; top:6px; width: 5px; height: 5px; background: #767676}
.sb_txtbox ul li:last-child, .sb_txtbox ol li:last-child, .sb_txtbox > p:last-child{margin-bottom: 0}
/*타입2*/
.sb_txtbox ul.secon_lst, .sb_txtbox ol.secon_lst{padding: 10px; margin: 7px 0 12px; border-radius: 3px; background: #f1f1f1; font-size: 0.933em}
.sb_txtbox ul.secon_lst li, .sb_txtbox ol.secon_lst li{position: relative; padding-left: 12px; margin-bottom: 3px; line-height: 130%}
.sb_txtbox ul.secon_lst li::after, .sb_txtbox ol.secon_lst li::after{display: block; content: ''; clear: both; position: absolute; left:0; top:8px; width: 5px; height: 2px; background: #767676}
.sb_txtbox ul.secon_lst li:last-child, .sb_txtbox ol.secon_lst li:last-child{margin-bottom: 0}
.sb_txtbox > ul > li:last-child ul.secon_lst, .sb_txtbox > ol > li:last-child ol.secon_lst{margin-bottom: 0}
/*개별텍스트*/
p.single_txt {padding:15px; line-height: 130%; border:1px solid #dbdbdb; border-radius: 5px}
p.txt_info{padding: 15px 15px 15px 79px; line-height: 130%; border:1px solid #dbdbdb; border-radius: 10px}
div.single_txtinfo{padding:10px 15px; line-height: 130%; border:1px solid #dbdbdb; border-radius: 10px}
div.single_txtinfo .sb_txtbox{margin:15px 0 5px 0; border: none; background:#eee}

/** Table **/
/*프로그램 및 컨텐츠에 해당하지않는 페이지에도 표형식이 있을수 있으므로 sub.css에 선언함*/
.sb_table {overflow: hidden; width:100%; margin-bottom:30px; border-collapse:collapse; table-layout:auto}
.sb_table.mgbt10{margin-bottom: 10px}
.sb_table table{width: 100%; border-bottom: 2px solid #ccc; font-size: 1.071em}
.sb_table thead th {line-height:150%; padding:13px 10px; border:1px solid rgba(255, 255, 255, 0.3); vertical-align:middle;text-align:center; font-weight:600; color:#fff}
.sb_table tbody th {line-height:150%; background:#f2f2f2; padding:10px; border:1px solid #ddd; text-align:center; font-weight:600; vertical-align:middle}
.sb_table tbody td {line-height:150%; background:#fff; padding:10px; border:1px solid #ddd;text-align:center; vertical-align:middle} 
.sb_table tbody th:first-child, .sb_table tbody td:first-child{border-left:none}
.sb_table tbody th:last-child, .sb_table tbody td:last-child{border-right:none}
.sb_table .pd_other thead th, .sb_table .pd_other tbody td{padding: 5px}
.sb_table.vertical_top tbody td{vertical-align: top}
/* 모바일 아래에서 표 내용이 너무많을때 사이즈 고정후 스크롤 하기 테이블 감싸고 있는 div한테 table_scroll 클래스 주면됨 */	
.sb_table.table_scroll::-webkit-scrollbar {height: 10px}
.sb_table.table_scroll::-webkit-scrollbar-track {background-color: rgba(0, 0, 0, 0.05); border-radius:0 0 5px 5px; box-shadow: inset 0px 0px 0px white}
.sb_table.table_scroll::-webkit-scrollbar-thumb {background-color: #a7a7a7; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent}
.sb_table.table_scroll .mb_txt{line-height:0; font-size:0; text-indent:-9999999px}
.sb_table.table_scroll table {min-width:630px}
.scroll_txt{display: none; padding:3px 5px; margin-bottom: 5px; border-radius: 5px; background:#d7d7d7; text-align: center; color:#000; font-size:0.933em}
/* table_scroll 필요없을때 */
.sb_table .tb_border{overflow: hidden}
/*테이블속 테이블*/
.sb_table.tbin_tb{margin: 5px 0 10px; font-size: 13px}
.sb_table.tbin_tb table thead th{padding: 5px; background: #818c93}
.sb_table.tbin_tb table tbody th, .sb_table.tbin_tb table tbody td{padding: 5px}
/*테이블속 전화번호*/
.sb_table .call{display:none; max-width: 90px; padding: 3px 2px 2px; margin: 0 auto; border-radius: 5px; border:1px solid #ccc; transition: all .5s}
.sb_table .call:hover{background: #147cb2; border-color: #147cb2; color:#fff}
/*테이블속 텍스트 스타일*/
.sb_table .txtleft {text-align: left}
.sb_table .tb_list{padding: 5px}
.sb_table .tb_list li{position: relative; padding-left: 12px; margin-bottom: 7px; line-height: 130%}
.sb_table .tb_list li::after{display: block; content: ''; clear: both; position: absolute; left:0; top:8px; width: 5px; height: 2px; background: #767676}
.sb_table .tb_list li:last-child{margin-bottom: 0}
.sb_table .tb_list2{margin: 5px 0 10px; font-size:0.933em}
.sb_table .tb_list2:first-child{margin-bottom: 0}
.sb_table .tb_list2{padding:8px 12px; border-radius: 3px; background: #f1f1f1}
.sb_table .tb_list2 li{position: relative; padding-left: 12px; margin-bottom: 3px; line-height: 130%}
.sb_table .tb_list2 li::after{display: block; content: ''; clear: both; position: absolute; left:0; top:8px; width: 5px; height: 2px; background: #767676}
.sb_table .tb_list2 li:last-child{margin-bottom: 0}
.sb_table .tb_list2 li > ul{border-radius: 5px; margin-top:7px; padding:10px; border:1px solid #ccc}
.sb_table ol.tb_list2{padding:8px 12px; border-radius: 3px; background: #f1f1f1}
.sb_table ol.tb_list2 li{padding: 0}
.sb_table ol.tb_list2 li::after{display: none}
.sb_table a.txtlink{display: inline-block;padding: 0 5px; border:1px solid #ccc; border-radius: 3px; font-weight: 600; transition: all .2s}
.sb_table a.txtlink:hover{background: #f35844; border-color:#ea4732;  color:#fff; font-weight: 500}
.sb_table p.tb_ptit{margin-bottom: 7px; padding-bottom: 6px; border-bottom: 2px solid #ccc; font-weight: 600}
/* 표_색상:네이비 */
.sb_table .table_st01{border-bottom-color:#50606a}
.sb_table .table_st01 thead th {background:#50606a}
/* 표_색상:블루 */
.sb_table .table_st02{border-bottom-color:#308dc8}
.sb_table .table_st02 thead th {background:#308dc8}
/* 표_색상:그레이 */
.sb_table .table_st03{border-bottom-color:#818c93}
.sb_table .table_st03 thead th {padding: 8px; background:#818c93}
.sb_table .table_st03 tbody th, .sb_table .table_st03 tbody td {padding: 8px}

/* col class 선언영역 */
.wdtfix{width:40px}
.wdt2{width: 2%}
.wdt3{width: 3%}
.wdt5{width: 5%}
.wdt6{width: 6%}
.wdt7{width: 7%}
.wdt8{width: 8%}
.wdt9{width: 9%}
.wdt10{width: 10%}
.wdt12{width: 12%}
.wdt13{width: 13%}
.wdt14{width: 14%}
.wdt15{width: 15%}
.wdt17{width: 17%}
.wdt18{width: 18%}
.wdt20{width: 20%}
.wdt25{width: 25%}
.wdt28{width: 28%}
.wdt30{width: 30%}
.wdt33{width: 33.3%}
.wdt35{width: 35%}
.wdt40{width: 40%}
.wdt50{width: 50%}
.wdt60{width: 60%}
.wdt70{width: 70%}
.wdt75{width: 75%}
.wdt80{width: 80%}
.wdt90{width: 90%}
.wdtauto{width: auto}

/* 폰트에서 span사용시 색지정 */
span.col_r{font-weight: 600; color:#f56447}
span.col_g{font-weight: 600; color:#76a84e}
span.col_b{font-weight: 600; color:#1083bf}
span.col_o{font-weight: 600; color: #ff7b11}
span.col_p{font-weight: 600; color: #ae4ce6}
span.col_pk{font-weight: 600; color: #f86b96}
span.col_y{font-weight: 600; color: #ff7f0e}
span.col_bk{font-weight: 600; color:#000}
span.col_gr{color:#878787; font-size: 0.933em}

/******************************서브컨텐츠 영역**************************************/
a{text-underline-offset:5px}
/* 텍스트형태 바로가기 */
a.link_go{padding-right:17px; margin:0 3px; background:url(../images/content/bg_sblink.png) right 2px no-repeat; color:#1e92ff; text-decoration: underline; transition:all .5s}
a.link_go:hover{background:url(../images/content/bg_sblink_a.png) right 2px no-repeat; color:#0962b4}
/* 버튼형태 바로가기 */
a.btn_golink{display: block; width: 130px; margin: 0 auto; padding: 5px 10px; border-radius: 50px; background-color:#50606a; text-align: left; color:#fff; font-size: 0.933em; box-sizing: border-box; transition:all .5s}
a.btn_golink span{display: block; background:url(../images/content/btn_go.png) right center no-repeat}
a.btn_golink:hover{background: #2d3c46; box-shadow:0 3px 0 rgba(0, 0, 0, 0.2)}
/* 이전페이지 가기 */
.btn_covert_prev a{display: block; padding: 10px 15px; margin-bottom: 30px; border-radius: 50px; background: #f1f1f1; text-align: right; transition: all .3s}
.btn_covert_prev a span{display: inline-block; padding-left: 30px; background:url(../images/content/btn_prevpage.png) left center no-repeat}
.btn_covert_prev a:hover{background: #50606a; color:#fff}
.btn_covert_prev a:hover span{background:url(../images/content/btn_prevpage_a.png) left center no-repeat}

/* 공통 여백 */
.mgtp0{margin-top: 0 !important}
.mgbt10{margin-bottom: 10px !important}
.mgbt15{margin-bottom: 15px !important}
.mgbt20{margin-bottom: 20px !important}
.mgbt25{margin-bottom: 25px !important}

/* 개별버튼 추가 */
.sb_pagetab{padding: 20px 15px 10px; margin-bottom: 25px; border-radius:5px; background: #f1f1f1}
.sb_pagetab ul{display: flex; flex-wrap: wrap; justify-content: space-between; text-align: center}
.sb_pagetab ul li{position: relative; width: calc(100%/4 - 10px); margin-bottom: 10px; background: #fff; border-radius:10px; box-shadow:0 3px 1px rgba(0, 0, 0, 0.05); color:#fff; box-sizing: border-box; transition: all .5s; align-content: space-around}
.sb_pagetab ul li a{display: block; padding: 10px 6px; font-size: 15px; transition: all .5s}
.sb_pagetab ul li:hover, .sb_pagetab ul li.on{background: #4196c3; box-shadow:0 3px 1px rgba(0, 0, 0, 0.15); color:#fff}
.sb_pagetab ul li:hover a, .sb_pagetab ul li.on a{color:#fff}
.sb_pagetab.numline3 ul li{width: calc(100%/3 - 10px)}
.sb_pagetab.numline2 ul li{width: calc(100%/2 - 10px)}

/* 개별버튼 형태 추가 */
.sb_pagetab2{padding: 15px 15px 8px; margin-bottom: 20px; border-radius:5px; border:1px solid #e0e0e0}
.sb_pagetab2 .pgt_tit{padding: 10px; border-radius: 10px; margin-bottom: 13px; background: #50606a; font-size: 1.143em; font-weight: 600; color:#fff; text-align: center}
.sb_pagetab2 ul{display: flex; flex-wrap: wrap; justify-content: space-between; text-align: center}
.sb_pagetab2 ul li{position: relative; width: calc(100%/4 - 10px); margin-bottom: 10px; background: #f1f1f1; border-radius:10px; box-shadow:0 3px 1px rgba(0, 0, 0, 0.1); color:#fff; box-sizing: border-box; transition: all .5s; align-content: space-around}
.sb_pagetab2 ul li a{display: block; padding: 8px 6px; font-size: 15px; transition: all .5s}
.sb_pagetab2 ul li:hover, .sb_pagetab2 ul li.on{background: #4196c3; box-shadow:0 3px 1px rgba(0, 0, 0, 0.2); color:#fff}
.sb_pagetab2 ul li:hover a, .sb_pagetab2 ul li.on a{color:#fff}
.sb_pagetab2.numline3 ul li{width: calc(100%/3 - 10px)}
.sb_pagetab2.numline7 ul li{width: calc(100%/7 - 10px)}

/* 경고문구 */
.warning_txt{padding: 6px; border:1px solid #ff3f30; border-radius: 5px}
.warning_txt span{display: block; padding:4px 0 1px 27px;  background:url(../images/content/ico_warning.gif) 0 3px no-repeat; background-size: 19px}
/* 경고문구(테이블내부) */
.sb_table .warning_txt{padding: 0 5px; margin-top: 5px; font-size: 13px}
.sb_table .warning_txt span{padding-left: 23px; background-position: 0 6px; background-size: 16px}

/* 상단공지 */
.top_notibx{padding: 10px 15px 10px; margin-bottom: 25px; border-radius: 20px 20px 20px 3px; border:2px solid #e0e0e0; box-sizing: border-box}
.top_notibx > p{padding:3px 0 3px 40px; background:url(../images/content/ico_noti1.gif) 0 0 no-repeat; font-size:1.071em; font-weight: 600}

/* 상단 페이지 소개 */
.top_explan{padding: 20px 20px 20px 110px; margin-bottom: 25px; border-radius: 30px 5px 5px 5px; border:2px solid #e0e0e0; background-position:25px center; background-repeat: no-repeat; box-sizing: border-box}
.top_explan.mgbt10{margin-bottom: 10px}
.top_explan .texp_tit{display: inline-block; padding: 7px 40px; border-radius: 50px; background: #50606a; color:#fff; font-size: 1.071em; font-weight: 600}
.top_explan .texp_txt{margin: 10px 10px 0; font-size: 1.071em; line-height: 150%; letter-spacing: -0.2px}
.top_explan .texp_lst{margin: 7px 0 0; padding: 10px; border-radius:5px; background: #f1f1f1}
.top_explan .texp_lst li{position: relative; padding-left: 12px; margin-bottom:5px}
.top_explan .texp_lst li:last-child{margin-bottom: 0}
.top_explan .texp_lst li::after{display: block; content: ''; clear: both; position: absolute; left:0; top:6px; width: 5px; height: 5px; background: #767676}
.top_explan.explan_type1{background-image:url(../images/content/explan_ico01.gif)}
.top_explan.explan_type2{background-image:url(../images/content/explan_ico02.gif)}
.top_explan.explan_type3{background-image:url(../images/content/explan_ico03.gif)}
.top_explan.explan_type4{background-image:url(../images/content/explan_ico04.gif)}
.top_explan.explan_type5{background-image:url(../images/content/explan_ico05.gif)}
.top_explan.explan_type6{background-image:url(../images/content/explan_ico06.gif)}
.top_explan.explan_type7{background-image:url(../images/content/explan_ico07.gif)}
.top_explan.explan_type8{background-image:url(../images/content/explan_ico08.gif)}
.top_explan.explan_type9{background-image:url(../images/content/explan_ico09.gif)}
.top_explan.explan_type10{background-image:url(../images/content/explan_ico10.gif)}
.top_explan.explan_type11{background-image:url(../images/content/explan_ico11.gif)}
.top_explan.explan_type12{background-image:url(../images/content/explan_ico12.gif)}

/* 상단 바로가기 버튼영역 */
.top_infobtn{position: relative; padding: 20px 20px 20px 110px; margin-bottom: 25px; border-radius: 5px; background-color: #f3f3f3; background-position:25px center; background-repeat: no-repeat; box-sizing: border-box}
.top_infobtn .ifbtn_tit{margin:0 0 10px 5px; font-size:1.286em; font-weight: 600}
.top_infobtn .ifbtn_txt{display: inline-block; padding: 6px 15px; border-radius: 50px; background: #e3e3e3}
.top_infobtn .ifbtn_txt span{display:inline-block; padding-left: 25px; background:url(../images/content/ico_ifbtn.gif) left center no-repeat}
.top_infobtn .ifbtn_btn{position: absolute; top:30px; right:20px}
.top_infobtn .ifbtn_btn a{display: inline-block; width: 180px; padding: 10px 15px; margin-left: 10px; border-radius: 50px; box-sizing: border-box; background: #50606a; font-size: 1.071em; color:#fff; transition: all .4s}
.top_infobtn .ifbtn_btn a:first-child{margin-left: 0}
.top_infobtn .ifbtn_btn a span{display: block;  background:url(../images/content/btn_ifbtn.png) right center no-repeat}
.top_infobtn .ifbtn_btn a:hover{background: #2d3c46; box-shadow:0 3px 0 rgba(0, 0, 0, 0.2)}
.top_infobtn .ifbtn_btn a.gocol_g{background-color:#3d756c}
.top_infobtn .ifbtn_btn a.gocol_g:hover{background-color:#2a4d47}
.top_infobtn .ifbtn_btn a.gocol_b{background-color:#3e6d8a}
.top_infobtn .ifbtn_btn a.gocol_b:hover{background-color:#204054}
.top_infobtn.infobtn_type1{background-image:url(../images/content/infobtn_ico01.gif)}
.top_infobtn.infobtn_type2{background-image:url(../images/content/infobtn_ico02.gif)}
.top_infobtn.infobtn_type3{background-image:url(../images/content/infobtn_ico03.gif)}
.top_infobtn.infobtn_type4{background-image:url(../images/content/infobtn_ico04.gif)}
.top_infobtn.infobtn_type5{background-image:url(../images/content/infobtn_ico05.gif)}

/* 상단 단독 바로가기 버튼영역 */
.top_expbtn{position: relative; padding: 20px 20px 20px 110px; margin-bottom: 25px; border-radius: 30px 5px 5px 5px; border:2px solid #e0e0e0; background-position:25px center; background-repeat: no-repeat; box-sizing: border-box}
.top_expbtn .expbtn_tit{margin:0 0 10px 5px; font-size:1.286em; font-weight: 600}
.top_expbtn .expbtn_txt{display: inline-block; padding: 6px 15px; border-radius: 50px; background: #f2f2f2; color:#545454}
.top_expbtn .expbtn_txt span{display:inline-block; padding-left: 25px; background:url(../images/content/ico_exptxt.gif) left center no-repeat}
.top_expbtn .expbtn_btn{position: absolute; top:25px; right:20px}
.top_expbtn .expbtn_btn a{position: relative; display: inline-block; width: 210px; padding: 15px 20px; margin-left: 10px; border-radius: 25px 25px 5px 25px; box-sizing: border-box; background: #3791a6; font-size: 1.071em; color:#fff; transition: all .4s}
.top_expbtn .expbtn_btn a:first-child{margin-left: 0}
.top_expbtn .expbtn_btn a::after{display: block; content:''; clear: both; position: absolute; top:6px; right:6px; width: 50px; height: 38px; border-radius: 20px 20px 3px 20px; background:url(../images/content/btn_ifbtn.png) center center no-repeat #1b6374; transition: all .4s}
.top_expbtn .expbtn_btn a:hover{background: #2f7687; box-shadow:0 3px 0 rgba(0, 0, 0, 0.2)}
.top_expbtn .expbtn_btn a:hover::after{background-color: #104551}
.top_expbtn.expbtn_type1{background-image:url(../images/content/expbtn_ico01.gif)}
.top_expbtn.expbtn_type2{padding: 20px 20px 20px 90px; background-image:url(../images/content/expbtn_ico02.gif)}

/* 관련서류 다운로드 */
.docu_downbx{overflow: hidden; display:flex; flex-wrap: wrap; margin-bottom: 45px; border-radius: 5px; border:1px solid #e1e1e1; font-size:1.071em; font-weight: 600}
.docu_downbx p.docu_tit{width: 20%; background: #50606a; align-content: space-around; color:#fff; text-align: center}
.docu_downbx p.docu_tit span{display:inline-block; padding:5px 0 5px 35px; background:url(../images/content/ico_docutit.png) 0 center no-repeat; font-size: 16px}
.docu_downbx ul{width: 80%; padding: 10px 15px; box-sizing: border-box}
.docu_downbx ul li{position: relative; margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #e1e1e1}
.docu_downbx ul li:last-child{margin-bottom: 0; padding-bottom: 0; border-bottom: none}
.docu_downbx ul li a{display: block; padding: 7px 0}
.docu_downbx ul li span{display: block; transition: all .5s}
.docu_downbx ul li span.docu_name{padding: 0 170px 0 20px; background:url(../images/content/blt_docuname.png) 0 3px no-repeat}
.docu_downbx ul li span.docu_btn{position: absolute; top:0; right:0; width: 164px; padding: 5px 10px; border-radius: 50px; border:2px solid #50606a; background-image:url(../images/content/btn_docu.png); background-position:right center; background-repeat: no-repeat; box-sizing: border-box}
.docu_downbx ul li span.btn_go{position: absolute; top:0; right:0; width: 164px; padding: 5px 10px; border-radius: 50px; border:2px solid #50606a; background-image:url(../images/sub/btn_go.png); background-position:right 10px center; background-repeat: no-repeat; box-sizing: border-box}
.docu_downbx ul li a:hover span.docu_name{text-decoration: underline; background:url(../images/content/blt_docuname_a.png) 0 3px no-repeat}
.docu_downbx ul li a:hover span.docu_btn{background-image:url(../images/content/btn_docu_a.png); background-color: #50606a; color:#fff}
.docu_downbx ul li a:hover span.btn_go{background-image:url(../images/sub/btn_go_a.png); background-color: #50606a; color:#fff}
/*테이블 내부 버튼*/
.sb_table a.tbdocu_btn{display: block; width: 90px; padding: 5px; margin: 0 auto; border-radius: 5px; border:2px solid #50606a;box-sizing: border-box; font-size: 14px; transition: all .5s}
.sb_table a.tbdocu_btn span{display: block; margin-top: 3px; background: #50606a; border-radius:3px; color:#fff; transition: all .5s}
.sb_table a.tbdocu_btn:hover{background: #50606a; color:#fff}
.sb_table a.tbdocu_btn:hover span{background: #fff; color:#000}

/* 단계별과정 공통스타일 */
.step_lstbx{margin: 30px 0 45px}
.step_lstbx ul{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center}
.step_lstbx li{position: relative; text-align: center}
.step_lstbx li::after{display: block; content:''; clear: both; position: absolute; bottom:50%; right:-44px; width:37px; height: 37px; margin-bottom: 5px; background:url(../images/content/arw_step.gif) 0 0 no-repeat}
.step_lstbx li:last-child::after{display: none}
.step_lstbx li .st_lst{border-top:2px solid #ccc}
.step_lstbx li .st_num{display:block; max-width: 120px; padding: 3px; margin:-15px auto 0; border-radius: 50px; border:2px solid #ccc; background: #fff; box-sizing: border-box; font-size:1.071em; font-weight: 600}
.step_lstbx li .st_tit{padding: 15px 5px; font-size:1.143em; font-weight: 600}
.step_lstbx li .st_tit span{display: block; padding-top: 55px; background-position: center top; background-repeat: no-repeat}
.step_lstbx li .st_txt{position: relative; padding: 15px 5px; border-radius: 5px; font-size:1.143em; color:#fff}
/*3단계*/
.step_lstbx.st_type3 li{width: calc(100%/3 - 38px)}
.step_lstbx.st_type3 li:first-child .st_txt, .step_lstbx.st_type3 li:last-child .st_txt{background: #496f86}
.step_lstbx.st_type3 li:nth-child(2) .st_txt{background: #324957}
.step_lstbx.st_type3 li:first-child .st_lst, .step_lstbx.st_type3 li:last-child .st_lst{border-top-color:#496f86}
.step_lstbx.st_type3 li:nth-child(2) .st_lst{border-top-color:#324957}
.step_lstbx.st_type3 li:first-child .st_num, .step_lstbx.st_type3 li:last-child .st_num{border-color:#496f86}
.step_lstbx.st_type3 li:nth-child(2) .st_num{border-color:#324957}
.step_lstbx.st_type3 .item1 span{background-image: url(../images/content/cpl03_step01.gif)}
.step_lstbx.st_type3 .item2 span{background-image: url(../images/content/cpl03_step02.gif)}
.step_lstbx.st_type3 .item3 span{background-image: url(../images/content/cpl03_step03.gif)}
/*4단계*/
.step_lstbx.st_type4 li{width: calc(100%/4 - 38px)}
.step_lstbx.st_type4 li:first-child .st_txt, .step_lstbx.st_type4 li:nth-child(3) .st_txt{background: #496f86}
.step_lstbx.st_type4 li:nth-child(2) .st_txt, .step_lstbx.st_type4 li:last-child .st_txt{background: #324957}
.step_lstbx.st_type4 li:first-child .st_lst, .step_lstbx.st_type4 li:nth-child(3) .st_lst{border-top-color:#496f86}
.step_lstbx.st_type4 li:nth-child(2) .st_lst, .step_lstbx.st_type4 li:last-child .st_lst{border-top-color:#324957}
.step_lstbx.st_type4 li:first-child .st_num, .step_lstbx.st_type4 li:nth-child(3) .st_num{border-color:#496f86}
.step_lstbx.st_type4 li:nth-child(2) .st_num, .step_lstbx.st_type4 li:last-child .st_num{border-color:#324957}
.step_lstbx.st_type4 .item1 span{background-image: url(../images/content/cpl04_step01.gif)}
.step_lstbx.st_type4 .item2 span{background-image: url(../images/content/cpl04_step02.gif)}
.step_lstbx.st_type4 .item3 span{background-image: url(../images/content/cpl04_step03.gif)}
.step_lstbx.st_type4 .item4 span{background-image: url(../images/content/cpl04_step04.gif)}
/*5단계*/
.step_lstbx.st_type5 li{width: calc(100%/5 - 38px)}
.step_lstbx.st_type5 li:first-child .st_txt, .step_lstbx.st_type5 li:last-child .st_txt, .step_lstbx.st_type5 li:nth-child(3) .st_txt{background: #324957}
.step_lstbx.st_type5 li:nth-child(2) .st_txt, .step_lstbx.st_type5 li:nth-child(4) .st_txt{background: #496f86}
.step_lstbx.st_type5 li:first-child .st_lst, .step_lstbx.st_type5 li:last-child .st_lst, .step_lstbx.st_type5 li:nth-child(3) .st_lst{border-top-color:#324957}
.step_lstbx.st_type5 li:nth-child(2) .st_lst, .step_lstbx.st_type5 li:nth-child(4) .st_lst{border-top-color:#496f86}
.step_lstbx.st_type5 li:first-child .st_num, .step_lstbx.st_type5 li:last-child .st_num, .step_lstbx.st_type5 li:nth-child(3) .st_num{border-color:#324957}
.step_lstbx.st_type5 li:nth-child(2) .st_num, .step_lstbx.st_type5 li:nth-child(4) .st_num{border-color:#496f86}
.step_lstbx.st_type5 .item1 span{background-image: url(../images/content/cpl05_step01.gif)}
.step_lstbx.st_type5 .item2 span{background-image: url(../images/content/cpl05_step02.gif)}
.step_lstbx.st_type5 .item3 span{background-image: url(../images/content/cpl05_step03.gif)}
.step_lstbx.st_type5 .item4 span{background-image: url(../images/content/cpl05_step04.gif)}
.step_lstbx.st_type5 .item5 span{background-image: url(../images/content/cpl05_step05.gif)}
/*정보공개(4단계)*/
.step_lstbx.openif_step .item1 span{background-image: url(../images/content/openif_step01.gif)}
.step_lstbx.openif_step .item2 span{background-image: url(../images/content/openif_step02.gif)}
.step_lstbx.openif_step .item3 span{background-image: url(../images/content/openif_step03.gif)}
.step_lstbx.openif_step .item4 span{background-image: url(../images/content/openif_step04.gif)}
/*정보공시(3단계)*/
.step_lstbx.info_system .st_lst .st_txt{margin-top: 80px}
.step_lstbx.info_system .st_lst .st_txt::after{display: block; content: ''; clear: both; position:absolute; left:50%; top:-65px; height: 50px}
.step_lstbx.info_system .st_lst.item1 .st_txt::after{width: 54px; margin-left: -28px; background:url(../images/content/infosys_step01.gif) no-repeat left top}
.step_lstbx.info_system .st_lst.item2 .st_txt::after{width: 49px; margin-left: -24px; background:url(../images/content/infosys_step02.gif) no-repeat left top}
.step_lstbx.info_system .st_lst.item3 .st_txt::after{width: 53px; margin-left: -27px; background:url(../images/content/infosys_step03.gif) no-repeat left top}
/*저작권정책(4단계)*/
.step_lstbx.info_copy{margin: 30px 0 15px}
.step_lstbx.info_copy .st_lst .st_txt{margin-top: 80px; font-size: 1.000em}
.step_lstbx.info_copy .st_lst .st_txt::after{display: block; content: ''; clear: both; position:absolute; left:50%; top:-65px; height: 48px}
.step_lstbx.info_copy .st_lst.item1 .st_txt::after{width: 129px; margin-left: -65px; background:url(../images/content/cpr_img1.gif) no-repeat left top}
.step_lstbx.info_copy .st_lst.item2 .st_txt::after{width: 158px; margin-left: -78px; background:url(../images/content/cpr_img2.gif) no-repeat left top}
.step_lstbx.info_copy .st_lst.item3 .st_txt::after{width: 158px; margin-left: -78px; background:url(../images/content/cpr_img3.gif) no-repeat left top}
.step_lstbx.info_copy .st_lst.item4 .st_txt::after{width: 186px; margin-left: -80px; background:url(../images/content/cpr_img4.gif) no-repeat left top}
/*전입학절차(5단계)*/ 
.step_lstbx.entra_step li .st_tit span{padding: 0; font-weight: 400; line-height: 140%; font-size: 15px}
.step_lstbx.entra_step .item1 span,
.step_lstbx.entra_step .item2 span,
.step_lstbx.entra_step .item3 span,
.step_lstbx.entra_step .item4 span,
.step_lstbx.entra_step .item5 span{background-image:none}

/* 항목안내 (정보공개불복구제방법) */
.cate_lstbx{margin: 30px 0 45px}
.cate_lstbx ul{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center}
.cate_lstbx li{position: relative; width: calc(100%/2 - 15px); text-align: center}
.cate_lstbx li .cate_item{border-top:2px solid #ccc}
.cate_lstbx li .ct_top{display:block; max-width: 120px; padding: 3px; margin:-15px auto 0; border-radius: 50px; border:2px solid #ccc; background: #fff; box-sizing: border-box; font-size:1.071em; font-weight: 600}
.cate_lstbx li .ct_tit{padding: 15px 5px; font-size:1.214em; font-weight: 600}
.cate_lstbx li .ct_tit span{display: block; padding: 10px 0; background-position: center top; background-repeat: no-repeat}
.cate_lstbx li .ct_txt{padding: 15px 5px; border-radius: 5px;  color:#fff; line-height: 150%}
.cate_lstbx li .ct_txt span{text-decoration: underline; text-underline-offset:5px}
.cate_lstbx li .cate_item.item1{border-top-color:#324957}
.cate_lstbx li .cate_item.item1 .ct_top{border-color:#324957}
.cate_lstbx li .cate_item.item1 .ct_txt{background: #324957}
.cate_lstbx li .cate_item.item2{border-top-color:#496f86}
.cate_lstbx li .cate_item.item2 .ct_top{border-color:#496f86}
.cate_lstbx li .cate_item.item2 .ct_txt{background: #496f86}

/* 로고박스 공통 */
.topline_logobx{position: relative; margin-top: 60px; padding: 50px 0 0 0; border-top:1px solid #d3d3d3; border-bottom: 2px solid #50606a}
.topline_logobx::after{display: block; content: ''; clear: both; position:absolute; left:50%; top:-40px; width:84px; height: 74px; margin-left: -48px; background:url(../images/content/topline_logo.gif) 0 0 no-repeat}
.topline_logobx .tline_tit{margin-bottom: 20px; text-align: center}
.topline_logobx .tline_tit span{display: inline-block; position: relative; padding: 10px 90px; border-radius: 50px; background: #50606a; color:#fff; font-size: 1.286em}
.topline_logobx .tline_tit span::before, .topline_logobx .tline_tit span::after{display: block; content: ''; clear: both; position:absolute; top:50%; width: 8px; height: 8px; margin-top: -4px; border-radius: 50px; background: #fff}
.topline_logobx .tline_tit span::before{left:20px}
.topline_logobx .tline_tit span::after{right:20px}
.topline_logobx .tline_txt{text-align: center; font-size: 1.071em; line-height: 150%}
.topline_logobx .tline_lst{margin:20px 10px; padding: 19px; border-radius:5px; border:1px solid #e0e0e0}
.topline_logobx .tline_lst li{position: relative; padding-left: 23px; margin-bottom: 10px}
.topline_logobx .tline_lst li:last-child{margin-bottom: 0}
.topline_logobx .tline_lst span.num{display:block; position: absolute; top:0; left:0; width: 18px; height: 18px; margin-right: 5px; border-radius: 50px; background: #50606a; text-align: center; color:#fff; font-size: 12px; font-weight: 600}
/* 상단로고박스 타이틀 형태로 사용시 */
.topline_logobx.bxtype2{padding: 35px 0 0 0; border-bottom:none}
.topline_logobx.bxtype2::after{top:-30px; width:64px; height:54px; margin-left: -38px; background-size:64px 54px}
.topline_logobx.bxtype2 .tline_tit{margin-bottom: 15px; text-align: center}
/* 상단로고박스 타이틀 형태로 사용시 */
.topline_logobx.bxtype3{padding: 35px 0 0 0; border-bottom:none}
.topline_logobx.bxtype3::after{top:-30px; width:64px; height:54px; margin-left: -38px; background-size:64px 54px}
.topline_logobx.bxtype3 .tline_name{font-size: 1.286em; text-align: center}
.topline_logobx.bxtype3 .tline_tit{margin: 10px 0 15px; text-align: center}
.topline_logobx.bxtype3 .tline_tit br{display:none}
/* 이메일 무단수집거부 */
.topline_logobx .tline_mail{margin:15px 10px; padding: 15px; border-radius: 5px; background: #f3f3f3; text-align: center}
.topline_logobx .mail_date{display: inline-block; padding: 7px 60px; margin-top: 10px; border-radius: 50px; background: #dcdcdc}
/* 광주학생 네티즌 윤리헌장 */
.topline_logobx .netizen_lst{background:url(../images/content/bg_netizen.gif) right 15px  bottom no-repeat}

/* 처리 절차 공통 */
.process_stepbx{margin-bottom: 25px}
.process_stepbx ul{display: flex; flex-wrap: wrap; justify-content: space-between}
.process_stepbx ul li{position: relative; width: calc(100%/4 - 40px); padding: 15px; border-radius:25px 5px 25px 25px; border:3px solid #ccc; box-sizing: border-box; align-content: space-around; line-height: 160%}
.process_stepbx ul li::after{display: block; content: ''; clear: both; position: absolute; bottom:50%; right:-35px; width:12px; height: 15px; margin-bottom:-8px; background:url(../images/content/arw_step2.gif) 0 0 no-repeat}
.process_stepbx ul li .num{position: absolute; top:50%; left:15px; width: 43px; height: 43px; line-height: 43px; margin-top:-22px; border-radius: 50px; background: #f0f; text-align: center; font-weight: 700; color:#fff}
.process_stepbx ul li .txt{text-align: right; font-size: 1.143em; font-weight: 500}
.process_stepbx ul li:last-child::after{display: none}
.process_stepbx ul li:first-child, .process_stepbx ul li:nth-child(3){border-color:#5fb6ff}
.process_stepbx ul li:first-child .num, .process_stepbx ul li:nth-child(3) .num{background:#5fb6ff}
.process_stepbx ul li:nth-child(2), .process_stepbx ul li:nth-child(4){border-color:#4091cf}
.process_stepbx ul li:nth-child(2) .num, .process_stepbx ul li:nth-child(4) .num{background:#4091cf}
/*처리절차 타입2*/
.proc_type2 ul li:first-child, .proc_type2 ul li:nth-child(3){border-color:#8bd24c}
.proc_type2 ul li:first-child .num, .proc_type2 ul li:nth-child(3) .num{background:#8bd24c}
.proc_type2 ul li:nth-child(2), .proc_type2 ul li:nth-child(4){border-color:#68ab2e}
.proc_type2 ul li:nth-child(2) .num, .proc_type2 ul li:nth-child(4) .num{background:#68ab2e}
/*처리절차 타입3*/
.proc_type3 ul li:first-child, .proc_type3 ul li:nth-child(3){border-color:#cf8df8}
.proc_type3 ul li:first-child .num, .proc_type3 ul li:nth-child(3) .num{background:#cf8df8}
.proc_type3 ul li:nth-child(2), .proc_type3 ul li:nth-child(4){border-color:#ae5de1}
.proc_type3 ul li:nth-child(2) .num, .proc_type3 ul li:nth-child(4) .num{background:#ae5de1}

/* ========================================= MOBILE LAYOUT ========================================= */
@media only screen and (max-width:1024px) {
.header_box .gmn_btn p.btn_all a {background:url(../images/main/btn_allmn_a.png) 0 0 no-repeat} 
.headerwrap .logo_top a {width:234px; background:#50606a url(../images/sub/sublogo_m_n.png) no-repeat 50% 50%}
.headerwrap .logo_top a img {display: none}
    
/* 검색영역 */
.btn_qmn.btn_search {display: none}
.seobu_srchwrap .sb_srch {top:-109px}
.seobu_srchwrap .srch_box .search_box {height:22px}
.seobu_srchwrap .button_box .search_btn {transform:none; width:19px; height:19px; background:url(../images/sub/btn_subsrch_view.png) no-repeat 50% 50%; border-radius:0; top:5px; right:15px}
.seobu_srchwrap .srch_box {padding:3px 45px 3px 3px; border:1px solid #e1e1e1}

/* Layout */
#subpage .basics_font, #subpage .basic_font{font-size: 1.000em/*기준폰트 13px*/}

/* Visual*/
.subvisual .visual_wrap {position: relative;  margin: 0 auto}
.subvisual .visual_item {width:auto; height:177px; margin: 0 auto; background:url(../images/sub/img_subvisual_txt.gif) no-repeat right 10px bottom 8px, url(../images/sub/bg_sub_mvbg.gif) no-repeat left 10px bottom 0}
    
/*비주얼 이동 블릿*/
.slick-dots {display: none !important}

/* Layout */
#subright {position: relative; margin:0; padding:120px 10px 0}
#subright.nomargin {margin-top:0 !important}
#subtop{width:100%; height:auto; margin:0 0 0}
#subtop h3 {position: relative; height: auto; font-size: 17px; text-align: center; padding:20px 0; border-bottom:1px solid #e9e9e9}
#subpage {margin:0 0 40px}

/* 로그인등 왼쪽메뉴 없는 FULL 페이지 스타일 */
.subconwrap.fullsub #subright{padding:71px 10px 0}

/* MB guide */
#sub_guide {position: absolute; left: 0; top:0; width: 100%; font-size: 13px; z-index:15}
#sub_guide .guide_wrap {padding:10px 10px 0; border-radius:15px 15px 0 0; background-color: #f6f6f6}
#sub_guide .navi_area {border-radius:15px 15px 0 0;  background:#50606a}
#sub_guide .navi_area > ul > li:first-child {padding:0; background:none}
#sub_guide .navi_area > ul > li{position:relative; float: left; width: 33.3%}
#sub_guide .navi_area > ul > li > a {display: block; height: 38px; line-height: 38px; padding:0 20px 0 8px; font-weight: 500; border-left: 1px solid #fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff; background:url(../images/sub/btn_mbmn_arr.gif) no-repeat right 5px top 50%; font-size:1em}
#sub_guide .navi_area > ul > li:nth-child(1) a {border-left: none}
#sub_guide .navi_area > ul > li.nav_home{display: none}
#sub_guide .submn {overflow: hidden; position: absolute; left: -1px; top:37px; width: 100%;  margin: 0 auto; background: #fff; border:1px solid #54779b; border-radius:0 0 10px 10px; z-index: 150}
#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:#54779b; font-weight: 600}

/*왼쪽 메뉴 없는 스타일*/
/* .fullsub h3.subtit{position: relative; height: 72px; font-size: 20px; text-align: center; margin-top:-78px}
.fullsub #sub_guide {display:none} */

/* 로그인등 왼쪽메뉴 없는 FULL 페이지 스타일 */
.subconwrap.fullsub{margin:0}
.subconwrap.fullsub #subright{width:auto; margin:0 auto}
.subconwrap.fullsub h3.subtit{padding:15px 10px; margin-bottom:0; font-size: 18px}

/* Fontsize */
.subtop_area {display:none}

/* Tab01 (모바일 예외) */
.tabnavi01 ul {padding:5px 10px 10px; border-radius: 5px 5px 20px 10px; background: #f7f7f7}
.tabnavi01 ul:after {content:""; clear:both; display:block; height:0; font-size:0; line-height:0}
.tabnavi01 ul li { float: left; width:33.3%; height:18px; padding:8px 0; margin:0; font-size:13px; font-weight:300}
.tabnavi01 ul li a {height: 21px; line-height: 21px; padding:0 0 0 15px; background: url(../images/sub/blt_othertab.gif) left 4px no-repeat ; font-weight: 400; color: #1d1d1d; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition: all .5s; border-radius:0; border:0; font-size:13px}
.tabnavi01 ul li.on a, .tabnavi01 ul li:hover a {background: url(../images/sub/blt_othertab_a.gif) left 4px no-repeat; color:#ff514d; font-weight: 500; padding-right:10px}
.tabnavi01 ul li a::after {display:none}
/* Tab02 (모바일 예외) */
.tabnavi02{margin:0 0 15px}
.tabnavi02 ul, .boardTab ul {padding:5px 10px 10px}
.tabnavi02 ul li, .boardTab ul li {width: 33.3%; padding:5px 0; font-size:13px}
.tabnavi02 ul li a, .boardTab ul li a{padding-left: 15px}

/****페이지 준비중mobile****/
.sub_loding{background: url(../images/sub/page_loding_m.gif) no-repeat center center}

/*Btn_top*/
#quickmenu.squick {position: absolute; right:10px; top:400px; z-index:101}
.btn_top {display: block}
.sb_txtbox ul li, .sb_txtbox ol li {font-weight:400}
    
/* MB에서 br 필요 없을때 선언 */
br.mbbr_none{display: none}

/* MB에서 필요 없을때 선언 */
.mb_none{display: none}

/** Table **/
.sb_table {margin-bottom:25px}
/*테이블속 전화번호*/
.sb_table .call{display:block}
.sb_table .callnum{display: none}

/******************************서브컨텐츠 영역**************************************/
/* 처리 절차 공통 */
.process_stepbx{margin-bottom: 0}
.process_stepbx ul li{width: calc(100%/2 - 25px); margin-bottom: 15px}
.process_stepbx ul li:nth-child(2)::after{display: none}
}


/* ========================================= PC LAYOUT ========================================= */
@media only screen and (min-width:1025px) {
    
/* 메인 변경되는스타일 */
.fixed .header_box, .header_box {background:#fff url(../images/sub/bg_subheader.png) no-repeat 50% 0}
.fixed .header_box.on, .header_box.on {background:#fff url(../images/sub/bg_subheader.png) no-repeat 50% 0}
.headerwrap .logo_top a {background:url(../images/sub/sub_logo_26.png) no-repeat 0 0}
    
.fixed .header_box .top_wrap .qmenu p.btn_log a ,.header_box .top_wrap .qmenu p.btn_log a {border-color:#e1e1e1; color:#898989; background:#fff}
.fixed .header_box.on .top_wrap .qmenu p.btn_log a, .fixed .header_box:hover .top_wrap .qmenu p.btn_log a {background:#a5a5a5; border-color:#a5a5a5}
.fixed .top_wrap .qmenu .btn_log a span, .top_wrap .qmenu .btn_log a span { background:url(../images/sub/blt_sublog_ico.png) no-repeat 0 50%}
.fixed.header_box.on .top_wrap .qmenu .btn_log a span, .header_box.on .top_wrap .qmenu .btn_log a span, .header_box:hover .top_wrap .qmenu .btn_log a span { background:url(../images/sub/blt_sublog_icoa.png) no-repeat 0 50%; color:#fff}
.header_box .gmn_btn p.btn_all a  {background:url(../images/main/btn_allmn_a.png) no-repeat 0 0}
.seobu_srchwrap {display:none}

/* Layout */
#subcontainer{position: relative}
.subconwrap{position: relative}
.subconwrap:before {content:""; display: block; position: absolute; top:0; left:50%; margin-left:-772px; width:1545px; height:52px; background:#f6f6f6; border-radius:25px 25px 5px 5px}
.subconbox {max-width:1500px; margin:0 auto}
#sub_left {position: relative; display: block; float: left; margin-top:-107px}
#subright {position: relative; float: right; width: 1170px; margin-left:30px}
#subpage{margin: 30px 0 100px}
.logo_top a {background:url(../images/main/logo_pc_a_n.png) no-repeat 0 0}
#gnb .navi_tit a {text-shadow:none; color:#000}

/* Visual */
.subvisual {z-index: 1}
.subvisual .visual_wrap {position: relative; width: 100%; margin: 0 auto}
.subvisual .visual_item {width:auto; height:219px}
.subvisual .visual_item > a {position: relative; display:block !important; height:229px; max-width:1500px; margin:0 auto}
.subvisual .visual_item > a:focus-visible {outline:2px solid #000}
.subvisual .visual_item .vbg_txtwrap {position: absolute; top:123px; right:0}
.subvisual .visual_item .vbg_txt {opacity:0}
.subvisual .visual_item .vbg_txt1 {display:inline-block; width:214px; height:46px; background:url(../images/sub/img_slogan_sb01.png) no-repeat 0 0; animation:vbounce 3s infinite}
.subvisual .visual_item .vbg_txt2 {display:inline-block; width:228px; height:46px; background:url(../images/sub/img_slogan_sb02.png) no-repeat 0 0; animation:vbounce 3s infinite}

/* Subleft */
.left_tit {position: relative; width:300px; height:117px; box-sizing: border-box}
.left_tit:before {content:""; display: block; position: absolute; bottom:10px; left:-15px;width:126px; height:79px; background:url(../images/sub/bg_sub_vbg.png) no-repeat left 0 bottom 0; z-index:-1}
.left_tit h2 {padding:45px 0 50px; font-size:25px; font-weight: 600; text-align: center; font-weight: 400; font-family:'Gmarket Sans'}

.leftmn {position: relative; overflow: hidden; width:300px; border-radius:15px; padding:0; margin-bottom:70px; border:2px solid #ededed; background:#fff; box-sizing: border-box; font-family: 'Gmarket Sans'}
.leftmn .lefteng {padding:8px 0 5px; background:#ededed; text-align: center; color:#fff; font-family:'Gmarket Sans'; font-weight:400}
.leftmn ul {padding:12px 10px}
.leftmn ul > li {border-top: 1px solid #e5e5e5; padding:5px 0}
.leftmn ul > li:first-child {padding-top: 0; border-top:0}    
.leftmn ul > li:last-child{padding-bottom: 0}
.leftmn ul > li > a {display: block; line-height: 140%; padding:18px 32px 14px 12px; background:url(../images/sub/blt_subleftmn_off.png) no-repeat right 16px top 50%; font-size: 1.286em; font-weight:500; transition: all .4s; color:#010101; letter-spacing:-0.3px; word-break:keep-all}
.leftmn ul > li:last-child a{margin-bottom: 0}
.leftmn ul > li > a:hover, .leftmn .leftmenuover > a{background:url(../images/sub/blt_subleftmn_on.png) no-repeat right 16px top 50%, linear-gradient(90deg, #3c84b2, #2baf88); text-decoration:none; color:#fff; border-radius:30px 30px 3px 3px; transition: all .4s}
/*.leftmn ul > li:hover {}*/
.leftmn .leftmenuover {border-top:0; border-bottom:1px solid #e5e5e5}

/*MN third*/
.leftmn .third {position: relative; padding:10px; margin:5px 0 0; border-radius:3px; background:#f2f2f2}
.leftmn .third li {border:none; padding:0}
.leftmn .third li a {position: relative; display: block; line-height: 140%; padding:5px 0 5px 17px; margin-bottom: 0; border:none; background:url(../images/sub/blt_thirdmn_off.png) no-repeat 4px 11px; font-size:1.143em; font-weight:500; color:#1d1d1d}
.leftmn .third li:hover a, .leftmn .third .on a, .leftmn .third .third_on a {background:url(../images/sub/blt_thirdmn_on.png) no-repeat 4px 11px; color:#22947a; font-weight: 500; border-radius:0}
.leftmn .third li:hover .third {display:block}
.leftmn .third li a.t_link{position: relative; display:inline-block}
.leftmn .third li a.t_link::after{content:""; clear:both; display:block; position:absolute; top:8px; right:-17px; width: 11px; height: 11px; background: url(../images/main/btn_blank.png) 0 0  no-repeat}
.leftmn span.t_link{display:inline-block; padding-right:2px; width:11px; height:11px; background: url(../images/main/btn_blank.png) right center  no-repeat}
.leftmn li:hover span.t_link{background: url(../images/main/btn_blank_a.png) right center  no-repeat}
.leftmn li.leftmenuover span.t_link {background: url(../images/main/btn_blank.png) right center  no-repeat}

/*Subtop TIT */
#subtop {position: relative;  height:123px; margin-bottom:30px}
#subtop h3 {padding:25px 50px 25px 0; margin-top:52px; width: auto; font-size:1.615em; font-weight:500; text-align: left; border-bottom:1px solid #d9d9d9}

/* guide*/
#sub_guide {position: absolute; left:0; top:0; width:100%; box-sizing:border-box; z-index: 10}
#sub_guide:after {content:""; clear:both; display:block; height:0; font-size:0; line-height:0}
#sub_guide .guide_wrap {position:absolute; top:18px; left:0; width:100%}
#sub_guide .guide_wrap ul {text-align:right}
#sub_guide .navi_area li {display: inline-block; width:auto !important; font-weight:300}
#sub_guide .navi_area li a {display: block;padding:0 10px 0px 20px; line-height: 19px; background: url(../images/sub/bg_navi_arr.png) 0 50% no-repeat; font-size: 1.154em; font-weight:400; color:#9d9d9d; font-family:'Gmarket Sans'}
#sub_guide .navi_area li:first-child {padding-left:28px; background:url(../images/sub/img_nav_home.png) no-repeat 0 0}
#sub_guide .navi_area li.page_on a { font-weight:500; color:#000}

/* subtop_area */
.subtop_area {position:relative; z-index:10}
.subtop_area dl.font {position:absolute; top:9px; left:0; display:flex; justify-content: space-between; width:116px}
.subtop_area dl.font dt {display:none}
.subtop_area dl.font>dd {float:left; margin:0 1px}
.subtop_area dl.font>dd a {display:block; width:34px; height:33px; line-height:33px; margin:0 2px; border-top:0; text-align: center; box-sizing: border-box}
.subtop_area dl.font>dd img {vertical-align: middle}
.subtop_area .btn_print {position: absolute; top:65px; right:0}
.subtop_area .btn_print a {overflow:hidden; display:block; width:42px; height:42px; line-height:40px; text-align: center; box-sizing: border-box; font-size:0}
.subtop_area .btn_print a img  {vertical-align: middle}

/* quickmenu */
#quickmenu.squick {display:block; position:absolute; top:390px;right:50%; margin-right:-815px; z-index:1}
#quickmenu.squick .btn_top a {display:block; width:48px; height:48px; background:url(../images/main/btn_top_mainpc.png) no-repeat 50% 50%}
.btn_top a {display:block}
.btn_top a img {display:none}

/* 로그인등 왼쪽메뉴 없는 FULL 페이지 스타일
.subconwrap.fullsub{margin:-70px 0 0}
.subconwrap.fullsub:before{display:none}
.subconwrap.fullsub #sub_left{display:none}
.subconwrap.fullsub #subright{width:1500px; margin:0 auto;}
.subconwrap.fullsub #subtop{height:auto; margin:0}
.subconwrap.fullsub h3.subtit{height:auto; width: auto; padding:20px 10px; margin-bottom:30px; background:#f6f6f6; border-radius:25px 25px 5px 5px; font-size: 1.615em; font-family: 'Gmarket Sans'; font-weight: 500; text-align: center}
.subconwrap.fullsub #sub_guide{display:none}*/
/* tab */
.tabnavi01 ul li a {font-size:17px}
.tabnavi02 ul li, .boardTab ul li {font-size:16px}

/******************************서브컨텐츠 영역**************************************/
/*PC에서 br 필요 없을때 선언*/
br.pcbr_none{display: none}
/*PC에서 필요 없을때 선언*/
.pc_none{display: none}
.sb_txtbox ul li, .sb_txtbox ol li, .sb_txtbox > p {font-size:1.071em}
}

/* ========================================= LOWSET FIX ========================================= */
/***프린트 관련***/
body.printBG .skip_navi, body.printBG #mainheader, body.printBG .visual_wrap, body.printBG #sub_guide, body.printBG #sub_left, body.printBG .tabnavi01, body.printBG .tabnavi02, body.printBG #footwrap, body.printBG #subtop .subtop_area{display:none !important}
body.printBG #sub_guide{display:block !important}
body.printBG #sub_guide .guide_wrap{display:none !important}
body.printBG #subright{padding:80px 0 0 !important}
@media print {
.printBG #subright{-webkit-print-color-adjust:exact}
.printBG .seobu_srchwrap{display:none}
body.printBG {margin:0 !important}
body.printBG #subright{padding:15px 0 0 !important}
body.printBG #subtop h3 {padding:0 0 15px; margin-bottom:20px; border-bottom:1px solid #e9e9e9; text-align:center; font-size:16px}
}
@keyframes vbounce {
  0% {opacity:1; transform: translateY(-5px)}
  50% { opacity:0.1; transform: translateY(0)}
  100% { opacity:1; transform:translateY(-5px)}
}
@media only screen and (max-width:880px) {
/* 상단 페이지 소개 */
.top_explan{padding: 15px; background:none !important}
.top_explan .texp_tit{display:block; padding: 7px;  text-align: center}

/* 상단 바로가기 버튼영역 */
.top_infobtn{padding: 15px; background-image:none !important}
.top_infobtn .ifbtn_tit{margin:0 0 10px; text-align:center}
.top_infobtn .ifbtn_txt{display:block; padding: 6px; margin-bottom: 10px; border-radius: 5px; text-align:center}
.top_infobtn .ifbtn_btn{position: relative; top:0; right:0}
.top_infobtn .ifbtn_btn a{width: 100%; padding: 7px 13px; margin: 0}
.top_infobtn .ifbtn_btn a:last-child{margin-top: 5px}

/* 상단 단독 바로가기 버튼영역 */
.top_expbtn{padding: 15px; background:none !important}
.top_expbtn .expbtn_tit{margin:0 0 10px; text-align:center}
.top_expbtn .expbtn_txt{display:block; padding: 6px; margin-bottom: 10px; border-radius: 5px; text-align:center}
.top_expbtn .expbtn_btn{position: relative; top:0; right:0}
.top_expbtn .expbtn_btn a{width: 100%; padding: 10px 13px; margin: 0}
.top_expbtn .expbtn_btn a::after{width: 40px; height: 28px}

/* 관련서류 다운로드 */
.docu_downbx{margin-bottom: 35px}
.docu_downbx p.docu_tit{width: 100%; padding: 10px}
.docu_downbx p.docu_tit span{font-size: 15px}
.docu_downbx ul{width: 100%; padding:10px 8px}
.docu_downbx ul li span.docu_name{padding: 0 60px 0 15px}
.docu_downbx ul li span.docu_btn{width: 50px; padding: 3px 10px; font-size: 0; text-indent: -9999px}
    
/* 단계별과정 공통스타일 */
.step_lstbx{margin: 30px 15px 0}
.step_lstbx li{margin-bottom: 35px}
.step_lstbx li::after{display: none}
.step_lstbx li .st_tit{padding: 15px 5px 10px}
.step_lstbx li .st_txt{padding: 10px 5px}
/*3단계*/
.step_lstbx.st_type3 li{width: 100%}
/*4단계*/
.step_lstbx.st_type4 li{width: 100%}
/*5단계*/
.step_lstbx.st_type5 li{width: 100%}
/*저작권정책(4단계)*/
.step_lstbx.info_copy li:last-child{margin: 0}

/*로고박스 공통*/
.topline_logobx{margin-top: 30px; padding:35px 0 0 0}
.topline_logobx::after{top:-30px; width:58px; height: 52px; margin-left: -30px; background-size: 58px 50px}
.topline_logobx .tline_tit{margin-bottom: 15px}
.topline_logobx .tline_tit span{display: block; position: relative; padding: 10px; font-size: 15px}
.topline_logobx .tline_lst{margin:10px 5px; padding: 10px}
}

@media only screen and (max-width:630px) {
/*테이블 스크롤*/
/*모바일 아래에서 표 내용이 너무많을때 사이즈 고정후 스크롤 하기*/
.scroll_txt{display: block; padding:5px 3px 3px; margin: 0 0 3px; border-radius: 15px 15px 0 0; background:#f2f2f2; text-align: center; color:#000; font-size: 13px}
.sb_table.table_scroll{overflow-x: scroll; position: relative}
}

@media only screen and (max-width:650px) {
/*  Tab01, Tab02, boardTab */
.tabnavi01 ul li, .tabnavi02 ul li, .boardTab ul li {width: 50%}
}

@media only screen and (max-width:490px) {
/* 처리 절차 공통 */
.process_stepbx ul li{width:100%; min-height: 77px; margin-bottom: 10px}
.process_stepbx ul li::after{display: none}

/* 상단로고박스 타이틀 형태로 사용시 */
.topline_logobx.bxtype3 .tline_tit br{display:block}
}



/* ========================================= 기존 서부스타일 일부수정 ========================================= */
/***!!오픈전 사이트 스타일에서 변경되는 사항***/

/* 사이트 페이지 만족도 */
/* 만족도 */
div.info_box {padding:15px; margin-bottom:50px; background:#f2f4f5; border-radius:5px; font-family: 'Gmarket Sans'}
div.info_box .manager_info {position: relative; min-height:25px; padding:0 0 10px; border-bottom:1px solid #c9c9c9}
.manager_info dl {display:block; padding:0 5px}
.manager_info dt {display: inline-block; padding:5px 5px 5px 21px; background:url(../images/sub/bg_manager_icon.gif) no-repeat left 5px}
.manager_info dt span {font-size:1.077em; font-weight:500}
.manager_info dd {display: inline-block; font-weight:400}
.manager_info .hit {position: absolute; top:5px; right:5px}
.manager_info .hit span {display:inline-block; padding:2px 0 0 22px; background:url(../images/sub/bg_hit_icon.png) no-repeat left 0; font-size:1.077em; font-weight:500}
.manager_info .m_part {padding-right:5px}
.manager_info .m_name {padding-right:5px}
.manager_info .m_tel {display:inline-block}
.manager_info .m_tel a {display:block}
.manager_info .m_tel img {vertical-align:middle}
.manager_info .tel_txt {display:none}
.satisfy_top {padding:10px 5px 8px 23px; margin-left:3px; background:url(../images/sub/bg_satisfy_icon.gif) no-repeat 0 8px; font-size:1.077em}
.satisfy_tit {margin-bottom:5px; font-size:1.231em}
.satisfy_info {padding:5px 0 0}
.satisfy_sel {margin:5px 0 10px}
.satisfy_sel li {line-height:150%}
.satisfy_sel li img {margin-left:5px; vertical-align:-1px}
.satisfy_sel li span {display:inline-block; height:20px; line-height:20px}
.satisfy_sel li input[type="radio"] {margin-top:0; margin-right:5px}
.satisfy_sel li label {font-family: 'Gmarket Sans'}
.opinion label {display:none}
.opinion .opinion_txt {float:left; width:80%; height:46px; border:0; border:1px solid #e0e0e0; box-sizing: border-box; border-radius:5px}
.opinion button {float:right; width:19%; height:46px; background:#2593d2; color:#fff; font-weight:400; font-family: 'Gmarket Sans'; border-radius:5px; transition:all .5s}
.opinion button:hover{background:#1b6e9d}
.opinion input::placeholder{font-family: 'Gmarket Sans'; color:#ccc}
/* 문의처 */
.boardCharge {margin:35px 0 0; }
.boardCharge dt span {color:#3974d4}
.boardCharge dl {overflow:hidden; position:relative; line-height:20px; padding:10px 60px 10px 16px;}
.boardCharge dl:after {content:""; display:block; position:absolute; top:0px; left:0px; width:100%; height:1px; background:#444}
.boardCharge dl dt {position:relative; display: inline-block; margin-right:10px}
.boardCharge dl dt:before {content:""; display:block; position:absolute; top:50%; right:0; width:1px; height:22px; margin-top:-11px; background:#ccc}
.boardCharge dl dt span {display: inline-block; padding:5px 25px 5px 40px; font-size:1.077em; font-weight:600;  background:url(../../images/board/blt_call_inquire.gif) no-repeat 0 50%; color:#3974d4}
.boardCharge dl dd {/*display:inline-block;  padding:3px 10px; */ font-size:1.077em; color:#000; font-weight:300}
.boardCharge dl strong {font-weight: 600; display: inline-block; padding: 0 0 0 3px;}
.boardCharge dl .name {display: inline-block; padding:5px 0}
.boardCharge dl .num {display: none;}
.boardCharge dl .call {float:left; display: inline-block; width:32px; height:32px; background: url(../../images/board/btn_brd_call.gif) 0 50% no-repeat; }
.boardCharge dl .bg {display:none}
@media only screen and (min-width:1025px) {
/* 사이트 페이지 만족도 */
div.info_box .manager_info {min-height:24px; padding:0 0 8px; font-size:15px; font-weight:500}
.manager_info dl {display:inline-block; background-position:0 5px; color:#1a1a1a}
.manager_info .m_tel img {display:none}
.manager_info .tel_txt {display:inline-block}
.satisfy_tit {display:inline-block; font-size:18px}
.satisfy_stit {display:inline-block; font-size:14px}
.satisfy_sel li {float:left; width:20%; font-size:14px}
.satisfy_sel li label {margin-left:5px; color:#000; vertical-align:-1px}
.opinion .opinion_txt {width:85%; padding-left:10px}
.opinion .opinion_sumit {width:14%; font-size:16px}
.satisfy_tit {display:inline-block; font-size:18px}
.satisfy_stit {display:inline-block; font-size:14px}
.satisfy_sel li {float:left; width:20%; font-size:14px}
.satisfy_sel li label {margin-left:5px; color:#000; vertical-align:-1px}
.opinion .opinion_txt {width:90%}
.opinion button {width:9%; font-size:16px}
/* 담당자 정보 */
.boardCharge dl dt span {font-size:1.231em}
.boardCharge .chargInfo .name {background: none; font-size: 1.071em; font-weight:400; color:#000; padding:17px 0}
.boardCharge .chargInfo .name strong {margin:0 5px; font-weight:500; color:#000}
.boardCharge .chargInfo .call {display: none;}
.boardCharge .chargInfo .num {display: inline-block; padding:17px 10px 17px 4px;}
.boardCharge dl {padding:1px 0 0 150px}
.boardCharge dl dt {position:absolute; left:20px; top:50%; margin-top:-15px}
}
@media only screen and (max-width:420px) {
div.info_box .manager_info{padding:0; border-bottom:none}
.manager_info .hit {display:block; position: relative; top:0; right:0; padding:7px 15px; border-radius:5px; background:#e7e7e7; text-align:right}
.manager_info dl{margin:0 0 10px}
}

/*********** 개인정보,영상정보 **********/
.sb_etctopbox {margin:20px 0}
.sb_etctopbox dl {position:relative; min-height:35px; padding:0 15px 15px; border:1px solid #cecece; border-radius: 0 0 15px 0; background:#fff}
.sb_etctopbox dl:before {content:""; display: block; position: absolute; top:-1px; left:-1px; width:100%; height:2px; border-top:2px solid #6a92e4}
.sb_etctopbox dl:after {content:""; display: block; position: absolute; top:-1px; right:-1px; width:100px; height:25px; border-top:2px solid #2e3550; border-right:2px solid #2e3550}
.sb_etctopbox dt {padding:17px 60px 15px 5px; margin-bottom:15px; border-bottom:1px solid #ccc; font-size:1.308em; font-weight:600}
.sb_etctopbox dd ul li {margin-top:5px; line-height:160%; padding-left:14px; background:url(../images/content/blt_txtbar.gif) no-repeat 0 9px; color:#000}
.sb_etctopbox dd ul li:first-child {margin:0}
.pro_box .sb_txtbox {margin:20px 0}
.pro_box .sb_txtbox>li {line-height:150%; margin:4px 5px; font-size:1.077em; color:#000}
.pro_box .sb_txtbox>li>ul {margin:7px; padding:15px; background:#f1f1f1; border-radius:5px}
.pro_box .sb_txtbox>li>ul>li {font-size:0.938em}
li.sb_bltlst {padding-left:10px; background:url(../images/content/blt_txtbar.gif) no-repeat -2px 6px}
li.txtbox_bg {margin:5px 0; padding:12px; background:#efefef; border-radius:5px}
.box_txtbox {margin:10px}
.box_txtbox dl dt {margin:3px 0; font-weight:500}
.sb_tbwrap {overflow: hidden; width:100%; margin-bottom:30px; border-collapse:collapse; table-layout:auto}
.sb_tbwrap table{width: 100%; border-bottom: 2px solid #848484; font-size: 1.071em}
.sb_tbwrap thead th {line-height:150%; padding:10px; background:#848484; border:1px solid rgba(255, 255, 255, 0.3); vertical-align:middle;text-align:center; font-weight:600; color:#fff}
.sb_tbwrap tbody th {line-height:150%; background:#f2f2f2; padding:10px; border:1px solid #ddd; text-align:center; font-weight:600; vertical-align:middle}
.sb_tbwrap tbody td {line-height:150%; background:#fff; padding:10px; border:1px solid #ddd;text-align:center; vertical-align:middle} 
.sb_tbwrap tbody th:first-child, .sb_tbwrap tbody td:first-child{border-left:none}
.sb_tbwrap tbody th:last-child, .sb_tbwrap tbody td:last-child{border-right:none}
.pro_box .scroll{display: none}
/* 개인정보처리방침*/
.sb_protect .sb_inquiry{display:none}
.sb_etctopbox01 dt {background:url(../images/content/bg_topbox04.gif) no-repeat 100% 50%; color:#325eab}
.sb_etctopbox01 dl:before {border-color:#6a92e4}
.sb_etctopbox01 dl:after {border-color:#2e3550}
.sb_protect .pro_box {margin:10px 0 25px}
.sb_protect .pro_tit4 {margin:5px 0 10px; padding:15px 10px 15px 35px; border-top:1px solid #2e3550; border-bottom:1px solid #b2b2b2; font-size:1.231em; font-weight:600;background:url(../images/content/blt_dotdot_tit01.gif) no-repeat 8px 20px}
.sb_protect .pro_tit4 span {color:#3260ad}
a.pro_view {display:block; margin:15px 0 0 ; padding:12px; background:#fff; text-align: center; border-radius:10px; font-weight:500}
a.pro_view:hover {text-decoration:underline}
.sb_protect .box_txtbox dl dt {color:#3a6cd3}
/*개인정보포털 주소변경 23.11.06 (반응형)*/
.protect_btn{padding: 10px; margin: 15px 0; border: 1px solid #d2d2d2; text-align: center; line-height: 130%}
.protect_btn .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_btn .priv_go a:hover{background:#519bff}
/* 영상정보처리방침 */
.sb_etctopbox02 dt {background:url(../images/content/bg_topbox05.gif) no-repeat 100% 50%; color:#61920c}
.sb_etctopbox02 dl:before {border-color:#8bbb38}
.sb_etctopbox02 dl:after {border-color:#3d6100}
.video_boxwrap {margin:10px 0 25px}
.sb_videowrap .video_tit4 {margin:5px 0 10px; padding:15px 10px 15px 35px; border-top:1px solid #2e3550; border-bottom:1px solid #b2b2b2; font-size:1.231em; font-weight:600;background:url(../images/content/blt_dotdot_tit02.gif) no-repeat 8px 20px}
.sb_videowrap .video_tit4 span {color:#61920c}
.sb_videowrap .box_txtbox dl dt {color:#6aa600}
/* 이력 리스트*/
.comhis_lst {clear:both; padding:20px 0 0 0; margin:0; width:100%;}
.comhis_lst .comhis_lstit {background:#404040; padding:15px; text-align:center; color:#fff; font-weight:500; font-size:1.231em; border-radius:15px 15px 0 0}
.comhis_lst ul {padding:10px; border:1px solid #ccc}
.comhis_lst ul li{margin-bottom:8px}
.comhis_lst ul li:last-child{margin-bottom:0}
.comhis_lst ul li a{display:block; padding:10px; background:#eee; text-align:center; font-weight:400; border-radius:10px}
.comhis_lst ul li a:hover{background:#9e9e9e; color:#fff; transition:.3s}
.comhis_lst ul li.videov a {background:#a3a3a3; color:#fff}
@media only screen and (max-width:1024px) {
/********** 공통 ***********/
.sb_etctopbox dt {background-size:40px auto}
}
@media only screen and (min-width:1025px) {
/********** 공통 ***********/
.sb_etctopbox dt {padding:22px 70px 20px 10px; font-size:1.357em}
}
@media only screen and (max-width:700px) {
/* 테이블 스크롤 */
.sb_tbscroll {position:relative; overflow-x:scroll}
.sb_tbscroll table {width:700px}
.pro_box .scroll {display:block; text-align:right; font-size:1.077em; font-weight:400}
.pro_box .scroll span {display:inline-block; padding:1px 10px 1px 15px; border-radius:15px 15px 0 0; border:2px solid #c3c3c3; border-bottom:0; text-align: center; color:#000}
}


/* ============== 개인정보처리방침(NEW_라벨링ver) / kjh 240403 ============== */
/* !!서부 개인정보,영상정보 추가 수정 KYJ240627 */
.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; 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; 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; 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; font-family:NSQ; 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/content/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 5px; background:url(../images/sub/blt_psinfo_tit.png) no-repeat 0 5px ;font-size:1.385em; font-weight:500; color:#000; font-family: 'Gmarket Sans'}
.psinfo_con .pscon_box .blt_txt {padding-left:15px; background: url(../images/sub/blt_psinfo_arr.png) no-repeat 0 5px}
.psinfo_con {margin-top:30px; font-weight:400}
.psinfo_con img {vertical-align: middle}
.psinfo_con p {line-height:150%}
.ps_label img {width:26px; height:auto; margin:0 3px}
/* 개인정보_라벨링영역 */
.psinfo_label {overflow: hidden; border-radius:5px; 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:5px; border:1px solid #ddd}
.psinfo_index ul {display:flex; flex-wrap:wrap}
.psinfo_index ul li {width:calc(100% / 2); border:1px solid #ddd; 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-weight:500; color:#000}
.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}
.video_type .psinfo_index a{padding: 15px}
/* 개인정보_컨텐츠 */
.psinfo_con h5 {position:relative; display:flex; justify-content: space-between; align-items:center; line-height:150%; padding:16px 20px 13px; 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}
.video_type .psinfo_con h5:after {background:#2d8575; border:1px solid #2d8575}
.psinfo_con h5 .ps_txt {width:calc(100% - 98px); font-size:1.385em; font-weight:500; color:#000; font-family: 'Gmarket Sans'}
.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; margin:10px 0 10px -20px; background:#f1f1f1}
.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 #ddd; 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}
/* MOBILE LAYOUT */
@media only screen and (max-width:1024px) {
.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}
}
@media only screen and (max-width:650px) {
.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}
}