@charset "utf-8";

@font-face {
	font-family:'NotoSansKR Thin';
	src:url('../fonts/notokr-thin.eot');
	src:url('../fonts/notokr-thin.eot?#iefix') format('embedded-opentype'),
	url('../fonts/notokr-thin.woff2') format('woff2'),
	url('../fonts/notokr-thin.woff') format('woff'),
	url('../fonts/notokr-thin.ttf') format('truetype'),
	url('../fonts/notokr-thin.svg#notokr-thin') format('svg');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'NotoSansKR Light';
	src:url('../fonts/notokr-light.eot');
	src:url('../fonts/notokr-light.eot?#iefix') format('embedded-opentype'),
	url('../fonts/notokr-light.woff2') format('woff2'),
	url('../fonts/notokr-light.woff') format('woff'),
	url('../fonts/notokr-light.ttf') format('truetype'),
	url('../fonts/notokr-light.svg#notokr-light') format('svg');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'NotoSansKR DemiLight';
	src:url('../fonts/notokr-demilight.eot');
	src:url('../fonts/notokr-demilight.eot?#iefix') format('embedded-opentype'),
	url('../fonts/notokr-demilight.woff2') format('woff2'),
	url('../fonts/notokr-demilight.woff') format('woff'),
	url('../fonts/notokr-demilight.ttf') format('truetype'),
	url('../fonts/notokr-demilight.svg#notokr-demilight') format('svg');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'NotoSansKR Regular';
	src:url('../fonts/notokr-regular.eot');
	src:url('../fonts/notokr-regular.eot?#iefix') format('embedded-opentype'),
	url('../fonts/notokr-regular.woff2') format('woff2'),
	url('../fonts/notokr-regular.woff') format('woff'),
	url('../fonts/notokr-regular.ttf') format('truetype'),
	url('../fonts/notokr-regular.svg#notokr-regular') format('svg');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'NotoSansKR Medium';
	src:url('../fonts/notokr-medium.eot');
	src:url('../fonts/notokr-medium.eot?#iefix') format('embedded-opentype'),
	url('../fonts/notokr-medium.woff2') format('woff2'),
	url('../fonts/notokr-medium.woff') format('woff'),
	url('../fonts/notokr-medium.ttf') format('truetype'),
	url('../fonts/notokr-medium.svg#notokr-medium') format('svg');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'NotoSansKR Bold';
	src:url('../fonts/notokr-bold.eot');
	src:url('../fonts/notokr-bold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/notokr-bold.woff2') format('woff2'),
	url('../fonts/notokr-bold.woff') format('woff'),
	url('../fonts/notokr-bold.ttf') format('truetype'),
	url('../fonts/notokr-bold.svg#notokr-bold') format('svg');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'NotoSansKR Black';
	src:url('../fonts/notokr-black.eot');
	src:url('../fonts/notokr-black.eot?#iefix') format('embedded-opentype'),
	url('../fonts/notokr-black.woff2') format('woff2'),
	url('../fonts/notokr-black.woff') format('woff'),
	url('../fonts/notokr-black.ttf') format('truetype'),
	url('../fonts/notokr-black.svg#notokr-black') format('svg');
	font-weight:normal;
	font-style:normal;
}

/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/

* { font-family:"NotoSansKR Regular", "Malgun Gothic", "맑은 고딕", "Helvetica", "Apple-Gothic", "Dotum", "돋움", "Gulim", "굴림", "sans-serif"; }

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, font, img, ins, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; }
ol, ul, li { list-style:none; }
legend { display:none; font-size:0; }
caption { width:0; height:0; margin:0; padding:0; overflow:hidden; border:0; text-indent:-999em; }
hr {display:none; }
body { font-size:10px; }
html, body{ width:100%; height:100%; font-size:10px; }
table { table-layout:fixed; border-collapse:collapse; border-spacing:0; }
input,select,textarea,button { border:0; }
input, textarea, select { font-family:inherit; font-size:inherit; }
textarea { resize:none; }
option { padding-right:6px; }
legend { width:0; height:0; font-size:0; line-height:0; position:absolute; top:0; left:0; overflow:hidden; visibility:hidden; }

a { color:#333333; text-decoration:none; }
a:active, a:hover, a:focus { color:#333333; text-decoration:none; }

#skip { position:relative; }
#skip a { position:absolute; top:0; left:0; z-index:1000; width:1px; height:1px; margin:0 -1px -1px 0; padding:0; overflow:hidden; background:#454545; text-align:center; font-weight:normal; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:14px; }
#skip a:hover { display:block; width:100%; height:45px; margin:0 0 0 -1px; background:#454545; line-height:45px; }
#skip a:active { display:block; width:100%; height:45px; margin:0 0 0 -1px; background:#454545; line-height:45px; }
#skip a:focus { display:block; width:100%; height:45px; margin:0 0 0 -1px; background:#454545; line-height:45px; }

/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/

body.bgop1 { background:#252525; }

.con_index_tit { padding:15px 0 15px 0; overflow:hidden; background:#151515; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#dddddd; font-size:15px; font-weight:normal; text-align:center; letter-spacing:-0.01em; border-bottom:1px solid #454545; }
.con_index_tit2 { overflow:hidden; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:15px; font-weight:normal; letter-spacing:-0.03em; }
.con_index_tit2.mop1 { margin:40px 0 0 0; }
.con_index_wrap { padding:30px 30px 30px 30px; overflow:hidden; }
.con_index_list { margin:10px 0 0 0; overflow:hidden; }
.con_index_list ul { display:table; width:100%; table-layout:fixed; border-collapse:collapse; }
.con_index_list ul li { display:table-cell; padding:5px 15px 5px 15px; border:1px solid #555555; font-family:"NotoSansKR DemiLight"; color:#dddddd; font-size:13px; text-align:left; letter-spacing:-0.03em; background:#333333; word-break:keep-all; word-break:break-all; transition:all 0.3s ease; }
.con_index_list ul li.col2 { color:#999999; }
.con_index_list ul li.col3 { text-align:center; }
.con_index_list ul li a { display:inline-block; position:relative; font-family:"NotoSansKR Regular"; color:#ffc952; font-size:13px; }
.con_index_list ul li a:hover { color:#ff6252; }
.con_index_list ul li a:before { position:absolute; left:0; bottom:0; width:0; height:1px; border-bottom:1px solid #ff6252; content:''; transition:all 0.3s ease; }
.con_index_list ul li a:hover:before,
.con_index_list ul li a:focus:before,
.con_index_list ul li a:active:before { width:100%; }
.con_index_list ul li a:active:after { position:absolute; left:0; bottom:0; width:0; height:1px; border-bottom:1px solid #ff6252; content:''; transition:all 0.3s ease; }
.con_index_list ul.header { background:#111111; }
.con_index_list ul.header li { padding:5px 15px 5px 15px; border:1px solid #555555; font-family:"NotoSansKR Medium"; color:#cccccc; font-size:13px; text-align:center; font-weight:normal; letter-spacing:-0.03em; background:#111111; }
.con_index_footer { padding:0 20px 30px 20px; overflow:hidden; font-family:"NotoSansKR Light"; color:#aaaaaa; font-size:12px; font-weight:normal; text-align:center; letter-spacing:0.07em; word-break:keep-all; }

/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/

#wrap { }

.container { width:1200px; padding:0 0 0 0; }

.con_header_wrap { }

.con_header { overflow:hidden; border-bottom:1px solid #e3e3e3; }
.con_header .con1 { height:40px; background:#f2f2f2; transition:all 0.3s ease; }
.con_header .con1 ul { float:right; overflow:hidden; margin:10px 0 0 0; }
.con_header .con1 ul li { float:left; transition:all 0.3s ease; }
.con_header .con1 ul li:last-child { margin:0 0 0 0; }
.con_header .con1 ul li.wel { background:url("../images/ic_02.png") no-repeat 0 0; margin:0 20px 0 0; padding:0 0 0 27px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#666666; font-size:14px; font-weight:normal; letter-spacing:-0.03em; }
.con_header .con1 ul li.wel span { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#000000; margin:0 2px 0 0; }
.con_header .con1 ul li a { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#666666; font-size:14px; font-weight:normal; letter-spacing:-0.03em; }
.con_header .con1 ul li a:hover { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#000000; }
.con_header .con1 ul li:after { content:"|"; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#d3d3d3; font-size:13px; font-weight:normal; text-align:center; padding:0 13px 0 13px; }
.con_header .con1 ul li:last-child:after { content:none; padding:0 0 0 12px; }
.con_header .con1 ul li a.fop1 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#f67400; }
.con_header .con1 ul li a:hover.fop1 { color:#e76e03; }

.con_header .con2 { height:150px; transition:all 0.3s ease; }
.con_header .con2 .container { position:relative; }
.con_header .con2 .con2_1 { float:left; width:180px; transition:all 0.3s ease; }
.con_header .con2 .con2_1 a { display:inline-block; width:178px; height:49px; background:url("../images/logo_01.png") no-repeat 0 0; margin:45px 0 0 0; text-indent:-10000px; }
.con_header .con2 .con2_2 { float:left; width:calc(100% - 275px); padding:60px 70px 0 0; text-align:right; transition:all 0.3s ease; }
.con_header .con2 .con2_2 a { display:inline-block; font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#c0b49a; font-size:22px; font-weight:normal; letter-spacing:-0.02em; margin:0 60px 0 0; transition:all 0.3s ease; }
.con_header .con2 .con2_2 a:last-child { margin:0 0 0 0; }
.con_header .con2 .con2_2 a:hover { color:#3e3027; }
.con_header .con2 .con2_2 a.on { color:#3e3027; }
.con_header .con2 .con2_3 { float:right; width:95px; padding:55px 0 0 0; transition:all 0.3s ease; }
.con_header .con2 .con2_3 a.link1 { display:inline-block; width:28px; height:33px; background:url("../images/header_ic_01.png") no-repeat 0 0; text-indent:-10000px; margin:0 25px 0 0; }
.con_header .con2 .con2_3 a.link2 { display:inline-block; width:36px; height:33px; background:url("../images/header_ic_02.png") no-repeat 0 0; text-indent:-10000px; }

.con_totalsearch { display:none; background:#666666; padding:20px 20px 20px 20px; }
.con_totalsearch_c { display:flex; flex-flow:row nowrap; justify-content:flex-start; }
.con_totalsearch_c .con1 { flex-grow:1; height:40px; border:1px solid #dddddd; border-top-left-radius:4px; border-bottom-left-radius:4px; background:#ffffff; padding:0 5px 0 5px; }
.con_totalsearch_c .con1 input[type="text"] { width:100%; height:38px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; border:none; color:#555555; font-size:16px; font-weight:normal; letter-spacing:-0.03em; padding:0 0 0 10px; border:0px solid #000000; }
.con_totalsearch_c .con2 { flex-shrink:0; width:60px; }
.con_totalsearch_c .con2 a { display:inline-block; width:60px; height:40px; background:url("../images/search_01.png") no-repeat center center; background-color:#949494; text-indent:-10000px; border-top-right-radius:4px; border-bottom-right-radius:4px; transition:all 0.3s ease; }
.con_totalsearch_c .con2 a:hover { background-color:#333333; }

#con_footer { margin:100px 0 0 0; padding:90px 0 40px 0; overflow:hidden; background:#2C6743; }
#con_footer .container { }
#con_footer .con1 { overflow:hidden; transition:all 0.3s ease; }
#con_footer .con1 ul { overflow:hidden; }
#con_footer .con1 ul li { float:left; margin:0 60px 15px 0; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#c39b6a; font-size:15px; font-weight:normal; letter-spacing:0.00em; transition:all 0.3s ease; }
#con_footer .con1 ul li:last-child { margin:0 0 0 0; }
#con_footer .con1 ul li.op1 { clear:both; float:initial; margin:0 0 15px 0; }
#con_footer .con1 ul li a { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#c39b6a; font-size:15px; font-weight:normal; letter-spacing:-0.01em; }
#con_footer .con1 ul li.bg1 { background:url("../images/footer_ic_01.png") no-repeat 0 0; padding:0 0 0 32px; background-size:auto 20px; }
#con_footer .con1 ul li.bg2 { background:url("../images/footer_ic_02.png") no-repeat 0 2px; padding:0 0 0 32px; }
#con_footer .con1 ul li.bg3 { background:url("../images/footer_ic_03.png") no-repeat 4px 1px; padding:0 0 0 32px; }
#con_footer .con1 ul li.bg4 { background:url("../images/footer_ic_04.png") no-repeat 0 0; padding:0 0 0 32px; background-size:auto 20px; }
#con_footer .con2 { margin:20px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
#con_footer .con2 ul { float:right; overflow:hidden; }
#con_footer .con2 ul li { float:left; margin:0 70px 0 0; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#744c29; font-size:15px; font-weight:normal; letter-spacing:0.00em; transition:all 0.3s ease; }
#con_footer .con2 ul li:last-child { margin:0 0 0 0; }
#con_footer .con2 ul li a { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#744c29; font-size:15px; font-weight:normal; letter-spacing:0.00em; }

#con_backtop { display:none; position:fixed; bottom:75px; right:30px; z-index:999999; }
#con_backtop a { display:block; width:66px; height:66px; border-radius:10px; text-indent:-10000px; background:rgba(0,0,0,0.3) url("../images/top_01.png") no-repeat center center; transition:all 0.3s ease; }
#con_backtop a:hover { background:rgba(0,0,0,0.5) url("../images/top_01.png") no-repeat center center; }

#con_content { }

.con_mcon { overflow:hidden; }

.con_mvisual { overflow:hidden; background:#b3d3fa; }
.con_mvisual img { margin:0 auto; transition:all 0.3s ease; }

.con_mquick { padding:50px 0 50px 0; overflow:hidden; transition:all 0.3s ease; }
.con_mquick ul { overflow:hidden; }
.con_mquick ul li { float:left; width:32%; margin:0 2% 0 0; }
.con_mquick ul li:last-child { margin:0 0 0 0; }
.con_mquick ul li a { display:block; height:100px; text-indent:-10000px; border:1px solid #d8d8d8; border-radius:8px; transition:all 0.3s ease; }
.con_mquick ul li a.bg1 { background:url("../images/mquick_01.png") no-repeat center center; background-size:auto 40px; }
.con_mquick ul li a.bg2 { background:#23599b url("../images/mquick_02.png") no-repeat center center; background-size:auto 40px; }
.con_mquick ul li a.bg3 { background:url("../images/mquick_03.png") no-repeat center center; background-size:auto 40px; }
.con_mquick ul li a.bg1:hover { background:#f2f2f2 url("../images/mquick_01.png") no-repeat center center; background-size:auto 40px; }
.con_mquick ul li a.bg2:hover { background:#0a3a74 url("../images/mquick_02.png") no-repeat center center; background-size:auto 40px; }
.con_mquick ul li a.bg3:hover { background:#f2f2f2 url("../images/mquick_03.png") no-repeat center center; background-size:auto 40px; }

.con_mcont { overflow:hidden; }
.con_mcont h3 { font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#594978; font-size:36px; font-weight:normal; letter-spacing:-0.03em; transition:all 0.3s ease; }
.con_mcont h3 span { font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#c1b69a; }
.con_mcont .con1 { margin:20px 0 0 0; transition:all 0.3s ease; }
.con_mcont .con1 img { width:100%; margin:0 auto; }
.con_mcont .con2 { margin:20px 0 0 0; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#333333; font-size:17px; font-weight:normal; line-height:27px; letter-spacing:-0.01em; word-break:keep-all; transition:all 0.3s ease; }
.con_mcont .con2 a.tit { margin:0 0 20px 0; display:block; font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#111111; font-size:23px; font-weight:normal; line-height:31px; letter-spacing:-0.03em; transition:all 0.3s ease; }

.con_scon { padding:20px 0 0 0; transition:all 0.3s ease; }

.con_breadcrumb { overflow:hidden; }
.con_breadcrumb ul { float:right; overflow:hidden; }
.con_breadcrumb ul li { margin:1px 0 0 0; float:left; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#888888; font-size:12px; font-weight:normal; letter-spacing:-0.01em; transition:all 0.3s ease; }
.con_breadcrumb ul li:last-child { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#111111; padding:0 0 0 0; }
.con_breadcrumb ul li:after { content:"▶"; font-family:"NotoSansKR Light","Malgun Gothic","맑은 고딕"; color:#999999; font-size:12px; font-weight:normal; text-align:center; padding:0 8px 0 8px; }
.con_breadcrumb ul li:last-child:after { content:none; padding:0 0 0 0; }
.con_breadcrumb ul li.op1 { margin:0 0 0 0; }
.con_breadcrumb ul li select { height:20px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; border:1px solid #d4d4d4; color:#888888; font-size:12px; font-weight:normal; letter-spacing:-0.03em; padding:0 0 0 2px; cursor:pointer; }

.con_pagetit { position:relative; overflow:hidden; padding:20px 0 50px 0; transition:all 0.3s ease; }
.con_pagetit h1 { font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#222222; font-size:38px; font-weight:normal; letter-spacing:-0.03em; word-break:keep-all; transition:all 0.3s ease; }
.con_pagetit span { display:inline-block; width:30px; height:2px; background:#ff4e02; margin:0 0 0 7px; transition:all 0.3s ease; }

.con_search { overflow:hidden; background:#fafafa; padding:25px 0 25px 0; border:1px solid #e2e2e2; border-radius:4px; transition:all 0.3s ease; }
.con_search.mop1 { margin:50px 0 0 0; }
.con_search.bop1 { background:#e6ebf1; }
.con_search ul { overflow:hidden; display:table; margin-left:auto; margin-right:auto; }
.con_search ul li { float:left; margin:0 10px 0 0; transition:all 0.3s ease; }
.con_search ul li.mop1 { margin:0 0 0 0; }
.con_search ul li.mop2 { margin:0 0 0 0; }
.con_search ul li.mop3 { }
.con_search ul li.wop1 { }
.con_search ul li.forms1 { width:calc(100% - 80px); margin:0 0 0 0; }
.con_search ul li.forms1_1 { width:80px; margin:0 0 0 0; }
.con_search ul li select { width:150px; height:33px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; border:1px solid #d4d4d4; color:#555555; font-size:15px; font-weight:normal; letter-spacing:-0.03em; padding:0 0 0 10px; cursor:pointer; }
.con_search ul li select.wop1 { width:150px; }
.con_search ul li select.wop2 { width:auto; }
.con_search ul li input { width:350px; height:33px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; border:1px solid #d4d4d4; border-width:1px 0 1px 1px; color:#555555; font-size:15px; font-weight:normal; letter-spacing:-0.03em; padding:0 0 0 10px; }
.con_search ul li input[type="text"].bop1 { border-width:1px 0 1px 1px; }
.con_search ul li input[type="text"].wop1 { width:150px; }
.con_search ul li input[type="text"].wop2 { width:400px; }
.con_search ul li a.link1 { display:inline-block; width:80px; height:33px; background:#666666; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:14px; font-weight:normal; text-align:center; line-height:32px; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }
.con_search ul li a.link1.brop1 { border-radius:0px; }
.con_search ul li a.link1.brop2 { border-radius:0px; }
.con_search ul li a.link1.brop3 { border-radius:0px; }
.con_search ul li a.link1:hover { background:#444444; }
.con_search ul li a.link2 { display:inline-block; width:80px; height:33px; background:#999999; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:14px; font-weight:normal; text-align:center; line-height:32px; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }
.con_search ul li a.link2.brop1 { border-radius:0px; }
.con_search ul li a.link2:hover { background:#777777; }
.con_search ul li a.link3 { display:inline-block; width:80px; height:33px; background:#678bad; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:14px; font-weight:normal; text-align:center; line-height:32px; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; margin:0 0 0 5px; }
.con_search ul li a.link3.brop1 { border-radius:0px; }
.con_search ul li a.link3:hover { background:#3e668b; }
.con_search ul li a.link4 { display:inline-block; padding:0 20px 0 20px; height:33px; background:#31a97c; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:14px; font-weight:normal; text-align:center; line-height:32px; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; margin:0 0 0 5px; }
.con_search ul li a.link4.brop1 { border-radius:0px; }
.con_search ul li a.link4:hover { background:#1a9164; }
.con_search ul li.blank { font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#111111; font-size:16px; font-weight:normal; line-height:30px; text-align:center; }

.con_list_option { margin:30px 0 10px 0; overflow:hidden; }
.con_list_option.mop1 { margin:10px 0 0 0; }
.con_list_option.mop2 { margin:20px 0 0 0; }
.con_list_option.mop3 { margin:0 0 10px 0; }
.con_list_option.mop4 { margin:30px 0 0 0; }
.con_list_option.mop5 { margin:12px 0 10px 0; }
.con_list_option .con1 { float:left; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; letter-spacing:-0.03em; background:url("../images/dot_06.png") no-repeat 0 13px; padding:5px 0 2px 12px; }
.con_list_option .con1 span { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ff6800; }
.con_list_option .con1 a.refresh { display:inline-block; width:31px; height:31px; background:url("../images/refresh_01.png") no-repeat 0 0; text-indent:-10000px; vertical-align:middle; margin:0 0 0 5px; }
.con_list_option .con2 { float:right; }
.con_list_option .con2 select { width:130px; height:26px; border:1px solid #d4d4d4; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; letter-spacing:-0.03em; padding:0 0 0 5px; cursor:pointer; }
.con_list_option .con2 a.link1 { display:inline-block; padding:0 8px 0 8px; height:26px; background:#777777; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:13px; font-weight:normal; text-align:center; line-height:27px; letter-spacing:-0.03em; border-radius:3px; margin:0 0 0 2px; transition:all 0.3s ease; }
.con_list_option .con2 a.link1:hover { background:#444444; }
.con_list_option .con2 ul { margin:7px 0 0 0; overflow:hidden; }
.con_list_option .con2 ul li { float:left; }
.con_list_option .con2 ul li:after { content:"|"; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#aaaaaa; font-size:12px; font-weight:normal; text-align:center; padding:0 10px 0 10px; }
.con_list_option .con2 ul li:last-child:after { content:none; padding:0 0 0 0; }
.con_list_option .con2 ul li a { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#777777; font-size:15px; text-align:center; font-weight:normal; letter-spacing:-0.03em; }
.con_list_option .con2 ul li a.on { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; }

.con_list { margin:10px 0 0 0; border-top:1px solid #111111; }
.con_list.mop1 { margin:15px 0 0 0; }
.con_list table { width:100%; }
.con_list th { padding:10px 15px 10px 15px; border:1px solid #e1e1e1; font-family:"NotoSansKR Medium"; color:#333333; font-size:14px; text-align:center; font-weight:normal; letter-spacing:-0.03em; background:#f2f2f2; }
.con_list td { padding:10px 15px 10px 15px; border:1px solid #e1e1e1; font-family:"NotoSansKR Regular"; color:#555555; font-size:14px; text-align:center; letter-spacing:-0.03em; word-break:keep-all; word-break:break-all; }
.con_list td.tit { padding:10px 20px 10px 20px; color:#333333; letter-spacing:-0.05em; background:#f9f9f9; }

.con_listcus { overflow:hidden; }
.con_listcus.bop1 { border-top:1px solid #111111; }
.con_listcus.mop1 { margin:10px 0 0 0; }
.con_listcus.mop2 { margin:20px 0 0 0; }
.con_listcus ul { display:table; width:100%; table-layout:fixed; border-collapse:collapse; }
.con_listcus ul li { display:table-cell; padding:15px 0 15px 0; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:15px; text-align:center; font-weight:normal; letter-spacing:-0.03em; border-bottom:1px solid #d4d4d4; word-break:break-all; vertical-align:middle; transition:all 0.3s ease; }
.con_listcus ul li.tit { text-align:left; padding:15px 0 15px 20px; }
.con_listcus ul li.tit a { display:block; position:relative; font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#111111; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.con_listcus ul li.tit2 { text-align:left; padding:15px 0 15px 20px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; }
.con_listcus ul li.nodata { width:100%; }
.con_listcus ul.header { background:#f9f9f9; border-top:1px solid #111111; }
.con_listcus ul.header li { padding:15px 0 15px 0; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#222222; font-size:15px; text-align:center; transition:all 0.3s ease; }
.con_listcus ul.header li.pop1 { padding:10px 0 10px 0; }
.con_listcus ul li span.top { display:inline-block; padding:2px 10px 2px 10px; background:#ff4e00; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:13px; font-weight:normal; line-height:18px; letter-spacing:-0.03em; text-align:center; border-radius:30px; }
.con_listcus ul li span.target { display:inline-block; width:16px; height:16px; background:url("../images/target_01.png") no-repeat 0 0; background-size:16px; text-indent:-10000px; margin:-3px 7px 0 0; vertical-align:middle; }
.con_listcus ul li span.reply { display:inline-block; width:26px; height:11px; background:url("../images/reply_01.png") no-repeat 0 0; text-indent:-10000px; margin:0 7px 0 0; vertical-align:middle; }
.con_listcus ul li a.link1 { display:inline-block; padding:5px 15px 5px 15px; background:#ffffff; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#058bff; font-size:14px; font-weight:normal; line-height:18px; letter-spacing:-0.03em; text-align:center; border-radius:3px; border:1px solid #058bff; }
.con_listcus ul li input[type="checkbox"] { margin:-2px 5px 0 0; vertical-align:middle; width:18px; height:18px; cursor:pointer; }
.con_listcus ul li input[type="radio"] { margin:-2px 5px 0 0; vertical-align:middle; width:18px; height:18px; cursor:pointer; }
.con_listcus ul li span.lock { display:inline-block; width:16px; height:19px; background:url("../images/lock_01.png") no-repeat 0 0; text-indent:-10000px; margin:0 6px 0 0; }
.con_listcus ul li span.status { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; font-size:15px; font-weight:normal; letter-spacing:-0.03em; }
.con_listcus ul li span.status.bg1 { color:#e1290d; }
.con_listcus ul li span.status.bg2 { color:#007cd0; }
.con_listcus ul li span.status.bg3 { color:#555555; }
.con_listcus a.link { display:inline-block; padding:3px 10px 3px 10px; font-size:14px; font-weight:normal; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }
.con_listcus a.link.bg1 { background:#2b8fda; }
.con_listcus a.link.bg1:hover { background:#0c70ba; }
.con_listcus a.link.bg2 { background:#50b0c6; }
.con_listcus a.link.bg2:hover { background:#2589a0; }
.con_listcus a.link.bg3 { background:#666666; }
.con_listcus a.link.bg3:hover { background:#444444; }
.con_listcus a.link.bg4 { background:#fd9137; }
.con_listcus a.link.bg4:hover { background:#cf660f; }

.con_listcus2 { margin:10px 0 0 0; overflow:hidden; }
.con_listcus2.mop1 { margin:0 0 0 0; }
.con_listcus2.mop2 { margin:30px 0 0 0; }
.con_listcus2.mop3 { margin:20px 0 0 0; }
.con_listcus2 ul { display:table; width:100%; table-layout:fixed; border-collapse:collapse; }
.con_listcus2 ul li { display:table-cell; padding:15px 5px 15px 5px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:15px; text-align:center; font-weight:normal; line-height:19px; letter-spacing:-0.03em; border-bottom:1px solid #d4d4d4; word-break:break-all; vertical-align:middle; transition:all 0.3s ease; }
.con_listcus2 ul li.pop1 { padding:10px 5px 10px 5px; }
.con_listcus2 ul li.tit { text-align:left; padding:15px 5px 15px 20px; }
.con_listcus2 ul li.tit a { display:inline-block; font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#111111; }
.con_listcus2 ul li.tit2 { text-align:left; padding:15px 5px 15px 20px; font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#111111; }
.con_listcus2 ul li.tit3 { text-align:left; padding:15px 5px 15px 20px; }
.con_listcus2 ul li.tit4 { text-align:left; padding:15px 5px 15px 20px; }
.con_listcus2 ul li.tit4 a { display:inline-block; font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#111111; }
.con_listcus2 ul li.tit5 { padding:10px 5px 10px 5px; }
.con_listcus2 ul li.tit5 a { display:inline-block; font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#111111; }
.con_listcus2 ul li.tit6 { text-align:center; padding:15px 5px 15px 5px; }
.con_listcus2 ul li.tit6 a { display:inline-block; font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#111111; }
.con_listcus2 ul li.nodata { width:100%; }
.con_listcus2 ul li dl { overflow:hidden; }
.con_listcus2 ul li dl dt { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:15px; font-weight:normal; letter-spacing:-0.01em; }
.con_listcus2 ul.header { background:#f9f9f9; border-top:1px solid #111111; }
.con_listcus2 ul.header li { padding:15px 5px 15px 5px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#222222; font-size:15px; text-align:center; }
.con_listcus2 ul.header li.pop1 { padding:10px 5px 10px 5px; }
.con_listcus2 ul li span.top { display:inline-block; padding:2px 10px 2px 10px; background:#e11e25; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:13px; font-weight:normal; line-height:18px; letter-spacing:-0.03em; text-align:center; border-radius:30px; }
.con_listcus2 ul li a.link1 { display:inline-block; padding:5px 15px 5px 15px; background:#ffffff; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#058bff; font-size:14px; font-weight:normal; line-height:18px; letter-spacing:-0.03em; text-align:center; border-radius:3px; border:1px solid #058bff; }
.con_listcus2 ul li input[type="checkbox"] { margin:-2px 5px 0 0; vertical-align:middle; width:18px; height:18px; cursor:pointer; }
.con_listcus2 ul li input[type="radio"] { margin:-2px 5px 0 0; vertical-align:middle; width:18px; height:18px; cursor:pointer; }
.con_listcus2 ul li span.status { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; font-size:15px; font-weight:normal; letter-spacing:-0.03em; }
.con_listcus2 ul li span.status.bg1 { color:#e1290d; }
.con_listcus2 ul li span.status.bg2 { color:#007cd0; }
.con_listcus2 ul li span.status.bg3 { color:#555555; }
.con_listcus2 ul li span.status.bg4 { color:#111111; }
.con_listcus2 ul li span.status.bg5 { color:#f67400; }
.con_listcus2 a.link { display:inline-block; padding:3px 10px 3px 10px; font-size:14px; font-weight:normal; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }
.con_listcus2 a.link.wop1 { width:70px; }
.con_listcus2 a.link.bg1 { background:#2b8fda; } /* 파랑 */
.con_listcus2 a.link.bg1:hover { background:#0c70ba; }
.con_listcus2 a.link.bg2 { background:#50b0c6; } /* 청록 */
.con_listcus2 a.link.bg2:hover { background:#2589a0; }
.con_listcus2 a.link.bg3 { background:#666666; } /* 그레이 */
.con_listcus2 a.link.bg3:hover { background:#444444; }
.con_listcus2 a.link.bg4 { background:#fd9137; } /* 오렌지 */
.con_listcus2 a.link.bg4:hover { background:#cf660f; }
.con_listcus2 a.link.bg5 { background:#927d67; } /* 브라운 */
.con_listcus2 a.link.bg5:hover { background:#cf660f; }
.con_listcus2 a.link.bg6 { background:#039ac7; } /* turquoise */
.con_listcus2 a.link.bg6:hover { background:#0385ac; }
.con_listcus2 a.link.bg7 { background:#31a97c; } /* 그린 */
.con_listcus2 a.link.bg7:hover { background:#1a9164; }
.con_listcus2 a.download { display:inline-block; width:17px; height:14px; background:url("../images/file_01.png") no-repeat 0 0; text-indent:-10000px; }
.con_listcus2 span.downdt { margin:-7px 0 0 5px; display:inline-block; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#f67400; font-size:13px; font-weight:normal; letter-spacing:-0.01em; vertical-align:middle; }

.con_paging { margin:40px 0 0 0; overflow:hidden; text-align:center; }
.con_paging.mop1 { margin:30px 0 0 0; }
.con_paging.bop1 { border-top:1px solid #d8d8d8; padding:30px 0 0 0; }
.con_paging a { display:inline-block; width:38px; height:38px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; background:#ffffff; text-align:center; border:1px solid #d8d8d8; line-height:38px; margin:0 4px 0 0; transition:all 0.3s ease; }
.con_paging a:last-child { margin:0 0 0 0; }
.con_paging a.on { color:#ffffff; background:#777777; border:1px solid #777777; }

.con_view { overflow:hidden; border-top:1px solid #111111; }
.con_view.mop1 { margin:15px 0 0 0; }
.con_view.mop2 { margin:30px 0 0 0; }
.con_view.mop3 { margin:40px 0 0 0; }
.con_view.mop4 { margin:50px 0 0 0; }
.con_view_head { padding:30px 20px 30px 20px; overflow:hidden; border-bottom:1px solid #d8d8d8; transition:all 0.3s ease; }
.con_view_head h1 { font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#222222; font-size:18px; font-weight:normal; line-height:25px; letter-spacing:-0.05em; word-break:keep-all; transition:all 0.3s ease; }
.con_view_head span.reply { display:inline-block; width:26px; height:11px; background:url("../images/reply_01.png") no-repeat 0 0; text-indent:-10000px; margin:0 7px 0 0; vertical-align:middle; }
.con_view_head h3 { margin:0 0 10px 0; display:inline-block; padding:2px 10px 2px 10px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:13px; font-weight:normal; line-height:18px; text-align:center; letter-spacing:-0.03em; border-radius:30px; background:#7c8598; transition:all 0.3s ease; }
.con_view_head ul { overflow:hidden; margin:15px 0 0 0; transition:all 0.3s ease; }
.con_view_head ul li { float:left; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#777777; font-size:14px; font-weight:normal; letter-spacing:-0.01em; }
.con_view_head ul li span { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#333333; font-size:14px; font-weight:normal; letter-spacing:-0.03em; margin:0 10px 0 0; }
.con_view_head ul li.status1 { color:#e1290d; }
.con_view_head ul li.status2 { color:#007cd0; }
.con_view_head ul li:last-child { }
.con_view_head ul li:after { content:"|"; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#cccccc; font-size:13px; font-weight:normal; padding:0 10px 0 10px; }
.con_view_head ul li:last-child:after { content:none; padding:0 0 0 0; }
.con_view_file { overflow:hidden; border-bottom:1px solid #d8d8d8; padding:15px 20px 15px 20px; transition:all 0.3s ease; }
.con_view_file.pop1 { border-bottom:none; padding:0 0 0 0; }
.con_view_file .con1 { margin:0 0 12px 0; padding:0 0 0 20px; overflow:hidden; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#222222; font-size:15px; font-weight:normal; letter-spacing:-0.03em; background:url("../images/dot_24.png") no-repeat 0 4px; }
.con_view_file .con1.op1 { margin:0 0 7px 0; padding:0 0 0 13px; background:url("../images/dot_06.png") no-repeat 0 8px; }
.con_view_file .con1 span.fop1 { font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#f67400; font-size:15px; font-weight:normal; letter-spacing:0.00em; }
.con_view_file .con1 span.fop2 { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#666666; font-size:13px; font-weight:normal; letter-spacing:0.00em; margin:0 0 0 3px; }
.con_view_file .con1 a { float:right; display:inline-block; margin:2px 0 0 0; padding:1px 13px 1px 31px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#111111; font-size:13px; font-weight:normal; text-align:center; border:1px solid #999999; background:#fafafa url("../images/download_01.png") no-repeat 10px 3px; transition:all 0.3s ease; }
.con_view_file .con1 a:hover { color:#ffffff; background:#666666 url("../images/download_02.png") no-repeat 10px 4px; }
.con_view_file ul { overflow:hidden; }
.con_view_file ul li { margin:0 0 5px 0; padding:5px 10px 5px 10px; background:#f2f2f2; border-radius:4px; transition:all 0.3s ease; }
.con_view_file ul li:last-child { margin:0 0 0 0; }
.con_view_file ul li img { width:20px; margin:-1px 5px 0 0; }
.con_view_file ul li a { display:block; padding:0 0 0 25px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#222222; font-size:14px; font-weight:normal; letter-spacing:-0.03em; background:url("../images/file_02.png") no-repeat 0 3px; }
.con_view_file ul li a span.fop1 { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#666666; font-size:12px; font-weight:normal; letter-spacing:0.00em; transition:all 0.3s ease; }
.con_view_file ul li a:hover { text-decoration:underline; }
.con_view_pic { overflow:hidden; border-bottom:1px solid #d8d8d8; padding:30px 20px 30px 20px; }
.con_view_pic ul { overflow:hidden; }
.con_view_pic ul li { margin:0 0 20px 0; }
.con_view_pic ul li:last-child { margin:0 0 0 0; }
.con_view_pic ul li img { max-width:100%; border:1px solid #d8d8d8; }
.con_view_content { overflow:hidden; border-bottom:1px solid #d8d8d8; padding:20px 20px 50px 20px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#333333; font-size:15px; font-weight:normal; line-height:25px; letter-spacing:-0.03em; word-break:keep-all; transition:all 0.3s ease; }
.con_view_content h4 { display:block; padding:8px 0 8px 15px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; font-size:16px; font-weight:normal; letter-spacing:-0.03em; background:#f5f5f5; border-bottom:1px solid #e2e2e2; border-radius:4px; transition:all 0.3s ease; }
.con_view_content h4 span { display:inline-block; width:29px; height:29px; font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:20px; font-weight:normal; text-align:center; line-height:27px; letter-spacing:0.01em; border-radius:100%; margin:0 10px 0 0; }
.con_view_content h4 span.bg1 { background:#02a9ca; }
.con_view_content h4 span.bg2 { background:#f67400; }
.con_view_content h4.tit1 { margin:0 0 15px 0; }
.con_view_content h4.tit2 { margin:30px 0 15px 0; }
.con_view_content.op1 { border-bottom:0px solid #d8d8d8; padding:20px 0 30px 0; }
.con_view_content .imgs { margin:0 0 30px 0; transition:all 0.3s ease; }
.con_view_content .imgs img { border:1px solid #e2e2e2; }
.con_view_content .vods { margin:10px 0 20px 0; background:#000000; transition:all 0.3s ease; }
.con_view_content .vods video { width:100%; height:500px; }
.con_view_tit { position:relative; display:block; padding:10px 0 10px 17px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; font-size:16px; font-weight:normal; letter-spacing:-0.03em; background:#fdfbf7; border-bottom:1px solid #e2e2e2; transition:all 0.3s ease; border-top:1px solid #111111; }
.con_view_tit span.tit1 { display:inline-block; width:29px; height:29px; font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:20px; font-weight:normal; text-align:center; line-height:27px; letter-spacing:0.01em; border-radius:100%; margin:0 10px 0 0; background:#02a9ca; }
.con_view_tit span.tit2 { display:inline-block; width:29px; height:29px; font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:20px; font-weight:normal; text-align:center; line-height:27px; letter-spacing:0.01em; border-radius:100%; margin:0 10px 0 0; background:#f67400; }
.con_view_tit span.time { position:absolute; right:20px; top:15px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#777777; font-size:14px; font-weight:normal; letter-spacing:-0.01em; }

.con_view2 { margin:10px 0 0 0; overflow:hidden; border-top:1px solid #111111; }
.con_view2.mop1 { margin:20px 0 0 0; }
.con_view2.mop2 { margin:0 0 0 0; }
.con_view2.mop3 { margin:30px 0 0 0; }
.con_view2 table { width:100%; }
.con_view2 th { padding:14px 20px 14px 20px; border:1px solid #d8d8d8; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#333333; font-size:15px; text-align:left; font-weight:normal; letter-spacing:-0.03em; background:#f6f6f6; transition:all 0.3s ease; }
.con_view2 th.bop1 { border-width:0 0 1px 0; }
.con_view2 th.bgop1 { background:#f2f2f2; }
.con_view2 th.bgop2 { background:#f2faff; }
.con_view2 th.bgop3 { background:#f9f7fd; }
.con_view2 th.bgop4 { background:#fdfbf7; }
.con_view2 th.bgop5 { background:#f8fbf6; }
.con_view2 td { padding:14px 20px 14px 20px; border:1px solid #d8d8d8; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#333333; font-size:15px; text-align:left; font-weight:normal; line-height:22px; letter-spacing:-0.03em; background:#ffffff; transition:all 0.3s ease; }
.con_view2 td.bop1 { border-width:0 0 1px 0; }
.con_view2 td.taop1 { text-align:center; font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#111111; letter-spacing:-0.01em; }
.con_view2 td.fop1 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#e1290d; }
.con_view2 td.fop2 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#f67400; }
.con_view2 td.fop3 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; }
.con_view2 td.pop1 { padding:15px 20px 15px 20px; }
.con_view2 td .desc { position:relative; margin:0 50px 0 0; }
.con_view2 td .desc_c { width:100%; min-height:30px; padding:10px 15px 3px 15px; border:1px solid #cccccc; border-radius:3px; }
.con_view2 td span.status { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; font-size:15px; font-weight:normal; letter-spacing:-0.03em; }
.con_view2 td span.status.bg1 { color:#e1290d; }
.con_view2 td span.status.bg2 { color:#007cd0; }
.con_view2 td span.status.bg3 { color:#555555; }
.con_view2 td span.status.bg4 { color:#f67400; }
.con_view2 td a.link1 { display:inline-block; padding:3px 8px 3px 8px; font-size:13px; font-weight:normal; background:#927d67; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; margin:0 4px 0 0; transition:all 0.3s ease; }
.con_view2 td a.link1:hover { background:#6e553c; }
.con_view2 td dl { overflow:hidden; }
.con_view2 td dl dt { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#333333; font-size:15px; font-weight:normal; letter-spacing:-0.01em; }
.con_view2 span.gracnt1 { display:inline-block; width:80px; padding:1px 5px 1px 5px; background:#777777; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:14px; font-weight:normal; text-align:center; line-height:18px; letter-spacing:0.01em; border-radius:30px; margin:0 0 10px 7px; }
.con_view2 span.gracnt2 { display:inline-block; width:80px; padding:1px 5px 1px 5px; background:#4cb983; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:14px; font-weight:normal; text-align:center; line-height:18px; letter-spacing:0.01em; border-radius:30px; margin:0 0 10px 7px; }
.con_view2 td span.gra1 { position:relative; display:block; height:18px; background:#cccccc; border-radius:30px; box-shadow:inset 4px 4px 4px rgba(0, 0, 0, 0.2); }
.con_view2 td span.gra2 { position:absolute; left:0px; top:0px; display:inline-block; height:18px; background:#6f7784; border-radius:30px; box-shadow:inset 4px 4px 4px rgba(0, 0, 0, 0.2); animation:con_view2_ani1 1s ease-in-out; }
.con_view2 td span.gra3 { position:relative; display:block; height:18px; background:#cccccc; border-radius:30px; box-shadow:inset 4px 4px 4px rgba(0, 0, 0, 0.2); }
.con_view2 td span.gra4 { position:absolute; left:0px; top:0px; display:inline-block; height:18px; background:#66cc99; border-radius:30px; box-shadow:inset 4px 4px 4px rgba(0, 0, 0, 0.2); animation:con_view2_ani1 1s ease-in-out; }
@keyframes con_view2_ani1 { 0% { width:0%; opacity:0.9; transform:translateX(0%) } 100%{ opacity:1; transform:translateX(0)} }

.con_write { overflow:hidden; border-top:1px solid #111111; }
.con_write.mop1 { margin:10px 0 0 0; }
.con_write.mop2 { margin:20px 0 0 0; }
.con_write.mop3 { margin:30px 0 0 0; }
.con_write.mop4 { margin:40px 0 0 0; }
.con_write.mop5 { margin:15px 0 0 0; }
.con_write table { width:100%; }
.con_write th { min-height:50px; padding:10px 20px 10px 20px; border:1px solid #d8d8d8; border-width:0 1px 1px 0; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#333333; font-size:15px; text-align:left; font-weight:normal; letter-spacing:-0.03em; background:#f6f6f6; transition:all 0.3s ease; }
.con_write th.bgop1 { background:#f2f2f2; }
.con_write th.bgop2 { background:#f2faff; }
.con_write th.bgop3 { background:#f9f7fd; }
.con_write th.bgop4 { background:#fdfbf7; }
.con_write th.bgop5 { background:#f8fbf6; }
.con_write th.bgop6 { background:#fdf8f7; }
.con_write td { min-height:50px; padding:10px 20px 10px 20px; border:1px solid #d8d8d8; border-width:0 1px 1px 0; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#333333; font-size:15px; text-align:left; font-weight:normal; letter-spacing:-0.03em; background:#ffffff; word-break:break-all; transition:all 0.3s ease; }
.con_write td.pop1 { padding:15px 20px 15px 20px; }
.con_write td:last-child { border-width:0 0 1px 0; }
.con_write td .desc { position:relative; margin:0 50px 0 0; }
.con_write td .desc_c { width:100%; min-height:30px; padding:10px 15px 3px 15px; border:1px solid #cccccc; border-radius:3px; }
.con_write td ul.con { overflow:hidden; }
.con_write td ul.con li { float:left; margin:0 5px 0 0; }
.con_write td ul.con li.wop1 { width:100%;margin:0 5px 5px 0; }
.con_write td ul.con li.fop1 { padding:5px 0 0 0; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#333333; font-size:14px; font-weight:normal; }
.con_write td ul.pic { overflow:hidden; margin:10px 0 0 0; }
.con_write td ul.pic li { width:100%; margin:0 0 5px 0; }
.con_write td ul.pic li img { height:200px; border:1px solid #d8d8d8; }
.con_write td ul.lyop1 { width:59%; display:flex; flex-flow:row nowrap; justify-content:flex-start; transition:all 0.3s ease; }
.con_write td ul.lyop1 li { transition:all 0.3s ease; }
.con_write td ul.lyop1 li.forms { flex-grow:1; }
.con_write td ul.lyop1 li.btns { margin:3px 0 0 3px; flex-shrink:0; }
.con_write td ul.lyop2 { width:50%; display:flex; flex-flow:row nowrap; justify-content:space-between; transition:all 0.3s ease; }
.con_write td ul.lyop2 li { transition:all 0.3s ease; }
.con_write td ul.lyop2 li.forms { width:32%; margin:0 1% 0 0; }
.con_write td ul.lyop2 li.forms:last-child { margin:0 0 0 0; }
.con_write td ul.lyop3 { width:50%; display:flex; flex-flow:row nowrap; justify-content:space-between; transition:all 0.3s ease; }
.con_write td ul.lyop3 li { transition:all 0.3s ease; }
.con_write td ul.lyop3 li.forms { width:48%; }
.con_write td ul.lyop3 li.blank { width:4%; font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#111111; font-size:16px; font-weight:normal; line-height:30px; text-align:center; }
.con_write td ul.lyop4 { overflow:hidden; transition:all 0.3s ease; }
.con_write td ul.lyop4 li { float:left; transition:all 0.3s ease; }
.con_write td ul.lyop4 li.forms1 { width:calc((100% - 163px) / 2); margin:0 8px 0 0; }
.con_write td ul.lyop4 li.forms2 { width:calc((100% - 163px) / 2); margin:0 5px 0 0; }
.con_write td ul.lyop4 li.btns { width:150px; margin:3px 0 0 0; }
.con_write td ul.lyop5 { overflow:hidden; transition:all 0.3s ease; }
.con_write td ul.lyop5 li { float:left; transition:all 0.3s ease; }
.con_write td ul.lyop5 li.forms { width:calc(100% - 155px); margin:0 5px 0 0; }
.con_write td ul.lyop5 li.btns { width:150px; margin:3px 0 0 0; }
.con_write td ul.lyop6 { overflow:hidden; transition:all 0.3s ease; }
.con_write td ul.lyop6 li { float:left; transition:all 0.3s ease; }
.con_write td ul.lyop6 li.forms1 { width:calc((100% - 180px) / 2.5); }
.con_write td ul.lyop6 li.forms2 { width:calc((100% - 180px) / 3.5); }
.con_write td ul.lyop6 li.txt { width:60px; padding:7px 0 0 10px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#666666; font-size:14px; font-weight:normal; letter-spacing:-0.02em; }
.con_write td ul.lyop7 { margin:0 0 7px 0; overflow:hidden; transition:all 0.3s ease; }
.con_write td ul.lyop7.mop1 { margin:0 0 0 0; }
.con_write td ul.lyop7 li { float:left; transition:all 0.3s ease; }
.con_write td ul.lyop7 li.txt { width:90px; padding:7px 0 0 0; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#666666; font-size:14px; font-weight:normal; letter-spacing:-0.02em; }
.con_write td ul.lyop7 li.txt.pop1 { padding:7px 0 0 20px; }
.con_write td ul.lyop7 li.forms1 { width:calc((100% - 180px) / 2); }
.con_write td ul.lyop7 li.forms2 { width:calc(100% - 90px); }
.con_write td ul.lyop8 { overflow:hidden; transition:all 0.3s ease; }
.con_write td ul.lyop8 li { float:left; transition:all 0.3s ease; }
.con_write td ul.lyop8 li.txt { width:90px; padding:7px 0 0 20px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#666666; font-size:14px; font-weight:normal; letter-spacing:-0.02em; }
.con_write td ul.lyop8 li.forms1 { width:30%; }
.con_write td ul.lyop8 li.forms2 { width:calc(70% - 90px); }
.con_write td ul.lyop9 { overflow:hidden; transition:all 0.3s ease; }
.con_write td ul.lyop9 li { float:left; transition:all 0.3s ease; }
.con_write td ul.lyop9 li.forms1 { width:49%; margin:0 2% 0 0;}
.con_write td ul.lyop9 li.forms2 { width:49%; }
.con_write td ul.lyop10 { overflow:hidden; transition:all 0.3s ease; }
.con_write td ul.lyop10 li { transition:all 0.3s ease; }
.con_write td ul.lyop10 li.forms1 { margin:0 0 7px 0; }
.con_write td ul.lyop10 li.forms2 { margin:0 0 7px 0; }
.con_write td ul.lyop10 li.forms3 { }
.con_write td ul.lyop11 { width:61%; overflow:hidden; transition:all 0.3s ease; }
.con_write td ul.lyop11 li { float:left; transition:all 0.3s ease; }
.con_write td ul.lyop11 li.forms1 { width:32%; margin:0 2% 0 0; }
.con_write td ul.lyop11 li.forms2 { width:32%; margin:0 2% 0 0; }
.con_write td ul.lyop11 li.forms3 { width:32%; }
.con_write label { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#333333; font-size:15px; font-weight:normal; letter-spacing:-0.03em; cursor:pointer; }
.con_write label.mop1 { margin:0 10px 0 0; }
.con_write label.mop2 { margin:3px 15px 5px 0; }
.con_write label.mop3 { margin:0 10px 0 0; }
.con_write select { width:100%; height:33px; border:1px solid #d4d4d4; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; letter-spacing:-0.03em; padding:0 0 0 10px; cursor:pointer; }
.con_write select.wop1 { width:70px; }
.con_write select.wop2 { width:200px; }
.con_write select.wop3 { width:200px; }
.con_write select.wop4 { width:20%; }
.con_write select.wop5 { width:185px; }
.con_write select.wop6 { width:150px; }
.con_write select.wop7 { width:50%; }
.con_write select.wop8 { width:45%; }
.con_write select.wop9 { width:160px; }
.con_write select.wop10 { width:20%; }
.con_write select.wop11 { width:200px; margin:0 0 0 5px; }
.con_write select.wop12 { width:49%; }
.con_write select.wop13 { width:50%; }
.con_write select.wop14 { width:200px; }
.con_write input[type="text"] { width:100%; height:33px; border:1px solid #d4d4d4; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; letter-spacing:-0.03em; padding:0 10px 0 10px; }
.con_write input[type="text"].wop1 { width:150px; }
.con_write input[type="text"].wop2 { width:200px; }
.con_write input[type="text"].wop3 { width:200px; }
.con_write input[type="text"].wop4 { width:50%; }
.con_write input[type="text"].wop5 { width:50%; }
.con_write input[type="text"].wop6 { width:50%; margin:7px 0 0 0; }
.con_write input[type="text"].wop7 { width:150px; }
.con_write input[type="text"].wop8 { width:90px; }
.con_write input[type="text"].wop9 { width:50px; }
.con_write input[type="text"].wop10 { width:120px; }
.con_write input[type="text"].wop11 { width:45%; }
.con_write input[type="text"].wop12 { width:160px; }
.con_write input[type="text"].wop13 { width:24%; }
.con_write input[type="text"].wop14 { width:50%; }
.con_write input[type="text"].wop15 { width:20%; }
.con_write input[type="text"].wop16 { width:200px; }
.con_write input[type="password"] { width:100%; height:33px; border:1px solid #d4d4d4; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; letter-spacing:-0.03em; padding:0 10px 0 10px; }
.con_write input[type="password"].wop1 { width:50%; }
.con_write input[type="file"] { width:100%; height:33px; border:none; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; letter-spacing:-0.03em; background:none; cursor:pointer; }
.con_write input[type="checkbox"] { margin:-2px 5px 0 0; vertical-align:middle; width:18px; height:18px; cursor:pointer; }
.con_write input[type="radio"] { margin:-2px 5px 0 0; vertical-align:middle; width:18px; height:18px; cursor:pointer; }
.con_write input[type="radio"].mop1 { margin:6px 5px 0 0; }
.con_write textarea { width:100%; height:80px; border:1px solid #d4d4d4; padding:10px 10px 10px 10px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; letter-spacing:-0.03em; line-height:20px; }
.con_write textarea.hop1 { height:400px; }
.con_write textarea.hop2 { height:200px; }
.con_write textarea.hop3 { height:150px; }
.con_write textarea.hop4 { height:70px; }
.con_write a.link1 { display:inline-block; height:33px; padding:0 15px 0 15px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:14px; font-weight:normal; background:#777777; text-align:center; line-height:33px; border-radius:3px; vertical-align:middle; margin:-3px 0 0 3px; transition:all 0.3s ease; }
.con_write a.link1:hover { background:#444444; }
.con_write a.link2 { display:inline-block; height:33px; line-height:33px; padding:0 15px 0 15px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; background:#ffffff; text-align:center; letter-spacing:-0.05em; border-radius:3px; vertical-align:middle; border:1px solid #282830; vertical-align:middle; margin:-3px 0 0 3px; transition:all 0.3s ease; }
.con_write a.link2:hover { background:#f2f2f2; }
.con_write a.link3 { display:inline-block; height:28px; padding:0 15px 0 15px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:14px; font-weight:normal; background:#31a97c; text-align:center; line-height:28px; border-radius:3px; vertical-align:middle; transition:all 0.3s ease; }
.con_write a.link3:hover { background:#1a8c61; }
.con_write a.link3.mop1 { margin:0 5px 0 0; }
.con_write a.link4 { display:inline-block; height:28px; padding:0 15px 0 15px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:14px; font-weight:normal; background:#02a9ca; text-align:center; line-height:28px; border-radius:3px; vertical-align:middle; transition:all 0.3s ease; }
.con_write a.link4:hover { background:#0186a0; }
.con_write td .noti { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#777777; font-size:14px; font-weight:normal; letter-spacing:-0.05em; padding:5px 0 0 0; }
.con_write td .noti.fop1 { color:#f67400; }
.con_write td .noti.fop2 { color:#e1290d; }
.con_write td .noti span { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#f74e3f; }
.con_write td .noti em { font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#e1290d; font-style:normal; margin:0 3px 0 0; }
.con_write td .noti2 { background:url("../images/dot_02.png") no-repeat 0 8px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#777777; font-size:14px; font-weight:normal; letter-spacing:-0.03em; padding:0 0 0 11px; margin:0 0 0 10px; }
.con_write .txtcnt { margin:3px 0 0 0; overflow:hidden; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#777777; font-size:13px; font-weight:normal; text-align:right; letter-spacing:0.00em; }
.con_write .txtcnt span { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#222222; font-size:13px; font-weight:normal; }
.con_write td span.status { font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; font-size:15px; font-weight:normal; letter-spacing:-0.03em; }
.con_write td span.status.bg1 { color:#e1290d; }
.con_write td span.status.bg2 { color:#007cd0; }
.con_write td span.status.bg3 { color:#555555; }
.con_write td span.status.bg4 { color:#ff4d02; }

.con_write2 { margin:30px 0 0 0; border-top:1px solid #111111; }
.con_write2.mop1 { margin:10px 0 0 0; }
.con_write2 table { width:100%; }
.con_write2 th { padding:10px 0 10px 0; border:1px solid #d8d8d8; background:#f8fbf6; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#333333; font-size:15px; font-weight:normal; text-align:center; line-height:22px; letter-spacing:-0.03em; transition:all 0.3s ease; }
.con_write2 th.fop1 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; }
.con_write2 td { padding:10px 15px 10px 15px; border:1px solid #d8d8d8; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#666666; font-size:15px; font-weight:normal; text-align:center; line-height:22px; letter-spacing:-0.03em; word-break:break-all; transition:all 0.3s ease; }
.con_write2 td i { display:none; }
.con_write2 td label { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#333333; font-size:15px; font-weight:normal; letter-spacing:-0.03em; cursor:pointer; }
.con_write2 td select { width:100%; height:28px; border:1px solid #d4d4d4; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; letter-spacing:-0.03em; padding:0 0 0 10px; cursor:pointer; }
.con_write2 td input[type="text"] { width:100%; height:28px; border:1px solid #d4d4d4; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; letter-spacing:-0.03em; padding:0 10px 0 10px; }
.con_write2 td input[type="password"] { width:100%; height:28px; border:1px solid #d4d4d4; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; letter-spacing:-0.03em; padding:0 10px 0 10px; }
.con_write2 td input[type="file"] { width:100%; height:28px; border:none; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; letter-spacing:-0.03em; background:none; cursor:pointer; }
.con_write2 td input[type="checkbox"] { width:18px; height:18px; cursor:pointer; }
.con_write2 td input[type="radio"] { width:18px; height:18px; cursor:pointer; }
.con_write2 td textarea { width:100%; height:80px; border:1px solid #d4d4d4; padding:10px 10px 10px 10px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; letter-spacing:-0.03em; line-height:20px; }
.con_write2 td .noti { background:url("../images/dot_08.png") no-repeat 1px 11px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#777777; font-size:12px; font-weight:normal; text-align:left; letter-spacing:-0.01em; padding:0 0 0 7px; margin:2px 0 0 0; }
.con_write2 td ul.lyop1 { overflow:hidden; transition:all 0.3s ease; }
.con_write2 td ul.lyop1 li { float:left; transition:all 0.3s ease; }
.con_write2 td ul.lyop1 li.forms1 { width:calc((100% - 25px) / 2); }
.con_write2 td ul.lyop1 li.txt { padding:5px 0 0 0; width:25px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#222222; font-size:15px; font-weight:normal; text-align:center; letter-spacing:0.00em; }

.con_imglist { overflow:hidden; border-top:1px solid #111111; }
.con_imglist .con_imglist_nodata { padding:30px 0 30px 0; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:15px; text-align:center; font-weight:normal; letter-spacing:-0.03em; border-bottom:1px solid #d4d4d4; }
.con_imglist_c { overflow:hidden; padding:25px 20px 25px 20px; border-bottom:1px solid #d8d8d8; transition:all 0.3s ease; }
.con_imglist_c .con1 { float:left; width:250px; overflow:hidden; border:1px solid #d8d8d8; transition:all 0.3s ease; }
.con_imglist_c .con1 img { width:250px; height:167px; transform:scale(1); transition:all 0.3s ease; }
.con_imglist_c .con1 img:hover { filter:brightness(90%); transform:scale(1.05); }
.con_imglist_c .con2 { float:left; width:calc(100% - 250px); overflow:hidden; padding:10px 0 0 30px; transition:all 0.3s ease; }
.con_imglist_c .con2 ul { overflow:hidden; transition:all 0.3s ease; }
.con_imglist_c .con2 ul li { transition:all 0.3s ease; }
.con_imglist_c .con2 ul li.tit { }
.con_imglist_c .con2 ul li.tit a { display:block; font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#111111; font-size:18px; font-weight:normal; line-height:26px; letter-spacing:-0.03em; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.con_imglist_c .con2 ul li.desc { margin:20px 0 0 0; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#666666; font-size:15px; font-weight:normal; line-height:23px; letter-spacing:-0.03em; word-break:keep-all; text-overflow:ellipsis; overflow:hidden; word-break:break-word; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.con_imglist_c .con2 ul li.dt { margin:10px 0 0 0; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#999999; font-size:13px; font-weight:normal; }

span.must { display:inline-block; width:10px; height:7px; background:url("../images/must_01.png") no-repeat 0 0; text-indent:-10000px; vertical-align:middle; margin:-2px 0 0 5px; }
a.files { display:block; padding:0 0 0 25px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#222222; font-size:15px; font-weight:normal; letter-spacing:-0.03em; background:url("../images/file_02.png") no-repeat 0 3px; text-decoration:underline; }

.con_file { overflow:hidden; }
.con_file.mop1 { margin:10px 0 0 0; }
.con_file ul { overflow:hidden; }
.con_file ul li { clear:both; margin:0 0 3px 0 !important; transition:all 0.3s ease; }
.con_file ul li a { padding:0 0 0 25px; background:url("../images/file_02.png") no-repeat 0 center; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕" !important; color:#111111 !important; font-size:14px !important; font-weight:normal; letter-spacing:-0.03em; text-decoration:underline; }
.con_file ul li a.del { margin:-2px 10px 0 0; padding:0 0 0 0; display:inline-block; width:15px; height:15px; background:url("../images/delete_01.png") no-repeat 0 0; text-indent:-10000px; vertical-align:middle; }

.con_file2 { margin:10px 0 0 0; padding:25px 30px 15px 30px; background:#ffffff; border:1px solid #d8d8d8; overflow:hidden; border-radius:5px; }
.con_file2 h4 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#333333; font-size:15px; font-weight:normal; letter-spacing:-0.03em; }
.con_file2 ul { overflow:hidden; margin:20px 0 0 0; }
.con_file2 ul li { clear:both !important; display:block; margin:0 0 5px 0; padding:0 0 0 0; text-align:left; border:none; transition:all 0.3s ease; }
.con_file2 ul li a { padding:0 0 0 25px; background:url("../images/file_02.png") no-repeat 0 center; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#333333; font-size:14px; font-weight:normal; letter-spacing:-0.03em; }

.con_file3 { margin:10px 0 0 0; overflow:hidden; }
.con_file3 .con1 { overflow:hidden; }
.con_file3 .con2 { margin:10px 0 0 0; overflow:hidden; }
.con_file3 .con2 ul { overflow:hidden; }
.con_file3 .con2 ul li { clear:both; margin:0 0 3px 0 !important; transition:all 0.3s ease; }
.con_file3 .con2 ul li a { padding:0 0 0 25px; background:url("../images/file_02.png") no-repeat 0 center; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕" !important; color:#111111 !important; font-size:14px !important; font-weight:normal; letter-spacing:-0.03em; text-decoration:underline; }
.con_file3 .con2 ul li a.del { margin:-2px 10px 0 0; padding:0 0 0 0; display:inline-block; width:15px; height:15px; background:url("../images/delete_01.png") no-repeat 0 0; text-indent:-10000px; vertical-align:middle; }

.con_prevnext { overflow:hidden; }
.con_prevnext ul { overflow:hidden; }
.con_prevnext ul li { float:left; border-bottom:1px solid #d8d8d8; transition:all 0.3s ease; }
.con_prevnext ul li.tit { width:20%; padding:15px 0 15px 20px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#555555; font-size:15px; font-weight:normal; letter-spacing:-0.03em; }
.con_prevnext ul li.op1 { background:#f8f8f8 url("../images/arrow_up_03.png") no-repeat right 20px center; }
.con_prevnext ul li.op2 { background:#f8f8f8 url("../images/arrow_down_03.png") no-repeat right 20px center; }
.con_prevnext ul li.op3 { clear:both; background:#f8f8f8; height:75px; }
.con_prevnext ul li.desc { width:80%; padding:15px 0 15px 20px; }
.con_prevnext ul li.desc.op1 { height:75px; background:#ffffff; }
.con_prevnext ul li.desc a { display:block; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#333333; font-size:15px; font-weight:normal; letter-spacing:-0.03em; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.con_prevnext ul li.desc a span.reply { display:inline-block; width:26px; height:11px; background:url("../images/reply_01.png") no-repeat 0 0; text-indent:-10000px; margin:0 7px 0 0; vertical-align:middle; }
.con_prevnext dl { overflow:hidden; margin:5px 0 0 0; transition:all 0.3s ease; }
.con_prevnext dl dt { float:left; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#777777; font-size:13px; font-weight:normal; letter-spacing:-0.01em; }
.con_prevnext dl dt:last-child { }
.con_prevnext dl dt:after { content:"|"; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#cccccc; font-size:11px; font-weight:normal; padding:0 10px 0 10px; }
.con_prevnext dl dt:last-child:after { content:none; padding:0 0 0 0; }

.con_btn_center { margin:35px 0 0 0; overflow:hidden; text-align:center; }
.con_btn_center a { margin:0 10px 0 0; }
.con_btn_center a:last-child { margin:0 0 0 0; }
.con_btn_center a:hover { filter:brightness(93%); }

.con_tab { display:table; width:100%; height:50px; table-layout:fixed; border-collapse:collapse; transition:all 0.3s ease; }
.con_tab a { display:table-cell; height:50px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#777777; font-size:17px; text-align:center; font-weight:normal; letter-spacing:-0.03em; background:#f9f9f9; border:1px solid #d8d8d8; border-bottom:2px solid #111111; vertical-align:middle; transition:all 0.3s ease; }
.con_tab a.on { font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#111111; background:#ffffff; border:2px solid #111111; border-width:2px 2px 0 2px; }

.con_tab2 { margin:50px 0 0 0; padding:20px 20px 5px 20px; overflow:hidden; border:1px solid #d8d8d8; background:#fafafa; border-radius:8px; transition:all 0.3s ease; }
.con_tab2 ul { overflow:hidden; }
.con_tab2 ul li { float:left; margin:0 20px 15px 0; transition:all 0.3s ease; }
.con_tab2 ul li:last-child { margin:0 0 15px 0; }
.con_tab2 ul li a { display:inline-block; padding:6px 20px 6px 20px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#666666; font-size:15px; text-align:center; font-weight:normal; letter-spacing:-0.03em;  border:1px solid #cccccc; border-radius:30px; vertical-align:middle; word-break:keep-all; transition:all 0.3s ease; }
.con_tab2 ul li a.on { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; background:#ff4d02; border:1px solid #ff4d02; }
.con_tab2 ul li a:hover { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; background:#ff4d02; border:1px solid #ff4d02; }

.con_tab3 { margin:40px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
.con_tab3 ul { overflow:hidden; display:table; margin-left:auto; margin-right:auto; }
.con_tab3 ul li { float:left; transition:all 0.3s ease; }
.con_tab3 ul li a { display:inline-block; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#666666; font-size:16px; font-weight:normal; letter-spacing:-0.03em;  transition:all 0.3s ease; }
.con_tab3 ul li a.on { font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#ff4d02; }
.con_tab3 ul li a:hover { font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#ff4d02; }
.con_tab3 ul li:after { content:"|"; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#cccccc; font-size:15px; font-weight:normal; text-align:center; padding:0 20px 0 20px; }
.con_tab3 ul li:last-child:after { content:none; padding:0 0 0 0; }

.con_tab4 { display:table; width:100%; height:50px; table-layout:fixed; border-collapse:collapse; transition:all 0.3s ease; }
.con_tab4 a { display:table-cell; height:50px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#777777; font-size:17px; text-align:center; font-weight:normal; letter-spacing:-0.03em; background:#f9f9f9; border:1px solid #d8d8d8; border-bottom:2px solid #111111; vertical-align:middle; transition:all 0.3s ease; }
.con_tab4 a.on { font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#111111; background:#ffffff; border:2px solid #111111; border-width:2px 2px 0 2px; }

.con_tit { margin:50px 0 0 0; overflow:hidden; font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#111111; font-size:30px; font-weight:normal; line-height:38px; letter-spacing:-0.03em; word-break:keep-all; transition:all 0.3s ease; }

.con_tit2 { position:relative; overflow:hidden; font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#111111; font-size:18px; font-weight:normal; letter-spacing:-0.03em; padding:0 0 1px 0; }
.con_tit2.fop1 { font-size:19px; }
.con_tit2.fop2 { margin:50px 0 0 0; padding:7px 0 10px 0; font-size:22px; border-bottom:1px solid #999999; letter-spacing:-0.05em; transition:all 0.3s ease; }
.con_tit2.fop3 { margin:30px 0 0 0; padding:7px 0 10px 27px; font-size:20px; border-bottom:1px solid #999999; letter-spacing:-0.05em; background:url("../images/dot_21.png") no-repeat 0 12px; transition:all 0.3s ease; }
.con_tit2.fop4 { margin:30px 0 0 0; padding:0 0 0 27px; font-size:20px; letter-spacing:-0.05em; background:url("../images/dot_21.png") no-repeat 0 5px; transition:all 0.3s ease; }
.con_tit2.fop5 { margin:25px 0 0 0; padding:7px 0 10px 27px; font-size:20px; border-bottom:1px solid #999999; letter-spacing:-0.05em; background:url("../images/dot_21.png") no-repeat 0 12px; transition:all 0.3s ease; }
.con_tit2.fop6 { margin:30px 0 0 0; padding:7px 0 10px 0; font-size:19px; border-bottom:1px solid #999999; letter-spacing:-0.05em; transition:all 0.3s ease; }
.con_tit2.fop7 { margin:30px 0 0 0; display:inline-block; font-size:19px; }
.con_tit2.fop8 { display:inline-block; font-size:19px; }
.con_tit2.fop9 { padding:0 0 0 27px; font-size:20px; letter-spacing:-0.05em; background:url("../images/dot_21.png") no-repeat 0 5px; transition:all 0.3s ease; }
.con_tit2.mop1 { margin:30px 0 0 0; }
.con_tit2.mop2 { margin:20px 0 0 0; padding:0 0 10px 0; }
.con_tit2.mop3 { margin:20px 0 0 0; }
.con_tit2.mop4 { margin:40px 0 0 0; padding:0 0 10px 0; }
.con_tit2.mop5 { margin:40px 0 0 0; }
.con_tit2.mop6 { margin:10px 0 0 0; }
.con_tit2.mop7 { margin:25px 0 0 0; }
.con_tit2.mop8 { margin:30px 0 0 0; }
.con_tit2.mop9 { margin:0 0 0 0; }
.con_tit2 span.txt { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#666666; font-size:14px; font-weight:normal; letter-spacing:-0.03em; margin:0 0 0 2px; }
.con_tit2 span.txt span.fw { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ff6800; letter-spacing:0.00em; }
.con_tit2 span.point { display:inline-block; background:#937f76 url("../images/point_03.png") no-repeat 15px 5px; background-size:18px; padding:2px 15px 2px 39px; font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:14px; font-weight:normal; text-align:center; letter-spacing:-0.03em; border-radius:30px; margin:-4px 0 0 5px; vertical-align:middle; }
.con_tit2 span.bar { position:absolute; left:0px; top:0px; display:inline-block; width:30px; height:2px; background:#f67400; }
.con_tit2 em.fop1 { display:inline-block; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#e1290d; font-size:20px; font-weight:normal; letter-spacing:-0.01em; font-style:normal; }
.con_tit2 em.fop2 { display:inline-block; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#f67400; font-size:20px; font-weight:normal; letter-spacing:-0.01em; font-style:normal; }
.con_tit2 em.fop3 { display:inline-block; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#927d67; font-size:15px; font-weight:normal; letter-spacing:-0.03em; font-style:normal; margin:0 3px 0 0; }
.con_tit2 em.fop3.mop1 { margin:0 0 0 3px; }
.con_tit2 .con1 { position:absolute; right:0px; top:0px; }
.con_tit2 .con1 a { display:inline-block; padding:2px 10px 2px 10px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:13px; font-weight:normal; text-align:center; line-height:16px; letter-spacing:-0.03em; border:1px solid #999999; transition:all 0.3s ease; border-radius:2px; }
.con_tit2 .con1 a:hover { background:#f2f2f2; }
.con_tit2 .con1 a.link1 { }
.con_tit2 .con1 a.link1:hover { background:#555555; color:#ffffff; }
.con_tit2 .con1 a:hover { background:#f2f2f2; }
.con_tit2 .con1 a span.bgop1 { display:inline-block; width:12px; height:7px; background:url("../images/arrow_04.png") no-repeat 0 0; text-indent:-10000px; vertical-align:middle; margin:0 0 0 7px; transition:all 0.3s ease; }
.con_tit2 .con1 a span.bgop2 { display:inline-block; width:12px; height:7px; background:url("../images/arrow_05.png") no-repeat 0 0; text-indent:-10000px; vertical-align:middle; margin:0 0 0 7px; transition:all 0.3s ease; }
.con_tit2 .con1 a:hover span.bgop1 { transform:rotate(180deg); }
.con_tit2 .con1 a:hover span.bgop2 { transform:rotate(180deg); }
.con_tit2 .con2 { position:absolute; right:0px; top:3px; }
.con_tit2 .con2 ul { overflow:hidden; }
.con_tit2 .con2 ul li { float:left; }
.con_tit2 .con2 ul li a { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; letter-spacing:-0.03em; }
.con_tit2 .con2 ul li a.on { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; font-size:14px; }
.con_tit2 .con2 ul li a:hover { color:#111111; }
.con_tit2 .con2 ul li:after { content:"|"; color:#999999; font-size:12px; font-weight:normal; text-align:center; padding:0 10px 0 10px; }
.con_tit2 .con2 ul li:last-child:after { content:none; padding:0 0 0 0; }
.con_tit2 span.mustch { display:inline-block; padding:1px 8px 1px 8px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:12px; font-weight:normal; line-height:18px; text-align:center; letter-spacing:-0.03em; border-radius:30px; margin:-3px 0 0 5px; vertical-align:middle; }
.con_tit2 span.mustch.bg1 { background:#e1800d; }
.con_tit2 span.mustch.bg2 { background:#848484; }

.con_txt { margin:30px 0 0 0; overflow:hidden; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#555555; font-size:17px; font-weight:normal; line-height:27px; letter-spacing:-0.01em; word-break:keep-all; transition:all 0.3s ease; }

.con_agree { margin:10px 0 0 0; overflow:hidden; border-top:1px solid #111111; border-bottom:1px solid #d9d9d9; padding:20px 0 20px 0; }
.con_agree.mop1 { margin:10px 0 0 0; border-top:0px solid #111111; }
.con_agree_c1 { height:250px; overflow-y:scroll; border:1px solid #d4d4d4; padding:20px 20px 30px 20px; border-radius:4px; }
.con_agree_c2 { margin:13px 0 0 0; }
.con_agree_c2 label { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#333333; font-size:15px; font-weight:normal; line-height:22px; letter-spacing:-0.03em; cursor:pointer; }
.con_agree_c2 input[type="checkbox"] { margin:-2px 5px 0 0; vertical-align:middle; width:20px; height:20px; cursor:pointer; }
.con_agree_c2 span.noti { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#e1290d; font-size:14px; font-weight:normal; line-height:18px; margin:0 0 0 3px; }

.con_agree2 { margin:30px 0 0 0; overflow:hidden; border:1px solid #d8d8d8; padding:20px 20px 20px 20px; border-radius:4px; text-align:center; background:#f5f5f5; word-break:keep-all; transition:all 0.3s ease; }
.con_agree2.mop1 { margin:10px 0 0 0; }
.con_agree2 input[type="checkbox"] { margin:-2px 5px 0 0; vertical-align:middle; width:20px; height:20px; cursor:pointer; }
.con_agree2 label { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#333333; font-size:16px; font-weight:normal; letter-spacing:-0.03em; cursor:pointer; }

.con_drag { display:none; margin:10px 0 0 0; overflow:hidden; padding:15px 20px 15px 60px; background:#fdf8f7 url("../images/dot_14.png") no-repeat 30px 22px; border:1px solid #f67400; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:15px; font-weight:normal; line-height:22px; letter-spacing:-0.03em; border-radius:5px; word-break:keep-all; }
.con_drag span { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#f67400; font-size:15px; }

.con_blank { margin:40px 0 0 0; height:13px; background:#f2f2f2; border:1px solid #d8d8d8; border-width:1px 0 1px 0; }
.con_blank2 { margin:0 5px 0 5px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#333333; font-size:15px; font-weight:normal; }

.con_imgs { overflow:hidden; transition:all 0.3s ease; }
.con_imgs.mop1 { margin:50px 0 0 0; }
.con_imgs img { margin:0 auto; transition:all 0.3s ease; }

.con_login { overflow:hidden; border-top:1px solid #111111; padding:50px 0 0 0; }
.con_login h3 { overflow:hidden; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#333333; font-size:30px; font-weight:normal; text-align:center; line-height:45px; letter-spacing:-0.03em; word-break:keep-all; transition:all 0.3s ease; }
.con_login h3 span.fop1 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ff4d02; }
.con_login h3 span.fop2 { display:block; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#666666; font-size:18px; font-weight:normal; line-height:24px; letter-spacing:-0.03em; transition:all 0.3s ease; }
.con_login_c1 { margin:30px 30% 0 30%; overflow:hidden; }
.con_login_c1 ul { overflow:hidden; }
.con_login_c1 ul li { }
.con_login_c1 ul li.forms1 { margin:0 0 15px 0; height:60px; border:1px solid #dedee0; padding:0 0 0 60px; background:#f9f9f9 url("../images/login_01.png") no-repeat 20px center; border-radius:5px; }
.con_login_c1 ul li.forms1 input[type="text"] { background:#f9f9f9; width:100%; height:58px; border:none; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#333333; font-size:16px; font-weight:normal; letter-spacing:-0.01em; }
.con_login_c1 ul li.forms2 { margin:0 0 10px 0; height:60px; border:1px solid #dedee0; padding:0 0 0 60px; background:#f9f9f9 url("../images/login_02.png") no-repeat 20px center; border-radius:5px; }
.con_login_c1 ul li.forms2 input[type="password"] { background:#f9f9f9; width:100%; height:58px; border:none; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#333333; font-size:16px; font-weight:normal; letter-spacing:-0.01em; }
.con_login_c1 ul li.idsave { margin:13px 0 25px 0; }
.con_login_c1 ul li.idsave input[type="checkbox"] { margin:-3px 5px 0 0; vertical-align:middle; width:20px; height:20px; cursor:pointer; }
.con_login_c1 ul li.idsave label { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#666666; font-size:15px; font-weight:normal; letter-spacing:-0.03em; cursor:pointer; }
.con_login_c1 ul li.btns { }
.con_login_c1 ul li.btns a { display:inline-block; width:100%; padding:20px 0px 20px 0; background:#664b8f; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:20px; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:5px; transition:all 0.3s ease; }
.con_login_c1 ul li.btns a:hover { background:#4f3577; }
.con_login_c1 ul li.btns a i { display:inline-block; width:19px; height:29px; background:url("../images/login_03.png") no-repeat 0 0; text-indent:-10000px; vertical-align:middle; margin:0 13px 0 0; }
.con_login_c2 { margin:25px 0 0 0; overflow:hidden; }
.con_login_c2 ul { overflow:hidden; display:table; margin-left:auto; margin-right:auto; }
.con_login_c2 ul li { float:left; }
.con_login_c2 ul li a { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#666666; font-size:16px; font-weight:normal; letter-spacing:-0.03em; }
.con_login_c2 ul li a.fcop1 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; }
.con_login_c2 ul li:after { content:"|"; color:#c8c8c8; font-size:14px; font-weight:normal; text-align:center; padding:0 13px 0 13px; }
.con_login_c2 ul li:last-child:after { content:none; padding:0 0 0 0; }

.con_step { overflow:hidden; }
.con_step_c { padding:15px 0 15px 30px; float:left; width:32%; overflow:hidden; margin:0 2% 0 0; border:1px solid #d9d9d9; border-radius:8px; transition:all 0.3s ease; }
.con_step_c span { display:inline-block; padding:2px 10px 2px 10px; background:#999999; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:11px; font-weight:normal; text-align:center; letter-spacing:-0.01em; border-radius:4px; }
.con_step_c h3 { margin:7px 0 0 0; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:16px; font-weight:normal; letter-spacing:-0.03em; }
.con_step_c.bg1 { background:#ffffff url("../images/mem_01.png") no-repeat right 30px center; background-size:30px; }
.con_step_c.bg2 { background:#ffffff url("../images/mem_02.png") no-repeat right 30px center; background-size:30px; }
.con_step_c.bg3 { background:#ffffff url("../images/mem_03.png") no-repeat right 30px center; background-size:35px; }
.con_step_c.bg4 { background:#ffffff url("../images/mem_04.png") no-repeat right 30px center; background-size:40px; }
.con_step_c:last-child { margin:0 0 0 0; }
.con_step_c.on { border:1px solid #8a7693; }
.con_step_c.on span { background:#4c3059; }
.con_step_c.on h3 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:16px; }
.con_step_c.on.bg1 { background:#8a7693 url("../images/mem_01_on.png") no-repeat right 30px center; background-size:30px; }
.con_step_c.on.bg2 { background:#8a7693 url("../images/mem_02_on.png") no-repeat right 30px center; background-size:30px; }
.con_step_c.on.bg3 { background:#8a7693 url("../images/mem_03_on.png") no-repeat right 30px center; background-size:35px; }
.con_step_c.on.bg4 { background:#8a7693 url("../images/mem_04_on.png") no-repeat right 30px center; background-size:40px; }

.con_private { overflow:hidden; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:15px; font-weight:normal; line-height:20px; letter-spacing:-0.03em; }
.con_private.pop1 { padding:0 0 30px 0; }
.con_private .txt1 { margin:10px 0 0 0; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#333333; font-size:15px; font-weight:normal; line-height:22px; letter-spacing:-0.03em; word-break:keep-all; }
.con_private .txt1.mop1 { margin:20px 0 0 0; }
.con_private .txt1.mop2 { margin:0 0 0 0; }
.con_private .txt1.mop3 { margin:30px 0 0 0; }
.con_private .txt2 { margin:15px 0 0 0; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; font-size:16px; color:#444444; font-weight:normal; line-height:22px; letter-spacing:-0.03em; word-break:keep-all; }
.con_private .txt3 { margin:20px 0 0 0; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#555555; font-size:15px; font-weight:normal; line-height:22px; letter-spacing:-0.03em; word-break:keep-all; }
.con_private .txt4 { padding:25px 30px 25px 130px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#333333; font-size:15px; font-weight:normal; line-height:22px; letter-spacing:-0.03em; word-break:keep-all; border-radius:4px; }
.con_private .txt4 span.fop1 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#fc6b01; }
.con_private .txt4 span.fop2 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#e1290d; }
.con_private .txt4.bg1 { border:3px solid #febc42; background:url("../images/private_01.png") no-repeat 30px 20px; background-size:65px; }
.con_private .txt5 { padding:0 0 0 20px; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#555555; font-size:15px; font-weight:normal; line-height:22px; letter-spacing:-0.03em; word-break:keep-all; }
.con_private .txt6 { margin:30px 0 0 0; padding:40px 30px 30px 30px; background:#f5f5f5; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#444444; font-size:15px; font-weight:normal; line-height:22px; letter-spacing:-0.03em; border:1px solid #e2e2e2; border-radius:4px; word-break:keep-all; }
.con_private .txt6 .imgs { margin:0 0 30px 0; }
.con_private .txt6 .imgs img { margin:0 auto; width:200px; }
.con_private .txt6 span.fop1 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#fc6b01; }
.con_private .txt6 span.fop2 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#e1290d; }
.con_private .top { margin:20px 0 0 0; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:15px; font-weight:normal; line-height:20px; letter-spacing:-0.03em; text-align:right; }
.con_private .top a { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:15px; }
.con_private h2 { font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; font-size:20px; color:#000000; font-weight:normal; line-height:22px; letter-spacing:-0.03em; }
.con_private h2.mop1 { margin:40px 0 0 0; }
.con_private h3 { margin:30px 0 0 0; font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; font-size:18px; color:#111111; font-weight:normal; line-height:22px; letter-spacing:-0.03em; }
.con_private h3.mop1 { margin:0 0 0 0; }
.con_private h3.fop1 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; font-size:16px; }
.con_private h3.fop2 { margin:0 0 0 0; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; }
.con_private h3.fop3 { margin:30px 0 0 0; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; }
.con_private h4 { margin:30px 0 0 0; font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; font-size:16px; color:#111111; font-weight:normal; line-height:22px; letter-spacing:-0.03em; }
.con_private h4.fop1 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; font-size:16px; }
.con_private h4.mop1 { margin:0 0 0 0; }
.con_private ul.list { margin:15px 0 0 10px; overflow:hidden; }
.con_private ul.list.mop1 { margin:10px 0 0 10px; }
.con_private ul.list li { background:url("../images/dot_09.png") no-repeat 0 9px; line-height:20px; padding-left:12px; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#666666; font-size:14px; font-weight:normal; letter-spacing:-0.03em; margin:0 0 5px 0; word-break:keep-all; }
.con_private ul.list li.in { background:url("../images/dot_08.png") no-repeat 15px 8px; line-height:18px; padding-left:24px; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#777777; font-size:14px; font-weight:normal; letter-spacing:-0.03em; }
.con_private ul.list li.in2 { background:none; line-height:18px; padding-left:24px; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#888888; font-size:13px; font-weight:normal; letter-spacing:-0.03em; }
.con_private ul.list li.fop1 { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#111111; }
.con_private ul.list span { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; font-size:14px; color:#ff6800; font-weight:normal; letter-spacing:-0.03em; }
.con_private ul.list2 { margin:15px 0 0 0; overflow:hidden; }
.con_private ul.list2 li { background:url("../images/dot_09.png") no-repeat 0 9px; line-height:20px; padding-left:12px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#333333; font-size:15px; font-weight:normal; letter-spacing:-0.03em; margin:0 0 5px 0; word-break:keep-all; }
.con_private ul.list3 { margin:15px 0 0 10px; overflow:hidden; }
.con_private ul.list3.mop1 { margin:10px 0 0 10px; }
.con_private ul.list3 li { line-height:20px; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#666666; font-size:15px; font-weight:normal; line-height:22px; letter-spacing:-0.03em; margin:0 0 5px 0; word-break:keep-all; }
.con_private ul.list3 li.in { line-height:18px; padding-left:9px; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#777777; font-size:14px; line-height:20px; font-weight:normal; letter-spacing:-0.03em; }
.con_private ul.list3 li.in2 { line-height:18px; padding-left:9px; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#888888; font-size:13px; font-weight:normal; letter-spacing:-0.03em; }
.con_private ul.list3 li.in3 { line-height:18px; padding-left:15px; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#888888; font-size:13px; font-weight:normal; letter-spacing:-0.03em; }
.con_private ul.list3 span { font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; font-size:17px; color:#ff6800; font-weight:normal; letter-spacing:-0.03em; }

.con_result { margin:40px 0 0 0; overflow:hidden; border-top:1px solid #111111; border-bottom:1px solid #d9d9d9; padding:170px 0 40px 0; background:url("../images/mem_05.png") no-repeat center 50px; background-size:170px; transition:all 0.3s ease; }
.con_result ul { overflow:hidden; }
.con_result ul li { text-align:center; transition:all 0.3s ease; }
.con_result ul li.htit { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; font-size:30px; font-weight:normal; letter-spacing:-0.05em; transition:all 0.3s ease; }
.con_result ul li.desc { margin:20px 0 0 0; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#666666; font-size:17px; font-weight:normal; line-height:26px; letter-spacing:-0.05em; word-break:keep-all; transition:all 0.3s ease; }
.con_result ul li.desc span { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; font-size:17px; }
.con_result ul li.desc span.fop1 { color:#e1290d; }
.con_result ul li.desc span.fop2 { color:#f67400; }

.con_result2 { margin:50px 0 0 0; padding:90px 20px 100px 20px; overflow:hidden; background:#fafafa; border-top:1px solid #111111; border-bottom:1px solid #d9d9d9; transition:all 0.3s ease; }
.con_result2.mop1 { margin:10px 0 0 0; }
.con_result2 h3 { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#000000; font-size:25px; font-weight:normal; text-align:center; line-height:30px; letter-spacing:-0.05em; word-break:keep-all; transition:all 0.3s ease; }
.con_result2 .desc { margin:10px 0 0 0; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#666666; font-size:16px; font-weight:normal; text-align:center; line-height:24px; letter-spacing:-0.03em; word-break:keep-all; transition:all 0.3s ease; }
.con_result2 .desc span.fop1 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#e11e25; font-size:16px; font-weight:normal; letter-spacing:-0.03em; }
.con_result2 .desc span.fop2 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#f67400; font-size:16px; font-weight:normal; letter-spacing:-0.03em; }

.con_noti { margin:10px 0 0 0; position:relative; overflow:hidden; padding:30px 30px 20px 120px; background:#fafafa url("../images/check_01.png") no-repeat 40px 30px; background-size:50px; border:1px solid #d8d8d8; border-radius:5px; }
.con_noti.mop1 { margin:30px 0 0 0; }
.con_noti.mop2 { margin:0 0 0 0; }
.con_noti.mop3 { margin:30px 0 0 0; }
.con_noti.bgop1 { margin:0 0 0 0; background-color:#fbf9f7; border:1px solid #e2e2e2; }
.con_noti.bgop2 { margin:10px 0 0 0; background-color:#fbf9f7; border:1px solid #e2e2e2; }
.con_noti.bgop3 { margin:30px 0 0 0; background-color:#fbf9f7; border:1px solid #e2e2e2; }
.con_noti.bgop4 { margin:20px 0 0 0; background-color:#fbf9f7; border:1px solid #e2e2e2; }
.con_noti ul { overflow:hidden; }
.con_noti ul li { font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#555555; font-size:15px; font-weight:normal; letter-spacing:-0.03em; background:url("../images/dot_03.png") no-repeat 0 10px; padding:0 0 5px 12px; word-break:keep-all; }
.con_noti ul li.op1 { background:none; padding:5px 0 10px 0; }
.con_noti ul li.pop1 { padding:0 0 10px 12px; }
.con_noti ul li span.fop1 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#e11e25; }
.con_noti ul li span.fop2 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#f67400; }
.con_noti ul li span.fop3 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; }
.con_noti ul li a.fop1 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; font-size:15px; font-weight:normal; letter-spacing:-0.03em; text-decoration:underline; }
.con_noti ul li.btns { position:absolute; right:30px; top:22px; background:none; padding:0 0 0 0; }
.con_noti ul li.btns a.link1 { display:inline-block; width:65px; height:65px; background:#679268; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:14px; font-weight:normal; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:100%; transition:all 0.3s ease; padding:18px 0 0 0; }
.con_noti ul li.btns a.link1:hover { background:#415e42; }
.con_noti ul li.btns a.link2 { display:inline-block; width:65px; height:65px; background:#ee7a7b; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:14px; font-weight:normal; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:100%; transition:all 0.3s ease; padding:18px 0 0 0; }
.con_noti ul li.btns a.link2:hover { background:#d65658; }

.con_address { margin:10px 0 0 0; overflow:hidden; }
.con_address ul { overflow:hidden; }
.con_address ul li { padding:0 0 5px 20px; background:url("../images/dot_04.png") no-repeat 7px 9px; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#555555; font-size:16px; font-weight:normal; line-height:25px; letter-spacing:-0.01em; word-break:keep-all; transition:all 0.3s ease; }
.con_address ul li.tit { padding:0 0 15px 0; background:none; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#222222; font-size:22px; font-weight:normal; letter-spacing:-0.05em; }

.con_address2 { margin:20px 0 0 0; overflow:hidden; border:1px solid #d8d8d8; transition:all 0.3s ease; }
.con_address2 #map { width:100%; height:500px; transition:all 0.3s ease; }

.con_address3 { overflow:hidden; }
.con_address3 .bg1 { background:url("../images/map_01.png") no-repeat 0 0; }
.con_address3 .bg2 { background:url("../images/map_02.png") no-repeat 0 0; }
.con_address3_c { margin:30px 0 0 0; padding:5px 0 30px 130px; border-bottom:1px solid #e2e2e2; transition:all 0.3s ease; }
.con_address3_c h3 { display:inline-block; width:200px; padding:7px 0 7px 0; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:16px; font-weight:normal; text-align:center; letter-spacing:-0.05em; border-radius:30px; transition:all 0.3s ease; }
.con_address3_c h3.mop1 { margin:20px 0 0 0; }
.con_address3_c h3.bg1 { background:#4b96e7; }
.con_address3_c h3.bg2 { background:#f67400; }
.con_address3_c h3.bg3 { background:#31a97c; }
.con_address3_c ul { overflow:hidden; margin:0 10px 0 10px; }
.con_address3_c ul li { font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#666666; font-size:15px; font-weight:normal; line-height:23px; letter-spacing:-0.02em; margin:0 0 5px 0; background:url("../images/dot_03.png") no-repeat 0 11px; padding:0 0 0 9px; word-break:keep-all; transition:all 0.3s ease; }
.con_address3_c ul li.mop1 { margin:10px 0 5px 0; }
.con_address3_c ul li.tit { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; font-size:16px; font-weight:normal; letter-spacing:-0.02em; margin:13px 0 5px 0; background:none; padding:0 0 0 0; }
.con_address3_c ul li span.fop1 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; }
.con_address3_c ul li span.fop2 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#f67400; }
.con_address3_c ul li span.fop3 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#e1290d; }

.con_body { margin:50px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
.con_body_c1 { float:left; overflow:hidden; width:50%; text-align:center; transition:all 0.3s ease; }
.con_body_c1_1 { display:inline-block; position:relative; overflow:hidden; }
.con_body_c1_1 img { width:100%; transition:all 0.3s ease; }
.con_body_c1_1 a { position:absolute; display:inline-block; width:6%; height:2.5%; background:#333333; text-indent:-10000px; border-radius:50px; transition:all 0.3s ease;  }
.con_body_c1_1 a.link1 { left:45.8%; top:3.0%; }
.con_body_c1_1 a.link2 { left:8.2%; top:49.0%; }
.con_body_c1_1 a.link3 { left:57.0%; top:24.0%; }
.con_body_c1_1 a.link4 { left:63.0%; top:60.0%; }
.con_body_c1_1 a.link5 { left:75.0%; top:92.0%; }
.con_body_c1_1 a:hover { background:#e1290d; }
.con_body_c2 { float:left; overflow:hidden; width:50%; transition:all 0.3s ease; }

.con_searcheg { overflow:hidden; }
.con_searcheg_box { overflow:hidden; border:1px solid #aaaaaa; padding:30px 0 30px 0; background:#fafafa; border-radius:4px; transition:all 0.3s ease; }
.con_searcheg_box .con1 { padding:0 15% 0 15%; overflow:hidden; transition:all 0.3s ease; }
.con_searcheg_box .con1 .con1_1 { float:left; width:calc(100% - 128px); overflow:hidden; transition:all 0.3s ease; }
.con_searcheg_box .con1 .con1_1 input[type="text"] { width:100%; height:45px; border:3px solid #927d67; border-width:3px 0 3px 3px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#333333; font-size:17px; font-weight:normal; letter-spacing:-0.03em; padding:0 20px 0 20px; }
.con_searcheg_box .con1 .con1_2 { float:left; overflow:hidden; transition:all 0.3s ease; }
.con_searcheg_box .con1 .con1_2 ul { overflow:hidden; }
.con_searcheg_box .con1 .con1_2 ul li { float:left; transition:all 0.3s ease; }
.con_searcheg_box .con1 .con1_2 ul li.btns1 { width:120px; margin:0 8px 0 0; }
.con_searcheg_box .con1 .con1_2 ul li.btns1 i { display:inline-block; width:21px; height:21px; background:url("../images/search_01.png") no-repeat 0 0; text-indent:-10000px; margin:-3px 5px 0 0; vertical-align:middle; }
.con_searcheg_box .con1 .con1_2 ul li.btns1 a { display:inline-block; width:100%; height:45px; background:#927d67; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:18px; font-weight:normal; text-align:center; line-height:45px; letter-spacing:-0.03em; transition:all 0.3s ease; }
.con_searcheg_box .con1 .con1_2 ul li.btns1 a:hover { background:#6f5840; }

.con_searcheg_txt { padding:30px 0 0 0; overflow:hidden; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#333333; font-size:20px; font-weight:normal; text-align:center; letter-spacing:-0.03em; word-break:keep-all; transition:all 0.3s ease; }
.con_searcheg_txt span { color:#ff3b1d; }
.con_searcheg_c { margin:50px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
.con_searcheg_c h1 { position:relative; overflow:hidden; background:#f8f8f8; font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#111111; font-size:18px; font-weight:normal; letter-spacing:-0.03em; padding:15px 0 15px 35px; border:1px solid #e2e2e2; border-radius:4px; }
.con_searcheg_c h1 span.bars { position:absolute; left:22px; top:16px; display:inline-block; width:4px; height:18px; background:#222222; }
.con_searcheg_c h1 span.cnt { font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#f67400; font-size:14px; letter-spacing:-0.01em; }
.con_searcheg_c h1 a.more { position:absolute; right:20px; top:16px; background:url("../images/dot_10.png") no-repeat 0 5px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; letter-spacing:-0.03em; padding:0 0 0 12px; transition:all 0.3s ease; }
.con_searcheg_c h1 a.more:hover { color:#111111; }
.con_searcheg_c1 { overflow:hidden; padding:0 20px 20px 20px; border-bottom:1px solid #d8d8d8; transition:all 0.3s ease; }
.con_searcheg_c1:last-child { border-bottom:none; padding:0 20px 5px 20px; }
.con_searcheg_c1_1 { margin:20px 0 0 0; float:left; width:180px; overflow:hidden; transition:all 0.3s ease; }
.con_searcheg_c1_1 img { width:160px; height:100px; border:1px solid #d8d8d8; border-radius:4px; transform:scale(1); transition:all 0.3s ease-in-out; }
.con_searcheg_c1_1 img:hover { filter:brightness(95%); transform:scale(1.03); }
.con_searcheg_c1_2 { float:left; width:calc(100% - 180px); transition:all 0.3s ease; }
.con_searcheg_c1 .con1 { margin:20px 0 0 0; word-break:keep-all; transition:all 0.3s ease; }
.con_searcheg_c1 .con1 a { font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#333333; font-size:17px; font-weight:normal; letter-spacing:-0.03em; }
.con_searcheg_c1 .con1 a span { font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#e11e25; }
.con_searcheg_c1 .con2 { margin:7px 0 0 0; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#888888; font-size:13px; font-weight:normal; letter-spacing:-0.01em; transition:all 0.3s ease; }
.con_searcheg_c1 .con3 { margin:10px 0 0 0; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; line-height:20px; letter-spacing:-0.02em; word-break:keep-all; transition:all 0.3s ease; }
.con_searcheg_c1 .con3 span { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#e11e25; }

.con_modal { overflow:hidden; }
.con_modal .modal { margin:0 auto; }
.con_modal .modal-dialog { width:80%; margin:50px auto; margin-bottom:50px; transition:all 0.3s ease; }
.con_modal .modal-dialog.wop1 { width:100%; }
.con_modal .modal-dialog.wop2 { width:40%; }
.con_modal .modal-content { }
.con_modal .modal-header { position:relative; height:60px; background:#454951; padding:17px 0 0 30px; transition:all 0.3s ease; }
.con_modal .modal-header h1 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:21px; font-weight:normal; letter-spacing:-0.03em; }
.con_modal .modal-header a.link_close { position:absolute; right:25px; top:20px; display:inline-block; width:20px; height:20px; background:url("../images/close_01.png") no-repeat 0 0; background-size:20px; text-indent:-10000px; transition:all 0.3s ease; }
.con_modal .modal-header a.link_close:hover { transform:rotate(180deg); }
.con_modal .modal-body { padding:30px 30px 30px 30px; }

/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/

a.deco { text-decoration:underline; }
a.n_deco { text-decoration:none; }
.dpd { width:0; height:0; text-indent:-1000em; font-size:0; overflow:hidden; }
.dpn { display:none; }
.hidden { visibility:hidden; position:absolute; font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; background:none; }
.clear { display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important; }
.pointer { cursor:pointer; }
.clearboth { clear:both; }
.m0a { margin:0 auto !important; }
.pr { position:relative !important; }
.f_l { float:left; }
.f_r { float:right; }
.ellip { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.wb { word-wrap:break-word !important; }
.zindex { z-index:999999999 !important; }
.clearfix { display:block; }
.ti-1 { display:inline-block; width:0px; height:0px; text-indent:-10000px; }

.wp100 { width:100% !important; }

.b { border:1px solid #000000 !important; }

.ls0 { letter-spacing:0em !important; }
.ls1 { letter-spacing:-0.01em !important; }
.ls2 { letter-spacing:-0.02em !important; }
.ls3 { letter-spacing:-0.03em !important; }
.ls4 { letter-spacing:-0.04em !important; }
.ls5 { letter-spacing:-0.05em !important; }
.ls6 { letter-spacing:-0.06em !important; }
.ls7 { letter-spacing:-0.07em !important; }
.ls8 { letter-spacing:-0.08em !important; }
.ls9 { letter-spacing:-0.09em !important; }

.fc_white { color:#ffffff !important; } /* 흰색 */
.fc_black { color:#000000 !important; } /* 검정 */
.fc_orange { color:#ff6800 !important; } /* 오렌지 */
.fc_red { color:#ff3b1d !important; } /* 빨간색 */
.fc_reddish { color:#da1b4c !important; } /* 자주색 */
.fc_blue { color:#015eae !important; } /* 파란색 */
.fc_grey { color:#333333 !important; } /* 회색 */
.fc_grey2 { color:#999999 !important; } /* 회색 */
.fc_brown { color:#75675c !important; } /* 갈색 */
.fc_neon { color:#edfe5b !important; } /* 형광색 */
.fc_green { color:#3ba439 !important; } /* 녹색 */

a.btn_red_01 { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:normal; background:#e11e25; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }
a.btn_reddish_01 { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:normal; background:#e22e5c; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }
a.btn_orange_01 { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:normal; background:#f67400; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }
a.btn_blue_01 { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:normal; background:#007cd0; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }
a.btn_sky_01 { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:normal; background:#40a2ed; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }
a.btn_green_01 { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:normal; background:#31a97c; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }
a.btn_grey_01 { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:normal; background:#777777; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }
a.btn_brown_01 { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:normal; background:#877569; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }
a.btn_purple_01 { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:normal; background:#322e78; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }
a.btn_black_01 { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:normal; background:#000000; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }
a.btn_turquoise_01 { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:normal; background:#039ac7; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }
a.btn_bluegreen_01 { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:normal; background:#004562; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }
a.btn_blank_01 { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:normal; background:#ffffff; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#444444; text-align:center; letter-spacing:-0.03em; border-radius:4px; border:1px solid #999999; transition:all 0.3s ease; }

a.btn_red_02 { display:inline-block; padding:5px 25px 5px 25px; font-size:14px; font-weight:normal; background:#e11e25; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }
a.btn_reddish_02 { display:inline-block; padding:5px 25px 5px 25px; font-size:14px; font-weight:normal; background:#e22e5c; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }
a.btn_orange_02 { display:inline-block; padding:5px 25px 5px 25px; font-size:14px; font-weight:normal; background:#f67400; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }
a.btn_blue_02 { display:inline-block; padding:5px 25px 5px 25px; font-size:14px; font-weight:normal; background:#007cd0; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }
a.btn_sky_02 { display:inline-block; padding:5px 25px 5px 25px; font-size:14px; font-weight:normal; background:#40a2ed; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }
a.btn_green_02 { display:inline-block; padding:5px 25px 5px 25px; font-size:14px; font-weight:normal; background:#31a97c; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }
a.btn_grey_02 { display:inline-block; padding:5px 25px 5px 25px; font-size:14px; font-weight:normal; background:#777777; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }
a.btn_brown_02 { display:inline-block; padding:5px 25px 5px 25px; font-size:14px; font-weight:normal; background:#877569; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }
a.btn_purple_02 { display:inline-block; padding:5px 25px 5px 25px; font-size:14px; font-weight:normal; background:#322e78; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }
a.btn_black_02 { display:inline-block; padding:5px 25px 5px 25px; font-size:14px; font-weight:normal; background:#000000; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }
a.btn_turquoise_02 { display:inline-block; padding:5px 25px 5px 25px; font-size:14px; font-weight:normal; background:#039ac7; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }
a.btn_bluegreen_02 { display:inline-block; padding:5px 25px 5px 25px; font-size:14px; font-weight:normal; background:#004562; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }
a.btn_blank_02 { display:inline-block; padding:5px 25px 5px 25px; font-size:14px; font-weight:normal; background:#ffffff; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#444444; text-align:center; letter-spacing:-0.03em; border-radius:4px; border:1px solid #999999; transition:all 0.3s ease; }

a.btn_red_03 { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:normal; background:#e11e25; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }
a.btn_reddish_03 { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:normal; background:#e22e5c; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }
a.btn_orange_03 { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:normal; background:#f67400; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }
a.btn_blue_03 { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:normal; background:#007cd0; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }
a.btn_sky_03 { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:normal; background:#40a2ed; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }
a.btn_green_03 { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:normal; background:#31a97c; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }
a.btn_grey_03 { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:normal; background:#777777; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }
a.btn_brown_03 { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:normal; background:#877569; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }
a.btn_purple_03 { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:normal; background:#322e78; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }
a.btn_black_03 { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:normal; background:#000000; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }
a.btn_turquoise_03 { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:normal; background:#039ac7; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }
a.btn_bluegreen_03 { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:normal; background:#004562; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }
a.btn_blank_03 { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:normal; background:#ffffff; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#444444; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; border:1px solid #999999; transition:all 0.3s ease; }

/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/

.ham-button { position:absolute; right:18px; top:30px; z-index:999; }
.ham-button button { display:inline-block; width:27px; height:27px; background:url("../images/megamenu_01.png") no-repeat 0 0; background-size:29px; text-indent:-10000px; transition:all 0.3s ease; }
.ham-contents { position:fixed; top:0; right:0; height:100%; width:75%; background:#ffffff; z-index:-1; overflow-y:auto; visibility:hidden; }
.ham-contents .ham-top { overflow:hidden; padding:70px 0 20px 0; background:url("../images/logo_01.png") no-repeat center 15px; background-size:120px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:15px; font-weight:normal; text-align:center; line-height:20px; letter-spacing:-0.03em; }
.ham-contents .ham-top span { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; }
.ham-contents .member-btn { text-align:center; overflow:hidden; display:table; width:100%; table-layout:fixed; }
.ham-contents .member-btn .btn { display:table-cell; padding:0 0 0 0; border:none; }
.ham-contents .member-btn .btn:first-child { padding-right:0; }
.ham-contents .member-btn .btn a.link { display:inline-block; width:100%; padding:37px 0 10px 0; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:14px; font-weight:normal; letter-spacing:-0.03em; }
.ham-contents .member-btn .btn a.link.bg1 { background:#678bad url("../images/ham_01.png") no-repeat center 8px; background-size:23px; }
.ham-contents .member-btn .btn a.link.bg2 { background:#a9af4d url("../images/ham_02.png") no-repeat center 8px; background-size:23px; }
.ham-contents .member-btn .btn a.link.bg3 { background:#f7954c url("../images/ham_03.png") no-repeat center 8px; background-size:23px; }
.ham-contents .member-btn .btn a.link.bg4 { background:#666666 url("../images/ham_01.png") no-repeat center 8px; background-size:23px; }
.ham-contents .member-btn .btn a.link.bg1:hover { background:#4c7398 url("../images/ham_01.png") no-repeat center 8px; background-size:23px; }
.ham-contents .member-btn .btn a.link.bg2:hover { background:#929836 url("../images/ham_02.png") no-repeat center 8px; background-size:23px; }
.ham-contents .member-btn .btn a.link.bg3:hover { background:#e27d32 url("../images/ham_03.png") no-repeat center 8px; background-size:23px; }
.ham-contents .member-btn .btn a.link.bg4:hover { background:#444444 url("../images/ham_01.png") no-repeat center 8px; background-size:23px; }
.ham-contents .member-welcome { padding:10px 0 10px 0; overflow:hidden; border-bottom:1px solid #aaaaaa; }
.ham-contents .member-welcome .con1 { float:left; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#444444; font-size:14px; font-weight:normal; letter-spacing:-0.03em; background:url("../images/ic_02.png") no-repeat 20px center; background-size:18px; padding:0 0 0 43px; }
.ham-contents .member-welcome .con1 span.fop1 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; font-size:14px; font-weight:normal; letter-spacing:-0.03em; margin:0 1px 0 0; }
.ham-contents .member-welcome .con2 { float:right; padding:0 20px 0 0; }
.ham-contents .member-welcome .con2 ul { overflow:hidden; }
.ham-contents .member-welcome .con2 ul li.tit { float:left; margin:0 8px 0 0; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#444444; font-size:14px; font-weight:normal; letter-spacing:-0.03em; background:url("../images/ic_01.png") no-repeat 20px center; background-size:17px; padding:0 0 0 43px; }
.ham-contents .member-welcome .con2 ul li.tit span { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#e1290d; font-size:14px; font-weight:normal; letter-spacing:-0.01em; }
.ham-contents .member-welcome .con2 ul li.btns { float:left; }
.ham-contents .member-welcome .con2 ul li.btns a { display:inline-block; padding:2px 10px 2px 10px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:13px; font-weight:normal; line-height:15px; text-align:center; letter-spacing:-0.03em; background:#6e6e6e; border-radius:4px; }
.ham-contents .member-welcome .con2 ul li.btns a:hover { background:#3e3e3e; }
.ham-open .ham-contents { transition:all 300ms ease-in-out; }
.ham-open .ham-contents { transform:translate3d(0, 0, 0); visibility:visible; z-index:999999999; }
.ham-open .ham-bg { position:fixed; top:0; right:0; width:100%; height:100%; opacity:0.9; transition:opacity 300ms; }
.ham-open .ham-close { opacity:1; visibility:visible; }
.ham-bg { position:fixed; top:0; right:0; width:0; height:0; background:rgba(0, 0, 0, 0.8); opacity:0; transition:opacity 300ms, width 50ms 300ms, height 50ms 300ms; z-index:999; }
.ham-close { position:fixed; top:0px; right:75%; z-index:9999; visibility:hidden; padding:0 0 0 0; display:inline-block; width:67px; height:67px; background:#000000 url("../images/close_01.png") no-repeat center center; background-size:25px; }
.ham-close:hover { background:#222222 url("../images/close_01.png") no-repeat center center; background-size:25px; }
.ham-gnb .gnb-arr { position:absolute; top:0; right:10px; z-index:10; width:50px; height:42px; }
.ham-gnb .dep1 ul { display:none; }
.ham-gnb .dep1 li { position:relative; }
.ham-gnb .dep1 li a { position:relative; display:block; padding:11px 40px 10px 20px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; font-size:16px; font-weight:normal; letter-spacing:-0.03em; background:#ffffff; border-bottom:1px solid #d1d1d1; word-break:break-all; z-index:9; }
.ham-gnb .dep1 li a:hover { background:#f9f9f9; }
.ham-gnb .dep1 li a.link1 { background:#8aa679; color:#ffffff; }
.ham-gnb .dep1 li a.link1:hover { background:#658651; }
.ham-gnb .dep1 > .on > a { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#f65a1c; }
.ham-gnb .dep2 { position:relative; z-index:10; }
.ham-gnb .dep2 ul { display:none; background:#ffffff; }
.ham-gnb .dep2 > li > a { padding:8px 40px 8px 30px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#333333; font-size:15px; letter-spacing:-0.03em; background-color:#f5f5f5; border-bottom:1px solid #d8d8d8; }
.ham-gnb .dep2 > li > a:hover { background:#777777; color:#ffffff; }
.ham-gnb .dep2 .gnb-arr { height:39px; }
.ham-gnb .dep3 > li > a { padding:4px 40px 1px 40px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#777777; font-size:14px; letter-spacing:-0.03em; background-color:#f9f9f9; border-bottom:none; }
.ham-gnb .dep3 > li:first-child > a { padding:10px 40px 4px 40px; }
.ham-gnb .dep3 > li:last-child > a { padding:4px 40px 13px 40px; border-bottom:1px solid #d8d8d8; }
.btn-reset { border:0; background:transparent; padding:0; margin:0; }
.icon-arr { display:inline-block; background-image:url("../images/arrow_01.png"); background-repeat:no-repeat; background-size:15px 30px; height:15px; width:15px; margin-top:11px; }
.on .icon-arr { background-position:0 -20px; }
.icon-arr2 { display:inline-block; background-image:url("../images/plus_01.png"); background-repeat:no-repeat; background-size:12px 12px; width:12px; height:12px; margin-top:5px; }

/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/

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

	.container { width:100%; padding:0 25px 0 25px; }

}

/* MD */
@media only screen and (max-width:1199px){

	.container { width:100%; padding:0 25px 0 25px; }

	.con_header .con2 .con2_2 { padding:60px 30px 0 0; }
	.con_header .con2 .con2_2 a { font-size:20px; margin:0 30px 0 0; }

	.con_mcont h3 { font-size:33px; }

	.con_write select.wop10 { width:25%; }
	.con_write input[type="text"].wop15 { width:25%; }

	.con_contact ul li.htit { padding:0 15px 2px 35px; }
	.con_contact ul li.htit span { margin:0 0 0 15px; }
	.con_contact ul li.tit { padding:0 10px 0 15px; }
	.con_contact ul li.desc { padding:0 15px 0 0; }

	.con_searcheg_box .con1 { padding:0 10% 0 10%; }

	.con_modal .modal-dialog.wop2 { width:45%; }

}

/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/

/* SM */
@media only screen and (max-width:991px){

			input[type="checkbox"] { border:1px solid #d8d8d8; }
			input[type="radio"] { border:1px solid #d8d8d8; }
			select {border:1px solid #d8d8d8; background:#ffffff; background-size:20px; }

			.container { padding:0 20px 0 20px; }

			.con_mheader { position:relative; padding:15px 0 15px 0; border-bottom:1px solid #e3e3e3; }
			.con_mheader a.logo { margin:0 0 0 20px; display:inline-block; width:163px; height:45px; background:url("../images/logo_01.png") no-repeat 0 0; background-size:163px; text-indent:-10000px; }
			.con_mheader a.logoasp { margin:0 0 0 20px; display:inline-block; transition:all 0.3s ease; }
			.con_mheader a.logoasp img { height:34px; transition:all 0.3s ease;}
			.con_mheader a.sch { position:absolute; right:60px; top:28px; display:inline-block; width:24px; height:26px; background:url("../images/search_04.png") no-repeat 0 0; background-size:24px; text-indent:-10000px; transition:all 0.3s ease; }

			#con_footer { margin:80px 0 0 0; padding:70px 0 40px 0; }
			#con_footer .con2 ul li { margin:0 30px 0 0; }

			.con_msearch { display:none; background:#666666; padding:20px 20px 20px 20px; }
			.con_msearch_c { display:flex; flex-flow:row nowrap; justify-content:flex-start; }
			.con_msearch_c .con1 { flex-grow:1; height:33px; border:1px solid #dddddd; border-top-left-radius:4px; border-bottom-left-radius:4px; background:#ffffff; padding:0 5px 0 5px; }
			.con_msearch_c .con1 input[type="text"] { width:100%; height:31px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; border:none; color:#555555; font-size:14px; font-weight:normal; letter-spacing:-0.03em; padding:0 0 0 10px; border:0px solid #000000; }
			.con_msearch_c .con2 { flex-shrink:0; width:60px; }
			.con_msearch_c .con2 a { display:inline-block; width:60px; height:33px; background:url("../images/search_01.png") no-repeat center center; background-color:#949494; text-indent:-10000px; border-top-right-radius:4px; border-bottom-right-radius:4px; transition:all 0.3s ease; }
			.con_msearch_c .con2 a:hover { background-color:#333333; }

			.con_mquick { padding:30px 0 40px 0; }
			.con_mquick .container { padding:0 0 0 0; }
			.con_mquick ul li a.bg1 { background-size:auto 35px; }
			.con_mquick ul li a.bg2 { background-size:auto 35px; }
			.con_mquick ul li a.bg3 { background-size:auto 35px; }

			.con_mcont h3 { font-size:30px; }
			.con_mcont .con2 { font-size:16px; line-height:25px; }
			.con_mcont .con2 a.tit { font-size:20px; line-height:38px; }

			.con_pagetit { padding:10px 0 30px 0; }
			.con_pagetit h1 { font-size:35px; }
			.con_pagetit span { width:25px; }

			.con_search ul li select { width:130px; }
			.con_search ul li input { width:280px; }

			.con_listcus { margin:10px 0 0 0; border-top:1px solid #111111; }
			.con_listcus ul { display:block; overflow:hidden; border-bottom:1px solid #d4d4d4; padding:17px 10px 13px 10px; }
			.con_listcus ul.reply { padding:0 10px 13px 10px; }
			.con_listcus ul li { display:inline-block; width:auto !important; font-size:14px; border-width:0 0 0 0; padding:0 0 0 0; margin:0 0 8px 0; }
			.con_listcus ul li.nodata { display:block; font-size:14px; }
			.con_listcus ul li.tit { display:block; width:100%; padding:0 0 0 0; }
			.con_listcus ul li.tit a { font-size:15px; line-height:20px; }
			.con_listcus ul li.tit2 { display:block; width:100%; padding:0 0 0 0; font-size:15px; line-height:20px; }
			.con_listcus ul li.file { }
			.con_listcus ul li.file img { margin:-1px 10px 0 0; }
			.con_listcus ul li.desc { font-size:13px; color:#777777; }
			.con_listcus ul li.desc:after { content:"|"; color:#999999; font-size:12px; padding:0 8px 0 8px; }
			.con_listcus ul li.desc:last-child:after { content:none; padding:0 0 0 0; }
			.con_listcus ul li.desc2 { display:block; font-size:13px; color:#777777; text-align:left; background:url("../images/dot_03.png") no-repeat 0 9px; padding:0 0 0 9px; margin:0 0 4px 0; }
			.con_listcus ul li.desc2 span.xtit { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#444444; font-size:13px; font-weight:normal; letter-spacing:-0.03em; }
			.con_listcus ul li.desc3 { padding:0 0 0 0; margin:5px 0 4px 0; }
			.con_listcus ul li.desc4 { font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; }
			.con_listcus ul li span.top { padding:1px 8px 1px 8px; font-size:12px; margin:0 0 5px 0; }
			.con_listcus ul li span.target { width:15px; height:15px; background-size:15px; margin:-3px 6px 0 0; }
			.con_listcus ul li span.noti_label { display:inline-block; padding:1px 8px 1px 8px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:12px; font-weight:normal; line-height:18px; text-align:center; letter-spacing:-0.03em; border-radius:30px; margin:0 5px 0 0; }
			.con_listcus ul li span.noti_label.bg1 { background:#7c8598; }
			.con_listcus ul li span.noti_label.bg2 { background:#4d8ec6; }
			.con_listcus ul li span.noti_label.bg3 { background:#f67400; }
			.con_listcus ul li span.class_label { display:inline-block; padding:1px 8px 1px 8px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:12px; font-weight:normal; line-height:18px; text-align:center; letter-spacing:-0.03em; border-radius:30px; margin:0 5px 0 0; }
			.con_listcus ul li span.class_label.bg1 { background:#4b96e7; }
			.con_listcus ul li span.class_label.bg2 { background:#927d67; }
			.con_listcus ul li span.class_label.bg3 { background:#31a97c; }
			.con_listcus ul li span.class_label.bg4 { background:#937f76; }
			.con_listcus ul li span.class_label.bg5 { background:#f2f2f2; padding:0 12px 0 12px; color:#555555; border:1px solid #cccccc; }
			.con_listcus ul li a.link1 { padding:1px 11px 1px 11px; font-size:13px; margin:2px 0 0 0; }
			.con_listcus ul li input[type="checkbox"] { margin:-2px 5px 0 0; width:17px; height:17px; }
			.con_listcus ul li input[type="radio"] { margin:-2px 5px 0 0; width:17px; height:17px; }
			.con_listcus ul li span.status { font-size:13px; }
			.con_listcus a.link { padding:2px 10px 2px 10px; font-size:13px; }

			.con_listcus2 ul.header.op1 li { padding:15px 5px 15px 5px; font-size:13px; }
			.con_listcus2 a.link.fop1 { font-size:12px; }

			.con_view_content .vods video { height:450px; }

			.con_write td ul.lyop1 { width:100%; }
			.con_write td ul.lyop2 { width:60%; }
			.con_write td ul.lyop3 { width:60%; }
			.con_write td ul.lyop4 li.forms1 { width:calc((100% - 143px) / 2); }
			.con_write td ul.lyop4 li.forms2 { width:calc((100% - 143px) / 2); }
			.con_write td ul.lyop4 li.btns { width:130px; }
			.con_write td ul.lyop5 li.forms { width:calc(100% - 135px); }
			.con_write td ul.lyop5 li.btns { width:130px; }
			.con_write td ul.lyop6 li.forms1 { width:calc((100% - 150px) / 2.5); }
			.con_write td ul.lyop6 li.forms2 { width:calc((100% - 150px) / 3.5); }
			.con_write td ul.lyop6 li.txt { width:50px; padding:7px 0 0 10px; }
			.con_write td ul.lyop11 { width:80%; }

			.con_write input[type="text"].wop1 { width:120px; }
			.con_write input[type="text"].wop3 { width:150px; }
			.con_write label.mop3 { margin:0 10px 5px 0; }
			.con_write select.wop3 { width:180px; }
			.con_write select.wop4 { width:25%; }
			.con_write select.wop5 { width:120px; }
			.con_write select.wop6 { width:120px; }
			.con_write select.wop7 { width:80%; }
			.con_write select.wop10 { width:32%; }
			.con_write select.wop12 { width:80%; }
			.con_write select.wop13 { width:100%; }
			.con_write input[type="text"].wop15 { width:32%; }

			.con_write2 th { font-size:14px; line-height:20px; }
			.con_write2 td { font-size:14px; line-height:20px; }

			.con_view2.op1 th { font-size:14px; line-height:20px; }
			.con_view2.op1 td { font-size:14px; line-height:20px; }

			.con_imglist_c .con1 { width:230px; }
			.con_imglist_c .con1 img { width:230px; height:154px; }
			.con_imglist_c .con2 { float:left; width:calc(100% - 230px); padding:5px 0 0 25px; }
			.con_imglist_c .con2 ul li.tit a { font-size:17px; line-height:25px; }

			.con_tit { margin:40px 0 0 0; font-size:28px; line-height:36px; }

			.con_txt { font-size:16px; line-height:25px; }

			.con_login h3 { font-size:26px; line-height:41px; }
			.con_login h3 span.fop2 { font-size:17px; line-height:23px; }
			.con_login_c1 { margin:30px 18% 0 18%; }

			.con_step_c { padding:15px 0 15px 20px; }
			.con_step_c h3 { font-size:15px; }
			.con_step_c.bg1 { background:#ffffff url("../images/mem_01.png") no-repeat right 20px center; background-size:27px; }
			.con_step_c.bg2 { background:#ffffff url("../images/mem_02.png") no-repeat right 20px center; background-size:27px; }
			.con_step_c.bg3 { background:#ffffff url("../images/mem_03.png") no-repeat right 20px center; background-size:32px; }
			.con_step_c.bg4 { background:#ffffff url("../images/mem_04.png") no-repeat right 20px center; background-size:37px; }
			.con_step_c.on h3 { font-size:15px; }
			.con_step_c.on.bg1 { background:#8a7693 url("../images/mem_01_on.png") no-repeat right 20px center; background-size:27px; }
			.con_step_c.on.bg2 { background:#8a7693 url("../images/mem_02_on.png") no-repeat right 20px center; background-size:27px; }
			.con_step_c.on.bg3 { background:#8a7693 url("../images/mem_03_on.png") no-repeat right 20px center; background-size:32px; }
			.con_step_c.on.bg4 { background:#8a7693 url("../images/mem_04_on.png") no-repeat right 20px center; background-size:37px; }

			.con_result2 { margin:30px 0 0 0; padding:80px 20px 90px 20px; }
			.con_result2 h3 { font-size:22px; }
			.con_result2 .desc { font-size:15px; }

			.con_noti ul li.btns { position:static; padding:3px 0 0 10px; }
			.con_noti ul li.btns a.link1 { width:auto; height:auto; padding:5px 15px 5px 15px; font-size:13px; line-height:16px; border-radius:4px; }
			.con_noti ul li.btns a.link2 { width:auto; height:auto; padding:5px 15px 5px 15px; font-size:13px; line-height:16px; border-radius:4px; }

			.con_searcheg_box .con1 { padding:0 7% 0 7%; }

			.con_modal .modal-dialog.wop2 { width:60%; }

}

/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/

/* XS */
@media only screen and (max-width:767px){

						body { border:0px solid #000000; }

						a.btn_red_01 { padding:9px 13px 9px 13px; font-size:14px; }
						a.btn_reddish_01 { padding:9px 13px 9px 13px; font-size:14px; }
						a.btn_orange_01 { padding:9px 13px 9px 13px; font-size:14px; }
						a.btn_blue_01 { padding:9px 13px 9px 13px; font-size:14px; }
						a.btn_sky_01 { padding:9px 13px 9px 13px; font-size:14px; }
						a.btn_green_01 { padding:9px 13px 9px 13px; font-size:14px; }
						a.btn_grey_01 { padding:9px 13px 9px 13px; font-size:14px; }
						a.btn_brown_01 { padding:9px 13px 9px 13px; font-size:14px; }
						a.btn_purple_01 { padding:9px 13px 9px 13px; font-size:14px; }
						a.btn_black_01 { padding:9px 13px 9px 13px; font-size:14px; }
						a.btn_turquoise_01 { padding:9px 13px 9px 13px; font-size:14px; }
						a.btn_bluegreen_01 { padding:9px 13px 9px 13px; font-size:14px; }
						a.btn_blank_01 { padding:9px 13px 9px 13px; font-size:14px; }

						a.btn_red_02 { padding:4px 10px 4px 10px; font-size:13px; }
						a.btn_reddish_02 { padding:4px 10px 4px 10px; font-size:13px; }
						a.btn_orange_02 { padding:4px 10px 4px 10px; font-size:13px; }
						a.btn_blue_02 { padding:4px 10px 4px 10px; font-size:13px; }
						a.btn_sky_02 { padding:4px 10px 4px 10px; font-size:13px; }
						a.btn_green_02 { padding:4px 10px 4px 10px; font-size:13px; }
						a.btn_grey_02 { padding:4px 10px 4px 10px; font-size:13px; }
						a.btn_brown_02 { padding:4px 10px 4px 10px; font-size:13px; }
						a.btn_purple_02 { padding:4px 10px 4px 10px; font-size:13px; }
						a.btn_black_02 { padding:4px 10px 4px 10px; font-size:13px; }
						a.btn_turquoise_02 { padding:4px 10px 4px 10px; font-size:13px; }
						a.btn_bluegreen_02 { padding:4px 10px 4px 10px; font-size:13px; }
						a.btn_blank_02 { padding:4px 10px 4px 10px; font-size:13px; }

						.ti-1 { display:none !important; }

						.con_mpopup { position:absolute; left:2.5%; top:2%; width:95%; }
						.con_mpopup.op1 { position:static; width:100%; overflow:hidden; background:#ffffff; box-shadow:none; }
						.con_mpopup_c1 { padding:15px 20px 15px 20px; font-size:16px; }
						.con_mpopup_c2 { padding:20px 18px 20px 18px; font-size:13px; }
						.con_mpopup_c3 { padding:13px 18px 13px 18px; font-size:13px; }
						.con_mpopup_c3 label { font-size:13px; }
						.con_mpopup_c3 a.link_close { top:12px; padding:2px 12px 2px 12px; font-size:12px; }

						.con_mheader a.logoasp { margin:0 0 0 15px; padding:5px 0 0 0; }
						.con_mheader a.logoasp img { height:30px; }

						#con_footer { margin:60px 0 0 0; padding:60px 0 30px 0; }
						#con_footer .con1 ul li { margin:0 40px 12px 0; font-size:14px; }
						#con_footer .con1 ul li.op1 { margin:0 0 12px 0; }
						#con_footer .con1 ul li a { font-size:14px; }
						#con_footer .con1 ul li.bg1 { background:url("../images/footer_ic_01.png") no-repeat 0 0; padding:0 0 0 30px; background-size:auto 18px; }
						#con_footer .con1 ul li.bg2 { background:url("../images/footer_ic_02.png") no-repeat 0 2px; padding:0 0 0 30px; background-size:auto 15px; }
						#con_footer .con1 ul li.bg3 { background:url("../images/footer_ic_03.png") no-repeat 4px 1px; padding:0 0 0 30px; background-size:auto 18px; }
						#con_footer .con1 ul li.bg4 { background:url("../images/footer_ic_04.png") no-repeat 0 0; padding:0 0 0 30px; background-size:auto 18px; }
						#con_footer .con2 { margin:15px 0 0 0; }
						#con_footer .con2 ul { float:left; }
						#con_footer .con2 ul li { margin:0 20px 0 0; font-size:14px; }
						#con_footer .con2 ul li.wop1 { width:100%; margin:0 0 5px 0; }
						#con_footer .con2 ul li a { font-size:14px; }

						#con_backtop a { width:50px; height:50px; }

						.con_mquick { padding:30px 20px 30px 20px; }
						.con_mquick ul li a { height:60px; }
						.con_mquick ul li a.bg1 { background-size:auto 25px; }
						.con_mquick ul li a.bg2 { background-size:auto 25px; }
						.con_mquick ul li a.bg3 { background-size:auto 25px; }

						.con_mcont h3 { font-size:28px; }
						.con_mcont .con2 { font-size:15px; line-height:23px; }
						.con_mcont .con2 a.tit { margin:0 0 15px 0; font-size:18px; line-height:26px; }

						.con_breadcrumb ul { float:left; margin:0 0 0 2px; }
						.con_breadcrumb ul li { font-size:11px; }
						.con_breadcrumb ul li span { width:11px; height:11px; background-size:11px; margin:3px 0 0 0; }
						.con_breadcrumb ul li:after { font-size:11px; padding:0 6px 0 6px; }
						.con_breadcrumb ul li select { height:18px; font-size:11px; }

						.con_pagetit { padding:10px 0 25px 0; }
						.con_pagetit h1 { font-size:25px; line-height:30px; }
						.con_pagetit span { width:21px; margin:0 0 0 6px; }

						.con_search { width:100%; border:1px solid #e2e2e2; padding:20px 20px 15px 20px; }
						.con_search.pop1 { padding:20px 20px 20px 20px; }
						.con_search.mop1 { margin:30px 0 0 0; }
						.con_search ul { width:100%; }
						.con_search ul li { float:left; width:100%; margin:0 0 7px 0; text-align:center; }
						.con_search ul li.slop1 { width:49.5%; margin:0 1% 7px 0; }
						.con_search ul li.slop2 { width:49.5%; }
						.con_search ul li.slop3 { width:39.5%; margin:0 1% 7px 0; }
						.con_search ul li.slop4 { width:59.5%; }
						.con_search ul li.slop5 { width:calc(100% - 60px); margin:0 0 0 0; }
						.con_search ul li.slop6 { width:60px; margin:0 0 0 0; }
						.con_search ul li.slop7 { width:calc((100% - 70px) / 2); margin:0 5px 0 0; }
						.con_search ul li.slop8 { width:60px; margin:0 0 0 0; }
						.con_search ul li.slop9 { width:calc((100% - 30px) / 2); }
						.con_search ul li.slop10 { width:25px; margin:0 0 0 0; }
						.con_search ul li.slop11 { margin:0 0 0 0; }
						.con_search ul li.mop1 { margin:0 0 7px 0; }
						.con_search ul li.wop1 { width:auto; margin:0 5px 0 0; }
						.con_search ul li.forms1 { width:calc(100% - 60px); margin:0 0 0 0; }
						.con_search ul li.forms1_1 { width:60px; margin:0 0 0 0; }
						.con_search ul li select { width:100%; height:30px; font-size:14px; }
						.con_search ul li select.wop1 { width:120px; }
						.con_search ul li select.wop2 { width:100%; }
						.con_search ul li input[type="text"] { width:100%; height:30px; border-width:1px 1px 1px 1px; font-size:14px; }
						.con_search ul li input[type="text"].bop1 { border:1px solid #d4d4d4; }
						.con_search ul li input[type="text"].wop1 { width:80%; }
						.con_search ul li input[type="text"].wop2 { width:100%; }
						.con_search ul li a.link1 { padding:5px 20px 5px 20px; width:auto; height:auto; font-size:13px; line-height:18px; margin:8px 0 0 0; }
						.con_search ul li a.link1.brop1 { border-radius:4px; }
						.con_search ul li a.link1.brop2 { width:100%; height:30px; line-height:30px; padding:0 0 0 0; border-radius:0px; margin:0 0 0 0; }
						.con_search ul li a.link1.brop3 { width:60px; height:30px; line-height:30px; padding:0 0 0 0; border-radius:0px; margin:0 0 0 0; }
						.con_search ul li a.link2 { width:60px; height:30px; font-size:13px; }
						.con_search ul li a.link2.brop1 { border-radius:4px; }
						.con_search ul li a.link3 { padding:5px 20px 5px 20px; width:auto; height:auto; font-size:13px; line-height:18px; margin:8px 0 0 5px; }
						.con_search ul li a.link3.brop1 { border-radius:4px; }
						.con_search ul li a.link4 { padding:5px 20px 5px 20px; width:auto; height:auto; font-size:13px; line-height:18px; margin:8px 0 0 5px; }
						.con_search ul li a.link4.brop1 { border-radius:4px; }

						.con_list_option { margin:20px 0 10px 0; }
						.con_list_option.mop4 { margin:25px 0 0 0; }
						.con_list_option .con1 { font-size:13px; background:url("../images/dot_06.png") no-repeat 0 12px; padding:5px 0 0 10px; }
						.con_list_option .con2 select { width:120px; height:24px; font-size:13px; padding:0 0 0 3px; }
						.con_list_option .con2 select.wop1 { width:100px; }
						.con_list_option .con2 a.link1 { padding:0 6px 0 6px; height:24px; font-size:12px; line-height:24px; }
						.con_list_option .con2 ul { margin:6px 0 0 0; }
						.con_list_option .con2 ul li:after { padding:0 8px 0 8px; }
						.con_list_option .con2 ul li a { font-size:14px; line-height:14px; }

						.con_listcus2 { border-width:1px 1px 0 1px; border-top:1px solid #111111; }
						.con_listcus2.mop2 { margin:25px 0 0 0; }
						.con_listcus2 ul { display:block; overflow:hidden; border-bottom:1px solid #d4d4d4; padding:15px 5px 10px 5px; }
						.con_listcus2 ul li { display:inline-block; width:100% !important; min-height:auto; font-size:14px; text-align:left; border-width:0 0 0 0; padding:0 0 0 18px; margin:0 0 7px 0; }
						.con_listcus2 ul li.xop1 { width:130px !important; padding:1px 0 0 15px; }
						.con_listcus2 ul li.xop2 { width:calc(100% - 130px) !important; padding:1px 0 0 0; }
						.con_listcus2 ul li.xop1.wop1 { width:150px !important; }
						.con_listcus2 ul li.xop2.wop1 { width:calc(100% - 150px) !important; }
						.con_listcus2 ul li.xop1.wop2 { width:90px !important; }
						.con_listcus2 ul li.xop2.wop2 { width:calc(100% - 90px) !important; }
						.con_listcus2 ul li.xop1.wop3 { width:110px !important; }
						.con_listcus2 ul li.xop2.wop3 { width:calc(100% - 110px) !important; }
						.con_listcus2 ul li.xop1.wop4 { width:120px !important; }
						.con_listcus2 ul li.xop2.wop4 { width:calc(100% - 120px) !important; }
						.con_listcus2 ul li.xop1.wop5 { width:100px !important; }
						.con_listcus2 ul li.xop2.wop5 { width:calc(100% - 100px) !important; }
						.con_listcus2 ul li.taop1 { padding:0 0 0 18px; }
						.con_listcus2 ul li.nodata { width:100% !important; padding:0 0 0 0; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; text-align:center !important; }
						.con_listcus2 ul li.dot { clear:both; float:left; background:url("../images/dot_03.png") no-repeat 10px 8px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; font-size:14px; font-weight:normal; text-align:left; letter-spacing:-0.03em; padding:0 0 0 18px; margin:0 0 3px 0; }
						.con_listcus2 ul li.tit { display:block; width:100%; padding:0 0 0 0; }
						.con_listcus2 ul li.tit a { font-size:15px; line-height:20px; }
						.con_listcus2 ul li.tit2 { display:block; width:100%; padding:0 0 0 0; font-size:15px; line-height:20px; }
						.con_listcus2 ul li.tit3 { padding:1px 0 0 0; font-size:14px; line-height:20px; }
						.con_listcus2 ul li.tit4 { padding:0 0 0 0; }
						.con_listcus2 ul li.tit4 a { font-size:14px; line-height:20px; }
						.con_listcus2 ul li.tit5 { padding:0 0 0 0; }
						.con_listcus2 ul li.tit5 a { font-size:14px; line-height:20px; }
						.con_listcus2 ul li.tit6 { text-align:left; padding:0 0 0 0; }
						.con_listcus2 ul li.tit6 a { font-size:14px; line-height:20px; }
						.con_listcus2 ul li.file { }
						.con_listcus2 ul li.file img { margin:0 10px 0 0; }
						.con_listcus2 ul li.desc { font-size:13px; color:#777777; }
						.con_listcus2 ul li.desc:after { content:"|"; color:#999999; font-size:12px; padding:0 8px 0 8px; }
						.con_listcus2 ul li.desc:last-child:after { content:none; padding:0 0 0 0; }
						.con_listcus2 ul li.desc2 { display:block; font-size:13px; color:#777777; text-align:left; background:url("../images/dot_03.png") no-repeat 0 9px; padding:0 0 0 9px; transition:all 0.3s ease; margin:0 0 4px 0; }
						.con_listcus2 ul li.desc2 span.xtit { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#444444; font-size:13px; font-weight:normal; letter-spacing:-0.03em; }
						.con_listcus2 ul li.desc3 { padding:0 0 0 0; transition:all 0.3s ease; margin:5px 0 4px 0; }
						.con_listcus2 ul li.desc4 { display:block; font-size:14px; color:#555555; text-align:left; background:url("../images/dot_03.png") no-repeat 0 9px; padding:0 0 0 9px; transition:all 0.3s ease; margin:0 5px 4px 5px; }
						.con_listcus2 ul li dl dt { font-size:14px; }
						.con_listcus2 ul li span.top { padding:1px 8px 1px 8px; font-size:12px; margin:0 5px 0 0; }
						.con_listcus2 ul li span.noti_label { display:inline-block; padding:1px 8px 1px 8px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:12px; font-weight:normal; line-height:18px; text-align:center; letter-spacing:-0.03em; border-radius:30px; margin:0 5px 0 0; }
						.con_listcus2 ul li span.noti_label.bg1 { background:#7c8598; }
						.con_listcus2 ul li span.noti_label.bg2 { background:#4d8ec6; }
						.con_listcus2 ul li a.link1 { padding:1px 11px 1px 11px; font-size:13px; margin:2px 0 0 0; }
						.con_listcus2 ul li input[type="checkbox"] { margin:-2px 5px 0 0; width:17px; height:17px; }
						.con_listcus2 ul li input[type="radio"] { margin:-2px 5px 0 0; width:17px; height:17px; }
						.con_listcus2 ul li span.status { font-size:13px; }
						.con_listcus2 a.link { padding:2px 10px 2px 10px; font-size:13px; }
						.con_listcus2 ul.op1 li { font-size:14px; }
						.con_listcus2 ul.op1 li span.status { font-size:14px; }
						.con_listcus2 ul.op1 li dl dt { font-size:14px; }

						.con_list th { padding:10px 5px 10px 5px; font-size:13px; }
						.con_list td { padding:10px 5px 10px 5px; font-size:13px; }

						.con_paging { margin:30px 0 0 0; }
						.con_paging a { width:33px; height:33px; font-size:13px; line-height:33px; }
						.con_paging.bop1 { padding:25px 0 0 0; }

						.con_view.mop3 { margin:25px 0 0 0; }
						.con_view.mop4 { margin:30px 0 0 0; }
						.con_view_head { padding:15px 15px 15px 15px; }
						.con_view_head h1 { font-size:17px; line-height:24px; }
						.con_view_head h3 { margin:0 0 7px 0; padding:1px 8px 1px 8px; font-size:12px; }
						.con_view_head ul { float:left; margin:10px 0 0 0; }
						.con_view_head ul li { font-size:13px; }
						.con_view_head ul li:after { font-size:12px; padding:0 8px 0 8px; }
						.con_view_file { padding:15px 15px 15px 15px; }
						.con_view_file .con1 { margin:0 0 13px 0; font-size:14px; }
						.con_view_file .con1.op1 { margin:0 0 6px 0; padding:0 0 0 0; background:none; }
						.con_view_file .con1 span.fop1 { font-size:14px; }
						.con_view_file .con1 span.fop2 { font-size:12px; margin:0 0 0 2px; }
						.con_view_file .con1 a { margin:3px 0 0 0; padding:0px 7px 0px 24px; font-size:12px; background:#fafafa url("../images/download_01.png") no-repeat 7px 3px; background-size:13px; }
						.con_view_file .con1 a:hover { background:#666666 url("../images/download_02.png") no-repeat 7px 3px; background-size:13px; }
						.con_view_file ul li a { font-size:13px; }
						.con_view_file ul li a span.fop1 { font-size:11px; }
						.con_view_pic { padding:20px 10px 20px 10px; }
						.con_view_pic ul li { margin:0 0 13px 0; }
						.con_view_content { padding:15px 15px 50px 15px; font-size:14px; font-weight:normal; line-height:23px; }
						.con_view_content h4 { padding:6px 0 6px 15px; font-size:15px; }
						.con_view_content h4 span { width:26px; height:26px; font-size:18px; line-height:24px; margin:0 8px 0 0; }
						.con_view_content h4.tit1 { margin:0 0 13px 0; }
						.con_view_content h4.tit2 { margin:25px 0 13px 0; }
						.con_view_content.op1 { padding:15px 0 20px 0; }
						.con_view_content .imgs { margin:0 0 20px 0; }
						.con_view_content .vods { margin:5px 0 20px 0; }
						.con_view_content .vods video { height:350px; }
						.con_view_tit { padding:10px 0 10px 15px; font-size:15px; }
						.con_view_tit span.tit1 { width:26px; height:26px; font-size:18px; line-height:24px; margin:0 8px 0 0; }
						.con_view_tit span.tit2 { width:26px; height:26px; font-size:18px; line-height:24px; margin:0 8px 0 0; }
						.con_view_tit span.time { right:15px; top:14px; font-size:13px; }

						.con_view2 table { display:block; }
						.con_view2 table thead { display:block; }
						.con_view2 table tbody { display:block; }
						.con_view2 table tr { display:block; }
						.con_view2 th { display:block; padding:10px 15px 0 15px; border:none; font-size:15px; background:url("../images/dot_03.png") no-repeat 5px 19px; text-align:left; }
						.con_view2 th.bgop1 { background:url("../images/dot_03.png") no-repeat 5px 19px; }
						.con_view2 th.bgop2 { background:url("../images/dot_03.png") no-repeat 5px 19px; }
						.con_view2 th.bgop3 { background:url("../images/dot_03.png") no-repeat 5px 19px; }
						.con_view2 th.bgop4 { background:url("../images/dot_03.png") no-repeat 5px 19px; }
						.con_view2 th.bgop5 { background:url("../images/dot_03.png") no-repeat 5px 19px; }
						.con_view2 td { display:block; padding:5px 15px 10px 15px; border-width:0 0 1px 0; font-size:14px; color:#666666; line-height:21px; }
						.con_view2 td.pop1 { padding:5px 15px 20px 15px; }
						.con_view2 td .desc { margin:0 0 0 0; }
						.con_view2 td .desc a.add { right:0px; top:-23px; padding:2px 10px 0 10px; font-size:12px; }
						.con_view2 td .desc_c { padding:10px 10px 3px 10px; }
						.con_view2 td .desc_c span { padding:3px 33px 1px 10px; font-size:12px; margin:0 4px 6px 0; }
						.con_view2 td .desc_c span a.del { top:2px; }
						.con_view2 td span.status { font-size:14px; }
						.con_view2 td a.link1 { padding:2px 6px 2px 6px; font-size:12px; }
						.con_view2 td dl dt { color:#666666; font-size:14px; }
						.con_view2 span.gracnt1 { width:70px; padding:0 5px 0 5px; font-size:13px; }
						.con_view2 span.gracnt2 { width:70px; padding:0 5px 0 5px; font-size:13px; }
						.con_view2 td span.gra1 { height:18px; }
						.con_view2 td span.gra2 { height:18px; }
						.con_view2 td span.gra3 { height:18px; }
						.con_view2 td span.gra4 { height:18px; }
						.con_view2.op1 th { font-size:14px; line-height:20px; }
						.con_view2.op1 td { font-size:13px; line-height:20px; }

						.con_write.mop4 { margin:25px 0 0 0; }
						.con_write table { display:block; }
						.con_write table thead { display:block; }
						.con_write table tbody { display:block; }
						.con_write table tr { display:block; }
						.con_write th { min-height:auto; display:block; padding:10px 15px 0 15px; border:none; font-size:14px; background:url("../images/dot_03.png") no-repeat 5px 19px; }
						.con_write th.bgop1 { background:url("../images/dot_03.png") no-repeat 5px 19px; }
						.con_write th.bgop2 { background:url("../images/dot_03.png") no-repeat 5px 19px; }
						.con_write th.bgop3 { background:url("../images/dot_03.png") no-repeat 5px 19px; }
						.con_write th.bgop4 { background:url("../images/dot_03.png") no-repeat 5px 19px; }
						.con_write th.bgop5 { background:url("../images/dot_03.png") no-repeat 5px 19px; }
						.con_write th.bgop6 { background:url("../images/dot_03.png") no-repeat 5px 19px; }
						.con_write td { min-height:auto; display:block; padding:5px 15px 10px 15px; border-width:0 0 1px 0; font-size:14px; color:#666666; }
						.con_write td .desc { margin:0 0 0 0; }
						.con_write td .desc a.add { right:0px; top:-23px; padding:2px 10px 0 10px; font-size:12px; }
						.con_write td .desc_c { padding:10px 10px 3px 10px; }
						.con_write td .desc_c span { padding:3px 33px 1px 10px; font-size:12px; margin:0 4px 6px 0; }
						.con_write td .desc_c span a.del { top:2px; }
						.con_write td ul.con li { margin:0 5px 5px 0; }
						.con_write td ul.con li.cbop1 { clear:both; }
						.con_write td ul.lyop1 { width:100%; }
						.con_write td ul.lyop1.wop1 { width:100%; }
						.con_write td ul.lyop1 li.btns { margin:3px 0 0 4px; }
						.con_write td ul.lyop2 { width:100%; }
						.con_write td ul.lyop3 { width:100%; }
						.con_write td ul.lyop4 li.forms1 { width:calc((100% - 113px) / 2); }
						.con_write td ul.lyop4 li.forms2 { width:calc((100% - 113px) / 2); }
						.con_write td ul.lyop4 li.btns { width:100px; }
						.con_write td ul.lyop5 li.forms { width:calc(100% - 105px); }
						.con_write td ul.lyop5 li.btns { width:100px; }
						.con_write td ul.lyop6 li.forms1 { width:calc((100% - 120px) / 2.2); }
						.con_write td ul.lyop6 li.forms2 { width:calc((100% - 120px) / 3.8); }
						.con_write td ul.lyop6 li.txt { width:40px; padding:7px 0 0 5px; font-size:13px; }
						.con_write td ul.lyop7 { margin:0 0 5px 0; }
						.con_write td ul.lyop7 li.txt { width:60px; font-size:13px; }
						.con_write td ul.lyop7 li.txt.pop1 { padding:7px 0 0 15px; }
						.con_write td ul.lyop7 li.forms1 { width:calc((100% - 120px) / 2); }
						.con_write td ul.lyop7 li.forms2 { width:calc(100% - 60px); }
						.con_write td ul.lyop8 li.txt { width:50px; padding:7px 0 0 15px; font-size:13px; }
						.con_write td ul.lyop8 li.forms1 { width:30%; }
						.con_write td ul.lyop8 li.forms2 { width:calc(70% - 50px); }
						.con_write td ul.lyop11 { width:100%; }
						.con_write label { font-size:13px; }
						.con_write label.mop1 { margin:0 10px 5px 0; }
						.con_write label.mop2 { margin:3px 12px 5px 0; }
						.con_write select { height:30px; font-size:13px; padding:0 0 0 5px; }
						.con_write select.wop1 { width:100%; }
						.con_write select.wop2 { width:100%; }
						.con_write select.wop3 { width:100%; margin:5px 0 5px 0; }
						.con_write select.wop4 { width:100%; margin:5px 0 5px 0; }
						.con_write select.wop5 { width:100%; margin:5px 0 5px 0; }
						.con_write select.wop6 { width:100%; margin:5px 0 5px 0; }
						.con_write select.wop7 { width:100%; }
						.con_write select.wop8 { width:100%; margin:0 0 5px 0; }
						.con_write select.wop9 { width:29%; }
						.con_write select.wop11 { width:30%; margin:0 0 0 3px; }
						.con_write select.wop12 { width:100%; }
						.con_write input[type="text"] { height:30px; font-size:13px; padding:0 5px 0 5px; }
						.con_write input[type="text"].wop1 { width:100%; }
						.con_write input[type="text"].wop2 { width:50%; }
						.con_write input[type="text"].wop3 { width:100%; margin:5px 0 5px 0; }
						.con_write input[type="text"].wop4 { width:100%; }
						.con_write input[type="text"].wop5 { width:55%; }
						.con_write input[type="text"].wop6 { width:55%; }
						.con_write input[type="text"].wop7 { width:100%; margin:5px 0 5px 0; }
						.con_write input[type="text"].wop10 { width:100px; }
						.con_write input[type="text"].wop11 { width:100%; }
						.con_write input[type="text"].wop12 { width:29%; }
						.con_write input[type="text"].wop13 { width:47%; }
						.con_write input[type="text"].wop14 { width:80%; }
						.con_write input[type="text"].wop16 { width:100%; }
						.con_write input[type="password"] { height:30px; font-size:13px; padding:0 5px 0 5px; }
						.con_write input[type="password"].wop1 { width:100%; }
						.con_write input[type="file"] { height:30px; font-size:13px; }
						.con_write input[type="checkbox"] { width:16px; height:16px; }
						.con_write input[type="radio"] { width:16px; height:16px; }
						.con_write textarea { height:80px; padding:5px 5px 5px 5px; font-size:13px; line-height:18px; }
						.con_write textarea.hop1 { height:200px; }
						.con_write textarea.hop2 { height:150px; }
						.con_write textarea.hop3 { height:120px; }
						.con_write textarea.hop4 { height:80px; }
						.con_write a.link1 { padding:0 10px 0 10px; height:30px; font-size:13px; line-height:30px; }
						.con_write a.link1.mop1 { margin:6px 0 0 0; }
						.con_write a.link1.mop2 { margin:1px 0 0 0; }
						.con_write a.link2 { padding:0 10px 0 10px; height:30px; font-size:13px; line-height:30px; }
						.con_write a.link2.mop1 { margin:6px 0 0 0; }
						.con_write a.link3 { padding:0 10px 0 10px; height:24px; font-size:13px; line-height:24px; }
						.con_write a.link4 { padding:0 10px 0 10px; height:24px; font-size:13px; line-height:24px; }
						.con_write td .noti { font-size:13px; }
						.con_write td .noti2 { display:block; font-size:13px; margin:5px 0 0 0; }
						.con_write td span.status { font-size:14px; }

						.con_write2 table { display:block; border:1px solid #e2e2e2; border-width:1px 1px 0 1px; border-radius:4px; }
						.con_write2 table thead { display:none; }
						.con_write2 table tbody { display:block; transition:all 0.3s ease; }
						.con_write2 table tr { display:block; padding:10px 10px 15px 0; border-bottom:1px solid #e2e2e2; }
						.con_write2 table th { display:none; }
						.con_write2 table td { position:relative; display:block; padding:5px 10px 5px 25px; border:none; font-size:13px; line-height:18px; text-align:left; }
						.con_write2 table td.pop1 { padding:5px 10px 5px 110px; }
						.con_write2 table td i { display:block; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#111111; font-size:14px; font-weight:normal; letter-spacing:-0.02em; font-style:normal; padding:0 0 0 10px; background:url("../images/dot_03.png") no-repeat 0 8px; margin:0 0 5px -10px; }
						.con_write2 table td.pop1 i { position:absolute; left:15px; top:5px; display:inline-block; width:100px; padding:0 0 0 10px; background:url("../images/dot_03.png") no-repeat 0px 8px; margin:0 0 0 0; }
						.con_write2 td label { font-size:13px; }
						.con_write2 td select { height:28px; font-size:13px; padding:0 0 0 5px; }
						.con_write2 td input[type="text"] { height:28px; font-size:13px; padding:0 5px 0 5px; }
						.con_write2 td input[type="password"] { height:28px; font-size:13px; padding:0 5px 0 5px; }
						.con_write2 td input[type="file"] { height:28px; font-size:13px; padding:0 5px 0 5px; }
						.con_write2 td input[type="checkbox"] { margin:0 0 0 3px; width:16px; height:16px; }
						.con_write2 td input[type="radio"] { margin:0 0 0 3px; width:16px; height:16px; }
						.con_write2 td textarea { height:60px; padding:5px 5px 5px 5px; font-size:13px; line-height:18px; }
						.con_write2 td .noti { background:url("../images/dot_08.png") no-repeat 0 9px; font-size:11px; padding:0 0 0 7px; }

						.con_imglist .con_imglist_nodata { padding:25px 0 25px 0; font-size:14px; }
						.con_imglist_c { padding:20px 10px 20px 10px; }
						.con_imglist_c .con1 { width:100%; border:none; }
						.con_imglist_c .con1 img { width:100%; height:auto; border:1px solid #d8d8d8; }
						.con_imglist_c .con2 { width:100%; padding:0 0 0 0; }
						.con_imglist_c .con2 ul li.tit { margin:15px 0 0 0; }
						.con_imglist_c .con2 ul li.tit a { font-size:16px; line-height:24px; }
						.con_imglist_c .con2 ul li.desc { margin:15px 0 0 0; font-size:14px; line-height:22px; }
						.con_imglist_c .con2 ul li.dt { margin:8px 0 0 0; font-size:12px; }

						a.files { padding:0 0 0 22px; font-size:14px; background:url("../images/file_02.png") no-repeat 0 5px; }

						.con_file ul li a { font-size:14px; }

						.con_file2 { margin:8px 0 0 0; padding:20px 20px 13px 20px; }
						.con_file2 h4 { font-size:14px; }
						.con_file2 ul { margin:12px 0 0 0; padding:0 0 0 0; border:none; }
						.con_file2 ul li { margin:0 0 6px 0; padding:0 0 0 0; }
						.con_file2 ul li a { font-size:13px; }

						.con_file3 .con2 ul li a { font-size:14px; }

						.con_prevnext ul li.tit { width:100%; color:#111111; font-size:14px; padding:10px 15px 0 15px; border:none; background-color:#ffffff; }
						.con_prevnext ul li.op1 { background:url("../images/arrow_up.png") no-repeat left 70px top 18px; }
						.con_prevnext ul li.op2 { background:url("../images/arrow_down.png") no-repeat left 70px top 18px; }
						.con_prevnext ul li.op3 { background:none; height:auto; }
						.con_prevnext ul li.desc { width:100%; padding:8px 15px 10px 15px; border-bottom:1px solid #dddddd; }
						.con_prevnext ul li.desc.op1 { height:auto; }
						.con_prevnext ul li.desc a { font-size:14px; color:#555555; }
						.con_prevnext dl dt { font-size:12px; }
						.con_prevnext dl dt:after { font-size:10px; }

						.con_btn_center { margin:28px 0 0 0; }
						.con_btn_center a { margin:0 5px 0 0; }

						.con_tab { height:40px; }
						.con_tab a { height:40px; font-size:15px; }

						.con_tab2 { margin:30px 0 0 0; padding:20px 20px 10px 20px; }
						.con_tab2 ul li { width:32%; margin:0 2% 10px 0; }
						.con_tab2 ul li:nth-child(3n) {  margin:0 0 10px 0; }
						.con_tab2 ul li a { display:block; padding:5px 10px 5px 10px; font-size:14px; }

						.con_tab3 { margin:30px 0 0 0; }
						.con_tab3 ul li a { font-size:15px; }
						.con_tab3 ul li:after { font-size:14px; padding:0 15px 0 15px; }

						.con_tab4 { height:40px; }
						.con_tab4 a { height:40px; font-size:15px; }

						.con_tit { margin:30px 0 0 0; font-size:24px; line-height:30px; }

						.con_tit2 { font-size:17px; }
						.con_tit2.fop1 { font-size:17px; }
						.con_tit2.fop2 { margin:40px 0 0 0; padding:6px 0 8px 0; font-size:19px; }
						.con_tit2.fop3 { margin:30px 0 0 0; padding:6px 0 8px 25px; font-size:18px; background:url("../images/dot_21.png") no-repeat 0 10px; }
						.con_tit2.fop4 { margin:25px 0 0 0; padding:0 0 0 25px; font-size:18px; background:url("../images/dot_21.png") no-repeat 0 4px; }
						.con_tit2.fop5 { margin:20px 0 0 0; padding:6px 0 8px 25px; font-size:18px; background:url("../images/dot_21.png") no-repeat 0 10px; }
						.con_tit2.fop6 { margin:25px 0 0 0; padding:6px 0 8px 0; font-size:17px; line-height:23px; }
						.con_tit2.fop7 { margin:25px 0 0 0; font-size:17px; line-height:23px; }
						.con_tit2.fop8 { font-size:17px; line-height:23px; }
						.con_tit2.mop4 { margin:30px 0 0 0; }
						.con_tit2.mop5 { margin:25px 0 0 0; }
						.con_tit2.mop7 { margin:20px 0 0 0; }
						.con_tit2.mop8 { margin:25px 0 0 0; }
						.con_tit2.mop9 { margin:40px 0 0 0; }
						.con_tit2 span.txt { font-size:13px; }
						.con_tit2 span.point { background:#937f76 url("../images/point_03.png") no-repeat 10px 4px; background-size:15px; padding:1px 10px 1px 30px; font-size:13px; margin:-3px 0 0 2px; }
						.con_tit2 em.fop1 { font-size:18px; }
						.con_tit2 em.fop2 { font-size:18px; }
						.con_tit2 em.fop3 { font-size:14px; line-height:19px; }
						.con_tit2 .con1 a { padding:2px 9px 2px 9px; }
						.con_tit2 .con2 ul li a { font-size:13px; }
						.con_tit2 .con2 ul li a.on { font-size:13px; }
						.con_tit2 .con2 ul li:after { padding:0 9px 0 9px; }
						.con_tit2 span.mustch { padding:1px 6px 1px 6px; font-size:12px; line-height:16px; margin:-3px 5px 0 0; }

						.con_txt { font-size:15px; line-height:23px; }

						.con_agree_c1 { height:160px; padding:15px 15px 30px 15px; }
						.con_agree_c2 label { font-size:14px; }
						.con_agree_c2 input[type="checkbox"] { width:16px; height:16px; }
						.con_agree_c2 span.noti { display:block; margin:5px 0 0 0; font-size:13px; }

						.con_agree2 { margin:25px 0 0 0; padding:15px 15px 15px 15px; }
						.con_agree2 input[type="checkbox"] { width:16px; height:16px; }
						.con_agree2 label { font-size:15px; }

						.con_blank { margin:20px 0 0 0; height:9px;}
						.con_blank2 { margin:0 3px 0 3px; }

						.con_imgs.mop1 { margin:30px 0 0 0; }

						.con_login { padding:30px 0 0 0; }
						.con_login h3 { padding:0 10px 0 10px; font-size:18px; line-height:24px; }
						.con_login h3 span.fop1 { font-size:18px; line-height:24px; }
						.con_login h3 span.fop2 { margin:5px 0 0 0; font-size:15px; line-height:20px; }
						.con_login_c1 { margin:30px 0 0 0; }
						.con_login_c1 ul li.forms1 { margin:0 0 8px 0; height:45px; }
						.con_login_c1 ul li.forms1 input[type="text"] { height:43px; font-size:14px; }
						.con_login_c1 ul li.forms2 { margin:0 0 8px 0; height:45px; }
						.con_login_c1 ul li.forms2 input[type="password"] { height:43px; font-size:14px; }
						.con_login_c1 ul li.idsave { margin:10px 0 20px 0; }
						.con_login_c1 ul li.idsave input[type="checkbox"] { margin:-5px 5px 0 0; width:17px; height:17px; }
						.con_login_c1 ul li.idsave label { font-size:13px; }
						.con_login_c1 ul li.btns a { padding:13px 0px 13px 0; font-size:16px; }
						.con_login_c1 ul li.btns a i { display:inline-block; width:17px; height:26px; background-size:17px; margin:0 12px 0 0; }
						.con_login_c2 { margin:22px 0 0 0; }
						.con_login_c2 ul li a { font-size:13px; }
						.con_login_c2 ul li:after { font-size:12px; padding:0 10px 0 10px; }

						.con_step_c { padding:60px 10px 15px 10px; text-align:center; }
						.con_step_c h3 { margin:7px 0 0 0; font-size:14px; }
						.con_step_c.bg1 { background:#ffffff url("../images/mem_01.png") no-repeat center 15px; background-size:27px; }
						.con_step_c.bg2 { background:#ffffff url("../images/mem_02.png") no-repeat center 15px; background-size:27px; }
						.con_step_c.bg3 { background:#ffffff url("../images/mem_03.png") no-repeat center 15px; background-size:32px; }
						.con_step_c.bg4 { background:#ffffff url("../images/mem_04.png") no-repeat center 15px; background-size:37px; }
						.con_step_c.on h3 { font-size:14px; }
						.con_step_c.on.bg1 { background:#8a7693 url("../images/mem_01_on.png") no-repeat center 15px; background-size:27px; }
						.con_step_c.on.bg2 { background:#8a7693 url("../images/mem_02_on.png") no-repeat center 15px; background-size:27px; }
						.con_step_c.on.bg3 { background:#8a7693 url("../images/mem_03_on.png") no-repeat center 15px; background-size:32px; }
						.con_step_c.on.bg4 { background:#8a7693 url("../images/mem_04_on.png") no-repeat center 15px; background-size:37px; }

						.con_private .txt1 { font-size:14px; }
						.con_private .txt1.mop3 { margin:25px 0 0 0; }
						.con_private .txt2 { font-size:13px; }
						.con_private .txt4 { padding:75px 20px 20px 20px; font-size:14px; line-height:20px; }
						.con_private .txt4.bg1 {  background:url("../images/private_01.png") no-repeat center 15px; background-size:50px; }
						.con_private .txt6 { margin:25px 0 0 0; padding:30px 20px 25px 20px; font-size:14px; line-height:21px; }
						.con_private .txt6 .imgs { margin:0 0 25px 0; }
						.con_private h2 { font-size:18px;  }
						.con_private h2.mop1 { margin:35px 0 0 0; }
						.con_private h3 { margin:20px 0 0 0; font-size:16px; }
						.con_private h3.fop1 { font-size:15px; }
						.con_private h4 { margin:20px 0 10px 0; font-size:15px; }
						.con_private h4.fop1 { font-size:15px; }
						.con_private ul.list { margin:15px 0 0 5px; }
						.con_private ul.list li { font-size:13px; }
						.con_private ul.list li.in { font-size:13px; }
						.con_private ul.list li.in2 { font-size:12px; }
						.con_private ul.list span { font-size:13px; }
						.con_private ul.list2 li { font-size:13px; }
						.con_private ul.list3 { margin:15px 0 0 5px; }
						.con_private ul.list3 li { font-size:14px; }
						.con_private ul.list3 li.in { font-size:13px; }
						.con_private ul.list3 li.in2 { font-size:12px; }
						.con_private ul.list3 li.in3 { font-size:12px; }
						.con_private ul.list3 span { font-size:15px; }

						.con_result { margin:30px 0 0 0; padding:140px 0 35px 0; background:url("../images/mem_05.png") no-repeat center 35px; background-size:150px; }
						.con_result ul li.htit { font-size:22px; }
						.con_result ul li.desc { margin:16px 0 0 0; padding:0 20px 0 20px; font-size:15px; line-height:23px; }
						.con_result ul li.desc span { font-size:15px; }

						.con_result2 { margin:30px 0 0 0; padding:50px 20px 60px 20px; }
						.con_result2 h3 { font-size:19px; line-height:27px; }
						.con_result2 .desc { font-size:14px; line-height:20px; }

						.con_noti { padding:53px 20px 20px 20px; background:#fafafa url("../images/check_01.png") no-repeat 20px 15px; background-size:28px; }
						.con_noti.mop3 { padding:50px 20px 10px 20px; }
						.con_noti.bgop3 { margin:25px 0 0 0; }
						.con_noti.bgop4 { margin:15px 0 0 0; }
						.con_noti ul li { font-size:14px; padding:0 0 5px 12px; }
						.con_noti ul li.op1 { padding:0 0 0 0; }
						.con_noti ul li a.fop1 { font-size:14px; }

						.con_address ul li { background:url("../images/dot_04.png") no-repeat 8px 7px; font-size:14px; line-height:21px; }
						.con_address ul li.tit { font-size:20px; }

						.con_address2 { margin:20px 0 0 0; }
						.con_address2 #map { height:300px; }

						.con_address3 .bg1 { background:none; }
						.con_address3 .bg2 { background:none; }
						.con_address3 .bg3 { background:none; }
						.con_address3 .bg4 { background:none; }
						.con_address3 .bg5 { background:none; }
						.con_address3_c { margin:25px 0 0 0; padding:0 0 10px 0; }
						.con_address3_c h3 { display:block; width:100%; font-size:14px; }
						.con_address3_c ul { margin:0 5px 0 5px; }
						.con_address3_c ul li { font-size:13px; line-height:20px; margin:0 0 4px 0; background:url("../images/dot_03.png") no-repeat 0 9px; padding:0 0 0 8px; }
						.con_address3_c ul li.tit { font-size:14px; line-height:20px; margin:10px 0 5px 0; }

						.con_body { margin:30px 0 0 0; }
						.con_body_c1 { width:100%; padding:0 20% 0 20%; }
						.con_body_c2 { width:100%; }

						.con_searcheg_box { padding:25px 0 25px 0; }
						.con_searcheg_box.con1 { padding:0 20px 0 20px; }
						.con_searcheg_box .con1 .con1_1 { width:100%; }
						.con_searcheg_box .con1 .con1_1 input[type="text"] { height:35px; border:2px solid #927d67; border-width:2px 2px 2px 2px; font-size:15px; padding:0 10px 0 10px; }
						.con_searcheg_box .con1 .con1_2 { clear:both; width:100%; margin:10px 0 0 0; }
						.con_searcheg_box .con1 .con1_2 ul { display:table; margin-left:auto; margin-right:auto; }
						.con_searcheg_box .con1 .con1_2 ul li.btns1 { width:90px; margin:0 7px 0 0; }
						.con_searcheg_box .con1 .con1_2 ul li.btns1 i { width:18px; height:18px; background-size:18px; margin:-3px 4px 0 0; }
						.con_searcheg_box .con1 .con1_2 ul li.btns1 a { height:30px; font-size:14px; line-height:30px; border-radius:4px; }

						.con_searcheg_txt { padding:25px 15px 0 15px; font-size:18px; line-height:25px; }
						.con_searcheg_c { margin:40px 0 0 0; }
						.con_searcheg_c h1 { font-size:17px; padding:15px 0 15px 33px; }
						.con_searcheg_c h1 span.bars { top:17px; height:16px; }
						.con_searcheg_c h1 span.cnt { font-size:13px; }
						.con_searcheg_c1 { padding:0 15px 18px 15px; }
						.con_searcheg_c1:last-child { padding:0 15px 4px 15px; }
						.con_searcheg_c1_1 { width:100%; }
						.con_searcheg_c1_1 img { width:144px; height:90px; }
						.con_searcheg_c1_2 { width:100%; }
						.con_searcheg_c1 .con1 { margin:18px 0 0 0; }
						.con_searcheg_c1 .con1 a { font-size:15px; }
						.con_searcheg_c1 .con2 { margin:7px 0 0 0; font-size:12px; }
						.con_searcheg_c1 .con3 { font-size:13px; line-height:19px; }

						.con_modal .modal-dialog { width:95%; }
						.con_modal .modal-dialog.wop2 { width:95%; }
						.con_modal .modal-header { padding:18px 0 0 20px; }
						.con_modal .modal-header h1 { font-size:18px; }
						.con_modal .modal-body { padding:20px 20px 20px 20px; }
}

/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/

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

									body { border:0px solid #000000; }

}

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

									body { border:0px solid #000000; }

									.con_step_c { padding:60px 5px 15px 5px; border-radius:10px; }
									.con_step_c h3 { font-size:13px; }
									.con_step_c.on h3 { font-size:13px; }

}

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

									body { border:0px solid #000000; }

									.ham-contents .member-welcome .con1 { font-size:14px; }
									.ham-contents .member-welcome .con1 span.fop1 { font-size:14px; }
									.ham-contents .member-welcome .con2 ul li.tit { margin:0 5px 0 0; font-size:14px; }
									.ham-contents .member-welcome .con2 ul li.tit span { font-size:14px; }
									.ham-contents .member-welcome .con2 ul li.btns { padding:1px 0 0 0; }
									.ham-contents .member-welcome .con2 ul li.btns a { padding:1px 5px 1px 5px; font-size:12px; }

									#con_backtop a { width:40px; height:40px; background:rgba(0,0,0,0.3) url("../images/top_01.png") no-repeat center center; background-size:22px; }

									.con_drag { display:block; padding:12px 10px 12px 35px; background:#fdf8f7 url("../images/dot_14.png") no-repeat 15px 16px; font-size:14px; line-height:20px; }
									.con_drag span { font-size:14px; }

									.con_noti.mop3 { padding:50px 20px 0 20px; }

									.con_searcheg_c h1 a.more { position:static; margin:10px 0 0 -10px; display:block; background:url("../images/dot_10.png") no-repeat 0 4px; font-size:13px; }

									.con_tab4 { height:45px; }
									.con_tab4 a { height:45px; font-size:14px; line-height:18px; }
									.con_tab4 span.br { display:block; }

}

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

									body { border:0px solid #000000; }

									#con_footer .con1 ul li { margin:0 0 12px 0; }
									#con_footer .con1 ul li.op2 { width:100%; padding:0 0 0 30px; }

									.ham-contents .member-welcome .con1 span.fop2 { display:none; }

									.con_mquick ul li a { height:50px; }
									.con_mquick ul li a.bg1 { background-size:auto 20px; }
									.con_mquick ul li a.bg2 { background-size:auto 20px; }
									.con_mquick ul li a.bg3 { background-size:auto 20px; }

									.con_searcheg_c1_1 img { width:100%; height:auto; }

}

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

									body { border:0px solid #000000; }

									.con_mcont h3 { font-size:22px; }
									.con_mcont .con2 { font-size:14px; line-height:22px; }
									.con_mcont .con2 a.tit { margin:0 0 13px 0; font-size:17px; line-height:25px; }

									.con_txt { font-size:14px; line-height:22px; }

}

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

									body { border:0px solid #000000; }

									.ham-contents .member-welcome .con1 span.fop2 { display:inline; }
									.ham-contents .member-welcome .con2 { clear:both; float:left; padding:0 0 0 0; margin:5px 0 0 0; }

									.con_login h3 { font-size:16px; line-height:21px; }
									.con_login h3 span.fop1 { font-size:16px; }
									.con_login h3 span.fop2 { margin:7px 0 0 0; font-size:13px; line-height:18px; }

}

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

									body { border:0px solid #000000; }

									#con_footer { margin:50px 0 0 0; padding:50px 0 30px 0; }
									#con_footer .con1 ul li { margin:0 0 10px 0; font-size:13px; }
									#con_footer .con1 ul li.op1 { margin:0 0 10px 0; }
									#con_footer .con1 ul li a { font-size:13px; }
									#con_footer .con1 ul li.bg1 { background:url("../images/footer_ic_01.png") no-repeat 0 0; padding:0 0 0 30px; background-size:auto 16px; }
									#con_footer .con1 ul li.bg2 { background:url("../images/footer_ic_02.png") no-repeat 0 2px; padding:0 0 0 30px; background-size:auto 13px; }
									#con_footer .con1 ul li.bg3 { background:url("../images/footer_ic_03.png") no-repeat 2px 1px; padding:0 0 0 30px; background-size:auto 17px; }
									#con_footer .con1 ul li.bg4 { background:url("../images/footer_ic_04.png") no-repeat 0 0; padding:0 0 0 30px; background-size:auto 16px; }
									#con_footer .con2 ul li { margin:0 10px 0 0; font-size:12px; }
									#con_footer .con2 ul li a { font-size:12px; }

									.con_mquick ul li a { height:45px; }
									.con_mquick ul li a.bg1 { background-size:auto 15px; }
									.con_mquick ul li a.bg2 { background-size:auto 15px; }
									.con_mquick ul li a.bg3 { background-size:auto 15px; }

									.con_search ul li.slop1 { width:100%; margin:0 0 7px 0; }
									.con_search ul li.slop2 { width:100%; }
									.con_search ul li.slop3 { width:100%; margin:0 0 7px 0; }
									.con_search ul li.slop4 { width:100%; }

									.con_list_option .con1 { font-size:12px; background:url("../images/dot_06.png") no-repeat 0 12px; padding:5px 0 2px 10px; }
									.con_list_option .con2 select { width:auto; font-size:12px; }

									.con_paging a { width:29px; height:29px; font-size:13px; line-height:29px; }

									.con_view_head ul li { font-size:12px; }
									.con_view_head ul li:after { font-size:12px; padding:0 7px 0 7px; }

									.con_view_file .con1 a { margin:1px 0 0 0; padding:0px 5px 0px 5px; background:none; }
									.con_view_file .con1 a:hover { background:none; background-color:#666666; }

									.con_write select.wop10 { width:49%; }
									.con_write input[type="text"].wop15 { width:100%; margin:0 0 5px 0; }

									.con_tab a { font-size:14px; }

									.con_drag { display:block; }

									.con_searcheg_box .con1 .con1_2 ul li.btns1 { width:70px; margin:0 5px 0 0; }

}

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

									body { border:0px solid #000000; }

									.con_view_head ul li span { display:none; }

									.con_write select.wop9 { width:28%; }
									.con_write select.wop11 { width:29.5%; margin:0 0 0 2px; }
									.con_write input[type="text"].wop12 { width:28%; }

									.con_step_c { height:130px; }
									.con_step_c em.br { display:block; font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; }
									.con_step_c em.br.hop1 { height:3px; }

}

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

									body { border:0px solid #000000; }

									.con_tab2 ul li a { font-size:13px; }

									.con_tab3 ul li a { font-size:14px; }
									.con_tab3 ul li:after { font-size:13px; padding:0 10px 0 10px; }

									.con_tab4 a { font-size:13px; line-height:16px; }

}

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

									body { border:0px solid #000000; }

}

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

									body { border:0px solid #000000; }

									.con_mquick ul li a.bg1 { background-size:auto 13px; }
									.con_mquick ul li a.bg2 { background-size:auto 13px; }
									.con_mquick ul li a.bg3 { background-size:auto 13px; }


}

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

									body { border:0px solid #000000; }

}

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


}

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


}

/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/

/*
background-image:url("./images/bg_23.jpg"), url("./images/bg_24.jpg"); background-position:0 0, 0 0; background-repeat:repeat-x, no-repeat;

box-sizing:border-box;

outline:none;

text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
text-overflow:ellipsis; overflow:hidden; word-break:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; // 2줄

display:table; margin-left:auto; margin-right:auto;

#con_footmenu a:after { content:"|"; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#999999; font-size:12px; font-weight:normal; text-align:center; padding:0 0 0 12px; }
#con_footmenu a:last-child:after { content:none; padding:0 0 0 0; }

img-responsive

.con_tab .con_tab_c { display:table; width:100%; height:69px; table-layout:fixed; border-collapse:collapse; }
.con_tab .con_tab_c a { display:table-cell; height:69px; color:#3e3e3e; font-size:18px; text-align:center; font-weight:normal; letter-spacing:-0.03em; background:url("./images/tab_bg.jpg") no-repeat 0 0; padding:17px 0 0 0; }

<img src="/htmlp/images/sbanner_01.jpg" alt="내용이 들어갑니다." />

data-toggle="modal" data-target=".modal-examlist"
onclick="javascript:$('#modal-notice-1').fadeOut();$('#modal-notice-2').fadeIn();"

position:relative;
position:absolute; left:0px; top:0px;

text-indent:-10000px;
text-indent:-10000px; font-size:0; line-height:1;

<label for="id" class="hidden">선택</label><input type="checkbox" name="name" id="id" value="" class="mr5" />

word-break:keep-all;
word-break:break-all;

font-family:"NotoSansKR Light","Malgun Gothic","맑은 고딕";
font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕";
font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕";

font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:12px; font-weight:normal; text-align:center; line-height:26px; letter-spacing:-0.03em;
font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:12px; font-weight:normal; letter-spacing:-0.03em;
font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕";

a.link1 { background:#4b96e7; } 스카이
a.link2 { background:#007cd0; } 파랑
a.link3 { background:#ff4d02; } 주황
a.link4 { background:#02a9ca; } 민트
a.link5 { background:#1e9468; } 그린
a.link6 { background:#7c8598; } 그레이
a.link7 { background:#927d67; } 브라운
a.link8 { background:#495bb4; } 보라
a.link9 { background:#e1290d; } 레드
a.link10 { background:#eef0f5; } 연한그레이
a.link11 { background:#ffffff; } 라인

background:#fdfbf7 골드
background:#f2faff 블루
background:#f4fcfd 청록
background:#f8fbf6 그린
background:#fbf9f7 브라운
background:#fdf8f7 주황
background:#fcf4f9 자주
background:#f9f7fd 보라
background:#f3faf8 청그린
background:#fcf4f9 자주

background:url("./images/control_01.png") no-repeat 0 0;

.con_imglist_c .con1 a.imgs { display:block; width:100%; height:180px; background-repeat:no-repeat; background-position:center center; background-size:cover; border:1px solid #cccccc; border-top-left-radius:4px; border-top-right-radius:4px; text-indent:-10000px; transform:scale(1); transition:all 0.3s ease-in-out; }
.con_imglist_c .con1 a.imgs:hover { filter:brightness(95%); transform:scale(1.05); }

position:relative;
position:absolute; right:0px; top:35px;

display:inline-block; width:205px; height:47px; background:url("./images/v1_logo_01.png") no-repeat 0 0; margin-top:25px; text-indent:-10000px;
display:inline-block; padding:7px 20px 7px 20px; background:#777777; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#e6ebf1; font-size:14px; font-weight:normal; text-align:center; letter-spacing:-0.03em;
display:inline-block; width:100%; padding:50px 0 0 0; background:url("./images/v1_ic_06.png") no-repeat center 0; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:17px; font-weight:normal; text-align:center; letter-spacing:-0.05em;

animation:con_profile_ani1 infinite 3s ease;
@keyframes con_record_ani1 { 0% { opacity:0.3; transform:translateY(-20%); } 50% { opacity:0.3; transform:translateY(0); } 100%{ opacity:0.3; transform:translateY(-20%); } }

transition:background-color 0.2s;
transition:all 0.3s ease;
transform:rotate(360deg);

display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center;

.con_exam_list4 { margin:15px 0 0 0; border-top:1px solid #111111; }
.con_exam_list4 ul { display:flex; flex-flow:row nowrap; justify-content:flex-start; border:1px solid #000000; }
.con_exam_list4 li { }
.con_exam_list4 li.tit { flex-shrink:0; width:100px; border:1px solid #ff0000; }
.con_exam_list4 li.desc { flex-grow:1; border:1px solid #0000ff; }

border:1px solid #000000;

<img src="../assets/images/file_02.png" alt="첨부파일 제목이 들어갑니다." />

.sr_only { position:absolute; white-space:nowrap; width:1px; height:1px; overflow:hidden; border:0; padding:0; clip:rect(0 0 0 0); clip-path:inset(50%); margin:-1px; }
.sr_only2 { position:relative; white-space:nowrap; width:1px; height:1px; overflow:hidden; border:0; padding:0; clip:rect(0 0 0 0); clip-path:inset(50%); margin:-1px; z-index:-1; }
*/