@charset "utf-8";
/* CSS Document */
/* CSS Information ----------------------------------------

Site Name : 반응형 고급형 B
Part : 기본세팅
Last edit : 2020.07.07
Author : Gautech(PDH)

관련폰트 :
font-family:'Noto Sans SC', sans-serif; (100,300,400,500,600,700,900)
font-family:'Noto Sans SC', sans-serif; (200,300,400,500,700,900)
font-family:'Noto Sans SC', sans-serif; (400,500,700,900)
font-family:'Noto Sans SC', sans-serif; (200,300,400,700)
font-family:'Noto Sans SC', sans-serif; (300,400,500,700,900)

--------------------------------------------------------- */
/* 브라우저 초기화 -------------------------------------- */
html {}

* { margin:0; padding:0; box-sizing:border-box; }

body { font-family:'Noto Sans SC', sans-serif; font-weight: 400; letter-spacing:0; font-size:14px; line-height:1.5; color:#444; word-break: normal; background-color:#f2f2f2; }

ul, ol, li { list-style:none; }

p, span, li, a, h1, h2, h3, h4, h5, h6 { transform: skew(-0.001deg); }

/* 익스 웹폰트 깨짐 방지 */
img, a { vertical-align:top; border:0; background-color: transparent; color:inherit; font-size: inherit; font-weight: inherit; font-family:'Noto Sans SC', sans-serif; }

button, input, select, textarea { vertical-align:top; border:1px solid #CCC; background-color: transparent; color:inherit; font-size: inherit; font-weight: inherit; font-family:'Noto Sans SC', sans-serif; }

input { height:28px; padding:0 5px 0 5px; vertical-align: middle; }

select { width: auto; height:28px; padding:0 20px 0 5px; vertical-align: middle; background: url(/chn/images/icon/ar_box.png) no-repeat 100% 50%; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

select::-ms-expand { display: none; }

textarea { padding:5px; }

a { text-decoration:none; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; text-decoration: none; }

a:hover { text-decoration:none; }

a:focus, a:hover {}

address { font-style:normal; }

caption { display:none; }

input::-webkit-input-placeholder { color:#ccc; }

input::-moz-placeholder { color:#ccc; }

input::-ms-input-placeholder { color:#ccc; }

/* 전체 공통 -------------------------------------- */
#skip a { position:absolute; top:-9999px; left:0; width:100%; height:0px; overflow:hidden; background-color: #027bc4; font-size: 16px; font-weight: 500; color: #fff; text-align: center; line-height: 32px; z-index: 900; }

#skip a:focus { top: 0; height: 36px; }

.board_wrap { width:90%; margin:0 auto; font-size:14px; }

.board_notice { margin-bottom:20px; }

.board_wrap:after { display:block; content:""; clear:both; }

.table_over { width: 100%; margin: 0 auto; overflow-x: auto; }

.table_notice { display:none; margin-bottom:10px; font-size:11px; }

.content_table { margin:0 auto; padding:0; width:99.8%; background-color:#FFF; border-top:2px solid #bebebe; border-collapse:collapse; }

.content_table th { font-size:15px; font-weight:400; }

.content_table td { font-size:14px; color:#777; }

.content_table th, .content_table td { text-align:center; line-height:20px; padding:12px; border-left:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; }

.content_table tr th:first-child, .content_table tr td:first-child { border-left: none; }

.content_table tr th:last-child, .content_table tr td:last-child {}

.content_table th.bg_01, .content_table td.bg_01 { background-color:#e4ebf2; }

.content_table th.bg_02, .content_table td.bg_02 { background-color:#e6f2e4; }

.content_table th.bg_03, .content_table td.bg_03 { background-color:#F9F9F9; }

.content_table th.bg_left, .content_table td.bg_left { text-align:left; }

.big_view { display: none; }

.big_view>a { display: none; }

/* 버튼 */
.btn_brown { background-color:#976c00; }

.btn_blue { background-color:#008cd6; }

.btn_orange { background-color:#d66300; }

.btn_green { background-color:#33ab24; }

.btn_gray { background-color:#444; }

.btn_lightgray { background-color:#848484; }

.btn_pink { background-color:#d8507c; }

.btn_purple { background-color:#801992; }

.btn_white_green { background-color:#fff; border:1px solid #33ab24; color:#33ab24 !important; line-height:38px !important; }

.btn_kakao { display:inline-block; line-height:50px; margin:0 2px 0 2px; }

.btn_basic { display:inline-block; background-color:#FFF; border:1px solid #CCC; padding:6px 40px 6px 20px; background-image:url(/chn/images/icon/ar_right.png); background-position:90% 50%; background-repeat:no-repeat; line-height:normal; font-size:13px; vertical-align:middle; margin-left:10px; margin-bottom:10px; }

.btn_basic2 { display:inline-block; background-color:rgba(255,255,255,0.1); padding:6px 40px 6px 20px; background-image:url(/chn/images/icon/ar_right_w.png); background-position:90% 50%; background-repeat:no-repeat; line-height:normal; font-size:13px; color:#FFF; vertical-align:middle; margin-left:10px; margin-bottom:10px; }

.btn_main { display:inline-block; color:#FFF; padding:10px 30px 10px 30px; text-align:center; min-width:200px; line-height:normal; font-size:18px; vertical-align:middle; margin:0 5px 10px 5px; font-weight:400; }

.btn_main:hover { color:#FFF; }

/* 폰트 지정 */
.font_black { color:#1c1c1c; }

.font_yellow { color:#fcd429; }

.font_gray { color:#676767; }

.font_lightgray { color:#848484; }

.font_blue { color:#008cd6; }

.font_red { color:#F00; }

.font_green { color:#33ab24; }

.font_pink { color:#d8507c; }

.font_orange { color:#F60; }

.font_white { color:#FFF; }

.font_brown { color:#cf6c00; }

.font_purple { color:#801992; }

.uline { text-decoration:underline; }

/* 1024 ~ 768까지 태블릿 설정 */
@media screen and (max-width:1024px) {
	/* 브라우저 초기화 -------------------------------------- */
	html {}
	* { margin:0; padding:0; box-sizing:border-box; }
	body { font-weight: 400; font-size:14px; line-height:1.5; color:#444; word-break: normal; }
	ul, ol, li { list-style:none; }
	img, a { vertical-align:top; border:0; background-color: transparent; color:inherit; font-size: inherit; font-weight: inherit; font-family:'Noto Sans SC', sans-serif; }
	button, input, select, textarea { vertical-align:top; border:1px solid #CCC; background-color: transparent; color:inherit; font-size: inherit; font-weight: inherit; font-family:'Noto Sans SC', sans-serif; }
	input { height:28px; padding:0 5px 0 5px; vertical-align: middle; }
	select { width: auto; height:28px; padding:0 20px 0 5px; vertical-align: middle; background: url(/chn/images/icon/ar_box.png) no-repeat 100% 50%; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
	select::-ms-expand { display: none; }
	textarea { padding:5px; }
	a { text-decoration:none; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; text-decoration: none; }
	a:hover { text-decoration:none; }
	a:focus, a:hover {}
	address { font-style:normal; }
	caption { display:none; }
	input::-webkit-input-placeholder { color:#ccc; }
	input::-moz-placeholder { color:#ccc; }
	input::-ms-input-placeholder { color:#ccc; }
	/* 전체 공통 -------------------------------------- */
	#skip a { position:absolute; top:-9999px; left:0; width:100%; height:0px; overflow:hidden; background-color: #027bc4; font-size: 16px; font-weight: 500; color: #fff; text-align: center; line-height: 32px; z-index: 900; }
	#skip a:focus { top: 0; height: 36px; }
	.board_wrap { width:100%; margin:0 auto; font-size:14px; }
	.board_notice { margin-bottom:20px; }
	.board_wrap:after { display:block; content:""; clear:both; }
	.table_over { width: 100%; margin: 0 auto; overflow-x: auto; }
	.table_notice { display:none; margin-bottom:10px; font-size:11px; }
	.content_table { margin:0 auto; padding:0; width:99.8%; background-color:#FFF; border-top:2px solid #bebebe; border-collapse:collapse; }
	.content_table th { font-size:14px; font-weight:400; }
	.content_table td { font-size:13px; color:#777; }
	.content_table th, .content_table td { text-align:center; line-height:20px; padding:12px; border-left:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; }
	.content_table tr th:first-child, .content_table tr td:first-child { border-left: none; }
	.content_table tr th:last-child, .content_table tr td:last-child {}
	.content_table th.bg_01, .content_table td.bg_01 { background-color:#e4ebf2; }
	.content_table th.bg_02, .content_table td.bg_02 { background-color:#e6f2e4; }
	.content_table th.bg_03, .content_table td.bg_03 { background-color:#F9F9F9; }
	.content_table th.bg_left, .content_table td.bg_left { text-align:left; }
	.btn_basic { display:inline-block; background-color:#FFF; border:1px solid #CCC; padding:6px 40px 6px 20px; background-image:url(/chn/images/icon/ar_right.png); background-position:90% 50%; background-repeat:no-repeat; line-height:normal; font-size:13px; vertical-align:middle; margin-left:10px; margin-bottom:10px; }
	.btn_basic2 { display:inline-block; background-color:rgba(255,255,255,0.1); padding:6px 40px 6px 20px; background-image:url(/chn/images/icon/ar_right_w.png); background-position:90% 50%; background-repeat:no-repeat; line-height:normal; font-size:13px; color:#FFF; vertical-align:middle; margin-left:10px; margin-bottom:10px; }
	.btn_main { display:inline-block; color:#FFF; padding:8px 30px 8px 30px; text-align:center; min-width:180px; line-height:normal; font-size:16px; vertical-align:middle; margin:0 5px 10px 5px; }
	.big_view { display: none; }
	.big_view>a { display: none; }
}

/* 767 ~ 320까지 모바일 설정 */
@media screen and (max-width:767px) {
	/* 브라우저 초기화 -------------------------------------- */
	html {}
	* { margin:0; padding:0; box-sizing:border-box; }
	body { font-weight: 400; font-size:13px; line-height:1.5; color:#444; word-break: normal; }
	ul, ol, li { list-style:none; }
	img, a { vertical-align:top; border:0; background-color: transparent; color:inherit; font-size: inherit; font-weight: inherit; font-family:'Noto Sans SC', sans-serif; }
	button, input, select, textarea { vertical-align:top; border:1px solid #CCC; background-color: transparent; color:inherit; font-size: inherit; font-weight: inherit; font-family:'Noto Sans SC', sans-serif; }
	input { height:28px; padding:0 5px 0 5px; vertical-align: middle; }
	select { width: auto; height:28px; padding:0 20px 0 5px; vertical-align: middle; background: url(/chn/images/icon/ar_box.png) no-repeat 100% 50%; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
	select::-ms-expand { display: none; }
	textarea { padding:5px; }
	a { text-decoration:none; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; text-decoration: none; }
	a:hover { text-decoration:none; }
	a:focus, a:hover {}
	address { font-style:normal; }
	caption { display:none; }
	input::-webkit-input-placeholder { color:#ccc; }
	input::-moz-placeholder { color:#ccc; }
	input::-ms-input-placeholder { color:#ccc; }
	/* 전체 공통 -------------------------------------- */
	#skip a { position:absolute; top:-9999px; left:0; width:100%; height:0px; overflow:hidden; background-color: #027bc4; font-size: 16px; font-weight: 500; color: #fff; text-align: center; line-height: 32px; z-index: 900; }
	#skip a:focus { top: 0; height: 36px; }
	.board_wrap { width:100%; margin:0 auto; font-size:14px; }
	.board_notice { margin-bottom:20px; }
	.board_wrap:after { display:block; content:""; clear:both; }
	.table_over { width: 100%; margin: 0 auto; overflow-x: auto; }
	.table_notice { display:none; margin-bottom:10px; font-size:11px; }
	.content_table { margin:0 auto; padding:0; width:99.8%; background-color:#FFF; border-top:2px solid #bebebe; border-collapse:collapse; }
	.content_table th { font-size:12px; font-weight:400; }
	.content_table td { font-size:12px; color:#777; }
	.content_table th, .content_table td { text-align:center; line-height:16px; padding:10px; border-left:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; }
	.content_table tr th:first-child, .content_table tr td:first-child { border-left: none; }
	.content_table tr th:last-child, .content_table tr td:last-child {}
	.content_table th.bg_01, .content_table td.bg_01 { background-color:#e4ebf2; }
	.content_table th.bg_02, .content_table td.bg_02 { background-color:#e6f2e4; }
	.content_table th.bg_03, .content_table td.bg_03 { background-color:#F9F9F9; }
	.content_table th.bg_left, .content_table td.bg_left { text-align:left; }
	.btn_basic { display:inline-block; background-color:#FFF; border:1px solid #CCC; padding:6px 40px 6px 20px; background-image:url(/chn/images/icon/ar_right.png); background-position:90% 50%; background-repeat:no-repeat; line-height:normal; font-size:12px; vertical-align:middle; margin-left:10px; margin-bottom:10px; }
	.btn_basic2 { display:inline-block; background-color:rgba(255,255,255,0.1); padding:6px 40px 6px 20px; background-image:url(/chn/images/icon/ar_right_w.png); background-position:90% 50%; background-repeat:no-repeat; line-height:normal; font-size:12px; color:#FFF; vertical-align:middle; margin-left:10px; margin-bottom:10px; }
	.btn_main { display:inline-block; color:#FFF; padding:8px 30px 8px 30px; text-align:center; min-width:150px; line-height:normal; font-size:14px; vertical-align:middle; margin:0 3px 6px 3px; }
	.big_view { display: block; position: absolute; top: 0; right: 0; background-image: url(/chn/images/icon/view.png); background-size:100%; width: 50px; height: 50px; }
	.big_view>a { display: block; width: 100%; height: 100%; }
}