@charset "utf-8";
@import "basic.css";

body{
	min-width:320px;
	max-width:640px;
	margin:0 auto;
	position:relative;
}

/* 스킵네비게이션 { */
#skipToContent{overflow:hidden; position:absolute;left:0;top:0; width:100%; z-index:9999999;}
#skipToContent dt,#skipToContent dd{margin-left:0;}
#skipToContent .hid { position: absolute; left: 0; top: -90px;}
a.skip01,a.skip02 {display:block; font-size:0; height: 1px; line-height:0; margin:0 -1px -1px 0; overflow:hidden;text-align:center; width:1px;}
a.skip01:hover,a.skip01:focus,a.skip01:active,a.skip02:hover,a.skip02:focus,a.skip02:active {background:#1a9ad8; color:#ffffff; font-size:12px; font-weight:bold; margin:0; height:20px; line-height:20px; margin:0; padding:4px 0; width:auto;}
/* } 스킵네비게이션 */

/* 메인 팝업레이어 { */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:1200px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops img{max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding: 0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding: 10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}
/* } 메인 팝업레이어 */

/* 콘테이너 { */
.container:after {
	content: '';
	display:block;
	clear:both;
}
/* } 콘테이너 */

/* 헤더 { */
.header_inner {
	position:relative;
	box-sizing:border-box;
	height:100px;
	padding:20px 10px 26px;
	z-index:9999;
	background:#ffffff;
}
.header_inner:after {
	content:"";
	display:block;
	clear:both;
}
.logo {
	float:left;
}
.logo a {
	display:block;
}
.ham_btn {
	display:none;
	position:absolute;
	right:10px;
	bottom:37px;
}
.ham_btn.on {
	display:block;
}
.ham_btn img {
	width:27px;
	height:27px;
}
#gnb {
	display:none;
	background:#ffffff;
	width:100%;
	position:absolute;
	top:100px;
	right:0;
}
#gnb .gnb_box {
	border-bottom:1px solid #dddddd;
}
#gnb .depth1 {
	border-top:1px solid #dddddd;
}
#gnb .depth1 > a, #gnb .depth1.none.on > a {
	position:relative;
	display:block;
	padding:23px 40px;
	font-family:'noto-sans-scott-m';
	color:#111111;
	font-size:25px;
	line-height:25px;
}
#gnb .depth1 > a:after, #gnb .depth1.none.on > a:after {
	content:"닫힘";
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:27px;
	height:14px;
	margin-top:-7px;
	position:absolute;
	top:50%;
	right:40px;
	background:url("../images/depth_close.png") no-repeat left top;
}
#gnb .depth1.on > a {
	color:#1499dd;
}
#gnb .depth1.on > a:after {
	content:"열림";
	background:url("../images/depth_open.png") no-repeat left top;
}
#gnb .depth2 {
	border-top:1px solid #dddddd;
	display:none;
	padding:13px 0;
}
#gnb .depth2.on {
	display:block;
}
#gnb .depth2 li a {
	display:block;
	padding:16px 61px;
	font-family:'noto-sans-scott-l';
	color:#111111;
	font-size:20px;
	line-height:20px;
}
#gnb .depth2 .on a {
	color:#1a9ad8;
}
.header_bg_box {
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:9998;
}
.gnb_middle {
	padding:30px 40px 0;
}
.family_box {
	position:relative;
}
.family_site_btn {
	position:relative;
	box-sizing:border-box;
	width:100%;
	height:60px;
	padding:20px 19px;
	line-height:18px;
	border:1px solid #5fa2cc;
	/* background:url('../images/family_site_bg.png') repeat left top; */
	background:#ffffff;
	font-family:'noto-sans-scott-dl';
	font-size:18px;
	color:#005489;
	text-align:left;
}
.family_site_btn span {
	position:absolute;
	top:50%;
	right:19px;
	display:block;
	width:10px;
	height:9px;
	margin-top:-5px;
	background:url('../images/family_site_arrow.png') no-repeat left top;
}
.family_site_btn.on {
	background:#ffffff;
}
.family_site_btn.on span {
	transform:rotate(180deg);
}
.family_site {
	display:none;
	box-sizing:border-box;
	position:absolute;
	top:59px;
	right:0;
	width:100%;
	border:1px solid #5fa2cc;
	z-index:2;
}
.family_site li + li {
	border-top:1px solid #5fa2cc;
}
.family_site li a {
	display:block;
	padding:9px 19px 8px;
	height:12px;
	font-family:'noto-sans-scott-dl';
	font-size:12px;
	line-height:12px;
	color:#005489;
	background:#ffffff;
}
.header_quick_box {
	margin-top:40px;
	padding:0 30px;
}
.header_quick_box li {
	position:relative;
	display:inline-block;
	vertical-align:top;
	text-align:center;
	width:30%;
	margin-left:5%;
}
.header_quick_box li + li + li + li {
	margin-top:5%;
}
.header_quick_box li.first {
	margin-left:0;
}
.header_quick_box li a {
	display:block;
}
.header_quick_box li a img {
	max-width:100%;
}
.header_quick_box li a span {
	display:block;
	position:absolute;
	width:100%;
	text-align:center;
	bottom:20%;
	font-family:'noto-sans-scott-l';
	font-size:15px;
	line-height:20px;
	color:#ffffff;
}
.header_quick_box li span.line2 {
	bottom:15%;
}
.gnb_bottom {
	margin-top:40px;
	overflow:hidden;
	border-top:1px solid #999999;
}
.gnb_bottom li {
	float:left;
	box-sizing:border-box;
	width:50%;
	padding:17px 0;
	font-family:'noto-sans-scott-l';
	font-size:15px;
	line-height:20px;
	color:#111111;
	text-align:center;
}
.gnb_bottom li + li {
	border-left:1px solid #999999;
}
.gnb_bottom li span {
	display:inline-block;
	margin-left:5px;
	font-family:'noto-sans-scott-m';
	font-size:18px;
	line-height:20px;
	color:#111111;
}
.gnb_bottom li br {
	display:none;
}
@media screen and (max-width:560px) {
	.header_quick_box {
		padding:0;
	}
}
@media screen and (max-width:480px) {
	.header_quick_box {
		padding:0 20px;
	}
	.header_quick_box li {
		width:49%;
		margin-left:2%;
	}
	.header_quick_box li + li + li {
		margin-left:0;
		margin-top:20px;
	}
	.header_quick_box li + li + li + li {
		margin-top:20px;
	}
	.header_quick_box li + li + li + li + li + li {
		margin-left:2%;
	}
	.header_quick_box li + li.first {
		margin-left:2%;
	}
	.header_quick_box li + li.first:last-child {
		margin-left:0;
	}
}
@media screen and (max-width:440px) {
	.header_quick_box {
		padding:0;
	}
	.header_quick_box li {
		width:47%;
		margin-left:6%;
	}
	.header_quick_box li + li + li {
		margin-left:0;
		margin-top:6%;
	}
	.header_quick_box li + li + li + li {
		margin-top:6%;
	}
	.header_quick_box li + li + li + li + li + li {
		margin-left:6%;
	}
	.header_quick_box li + li.first {
		margin-left:6%;
	}
	.gnb_bottom li span {
		margin-left:0;
		display:inline;
	}
	.gnb_bottom li br {
		display:block;
	}
}
@media screen and (max-width:400px) {
	#gnb .depth1 > a {
		font-size:18px;
		line-height:18px;
	}
	#gnb .depth2 li a {
		font-size:16px;
		line-height:16px;
	}
	.logo {
		padding-top:6px;
	}
	.logo a img {
		width:160px;
	}
}
@media screen and (max-width:360px) {
	.header_inner {
		padding:20px 10px 26px;
	}
}
/* } 헤더 */

/* 푸터 { */
#footer {
	background:#333333;
}
#footer .footer_inner {
	padding:40px 10px 56px;
}
#footer .footer_left img{
	max-width:100%;
}
#footer .footer_right {
	margin-top:20px;
}
#footer .footer_right ul li {
	font-family:'noto-sans-scott-dl';
	color:#ffffff;
	font-size:18px;
	line-height:30px;
	word-break:keep-all;
}
#footer .footer_right ul li + li {
	margin-top:10px;
}
#footer .footer_right ul li + li + li {
	margin-top:10px;
}
#footer .footer_right ul li span {
	display:inline-block;
	color:#999999;
	margin-right:22px;
}
#footer .footer_right ul li br {
	display:none;
}
#footer .footer_right ul li span + br + span {
	margin-left:40px;
}
#footer .footer_right ul li + li + li {
	color:#999999;
	font-size:12px;
	line-height:16px;
}
#footer .footer_family {
	position:relative;
	float:left;
}
@media screen and (max-width:480px) {
	#footer .footer_right ul li br {
		display:block;
	}
	#footer .footer_right ul li span + br + span {
		margin-left:0;
	}
}
@media screen and (max-width:400px) {
	#footer .footer_right ul li {
		font-size:16px;
	}
}
@media screen and (max-width:360px) {
	#footer .footer_inner {
		padding:40px 10px 56px;
	}
}
/* } 푸터 */

/* bottom_section { */
.bottom_section img {
	width:100%;
	max-width:100%;
}
.bottom_section ul {
	padding:16px 10px;
	background:#333333;
	border-bottom:1px solid #666666;
}
.bottom_section ul li {
	display:inline-block;
	position:relative;
}
.bottom_section ul li + li {
	padding-left:35px;
}
.bottom_section ul li + li:before {
	content:"";
	display:block;
	width:1px;
	height:10px;
	background:#999999;
	position:absolute;
	top:3px;
	left:17px;
}
.bottom_section ul li a {
	display:block;
	font-family: "noto-sans-scott-dl";
	font-size: 16px;
	line-height: 16px;
	color:#999999;
}
@media screen and (max-width:400px) {
	.bottom_section ul li a {
		font-size:14px;
	}
}
@media screen and (max-width:350px) {
	.bottom_section ul li + li + li {
		display:block;
		margin-top:5px;
		padding-left:0;
	}
	.bottom_section ul li + li + li:before {
		display:none;
	}
}
/* } bottom_section */

/* 탭 { */
.tab_box {
	position:relative;
	padding-top:50px;
}
.tab_box .tab_btn {
	box-sizing:content-box;
	position:absolute;
	top:0;
	left:0;
	height:48px;
	border:1px solid #333333;
}

.tab_box > ul > li > div {
	min-height:300px;
	background:#cccccc;
}
/* } 탭 */

/* 캡챠 { */
#captcha {
	position: relative;
}
#captcha #captcha_img {
	width: 128px;
	height: 48px;
	border: 1px solid #eee;
}
#captcha #captcha_key {
	width: 40%;
	height: 50px;
	border: 1px solid #eee;
	padding: 0 20px;
	font-size: 15px;
	color: #222;
}
#captcha #captcha_mp3, #captcha #captcha_reload {
	border: none;
	font-size: 15px;
	color: #fff;
}
#captcha #captcha_mp3 {
	left: 140px;
}
#captcha #captcha_reload {
	left: 181px;
}
/* } 캡챠 */
/* 기본 버튼 { */
.bb_b_btn {
	display: block;
	width: 100%;
	height: 50px;
	line-height: 48px;
	text-align: center;
	font-size: 18px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	border: 1px solid #444;
	background-color: #fff;
	color: #444;
}
.bb_b_btn.bk {
	border-color: #222;
	background-color: #222;
	color: #fff;
}
.bb_b_btn.no {
	cursor: default;
	border-color: #ccc;
	background-color: #ccc;
	outline: none;
	color: #fff;
}
.bb_s_btn {
	display: inline-block;
	height: 25px;
	line-height: 23px;
	padding: 0 15px;
	text-align: center;
	font-size: 12px;
	border: 1px solid #444;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	background: #fff;
}
.bb_s_btn.bk {
	background: #111;
	color: #fff;
}
.bb_p_btn {
	display: block;
	width: 160px;
	height: 40px;
	line-height: 38px;
	text-align: center;
	font-size: 14px;
	background: none;
	background-color: none;
	border: 1px solid #444;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	color: #444;
}
.bb_p_btn.bk {
	border-color: #222;
	background-color: #222;
	color: #fff;
}
/* } 기본 버튼 */
/* input[type="checkbox"] { */
/* .bb_chk_lbl {
	position: relative;
	display: inline-block;
	height: 20px;
	line-height: 20px;
	padding-left: 35px;
	font-size: 15px;
	cursor: pointer;
} */
/* 190730 label 접근성 focus 문제로 button화 */
.bb_chk_lbl {
	position: relative;
	display: inline-block;
	width: 22px;
	height: 22px;
	line-height: 20px;
	padding-left: 35px;
	background: none;
	border: none;
	font-size: 15px;
	cursor: pointer;
}
.bb_chk_lbl.win {
	width: inherit;
}
.bb_chk_lbl.pl0 {
	padding-left: 0;
}
.bb_chk_lbl.tl {
	text-align: left;
}
.bb_chk_lbl:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.bb_chk_lbl:after {
	content: '';
	position: absolute;
	top: 4px;
	left: 8px;
	width: 4px;
	height: 8px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
    -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);
}
.bb_ipt_chk {
	top: auto;
}
.bb_ipt_chk:focus + .bb_chk_lbl {
	font-family: "noto-sans-scott-r";
	text-decoration: underline;
}
.bb_ipt_chk:checked + .bb_chk_lbl:before {
	border: none;
	background: #222;
}
.bb_ipt_chk:checked + .bb_chk_lbl:after {
	border-color: #fff;
}
/* } input[type="checkbox"] */
/* input[type="radio"] { */
/* .bb_rdo_lbl {
	position: relative;
	padding-left: 30px;
	font-size: 15px;
	cursor: pointer;
} */
/* 190731 label 접근성 포커스 문제 button화 */
.bb_rdo_lbl {
	position: relative;
	padding-left: 30px;
	font-size: 15px;
	cursor: pointer;
	text-align: left;
    background: none;
    border: none;
    box-sizing: content-box;
}
.bb_rdo_lbl:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	border-radius: 50%;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.bb_ipt_rdo {
	top: auto;
}
.bb_ipt_rdo:checked + .bb_rdo_lbl:before {
	border: 6px solid #111;
}
/* } input[type="radio"] */
/* input[type="text/email/password"] { */
.bb_ipt_box {
	position: relative;
}
.bb_ipt_txt {
	position: relative;
	padding-right: 30px;
	background: none;
	z-index: 1;
}
.bb_ipt_txt.pw {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	z-index: 2;
}
.bb_ipt_txt ~ .bb_txt_del, .bb_ipt_txt ~ .bb_txt_show {
	position: absolute;
	top: 8px;
	border: none;
	background: none;
	outline: none;
	font-size: 16px;
	color: #ccc;
	z-index: 2;
}
.bb_ipt_txt ~ .bb_txt_del {
	display: none;
	right: 0;
}
.bb_ipt_txt ~ .bb_txt_show {
	right: 25px;
}
.bb_ipt_msg {
	display: none;
	clear: both;
	padding-top: 10px;
	font-size: 13px;
	color: #999;
}
.bb_ipt_msg.msg, .bb_ipt_msg.err {
	display: block;
}
.bb_txt_lbl.err, .bb_ipt_txt.err, .bb_ipt_msg.err {
	border-color: #cc0018 !important;
	color: #cc0018 !important;
}
/* } input[type="text/email/password"] */
/* input[type="file"] { */
.bb_file {
	overflow: hidden;
}
.bb_ipt_file {
	top: auto;
}
.bb_file_txt, .bb_file_lbl {
	float: left;
	border: 1px solid #ddd;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.bb_file_txt {
	width: 370px !important;
	background: none;
}
.bb_file_lbl {
	width: 80px;
	height: 40px;
	line-height: 38px;
	margin-left: -1px;
	background: #f3f3f3;
	text-align: center;
	font-size: 15px;
	color: #999;
	cursor: pointer;
}
/* } input[type="file"] */

/* 기본 테이블 { */
.bb_comm_tbl {
	width: 100%;
    border-top: 2px solid #111;
	border-collapse: collapse;
	font-size: 15px;
}
.bb_comm_tbl tr {
    border-bottom: 1px solid #eee;
}
.bb_comm_tbl thead tr {
    border-color: #999;
}
.bb_comm_tbl th, .bb_comm_tbl td {
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.bb_comm_tbl th {
	padding: 18px 0;
    font-family: "noto-sans-scott-m";
}
.bb_comm_tbl td {
    padding: 16px 10px;
	text-align: center;
}
.bb_comm_tbl td > div {
	margin-top: 10px;
}
.bb_comm_tbl td:after, .bb_comm_tbl td > div:after {
	content: '';
	display: table;
	clear: both;
}
.bb_comm_tbl td > div:first-child {
	margin: 0;
}
.bb_comm_tbl input[type=text], .bb_comm_tbl input[type=password], .bb_comm_tbl select, .bb_comm_tbl textarea {
	border: 1px solid #ddd;
}
.bb_comm_tbl input[type=text], .bb_comm_tbl input[type=password], .bb_comm_tbl select {
	height: 40px;
	padding: 0 10px;
}
.bb_empty {
    position: relative;
    width: 100% !important;
    padding: 30px 0 !important;
    line-height: 1em;
    text-align: center;
    font-size: 18px;
    color: #999 !important;
}
.bb_empty:before {
    content: '!';
    display: block;
    width: 50px;
    height: 50px;
    line-height: 46px;
    margin: 0 auto 20px;
    border: 2px solid #ddd;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    border-radius: 50%;
    text-align: center;
    font-size: 30px;
    color: #ddd;
}
/* } 기본 테이블 */
/* 검색바 { */
.bb_search_bar {
	margin-bottom: 20px;
}
.bb_search_bar:after {
	content: '';
	display: table;
	clear: both;
}
.bb_search_bar p {
	float: left;
	line-height: 40px;
	font-size: 14px;
	color: #999;
}
.bb_search_bar span {
	color: #222;
}
.bb_search_bar form {
	float: right;
	overflow: hidden;
}
.bb_search_bar .bb_select, .bb_search_bar .bb_text, .bb_search_bar .bb_button {
	float: left;
	height: 40px;
	border: 1px solid #ddd;
}
.bb_search_bar .bb_select {
	width: 140px;
}
.bb_search_bar .bb_text {
	width: 335px;
	margin-left: 5px;
	text-indent: 10px;
	border-right: none;
}
.bb_search_bar .bb_button {
	width: 40px;
	background: none;
	border-left: none;
	font-size: 20px;
	color: #222;
}
/* } 검색바 */
/* 페이지네이션 { */
.bb_pagination .bb_pg {
	display: table;
	margin: 0 auto;
	overflow: hidden;
}
.bb_pagination strong, .bb_pagination a {
	float: left;
	text-align: center;
	width: 30px;
	height: 30px;
	margin: 0 2px;
	line-height: 28px;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	font-size: 13px;
	color: #666;
}
.bb_pagination .bb_start, .bb_pagination .bb_prev, .bb_pagination .bb_next, .bb_pagination .bb_end {
	background-repeat: no-repeat;
	background-position: center;
	border: 1px solid #ddd;
}
.bb_pagination .bb_start {
	background-image: url(../images/pg_start.png);
}
.bb_pagination .bb_prev {
	background-image: url(../images/pg_prev.png);
}
.bb_pagination .bb_next {
	background-image: url(../images/pg_next.png);
}
.bb_pagination .bb_end {
	background-image: url(../images/pg_end.png);
}
.bb_pagination strong {
	border: 1px solid #111;
	background: #111;
	color: #fff;
}
/* } 페이지네이션 */