@charset "utf-8";
@import url("board.css");
@import url('popup.css');

/* ================================
	lnb
================================ */
#lnb_area {background: url("../../images/front/sub/lnb_bg.jpg") no-repeat bottom center #000; height: 200px; padding-top: 45px; position: relative; box-sizing: border-box;}
#lnb_area h2 {color: #fff; font-size: 36px; line-height: 100%; text-align: center; position: relative; padding-top: 25px; font-weight: 500; letter-spacing: -0.1em;}
#lnb_area h2:before {content: ""; position: absolute; top: 0; left: 50%; margin-left: -17px; width: 33px; height: 2px; background: #fff;}
#lnb {position: absolute; left: -50%; right: -50%; bottom: -29px; width: 100%; max-width: 1400px; margin: 0 auto; background: #2c3691; color: #fff; border-bottom: 1px solid #dcdcdc; box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.44);}
#lnb > ul {max-width: 1180px; margin: 0 auto; vertical-align: top;}
#lnb > ul > li {float: left; position: relative;}
#lnb > ul > li:after {content: ""; position: absolute; right: 0; top: 50%; margin-top: -10px; width: 1px; height: 20px; background: #7a7fab;}
#lnb > ul > li.home {width: 62px; text-indent: -9999px; background: url("../../images/front/sub/ic_home.png") no-repeat center;}
#lnb > ul > li.list {min-width: 200px;}
#lnb > ul > li > a {display: block; height: 58px; line-height: 58px; font-size: 16px;}
#lnb > ul > li.list > a:after {content: ''; position: absolute; right: 20px; top: 50%; margin-top: -2px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #6c73b2; }
#lnb > ul > li.list > a {padding-left: 25px; padding-right: 45px;}
#lnb > ul > li > div {display: none; position: absolute; z-index: 10;}
#lnb > ul > li.on > div {display: block; width: 100%; border: 1px solid #ccc; border-top: 0; background: #fff; box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.14); padding-bottom: 10px; box-sizing: border-box;}
#lnb > ul > li > div a {display: block; color: #555; padding: 6px 25px 7px;}
#lnb > ul > li > div a:hover, #lnb > ul > li > div a:focus {color: #2c3691; background: #ebeef5;}

/* ================================
	sub_contents
================================ */
#contents {max-width: 1400px; margin: 85px auto 180px; min-height: 500px; overflow: hidden;}
.chart_contents {max-width: 1400px; margin: 85px auto 180px; overflow: hidden;}
.chart_contents #contents {max-width: 100%; margin: 0;}
.sub_title {font-size: 28px; color: #000000; font-weight: 500; text-align: center; line-height: 100%; letter-spacing: -3px; margin-bottom: 40px;}
.info_txt {color: #000; font-size: 18px; font-weight: 300; letter-spacing: -1px; text-align: center; margin-bottom: 25px; word-break: keep-all;}
.sub_txt {font-size: 15px; line-height: 26px; font-weight: 300; color: #333; text-align: center; margin-bottom: 35px;}
h5.sub_tit {padding-left: 10px; padding-bottom: 0; margin-bottom: 0; font-size: 18px; color: #000;}

/* ================================
	box_type
================================ */
.box_type01 {border-top: 2px solid #000; border-bottom: 1px solid #ccc; background: #f9fafd;}
.box_type02 {display:block; background:#ffffff; border:1px solid #d4d4d4; padding:25px 28px; color:#333; box-sizing: border-box;}
.box_type03 {display:block; background:#f2f4f6; padding:30px 20px;}
.box_type04 {display: block; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; background: #fafafa; padding:40px 40px;}
.box_type05 {display: block; border-top: 2px solid #2d2d2d; background: #fff; padding:45px 0;}
.box_type06 {display:block; background:#f9fafd; border-bottom: 1px solid #d4d4d4; padding:30px 20px;}
.paging + [class^="box_type0"] {margin-top: 150px;}

/* ================================
	bullet_list
================================ */
.bl_list01 > li {position: relative; padding-left: 12px;}
.bl_list01 > li:before {content: "·"; position: absolute; left: 2px;}
.bl_list02 > li {position: relative; padding-left: 10px;}
.bl_list02 > li:before {content: "-"; position: absolute; left: 2px;}
.bl_list03 > li {position: relative; padding-left: 17px;} /* 1. 2. 3. */
.bl_list03 > li > .num, .bl_list04 > li > .num {position: absolute; left: 1px;}
.bl_list04 > li {position: relative; padding-left: 22px;} /* 가. 나. 다 */
.bl_list03 > li.list02 {padding-left: 22px;} /* 10 이상 */
.bl_list03 > li.list02 .num {left: 0;}

/* ================================
	btn
================================ */
	.btn_top {margin: 6px 0 8px 0;}
	.btn_white {vertical-align: middle; background: #fff; padding: 14px 33px; border: 1px solid #2c3691; color: #2c3691; letter-spacing: -1.4px; font-weight: 400;}
	.btn_white2 {vertical-align: middle; background: #fff; padding: 14px 30px; border: 1px solid #6c6c6c; color: #000; letter-spacing: -1.4px; font-weight: 400;}
	.btn_blue {background: #2c3691; padding: 12px 25px; color: #fff; letter-spacing: -1.4px; font-weight: 400; vertical-align: middle;}
	.btn_blue > span {color: #fff;} /* default.css 우선순위 문제로 이중 적용 */
	.btn_white_gray {display: inline-block; background: #545454; padding: 6px 18px 7px; color: #fff; font-weight: 300; letter-spacing: -0.04em; font-size: 14px; margin-bottom: 2px;}
	.btn_white_gray > span {color: #fff;}
	.btn_dark {display: inline-block; vertical-align: middle; background: #545454; padding: 14px 33px; color: #fff; letter-spacing: -0.04em; font-weight: 300;}
	.btn_line_dark {display: inline-block; vertical-align: middle; margin-left: 10px; border: 1px solid #545454; padding: 14px 33px; color: #545454; letter-spacing: -1.4px; font-weight: 400; box-sizing: border-box;}
	.btn_more:after {content: ''; display: inline-block; vertical-align: 1px; width: 6px; height: 9px; margin-left: 8px; background: url(../../images/front/sub/btn_more.gif) no-repeat;}
	.btn_blank {width: 105px;}
	.btn_center {display: block; margin: 0 auto; text-align: center;}
	.btn_serach {width: 100px; padding: 14px 0;}
	.btn_img_file {width: 170px;}
	.btn_change, .btn_remove {width: 57px; height: 31px; margin-right: 5px; border: 1px solid #898989; box-sizing: border-box; text-align: center; font-size: 14px; color: #333; font-weight: 400; line-height: 29px;}
	.btn_preview {width: 84px; height: 36px; padding: 0; text-align: center; font-size: 14px; color: #fff; font-weight: 400;}
	.btn_pay, .btn_join {padding: 0 !important;}
	.btn_plus {width: 109px; height: 36px; padding: 0;}
	.btn_upload {padding: 15px 33px;}

		/* ico_btn */
		.btn_xls {padding-left: 28px; background: url(../../images/front/common/ic_xls.png) no-repeat; background-size: contain;}
		.btn_download {padding-left: 28px; background: url(../../images/front/common/ic_download.png) no-repeat; background-size: 17px;}

	.btn_blue:focus-visible, .btn_dark:focus-visible {outline: 2px dotted #000;}

/* ================================
	process_menu
================================ */
	.process_menu {margin-bottom: 45px;}
	.process_menu ul {overflow: hidden; text-align: center; font-size: 0;}
	.process_menu ul li {position: relative; display: inline-block; min-width: 17.628%; padding: 19px 10px; margin-right: 25px; text-align: center; background: #ebeef1; border-radius: 60px; font-size: 17px; color: #606060; letter-spacing: -0.5px; font-weight: 400; box-sizing: border-box;}
	.process_menu ul li:last-child {margin-right: 0;}
	.process_menu ul li.on {background: #2c3691; z-index: 1; color: #fff;}
	.process_menu ul li.on span:before {content: ''; display: inline-block; vertical-align: 3px; width: 12px; height: 9px; margin-right: 5px; background: url(../../images/front/sub/process_check_icon.png) no-repeat center center;}
	.process_menu ul li:after {content: ''; display: block; position: absolute; right: -15px; top: 27px; width: 5px; height: 9px; background: url(../../images/front/sub/btn_next.gif) no-repeat;}
	.process_menu ul li:last-child:after {display: none;}

/* ================================
	READ ME BOX
================================ */
.read_me {margin-top: 110px; padding: 40px 43px; background: #fafafa; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; word-break: keep-all;}
	.read_me .read_title {display: block; position: relative; padding-left: 29px; font-size: 18px; font-weight: 400; color: #000; margin-bottom: 10px;}
	.read_me .read_title:before {content: ''; position: absolute; left: 0; top: 50%; width: 22px; height: 22px; margin-top: -11px; background: url(../../images/front/sub/caution_icon.gif) no-repeat left center;}
	.read_me .read_list li {position: relative; margin-top: 6px; margin-left: 10px; font-weight: 300; color: #222;}
	.read_me .read_list li:before {content: '·'; position: absolute; left: -10px; top: 0px;}
	.read_me .bl_list01 li {margin-top: 6px;}

/* ================================
	(공통)
================================ */
.section_group .section {padding-bottom: 55px;}
.section_group .section:last-child {padding-bottom: 0;}
.section_group .box {margin-bottom: 35px; padding-left: 10px;}
.section_group .box02 {margin-bottom: 15px; padding-left: 10px;}

.section_group .tit_h4 {color: #333; font-weight: 500; font-size: 24px; line-height: 100%; letter-spacing: -0.04em; border-bottom: 2px solid #000; padding-bottom: 22px; margin-bottom: 38px;}
.section_group .sub_tit {font-weight: 300; font-size: 15px; letter-spacing: 0; color: #222; float: right;}
.section_group .sub_tit .btn_dark {margin: -5px 0 0 5px;}

.section_group .tit_h5 {color: #2c3691; font-weight: 500; font-size: 22px; margin-bottom: 25px;}
.section_group .tit_h5 .t_small {font-weight: 300; font-size: 18px;}
.section_group .t_in_sub {padding-left: 5px; font-weight: 300; font-size: 15px; color: #888;}

.tit_h6 {color: #000; font-weight: 400; font-size: 18px; position: relative; padding-left: 10px; margin-bottom: 10px;}
.tit_h6 .tit_tip, .section_group .tit_h6 .css_checkbox_txt, .section_group .tit_h5 .tit_tip {margin-left: 12px;}
.tit_h6 .impt_w {position: absolute; right: 0; bottom: 7px; margin-bottom: 0;}
.section_group .tit_tip, .section_group .tit_h6 .css_checkbox_txt {font-weight: 300; font-size: 15px; color: #222;}
.tit_tip:before {content: '※'; display: inline-block; margin-right: 3px;}
.section_group .tit_tip .btn_dark {margin-top: -8px;}
.section_group .box_tbl .tit_h6 + .box02 {margin-top: -3px;}
.section_group .box_tbl .tit_h6 .btn_dark {float: right; width: 125px; height: 36px; padding: 0; line-height: 36px; font-size: 14px; margin-top: -5px;}
.section_group .tit_h6 .tit_tip + .btn_more {margin-left: 8px;}
.section_group .tit_h6 .btn_popup02 {float: right; position: relative; bottom: 5px;}

.section_group .conts, .section_group .con_area {color: #222; font-weight: 300; word-break: keep-all; word-wrap: break-word; line-height: 160%; letter-spacing: 0;}
.section_group .conts p {margin-bottom: 10px;}
.section_group .box_tbl {margin-bottom: 35px;}
.section_group .box_tbl .tit_h6 .fr {font-size: 14px;}
.ic_bracket:before {content: "「"; margin-left: -6px;}
.ic_bracket:after {content: "」"; margin-right: -6px;}
.section_group .conts > .bl_list03 > li, .section_group .conts > .bl_list04 > li {margin-bottom: 10px;}

.section_group .con_area * { letter-spacing: normal; line-height: normal;}
.section_group .con_area a:link, .section_group .con_area a:visited, .section_group .con_area a:hover, .section_group .con_area a:active, .section_group .con_area a:focus {text-decoration: underline;}
.section_group .con_area em, .section_group .con_area address { font-style: italic;}
.section_group .con_area strong, .section_group .con_area b, .section_group .con_area h1, .section_group .con_area h2, .section_group .con_area h3, .section_group .con_area h4, .section_group .con_area h5, .section_group .con_area h6 {font-weight: bold;}

.section_group .tbl {border-top: 2px solid #000; word-break: keep-all; word-wrap: break-word; margin-bottom: 30px;}
.section_group .tbl thead th {background: #f2f4f6; padding: 15px 10px; border-left: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; color: #333; font-weight: 400; height: 55px; box-sizing: border-box;}
.section_group .tbl thead th:first-child, .section_group .tbl tbody td:first-child {border-left: none;}
.section_group .tbl tbody th {font-weight: 400; border-bottom: 1px solid #d4d4d4; padding: 15px 10px; color: #333;}
.section_group .tbl tbody td {position: relative; height: 60px; padding: 6px 25px; border-left: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; box-sizing: border-box; text-align: center; letter-spacing: 0;}
.section_group .tbl .bl_list01 li {margin-bottom: 10px;}
.section_group .tbl .bl_list01 li:last-child {margin-bottom: 0;}

.section_group .no_data {padding: 62px 0; border-bottom: 1px solid #d4d4d4; border-top: 2px solid #222; background: #fff; text-align: center;}
.section_group .no_data .tit {display: inline-block; font-size: 22px; font-weight: 300; color: #333; position: relative; padding-left: 40px; margin-bottom: 10px;}
.section_group .no_data .tit:before {content: ''; position: absolute; left: 0; top: 3px; width: 31px; height: 31px; background: url("../../images/front/sub/ic_result_n2.png") no-repeat center;}

.section_group .board_list.type02_1 td {padding: 15px 20px;}
.section_group .board_list .css_select.wp100 {width: 100%;}
.section_group .board_list .css_txt.wp100 {width: 100%;}
.section_group .board_list .table_title {font-weight: 400;}

.section_group .tbl.type02 {display: table; table-layout: fixed; width: 100%;}
.section_group .tbl > dl {display: table-cell; vertical-align: middle; border-bottom: 1px solid #d4d4d4; border-left: 1px solid #d4d4d4; position: relative; padding-top: 61px;}
.section_group .tbl > dl > dt {background: #f2f4f6; padding: 18px 0; text-align: center; color: #333; font-weight: 400; border-bottom: 1px solid #cbcbcb; position: absolute; top: 0; left: 0; width: 100%;}
.section_group .tbl > dl:first-child {border-left: 0;}

.section_group .list_st01 > li {color: #000; font-weight: 400; margin-bottom: 5px; letter-spacing: 0;}
.section_group .list_st01 > li > ul {margin-top: 8px;}
.section_group .list_st01 > li > ul > li {margin-bottom: 3px;}

.table_hd {overflow: hidden; margin-bottom: 10px; color: #000;}
.table_hd .hd_tit {margin-top: 10px; display: inline-block; font-size: 15px;}
.table_hd .hd_tit:before {content: ''; display: inline-block; vertical-align: middle; width: 3px; height: 3px; background: #000; border-radius: 50%; margin-right: 10px;}
.table_hd .hd_tit + p {padding-top: 2px;}

/* ================================
	로그인
================================ */
.login_area {border-top: 2px solid #000; border-bottom: 1px solid #ccc; background: #f9fafd; padding: 60px 0; text-align: center;}
.login_area .login_txt {color: #000; font-size: 22px; font-weight: 300; letter-spacing: -1px; word-break: keep-all;}
.login_area .login_info {max-width: 700px; margin: 0 auto; word-break: keep-all;}
.login_area .login_box {margin: 42px 0;}
.login_area .login_box .inner {max-width: 520px; margin: 0 auto 25px; box-sizing: border-box;}
.login_area .input_area .input_box {max-width: 380px; margin: 0 auto; box-sizing: border-box;}
.login_area .login_box .inner strong {display: block; font-size: 18px; color: #333; font-weight: 400; text-align: left; margin-bottom: 14px;}
.login_area .login_box .input_box {position: relative; padding-right: 140px; }
.login_area .css_txt {height: 55px; padding-left: 20px; padding-right: 20px; width: 100%;}
.login_area .css_txt:first-child {margin-bottom: 10px;}
.login_area .css_txt:last-child {margin: 0;}
.login_area .login_box .css_txt {padding-right: 20px;}
.login_area .login_box .btn_login {position: absolute; top: 0; right: 0; background: #2c3691; color: #fff; width: 130px; height: 120px; font-size: 16px;}
.login_area .login_box li {display: inline-block; font-weight: 300; color: #333;}
.login_area .login_box li:after {content: ""; display: inline-block; vertical-align: middle; width: 1px; height: 11px; background: #9d9d9d; margin-left: 13px; margin-right: 9px;}
.login_area .login_box li:last-child:after {content: none;}
.login_area .type_box li .btn_type > span {min-height: 50px;}
.login_area .login_type01:before {content: ""; display: block; width: 31px; height: 51px; margin: 0 auto 10px; background: url("../../images/front/sub/ic_login_type01.png") no-repeat left bottom;}
.login_area .login_type02:before {content: ""; display: block; width: 52px; height: 52px; margin: 0 auto 10px; background: url("../../images/front/sub/ic_login_type02.png") no-repeat;}
.login_area .login_type01:hover:before, .login_area .login_type01:focus:before, .login_area .login_type01.on:before {background-position: left -36px bottom;}
.login_area .login_type02:hover:before, .login_area .login_type02:focus:before, .login_area .login_type02.on:before {background-position: left -57px center;}
.login_btn {padding: 0 30px; }
.login_area div + .login_btn {margin-top: 60px; padding-top: 42px; border-top: 1px solid #ccc;}
.login_btn .login_txt {margin-bottom: 20px;}
.login_btn [class^="btn"] {width: 150px; font-size: 16px;}

.login_area + .login_btn_box, .box_type03 + .login_btn_box {margin-top: 25px;}
.login_area .hd_tit {color: #2c3691; font-size: 33px; letter-spacing: -3px; font-weight: 300; margin-bottom: 15px;}
.login_area .hd_tit em {font-weight: 500;}

/* ================================
	아이디, 비밀번호 찾기
================================ */
.login_btn_box > ul {position: relative; overflow: hidden;}
.login_btn_box > ul > li {float: left; width: calc((100% / 2) - 28px); border: 1px solid #d4d4d4; background: #fff; padding: 45px 30px; box-sizing: border-box; margin-left: 56px; text-align: center; position: relative;}
.login_btn_box.box_3 > ul > li {width: calc((100% - 60px) / 3); margin-left: 30px; min-height: 350px;} /* 본인인증 */
.login_btn_box > ul > li:hover {border-color: #4e65cf; box-shadow: inset 0px 0px 0px 1px #4e65cf; background: #f9fafd;}
.login_btn_box.pwd > ul > li {height: 415px;}
.login_btn_box li .type {display: block; font-size: 36px; font-weight: 400; letter-spacing: -2px; color: #000; margin-bottom: 10px;}
.login_btn_box li .tit {font-size: 24px; letter-spacing: -0.06em; color: #000;}
.login_btn_box li .info {display: block; font-size: 18px; font-weight: 300; color: #222; word-break: keep-all; word-wrap: break-word; margin-top: 20px; letter-spacing: -0.04em;}
.login_area .info_tit {display: inline-block; padding-left: 55px; position: relative; color: #2c3691; font-size: 30px; letter-spacing: -3px; font-weight: 400; margin-bottom: 20px; word-break: keep-all;}
.login_area .info_tit:before {content: ""; width: 44px; height: 44px; position: absolute; left: 0; top: 3px; background: url(../../images/front/sub/ic_result_n.png) no-repeat;}

.login_btn_box .input_box {max-width: 330px; margin: 0 auto;}
.login_btn_box .btn {width: 100%; height: 50px; background: #2c3691; font-size: 15px; color: #fff;}
.login_btn_box .btn_more {margin-top: 10px; max-width: 410px;}
.login_btn_box .input_box .btn {height: 70px; font-size: 20px;}
.login_btn_box .btn + .btn {margin-top: 10px;}

.login_btn_box.icon_box > ul > li {width: calc((100% - 90px) / 4); margin-left: 30px; padding: 0; float: none; margin: 0 auto;}
.login_btn_box.icon_box li .btn_box {width: 100%; padding: 45px 30px; min-height: 318px;}
.login_btn_box.icon_box li .btn_box:hover, .login_btn_box.icon_box li .btn_box:focus {background: #2c3691;}
.login_btn_box.icon_box li .tit {font-size: 28px;}
.login_btn_box.icon_box li .btn_box .tit:before {content: ''; display: block; width: 110px; height: 110px; border-radius: 50%; border: 1px solid #2c3691; margin: 0 auto 20px; background-color: #fff; background-repeat: no-repeat; background-position: center; box-sizing: border-box;}
	.login_btn_box.icon_box li .btn_phone .tit:before {background-image: url(../../images/front/sub/ico_phone.png);}
	.login_btn_box.icon_box li .btn_toss .tit:before {background-image: url(../../images/front/sub/ico_toss.png);}
	.login_btn_box.icon_box li .btn_naver .tit:before {background-image: url(../../images/front/sub/ico_naver.png);}
	.login_btn_box.icon_box li .btn_kakao .tit:before {background-image: url(../../images/front/sub/ico_kakao.png);}
.login_btn_box.icon_box li .info {font-size: 15px;}
.login_btn_box.icon_box li .btn_box:hover .tit, .login_btn_box.icon_box li .btn_box:focus .tit, .login_btn_box.icon_box li .btn_box:hover .info, .login_btn_box.icon_box li .btn_box:focus .info {color: #fff;}

.login_btn_box.box_3 > ul > li:first-child {margin-left: 0;}
#search_major .search_input {float: right; width: calc((100% - 10px) / 2);}

/* ================================
	안내 박스
================================ */
.info_bot_box dl {margin-bottom: 40px;}
.info_bot_box dl:last-child {margin-bottom: 0;}
.info_bot_box dt {font-size: 18px; font-weight: 500; color: #000; line-height: 100%; margin-bottom: 15px;}
.info_bot_box dd > b {color: #000; font-weight: 400; margin-right: 3px;}
.info_bot_box dd {color: #222; font-weight: 300; margin-top: 12px;}
.info_bot_box .bl_list01 dd {position: relative; padding-left: 12px; letter-spacing: 0;}
.info_bot_box .bl_list01 dd:before {content: "·"; position: absolute; left: 2px; top: 1px;}

/* ================================
	선택 박스
================================ */
.choice_box  {margin-bottom: 30px;}
.choice_box > ul {display: table; table-layout: fixed; width: 100%; border: 1px solid #cbcfda; box-sizing: border-box;}
.choice_box > ul > li {display: table-cell; text-align: center; padding: 60px 0; position: relative;}
.choice_box > ul > li:before {content: ''; position: absolute; top: 60px; right: -1px; width: 1px; height: calc(100% - 120px); background: #cbcfda;}
.choice_box > ul > li > a:not(.btn_link) {display: inline-block; width: 100%; height: 100%; padding: 60px 0; box-sizing: border-box;}
.choice_box .tit {display: block; font-size: 24px; color: #000; line-height: 135%; margin-bottom: 20px;}
.choice_box .txt01 {font-weight: 300; opacity: 0.6; min-height: 75px;}
.choice_box .btn_link {display: inline-block; background: #2c3691; color: #fff; width: 215px; height: 55px; line-height: 55px; font-weight: 400; font-size: 16px; margin-top: 25px;}
.choice_box > ul > li:hover, .choice_box > ul > li.active {background: #2c3691;}
.choice_box > ul > li:hover .tit, .choice_box > ul > li.active .tit {color: #fff;}
.choice_box > ul > li:hover .txt01, .choice_box > ul > li.active .txt01 {color: #fff;}
.choice_box > ul > li:hover .btn_link, .choice_box > ul > li.active .btn_link {background: #fff; color: #2c3691;}
.choice_box > ul > li:hover:before, .choice_box > ul > li.active:before {content: none;}

.choice_box.tab_menu_box > ul {height: 248px;}
.choice_box.tab_menu_box > ul.type02 {height: 230px;}
.choice_box.tab_menu_box > ul > li {padding: 0; height: 100%; vertical-align: top;}
.choice_box.tab_menu_box .txt01 {min-height: 0; display: inline-block;}


/* ================================
	모바일 탭 메뉴
================================ */
.m_tab_menu {display: none;}

/* ================================
	사이트맵
================================ */
.siteMap_area a {display: inline-block; width: 100%; box-sizing: border-box; position: relative;}
.siteMap_area > ul {overflow: hidden;}
.siteMap_area > ul > li {float: left; width: calc((100% / 5) - 60px); margin-right: 75px; margin-bottom: 30px;}
.siteMap_area > ul > li:nth-child(5n+5) {margin-right: 0;}
.siteMap_area > ul > li:nth-child(5n+5)+li {clear: both;}
.siteMap_area > ul > li > h4 {border-bottom: 2px solid #0078d7; padding-right: 15px; word-break: keep-all; height: 70px; box-sizing: border-box; line-height: 70px; background: url(../../images/front/sub/btn_more.png) no-repeat center right;}
.siteMap_area > ul > li > h4 a {color: #000; font-size: 22px; line-height: 26px; font-weight: 500;}
.siteMap_area > ul > li > ul {padding-top: 10px;}
.siteMap_area > ul > li > ul > li > a, .siteMap_area > ul > li > ul > li > button {display: block; position: relative; width: 100%; text-align: left; color: #333; font-size: 16px; line-height: normal; letter-spacing: -0.06em; padding: 5px 0 5px 12px;}
.siteMap_area > ul > li > ul > li.plus {height: 34px; overflow: hidden; transition: all .3s;}
.siteMap_area > ul > li > ul > li.plus > button {background-image: url("../../images/front/sub/more_plus.png"); background-repeat:no-repeat; background-position: right center;}
.siteMap_area > ul > li > ul > li.plus.on {margin-bottom: 10px;}
.siteMap_area > ul > li > ul > li.plus.on > button {background-image: url("../../images/front/sub/more_plus_on.png");}
.siteMap_area > ul > li > ul > li > a:hover, .siteMap_area > ul > li > ul > li > a:focus, .siteMap_area > ul > li > ul > li > button:hover, .siteMap_area > ul > li > ul > li > button:focus {color: #2c3691;}
.siteMap_area > ul > li > ul > li > a:before, .siteMap_area > ul > li > ul > li > button:before {content:''; position: absolute; left: 4px; top: 16px; width: 3px; height: 3px; background: #585858;}
.siteMap_area > ul > li > ul > li.plus > .depth_01 {border-bottom: 1px solid #b7b8ba; margin-bottom: 10px;}
.siteMap_area .depth_01 > li > p {background: #dfe3e8; color: #121212; font-weight: 300; font-size: 14px; letter-spacing: -0.02em; padding: 7px 0 8px 15px;}
.siteMap_area .depth_01 > li > p > span {position: relative;}
.siteMap_area .depth_01 > li:hover > p > span::before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #000;}
.siteMap_area .depth_01 > li > ul {padding: 10px 0 25px 10px;}
.siteMap_area .depth_01 > li > ul > li > a {font-size: 14px; color: #373636; font-weight: 300; padding: 0 0 5px 10px;}
.siteMap_area .depth_01 > li > ul > li > a:before {content: '-'; position: absolute; left: 0; top: 2px;}
.siteMap_area .depth_02 > li > a > span {position: relative;}
.siteMap_area .depth_02 > li > a > span::before {content: ''; display: none; position: absolute; left: -10px; bottom: -1px; width: calc(100% + 10px); height: 1px; background: #a2a2a2;}
.siteMap_area .depth_02 > li > a:hover > span::before, .siteMap_area .depth_02 > li > a:focus > span::before {display: block;}

/* ================================
	회원가입
================================ */
.join_info {margin: 12px 0 40px 0;}
.join_info .info_area {background: #fff; border: 1px solid #d4d4d4; padding: 25px 28px; color: #333; box-sizing: border-box; overflow-y: auto; height: 255px; margin-bottom: 10px; text-align: left;}
.tip_area {margin-bottom: 45px; font-size: 15px; color: #333;}
.tip_area .tit_tip {margin-bottom: 5px;}
.tip_area .tit_tip:last-child {margin-bottom: 0;}

.it_area {display: inline-block;}

/* ================================
	통계정보
================================ */
	/* side_menu */
	.side_menu {float: right; width: 285px; margin-left: 45px; border: 1px solid #d7d7d7; box-sizing: border-box;}
	.side_menu > ul > li {border-bottom: 1px solid #d7d7d7; color: #000;}
	.side_menu > ul > li:last-child {border-bottom: none;}
	.side_menu > ul > li:not([class^="on"]) .depth_01 {display: none;}
	.side_menu > ul > li > button {display: block; width: 100%; text-align: left; position: relative; padding: 11px 24px; font-size: 16px;}
	.side_menu > ul > li > button:after {content: ''; position: absolute; right: 20px; top: 50%; margin-top: -2px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #959ac8;}
	.side_menu > ul > li.on > button, .side_menu > li > button:hover {background: #2c3691; color: #fff;}
	.side_menu > ul > li > a:hover:after {border-top-color: #fff;}
	.side_menu > ul > li.on > a:after {transform: rotate(180deg); border-top-color: #fff;}
	.side_menu .depth_01 > li {position: relative;}
	.side_menu .depth_01 > li:before {content: ''; position: absolute; left: 26px; top: 35px; width: 1px; height: calc(100% - 35px); background: #b7b8ba;}
	.side_menu .depth_01 > li > p {display: block; padding: 7px 24px 8px 32px; color: #121212; background: #dfe3e8;}
	.side_menu .depth_01 > li > p span {position: relative;}
	.side_menu .depth_01 > li > p span:before {content: ''; position: absolute; left: -7px; top: 9px; width: 3px; height: 3px; background: #565656;}
	.side_menu .depth_01 > li.on > p span:after, .side_menu .depth_01 > li > button:hover span:after {content: ''; position: absolute; left: 0; bottom: -2px; width: 100%; height: 1px; background: #3b3c3d;}
	.side_menu .depth_02 > li > a {display: block; padding: 8px 10px 8px 42px; color: #121212;}
	.side_menu .depth_02 > li.on > a, .side_menu .depth_02 > li > a:hover {color: #2432ab;}
	.side_menu .depth_02 > li > a > span {position: relative;}
	.side_menu .depth_02 > li > a > span:before {content: ''; position: absolute; left: -15px; top: 10px; width: 8px; height: 1px; background: #b7b8ba;}
	.side_menu .btn_snb {display: none;}

/* .contents_box {float: left; width: calc(100% - 330px);} */
	.chart_hd {margin-bottom: 15px;}
	.chart_hd:after {content: ''; display: block; clear: both;}
	.depth_area {background: #f2f4f6; letter-spacing: -0.05em; color: #121212; font-size: 16px; text-align: center; margin-bottom: 27px;}
	.depth_area li {display: inline-block; position: relative;}
	.depth_area li:before {content: ''; position: absolute; left: 0; top: 20px; width: 1px; height: 20px; background: #848485;}
	.depth_area li:first-child:before {content: none;}
	.depth_area button, .depth_area a, .depth_area p {display: block; padding: 16px 40px 17px; letter-spacing: -0.05em;}
	.depth_area .on {border-bottom: 3px solid #2c3691;}
	.depth_area .on span {color: #1b2bb7;}

	.chart_area {border-top: 2px solid #000; padding-top: 25px; margin-bottom: 25px; overflow: hidden;}
	.chart_map {width: 388px; height: 541px; margin: 0 auto;}
	.chart_map .map_area {background: url(../../images/front/sub/chart_map.png) no-repeat; position: relative;}
	.chart_map .map_area area:focus-visible {outline: none;}
	.chart_map .map_area.data01 {background-position: -413px 0;}
	.chart_map .map_area.data02 {background-position: -826px 0;}
	.chart_map .map_area.data03 {background-position: -1239px 0;}
	.chart_map .map_area.data04 {background-position: -1652px 0;}
	.chart_map .map_area.data05 {background-position: 0 -566px;}
	.chart_map .map_area.data06 {background-position: -413px -566px;}
	.chart_map .map_area.data07 {background-position: -826px -566px;}
	.chart_map .map_area.data08 {background-position: -1239px -566px;}
	.chart_map .map_area.data09 {background-position: -1652px -566px;}
	.chart_map .map_area.data10 {background-position: 0 -1132px;}
	.chart_map .map_area.data11 {background-position: -413px -1132px;}
	.chart_map .map_area.data12 {background-position: -826px -1132px;}
	.chart_map .map_area.data13 {background-position: -1239px -1132px;}
	.chart_map .map_area.data14 {background-position: -1652px -1132px;}
	.chart_map .map_area.data15 {background-position: 0 -1698px;}
	.chart_map .map_area.data16 {background-position: -413px -1698px;}
	.chart_map .map_area.data17 {background-position: -826px -1698px;}
		.chart_map .data_text > span {position: absolute; color: #000; letter-spacing: -0.075em; font-size: 12px;}
		.chart_map .data_text > span.on {color: #fff;}
		.chart_map .data_text > span.data {margin-left: -10px;}
		.data_text .data01 {top: 100px; left: 210px;}
		.data_text .data02 {top: 130px; left: 120px;}
		.data_text .data03 {top: 110px; left: 85px;}
		.data_text .data04 {top: 100px; left: 40px;}
		.data_text .data05 {top: 230px; left: 80px;}
		.data_text .data06 {top: 215px; left: 110px;}
		.data_text .data07 {top: 246px; left: 123px;}
		.data_text .data08 {top: 180px; left: 160px;}
		.data_text .data09 {top: 215px; left: 249px;}
		.data_text .data10 {top: 290px; left: 230px;}
		.data_text .data11 {top: 328px; left: 285px;}
		.data_text .data12 {top: 350px; left: 200px;}
		.data_text .data13 {top: 365px; left: 270px;}
		.data_text .data14 {top: 400px; left: 80px;}
		.data_text .data15 {top: 368px; left: 75px;}
		.data_text .data16 {top: 310px; left: 100px;}
		.data_text .data17 {top: 505px; left: 85px;}

/* ================================
	상태표기 박스
================================ */
.info_area {border-top: 2px solid #000; border-bottom: 1px solid #ccc; background: #f9fafd; padding: 45px 0; text-align: center; margin-bottom: 50px;}
.info_area .tit {color: #2c3691; font-size: 25px; letter-spacing: -0.08em; font-weight: 300;}

/* ================================
	이용안내
================================ */
	.service_area {border-top: 2px solid #000; background: url(../../images/front/sub/guide_bg.png) no-repeat top center; background-size: 100%; padding: 70px 0;}
	.service_area .hd_tit {font-size: 35px; text-align: center; letter-spacing: -0.1em; color: #000; font-weight: 500;}
	.service_area .hd_tit .color {color: #2538c9;}
	.service_area .hd_txt {font-size: 22px; color: #000; padding: 20px 0 50px; letter-spacing: -0.075em; text-align: center;}
	.service_area .hd_txt .color {color: #636262;}
	.service_box {padding-bottom: 40px; overflow: hidden;}
	.service_box .tit_h5 {font-size: 26px; color: #2538c9; font-weight: 500; letter-spacing: -0.06em; padding-bottom: 12px;}
	.service_box .service_img + p {padding-bottom: 50px;}
	.service_box .service_img {float: right; padding: 0 75px 0 50px;}
	.service_box .service_img img {max-width: 100%;}
	.guide_box {padding-bottom: 60px; color: #333; font-size: 15px; word-wrap: break-word; word-break: keep-all; overflow: hidden;}
	.guide_box .tit_h6 {padding-left: 0;}
	div[id^="sub_pt"] .tit_h6 {line-height: 37px; padding-left: 52px; background-position: 0 center; background-size: 37px; background-repeat: no-repeat;}
	.service_list li {float: left; width: calc((100% - 20px) / 3); padding: 15px 0 0 10px; text-align: center;}
	.service_list li:first-child {padding-left: 0;}
	.service_list .list_hd {background: #2c3691; color: #fff; font-size: 22px; font-weight: 500; padding: 15px 0;}
	.service_list .list_cont {background: #eef0f5; padding: 45px 50px 0; min-height: 256px; box-sizing: border-box;}
	.service_list .list_cont .tit {font-size: 17px;}
	.service_list .list_cont p {padding-bottom: 10px;}
	.information_list {position: relative; overflow: hidden;}
	.information_list > ul > li {float: left; width: calc((100% - 20px) / 3); padding: 0 0 10px 10px;}
	.information_list > ul > li:first-child, .information_list > ul > li:nth-child(3n + 1) { padding-left: 0;}
	.information_list > ul > li .logo {position: relative; width: 100%; border: 1px solid #cbcbcb; padding: 125px 0 35px; font-size: 15px; color: #000; letter-spacing: -0.04em; box-sizing: border-box;}
	.information_list > ul > li .logo:hover, .information_list > ul > li .logo:focus {color: #2538c9; border-color: #2538c9;}
	.information_list > ul > li .logo:before {content: ''; position: absolute; left: 50%; bottom: 75px; margin-left: -38px; width: 70px; height: 70px; background-size: 100%; background-repeat: no-repeat; background-position: center;}
		.information_list >  ul > li.list01 .logo:before {background-image: url(../../images/front/sub/information_logo01.png);}
		.information_list >  ul > li.list02 .logo:before {background-image: url(../../images/front/sub/information_logo02.png);}
		.information_list >  ul > li.list03 .logo:before {background-image: url(../../images/front/sub/information_logo03.png);}
		.information_list >  ul > li.list04 .logo:before {background-image: url(../../images/front/sub/information_logo04.png);}
		.information_list >  ul > li.list05 .logo:before {background-image: url(../../images/front/sub/information_logo05.png);}
		.information_list >  ul > li.list06 .logo:before {background-image: url(../../images/front/sub/information_logo06.png);}
	.information_list .information_area {display: none; position: absolute; left: 50%; top: 10px; margin-left: -400px; max-width: 800px; width: 100%; height: 90%; background: #fff; z-index: 1; border: 2px solid #2538c9; box-sizing: border-box; padding: 20px; font-size: 14px;}
	.information_list li.on .information_area {display: block;}
	.information_area .tit {font-size: 15px; color: #000; padding-bottom: 10px;}
	.information_area ul {padding: 10px 0 0 10px; color: #000;}
	.information_area li {padding-bottom: 5px;}
	.information_area .information_close {position: absolute; right: 0; top: 0; width: 35px; height: 35px; text-indent: -9999px; background: url(../../images/front/sub/popup_close.png) #2538c9 no-repeat center;}
	.index_list {overflow: hidden;}
	.index_list li {float: left; width: calc((100% - 10px) / 2); padding-right: 10px; padding-bottom: 10px;}
	.index_list li:nth-child(2n) {padding-right: 0;}
	.index_list li a {display: block; padding: 25px 35px 25px 90px; border: 1px solid #cbcbcb; font-size: 15px; color: #000; background-position: 35px center; background-size: 37px; background-repeat: no-repeat;}
	.index_list li a:hover, .index_list li a:focus {color: #2538c9; border-color: #2538c9;}
		.index_list li .list01, #sub_pt1 .tit_h6 {background-image: url(../../images/front/sub/index_ico01.png);}
		.index_list li .list02, #sub_pt2 .tit_h6 {background-image: url(../../images/front/sub/index_ico02.png);}
		.index_list li .list03, #sub_pt3 .tit_h6 {background-image: url(../../images/front/sub/index_ico03.png);}
		.index_list li .list04, #sub_pt4 .tit_h6 {background-image: url(../../images/front/sub/index_ico04.png);}
		.index_list li .list05, #sub_pt5 .tit_h6 {background-image: url(../../images/front/sub/index_ico05.png);}
		.index_list li .list06, #sub_pt6 .tit_h6 {background-image: url(../../images/front/sub/index_ico06.png);}
		.index_list li .list07, #sub_pt7 .tit_h6 {background-image: url(../../images/front/sub/index_ico07.png);}
		.index_list li .list08, #sub_pt8 .tit_h6 {background-image: url(../../images/front/sub/index_ico08.png);}
		.index_list li .list09, #sub_pt9 .tit_h6 {background-image: url(../../images/front/sub/index_ico09.png);}
		.index_list li .list10, #sub_pt10 .tit_h6 {background-image: url(../../images/front/sub/index_ico10.png);}
		.index_list li .list11, #sub_pt11 .tit_h6 {background-image: url(../../images/front/sub/index_ico11.png);}
		.index_list li .list12, #sub_pt12 .tit_h6 {background-image: url(../../images/front/sub/index_ico12.png);}
		.index_list li .list13, #sub_pt13 .tit_h6 {background-image: url(../../images/front/sub/index_ico13.png);}
		.index_list li .list14, #sub_pt14 .tit_h6 {background-image: url(../../images/front/sub/index_ico14.png);}
		.index_list li .list15, #sub_pt15 .tit_h6 {background-image: url(../../images/front/sub/index_ico15.png);}
	.form_cate_list > span {position: relative;}

	.guide_box.hr_line:before {content: ''; display: block; border-top: 1px solid #333; padding-top: 10px; margin-top: 20px;}
	.guide_box.hr_line .bl_list03 li {margin-top: 10px;}
	.service_box:last-child, .service_box:last-child .guide_box:last-child {padding-bottom: 0;}

/* ================================
	TABLET
=============================== */
@media screen and (min-width: 801px) { /* 기존 max-width 1024 -> 800 으로 통합 */

	/* ================================
		lnb
	================================ */
	#lnb > ul > li.on > a:after, #lnb > ul > li > a:hover:after {transform: rotate(180deg); border-top-color: #2c3691;}
	#lnb > ul > li.on > a, #lnb > ul > li.list > a:hover {position: relative; z-index: 11; background: #fff; border: 1px solid #ccc; border-bottom: 0; color: #333222; box-sizing: border-box;}

	/* ================================
		form_cate_list
	================================ */
	.form_cate_list .number_form, .form_cate_list .input_form {display: inline-block; margin-right: 15px;}
	.number_form {display: inline-block;}
}

@media screen and (max-width: 800px) {

	/* ================================
		header
	================================ */
	#header {background: #2c3691;}
	#header h1 a {background-image: url("../../images/front/common/logo_w.png");}
	#header .ic_menu {background-image: url("../../images/front/common/btn_gnb_w.png");}

	/* ================================
		lnb
	================================ */
	#lnb_area {background: none; height: auto; padding-top: 0; display: none;}
	#lnb_area h2 {display: none;}
	#lnb {position: static; display: inline-block; vertical-align: middle; box-shadow: none; border-bottom: 0;}
	#lnb > ul > li.list {width: 100%;}
	#lnb > ul > li:not(:last-child) {display: none;}
	#lnb > ul > li:after {content: none;}
	#lnb > ul > li > a {height: 50px; line-height: 50px;}
	#lnb > ul > li.list > a:after {border-top-color: #fff; border-left-width: 6px; border-right-width: 6px; border-top-width: 8px; margin-top: -3px;}
	#lnb > ul > li.on > div {border: 0; padding-top: 10px;}

	/* ================================
		sub_contents
	================================ */
	#contents {margin: 0 15px 70px;}
	.chart_contents {margin: 0 15px 70px;}
	.sub_title {font-size: 22px; margin-bottom: 25px; padding-top: 24px; padding-bottom: 24px; position: relative; width: calc(100% + 30px); left: -15px; border-bottom: 1px solid #e9e9e9;}
	.info_txt {font-size: 16px;}
	.m_tab_menu, .sub_title + .tab_area, .search_area {margin-top: -25px;}
	.tab_area + #frm .search_area {margin-top: -30px;}
	.sub_title + #frm .tab_area {margin-top: -25px;}
	.sub_txt {font-size: 13px; line-height: 20px; margin-bottom: 15px;}

	/* ================================
		모바일 탭 메뉴
	================================ */
	.m_tab_menu {display: block; position: relative; left: -15px; width: calc(100% + 30px); /*border-top: 1px solid #e9e9e9;*/ border-bottom: 10px solid #e9e9e9; margin-bottom: 30px;}
	.m_tab_menu:before {content: ''; position: absolute; top: 0; left: 0; bottom: 0; z-index: 8; background: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),color-stop(65%,#fff)); background: -webkit-linear-gradient(right,rgba(255,255,255,0),#fff 83.34%); background: linear-gradient(to left,rgba(255,255,255,0),#fff 83.34%); width: 25px;}
	.m_tab_menu:after {content: ''; position: absolute; top: 0; right: 0; bottom: 0; z-index: 8; background: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),color-stop(65%,#fff)); background: -webkit-linear-gradient(left,rgba(255,255,255,0),#fff 65%); background: linear-gradient(to right,rgba(255,255,255,0),#fff 65%); width: 45px;}
	.m_tab_menu > ul {text-align: center; white-space: nowrap; padding: 0 12px; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}
	.m_tab_menu > ul::-webkit-scrollbar {display: none;}
	.m_tab_menu > ul > li {display: inline-block; margin-left: 18px;}
	.m_tab_menu > ul > li:first-child {margin-left: 0;}
	.m_tab_menu > ul > li > a {display: block; position: relative; padding: 0 3px; height: 100%; line-height: 46px; font-size: 15px;}
	.m_tab_menu > ul > li > a:before {content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: #2c3691;}
	.m_tab_menu > ul > li > a.on:before {width: 100%;}
	.m_tab_menu > ul > li > a:not([class^="on"]):before {content: none;}
	.m_tab_menu > ul > li > a.on {color: #2c3691;}


	/* ================================
		section group
	================================ */
	.tit_h4 {font-weight: 500; padding-bottom: 15px; margin-bottom: 28px; font-size: 20px; letter-spacing: -0.06em;}
	.tit_h5 {font-weight: 500; margin-bottom: 15px; font-size: 18px; letter-spacing: -0.06em;}
	.tit_h5 .t_small {display: inline-block; font-size: 16px;}
	.tit_h6 {margin-bottom: 5px; font-size: 16px; font-weight: 500;}
	.section_group .sub_tit {float: none; display: block; margin-top: 8px; font-size: 14px;}
	.section_group .section {padding-bottom: 15px;}
	.section_group .box {margin-bottom: 12px; padding-left: 5px;}
	.section_group .box02 {margin-bottom: 8px;}
	.m_section .section {display: none; padding-bottom: 0;}
	.m_section .section .tit_h5 {display: none;}
	.section_group .conts, .section_group .con_area {letter-spacing: -0.04em; position: relative;}
	.section_group .list_st01 > li {letter-spacing: -0.04em; margin-bottom: 2px;}
	.section_group .list_st01 > li > ul {margin-top: 3px;}
	.section_group .box_tbl {margin-bottom: 25px;}

	.tit_h6 {padding-left: 5px; margin-bottom: 8px; overflow: hidden;}
	.section_group .box_tbl .tit_h6 .tit_tip {font-size: 13px;}
	.section_group .box_tbl .tit_h6 .btn_dark {margin-top: 5px; width: auto; height: 36px; line-height: 36px; padding: 0 26px; font-size: 12px;}
	.section_group .tbl {position: relative;}
	.section_group div.tbl:after {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #d4d4d4;}
	.section_group .tbl > dl {display: table-row;}
	.section_group .tbl > dl > dt {display: table-cell; vertical-align: middle; width: 85px; position: static; padding: 15px 8px; box-sizing: border-box; line-height: 130%; border-bottom: 0; border-top: 1px solid #d4d4d4;}
	.section_group .tbl > dl > dd {border-top: 1px solid #d4d4d4;}
	.section_group .tbl > dl:first-child > dt+dd, .section_group .tbl > dl:first-child > dt {border-top: 0;}

	.section_group .tbl > dl > dd.Calign {text-align: left !important;}
	.section_group .tbl > dl > dd .diblk {display: inline-block;}
	.section_group .tbl .bl_list01 li {margin-bottom: 8px;}
	.section_group .tbl thead th {height: auto;}
	.section_group .tbl th {line-height: 130%;}
	.section_group .tbl tbody .diblk {display: inline;}

	.section_group .x_scroll {overflow-x: auto;}
	.section_group .x_scroll .tbl {margin-bottom: 0;}
	.section_group .x_scroll table {min-width: 768px;}
	.section_group .x_scroll:after {content: ""; position: absolute; left: 50%; top: 50%; width: 110px; height: 110px; margin-top: -55px; margin-left: -55px; background: url("../../images/front/sub/ic_table_scroll.png") no-repeat center; background-size: 110px;}
	.section_group .x_scroll.msg:after {transition: all 0.5s; opacity: 0; z-index: 0;}

	.section_group .board_list td {font-size: 14px; padding: 10px 10px; word-break: keep-all; word-wrap: break-word;}
	.section_group .board_list th {padding-left: 8px; padding-right: 8px; word-break: keep-all; word-wrap: break-word;}
	.section_group .board_list td .diblk {display: inline;}

	.section_group .no_data {padding: 25px 0;}
	.section_group .no_data .tit {font-size: 15px; padding-left: 30px;}
	.section_group .no_data .tit:before {background: url("../../images/front/sub/m_ic_result_n2.png") no-repeat center; background-size: 100%; width: 24px; height: 24px; top: 0;}

	.section_group .btn_white_gray {padding: 7px 10px 8px; font-size: 12px;}
	.section_group .tit_h6 .tit_tip {margin-left: 0; display: block;}

	/* ================================
		로그인
	================================ */
	.login_area {padding: 40px 30px;}
	.login_area .login_box {margin-top: 0;}
	.login_area .login_box .inner {margin-bottom: 0; margin-top: 20px;}
	.login_area .login_box .inner strong {font-size: 14px; margin-bottom: 8px;}
	.login_area .login_box .input_box {padding-right: 0;}
	.login_area .css_txt {height: 45px;}
	.login_area .css_txt:first-child {margin-bottom: 5px;}
	.login_area .css_txt:last-child {margin: 0;}
	.login_area .login_box .btn_login {position: static; margin-top: 5px; width: 100%; height: 50px; font-size: 14px;}
	.login_area .login_box ul {display: none;}
	.login_area .login_box li {font-size: 12px;}
	.login_area .login_box li:after {height: 8px; margin-left: 10px; margin-right: 6px; margin-top: -1px;}
	.login_area .type_box li .btn_type > span {min-height: auto;}
	.login_area .login_txt {font-size: 18px;}
	.login_btn {padding: 0;}
	.login_area div + .login_btn {margin-top: 30px; padding-top: 30px;}
	.login_btn > [class^="btn"] {max-width: 520px; width: 100%; margin-bottom: 5px; font-size: 14px;}
	.login_area + .login_btn_box, .box_type03 + .login_btn_box {margin-top: 10px;}
	.login_area .hd_tit {font-size: 24px;}

	/* ================================
		아이디, 비밀번호 찾기
	================================ */
	.login_btn_box > ul > li {width: 100%; margin: 0 0 10px; padding: 20px 15px;}
	.login_btn_box.box_3 > ul > li, .login_btn_box.icon_box > ul > li {width: 100%; margin: 0 0 10px; min-height: auto;}
	.login_btn_box.icon_box li .btn_box {padding: 20px; min-height: auto;}
	.login_btn_box > ul > li:last-child {margin-bottom: 0;}
	.login_btn_box .input_box {max-width: 410px;}
	.login_btn_box .input_box .btn {font-size: 16px; height: 50px;}
	.login_btn_box li .tit, .login_btn_box.icon_box li .tit {font-size: 18px;}
	.login_btn_box.icon_box li .btn_box .tit:before {background-size: 30px; width: 60px; height: 60px; margin-bottom: 10px;}
	.login_btn_box li .info {font-size: 14px;}
	.login_btn_box.icon_box li .info {font-size: 14px; margin-top: 10px;}
	.login_area .info_tit {font-size: 20px; padding-left: 40px;}
	.login_area .info_tit:before {width: 32px; height: 32px; background: url(../../images/front/sub/m_ic_result_n.png) no-repeat center / 100%;}

	/* ================================
		사이트맵
	================================ */
	.siteMap_area > ul {border-top: 2px solid #000;}
	.siteMap_area > ul > li {width: 100%; margin: 0;}
	.siteMap_area > ul > li > h4 {padding: 10px 0 10px 15px; border-bottom: 1px solid #d5cdcd; background-image: url(../../images/front/sub/qna_more_btn.gif); background-repeat: no-repeat; background-position: center right 15px; background-size: 10px; cursor: pointer; height: auto; line-height: normal;}
	.siteMap_area > ul > li > h4 a {font-size: 15px;}
	.siteMap_area > ul > li.on > h4 {background-image: url(../../images/front/sub/qna_more_open_btn.gif);}
	.siteMap_area > ul > li > ul {padding: 10px 0; background: #f7f8fa; border-bottom: 1px solid #d5cdcd;}
	.siteMap_area > ul > li.on > ul {display: block;}
	.siteMap_area > ul > li > ul > li > a, .siteMap_area > ul > li > ul > li > button {padding: 4px 15px; font-size: 14px;}
	.siteMap_area > ul > li > ul > li.plus {height: 28px;}
	.siteMap_area > ul > li > ul > li.plus > button {background-position: right 15px center;}
	.siteMap_area > ul > li > ul > li > a:before, .siteMap_area > ul > li > ul > li > button:before {display: none;}
	.siteMap_area > ul > li > ul > li.plus > a, .siteMap_area > ul > li > ul > li.plus.on > a {background: none;}
	.siteMap_area > ul > li > ul > li.plus:last-child > .depth_01 {margin: 0; border-bottom: none;}
	.siteMap_area > ul > li > ul > li.plus > .depth_01 {margin: 5px 0 0;}
	.siteMap_area > ul > li > ul > li > ul > li > a {padding: 2px 0 2px 6px; font-size: 13px;}
	.siteMap_area .depth_01 > li > p {font-size: 13px;}
	.siteMap_area .depth_01 > li > ul {padding: 10px 0 10px 20px;}
	.siteMap_area .depth_01 > li > ul > li > a {padding: 1px 0 1px 6px; font-size: 12px;}

	/* ================================
		선택 박스
	================================ */
	.choice_box > ul {display: block;}
	.choice_box > ul > li {display: block; padding: 15px 45px; border-bottom: 1px solid #cbcfda;}
	.choice_box > ul > li:last-child {border-bottom: 0;}
	.choice_box > ul > li > a:not(.btn_link) {padding: 15px 28px;}
	.choice_box .tit {font-size: 16px; margin-bottom: 5px; font-weight: 400;}
	.choice_box > ul > li .diblk {display: inline-block;}

	.choice_box.tab_menu_box > ul {height: auto !important;}

	/* ================================
		box_type
	================================ */
	.box_type03 {padding: 30px 15px;}
	.box_type04 {padding: 20px;}
	.paging + [class^="box_type0"] {margin-top: 55px;}
	.box_type05 {padding: 20px 0;}

	/* ================================
		안내박스
	================================ */
	.info_bot_box dt {font-size: 16px;}

	/* ================================
		상태표기 박스
	================================ */
	.info_area {padding: 25px 15px;}
	.info_area .tit {font-size: 18px;}

	/* ================================
		자격통계
	================================ */
	.chart_box .chart.m_scroll {height: auto;}
	.m_chart {width: 800px; height: 325px;}
	.m_scroll {overflow-x: auto; }
	.m_scroll .chart_tit {position: sticky; left: 0;}
	.m_scroll .m_chart:before {content: ""; position: absolute; left: 50%; top: 50%; width: 110px; height: 110px; margin-top: -55px; margin-left: -55px; background: url(../../images/front/sub/ic_table_scroll.png) no-repeat center; background-size: 110px;}
	.m_scroll.msg .m_chart:before {transition: all 0.5s; opacity: 0;}

	/* ================================
		btn
	================================ */
	.btn_dark, .btn_line_dark {height: 36px; line-height: 36px; padding: 0 26px; font-size: 12px;}

	/* ================================
		기타
	================================ */
	.section_group .tit_tip, .section_group .tit_h6 .css_checkbox_txt {font-size: 14px;}
	.number_form {max-width: 410px;}
	.number_form input {width: calc((100% / 3) - 11px);}
	.form_cate_list .number_form, .form_cate_list .input_form {margin: 5px 0;}
	.section_group .number_form + .tit_tip {display: block; margin-top: 10px;}
	.it_area {display: block;}
	.it_area input {width: calc(100% - 100px);}
	.it_area button {max-width: 100px;}

	/* ================================
		READ ME BOX
	================================ */
	.read_me {padding: 20px 23px; font-size: 13px;}
	.read_me .read_title {font-size: 16px;}

	/* ================================
		process_menu
	================================ */
	.process_menu {margin-bottom: 20px;}
	.process_menu ul li {width: calc((100% / 2) - 20px); margin-bottom: 10px; font-size: 14px; padding: 10px 12px;}
	.process_menu ul li:nth-child(2n) {margin-right: 0;}
	.process_menu ul li:after {top: 15px;}
	.process_menu ul li:nth-child(2n):after {content: none;}

	/* ================================
		통계정보
	================================ */
		/* side_menu */
		.side_menu {position: fixed; right: -260px; margin-left: 0; z-index: 999; height: calc(100vh - 60px); max-width: 100%; font-size: 13px; border: none; padding-left: 25px;}
		.side_menu > ul {height: 100%; background: #fff; overflow-y: auto;}
		.side_menu > ul  > li > button {font-size: 14px;}
		.side_menu > ul  > li:last-child {border-bottom: 1px solid #d7d7d7;}
		.side_menu .depth_01 {overflow-y: auto;}
		.side_menu .btn_snb {display: block; position: absolute; top: 50%; left: 0; margin-top: -90px; width: 25px; height: 60px; box-sizing: border-box; background: #2c3691; text-indent: -9999px;}
		.side_menu .btn_snb:after { content: ''; position: absolute; left: 50%; top: 50%; width: 6px; height: 9px; margin-left: -3px; margin-top: -5px; background: url(../../images/mng/ic_snb_arrow.png) no-repeat;}
		.side_menu.on .btn_snb:after {transform: rotate(180deg);}

		/* .contents_box {width: 100%;} */
		.depth_area {font-size: 14px;}
		.depth_area li:before {height: 15px;}
		.depth_area button, .depth_area a, .depth_area p {padding: 13px 12px 14px;}
		.filter_area .select_box {width: 70px; padding-left: 5px;}
		.select_box > li > button:before {right: 10px;}
		.chart_hd .list_tit {font-size: 12px;}
		.select_box > li > button {padding-right: 20px; font-size: 12px;}
		.select_box button {line-height: 32px; font-size: 12px;}
		.select_box .select_list {top: 32px;}

		.filter_area .btn_white2 {padding: 10px 6px; font-size: 12px;}
		.btn_xls {padding-left: 20px; background-size: 13px;}
		.btn_download {padding-left: 20px; background-size: 14px;}

	/* ================================
		이용안내
	================================ */
	.service_area {padding: 35px 0;}
	.service_area .hd_tit {font-size: 24px;}
	.service_area .hd_txt {font-size: 16px;}
	.service_box .tit_h5 {font-size: 18px; margin-bottom: 0;}
	.service_box .service_img {float: none; padding: 0; text-align: center;}
	.service_box .service_img + p {padding: 30px 0;}
	.guide_box .tit_h6 {font-size: 14px;}
	.guide_box {font-size: 13px; padding-bottom: 30px;}
	.guide_box.hr_line .bl_list03 li {margin-top: 5px;}
	.service_list li {float: none; width: 100%; padding: 0 0 10px;}
	.service_list .list_hd {padding: 10px 0; font-size: 16px;}
	.service_list .list_cont{padding: 20px; min-height: auto;}
	.service_list .list_cont .tit {font-size: 15px;}
	.information_list > ul > li {width: calc((100% - 10px) / 2);}
	.information_list > ul > li:nth-child(3n + 1) {padding-left: 10px;}
	.information_list > ul > li:first-child, .information_list > ul > li:nth-child(2n + 1) {padding-left: 0;}
	.information_list > ul > li .logo {padding: 85px 0 20px; font-size: 14px;}
	.information_list > ul > li .logo:before {bottom: 40px; background-size: 50px; margin-left: -35px;}
	.information_list .information_area {margin: 0; left: 0; width: 100%;}
	.information_list .information_area > div {max-height: 100%; overflow-y: auto;}
	.index_list li {width: 100%; padding-right: 0;}
	.index_list li a {font-size: 14px; padding: 15px 35px 15px 70px; background-position: 25px center; background-size: 30px;}
	.btn_white_gray {font-size: 12px; padding: 3px 12px 4px;}
}