@charset "utf-8";

@import url('//fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&display=swap');
/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
para, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align:baseline;
}
/* HTML5 display-role reset for older browsers */
para, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	 line-height: 1.2;
}
ol, ul, li {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
}

input, textarea, select, file, button {margin:0; padding:0; vertical-align:middle; line-height:1.2; color:#171717; font:inherit; font-size:12px;}
a {color:inherit; text-decoration:none;}
a:hover {text-decoration:none;}
button, input{overflow:visible} /*ie6,7 여분의 패딩제거*/
button {cursor:pointer;}
strong, b {font-weight:bold;}
img {vertical-align:middle;}

table{ border-collapse:collapse; border-spacing:0;}
select {
    border: 1px solid #ddd;
    background-color: #fff;
}
input[type='checkbox'] {-webkit-appearance:checkbox;} 
input[type='radio'] {-webkit-appearance:radio;}

/* skip */
.skip, legend, caption {visibility:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;overflow:hidden;}

/* clear fix*/
.clearfix:after {content:""; clear:both; display:block;}
.clearfix {overflow:auto;}

html {box-sizing:border-box;}
*, *:before, *:after {-webkit-box-sizing: border-box; box-sizing:inherit;}
*{
-webkit-text-size-adjust:none;
}
::-moz-selection { color:#fff; background:#47bdfc; }
::selection { color:#fff; background:#47bdfc; }

/* layout */
body, html {height:100%;}
body {overflow-x:hidden; min-width:320px; background:#fff; font-family:'Noto Sans KR', sans-serif; font-weight:normal; color:#222; font-size:14px; line-height:1.3; text-align:left; word-break:break-all;}
#wrap {position:relative; -webkit-text-size-adjust:none;}
.inner {width:100%; max-width:950px; margin:0 auto;}

/* content */
.unit_txt, .unit_tit, .unit_img {margin:40px 0;}
.unit_img {text-align:center;}
.figcaption {margin-top:10px; color:#666; font-size:13px; text-align:center; line-height:1.4;}
.img_type1 {width:100%; vertical-align:middle;}
.img_type2 {width:100%; max-width:420px; vertical-align:middle;}
.img_type3 {width:100%; max-width:400px; vertical-align:middle;}
.unit_txt, .unit_tit, .unit_img {text-align:left; padding:0 20px;}
.para {font-size:18px; line-height:1.6;}
.para + .para {margin-top:30px;}
.para + .imgbox {margin-top:30px;}
.imgbox + .para {margin-top:30px;}
.imgbox + .imgbox {margin-top:10px;}

.tagline {color:#888; font-size:14.5px;}
.tagline span {display:inline-block; margin-right:3px; margin-bottom:5px; padding:1px 2px; background:#f2f2f2;}

/* comm */
.ta_center {text-align:center;}
.ta_left {text-align:left;}
.ta_right {text-align:right;}
.hr_sty {height:1px; width:260px; margin:0 auto; border:0; background:#ddd;}
.hr_sty.wide {width:100%; max-width:680px;}
.hr_sty2 {width:66px; height:6px; margin:0 auto; border:0; background:url(../images/comm/ico_circle.png) no-repeat center center / 100%;}
.bg_org {background:url(../images/comm/bg_org.gif) repeat-x center center;}
.box_sty {position:relative; display:inline-block; width:100%; max-width:532px; min-width:300px; padding:32px 36px; margin:40px 0 50px; font-size:19px; font-weight:normal;}
.box_sty::before {content:""; position:absolute; top:0; left:0; width:26px; height:26px; border:solid #4a4a4a; border-width:6px 0 0 6px;}
.box_sty::after {content:""; position:absolute; bottom:0; right:0;  width:26px; height:26px; border:solid #4a4a4a; border-width:0 6px 6px 0;}
.fw_b{font-weight:bold;}
.ta_c {text-align:center;}
.blue {color:#00F;}
.red {color:#F00;}

#areaContent {margin-bottom:50px;}
header {text-align:center;}
.head_top {background:#fff; padding:0 5px;}
.head_bot {padding:2px 10px 2px 5px; background:#000;}
.unit_tit .title {margin-bottom:15px; font-size:26px; font-weight:bold; line-height:1.4; word-spacing: -1px;}
.unit_tit .sub_tit {position:relative; padding-left:10px; padding-top:20px; margin-top:10px; border-top:1px solid #f2f2f2; font-size:16px; color:#000; line-height:1.5; letter-spacing:-0.3px;}
.unit_tit .sub_tit::before {content:''; position:absolute; top:23px; bottom:3px; left:0; width:2px; background:#000;}

/* @media */

@media screen and (min-width : 680px) {

	.unit_tit .title {font-size:32px;}
	.unit_tit .sub_tit {font-size:17px;}

}

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

	.unit_txt, .unit_tit, .unit_img {margin:30px 0;}
	.areaSelect {margin:60px 0 0px;}
	.para + .para {margin-top:25px;}
	.para {font-size:17px;}
	.unit_tit .title br {display:none;}
	.head_bot {font-size: 13px;}

}


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

	.hr_sty {width:180px;}
	.unit_txt, .unit_tit, .unit_img {padding:0 15px;}
	.unit_txt.pd_0 {padding:0;}
	.article_spec li, .article_spec .date {font-size:12px;}


}


@media screen and (max-width : 320px) {
	.unit_tit .title {font-size:17px;}
	.unit_tit .sub_tit {font-size:12px;}
}