@charset "utf-8";

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

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

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

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

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

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

@font-face {
	font-family:'NotoSansKR Black';
	src:url('../font/notokr-black.eot');
	src:url('../font/notokr-black.eot?#iefix') format('embedded-opentype'),
	url('../font/notokr-black.woff2') format('woff2'),
	url('../font/notokr-black.woff') format('woff'),
	url('../font/notokr-black.ttf') format('truetype'),
	url('../font/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:12px; }
html, body{ width:100%; height:100%; }
table { table-layout:fixed; border-collapse:collapse; border-spacing:0; }
input,select { font-size:100%; }
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; text-underline-position:under; }
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_list ul li span.new { display:inline-block; width:16px; height:16px; background:#e1290d; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:9px; font-weight:normal; text-align:center; line-height:16px; letter-spacing:-0.01em; border-radius:100%; margin:0 0 0 5px; }
.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_mpopup { position:absolute; overflow:hidden; background:#ffffff; box-shadow:0 8px 16px 0 rgba(0,0,0,0.5); z-index:999999999; }
.con_mpopup.op1 { position:static; overflow:hidden; background:#ffffff; box-shadow:none; }
.con_mpopup_c1 { padding:17px 20px 17px 20px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:18px; font-weight:normal; text-align:center; letter-spacing:-0.03em; background:#3e4347; transition:all 0.3s ease; }
.con_mpopup_c2 { padding:25px 20px 25px 20px; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; line-height:21px; letter-spacing:-0.02em; transition:all 0.3s ease; }
.con_mpopup_c2 img { margin:0 0 15px 0; border:1px solid #d8d8d8; border-radius:5px; }
.con_mpopup_c3 { position:relative; overflow:hidden; border-top:1px solid #dddddd; padding:15px 20px 15px 20px; background:#f2f2f2; transition:all 0.3s ease; }
.con_mpopup_c3 label { font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#444444; font-size:14px; font-weight:normal; letter-spacing:-0.02em; cursor:pointer; }
.con_mpopup_c3 input[type="checkbox"] { margin:-2px 5px 0 0; vertical-align:middle; width:16px; height:16px; cursor:pointer; }
.con_mpopup_c3 a.link_close { position:absolute; right:20px; top:12px; display:inline-block; padding:3px 15px 3px 15px; background:#777777; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:13px; font-weight:normal; text-align:center; letter-spacing:-0.02em; border-radius:30px; transition:all 0.3s ease; }
.con_mpopup_c3 a.link_close:hover { background:#454545; }

.con_curtain { overflow:hidden; background:#545454; transition:all 0.3s ease; }
.con_curtain .container { position:relative; padding:20px 0 20px 90px; background:url("../images/curtain_01.png") no-repeat 0 22px; background-size:65px; animation:con_curtain_ani1 1s ease; }
.con_curtain h3 { font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#fbc900; font-size:17px; font-weight:normal; line-height:23px; letter-spacing:-0.03em; word-break:keep-all; transition:all 0.3s ease; }
.con_curtain a.tit { display:inline-block; font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#fbc900; font-size:17px; font-weight:normal; line-height:23px; letter-spacing:-0.03em; word-break:keep-all; transition:all 0.3s ease; }
.con_curtain a.tit:hover { color:#fb7600; }
.con_curtain .desc { margin:7px 0 0 0; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#e8e8e8; font-size:14px; font-weight:normal; line-height:22px; letter-spacing:-0.02em; word-break:keep-all; transition:all 0.3s ease; }
.con_curtain .desc span.fop1 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#d6fc04; }
.con_curtain .desc span.fop2 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#04fcf3; }
.con_curtain .desc span.fop3 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#fce204; }
.con_curtain .btns { margin:10px 0 0 0; overflow:hidden; text-align:right; transition:all 0.3s ease; }
.con_curtain .btns label { font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#eeeeee; font-size:13px; font-weight:normal; letter-spacing:-0.02em; cursor:pointer; }
.con_curtain .btns input[type="checkbox"] { margin:-2px 5px 0 0; vertical-align:middle; width:16px; height:16px; cursor:pointer; }
.con_curtain .btns a.link_close { margin:0 0 0 4px; display:inline-block; padding:2px 10px 2px 10px; background:#888888; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:12px; font-weight:normal; text-align:center; letter-spacing:-0.02em; border-radius:4px; transition:all 0.3s ease; }
.con_curtain .btns a.link_close:hover { background:#454545; }
@keyframes con_curtain_ani1 { 0% { opacity:0.8; transform:translateY(-50%); } 100%{ opacity:1.0; transform:translateY(0); } }

.con_header { overflow:hidden; border-bottom:1px solid #e3e3e3; }
.con_header .con1 { height:45px; background:#f5f5f5; transition:all 0.3s ease; }
.con_header .con1 ul.topmenu { float:right; overflow:hidden; margin:13px 0 0 0; }
.con_header .con1 ul.topmenu li { float:left; }
.con_header .con1 ul.topmenu li:last-child { margin:0 0 0 0; }
.con_header .con1 ul.topmenu 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 DemiLight","Malgun Gothic","맑은 고딕"; color:#666666; font-size:14px; font-weight:normal; letter-spacing:-0.03em; }
.con_header .con1 ul.topmenu li.wel span { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#000000; margin:0 2px 0 0; }
.con_header .con1 ul.topmenu li.link1 { }
.con_header .con1 ul.topmenu li.link1 a { font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#666666; font-size:14px; font-weight:normal; letter-spacing:-0.03em; }
.con_header .con1 ul.topmenu li.link1 a:hover { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#000000; }
.con_header .con1 ul.topmenu li.link1:after { content:"|"; font-family:"NotoSansKR Light","Malgun Gothic","맑은 고딕"; color:#d3d3d3; font-size:13px; font-weight:normal; text-align:center; padding:0 13px 0 13px; }
.con_header .con1 ul.topmenu li.link1:last-child:after { content:none; padding:0 0 0 12px; }
.con_header .con1 ul.topmenu li.link1 a.fop1 { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#f67400; }
.con_header .con1 ul.topmenu li.link1 a:hover.fop1 { color:#e76e03; }
.con_header .con1 ul.topmenu li.link2 { }
.con_header .con1 ul.topmenu li.link2 a { display:inline-block; padding:1px 10px 1px 10px; background:#8aa679; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:13px; font-weight:normal; text-align:center; letter-spacing:-0.03em; border-radius:30px; transition:all 0.3s ease; }
.con_header .con1 ul.topmenu li.link2 a:hover { background:#658651; }

.con_header .con2 { height:90px; transition:all 0.3s ease; }
.con_header .con2 .container { position:relative; }
.con_header .con2 .con2_1 { float:left; width:215px; transition:all 0.3s ease; }
.con_header .con2 .con2_1 a.logo { display:inline-block; width:250px; height:80px; background:url("../images/logo_01_1.png") no-repeat 0 0; margin:7px 0 0 -7px; text-indent:-10000px; }
.con_header .con2 .con2_1 a.logoasp { display:inline-block; margin:30px 0 0 0; }
.con_header .con2 .con2_1 a.logoasp img { height:37px; }
.con_header .con2 .con2_2 { float:left; width:calc(100% - 361px); transition:all 0.3s ease; }
.con_header .con2 .con2_2.op1 { float:right; width:auto; }
.con_header .con2 .con2_2 .sch { position:relative; width:440px; overflow:hidden; margin:0 auto 0 285px; }
.con_header .con2 .con2_2 .sch_1 { height:49px; border:3px solid #52a6dd; border-radius:50px; }
.con_header .con2 .con2_2 .sch_1 input[type="text"] { width:calc(100% - 85px); height:43px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; border:none; color:#696969; font-size:16px; font-weight:normal; letter-spacing:-0.03em; padding:0 0 0 40px; border-radius:50px; border:0px solid #000000; }
.con_header .con2 .con2_2 .sch_2 { position:absolute; right:0px; top:1px; }
.con_header .con2 .con2_2 .sch_2 a { display:inline-block; width:83px; height:49px; background:url("../images/search_03.png") no-repeat center center; background-color:#52a6dd; text-indent:-10000px; border-radius:50px; transition:all 0.3s ease; }
.con_header .con2 .con2_2 .sch_2 a:hover { background-color:#0569ab; }
.con_header .con2 .con2_3 { float:right; width:146px; transition:all 0.3s ease; margin:-22px 0 0 0; }
.con_header .con2 .con2_3 a { display:inline-block; width:146px; height:33px; background:#25b5da url("../images/ic_03.png") no-repeat 15px center; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:14px; font-weight:normal; line-height:33px; letter-spacing:-0.03em; padding:0 0 0 50px; border-radius:4px; margin:30px 0 0 0; transition:all 0.3s ease; }
.con_header .con2 .con2_3 a:hover { background:#2594da url("../images/ic_03.png") no-repeat 15px center; }
.con_header .con2 .con2_4 a.logo { display:inline-block; width:116px; height:46px; margin:0px 0px -55px 30px; }
.con_header .con2 .con2_4 a.logo_2 { display:inline-block; width:116px; height:46px; background:url("../images/img_mark03.png") no-repeat 0 0; margin:0px 0px -55px 10px; }
.con_header2 { position:relative; height:78px; transition:all 0.3s ease; }
.con_header2 a.link_close { position:absolute; right:35px; top:30px; display:inline-block; width:25px; height:25px; background:url("../images/close_03.png") no-repeat center center; background-size:25px; text-indent:-10000px; transition:all 0.3s ease; }
.con_header2 a.link_close:hover { transform:rotate(180deg); }
.con_header2 .con1 { overflow:hidden; padding:0 0 0 35px; transition:all 0.3s ease; }
.con_header2 .con1 a.logo { display:inline-block; width:205px; height:37px; background:url("../images/logo_01.png") no-repeat 0 0; margin-top:20px; text-indent:-10000px; }
.con_header2 .con1 span.logotxt { display:inline-block; font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#333333; font-size:19px; font-weight:normal; letter-spacing:-0.03em; vertical-align:middle; margin:34px 0 0 10px; }

#con_navbar { height:62px; border-bottom:1px solid #e3e3e3; }
#con_navbar .container { position:relative; }
#con_navbar .con_gnb { position:absolute; left:0px; top:0px; z-index:999; width:100%; height:62px; }
#con_navbar .con_gnb a { display:block; }
#con_navbar .con_gnb > ul { } /* overflow:hidden 주지말것! 주면 메가메뉴 안보임 */
#con_navbar .con_gnb > ul:after { content:''; display:block; clear:both; }
#con_navbar .con_gnb > ul > li { float:left; width:14.28571428571429%; height:62px; }
#con_navbar .con_gnb.wop1 > ul > li { width:33.33333333333333%; }
#con_navbar .con_gnb > ul > li > h2 { height:62px; text-align:center; }
#con_navbar .con_gnb > ul > li > h2 > a { display:inline-block; width:100%; height:62px; font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#222222; font-size:20px; font-weight:normal; text-align:center; line-height:62px; letter-spacing:-0.05em; transition:all 0.2s ease; }
#con_navbar .con_gnb > ul > li > h2 > a.on { color:#1187cf; border-bottom:4px solid #1187cf; }
#con_navbar .con_gnb > ul > li > h2 > a:hover { color:#1187cf; border-bottom:4px solid #1187cf; }
#con_navbar .con_gnb > ul > li > * { display:block; height:62px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:20px; font-weight:normal; letter-spacing:-0.05em; }
#con_navbar .con_gnb > ul > li:first-child > * { }
#con_navbar .con_gnb li ul { display:none; width:100%; height:290px; padding:15px 0 0 0; border:1px solid #2d343a; border-width:0 0 1px 0; border-right:1px solid #777777; background:#2d343a; }
#con_navbar .con_gnb.wop1 li ul { height:250px; }
#con_navbar .con_gnb li:first-child ul { border-left:1px solid #2d343a; }
#con_navbar .con_gnb li:last-child ul { border-right:1px solid #2d343a; }
#con_navbar .con_gnb li ul:first-child { }
#con_navbar .con_gnb li li { }
#con_navbar .con_gnb li li a { display:inline-block; width:100%; padding:7px 20px 7px 20px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; font-size:15px; font-weight:normal; text-decoration:none; color:#ffffff; line-height:21px; letter-spacing:-0.03em; word-break:keep-all; transition:all 0.1s ease; }
#con_navbar .con_gnb li li a:hover { color:#ffffff; background:#3f8ff1; }

.con_navbar2 { background:#454545; height:40px; }
.con_navbar2 ul { overflow:hidden; display:table; margin-left:auto; margin-right:auto; }
.con_navbar2 ul li { float:left; }
.con_navbar2 ul li a { display:inline-block; height:40px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:15px; font-weight:normal; text-align:center; line-height:40px; letter-spacing:-0.03em; }
.con_navbar2 ul li a.on { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#fdc504; }
.con_navbar2 ul li a:hover { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#fdc504; }
.con_navbar2 ul li:after { content:"|"; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#cccccc; font-size:14px; font-weight:normal; text-align:center; padding:0 20px 0 20px; }
.con_navbar2 ul li:last-child:after { content:none; padding:0 0 0 0; }

.con_navbar3 { position:relative; z-index:9; }
.con_navbar3.bg1 { background:#dddddd url("../images/svisual_01.jpg") no-repeat center 0; }
.con_navbar3.bg2 { background:#dddddd url("../images/svisual_02.jpg") no-repeat center 0; }
.con_navbar3.bg3 { background:#dddddd url("../images/svisual_03.jpg") no-repeat center 0; }
.con_navbar3.bg4 { background:#dddddd url("../images/svisual_04.jpg") no-repeat center 0; }
.con_navbar3.bg5 { background:#dddddd url("../images/svisual_05.jpg") no-repeat center 0; }
.con_navbar3.bg6 { background:#dddddd url("../images/svisual_06.jpg") no-repeat center 0; }
.con_navbar3.bg7 { background:#dddddd url("../images/svisual_07.jpg") no-repeat center 0; }
.con_navbar3.bg8 { background:#dddddd url("../images/svisual_08.jpg") no-repeat center 0; }
.con_navbar3.bg9 { background:#dddddd url("../images/svisual_09.jpg") no-repeat center 0; }
.con_navbar3.bg10 { background:#dddddd url("../images/svisual_10.jpg") no-repeat center 0; }
.con_navbar3.bg11 { background:#dddddd url("../images/svisual_11.jpg") no-repeat center 0; }
.con_navbar3.bg12 { background:#dddddd url("../images/svisual_12.jpg") no-repeat center 0; }
.con_navbar3 .container { position:relative; height:180px; }
.con_navbar3_c { position:absolute; left:0px; bottom:0px; width:100%; height:45px; background:rgba(242,242,242,0.91); }
.con_navbar3_c1 { position:relative; display:flex; flex-flow:row nowrap; justify-content:flex-start; }
.con_navbar3_c1 h2 { position:absolute; top:-90px; width:100%; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:35px; font-weight:normal; text-align:center; letter-spacing:-0.05em; text-shadow:3px 3px 3px rgba(0, 0, 0, 0.5); transition:all 0.3s ease; animation:con_navbar3_ani1 3s ease; }
.con_navbar3_c1 .con1 { flex-shrink:0; width:65px; }
.con_navbar3_c1 .con1 a { display:inline-block; width:100%; height:45px; background:url("../images/home_03.png") no-repeat center center; background-size:18px; text-indent:-10000px; border:1px solid #bbbbbb; border-width:0 1px 0 0; transition:all 0.3s ease; }
.con_navbar3_c1 .con1 a:hover { background:#454545 url("../images/home_02.png") no-repeat center center; background-size:18px; }
.con_navbar3_c1 .con2 { flex-shrink:0; width:250px; }
.con_navbar3_c1 .con2.wop1 { width:330px; }
.con_navbar3_c1 .con2 a.snbdepth { position:relative; display:inline-block; width:100%; height:45px; border:1px solid #bbbbbb; border-width:0 1px 0 0; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#333333; font-size:16px; font-weight:normal; line-height:45px; letter-spacing:-0.03em; padding:0 0 0 20px; transition:all 0.3s ease; }
.con_navbar3_c1 .con2 a.snbdepth:hover { background-color:rgba(221,221,221,0.8); }
.con_navbar3_c1 .con2 a.snbdepth i { position:absolute; right:20px; top:20px; display:inline-block; width:12px; height:7px; background:url("../images/arrow_04.png") no-repeat 0 0; text-indent:-10000px; opacity:0.6; transition:all 0.3s ease; }
.con_navbar3_c1 .con2 a.snbdepth i.on { transform:rotate(180deg); opacity:0.9; }
.con_navbar3_c1 .con2 ul { display:none; border:1px solid #d8d8d8; border-width:1px 1px 0 1px; }
.con_navbar3_c1 .con2 ul li { }
.con_navbar3_c1 .con2 ul li a { display:inline-block; width:100%; padding:10px 20px 10px 20px; background:#f5f5f5; border-bottom:1px solid #d8d8d8; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#111111; font-size:15px; font-weight:normal; letter-spacing:-0.03em; transition:all 0.1s ease; }
.con_navbar3_c1 .con2 ul li a:hover { background:#888888; color:#ffffff; border-bottom:1px solid #888888; }
@keyframes con_navbar3_ani1 { 0% { opacity:0.0; transform:translateY(100%); } 100%{ opacity:1.0; transform:translateY(0); } }

.con_navbarlw { display:table; width:100%; table-layout:fixed; border-collapse:collapse; background:#777777; }
.con_navbarlw a { display:table-cell; height:50px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:18px; text-align:center; font-weight:normal; letter-spacing:-0.05em; vertical-align:middle; word-break:keep-all; transition:all 0.3s ease; border:1px solid #999999; border-width:0 1px 0 0; transition:all 0.3s ease; }
.con_navbarlw a.on { background:#ff9900; }
.con_navbarlw a:hover { background:#ff9900; }
.con_navbarlw a:last-child { border-right:none; }

#con_footer { padding:0 0 45px 0; overflow:hidden; background:#44494e; }
.con_footer_c1 { padding:22px 0 20px 0; background:#efefef; }
.con_footer_c1 .container { position:relative; }
.con_footer_c1 .con1 { overflow:hidden; transition:all 0.3s ease; }
.con_footer_c1 .con1 ul { overflow:hidden; }
.con_footer_c1 .con1 ul li { float:left; transition:all 0.3s ease; }
.con_footer_c1 .con1 ul li.tit { padding:0 0 0 27px; background:url("../images/contact_01.png") no-repeat 0 center; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#111111; font-size:15px; font-weight:normal; letter-spacing:-0.03em; }
.con_footer_c1 .con1 ul li.tit2 { padding:0 0 0 14px; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#111111; font-size:15px; font-weight:normal; letter-spacing:-0.03em; }
.con_footer_c1 .con1 ul li.desc { margin:-4px 0 0 5px; font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#111111; font-size:20px; font-weight:normal; letter-spacing:0.00em; }
.con_footer_c1 .con1 ul li.desc2 { margin:1px 0 0 6px; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#555555; font-size:13px; font-weight:normal; line-height:18px; letter-spacing:-0.01em; word-break:keep-all; }
.con_footer_c1 .con2 { position:absolute; right:0px; top:-7px; transition:all 0.3s ease; }
.con_footer_c1 .con2 ul { overflow:hidden; }
.con_footer_c1 .con2 ul li { float:left; margin:0 5px 0 0; }
.con_footer_c1 .con2 ul li:last-child { margin:0 0 0 0; }
.con_footer_c1 .con2 ul li .con_select { position:relative; width:190px; height:36px; background:#ffffff url("../images/select_arrow_01.png") no-repeat right 15px center; border:1px solid #e4e4e4; border-radius:4px; }
.con_footer_c1 .con2 ul li .con_select label { position:absolute; left:5px; top:7px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#444444; font-size:13px; font-weight:normal; letter-spacing:-0.03em; cursor:pointer; padding:0 0 0 10px; }
.con_footer_c1 .con2 ul li .con_select_c { width:100%; height:36px; min-height:36px; line-height:36px; padding:10px 10px 10px 10px; opacity:0; cursor:pointer; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#444444; font-size:13px; font-weight:normal; letter-spacing:-0.03em; cursor:pointer; }
.con_footer_c1 .con2 ul li a { display:inline-block; height:34px; padding:0 10px 0 10px; background:#666666; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:14px; font-weight:normal; text-align:center; line-height:34px; letter-spacing:-0.02em; border-radius:4px; transition:all 0.1s ease; }
.con_footer_c1 .con2 ul li a:hover { background:#444444; }
.con_footer_c2 { overflow:hidden; background:#44494e; }
.con_footer_c2 .container { position:relative; padding:35px 0 0 286px; background:url("../images/logo_02_1.png") no-repeat 0 35px; }
.con_footer_c2 span.rdabetter { position:absolute; right:0px; top:27px; display:inline-block; width:183px; height:48px; background:url("../images/rdabetter_01.png") no-repeat 0 0; text-indent:-10000px; }
.con_footer_c2 .con1 { overflow:hidden; transition:all 0.3s ease; }
.con_footer_c2 .con1 ul { overflow:hidden; }
.con_footer_c2 .con1 ul li { float:left; transition:all 0.3s ease; }
.con_footer_c2 .con1 ul li a { font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#eeeeee; font-size:14px; font-weight:normal; letter-spacing:-0.03em; }
.con_footer_c2 .con1 ul li a.fcop1 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ff9204; text-decoration: underline;}
.con_footer_c2 .con1 ul li:after { content:"|"; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#999999; font-size:13px; font-weight:normal; text-align:center; padding:0 12px 0 12px; }
.con_footer_c2 .con1 ul li:last-child:after { content:none; padding:0 0 0 0; }
.con_footer_c2 .con2 { margin:15px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
.con_footer_c2 .con2 .con2_1 { font-family:"NotoSansKR Light","Malgun Gothic","맑은 고딕"; color:#bbbbbb; font-size:13px; font-weight:normal; line-height:20px; letter-spacing:-0.01em; word-break:keep-all; }
.con_footer_c2 .con2 .con2_1 span.blank1 { margin:0 7px 0 7px; transition:all 0.3s ease; }
.con_footer_c2 .con2 .con2_2 { margin:3px 0 0 0; font-family:"NotoSansKR Light","Malgun Gothic","맑은 고딕"; color:#bbbbbb; font-size:13px; font-weight:normal; line-height:20px; letter-spacing:0.02em; word-break:keep-all; }

#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 { position:relative; overflow:hidden; }
#mainBgSlider { }
#mainBgSlider ul li  { }
#mainBgSlider ul li a { display:block; }
#mainBgSlider ul li a img { width:100%; }
#mainBgSlider .bx-controls div { display:inline-block; }
#mainBgSlider .bx-controls { position:absolute; left:50%; bottom:20px; width:180px; height:30px; text-align:left; background:rgba(0,0,0,0.6); z-index:99; margin:0 0 0 -90px; border-radius:30px; transition:all 0.3s ease; }
#mainBgSlider .bx-controls .bx-pager { width:60px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:12px; font-weight:normal; line-height:30px; text-align:center; letter-spacing:-0.01em; }
#mainBgSlider .bx-controls .bx-controls-direction a,
#mainBgSlider .bx-controls .bx-controls-auto a { display:inline-block; width:40px; height:30px; position:absolute; bottom:0; border-left:1px solid #999999; text-indent:-9999px; }
#mainBgSlider .bx-controls .bx-prev { background:url("../images/ic_visualCtrl_prev.png") center center no-repeat; }
#mainBgSlider .bx-controls .bx-next { left:140px; background:url("../images/ic_visualCtrl_next.png") center center no-repeat; }
#mainBgSlider .bx-controls .bx-start { left:100px; background:url("../images/ic_visualCtrl_start.png") center center no-repeat; }
#mainBgSlider .bx-controls .bx-stop { left:100px; background:url("../images/ic_visualCtrl_stop.png") center center no-repeat; }
#mainBgSlider .bx-controls .bx-controls-auto-item a.active { display:none; }

#mainBgSlider2 { }
#mainBgSlider2 ul li  { display:block; height:400px; background-repeat:no-repeat; background-position:center top; background-size:cover; }
#mainBgSlider2 ul li a { display:block; height:400px; text-indent:-10000px; }
#mainBgSlider2 .bx-controls div { display:inline-block; }
#mainBgSlider2 .bx-controls { position:absolute; left:50%; bottom:20px; width:180px; height:30px; text-align:left; background:rgba(0,0,0,0.6); z-index:99; margin:0 0 0 -90px; border-radius:30px; transition:all 0.3s ease; }
#mainBgSlider2 .bx-controls .bx-pager { width:60px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:12px; font-weight:normal; line-height:30px; text-align:center; letter-spacing:-0.01em; }
#mainBgSlider2 .bx-controls .bx-controls-direction a,
#mainBgSlider2 .bx-controls .bx-controls-auto a { display:inline-block; width:40px; height:30px; position:absolute; bottom:0; border-left:1px solid #999999; text-indent:-9999px; }
#mainBgSlider2 .bx-controls .bx-prev { background:url("../images/ic_visualCtrl_prev.png") center center no-repeat; }
#mainBgSlider2 .bx-controls .bx-next { left:140px; background:url("../images/ic_visualCtrl_next.png") center center no-repeat; }
#mainBgSlider2 .bx-controls .bx-start { left:100px; background:url("../images/ic_visualCtrl_start.png") center center no-repeat; }
#mainBgSlider2 .bx-controls .bx-stop { left:100px; background:url("../images/ic_visualCtrl_stop.png") center center no-repeat; }
#mainBgSlider2 .bx-controls .bx-controls-auto-item a.active { display:none; }

.con_mvisual .con1 { position:absolute; left:0px; top:100px; z-index:99; width:100%; padding:0 20px 0 20px; }
.con_mvisual .con1 h2 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:20px; font-weight:normal; text-align:center; line-height:28px; letter-spacing:-0.03em; text-shadow:2px 2px 2px rgba(0, 0, 0, 0.8); transition:all 0.3s ease; word-break:keep-all; animation:con_mvisual_ani1 3s ease; }
.con_mvisual .con1 h1 { margin:20px 0 0 0; font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:40px; font-weight:normal; text-align:center; line-height:40px; letter-spacing:-0.05em; text-shadow:3px 3px 3px rgba(0, 0, 0, 0.5); transition:all 0.3s ease; word-break:keep-all; animation:con_mvisual_ani2 3s ease; }
@keyframes con_mvisual_ani1 { 0% { opacity:0.0; transform:translateY(-100%); } 100%{ opacity:1.0; transform:translateY(0); } }
@keyframes con_mvisual_ani2 { 0% { opacity:0.0; transform:translateY(100%); } 100%{ opacity:1.0; transform:translateY(0); } }

#mainBgSlider_m { display:none; }

.con_mquick { padding:22px 0 22px 0; overflow:hidden; background:#f7f7f7; border-bottom:1px solid #e9e9e9; transition:all 0.3s ease; }
.con_mquick ul { overflow:hidden; }
/* .con_mquick ul li { float:left; width:12.5%; } */
.con_mquick ul li { float:left; width:10%; }

.con_mquick ul li a { padding:88px 0 20px 0; background-color:#f7f7f7; display:block; border-radius:4px; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#333333; font-size:16px; font-weight:normal; text-align:center; letter-spacing:-0.05em; transition:all 0.3s ease; }
.con_mquick ul li a.bg1 { background:url("../images/mquick_01.png") no-repeat center 30px; }
.con_mquick ul li a.bg2 { background:url("../images/mquick_02.png") no-repeat center 27px; }
.con_mquick ul li a.bg3 { background:url("../images/mquick_03.png") no-repeat center 30px; }
.con_mquick ul li a.bg4 { background:url("../images/mquick_04.png") no-repeat center 30px; }
.con_mquick ul li a.bg5 { background:url("../images/mquick_05.png") no-repeat center 30px; }
.con_mquick ul li a.bg6 { background:url("../images/mquick_06.png") no-repeat center 30px; }
.con_mquick ul li a.bg7 { background:url("../images/mquick_07.png") no-repeat center 27px; }
.con_mquick ul li a.bg8 { background:url("../images/mquick_08.png") no-repeat center 30px; }
.con_mquick ul li a.bg9 { background:url("../images/mquick_09.png") no-repeat center 30px; }
.con_mquick ul li a.bg10 { background:url("../images/mquick_10.png") no-repeat center 30px; }
.con_mquick ul li a.bg11 { background:url("../images/mquick_11.png") no-repeat center 30px; }
.con_mquick ul li a:hover { background-color:#e0e0e0; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#000000; }

.quickmenu { position:absolute;width:110px;top:calc(50% + 210px);margin-top:20px;right:0%;left:calc(50% + 730px);background:#fff;transform:translate(-50%,-50%); z-index:1; }
.quickmenu ul { position:relative;float:left;width:100%;display:inline-block;*display:inline;border:1px solid #ddd; }
.quickmenu ul li { float:left;width:100%;border-bottom:1px solid #ddd;text-align:center;display:inline-block;*display:inline; }
.quickmenu ul li a { position:relative;float:left;width:100%;height:80px;line-height:30px;text-align:center;color:#999;font-size:10.5pt; }
.quickmenu ul li a:hover { color:#000; }
.quickmenu ul li:last-child { border-bottom:0; }
.quickmenu ul li a.bg1 { background:url("../images/mquick_01.png") no-repeat center 30px; }
.quickmenu ul li a.bg2 { background:url("../images/mquick_02.png") no-repeat center 27px; }
.quickmenu ul li a.bg5 { background:url("../images/mquick_05.png") no-repeat center 30px; }
.quickmenu ul li a.bg7 { background:url("../images/mquick_07.png") no-repeat center 27px; }
.quickmenu ul li a.bg8 { background:url("../images/mquick_08.png") no-repeat center 30px; }

.con_mclass { padding:55px 0 50px 0; overflow:hidden; transition:all 0.3s ease; }
.con_mclass.bgop1 { background:#f3faf8; }
.con_mclass h3 { font-family:"NotoSansKR Light","Malgun Gothic","맑은 고딕"; color:#222222; font-size:30px; font-weight:normal; text-align:center; letter-spacing:-0.07em; word-break:keep-all; }
.con_mclass h3 span { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; }
.con_mclass_tab { margin:30px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
.con_mclass_tab ul { overflow:hidden; display:table; margin-left:auto; margin-right:auto; }
.con_mclass_tab ul li { float:left; }
.con_mclass_tab ul li a { display:inline-block; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#666666; font-size:15px; font-weight:normal; letter-spacing:-0.03em; }
.con_mclass_tab ul li a.on { font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#333333; }
.con_mclass_tab ul li:after { content:"|"; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#cccccc; font-size:14px; font-weight:normal; text-align:center; padding:0 18px 0 18px; }
.con_mclass_tab ul li:last-child:after { content:none; padding:0 0 0 0; }
.con_mclass_c { margin:36px 0 0 0; padding:0 0 0 20px; position:relative; transition:all 0.3s ease; }
.con_mclass_c1 { float:left; overflow:hidden; margin:0 20px 0 0; }
.con_mclass_c1 .con1 { overflow:hidden; }
.con_mclass_c1 .con1 a.imgs { display:block; height:180px; background-repeat:no-repeat; background-position:center center; background-size:cover; text-indent:-10000px; transform:scale(1); transition:all 0.3s ease-in-out; }
.con_mclass_c1 .con1 a.imgs:hover { filter:brightness(95%); transform:scale(1.05); }
.con_mclass_c1 .con2 { position:relative; padding:20px 18px 20px 18px; overflow:hidden; background:#f4f4f4; border:1px solid #e2e2e2; border-width:0 1px 1px 1px; }
.con_mclass_c1 .con2 span.goods { position:absolute; right:18px; top:23px; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#555555; font-size:12px; font-weight:normal; letter-spacing:-0.01em; background:url("../images/good_01.png") no-repeat 0 0; padding:0 0 0 20px; }
.con_mclass_c1 .con2 ul.op1 { overflow:hidden; }
.con_mclass_c1 .con2 ul.op1 li { transition:all 0.3s ease; }
.con_mclass_c1 .con2 ul.op1 li.tit { width:calc(100% - 40px); }
.con_mclass_c1 .con2 ul.op1 li.tit a { display:block; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#000000; font-size:16px; font-weight:normal; letter-spacing:-0.03em; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.con_mclass_c1 .con2 ul.op1 li.desc { margin:7px 0 0 0; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#666666; font-size:13px; font-weight:normal; letter-spacing:-0.03em; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.con_mclass_c1 .con2_1 { margin:15px 0 0 0; padding:7px 5px 7px 5px; overflow:hidden; background:#ffffff; border:1px solid #d8d8d8; border-radius:4px; }
.con_mclass_c1 .con2_1 ul.op2 { overflow:hidden; display:table; margin-left:auto; margin-right:auto; }
.con_mclass_c1 .con2_1 ul.op2 li { padding:0 17px 0 0; float:left; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#777777; font-size:12px; font-weight:normal; letter-spacing:-0.02em; background:url("../images/dot_03.png") no-repeat right 7px center; transition:all 0.3s ease; }
.con_mclass_c1 .con2_1 ul.op2 li span { color:#111111; }
.con_mclass_c1 .con2_1 ul.op2 li:last-child { padding:0 0 0 0; background:none; }
.con_mclass_c .slick-prev { position:absolute; left:-70px; top:135px; display:inline-block; width:46px; height:46px; background:url("../images/arrow_18.png") no-repeat 0 0; text-indent:-10000px; transition:all 0.3s ease; }
.con_mclass_c .slick-prev:hover { filter:brightness(95%); }
.con_mclass_c .slick-next { position:absolute; right:-50px; top:135px; display:inline-block; width:46px; height:46px; background:url("../images/arrow_19.png") no-repeat 0 0; text-indent:-10000px; transition:all 0.3s ease; }
.con_mclass_c .slick-next:hover { filter:brightness(95%); }

.con_mclass2 { padding:55px 0 50px 0; overflow:hidden; background:#ebf6fa; transition:all 0.3s ease; }
.con_mclass2.bgop1 { background:#f3faf8; }
.con_mclass2 h3 { font-family:"NotoSansKR Light","Malgun Gothic","맑은 고딕"; color:#222222; font-size:30px; font-weight:normal; text-align:center; letter-spacing:-0.07em; word-break:keep-all; }
.con_mclass2 h3 span { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; }
.con_mclass2 h4 { margin:15px 0 0 0; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#666666; font-size:15px; font-weight:normal; text-align:center; letter-spacing:-0.03em; word-break:keep-all; }
.con_mclass2_c { margin:36px 0 0 0; padding:0 0 0 20px; position:relative; transition:all 0.3s ease; }
.con_mclass2_c1 { float:left; padding:25px 22px 10px 22px; overflow:hidden; margin:0 20px 10px 0; border:1px solid #d9d9d9; border-radius:4px; box-shadow:3px 3px 3px rgba(0, 0, 0, 0.1); background:#ffffff; }
.con_mclass2_c1 .con1 { position:relative; overflow:hidden; border:1px solid #e3e3e3; }
.con_mclass2_c1 .con1 a.imgs { display:block; height:184px; background-repeat:no-repeat; background-position:center center; background-size:cover; text-indent:-10000px; transform:scale(1); transition:all 0.3s ease-in-out; }
.con_mclass2_c1 .con1 a.imgs:hover { filter:brightness(95%); transform:scale(1.05); }
.con_mclass2_c1 .con1 span.times { position:absolute; right:10px; bottom:10px; display:inline-block; padding:0px 4px 0px 4px; background:#000000; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:10px; font-weight:normal; text-align:center; letter-spacing:0.03em; }
.con_mclass2_c1 .con1 span.vods { position:absolute; left:50%; top:35%; display:inline-block; width:55px; height:55px; background:url("../images/vod_01.png") no-repeat 0 0; text-indent:-10000px; margin:0 0 0 -27px; }
.con_mclass2_c1 .con2 { position:relative; padding:15px 5px 15px 5px; overflow:hidden; }
.con_mclass2_c1 .con2 ul.op1 { overflow:hidden; }
.con_mclass2_c1 .con2 ul.op1 li { transition:all 0.3s ease; }
.con_mclass2_c1 .con2 ul.op1 li.divi { display:inline-block; padding:1px 18px 1px 18px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#089f1c; font-size:12px; font-weight:normal; text-align:center; line-height:17px; letter-spacing:-0.03em; border:1px solid #069619; border-radius:30px; }
.con_mclass2_c1 .con2 ul.op1 li.tit { margin:6px 0 0 0; }
.con_mclass2_c1 .con2 ul.op1 li.tit a { display:block; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#000000; font-size:17px; font-weight:normal; letter-spacing:-0.03em; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.con_mclass2_c1 .con2 ul.op1 li.desc { margin:5px 0 0 0; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#666666; font-size:13px; font-weight:normal; line-height:17px; letter-spacing:-0.03em; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.con_mclass2_c1 .con2_1 { margin:13px 0 0 0; padding:7px 13px 6px 13px; overflow:hidden; border:1px solid #e2e2e2; border-radius:4px; box-shadow:3px 3px 3px rgba(0, 0, 0, 0.2); }
.con_mclass2_c1 .con2_1 ul.op2 { overflow:hidden; }
.con_mclass2_c1 .con2_1 ul.op2 li { margin:0 12px 0 0; padding:0 0 2px 0; float:left; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#000000; font-size:11px; font-weight:normal; letter-spacing:0.01em; transition:all 0.3s ease; }
.con_mclass2_c1 .con2_1 ul.op2 li:last-child { margin:0 0 0 0; }
.con_mclass2_c1 .con2_1 ul.op2 li i.bg1 { display:inline-block; width:16px; height:14px; background:url("../images/good_02.png") no-repeat 0 0; background-size:16px; text-indent:-10000px; margin:0 5px 0 0; }
.con_mclass2_c1 .con2_1 ul.op2 li i.bg2 { display:inline-block; width:16px; height:14px; background:url("../images/good_03.png") no-repeat 0 1px; text-indent:-10000px; margin:0 5px 0 0; }
.con_mclass2_c1 .con2_1 ul.op2 li i.bg3 { display:inline-block; width:15px; height:14px; background:url("../images/good_04.png") no-repeat 0 1px; background-size:15px; text-indent:-10000px; margin:0 5px 0 0; }
.con_mclass2_c1 .con2_1 ul.op2 li.dt { float:right; margin:0 0 0 0; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#666666; font-size:11px; font-weight:normal; letter-spacing:0.01em; }
.con_mclass2_c .slick-prev { position:absolute; left:-70px; top:160px; display:inline-block; width:46px; height:46px; background:url("../images/arrow_18.png") no-repeat 0 0; text-indent:-10000px; transition:all 0.3s ease; }
.con_mclass2_c .slick-prev:hover { filter:brightness(95%); }
.con_mclass2_c .slick-next { position:absolute; right:-50px; top:160px; display:inline-block; width:46px; height:46px; background:url("../images/arrow_19.png") no-repeat 0 0; text-indent:-10000px; transition:all 0.3s ease; }
.con_mclass2_c .slick-next:hover { filter:brightness(95%); }

.con_mcont { padding:50px 0 50px 0; overflow:hidden; }
.con_mcont_c1 { overflow:hidden; }

.con_mcont_c1 .con1 { position:relative; float:left; width:calc(((100% - 590px) - 4%) / 2); height:250px; margin:0 2% 0 0; padding:20px 30px 0 30px; border:1px solid #e2e2e2; border-radius:10px; transition:all 0.3s ease; }
.con_mcont_c1 .con1 h3 { font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#222222; font-size:18px; font-weight:normal; letter-spacing:-0.03em; }
.con_mcont_c1 .con1 a.more { position:absolute; right:30px; top:18px; display:inline-block; width:24px; height:24px; background:url("../images/more_04.png") no-repeat 0 0; text-indent:-10000px; border-radius:100%; }
.con_mcont_c1 .con1 ul { margin:15px 0 0 0; overflow:hidden; }
.con_mcont_c1 .con1 ul li { transition:all 0.3s ease; }
.con_mcont_c1 .con1 ul li.imgs { }
.con_mcont_c1 .con1 ul li.imgs a { display:block; height:140px; background-repeat:no-repeat; background-position:center center; background-size:cover; text-indent:-10000px; transform:scale(1); border:1px solid #d8d8d8; transition:all 0.3s ease-in-out; }
.con_mcont_c1 .con1 ul li.imgs a:hover { filter:brightness(95%); transform:scale(1.05); }
.con_mcont_c1 .con1 ul li.tit { margin:13px 0 0 0; }
.con_mcont_c1 .con1 ul li.tit a { display:block; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; text-align:center; letter-spacing:-0.03em; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.con_mcont_c1 .con1 ul li.desc { display:block; padding:80px 10px 20px 10px; background:#f2f2f2 url("../images/ic_05.png") no-repeat center 20px; background-size:auto 50px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#333333; font-size:14px; font-weight:normal; text-align:center; line-height:1.3; letter-spacing:-0.03em; border-radius:4px; word-break:keep-all; }
.con_mcont_c1 .con1 ul li.btns { margin:13px 0 0 0; }
.con_mcont_c1 .con1 ul li.btns a { display:block; padding:4px 0 4px 0; background:#ae445a; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:14px; font-weight:normal; text-align:center; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }
.con_mcont_c1 .con1 ul li.btns a:hover { background:#8c283d; }

.con_mcont_c1 .con2 { position:relative; float:left; width:590px; height:250px; transition:all 0.3s ease; }

#mainPopupSlider ul { overflow:hidden; }
#mainPopupSlider ul li a { display:block; }
#mainPopupSlider ul li a img { width:100%; height:250px; border:1px solid #e8e8e8; border-radius:10px; transition:all 0.3s ease; }
#mainPopupSlider .bx-controls div { display:inline-block; }
#mainPopupSlider .bx-controls { position:absolute; right:1px; bottom:1px; width:180px; height:30px; text-align:left; border-bottom-right-radius:10px; background:rgba(0,0,0,0.6); z-index:99; }
#mainPopupSlider .bx-controls .bx-pager { width:60px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:12px; font-weight:normal; line-height:30px; text-align:center; letter-spacing:-0.01em; }
#mainPopupSlider .bx-controls .bx-controls-direction a,
#mainPopupSlider .bx-controls .bx-controls-auto a { display:inline-block; width:40px; height:30px; position:absolute; bottom:0; border-left:1px solid #8997a2; text-indent:-9999px; }
#mainPopupSlider .bx-controls .bx-prev { background:url("../images/ic_visualCtrl_prev.png") center center no-repeat; }
#mainPopupSlider .bx-controls .bx-next { left:140px; background:url("../images/ic_visualCtrl_next.png") center center no-repeat; }
#mainPopupSlider .bx-controls .bx-start { left:100px; background:url("../images/ic_visualCtrl_start.png") center center no-repeat; }
#mainPopupSlider .bx-controls .bx-stop { left:100px; background:url("../images/ic_visualCtrl_stop.png") center center no-repeat; }
#mainPopupSlider .bx-controls .bx-controls-auto-item a.active { display:none; }

.con_mcont_c2 { margin:30px 0 0 0; overflow:hidden; }
.con_mcont_c2.mop1 { margin:0 0 0 0; }
.con_mcont_c2 .con1 { position:relative; float:left; width:49%; height:270px; margin:0 2% 0 0; background:#ffffff; border:1px solid #e2e2e2; border-radius:10px; transition:all 0.3s ease; }
.con_mcont_c2 .con1:last-child { margin:0 0 0 0; }
.con_mcont_c2 .con1 h3 { font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#222222; font-size:19px; font-weight:normal; letter-spacing:-0.03em; padding:20px 30px 20px 30px; background:#f2f2f2; }
.con_mcont_c2 .con1 a.more { position:absolute; right:25px; top:23px; display:inline-block; padding:0 16px 0 0; background:url("../images/more_02.png") no-repeat right center; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; letter-spacing:-0.03em; border-radius:30px; transition:all 0.3s ease; }
.con_mcont_c2 .con1 a.more:hover { color:#111111; }
.con_mcont_c2 .con1 ul { padding:25px 30px 25px 30px; overflow:hidden; }
.con_mcont_c2 .con1 ul li { position:relative; margin:0 0 8px 0; transition:all 0.3s ease; }
.con_mcont_c2 .con1 ul li:last-child { padding:0 0 0 0; }
.con_mcont_c2 .con1 ul li a { display:inline-block; width:calc(100% - 100px); 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_mcont_c2 .con1 ul li a:hover { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#000000; }
.con_mcont_c2 .con1 ul li a span { position:absolute; right:0px; top:0px; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#888888; font-size:15px; font-weight:normal; letter-spacing:-0.01em; }
.con_mcont_c2 .con1 ul li a em { margin:0 5px 0 0; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ff3300; font-size:15px; font-weight:normal; letter-spacing:-0.01em; font-style:normal; }

.con_mcont_c3 { margin:30px 0 0 0; overflow:hidden; }
.con_mcont_c3 ul { overflow:hidden; }
.con_mcont_c3 ul li { float:left; width:24%; margin:0 1.333333333333333% 0 0; transition:all 0.3s ease; }
.con_mcont_c3 ul li:last-child { margin:0 0 0 0; }
.con_mcont_c3 ul li a { display:block; padding:25px 25px 25px 25px; background:#e8e6e4 url("../images/more_05.png") no-repeat right 20px center; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#222222; font-size:16px; font-weight:normal; letter-spacing:-0.03em; border:1px solid #dbd8d3; border-radius:4px; transition:all 0.3s ease; }
.con_mcont_c3 ul li a:hover { background:#6c6c6c url("../images/more_06.png") no-repeat right 20px center; color:#ffffff; }

.con_scon { padding:20px 0 70px 0; }
.con_scon.pop1 { padding:30px 35px 60px 35px; }

.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 DemiLight","Malgun Gothic","맑은 고딕"; color:#888888; font-size:12px; font-weight:normal; letter-spacing:-0.03em; transition:all 0.3s ease; }
.con_breadcrumb ul li:last-child { font-family:"NotoSansKR DemiLight","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 40px 0; }
.con_pagetit h1 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#222222; font-size:33px; font-weight:normal; letter-spacing:-0.07em; word-break:keep-all; transition:all 0.3s ease; }
.con_pagetit span { display:inline-block; width:30px; height:2px; background:#fc824c; margin:0 0 0 7px; transition:all 0.3s ease; }
.con_pagetit span2 { color:#08348C; font-size:25px; font-weight:bold; }
.con_pagetit span3 { color:#027333; font-size:25px; font-weight:bold; }

.con_pagetit2 { overflow:hidden; padding:0 0 30px 0; }
.con_pagetit2 h1 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#222222; font-size:25px; font-weight:normal; letter-spacing:-0.05em; word-break:keep-all; transition:all 0.3s ease; }
.con_pagetit2 span { display:inline-block; width:25px; height:2px; background:#fc824c; margin:0 0 0 7px; transition:all 0.3s ease; }

.con_search { position:relative; overflow:hidden; background:#fafafa; padding:25px 30px 20px 30px; border:1px solid #e2e2e2; border-radius:4px; }
.con_search.mop1 { margin:30px 0 0 0; }
.con_search.mop2 { margin:15px 0 0 0; }
.con_search.mop3 { margin:10px 0 0 0; }
.con_search.bop1 { background:#e6ebf1; }
.con_search ul { overflow:hidden; margin:0 90px 0 0; }
.con_search ul.wop1 { margin:0 170px 0 0; }
.con_search ul.wop2 { margin:0 0 0 0; }
.con_search ul li { float:left; margin:0 0 8px 0; }
.con_search ul li.tit { padding:7px 0 0 0; width:15%; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#222222; font-size:16px; font-weight:normal; letter-spacing:-0.03em; }
.con_search ul li.tit.cop1 { clear:both; }
.con_search ul li.desc { width:35%; }
.con_search ul li.desc.pop1 { padding:7px 0 0 0; }
.con_search ul li.desc2 { width:85%; }
.con_search ul li.desc2.pop1 { padding:6px 0 10px 0; }
.con_search ul li.desc2.hop1 { line-height:23px; }
.con_search ul li label { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:15px; font-weight:normal; letter-spacing:-0.03em; cursor:pointer; }
.con_search ul li select { 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 7px; cursor:pointer; }
.con_search ul li select.wop1 { width:30%; }
.con_search ul li select.wop2 { width:50%; }
.con_search ul li select.wop3 { width:50%; }
.con_search ul li select.wop4 { width:80%; }
.con_search ul li select.wop5 { width:15%; }
.con_search ul li select.wop6 { width:92%; }
.con_search ul li select.wop7 { width:30%; }
.con_search ul li select.wop8 { width:100%; }
.con_search ul li input[type="text"] { 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; }
.con_search ul li input[type="text"].wop1 { width:80%; }
.con_search ul li input[type="text"].wop2 { width:80%; }
.con_search ul li input[type="text"].wop3 { width:92%; }
.con_search ul li input[type="text"].wop4 { width:96.5%; }
.con_search ul li input[type="text"].wop5 { width:69.5%; }
.con_search ul li input[type="text"].wop6 { width:45%; }
.con_search ul li input[type="text"].wop7 { width:98.8%; }
.con_search ul li input[type="text"].wop8 { width:100%; }
.con_search ul li input[type="checkbox"] { margin:-2px 5px 0 0; vertical-align:middle; width:20px; height:20px; cursor:pointer; }
.con_search ul li input[type="radio"] { margin:-2px 5px 0 0; vertical-align:middle; width:20px; height:20px; cursor:pointer; }
.con_search .btns { position:absolute; right:30px; top:66px; transition:all 0.3s ease; }
.con_search .btns.poop1 { position:static; padding:10px 0 0 0; text-align:center; }
.con_search .btns.hop1 { top:25px; }
.con_search .btns a { margin:0 3px 0 0; }
.con_search .btns a:last-child { margin:0 0 0 0; }
.con_search .btns a.link1 { display:inline-block; width:80px; height:33px; background:#555555; 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 .btns a.link1:hover { background:#444444; }
.con_search .btns 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 .btns a.link2:hover { background:#888888; }
.con_search span.txt1 { position:static; float:right; margin:0 0 0 0; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ff0000; }
.con_search dl.wop1 { overflow:hidden; }
.con_search dl.wop1 dt { float:left; width:calc((100% - 21px) / 3); margin:0 10px 0 0; }
.con_search dl.wop1 dt:last-child { margin:0 0 0 0; }

.con_search2 { position:relative; overflow:hidden; background:#fafafa; padding:20px 30px 20px 30px; border:1px solid #e2e2e2; border-radius:4px; }
.con_search2 .con1 { overflow:hidden; }
.con_search2 .con1 ul { overflow:hidden; }
.con_search2 .con1 ul li { float:left; }
.con_search2 .con1 ul li.forms { width:30%; transition:all 0.3s ease; }
.con_search2 .con1 ul li.forms label { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:15px; font-weight:normal; letter-spacing:-0.03em; cursor:pointer; }
.con_search2 .con1 ul li.forms input[type="text"] { width:100%; 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; }
.con_search2 .con1 ul li.btns1 { margin:0 7px 0 0; transition:all 0.3s ease; }
.con_search2 .con1 ul li.btns1 a { display:inline-block; padding:0 15px 0 15px; height:33px; background:#555555; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:14px; font-weight:normal; text-align:center; line-height:32px; letter-spacing:-0.03em; transition:all 0.3s ease; }
.con_search2 .con1 ul li.btns1 a:hover { background:#444444; }
.con_search2 .con1 ul li.btns2 { transition:all 0.3s ease; }
.con_search2 .con1 ul li.btns2 a { display:inline-block; padding:0 15px 0 15px; 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; transition:all 0.3s ease; }
.con_search2 .con1 ul li.btns2 a:hover { background:#888888; }
.con_search2 .con2 { margin:20px 0 0 0; padding:20px 20px 20px 20px; overflow:hidden; background:#ffffff; border:1px solid #d8d8d8; border-top:1px solid #555555; }
.con_search2 .con2 ul.forms { overflow:hidden; }
.con_search2 .con2 ul.forms li { float:left; margin:0 0 15px 0; }
.con_search2 .con2 ul.forms li.tit { width:20%; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#222222; font-size:15px; font-weight:normal; letter-spacing:-0.03em; }
.con_search2 .con2 ul.forms li.desc { width:80%; }
.con_search2 .con2 ul.forms li.desc input[type="checkbox"] { margin:-2px 5px 0 0; vertical-align:middle; width:20px; height:20px; cursor:pointer; }
.con_search2 .con2 ul.forms li.desc label { margin:0 15px 0 0; display:inline-block; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:15px; font-weight:normal; letter-spacing:-0.03em; cursor:pointer; }
.con_search2 .con2 ul.forms li.desc a.linktop { margin:0 13px 0 0; display:inline-block; padding:2px 15px 2px 15px; background:#fafafa; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; text-align:center; letter-spacing:-0.01em; border:1px solid #999999; border-radius:4px; }
.con_search2 .con2 ul.forms li.desc a.linktop.on { background:#6d819c; color:#ffffff; border:1px solid #6d819c; }
.con_search2 .con2 ul.btns { margin:8px 0 0 0; overflow:hidden; }
.con_search2 .con2 ul.btns li { text-align:center; }
.con_search2 .con2 ul.btns li a { margin:0 5px 0 0; }
.con_search2 .con2 ul.btns li a:last-child { margin:0 0 0 0; }
.con_search2 .con2 ul.btns li a.link1 { display:inline-block; padding:5px 15px 5px 15px; background:#c06200; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:14px; font-weight:normal; text-align:center; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }
.con_search2 .con2 ul.btns li a.link1:hover { background:#8e4901; }
.con_search2 .con2 ul.btns li a.link2 { display:inline-block; padding:5px 15px 5px 15px; background:#754f44; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:14px; font-weight:normal; text-align:center; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }
.con_search2 .con2 ul.btns li a.link2:hover { background:#4f352d; }
.con_search2 .con2 ul.btns li a.link3 { display:inline-block; padding:5px 15px 5px 15px; background:#666666; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:14px; font-weight:normal; text-align:center; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }
.con_search2 .con2 ul.btns li a.link3:hover { background:#444444; }

.con_search3 { overflow:hidden; background:#fafafa; padding:25px 0 25px 0; border:1px solid #e2e2e2; border-radius:4px; }
.con_search3.mop1 { margin:30px 0 0 0; }
.con_search3.mop2 { margin:15px 0 0 0; }
.con_search3.mop3 { margin:40px 0 0 0; }
.con_search3.mop4 { margin:10px 0 0 0; }
.con_search3.mop5 { margin:20px 0 0 0; }
.con_search3.mop6 { margin:10px 0 0 0; }
.con_search3.bop1 { background:#e6ebf1; }
.con_search3 ul { overflow:hidden; display:table; margin-left:auto; margin-right:auto; }
.con_search3 ul li { float:left; margin:0 10px 0 0; transition:all 0.3s ease; }
.con_search3 ul li.tit { padding:5px 10px 0 0; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#555555; font-size:15px; font-weight:normal; letter-spacing:-0.03em; }
.con_search3 ul li.mop1 { margin:0 0 0 0; }
.con_search3 ul li.mop2 { margin:0 0 0 0; }
.con_search3 ul li.mop3 { }
.con_search3 ul li.wop1 { }
.con_search3 ul li.forms1 { width:calc(100% - 80px); margin:0 0 0 0; }
.con_search3 ul li.forms1_1 { width:80px; margin:0 0 0 0; }
.con_search3 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_search3 ul li select.wop1 { width:150px; }
.con_search3 ul li select.wop2 { width:auto; }
.con_search3 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_search3 ul li input[type="text"].bop1 { border-width:1px 0 1px 1px; }
.con_search3 ul li input[type="text"].wop1 { width:150px; }
.con_search3 ul li input[type="text"].wop2 { width:400px; }
.con_search3 ul li input[type="date"] { width:150px; border-width:1px 1px 1px 1px; padding:0 10px 0 10px; }
.con_search3 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_search3 ul li a.link1.brop1 { border-radius:0px; }
.con_search3 ul li a.link1.brop2 { border-radius:0px; }
.con_search3 ul li a.link1.brop3 { border-radius:0px; }
.con_search3 ul li a.link1:hover { background:#444444; }
.con_search3 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_search3 ul li a.link2.brop1 { border-radius:0px; }
.con_search3 ul li a.link2:hover { background:#777777; }
.con_search3 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_search3 ul li a.link3.brop1 { border-radius:0px; }
.con_search3 ul li a.link3:hover { background:#3e668b; }
.con_search3 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_search3 ul li a.link4.brop1 { border-radius:0px; }
.con_search3 ul li a.link4:hover { background:#1a9164; }
.con_search3 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 DemiLight","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_listcus { padding:20px 0 0 0; overflow:hidden; border:1px solid #d8d8d8; border-width:0 0 0 1px; }
.con_listcus.mop1 { margin:0 0 0 0; }
.con_listcus.mop2 { margin:10px 0 0 0; }
.con_listcus ul { display:table; width:100%; table-layout:fixed; border-collapse:collapse; }
.con_listcus ul li { display:table-cell; padding:10px 10px 10px 10px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:15px; text-align:center; font-weight:normal; line-height:20px; letter-spacing:-0.03em; border:1px solid #d8d8d8; border-width:0 1px 1px 0; word-break:break-all; vertical-align:middle; }
.con_listcus ul li.taop1 { text-align:left; padding:10px 10px 10px 20px; }
.con_listcus ul li.nodata { width:100%; padding:20px 10px 20px 10px; }
.con_listcus ul.header { background:#f9f9f9; border-top:1px solid #111111; }
.con_listcus ul.header li { padding:10px 0 10px 0; min-height:auto; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#222222; font-size:15px; text-align:center; }
.con_listcus span.graph { margin:2px 0 0 0; position:relative; display:inline-block; width:90%; height:20px; border-radius:30px; background:#dddddd; }
.con_listcus span.graph_in { position:absolute; left:0px; top:0px; display:inline-block; height:20px; border-radius:30px; background:#fbd14b; animation:con_listcus_ani1 1s ease-in-out; }
.con_listcus span.graph_in2 { position:absolute; left:15px; top:0px; font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#333333; font-size:13px; font-weight:normal; letter-spacing:0.00em; }
@keyframes con_listcus_ani1 { 0% { opacity:0.0; transform:translateX(-10%) } 100% { opacity:1; transform:translateX(0%) } }
.con_listcus a { 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.bg1 { background:#2b8fda; }
.con_listcus a.bg1:hover { background:#0c70ba; }
.con_listcus a.bg2 { background:#50b0c6; }
.con_listcus a.bg2:hover { background:#2589a0; }
.con_listcus a.bg3 { background:#666666; }
.con_listcus a.bg3:hover { background:#444444; }
.con_listcus a.bg4 { background:#fd9137; }
.con_listcus a.bg4:hover { background:#cf660f; }
span.module_divi1 { margin:3px 0 0 0; display:inline-block; width:25px; height:25px; background:url("../images/lw_divi_01.png") no-repeat 0 0; background-size:25px; text-indent:-10000px; }
span.module_divi2 { margin:3px 0 0 0; display:inline-block; width:25px; height:23px; background:url("../images/lw_divi_02.png") no-repeat 0 0; background-size:25px; text-indent:-10000px; }
span.module_divi3 { margin:3px 0 0 0; display:inline-block; width:26px; height:25px; background:url("../images/lw_divi_03.png") no-repeat 0 0; background-size:26px; text-indent:-10000px; }
span.module_divi4 { margin:3px 0 0 -2px; display:inline-block; width:23px; height:25px; background:url("../images/lw_divi_04.png") no-repeat 0 0; background-size:23px; text-indent:-10000px; }
span.module_divi5 { margin:3px 0 0 0; display:inline-block; width:26px; height:25px; background:url("../images/lw_divi_05.png") no-repeat 0 0; background-size:26px; text-indent:-10000px; }
span.module_divi1s { margin:0 10px 0 0; padding:0 0 0 27px; display:inline-block; background:url("../images/lw_divi_01.png") no-repeat 0 0; background-size:20px; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#555555; font-size:15px; font-weight:normal; letter-spacing:-0.03em; }
span.module_divi2s { margin:0 10px 0 0; padding:0 0 0 27px; display:inline-block; background:url("../images/lw_divi_02.png") no-repeat 0 0; background-size:22px; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#555555; font-size:15px; font-weight:normal; letter-spacing:-0.03em; }
span.module_divi3s { margin:0 10px 0 0; padding:0 0 0 27px; display:inline-block; background:url("../images/lw_divi_03.png") no-repeat 0 0; background-size:21px; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#555555; font-size:15px; font-weight:normal; letter-spacing:-0.03em; }
span.module_divi4s { margin:0 10px 0 0; padding:0 0 0 27px; display:inline-block; background:url("../images/lw_divi_04.png") no-repeat 0 0; background-size:19px; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#555555; font-size:15px; font-weight:normal; letter-spacing:-0.03em; }
span.module_divi5s { margin:0 10px 0 0; padding:0 0 0 27px; display:inline-block; background:url("../images/lw_divi_05.png") no-repeat 0 0; background-size:21px; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#555555; font-size:15px; font-weight:normal; letter-spacing:-0.03em; }
span.module2_divi1 { margin:3px 5px 0 0; display:inline-block; width:21px; height:25px; background:url("../images/lw_divi2_01.png") no-repeat 0 0; background-size:21px; text-indent:-10000px; }
span.module2_divi2 { margin:3px 5px 0 0; display:inline-block; width:27px; height:25px; background:url("../images/lw_divi2_02.png") no-repeat 0 0; background-size:27px; text-indent:-10000px; }
span.module2_divi3 { margin:3px 5px 0 0; display:inline-block; width:25px; height:25px; background:url("../images/lw_divi2_03.png") no-repeat 0 0; background-size:25px; text-indent:-10000px; }
span.module2_divi4 { margin:3px 5px 0 0; display:inline-block; width:26px; height:25px; background:url("../images/lw_divi2_04.png") no-repeat 0 0; background-size:26px; text-indent:-10000px; }
span.module2_divi1s { margin:0 15px 0 0; padding:0 0 3px 27px; display:inline-block; background:url("../images/lw_divi2_01.png") no-repeat 0 0; background-size:20px; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#555555; font-size:15px; font-weight:normal; letter-spacing:-0.03em; }
span.module2_divi2s { margin:0 15px 0 0; padding:0 0 3px 27px; display:inline-block; background:url("../images/lw_divi2_02.png") no-repeat 0 0; background-size:22px; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#555555; font-size:15px; font-weight:normal; letter-spacing:-0.03em; }
span.module2_divi3s { margin:0 15px 0 0; padding:0 0 3px 27px; display:inline-block; background:url("../images/lw_divi2_03.png") no-repeat 0 0; background-size:21px; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#555555; font-size:15px; font-weight:normal; letter-spacing:-0.03em; }
span.module2_divi4s { margin:0 15px 0 0; padding:0 0 3px 27px; display:inline-block; background:url("../images/lw_divi2_04.png") no-repeat 0 0; background-size:19px; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#555555; font-size:15px; font-weight:normal; letter-spacing:-0.03em; }

.con_listcus2 { overflow:hidden; }
.con_listcus2.bop1 { border-top:1px solid #111111; }
.con_listcus2.mop1 { margin:10px 0 0 0; }
.con_listcus2.mop2 { 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 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_listcus2 ul li.tit { text-align:left; padding:15px 0 15px 20px; }
.con_listcus2 ul li.tit a { display:block; position:relative; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.con_listcus2 ul li.tit2 { text-align:left; padding:15px 0 15px 20px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; }
.con_listcus2 ul li.nodata { width:100%; }
.con_listcus2 ul.header { background:#f9f9f9; border-top:1px solid #111111; }
.con_listcus2 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_listcus2 ul.header li.pop1 { padding:10px 0 10px 0; }
.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 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_listcus2 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_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.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_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 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.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_listcus3 { margin:10px 0 0 0; overflow:hidden; }
.con_listcus3.mop1 { margin:0 0 0 0; }
.con_listcus3.mop2 { margin:30px 0 0 0; }
.con_listcus3.mop3 { margin:20px 0 0 0; }
.con_listcus3 ul { display:table; width:100%; table-layout:fixed; border-collapse:collapse; }
.con_listcus3 ul.lessontrview { background:#f2faff; }
.con_listcus3 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_listcus3 ul li.pop1 { padding:10px 5px 10px 5px; }
.con_listcus3 ul li.tit { text-align:left; padding:15px 5px 15px 20px; }
.con_listcus3 ul li.tit a { display:inline-block; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; text-decoration:underline; }
.con_listcus3 ul li.tit2 { text-align:left; padding:15px 5px 15px 20px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; }
.con_listcus3 ul li.tit3 { text-align:left; padding:15px 5px 15px 20px; }
.con_listcus3 ul li.tit4 { text-align:left; padding:15px 5px 15px 20px; }
.con_listcus3 ul li.tit4 a { display:inline-block; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; text-decoration:underline; }
.con_listcus3 ul li.tit5 { padding:10px 5px 10px 5px; }
.con_listcus3 ul li.tit5 a { display:inline-block; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; text-decoration:underline; }
.con_listcus3 ul li.tit6 { text-align:center; padding:15px 5px 15px 5px; }
.con_listcus3 ul li.tit6 a { display:inline-block; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; text-decoration:underline; }
.con_listcus3 ul li.nodata { width:100%; }
.con_listcus3 ul li dl { overflow:hidden; }
.con_listcus3 ul li dl dt { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:15px; font-weight:normal; letter-spacing:-0.01em; }
.con_listcus3 ul.header { background:#f9f9f9; border-top:1px solid #111111; }
.con_listcus3 ul.header li { padding:15px 5px 15px 5px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#222222; font-size:15px; text-align:center; }
.con_listcus3 ul.header li.pop1 { padding:10px 5px 10px 5px; }
.con_listcus3 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_listcus3 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_listcus3 ul li input[type="checkbox"] { margin:-2px 5px 0 0; vertical-align:middle; width:18px; height:18px; cursor:pointer; }
.con_listcus3 ul li input[type="radio"] { margin:-2px 5px 0 0; vertical-align:middle; width:18px; height:18px; cursor:pointer; }
.con_listcus3 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 0 0 5px; }
.con_listcus3 ul li span.status { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; font-size:15px; font-weight:normal; letter-spacing:-0.03em; }
.con_listcus3 ul li span.status.bg1 { color:#e1290d; } /* 빨간 */
.con_listcus3 ul li span.status.bg2 { color:#007cd0; } /* 파란 */
.con_listcus3 ul li span.status.bg3 { color:#555555; } /* 회색 */
.con_listcus3 ul li span.status.bg4 { color:#111111; } /* 검정 */
.con_listcus3 ul li span.status.bg5 { color:#f67400; } /* 오렌지 */
.con_listcus3 ul li span.label_class { display:inline-block; width:65px; padding:2px 10px 2px 10px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#333333; font-size:13px; font-weight:normal; line-height:18px; text-align:center; letter-spacing:-0.03em; border-radius:4px; }
.con_listcus3 ul li span.label_class.bg1 { border:2px solid #2a68a8; } /* 파란 */
.con_listcus3 ul li span.label_class.bg2 { border:2px solid #a8802a; } /* 황토 */
.con_listcus3 ul li span.label_class.bg3 { border:2px solid #8f35b4; } /* 보라 */
.con_listcus3 ul li span.label_class.bg4 { border:2px solid #35b48f; } /* 그린 */
.con_listcus3 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_listcus3 a.link.wop1 { width:70px; }
.con_listcus3 a.link.bg1 { background:#2b8fda; } /* 파랑 */
.con_listcus3 a.link.bg1:hover { background:#0c70ba; }
.con_listcus3 a.link.bg2 { background:#50b0c6; } /* 청록 */
.con_listcus3 a.link.bg2:hover { background:#2589a0; }
.con_listcus3 a.link.bg3 { background:#666666; } /* 그레이 */
.con_listcus3 a.link.bg3:hover { background:#444444; }
.con_listcus3 a.link.bg4 { background:#fd9137; } /* 오렌지 */
.con_listcus3 a.link.bg4:hover { background:#cf660f; }
.con_listcus3 a.link.bg5 { background:#927d67; } /* 브라운 */
.con_listcus3 a.link.bg5:hover { background:#cf660f; }
.con_listcus3 a.link.bg6 { background:#039ac7; } /* turquoise */
.con_listcus3 a.link.bg6:hover { background:#0385ac; }
.con_listcus3 a.link.bg7 { background:#31a97c; } /* 그린 */
.con_listcus3 a.link.bg7:hover { background:#1a9164; }
.con_listcus3 a.download { display:inline-block; width:17px; height:14px; background:url("../images/file_01.png") no-repeat 0 0; text-indent:-10000px; }
.con_listcus3 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_listcus3 i.inclass { display:inline-block; width:15px; height:15px; background:url("../images/inclass_01.png") no-repeat 0 0; background-size:15px; text-indent:-10000px; }

.con_listcus4 { margin:10px 0 0 0; border-top:1px solid #111111; }
.con_listcus4 table { width:100%; }
.con_listcus4 th { padding:10px 0 10px 0; border:1px solid #d8d8d8; background:#f6f6f6; font-family:"NotoSansKR Medium","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_listcus4 td { padding:10px 20px 10px 20px; 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_listcus4 td i { display:none; }
.con_listcus4 ul { overflow:hidden; margin:5px 0 0 0; }
.con_listcus4 ul li { background:url("../images/dot_03.png") no-repeat 0 10px; padding:0 0 5px 10px; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#555555; font-size:15px; font-weight:normal; line-height:19px; text-align:left; letter-spacing:-0.03em; word-break:keep-all; }

.con_listcus5 { margin:10px 0 0 0; border-top:1px solid #111111; transition:all 0.3s ease; }
.con_listcus5.mop1 { margin:20px 0 0 0; }
.con_listcus5.mop2 { margin:30px 0 0 0; }
.con_listcus5.mop3 { margin:40px 0 30px 0; }
.con_listcus5 table { width:100%; }
.con_listcus5 th { padding:10px 0 10px 0; border:1px solid #d8d8d8; background:#fdfbf7; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#333333; font-size:15px; font-weight:normal; text-align:center; line-height:21px; letter-spacing:-0.03em; transition:all 0.3s ease; }
.con_listcus5 th.bgop1 { background:#f8fbf6; }
.con_listcus5 th.bgop2 { background:#f2faff; }
.con_listcus5 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:21px; letter-spacing:-0.03em; word-break:break-all; transition:all 0.3s ease; }
.con_listcus5 td a { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; font-size:15px; }
.con_listcus5 td span.sc { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#e1290d; font-size:15px; }
.con_listcus5 td em { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; font-size:15px; font-style:normal; }
.con_listcus5 td em.emop1 { color:#e11e25; }
.con_listcus5 td em.emop2 { color:#f67400; }
.con_listcus5 td em.emop3 { color:#111111; }
.con_listcus5 td.taop1 { text-align:left; }
.con_listcus5 td.taop2 { text-align:left; padding:10px 20px 10px 20px; }
.con_listcus5 td i { display:none; }
.con_listcus5 td.nodata { }
.con_listcus5 td.fop1 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#e11e25; }
.con_listcus5 td.fop2 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#007cd0; }
.con_listcus5 td.fop3 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; }
.con_listcus5 td.tit { background:#fafafa; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; }
.con_listcus5 a.download { display:inline-block; width:17px; height:14px; background:url("../images/file_01.png") no-repeat 0 0; text-indent:-10000px; }
.con_listcus5 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_listcus5 a.link.wop1 { width:70px; }
.con_listcus5 a.link.bg1 { background:#2b8fda; } /* 파랑 */
.con_listcus5 a.link.bg1:hover { background:#0c70ba; }
.con_listcus5 a.link.bg2 { background:#50b0c6; } /* 청록 */
.con_listcus5 a.link.bg2:hover { background:#2589a0; }
.con_listcus5 a.link.bg3 { background:#666666; } /* 그레이 */
.con_listcus5 a.link.bg3:hover { background:#444444; }
.con_listcus5 a.link.bg4 { background:#fd9137; } /* 오렌지 */
.con_listcus5 a.link.bg4:hover { background:#cf660f; }
.con_listcus5 a.link.bg5 { background:#927d67; } /* 브라운 */
.con_listcus5 a.link.bg5:hover { background:#cf660f; }
.con_listcus5 a.link.bg6 { background:#039ac7; } /* turquoise */
.con_listcus5 a.link.bg6:hover { background:#0385ac; }
.con_listcus5 a.link.bg7 { background:#31a97c; } /* 그린 */
.con_listcus5 a.link.bg7:hover { background:#1a9164; }

.con_listcus6 { margin:15px 0 0 0; border-top:1px solid #111111; transition:all 0.3s ease; }
.con_listcus6 table { width:100%; }
.con_listcus6 col.wop1 { width:50%; transition:all 0.3s ease; }
.con_listcus6 col.wop2 { width:10%; transition:all 0.3s ease; }
.con_listcus6 th { padding:10px 0 10px 0; border:1px solid #d8d8d8; background:#f2f2f2; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#333333; font-size:15px; font-weight:normal; text-align:center; line-height:1.3; letter-spacing:-0.03em; transition:all 0.3s ease; }
.con_listcus6 td { padding:10px 20px 10px 20px; border:1px solid #d8d8d8; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#333333; font-size:15px; font-weight:normal; text-align:center; line-height:1.3; letter-spacing:-0.03em; word-break:break-all; transition:all 0.3s ease; }
.con_listcus6 td.tit { color:#111111; text-align:left; word-break:keep-all; }
.con_listcus6 input[type="radio"] { width:19px; height:19px; cursor:pointer; }
.con_listcus6 td i { display:none; }

.con_list { margin:10px 0 0 0; border-top:1px solid #111111; }
.con_list.mop1 { margin:20px 0 0 0; border-top:1px solid #111111; }
.con_list table { width:100%; }
.con_list th { padding:8px 10px 8px 10px; border:1px solid #d8d8d8; background:#f2f2f2; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; font-size:14px; font-weight:normal; text-align:center; letter-spacing:-0.02em; }
.con_list th.bg1 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; background:#fdf8f7; color:#111111; }
.con_list th.bg2 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; background:#f9f7fd; color:#111111; }
.con_list th.bg3 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; background:#f2faff; color:#111111; }
.con_list th.bg4 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; background:#f8fbf6; color:#111111; }
.con_list td { padding:5px 10px 5px 10px; border:1px solid #d8d8d8; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#666666; font-size:14px; font-weight:normal; text-align:center; line-height:20px; letter-spacing:-0.02em; word-break:break-all; }
.con_list td.taop1 { text-align:left; }
.con_list td.bg1 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; background:#fdf8f7; color:#111111; }
.con_list td.bg2 { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; background:#f9f7fd; color:#111111; }
.con_list td.bg3 { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; background:#f2faff; color:#111111; }
.con_list td.bg4 { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; background:#f8fbf6; color:#111111; }
.con_list td span.fop1 { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#e11e25; }
.con_list td span.fop2 { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#f67400; }
.con_list td span.fop3 { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#111111; }

.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 #dcdcdc; 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_head { padding:30px 20px 30px 20px; overflow:hidden; border-bottom:1px solid #dddddd; transition:all 0.3s ease; }
.con_view_head h1 { font-family:"NotoSansKR Medium","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 #dddddd; 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 #dddddd; 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 #dddddd; padding:20px 20px 50px 20px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; 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 #dddddd; 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:655px; }
.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.survey { overflow:hidden; }
.con_write td ul.survey li { float:left; margin:0 12px 0 0; }
.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:80%; 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; width:110px; }
.con_write td ul.lyop1 li.times { margin:0 0 0 6px; padding:5px 0 0 0; flex-shrink:0; width:170px; border:1px solid #bbbbbb; background:#f2f2f2; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; text-align:center; letter-spacing:-0.03em; }
.con_write td ul.lyop1 li.times span.fop1 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#f67400; font-size:14px; font-weight:normal; text-align:center; letter-spacing:0.00em; margin:0 0 0 3px; }
.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:47%; }
.con_write td ul.lyop3 li.blank { width:6%; 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 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:180px; margin:0 0 0 5px; }
.con_write select.wop12 { width:49%; }
.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="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 DemiLight","Malgun Gothic","맑은 고딕"; color:#777777; font-size:13px; font-weight:normal; text-align:right; letter-spacing:0.00em; }
.con_write .txtcnt span { font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#222222; font-size:13px; font-weight:normal; }
.con_write td span.status { font-family:"NotoSansKR Medium","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_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 DemiLight","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"] { 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; }/* width:100%; */
.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; }

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 #dddddd; 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_noti { margin:10px 0 0 0; position:relative; overflow:hidden; padding:25px 30px 20px 120px; background:#fafafa url("../images/check_01.png") no-repeat 40px 24px; 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 Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:15px; font-weight:normal; letter-spacing:-0.02em; 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_noti ul li i.status { display:inline-block; padding:0 5px 0 5px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:13px; font-weight:normal; text-align:center; letter-spacing:-0.03em; border-radius:4px; font-style:normal; vertical-align:middle; margin:-3px 3px 0 0; }
.con_noti ul li i.status.bg1 { background:#31a97c; }
.con_noti ul li i.status.bg2 { background:#007cd0; }
.con_noti ul li i.status.bg3 { background:#7c8598; }
.con_noti ul li i.status.bg4 { background:#7c8598; }
.con_noti ul li i.status.bg5 { background:#f67400; }

.con_noti2 { overflow:hidden; padding:18px 20px 18px 65px; background:#fafafa url("../images/check_04.png") no-repeat 35px 20px; background-size:20px; border:1px solid #d8d8d8; border-radius:4px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:15px; font-weight:normal; line-height:23px; letter-spacing:-0.03em; word-break:keep-all; transition:all 0.3s ease; }
.con_noti2.mop1 { margin:30px 0 0 0; }
.con_noti2.mop2 { margin:40px 0 0 0; }
.con_noti2.mop3 { margin:10px 0 0 0; }
.con_noti2 span.fop1 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#e11e25; }
.con_noti2 span.fop2 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#f67400; }
.con_noti2.bg1 { background-color:#fdfbf7; }
.con_noti2.bg2 { background-color:#f8fbf6; }

.con_noti3 { margin:10px 0 0 0; overflow:hidden; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#777777; font-size:13px; font-weight:normal; letter-spacing:-0.03em; background:url("../images/dot_10.png") no-repeat 0 6px; padding:0 0 0 11px; word-break:keep-all; }

.con_noti4 { overflow:hidden; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#666666; font-size:14px; font-weight:normal; line-height:20px; letter-spacing:-0.03em; background:url("../images/dot_14.png") no-repeat 0 3px; padding:0 0 0 20px; word-break:keep-all; }
.con_noti4.mop1 { margin:30px 0 0 0; }
.con_noti4 span.fop1 { color:#f67400; }
.con_noti4 span.fop2 { color:#e1290d; }

.con_noti5 { overflow:hidden; padding:20px 20px 20px 55px; background:#fafafa url("../images/dot_01.png") no-repeat 35px 26px; border:1px solid #d8d8d8; border-radius:4px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:15px; font-weight:normal; line-height:23px; letter-spacing:-0.03em; word-break:keep-all; }
.con_noti5.mop1 { margin:30px 0 0 0; }
.con_noti5.mop2 { margin:40px 0 0 0; }
.con_noti5.mop3 { margin:10px 0 0 0; }
.con_noti5.mop4 { margin:20px 0 0 0; }
.con_noti5 span.fop1 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#e11e25; }
.con_noti5 span.fop2 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#f67400; }
.con_noti5 span.fop3 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; }
.con_noti5 span.blank1 { display:inline-block; margin:0 5px 0 0; transition:all 0.3s ease; }

.con_tab { margin:30px 0 0 0; display:table; width:100%; height:50px; table-layout:fixed; border-collapse:collapse; }
.con_tab.mop1 { margin:0 0 0 0; }
.con_tab.mop2 { margin:10px 0 0 0; }
.con_tab a { display:table-cell; height:50px; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#777777; font-size:16px; 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 Medium","Malgun Gothic","맑은 고딕"; color:#111111; background:#ffffff; border:2px solid #111111; border-width:2px 2px 0 2px; }

.con_tab2 { margin:30px 0 0 0; display:table; width:100%; height:50px; table-layout:fixed; border-collapse:collapse; }
.con_tab2.mop1 { margin:0 0 0 0; }
.con_tab2 a { display:table-cell; height:50px; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#777777; font-size:16px; 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_tab2 a.wop1 { width:13%; }
.con_tab2 a.wop2 { width:23%; }
.con_tab2 a.wop5 { width:26%; }
.con_tab2 a.wop2_3 { width:22%; }
.con_tab2 a.wop4_1 { width:16.5%; }
.con_tab2 a.wop4_6 { width:16.5%; }
.con_tab2 a.wop4_7 { width:12.5%; }
.con_tab2 a.on { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; background:#ffffff; border:2px solid #111111; border-width:2px 2px 0 2px; }

.con_tab3 { display:table; width:100%; height:50px; table-layout:fixed; border-collapse:collapse; }
.con_tab3.mop1 { margin:35px 0 0 0 ; }
.con_tab3 a { display:table-cell; height:50px; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#777777; font-size:16px; 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_tab3 a.on { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; background:#ffffff; border:2px solid #111111; border-width:2px 2px 0 2px; }

.con_tab4 { margin:20px 0 0 0; overflow:hidden; border-top:1px solid #111111; transition:all 0.3s ease; }
.con_tab4 ul { overflow:hidden; }
.con_tab4 ul li { float:left; width:16.66666666666667%; height:45px; transition:all 0.3s ease; }
.con_tab4 ul li a { display:inline-block; width:100%; height:45px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#555555; font-size:16px; font-weight:normal; text-align:center; letter-spacing:-0.03em; line-height:45px; border:1px solid #d8d8d8; border-width:1px 0 1px 1px; transition:all 0.3s ease; }
.con_tab4 ul li:last-child a { border-width:1px 1px 1px 1px; }
.con_tab4 ul li a.on { background:#454545; border:1px solid #454545; color:#ffffff; }
.con_tab4 ul li a:hover { background:#454545; border:1px solid #454545; color:#ffffff; }
.con_tab4 ul li a span { margin:0 0 0 3px; display:inline-block; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#f67400; font-size:14px; font-weight:normal; letter-spacing:-0.01em; }

.con_tab5 { display:table; width:100%; height:50px; table-layout:fixed; border-collapse:collapse; }
.con_tab5 a { display:table-cell; height:50px; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#777777; font-size:16px; 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_tab5 a.on { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; background:#ffffff; border:2px solid #111111; border-width:2px 2px 0 2px; }

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

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

.con_tab8 { margin:30px 0 0 0; display:table; width:100%; height:60px; table-layout:fixed; border-collapse:collapse; }
.con_tab8 a { display:table-cell; height:60px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#777777; font-size:18px; text-align:center; font-weight:normal; letter-spacing:-0.05em; background:#fafafa; border:1px solid #d8d8d8; vertical-align:middle; word-break:keep-all; transition:all 0.3s ease; }
.con_tab8 a.on { color:#ffffff; background:#555555; border:1px solid #555555; }
.con_tab8 a:hover { color:#ffffff; background:#555555; border:1px solid #555555; }

.con_tit { position:relative; overflow:hidden; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; font-size:18px; font-weight:normal; letter-spacing:-0.03em; padding:0 0 1px 0; }
.con_tit.fop1 { font-size:19px; }
.con_tit.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_tit.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_tit.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 1px; transition:all 0.3s ease; }
.con_tit.fop4 a.more { position:absolute; right:25px; display:inline-block; padding:0 16px 0 0; background:url("../images/more_02.png") no-repeat right center; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; font-size:20px; font-weight:normal; letter-spacing:-0.03em; border-radius:30px; transition:all 0.3s ease; }
.con_tit.fop4 a.more:hover { color:#111111; }
.con_tit.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_tit.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_tit.fop7 { margin:30px 0 0 0; display:inline-block; font-size:19px; }
.con_tit.fop8 { padding:0 0 0 27px; font-size:20px; letter-spacing:-0.05em; background:url("../images/dot_21.png") no-repeat 0 2px; transition:all 0.3s ease; }
.con_tit.fop8.op1 { background:url("../images/dot_21.png") no-repeat 0 4px; }
.con_tit.fop9 { padding:0 0 0 20px; font-size:18px; letter-spacing:-0.03em; background:url("../images/dot_19.png") no-repeat 0 7px; transition:all 0.3s ease; }
.con_tit.fop10 { margin:40px 0 0 0; padding:0 0 0 27px; font-size:20px; letter-spacing:-0.05em; background:url("../images/dot_21.png") no-repeat 0 1px; transition:all 0.3s ease; }
.con_tit.fop11 { 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 0px; transition:all 0.3s ease; }
.con_tit.fop11 a.more { position:absolute; right:25px; display:inline-block; padding:0 16px 0 0; background:url("../images/more_02.png") no-repeat right center; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; font-size:20px; font-weight:normal; letter-spacing:-0.03em; border-radius:30px; transition:all 0.3s ease; }
.con_tit.fop11 a.more:hover { color:#111111; }

.con_tit.mop1 { margin:30px 0 0 0; }
.con_tit.mop2 { margin:20px 0 0 0; padding:0 0 10px 0; }
.con_tit.mop3 { margin:20px 0 0 0; }
.con_tit.mop4 { margin:40px 0 0 0; padding:0 0 10px 0; }
.con_tit.mop5 { margin:40px 0 0 0; }
.con_tit.mop6 { margin:10px 0 0 0; }
.con_tit.mop7 { margin:25px 0 0 0; }
.con_tit.mop8 { margin:30px 0 0 0; }
.con_tit.mop10 { margin:40px 0 0 0; }
.con_tit 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_tit span.txt span.fw { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ff6800; letter-spacing:0.00em; }
.con_tit 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_tit span.bar { position:absolute; left:0px; top:0px; display:inline-block; width:30px; height:2px; background:#f67400; }
.con_tit 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_tit 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_tit 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_tit em.fop3.mop1 { margin:0 0 0 3px; }
.con_tit u.fop1 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#e1290d; text-decoration:none; }
.con_tit u.fop2 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#f67400; text-decoration:none; }
.con_tit u.fop3 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#007cd0; text-decoration:none; }
.con_tit u.fop4 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#31a97c; text-decoration:none; }
.con_tit .con1 { position:absolute; right:0px; top:-2px; }
.con_tit .con1 a { display:inline-block; padding:1px 10px 1px 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_tit .con1 a:hover { background:#f2f2f2; }
.con_tit .con1 a.link1 { }
.con_tit .con1 a.link1:hover { background:#555555; color:#ffffff; }
.con_tit .con1 a:hover { background:#f2f2f2; }
.con_tit .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_tit .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_tit .con1 a:hover span.bgop1 { transform:rotate(180deg); }
.con_tit .con1 a:hover span.bgop2 { transform:rotate(180deg); }
.con_tit .con1 span.cnts { display:inline-block; padding:2px 15px 2px 15px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:12px; font-weight:normal; text-align:center; line-height:16px; letter-spacing:-0.01em; border:1px solid #999999; transition:all 0.3s ease; border-radius:30px; }
.con_tit .con1 span.cnts span.fop1 { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#f67400; letter-spacing:0.01em; }
.con_tit .con2 { position:absolute; right:0px; top:3px; }
.con_tit .con2 ul { overflow:hidden; }
.con_tit .con2 ul li { float:left; }
.con_tit .con2 ul li a { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; letter-spacing:-0.03em; }
.con_tit .con2 ul li a.on { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; font-size:14px; }
.con_tit .con2 ul li a:hover { color:#111111; }
.con_tit .con2 ul li:after { content:"|"; color:#999999; font-size:12px; font-weight:normal; text-align:center; padding:0 10px 0 10px; }
.con_tit .con2 ul li:last-child:after { content:none; padding:0 0 0 0; }

.con_tit2 { margin:40px 0 0 0; padding:20px 20px 20px 20px; overflow:hidden; font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#111111; font-size:20px; font-weight:normal; line-height:30px; text-align:center; letter-spacing:-0.03em; border-top:1px solid #999999; border-bottom:1px solid #d9d9d9; background:#ffffff; word-break:keep-all; transition:all 0.3s ease; }
.con_tit2.mop1 { margin:0 0 0 0; }

.con_tit3 { position:relative; padding:20px 20px 20px 20px; overflow:hidden; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; font-size:18px; font-weight:normal; line-height:26px; text-align:center; letter-spacing:-0.03em; border:1px solid #999999; border-radius:4px; word-break:keep-all; transition:all 0.3s ease; }
.con_tit3.fop1 { font-size:20px; line-height:28px; background:#fafafa; }

.con_tit4 { position:relative; padding:20px 50px 20px 25px; overflow:hidden; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; font-size:18px; font-weight:normal; line-height:26px; letter-spacing:-0.03em; border:1px solid #999999; border-radius:4px; word-break:keep-all; transition:all 0.3s ease; }
.con_tit4 a.goods { position:absolute; right:25px; top:22px; display:inline-block; width:25px; height:23px; background:url("../images/good_04.png") no-repeat 0 0; text-indent:-10000px; }
.con_tit4 a.goods.on { background:url("../images/good_05.png") no-repeat 0 0; }

.con_tit5 { margin:20px 0 0 0; padding:10px 10px 10px 10px; overflow:hidden; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; font-size:18px; font-weight:normal; line-height:26px; text-align:center; letter-spacing:-0.01em; border:3px solid #dddddd; border-radius:8px; background:#fbf9f7; transition:all 0.3s ease; }
.con_tit5 span.fop1 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#e1290d; margin:0 2px 0 0; }
.con_tit5 i.iop1 { display:inline-block; width:17px; height:18px; background:url("../images/ic_04.png") no-repeat 0 0; background-size:17px; margin:-2px 7px 0 0; text-indent:-10000px; vertical-align:middle; }

.con_tit6 { margin:30px 0 0 0; position:relative; padding:0 0 0 15px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#000000; font-size:19px; font-weight:normal; letter-spacing:-0.02em; word-break:keep-all; }
.con_tit6.mop1 { margin:0 0 0 0; }
.con_tit6 span.bars { position:absolute; left:0px; top:4px; display:inline-block; width:4px; height:20px; background:#4f86c6; }
.con_tit6 span.top1 { margin:0 0 0 10px; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#666666; font-size:18px; font-weight:normal; letter-spacing:-0.03em; }

.con_txt { margin:10px 10px 0 10px; overflow:hidden; }
.con_txt ul { overflow:hidden; }
.con_txt ul li { background:url("../images/dot_03.png") no-repeat 0 10px; padding:0 0 0 10px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#666666; font-size:15px; font-weight:normal; line-height:23px; letter-spacing:-0.03em; margin:0 0 5px 0; word-break:keep-all; transition:all 0.3s ease; }
.con_txt ul li.long { background:none; padding:0 10px 0 0; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#666666; font-size:15px; font-weight:normal; line-height:23px; letter-spacing:-0.03em; margin:0 0 5px 0; word-break:keep-all; }
.con_txt ul li.fop1 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#333333; }
.con_txt ul li a.link1 { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#000000; font-size:15px; font-weight:normal; text-decoration:underline; }
.con_txt ul li a.link2 { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#000000; font-weight:normal; text-decoration:underline; }
.con_txt ul li.mop1 { margin:20px 0 10px 0; }
.con_txt ul li:last-child { margin:0 0 0 0; }
.con_txt ul li span.fop1 { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#f67400; }
.con_txt ul li span.fop2 { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#e1290d; }
.con_txt ul li.in { background:none; padding:0 0 0 10px; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#777777; font-size:14px; font-weight:normal; line-height:20px; letter-spacing:-0.03em; margin:0 0 7px 0; }
.con_txt ul li.in2 { background:url("../images/dot_03.png") no-repeat 0 10px; padding:0 0 0 10px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#777777; font-size:14px; font-weight:normal; line-height:22px; letter-spacing:-0.03em; margin:0 0 5px 0; word-break:keep-all; transition:all 0.3s ease; }
.con_txt ul li.in2.mop1 { margin:10px 0 5px 0; }

.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.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 5px 0 0; vertical-align:middle; }
.con_agree_c2 span.mustch.bg1 { background:#e1800d; }
.con_agree_c2 span.mustch.bg2 { background:#848484; }
.con_agree_c2 span.noti { font-family:"NotoSansKR DemiLight","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 0 20px 0; border-radius:4px; text-align:center; background:#f5f5f5; }
.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_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.mop1 { margin:10px 0 0 0; }
.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; transition:all 0.3s ease; }
.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 .txt1.mop4 { margin:15px 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; transition:all 0.3s ease; }
.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; transition:all 0.3s ease; }
.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; transition:all 0.3s ease; }
.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 25px; background-size:65px; }
.con_private .txt4.bg2 { border:3px solid #f67400; background:url("../images/private_02.png") no-repeat 25px 15px; background-size:70px; }
.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; transition:all 0.3s ease; }
.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; transition:all 0.3s ease; }
.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 .txt7 { padding:27px 20px 27px 20px; text-align:center; border-radius:4px; border:3px solid #999999; transition:all 0.3s ease; }
.con_private .txt7 a { display:inline-block; padding:8px 20px 8px 20px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#222222; font-size:15px; font-weight:normal; text-align:center; letter-spacing:-0.03em; border:1px solid #888888; border-radius:4px; transition:all 0.3s ease; }
.con_private .txt7 a:hover { background:#666666; color:#ffffff; }
.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:#333333; 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 Regular","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 h3.fop4 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; font-size:16px; color:#111111; }
.con_private h4 { margin:30px 0 0 0; font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; font-size:16px; color:#333333; font-weight:normal; line-height:22px; letter-spacing:-0.03em; }
.con_private h4.fop1 { font-family:"NotoSansKR Regular","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; transition:all 0.3s ease; }
.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 Bold","Malgun Gothic","맑은 고딕"; font-size:17px; 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; transition:all 0.3s ease; }
.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; transition:all 0.3s ease; }
.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_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; }

.con_error { overflow:hidden; }
.con_error .con1 { padding:320px 0 80px 0; overflow:hidden; background:#f2f2f2 url("../images/error_01.png") no-repeat center 50px; background-size:230px; transition:all 0.3s ease; }
.con_error .con1 h3 { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#111111; font-size:45px; font-weight:normal; text-align:center; line-height:45px; letter-spacing:-0.07em; word-break:keep-all; transition:all 0.3s ease; }
.con_error .con1 .desc { margin:35px 0 0 0; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#777777; font-size:16px; font-weight:normal; text-align:center; line-height:24px; letter-spacing:-0.05em; word-break:keep-all; transition:all 0.3s ease; }
.con_error .con2 { margin:50px 0 0 0; text-align:center; }
.con_error .con2 a { display:inline-block; padding:13px 80px 13px 80px; font-size:17px; font-weight:normal; background:#636c78; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; text-align:center; letter-spacing:-0.03em; transition:all 0.3s ease; }
.con_error .con2 a:hover { background:#45484d; }

.con_exam { overflow:hidden; }
.con_exam.mop1 { margin:30px 0 0 0; }
.con_exam.mop2 { margin:20px 0 0 0; }
.con_exam_c1 { overflow:hidden; }
.con_exam_c1_1 { float:left; width:49%; margin:0 2% 0 0; background:#e6ebf1; border:1px solid #d4d4d4; padding:20px 20px 25px 20px; border-radius:10px; }
.con_exam_c1_1 h3 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#333333; font-size:18px; font-weight:normal; letter-spacing:-0.05em; }
.con_exam_c1_2 { float:left; width:49%; background:#e6ebf1; border:1px solid #d4d4d4; padding:20px 20px 25px 20px; border-radius:10px; }
.con_exam_c1_2.wop1 { width:100%; }
.con_exam_c1_2 h3 { position:relative; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#333333; font-size:18px; font-weight:normal; letter-spacing:-0.05em; }
.con_exam_c1_2 h3 ul.time { position:absolute; right:0px; top:5px; }
.con_exam_c1_2 h3 ul.time li { background:url("../images/ic_13.png") no-repeat 0 0; padding:0 0 3px 23px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; letter-spacing:-0.05em; }
.con_exam_c1_2 h3 ul.time li span { margin:0 0 0 3px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#e1290d; font-size:14px; font-weight:normal; letter-spacing:0.00em; }
.con_exam_c1_2 h3 ul.divi { position:absolute; right:0px; top:5px; }
.con_exam_c1_2 h3 ul.divi li { float:left; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; letter-spacing:-0.05em; margin:0 10px 0 0; }
.con_exam_c1_2 h3 ul.divi li:last-child { margin:0 0 0 0; }
.con_exam_c1_2 h3 ul.divi li span { margin:0 2px 0 0; }
.con_exam_c1_2 h3 ul.divi li span.op1 { color:#da1b4c; }
.con_exam_c1_2 h3 ul.divi li span.op2 { color:#454545; }
.con_exam_c1_2 h3 ul.divi li span.op3 { color:#444444; }

.con_exam_c2 { overflow:hidden; margin:30px 0 0 0; }
.con_exam_c2.mop1 { margin:0 0 0 0; }
.con_exam_list { margin:15px 0 0 0; border-top:1px solid #111111; }
.con_exam_list table { width:100%; }
.con_exam_list th { background:#f9f9f9; padding:7px 15px 7px 15px; border:1px solid #dddddd; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#454545; font-size:15px; text-align:left; font-weight:normal; letter-spacing:-0.03em; }
.con_exam_list th.pop1 { padding:7px 15px 7px 15px; }
.con_exam_list td { background:#ffffff; padding:7px 15px 7px 15px; border:1px solid #dddddd; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#333333; font-size:15px; text-align:left; letter-spacing:-0.01em; }
.con_exam_list td.pop1 { padding:8px 15px 7px 15px; }
.con_exam_list td.fop1 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#e1290d; }
.con_exam_list2 { margin:15px 0 0 0; border-top:1px solid #111111; }
.con_exam_list2 table { width:100%; }
.con_exam_list2 th { background:#f9f9f9; padding:7px 10px 7px 10px; border:1px solid #dddddd; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#454545; font-size:15px; text-align:center; font-weight:normal; letter-spacing:-0.03em; }
.con_exam_list2 td { background:#ffffff; padding:7px 5px 7px 5px; border:1px solid #dddddd; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#333333; font-size:15px; text-align:center; letter-spacing:-0.01em; }
.con_exam_list2 td span.record { display:inline-block; width:40px; padding:2px 0 2px 0; background:#999999; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:12px; font-weight:normal; text-align:center; letter-spacing:-0.01em; border-radius:10px; margin:0 0 0 5px; }
.con_exam_list3 { margin:10px 0 0 0; border-top:1px solid #111111; }
.con_exam_list3 table { width:100%; }
.con_exam_list3 th { background:#fbf9f7; padding:10px 15px 10px 15px; border:1px solid #d9d9d9; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#222222; font-size:15px; text-align:left; font-weight:normal; letter-spacing:-0.03em; }
.con_exam_list3 td { background:#ffffff; padding:10px 15px 10px 15px; border:1px solid #d9d9d9; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:15px; text-align:left; line-height:22px; letter-spacing:-0.03em; }
.con_exam_list4 { margin:15px 0 0 0; border-left:1px solid #dddddd; border-top:1px solid #111111; display:flex; flex-flow:row nowrap; justify-content:flex-start; }
.con_exam_list4 .con1 { flex-grow:1; transition:all 0.3s ease; }
.con_exam_list4 ul { }
.con_exam_list4 li { transition:all 0.3s ease; }
.con_exam_list4 li:first-child { background:#f5f5f5; padding:7px 10px 7px 10px; border:1px solid #dddddd; border-width:0 1px 1px 0; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#454545; font-size:15px; text-align:center; font-weight:normal; letter-spacing:-0.03em; }
.con_exam_list4 li:last-child { background:#ffffff; padding:10px 5px 7px 5px; border:1px solid #dddddd; border-width:0 1px 1px 0; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#333333; font-size:15px; text-align:center; letter-spacing:-0.01em; }
span.exam1 { display:inline-block; width:17px; height:17px; background:url("../images/exam_op1.png") no-repeat 0 0; text-indent:-10000px; vertical-align:middle; }
span.exam2 { display:inline-block; width:17px; height:17px; background:url("../images/exam_op2.png") no-repeat 0 0; text-indent:-10000px; vertical-align:middle; }
span.exam3 { display:inline-block; width:17px; height:17px; background:url("../images/exam_op3.png") no-repeat 0 0; text-indent:-10000px; vertical-align:middle; }
span.exam_answer1 { display:inline-block; width:18px; height:16px; background:url("../images/exam_off.png") no-repeat 0 0; text-indent:-10000px; }
span.exam_answer2 { display:inline-block; width:18px; height:16px; background:url("../images/exam_on.png") no-repeat 0 0; text-indent:-10000px; }

.con_exam_btn { margin:15px 0 0 0; overflow:hidden; text-align:center; }
.con_exam_btn.mop1 { margin:30px 0 0 0; }
.con_exam_btn.mop2 { margin:30px 0 30px 0; }
.con_exam_btn a { margin:0 8px 0 0; }
.con_exam_btn a:last-child { margin:0 0 0 0; }
.con_exam_btn a.link1 { display:inline-block; padding:8px 20px 8px 20px; font-size:16px; font-weight:normal; background:#f67400; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; text-align:center; letter-spacing:-0.05em; border-radius:5px; border:1px solid #eb7002; transition:all 0.3s ease; }
.con_exam_btn a.link2 { display:inline-block; padding:8px 20px 8px 20px; font-size:16px; font-weight:normal; background:#ffffff; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#444444; text-align:center; letter-spacing:-0.05em; border-radius:5px; border:1px solid #999999; transition:all 0.3s ease; }
.con_exam_btn a.link3 { display:inline-block; padding:8px 20px 8px 20px; font-size:16px; font-weight:normal; background:#ffffff; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#444444; text-align:center; letter-spacing:-0.05em; border-radius:5px; border:1px solid #999999; transition:all 0.3s ease; }
.con_exam_btn a.link4 { display:inline-block; padding:8px 20px 8px 20px; font-size:16px; font-weight:normal; background:#666666; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; text-align:center; letter-spacing:-0.05em; border-radius:5px; border:1px solid #555555; transition:all 0.3s ease; }
.con_exam_btn a.link1:hover { background:#d36401; }
.con_exam_btn a.link2:hover { background:#555555; color:#ffffff; }
.con_exam_btn a.link3:hover { background:#555555; color:#ffffff; }
.con_exam_btn a.link4:hover { background:#444444; }

.con_question_tit { padding:20px 10px 20px 10px; overflow:hidden; background:#fdfbf7; border:2px solid #d8d8d8; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#333333; font-size:18px; font-weight:normal; text-align:center; line-height:26px; letter-spacing:-0.05em; border-radius:4px; word-break:keep-all; transition:all 0.3s ease; }
.con_question_tit.mop1 { margin:30px 0 0 0; }
.con_question_tit.bg1 { background:#f8fbf6; }
.con_question_tit2 { margin:30px 0 0 0; overflow:hidden; font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#111111; font-size:18px; font-weight:normal; letter-spacing:-0.03em; background:url("../images/dot_14.png") no-repeat 0 6px; padding:0 0 0 20px; transition:all 0.3s ease; }

.con_question { overflow:hidden; }
.con_question.mop1 { margin:40px 0 0 0; }
.con_question.mop2 { margin:30px 0 0 0; }
.con_question.mop3 { margin:15px 0 0 0; }
.con_question_c { overflow:hidden; padding:10px 50px 50px 50px; border:1px solid #cccccc; border-radius:10px; transition:all 0.3s ease; }
.con_question_c.whop1 { padding:0 0 0 0; }
.con_question_c.op1 { border:1px solid #d8d8d8; border-top:1px solid #111111; border-radius:0px; }
.con_question_c1 { overflow:hidden; margin:40px 0 0 0; transition:all 0.3s ease; }
.con_question_c1 h2 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#222222; font-size:19px; font-weight:normal; letter-spacing:-0.03em; line-height:26px; }
.con_question_c1 .attach { border:1px solid #999999; padding:15px 20px 15px 20px; margin:15px 0 0 0; background:#f6f6f6; }
.con_question_c1 .attach ul { overflow:hidden; }
.con_question_c1 .attach ul li { float:left; width:100%; height:auto; margin:0 0 5px 0; transition:all 0.3s ease; }
.con_question_c1 .attach ul li a { display:inline-block; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#333333; font-size:15px; font-weight:normal; letter-spacing:-0.03em; text-decoration:underline; padding:0 0 0 25px; background:url("../images/file_01.png") no-repeat 0 6px; }
.con_question_c1 .attach ul li:last-child { margin:0 0 0 0; }
.con_question_c1 .question { border:1px solid #999999; padding:13px 20px 13px 20px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#222222; font-size:16px; font-weight:normal; letter-spacing:-0.03em; margin:15px 0 0 0; background:#f6f6f6; transition:all 0.3s ease; }
.con_question_c1 .question2 { border:1px solid #999999; padding:20px 20px 20px 20px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#222222; font-size:16px; font-weight:normal; letter-spacing:-0.03em; margin:15px 0 0 0; text-align:center; background:#f6f6f6; transition:all 0.3s ease; }
.con_question_c1 .question2 img { margin:0 auto; border-radius:4px; border:1px solid #d8d8d8; }
.con_question_c1 .question3 { border:1px solid #d8d8d8; padding:10px 20px 10px 20px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#333333; font-size:16px; font-weight:normal; letter-spacing:-0.03em; margin:15px 0 0 0; text-align:center; background:#f2faff; transition:all 0.3s ease; }
.con_question_c1 ul.ver { overflow:hidden; margin:20px 0 0 0; }
.con_question_c1 ul.ver li { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#222222; font-size:16px; font-weight:normal; letter-spacing:-0.03em; margin:0 0 10px 0; transition:all 0.3s ease; }
.con_question_c1 ul.ver li:last-child { margin:0 0 0 0; }
.con_question_c1 ul.ver li label { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#222222; font-size:16px; font-weight:normal; letter-spacing:-0.03em; }
.con_question_c1 ul.ver li input[type="checkbox"] { margin:-2px 5px 0 0; vertical-align:middle; width:20px; height:20px; cursor:pointer; }
.con_question_c1 ul.ver li input[type="radio"] { margin:-2px 5px 0 0; vertical-align:middle; width:20px; height:20px; cursor:pointer; }
.con_question_c1 ul.ver li input[type="text"] { width:50%; height:50px; border:1px solid #dddddd; padding:0 20px 0 20px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#222222; font-size:16px; font-weight:normal; letter-spacing:-0.03em; }
.con_question_c1 ul.ver li textarea { width:100%; height:200px; border:1px solid #dddddd; padding:20px 20px 20px 20px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#222222; font-size:16px; font-weight:normal; letter-spacing:-0.03em; }
.con_question_c1 ul.hor { overflow:hidden; margin:20px 0 0 0; }
.con_question_c1 ul.hor li { float:left; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#222222; font-size:16px; font-weight:normal; letter-spacing:-0.03em; margin:0 10px 0 0; line-height:30px; transition:all 0.3s ease; }
.con_question_c1 ul.hor li:last-child { margin:0 0 0 0; }
.con_question_c1 ul.hor li label { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#222222; font-size:16px; font-weight:normal; letter-spacing:-0.03em; }
.con_question_c1 ul.hor li input[type="checkbox"] { margin:-2px 5px 0 0; vertical-align:middle; width:20px; height:20px; cursor:pointer; }
.con_question_c1 ul.hor li input[type="radio"] { margin:-2px 5px 0 0; vertical-align:middle; width:20px; height:20px; cursor:pointer; }
.con_question_c1 ul.hor li input[type="text"] { width:100%; height:50px; border:1px solid #dddddd; padding:0 20px 0 20px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#222222; font-size:16px; font-weight:normal; letter-spacing:-0.03em; }
.con_question_c1 .noti { overflow:hidden; padding:20px 25px 20px 55px; background:#f8fbf6 url("../images/ic_22.png") no-repeat 20px 15px; border:1px solid #e9e6dd; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:16px; font-weight:normal; line-height:24px; letter-spacing:-0.03em; transition:all 0.3s ease; }
.con_question_c2 { overflow:hidden; transition:all 0.3s ease; }
.con_question_c2 h2 { padding:170px 10px 40px 10px; background:url("../images/survey_01.png") no-repeat center 50px; background-size:300px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#222222; font-size:24px; font-weight:normal; text-align:center; letter-spacing:-0.05em; text-indent:-10000px; transition:all 0.3s ease; }
.con_question_c2 .con1 { border-top:1px solid #e2e2e2; padding:38px 0 40px 0; background:#fdfbf7; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#333333; font-size:18px; font-weight:normal; text-align:center; line-height:26px; letter-spacing:-0.05em; word-break:keep-all; transition:all 0.3s ease; }
.con_question_c2 .con1.bg1 { background:#f8fbf6; }

.con_tree { margin:20px 0 0 0; padding:30px 30px 30px 30px; overflow:hidden; border:1px solid #d8d8d8; border-radius:4px; background:#f9f9f9; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; letter-spacing:-0.02em; }

.con_open { overflow:hidden; border-top:1px solid #111111; }
.con_open .con_open_nodata { padding:20px 0 20px 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_open_c { overflow:hidden; padding:20px 20px 20px 20px; border-bottom:1px solid #d8d8d8; transition:all 0.3s ease; }
.con_open_c .con1 { float:left; width:205px; overflow:hidden; border:1px solid #d8d8d8; transition:all 0.3s ease; }
.con_open_c .con1 img { width:205px; height:130px; transform:scale(1); transition:all 0.3s ease-in-out; }
.con_open_c .con1 img:hover { filter:brightness(90%); transform:scale(1.05); }
.con_open_c .con2 { float:left; width:calc(100% - 205px); overflow:hidden; padding:0 0 0 30px; }
.con_open_c .con2 ul { overflow:hidden; transition:all 0.3s ease; }
.con_open_c .con2 ul li { transition:all 0.3s ease; }
.con_open_c .con2 ul li.htit { margin:0 0 9px 0; word-break:keep-all; }
.con_open_c .con2 ul li.htit a { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#333333; font-size:16px; font-weight:normal; line-height:24px; letter-spacing:-0.03em; }
.con_open_c .con2 ul li.tit { clear:both; float:left; width:80px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; letter-spacing:-0.03em; background:url("../images/dot_03.png") no-repeat 0 9px; padding:0 0 0 10px; margin:0 0 4px 0; }
.con_open_c .con2 ul li.desc { float:left; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#666666; font-size:14px; font-weight:normal; }
.con_open_c .con2 ul li.btns { clear:both; padding:9px 0 0 0; }
.con_open_c .con2 ul li.btns a { display:inline-block; padding:2px 30px 2px 30px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#333333; font-size:14px; font-weight:normal; text-align:center; letter-spacing:-0.03em; border:1px solid #999999; transition:all 0.3s ease; }
.con_open_c .con2 ul li.btns a:hover { color:#ffffff; background:#666666; border:1px solid #666666; }

.con_vod { overflow:hidden; background:#000000; }
.con_vod.mop1 { margin:10px 0 0 0; }
.con_vod.mop2 { margin:20px 0 0 0; }
.con_vod iframe { width:100%; height:500px; transition:all 0.3s ease; }
.con_vod video { width:100%; height:500px; }

.con_imglist { overflow:hidden; }
.con_imglist_nodata { width:100%; overflow:hidden; border-top:1px solid #111111; border-bottom:1px solid #d8d8d8; padding:30px 0 30px 0; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#666666; font-size:15px; text-align:center; font-weight:normal; letter-spacing:-0.03em; transition:all 0.3s ease-in-out; }
.con_imglist_c { float:left; width:24%; overflow:hidden; margin:0 1.333333333333333% 20px 0; transition:all 0.3s ease-in-out; }
.con_imglist_c:nth-child(4n) { margin:0 0 20px 0; }
.con_imglist_c .con1 { overflow:hidden; height:180px; border:1px solid #d8d8d8; transition:all 0.3s ease-in-out; }
.con_imglist_c .con1 a.imgs { display:block; width:100%; height:180px; background-repeat:no-repeat; background-position:center center; background-size:cover; 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); }
.con_imglist_c .con2 { overflow:hidden; padding:20px 20px 20px 20px; border:1px solid #d8d8d8; border-width:0 1px 1px 1px; transition:all 0.3s ease-in-out; }
.con_imglist_c .con2 a.tit { display:block; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; font-size:15px; font-weight:normal; letter-spacing:-0.03em; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.con_imglist_c .con2 a.tit2 { display:block; height:45px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#333333; font-size:15px; font-weight:normal; line-height:19px; letter-spacing:-0.03em; }
.con_imglist_c .con2 ul { overflow:hidden; margin:15px 0 0 0; padding:5px 13px 5px 13px; border:1px solid #d8d8d8; background:#fafafa; border-radius:2px; box-shadow:2px 2px 5px rgba(0, 0, 0, 0.1); }
.con_imglist_c .con2 ul li { }
.con_imglist_c .con2 ul li.cnts { float:left; background:url("../images/contoption_01.png") no-repeat 0 2px; background-size:22px; padding:0 0 0 25px; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#777777; font-size:13px; font-weight:normal; letter-spacing:-0.01em; }
.con_imglist_c .con2 ul li.dt { float:right; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#777777; font-size:13px; font-weight:normal; letter-spacing:-0.01em; }
.con_imglist_c .con2 a.btns { margin:10px 0 0 0; display:block; padding:5px 10px 5px 10px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; font-size:15px; font-weight:normal; text-align:center; letter-spacing:-0.03em; border:1px solid #999999; transition:all 0.3s ease-in-out; }
.con_imglist_c .con2 a.btns:hover { color:#ffffff; background:#666666; border:1px solid #666666; }
.con_imglist_c .con2 a.btns2 { margin:10px 0 0 0; display:block; padding:5px 10px 5px 10px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#f67400; font-size:15px; font-weight:normal; text-align:center; letter-spacing:-0.03em; border:1px solid #f67400; transition:all 0.3s ease-in-out; }
.con_imglist_c .con2 a.btns2:hover { color:#ffffff; background:#f67400; border:1px solid #f67400; }

.con_classlist { overflow:hidden; border-top:1px solid #111111; transition:all 0.3s ease; }
.con_classlist.bop1 { border:5px solid #dddddd; border-radius:4px; }
.con_classlist.bop2 { margin:60px 0 0 0; border:5px solid #dddddd; border-radius:8px; }
.con_classlist.bop2_1 { margin:60px 0 0 0; border:5px solid #B0578D; border-radius:8px; }
.con_classlist.bop2_2 { margin:60px 0 0 0; border:5px solid #008170; border-radius:8px; }
.con_classlist.bop2_3 { margin:60px 0 0 0; border:5px solid #005B41; border-radius:8px; }
.con_classlist.bop2_4 { margin:60px 0 0 0; border:5px solid #040D12; border-radius:8px; }
.con_classlist_nodata { width:100%; overflow:hidden; border-bottom:1px solid #dddddd; padding:30px 0 30px 0; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#666666; font-size:15px; text-align:center; font-weight:normal; letter-spacing:-0.03em; transition:all 0.3s ease-in-out; }
.con_classlist_c { overflow:hidden; padding:30px 10px 30px 10px; border-bottom:1px solid #dddddd; transition:all 0.3s ease; }
.con_classlist_c.bop1 { border-bottom:none; padding:30px 30px 30px 30px; }
.con_classlist_c.pop1 { padding:20px 10px 20px 10px; }
.con_classlist_c .con1 { float:left; width:321px; overflow:hidden; margin:0 30px 0 0; transition:all 0.3s ease; }
.con_classlist_c .con1.wop1 { width:257px; overflow:hidden; margin:0 30px 0 0; transition:all 0.3s ease; }
.con_classlist_c .con1 img { width:321px; height:200px; border:1px solid #d8d8d8; border-radius:4px; transform:scale(1); transition:all 0.3s ease-in-out; }
.con_classlist_c .con1 img:hover { filter:brightness(95%); transform:scale(1.03); }
.con_classlist_c .con1.wop1 img { width:257px; height:160px; }
.con_classlist_c .con2 { float:left; width:calc(100% - 351px); transition:all 0.3s ease; }
.con_classlist_c .con2.wop1 { width:calc(100% - 287px); }
.con_classlist_c .con2.wop2 { width:100%; }
.con_classlist_c .con2.pop1 { padding:3px 0 0 0; }
.con_classlist_c .con2.pop2 { padding:10px 0 0 0; }
.con_classlist_c .con2_1 { overflow:hidden; }
.con_classlist_c .con2_1 ul { overflow:hidden; }
.con_classlist_c .con2_1 ul li { transition:all 0.3s ease; }
.con_classlist_c .con2_1 ul li.divi { overflow:hidden; }
.con_classlist_c .con2_1 ul li.divi span.label { display:inline-block; padding:1px 10px 1px 10px; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#555555; font-size:12px; font-weight:normal; text-align:center; line-height:15px; letter-spacing:-0.03em; border-radius:4px; }
.con_classlist_c .con2_1 ul li.divi span.label.bg1 { border:2px solid #4b96e7; }
.con_classlist_c .con2_1 ul li.divi span.label.bg2 { border:2px solid #f67400; }
.con_classlist_c .con2_1 ul li.divi span.label.bg3 { border:2px solid #31a97c; }
.con_classlist_c .con2_1 ul li.divi span.label.bg4 { border:2px solid #927d67; }
.con_classlist_c .con2_1 ul li.divi span.label.mop1 { margin:0 3px 0 0; }
.con_classlist_c .con2_1 ul li.tit { margin:7px 0 0 0; font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#000000; font-size:20px; font-weight:normal; line-height:26px; letter-spacing:-0.05em; }
.con_classlist_c .con2_1 ul li.tit.mop1 { margin:1px 0 0 0; }
.con_classlist_c .con2_1 ul li.tit a { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#000000; font-size:20px; font-weight:normal; line-height:26px; letter-spacing:-0.05em; }
.con_classlist_c .con2_1 ul li.tit a.link { display:block; padding:5px 20px 5px 20px; font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:18px; font-weight:normal; line-height:1.2; letter-spacing:-0.01em; border-radius:4px; }
.con_classlist_c .con2_1 ul li.tit a.link.bg1 { background:#B0578D; }
.con_classlist_c .con2_1 ul li.tit a.link.bg2 { background:#008170; }
.con_classlist_c .con2_1 ul li.tit a.link.bg3 { background:#005B41; }
.con_classlist_c .con2_1 ul li.tit a.link.bg4 { background:#040D12; }
.con_classlist_c .con2_2 { margin:10px 0 0 0; overflow:hidden; padding:15px 20px 10px 20px; background:#f8f8f8; border-radius:4px; border:1px solid #e2e2e2; }
.con_classlist_c .con2_2.pop1 { padding:15px 20px 15px 20px; }
.con_classlist_c .con2_2 ul.op1 { overflow:hidden; }
.con_classlist_c .con2_2 ul.op1 li { transition:all 0.3s ease; }
.con_classlist_c .con2_2 ul.op1 li.desc { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; line-height:22px; letter-spacing:-0.03em; word-break:keep-all; }
.con_classlist_c .con2_2 ul.op1 li.desc .noti { margin:5px 0 0 0; }
.con_classlist_c .con2_2 ul.op1 li.desc .noti dl { overflow:hidden; }
.con_classlist_c .con2_2 ul.op1 li.desc .noti dl dt { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#f67400; font-size:14px; font-weight:normal; line-height:22px; letter-spacing:-0.03em; word-break:keep-all; background:url("../images/dot_16.png") no-repeat 0 7px; padding:0 0 0 10px; }
.con_classlist_c .con2_2 ul.op1 li.desc .noti dl dt.fop1 { color:#e1290d; }
.con_classlist_c .con2_2 ul.op2 { margin:10px 0 0 0; overflow:hidden; }
.con_classlist_c .con2_2 ul.op2 li { transition:all 0.3s ease; margin:0 0 5px 0; }
.con_classlist_c .con2_2 ul.op2 li.tit { float:left; width:100px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#222222; font-size:14px; font-weight:normal; letter-spacing:-0.03em; background:url("../images/dot_03.png") no-repeat 0 9px; padding:0 0 0 10px; }
.con_classlist_c .con2_2 ul.op2 li.desc { float:left; width:calc(100% - 100px); font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; letter-spacing:-0.01em; }
.con_classlist_c .con2_2 ul.op3 { overflow:hidden; }
.con_classlist_c .con2_2 ul.op3 li { transition:all 0.3s ease; }
.con_classlist_c .con2_2 ul.op3 li.tit { float:left; margin:0 20px 0 0; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#222222; font-size:14px; font-weight:normal; letter-spacing:-0.03em; background:url("../images/dot_03.png") no-repeat 0 9px; padding:0 0 0 10px; }
.con_classlist_c .con2_2 ul.op3 li.desc { float:left; margin:0 70px 0 0; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; letter-spacing:-0.01em; }
.con_classlist_c .con2_2 ul.op3 li.desc:last-child { margin:0 0 0 0; }
.con_classlist_c .con2_2 ul.op4 { overflow:hidden; }
.con_classlist_c .con2_2 ul.op4.mop1 { margin:8px 0 0 0; }
.con_classlist_c .con2_2 ul.op4 li { transition:all 0.3s ease; }
.con_classlist_c .con2_2 ul.op4 li.tit { float:left; width:100px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#222222; font-size:14px; font-weight:normal; letter-spacing:-0.03em; background:url("../images/dot_03.png") no-repeat 0 9px; padding:0 0 0 10px; }
.con_classlist_c .con2_2 ul.op4 li.desc { float:left; width:calc((100% - 302px) / 3); font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; letter-spacing:-0.01em; }
.con_classlist_c .con2_2 ul.op4 li.desc.wop1 { width:calc((100% - 302px) / 1.5); }
.con_classlist_c .con2_2 ul.op4 li dl { overflow:hidden; }
.con_classlist_c .con2_2 ul.op4 li dl dt { margin:0 0 3px 0; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; letter-spacing:-0.01em; }
.con_classlist_c .con2_2 ul.op4 li dl dt:last-child { margin:0 0 0 0; }
.con_classlist_c .con2_2 ul.op5 { overflow:hidden; }
.con_classlist_c .con2_2 ul.op5.mop1 { margin:8px 0 0 0; }
.con_classlist_c .con2_2 ul.op5 li { transition:all 0.3s ease; }
.con_classlist_c .con2_2 ul.op5 li.tit { float:left; width:90px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#222222; font-size:14px; font-weight:normal; letter-spacing:-0.03em; background:url("../images/dot_03.png") no-repeat 0 9px; padding:0 0 0 10px; }
.con_classlist_c .con2_2 ul.op5 li.desc { float:left; width:calc((100% - 180px) / 2); font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; letter-spacing:-0.01em; }
.con_classlist_c .con2_2 span.fop1 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#007cd0; }
.con_classlist_c .con2_2 span.fop2 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#f67400; }
.con_classlist_c .con2_2 span.fop3 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#e1290d; }
.con_classlist_c .con2_2 span.fop4 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; }
.con_classlist_c .con2_2 .noti2 { margin:7px 0 0 0; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#f67400; font-size:13px; font-weight:normal; line-height:21px; letter-spacing:-0.02em; word-break:keep-all; background:url("../images/dot_16.png") no-repeat 0 7px; padding:0 0 0 10px; transition:all 0.3s ease; }
.con_classlist_c .con2_2 .noti2 span.fop1 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#555555; }
.con_classlist_c .con2_3 { margin:20px 0 0 0; overflow:hidden; }
.con_classlist_c .con2_3.flop1 { float:right }
.con_classlist_c .con2_3 ul { overflow:hidden; }
.con_classlist_c .con2_3 ul li { float:left; margin:0 8px 0 0; transition:all 0.3s ease; }
.con_classlist_c .con2_3 ul li:last-child { margin:0 0 0 0; }
.con_classlist_c .con2_3 ul li a.link { display:inline-block; padding:4px 20px 4px 20px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#222222; font-size:14px; font-weight:normal; text-align:center; letter-spacing:-0.03em; border:1px solid #999999; border-radius:4px; transition:all 0.3s ease; }
.con_classlist_c .con2_3 ul li a.link.peop1 { pointer-events:none; }
.con_classlist_c .con2_3 ul li a.link.bg1 { background:#ffffff; }
.con_classlist_c .con2_3 ul li a.link.bg2 { background:#927d67; color:#ffffff; border:1px solid #927d67; }
.con_classlist_c .con2_3 ul li a.link.bg3 { background:#666666; color:#ffffff; border:1px solid #666666; }
.con_classlist_c .con2_3 ul li a.link.bg4 { background:#007cd0; color:#ffffff; border:1px solid #007cd0; }
.con_classlist_c .con2_3 ul li a.link.bg5 { background:#269E92;
    color:#ffffff;
    border:1px solid #208f84; }
.con_classlist_c .con2_3 ul li a.link.bg1:hover { background:#666666; border:1px solid #666666; color:#ffffff; }
.con_classlist_c .con2_3 ul li a.link.bg2:hover { background:#725a41; color:#ffffff; border:1px solid #725a41; }
.con_classlist_c .con2_3 ul li a.link.bg3:hover { background:#444444; color:#ffffff; border:1px solid #444444; }
.con_classlist_c .con2_3 ul li a.link.bg4:hover { background:#0166aa; color:#ffffff; border:1px solid #0166aa; }
.con_classlist_c .con2_3 ul li a.link.bg5:hover { background:#20897e;
    color:#ffffff;
    border:1px solid #208f84; }
.con_classlist_c .con2_4 { margin:20px 0 0 2px; overflow:hidden; }
.con_classlist_c .con2_4 ul { overflow:hidden; }
.con_classlist_c .con2_4 ul li { float:left; transition:all 0.3s ease; }
.con_classlist_c .con2_4 ul li.tit1 { width:180px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; font-size:15px; font-weight:normal; letter-spacing:-0.03em; }
.con_classlist_c .con2_4 ul li.tit1 span { 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_classlist_c .con2_4 ul li.desc1 { width:calc(100% - 180px); margin:3px 0 10px 0; }
.con_classlist_c .con2_4 ul li.desc1 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_classlist_c .con2_4 ul li.desc1 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_classlist_ani1 1s ease-in-out; }
.con_classlist_c .con2_4 ul li.tit2 { clear:both; width:180px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; font-size:15px; font-weight:normal; letter-spacing:-0.03em; }
.con_classlist_c .con2_4 ul li.tit2 span { 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_classlist_c .con2_4 ul li.desc2 { width:calc(100% - 180px); margin:3px 0 10px 0; }
.con_classlist_c .con2_4 ul li.desc2 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_classlist_c .con2_4 ul li.desc2 span.gra2 { 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_classlist_ani1 1s ease-in-out; }
@keyframes con_classlist_ani1 { 0% { width:0%; opacity:0.9; transform:translateX(0%) } 100%{ opacity:1; transform:translateX(0)} }

.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% - 393px); 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_box .con1 .con1_2 ul li.btns2 { width:120px; margin:0 15px 0 0; }
.con_searcheg_box .con1 .con1_2 ul li.btns2 a { display:inline-block; width:100%; height:45px; background:#666666; 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.btns2 a:hover { background:#444444; }
.con_searcheg_box .con1 .con1_2 ul li.forms { width:130px; padding:8px 0 0 0; }
.con_searcheg_box .con1 .con1_2 ul li.forms label { display:inline-block; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#444444; font-size:16px; font-weight:normal; letter-spacing:-0.05em; cursor:pointer; }
.con_searcheg_box .con1 .con1_2 ul li.forms input[type="checkbox"] { margin:-2px 5px 0 0; vertical-align:middle; width:20px; height:20px; cursor:pointer; }
.con_searcheg_box .con2 { display:none; position:relative; margin:30px 5% 0 5%; padding:30px 50px 30px 50px; overflow:hidden; background:#ffffff; border:1px solid #e2e2e2; }
.con_searcheg_box .con2 a.link_close { position:absolute; right:0; top:0; display:inline-block; width:30px; height:30px; background:#777777 url("../images/close_04.png") no-repeat center center; background-size:15px; text-indent:-10000px; transition:all 0.3s ease; }
.con_searcheg_box .con2 a.link_close:hover { background:#555555 url("../images/close_04.png") no-repeat center center; background-size:15px; }
.con_searcheg_box .con2 .con2_1 { overflow:hidden; transition:all 0.3s ease; }
.con_searcheg_box .con2 .con2_1 .htit { float:left; width:150px; margin:0 30px 0 0; padding:5px 10px 5px 10px; overflow:hidden; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#333333; font-size:16px; font-weight:normal; text-align:center; letter-spacing:-0.03em; background:#f1f1f1; border-radius:30px; transition:all 0.3s ease; }
.con_searcheg_box .con2 .con2_1 .desc { float:left; width:calc(100% - 180px); padding:3px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
.con_searcheg_box .con2 .con2_1 .desc ul { overflow:hidden; }
.con_searcheg_box .con2 .con2_1 .desc ul li { float:left; transition:all 0.3s ease; }
.con_searcheg_box .con2 .con2_1 .desc ul li.forms1 { width:100px; padding:2px 0 0 0; }
.con_searcheg_box .con2 .con2_1 .desc ul li.forms1 label { display:inline-block; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#444444; font-size:15px; font-weight:normal; letter-spacing:-0.05em; cursor:pointer; }
.con_searcheg_box .con2 .con2_1 .desc ul li.forms1 input[type="checkbox"] { margin:-2px 4px 0 0; vertical-align:middle; width:18px; height:18px; cursor:pointer; }
.con_searcheg_box .con2 .con2_1 .desc ul li.forms2 { width:170px; }
.con_searcheg_box .con2 .con2_1 .desc ul li.forms2 input[type="text"] { width:100%; height:30px; border:1px solid #d8d8d8; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:15px; font-weight:normal; letter-spacing:-0.02em; padding:0 10px 0 10px; }
.con_searcheg_box .con2 .con2_1 .desc ul li.blank { width:30px; text-align:center; }
.con_searcheg_box .con2 .con2_1 .desc ul li.blank span { font-family:"NotoSansKR Bolc","Malgun Gothic","맑은 고딕"; color:#222222; font-size:20px; font-weight:normal; letter-spacing:-0.01em; }
.con_searcheg_box .con2 .con2_1 .desc ul li.forms3 { width:220px; margin:0 0 0 15px; }
.con_searcheg_box .con2 .con2_1 .desc ul li.forms3 dl { overflow:hidden; }
.con_searcheg_box .con2 .con2_1 .desc ul li.forms3 dl dt { float:left; width:33.33333333333333%; transition:all 0.3s ease; }
.con_searcheg_box .con2 .con2_1 .desc ul li.forms3 dl dt a.link { display:inline-block; width:100%; height:30px; padding:4px 0 0 0; background:#ffffff; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#666666; font-size:14px; font-weight:normal; text-align:center; letter-spacing:-0.03em; border:1px solid #d8d8d8; border-width:1px 0 1px 1px; transition:all 0.3s ease; }
.con_searcheg_box .con2 .con2_1 .desc ul li.forms3 dl dt:last-child a.link { border-width:1px 1px 1px 1px; }
.con_searcheg_box .con2 .con2_1 .desc ul li.forms3 dl dt a.link:hover { background:#555555; color:#ffffff; border:1px solid #555555; }
.con_searcheg_box .con2 .con2_1 .desc ul li.forms3 dl dt a.link.on { background:#555555; color:#ffffff; border:1px solid #555555; }
.con_searcheg_box .con2 .con2_2 { margin:20px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
.con_searcheg_box .con2 .con2_2 .htit { float:left; width:150px; margin:0 30px 0 0; padding:5px 10px 5px 10px; overflow:hidden; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#333333; font-size:16px; font-weight:normal; text-align:center; letter-spacing:-0.03em; background:#f1f1f1; border-radius:30px; transition:all 0.3s ease; }
.con_searcheg_box .con2 .con2_2 .desc { float:left; width:calc(100% - 180px); padding:3px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
.con_searcheg_box .con2 .con2_2 .desc ul { overflow:hidden; }
.con_searcheg_box .con2 .con2_2 .desc ul li { float:left; transition:all 0.3s ease; }
.con_searcheg_box .con2 .con2_2 .desc ul li.forms1 { width:210px; padding:2px 0 0 0; }
.con_searcheg_box .con2 .con2_2 .desc ul li.forms1 label { display:inline-block; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#444444; font-size:15px; font-weight:normal; letter-spacing:-0.05em; cursor:pointer; }
.con_searcheg_box .con2 .con2_2 .desc ul li.forms1 input[type="checkbox"] { margin:-2px 4px 0 0; vertical-align:middle; width:18px; height:18px; cursor:pointer; }
.con_searcheg_box .con2 .con2_2 .desc ul li.forms2 { width:120px; padding:2px 0 0 0; }
.con_searcheg_box .con2 .con2_2 .desc ul li.forms2 label { display:inline-block; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#444444; font-size:15px; font-weight:normal; letter-spacing:-0.05em; cursor:pointer; }
.con_searcheg_box .con2 .con2_2 .desc ul li.forms2 input[type="checkbox"] { margin:-2px 4px 0 0; vertical-align:middle; width:18px; height:18px; cursor:pointer; }
.con_searcheg_box .con2 .con2_2 .desc ul li.forms3 { width:300px; }
.con_searcheg_box .con2 .con2_2 .desc ul li.forms3 input[type="text"] { width:100%; height:30px; border:1px solid #d8d8d8; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:15px; font-weight:normal; letter-spacing:-0.02em; padding:0 10px 0 10px; }

.con_searcheg_best { margin:30px 0 0 0; overflow:hidden; border:1px solid #dddddd; padding:20px 30px 30px 30px; background:#fdfbf7; border-radius:4px; transition:all 0.3s ease; }
.con_searcheg_best h3 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; font-size:16px; font-weight:normal; letter-spacing:-0.03em; transition:all 0.3s ease; }
.con_searcheg_best .con1 { margin:10px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
.con_searcheg_best .con1 table { width:100%; }
.con_searcheg_best .con1 th { padding:10px 10px 10px 10px; border:1px solid #e2e2e2; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:14px; text-align:center; font-weight:normal; letter-spacing:-0.03em; transition:all 0.3s ease; }
.con_searcheg_best .con1 th.bg1 { background:#927d67; }
.con_searcheg_best .con1 th.bg2 { background:#67927e; }
.con_searcheg_best .con1 td { padding:10px 15px 4px 15px; border:1px solid #e2e2e2; background:#ffffff; transition:all 0.3s ease; }
.con_searcheg_best .con1 td ul { overflow:hidden; }
.con_searcheg_best .con1 td ul li { float:left; margin:0 10px 6px 0; transition:all 0.3s ease; }
.con_searcheg_best .con1 td ul li:last-child { margin:0 0 0 0; }
.con_searcheg_best .con1 td ul li a { display:inline-block; padding:0 10px 0 10px; background:#f2f2f2; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:13px; font-weight:normal; text-align:center; letter-spacing:-0.02em; border:1px solid #d8d8d8; border-radius:30px; transition:all 0.3s ease; }
.con_searcheg_best .con1 td ul li a:hover { background:#d9d9d9; }
.con_searcheg_best .con1 td ul li a i { display:inline-block; width:16px; height:16px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:10px; font-weight:normal; text-align:center; line-height:16px; letter-spacing:-0.00em; background:#666666; margin:-2px 4px 0 0; border-radius:100%; font-style:normal; vertical-align:middle; }
.con_searcheg_best .con1 td ul li a i.bg1 { background:#007cd0; }
.con_searcheg_best .con1 td ul li a span { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; font-size:12px; font-weight:normal; letter-spacing:-0.01em; margin:0 0 0 5px; }
.con_searcheg_best .con1 td ul li a span.fop1 { color:#e1290d; }
.con_searcheg_best .con1 td ul li a span.fop2 { color:#007cd0; }
.con_searcheg_best .con1 td ul li a span.fop3 { color:#f67400; }

.con_searcheg_myword { margin:15px 0 0 0; overflow:hidden; border:1px solid #dddddd; padding:20px 30px 20px 30px; background:#f5f5f5; border-radius:4px; transition:all 0.3s ease; }
.con_searcheg_myword h3 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; font-size:16px; font-weight:normal; letter-spacing:-0.03em; transition:all 0.3s ease; }
.con_searcheg_myword ul { margin:10px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
.con_searcheg_myword ul li { float:left; margin:0 8px 6px 0; display:inline-block; padding:3px 10px 3px 10px; background:#ffffff; border:1px solid #d8d8d8; border-radius:2px; transition:all 0.3s ease; }
.con_searcheg_myword ul li:last-child { margin:0 0 0 0; }
.con_searcheg_myword ul li a.tit { display:inline-block; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:13px; font-weight:normal; letter-spacing:-0.02em; }
.con_searcheg_myword ul li a.tit:hover { color:#007cd0; }
.con_searcheg_myword ul li a.del { display:inline-block; width:15px; height:15px; background:url("../images/delete_01.png") no-repeat 0 0; text-indent:-10000px; vertical-align:middle; margin:-2px 0 0 5px; }

.con_searcheg_tab { margin:30px 0 0 0; display:table; width:100%; height:70px; table-layout:fixed; border-collapse:collapse; transition:all 0.3s ease; }
.con_searcheg_tab a { display:table-cell; height:70px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#666666; font-size:16px; text-align:center; font-weight:normal; letter-spacing:-0.05em; background:#f2f2f2; border:1px solid #d8d8d8; border-bottom:2px solid #111111; vertical-align:middle; transition:all 0.3s ease; }
.con_searcheg_tab a.on { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; font-size:17px; background:#ffffff; border:2px solid #222222; border-width:2px 2px 0 2px; }
.con_searcheg_tab a span { margin:1px 0 0 0; display:block; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#f67400; font-size:13px; font-weight:normal; letter-spacing:-0.01em; }

.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:30px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
.con_searcheg_c h1 { position:relative; overflow:hidden; background:#f8f8f8; font-family:"NotoSansKR Medium","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 Medium","Malgun Gothic","맑은 고딕"; color:#333333; font-size:17px; font-weight:normal; letter-spacing:-0.03em; }
.con_searcheg_c1 .con1 a span { font-family:"NotoSansKR Medium","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_intro { overflow:hidden; }
.con_intro_c1 { float:left; width:520px; overflow:hidden; transition:all 0.3s ease; }
.con_intro_c2 { float:left; width:calc(100% - 520px); overflow:hidden; transition:all 0.3s ease; }
.con_intro_c2 h2 { margin:20px 0 0 0; font-family:"NotoSansKR Light","Malgun Gothic","맑은 고딕"; color:#31a97c; font-size:36px; font-weight:normal; line-height:42px; letter-spacing:-0.07em; word-break:keep-all; transition:all 0.3s ease; }
.con_intro_c2 h3 { margin:0 0 0 215px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#000000; font-size:26px; font-weight:normal; line-height:35px; letter-spacing:-0.07em; word-break:keep-all; transition:all 0.3s ease; }
.con_intro_c2 h3 span { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#000000; }
.con_intro_c3 { clear:both; padding:30px 0 0 0; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#333333; font-size:17px; font-weight:normal; line-height:26px; letter-spacing:-0.05em; word-break:keep-all; transition:all 0.3s ease; }
.con_intro_c3 span { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#000000; }
@keyframes con_intro_ani1 { 0% { opacity:0.1; transform:translateY(-100%); } 100%{ opacity:1.0; transform:translateY(0); } }
@keyframes con_intro_ani2 { 0% { opacity:0.1; transform:translateY(100%); } 100%{ opacity:1.0; transform:translateY(0); } }

.con_intro2 { margin:40px 0 0 0; overflow:hidden; }
.con_intro2_c1 { float:left; width:50%; overflow:hidden; display:block; height:300px; background-repeat:no-repeat; background-position:center top; background-size:cover; text-indent:-10000px; border:1px solid #d8d8d8; border-radius:8px; transition:all 0.3s ease-in-out; animation:con_intro2_ani1 2s ease; }
.con_intro2_c1_1 { float:right; width:32%; height:45px; transition:all 0.3s ease-in-out; animation:con_intro2_ani1 2s ease; margin:8px 0 0px 0; }
.con_intro2_c1_2 { float:right; width:32%; font-size:20px; transition:all 0.3s ease-in-out; animation:con_intro2_ani1 2s ease; margin:8px 0 50px 0; }
.con_intro2_c2 { float:left; width:50%; overflow:hidden; padding:30px 0 0 50px; }
.con_intro2_c2 h3 { position:relative; padding:13px 0 0 0; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; font-size:21px; font-weight:normal; line-height:30px; letter-spacing:-0.03em; word-break:keep-all; transition:all 0.3s ease; }
.con_intro2_c2 h3 span.bars { position:absolute; left:0px; top:0px; display:inline-block; width:30px; height:3px; background:#f67400; }
.con_intro2_c2 ul { margin:30px 0 0 3px; overflow:hidden; }
.con_intro2_c2 ul li { margin:0 0 8px 0; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#666666; font-size:16px; font-weight:normal; line-height:22px; letter-spacing:-0.02em; background:url("../images/dot_06.png") no-repeat 0 10px; padding:0 0 0 14px; word-break:keep-all; transition:all 0.3s ease; }
.con_intro2_c2 ul li:last-child { margin:0 0 0 0; }
@keyframes con_intro2_ani1 { 0% { opacity:0.3; transform:translateX(-100%); } 100%{ opacity:1.0; transform:translateX(0); } }

.con_intro3 { margin:40px 0 0 0; overflow:hidden; }
.con_intro3_c1 { float:right; width:50%; overflow:hidden; display:block; height:300px; background-repeat:no-repeat; background-position:center top; background-size:cover; text-indent:-10000px; border:1px solid #d8d8d8; border-radius:8px; transition:all 0.3s ease-in-out; animation:con_intro3_ani1 2s ease; }
.con_intro3_c2 { float:left; width:50%; overflow:hidden; padding:30px 0 0 30px; }
.con_intro3_c2 h3 { position:relative; padding:13px 0 0 0; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; font-size:21px; font-weight:normal; line-height:30px; letter-spacing:-0.03em; word-break:keep-all; transition:all 0.3s ease; }
.con_intro3_c2 h3 span.bars { position:absolute; left:0px; top:0px; display:inline-block; width:30px; height:3px; background:#f67400; }
.con_intro3_c2 ul { margin:30px 0 0 3px; overflow:hidden; }
.con_intro3_c2 ul li { margin:0 0 8px 0; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#666666; font-size:16px; font-weight:normal; line-height:22px; letter-spacing:-0.02em; background:url("../images/dot_06.png") no-repeat 0 10px; padding:0 0 0 14px; word-break:keep-all; transition:all 0.3s ease; }
.con_intro3_c2 ul li:last-child { margin:0 0 0 0; }
@keyframes con_intro3_ani1 { 0% { opacity:0.3; transform:translateX(100%); } 100%{ opacity:1.0; transform:translateX(0); } }

.con_history_tit { overflow:hidden; transition:all 0.3s ease; }
.con_history_tit h2 { font-family:"NotoSansKR Light","Malgun Gothic","맑은 고딕"; color:#007cd0; font-size:36px; font-weight:normal; line-height:41px; text-align:center; letter-spacing:-0.07em; word-break:keep-all; transition:all 0.3s ease; animation:con_history_tit_ani1 3s ease; }
.con_history_tit h3 { margin:10px 0 0 0; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#000000; font-size:18px; font-weight:normal; line-height:28px; text-align:center; letter-spacing:-0.05em; word-break:keep-all; transition:all 0.3s ease; animation:con_history_tit_ani2 3s ease; }
.con_history_tit h3 span { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#f67400; }
@keyframes con_history_tit_ani1 { 0% { opacity:0.1; transform:translateX(-50%); } 100%{ opacity:1.0; transform:translateX(0); } }
@keyframes con_history_tit_ani2 { 0% { opacity:0.1; transform:translateX(50%); } 100%{ opacity:1.0; transform:translateX(0); } }

.con_history { margin:50px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
.con_history_c { position:relative; overflow:hidden; background:url("../images/history_02.png") repeat-y center 0; transition:all 0.3s ease; }
.con_history_c h2 { text-align:center; }
.con_history_c h2 span { display:inline-block; padding:15px 100px 15px 100px; font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#333333; font-size:22px; font-weight:normal; text-align:center; letter-spacing:-0.01em; border:1px solid #d9d9d9; border-radius:30px; background:#f9f9f9; }
.con_history_c1 { float:left; width:45%; padding:50px 0 0 70px; transition:all 0.3s ease; }
.con_history_c1 img { border:1px solid #d8d8d8; text-align:center; border-radius:4px; animation:con_history_ani1 3s ease; }
.con_history_c1.op1 { padding-bottom:70px; }
.con_history_c1.op2 { padding-bottom:70px; }
.con_history_c1.op3 { padding-bottom:70px; }
.con_history_c1.op4 { padding-bottom:70px; }
.con_history_c1.op5 { padding-bottom:150px; }
.con_history_c2 { position:absolute; left:49.6%; top:115px; width:50.6%; transition:all 0.3s ease; }
.con_history_c2 ul { overflow:hidden; }
.con_history_c2 ul li { transition:all 0.3s ease; }
.con_history_c2 ul li.tit { clear:both; background:url("../images/history_01.png") no-repeat 0 center, url("../images/history_02.png") repeat-x 0 center; padding:5px 0 5px 60px; }
.con_history_c2 ul li.tit span { display:block; background:#ffffff; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#333333; font-size:25px; font-weight:normal; letter-spacing:-0.01em; padding:0 0 0 10px; }
.con_history_c2 ul li.date { clear:both; float:left; width:19%; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#333333; font-size:18px; font-weight:normal; letter-spacing:-0.01em; padding:0 0 10px 72px; }
.con_history_c2 ul li.desc { float:left; width:81%; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#777777; font-size:16px; font-weight:normal; line-height:22px; letter-spacing:-0.05em; padding:2px 0 10px 0; word-break:keep-all; }
@keyframes con_history_ani1 { 0% { opacity:0.1; transform:translateY(30%); } 100%{ opacity:1.0; transform:translateY(0); } }

.con_lwwrap { margin:25px 0 25px 0; overflow:hidden; display:flex; flex-flow:row wrap; justify-content:flex-start; }
.con_lwwrap.mop1 { margin:0 0 0 0; }
.con_lwwrap_c { width:49%; height:290px; margin:0 2% 0 0; border:1px solid #d8d8d8; padding:20px 20px 20px 20px; border-radius:4px; transition:all 0.3s ease; }
.con_lwwrap_c.wop1 { width:100%; height:auto; margin:0 0 0 0; padding:30px 30px 30px 30px; }
.con_lwwrap_c.wop2 { width:100%; height:auto; margin:0 0 0 0; padding:10px 30px 30px 30px; border:none; }
.con_lwwrap_c:last-child { margin:0 0 0 0; }
.con_lwwrap_c h3 { position:relative; font-family:"NotoSansKR bOLD","Malgun Gothic","맑은 고딕"; color:#111111; font-size:18px; font-weight:normal; letter-spacing:-0.03em; }
.con_lwwrap_c h3 a.more { position:absolute; right:0px; top:5px; display:inline-block; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#666666; font-size:13px; font-weight:normal; letter-spacing:-0.02em; }

/*
.con_lwwrap_c h3 a.more2 { position:absolute; right:0px; top:-1px; display:inline-block; padding:4px 10px 4px 10px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#333333; font-size:14px; font-weight:normal; letter-spacing:-0.03em; border:1px solid #666666; border-radius:4px; transition:all 0.3s ease; }
.con_lwwrap_c h3 a.more2:hover { color:#ffffff; border:1px solid #666666; background:#666666; }
.con_tit a.more2 { position:absolute; right:0px; top:1px; display:inline-block; padding:4px 10px 4px 10px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#333333; font-size:14px; font-weight:normal; letter-spacing:-0.03em; border:1px solid #666666; border-radius:4px; transition:all 0.3s ease; }
.con_tit a.more2:hover { color:#ffffff; border:1px solid #666666; background:#666666; }
 */
 .con_lwwrap_c h3 a.more2 { position:absolute; right:0px; top:-1px; display:inline-block; padding:4px 10px 4px 10px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:14px; font-weight:normal; letter-spacing:-0.03em; border:1px solid #2b8fda; border-radius:4px; transition:all 0.3s ease; background:#2b8fda;}
.con_lwwrap_c h3 a.more2:hover { color:#ffffff; border:1px solid #0c70ba; background:#0c70ba; }
.con_tit a.more2 { position:absolute; right:0px; top:1px; display:inline-block; padding:4px 10px 4px 10px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:14px; font-weight:normal; letter-spacing:-0.03em;border:1px solid #2b8fda; border-radius:4px; transition:all 0.3s ease; background:#2b8fda;}
.con_tit a.more2:hover { color:#ffffff; border:1px solid #0c70ba; background:#0c70ba; }

.con_lwwrap_c .con1 { margin:12px 0 0 0; padding:18px 5px 0 5px; overflow:hidden; border-top:1px solid #111111; transition:all 0.3s ease; }
.con_lwwrap_c .con1 ul { overflow:hidden; }
.con_lwwrap_c .con1 ul li { position:relative; margin:0 0 10px 0; }
.con_lwwrap_c .con1 ul li.nodata { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; text-align:center; letter-spacing:-0.03em; }
.con_lwwrap_c .con1 ul li:last-child { margin:0 0 0 0; }
.con_lwwrap_c .con1 ul li a { display:block; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#333333; font-size:14px; font-weight:normal; letter-spacing:-0.03em; background:url("../images/dot_03.png") no-repeat 0 10px; padding:0 90px 0 10px; word-break:keep-all; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.con_lwwrap_c .con1 ul li span { position:absolute; right:0px; top:0px; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#777777; font-size:13px; font-weight:normal; letter-spacing:-0.01em; }
.con_lwwrap_c .con1 table.op1 { width:100%; }
.con_lwwrap_c .con1 table.op1 th { padding:8px 20px 8px 20px; border:1px solid #d8d8d8; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#333333; font-size:14px; text-align:left; font-weight:normal; letter-spacing:-0.02em; background:#fdfbf7; transition:all 0.3s ease; }
.con_lwwrap_c .con1 table.op1 th.bgop1 { background:#f8fbf6; }
.con_lwwrap_c .con1 table.op1 td { padding:8px 20px 8px 20px; border:1px solid #d8d8d8; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; text-align:left; font-weight:normal; letter-spacing:-0.02em; background:#ffffff; transition:all 0.3s ease; }
.con_lwwrap_c .con1 table.op1 td span.fop1 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#e1290d; }
.con_lwwrap_c .con1 table.op1 td span.fop2 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#f67400; }
.con_lwwrap_c .con1 table.op2 { width:100%; }
.con_lwwrap_c .con1 table.op2 th { padding:5px 5px 5px 5px; border:1px solid #d8d8d8; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#333333; font-size:14px; text-align:center; font-weight:normal; letter-spacing:-0.02em; background:#f4fcfd; transition:all 0.3s ease; }
.con_lwwrap_c .con1 table.op2 th.tit { background:#fbf9f7; text-align:left; padding:5px 15px 5px 15px; }
.con_lwwrap_c .con1 table.op2 td { padding:5px 5px 5px 5px; border:1px solid #d8d8d8; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; text-align:center; font-weight:normal; letter-spacing:-0.02em; transition:all 0.3s ease; }
.con_lwwrap_c .con1 table.op2 td i { display:none; }
.con_lwwrap_c .con1 table.op2 td span.fop1 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#e1290d; }
.con_lwwrap_c .con1 table.op2 td span.fop2 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#f67400; }
.con_lwwrap_c .con1 table.op2 td span.fop3 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#007cd0; }
.con_lwwrap_c .con2 { margin:15px 5px 0 5px; padding:10px 20px 10px 20px; overflow:hidden; background:#f5f5f5; border:1px solid #e2e2e2; border-radius:4px; transition:all 0.3s ease; }
.con_lwwrap_c .con2 ul { overflow:hidden; }
.con_lwwrap_c .con2 ul li { position:relative; margin:0 0 5px 0; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#666666; font-size:13px; font-weight:normal; letter-spacing:-0.03em; background:url("../images/dot_10.png") no-repeat 0 6px; padding:0 10px 0 10px; word-break:keep-all; }
.con_lwwrap_c .con2 ul li:last-child { margin:0 0 0 0; }
.con_lwwrap_c .con2 ul li.fop1 { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#e1290d; }
.con_lwwrap_c .con2 ul li.fop2 { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#f67400; }
.con_lwwrap_c .con3 { margin:5px 0 0 0; overflow:hidden; transition:all 0.3s ease; }

.con_org { padding:50px 20px 50px 20px; overflow:hidden; border:1px solid #e2e2e2; background:#fafafa; border-radius:4px; }
.con_org img { margin:0 auto; }

.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_micro { margin:30px 0 0 0; position:relative; overflow:hidden; transition:all 0.3s ease; }
.con_micro img { width:100%; border:1px solid #e2e2e2; border-radius:20px; transition:all 0.3s ease; animation:con_micro_ani1 1s ease; }
.con_micro a.link1 { position:absolute; left:78.9%; top:33.7%; display:inline-block; width:12%; height:11.2%; border:0px solid #000000; text-indent:-10000px; }
.con_micro a.link2 { position:absolute; left:59.1%; top:47.2%; display:inline-block; width:12%; height:11.2%; border:0px solid #000000; text-indent:-10000px; }
.con_micro a.link3 { position:absolute; left:27.8%; top:18.2%; display:inline-block; width:12%; height:11.2%; border:0px solid #000000; text-indent:-10000px; }
.con_micro a.link4 { position:absolute; left:83.3%; top:77.1%; display:inline-block; width:12%; height:11.2%; border:0px solid #000000; text-indent:-10000px; }
.con_micro a.link5 { position:absolute; left:27.3%; top:57.6%; display:inline-block; width:12%; height:11.2%; border:0px solid #000000; text-indent:-10000px; }
.con_micro a.link6 { position:absolute; left:1.2%; top:69.7%; display:inline-block; width:12%; height:11.2%; border:0px solid #000000; text-indent:-10000px; }
.con_micro a.link7 { position:absolute; left:26.9%; top:81.0%; display:inline-block; width:12%; height:11.2%; border:0px solid #000000; text-indent:-10000px; }

.con_micro a.link2_1 { position:absolute; left:82.5%; top:15.2%; display:inline-block; width:17%; height:5.3%; border:0px solid #000000; text-indent:-10000px; }
.con_micro a.link2_2 { position:absolute; left:28.5%; top:25.9%; display:inline-block; width:17%; height:5.3%; border:0px solid #000000; text-indent:-10000px; }
.con_micro a.link2_3 { position:absolute; left:10.7%; top:42.0%; display:inline-block; width:17%; height:5.3%; border:0px solid #000000; text-indent:-10000px; }
.con_micro a.link2_4 { position:absolute; left:55.0%; top:57.2%; display:inline-block; width:17%; height:5.3%; border:0px solid #000000; text-indent:-10000px; }
.con_micro a.link2_5 { position:absolute; left:10.4%; top:75.9%; display:inline-block; width:17%; height:5.3%; border:0px solid #000000; text-indent:-10000px; }
.con_micro a.link2_6 { position:absolute; left:40.0%; top:92.3%; display:inline-block; width:17%; height:5.3%; border:0px solid #000000; text-indent:-10000px; }
.con_micro a.link2_7 { position:absolute; left:75.0%; top:76.2%; display:inline-block; width:17%; height:5.3%; border:0px solid #000000; text-indent:-10000px; }

.con_micro a.link3_1 { position:absolute; left:78.7%; top:24.3%; display:inline-block; width:17%; height:5.3%; border:0px solid #000000; text-indent:-10000px; }
.con_micro a.link3_2 { position:absolute; left:28.8%; top:25.9%; display:inline-block; width:17%; height:5.3%; border:0px solid #000000; text-indent:-10000px; }
.con_micro a.link3_3 { position:absolute; left:9.1%; top:42.4%; display:inline-block; width:17%; height:5.3%; border:0px solid #000000; text-indent:-10000px; }
.con_micro a.link3_4 { position:absolute; left:55.3%; top:57.2%; display:inline-block; width:17%; height:5.3%; border:0px solid #000000; text-indent:-10000px; }
.con_micro a.link3_5 { position:absolute; left:10.4%; top:75.9%; display:inline-block; width:17%; height:5.3%; border:0px solid #000000; text-indent:-10000px; }
.con_micro a.link3_6 { position:absolute; left:40.0%; top:92.2%; display:inline-block; width:17%; height:5.3%; border:0px solid #000000; text-indent:-10000px; }
.con_micro a.link3_7 { position:absolute; left:75.0%; top:76.2%; display:inline-block; width:17%; height:5.3%; border:0px solid #000000; text-indent:-10000px; }

@keyframes con_micro_ani1 { 0% { opacity:0.1; transform:translateY(10%); } 100%{ opacity:1.0; transform:translateY(0); } }

.con_microlist { margin:10px 0 0 0; padding:30px 50px 25px 50px; overflow:hidden; background:#fafafa; border:1px solid #d8d8d8; border-radius:4px; transition:all 0.3s ease; }
.con_microlist_c { padding:0 0 0 20px; position:relative; transition:all 0.3s ease; }
.con_microlist_c1 { float:left; overflow:hidden; margin:0 20px 10px 0; border:1px solid #d9d9d9; border-radius:4px; box-shadow:3px 3px 3px rgba(0, 0, 0, 0.1); background:#ffffff; }
.con_microlist_c1 .con1 { position:relative; overflow:hidden; border-bottom:1px solid #d9d9d9; }
.con_microlist_c1 .con1 a.imgs { display:block; height:150px; background-repeat:no-repeat; background-position:center center; background-size:cover; text-indent:-10000px; transform:scale(1); transition:all 0.3s ease-in-out; }
.con_microlist_c1 .con1 a.imgs:hover { filter:brightness(95%); transform:scale(1.05); }
.con_microlist_c1 .con1 span.times { position:absolute; right:10px; bottom:10px; display:inline-block; padding:0px 4px 0px 4px; background:#000000; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:10px; font-weight:normal; text-align:center; letter-spacing:0.03em; }
.con_microlist_c1 .con1 a.vods { position:absolute; left:50%; top:35%; display:inline-block; width:55px; height:55px; background:url("../images/vod_01.png") no-repeat 0 0; text-indent:-10000px; margin:0 0 0 -27px; }
.con_microlist_c1 .con2 { position:relative; padding:15px 15px 10px 15px; overflow:hidden; }
.con_microlist_c1 .con2 ul.op1 { overflow:hidden; }
.con_microlist_c1 .con2 ul.op1 li { transition:all 0.3s ease; }
.con_microlist_c1 .con2 ul.op1 li.tit { }
.con_microlist_c1 .con2 ul.op1 li.tit a { display:block; height:45px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#222222; font-size:15px; font-weight:normal; line-height:18px; letter-spacing:-0.03em; }
.con_microlist_c1 .con2 ul.op1 li.tit1 a { display:block; text-align:center; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#222222; font-size:15px; font-weight:normal; line-height:18px; letter-spacing:-0.03em; }
.con_microlist_c1 .con2 ul.op2 { overflow:hidden; }
.con_microlist_c1 .con2 ul.op2 li { transition:all 0.3s ease; }
.con_microlist_c1 .con2 ul.op2 li i { display:inline-block; padding:0 0 2px 22px; background:url("../images/good_04.png") no-repeat 0 2px; background-size:15px; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#333333; font-size:12px; font-weight:normal; letter-spacing:0.01em; font-style:normal; }
.con_microlist_c1 .con2 ul.op2 li i.on { background:url("../images/good_05.png") no-repeat 0 2px; background-size:15px; }
.con_microlist_c .slick-prev { position:absolute; left:-50px; top:110px; display:inline-block; width:35px; height:35px; background:url("../images/arrow_18.png") no-repeat 0 0; background-size:35px; text-indent:-10000px; transition:all 0.3s ease; }
.con_microlist_c .slick-prev:hover { filter:brightness(95%); }
.con_microlist_c .slick-next { position:absolute; right:-30px; top:110px; display:inline-block; width:35px; height:35px; background:url("../images/arrow_19.png") no-repeat 0 0; background-size:35px; text-indent:-10000px; transition:all 0.3s ease; }
.con_microlist_c .slick-next:hover { filter:brightness(95%); }

.con_microlist2 { margin:30px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
.con_microlist2_c { float:left; width:49%; margin:0 2% 20px 0; overflow:hidden; border:1px solid #d9d9d9; border-radius:8px; transition:all 0.3s ease; }
.con_microlist2_c:nth-child(2n) { margin:0 0 20px 0; }
.con_microlist2_c .con1 { position:relative; overflow:hidden; }
.con_microlist2_c .con1 a.imgs { display:block; height:150px; background-repeat:no-repeat; background-position:center center; background-size:cover; text-indent:-10000px; transform:scale(1); transition:all 0.3s ease-in-out; }
.con_microlist2_c .con1 a.imgs:hover { filter:brightness(95%); transform:scale(1.05); }
.con_microlist2_c .con2 { position:relative; overflow:hidden; }
.con_microlist2_c .con2 ul.op1 { overflow:hidden; }
.con_microlist2_c .con2 ul.op1 li { transition:all 0.3s ease; }
.con_microlist2_c .con2 ul.op1 li.tit { }
.con_microlist2_c .con2 ul.op1 li.tit a { display:block; padding:20px 10px 20px 10px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; font-size:15px; font-weight:normal; text-align:center; letter-spacing:-0.03em; background:#f5f5f5; transition:all 0.3s ease; }
.con_microlist2_c .con2 ul.op1 li.tit a:hover { color:#ffffff; background:#47523c; }

.con_microlist3 { padding:30px 40px 40px 40px; overflow:hidden; background:#f8fbf6; border:1px solid #e2e2e2; border-radius:4px; transition:all 0.3s ease; }
.con_microlist3 h3 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#222222; font-size:24px; font-weight:normal; text-align:center; line-height:30px; letter-spacing:-0.05em; transition:all 0.3s ease; }
.con_microlist3 h4 { margin:5px 0 0 0; padding:0 0 30px 0; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#777777; font-size:15px; font-weight:normal; text-align:center; line-height:21px; letter-spacing:-0.03em; word-break:keep-all; transition:all 0.3s ease; }
.con_microlist3_c { float:left; width:32%; overflow:hidden; margin:0 2% 0 0; border-radius:8px; box-shadow:3px 3px 3px rgba(0, 0, 0, 0.1); background:#ffffff; transition:all 0.3s ease; }
.con_microlist3_c:last-child { margin:0 0 0 0; }
.con_microlist3_c .con1 { overflow:hidden; border:1px solid #e2e2e2; border-width:1px 1px 0 1px; }
.con_microlist3_c .con1 a { display:block; height:180px; background-repeat:no-repeat; background-position:center center; background-size:cover; text-indent:-10000px; transform:scale(1); transition:all 0.3s ease-in-out; }
.con_microlist3_c .con1 a:hover { filter:brightness(95%); transform:scale(1.05); }
.con_microlist3_c .con2 { overflow:hidden; border:1px solid #e2e2e2; border-width:0 1px 1px 1px; text-align:center; }
.con_microlist3_c .con2 a { display:block; padding:15px 5px 15px 5px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; font-size:18px; font-weight:normal; text-align:center; letter-spacing:-0.03em; background:#ffffff; transition:all 0.3s ease; }
.con_microlist3_c .con2 a:hover { color:#ffffff; background:#507f62; }

.con_microlist4 { margin:30px 0 0 0; padding:30px 50px 25px 50px; overflow:hidden; background:#f2faff; border:1px solid #e2e2e2; border-radius:4px; transition:all 0.3s ease; }
.con_microlist4 h3 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#222222; font-size:24px; font-weight:normal; text-align:center; line-height:30px; letter-spacing:-0.05em; transition:all 0.3s ease; }
.con_microlist4 h4 { margin:5px 0 0 0; padding:0 0 30px 0; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#777777; font-size:15px; font-weight:normal; text-align:center; line-height:21px; letter-spacing:-0.03em; word-break:keep-all; transition:all 0.3s ease; }
.con_microlist4_c { padding:0 0 0 20px; position:relative; transition:all 0.3s ease; }
.con_microlist4_c1 { float:left; overflow:hidden; margin:0 20px 10px 0; border-radius:8px; box-shadow:3px 3px 3px rgba(0, 0, 0, 0.1); background:#ffffff; }
.con_microlist4_c1 .con1 { position:relative; overflow:hidden; border:1px solid #e2e2e2; border-width:1px 1px 0 1px; }
.con_microlist4_c1 .con1 a { display:block; height:150px; background-repeat:no-repeat; background-position:center center; background-size:cover; text-indent:-10000px; transform:scale(1); transition:all 0.3s ease-in-out; }
.con_microlist4_c1 .con1 a:hover { filter:brightness(95%); transform:scale(1.05); }
.con_microlist4_c1 .con2 { position:relative; overflow:hidden; border:1px solid #e2e2e2; border-width:0 1px 1px 1px; }
.con_microlist4_c1 .con2 a { display:block; padding:15px 5px 15px 5px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; font-size:15px; font-weight:normal; line-height:18px; text-align:center; letter-spacing:-0.03em; transition:all 0.3s ease; }
.con_microlist4_c1 .con2 a:hover { color:#ffffff; background:#19518a; }
.con_microlist4_c .slick-prev { position:absolute; left:-50px; top:80px; display:inline-block; width:35px; height:35px; background:url("../images/arrow_18.png") no-repeat 0 0; background-size:35px; text-indent:-10000px; transition:all 0.3s ease; }
.con_microlist4_c .slick-prev:hover { filter:brightness(95%); }
.con_microlist4_c .slick-next { position:absolute; right:-30px; top:80px; display:inline-block; width:35px; height:35px; background:url("../images/arrow_19.png") no-repeat 0 0; background-size:35px; text-indent:-10000px; transition:all 0.3s ease; }
.con_microlist4_c .slick-next:hover { filter:brightness(95%); }

.con_faq { margin:10px 0 0 0; overflow:hidden; border-top:1px solid #111111; }
.con_faq ul { overflow:hidden; }
.con_faq ul li { transition:all 0.3s ease; }
.con_faq ul li.nodata { padding:20px 0 20px 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_faq ul.faq_q { overflow:hidden; margin:20px 0 0 0; }
.con_faq ul.faq_q li { }
.con_faq ul.faq_q li a { position:relative; display:block; padding:18px 75px 18px 55px; background:#ffffff url("../images/faq_01.png") no-repeat 20px 15px; background-size:25px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#333333; font-size:15px; font-weight:normal; line-height:20px; letter-spacing:-0.03em; border:1px solid #d8d8d8; border-top-left-radius:4px; border-top-right-radius:4px; word-break:keep-all; transition:all 0.3s ease; }
.con_faq ul.faq_q li a:hover { background-color:#f5f5f5; }
.con_faq ul.faq_q li span.arrow { position:absolute; right:30px; top:27px; display:inline-block; width:10px; height:6px; text-indent:-10000px; transition:all 0.3s ease; }
.con_faq ul.faq_q li span.arrow.bg1 { background:url("../images/arrow_down.png") no-repeat 0 0; }
.con_faq ul.faq_q li span.arrow.bg2 { background:url("../images/arrow_up.png") no-repeat 0 0; }
.con_faq ul.faq_q li a:hover span.arrow.bg1 { transform:rotate(90deg); }
.con_faq ul.faq_q li a:hover span.arrow.bg2 { transform:rotate(90deg); }
.con_faq ul.faq_a { display:none; }
.con_faq ul.faq_a li { padding:20px 30px 40px 55px; background:#f9f9f9 url("../images/faq_02.png") no-repeat 20px 20px; background-size:25px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#666666; font-size:15px; font-weight:normal; line-height:23px; letter-spacing:-0.03em; border:1px solid #d8d8d8; border-width:0 1px 1px 1px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; }
.con_faq ul.faq_a li img { margin:10px 0 10px 0; border:1px solid #d8d8d8; }
.con_faq ul.faq_a li span.fop1 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#e1290d; text-decoration:none; }
.con_faq ul.faq_a li span.fop2 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#f67400; text-decoration:none; }

.con_cal { margin:30px 0 0 0; overflow:hidden; }
.con_cal_c1 { overflow:hidden; }
.con_cal_c1 ul { overflow:hidden; display:table; margin-left:auto; margin-right:auto; }
.con_cal_c1 ul li { float:left; margin:0 20px 0 0; }
.con_cal_c1 ul li:last-child { margin:0 0 0 0; }
.con_cal_c1 ul li:first-child { margin:0 10px 0 0; }
.con_cal_c1 ul li:nth-child(2) { margin:0 20px 0 0; }
.con_cal_c1 ul li:nth-child(4) { margin:0 10px 0 0; }
.con_cal_c1 ul li a.link1 { display:inline-block; width:33px; height:33px; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#222222; font-size:15px; font-weight:normal; background:#ffffff; text-align:center; border:1px solid #cccccc; line-height:30px; border-radius:3px; transition:all 0.3s ease; }
.con_cal_c1 ul li a.link1:hover { color:#ffffff; background:#666666; border:1px solid #cccccc; }
.con_cal_c1 ul li.dt { font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#222222; font-size:24px; font-weight:normal; letter-spacing:-0.01em; margin:0 20px 0 0; }
.con_cal_c2 { margin:30px 0 0 0; overflow:hidden; border-top:1px solid #111111; }
.con_cal_c2 table { width:100%; }
.con_cal_c2 th { border:1px solid #d9d9d9; background:#f1f1f1; padding:12px 0 12px 0; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; font-size:15px; text-align:center; font-weight:normal; }
.con_cal_c2 td { border:1px solid #d9d9d9; background:#ffffff; height:120px; vertical-align:top; }
.con_cal_c2 td.today { background:#f5ebd7; }
.con_cal_c2 td h3 { display:block; padding:8px 0 8px 0; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; text-align:center; background:#f9f9f9; border-bottom:1px solid #d9d9d9; }
.con_cal_c2 td h3 span { display:none; }
.con_cal_c2 td.old h3 { color:#aaaaaa; }
.con_cal_c2 td.sat h3 { color:#015eae; }
.con_cal_c2 td.sun h3 { color:#ff3b1d; }
.con_cal_c2 ul { overflow:hidden; margin:15px 10px 10px 10px; }
.con_cal_c2 ul li { margin:0 0 5px 0; }
.con_cal_c2 ul li a { display:block; padding:1px 7px 1px 7px; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:12px; font-weight:normal; text-align:center; letter-spacing:-0.03em; border-radius:3px; background:#6f7784; transition:all 0.1s ease; }
.con_cal_c2 ul li a.bg1 { background:#31a97c; }
.con_cal_c2 ul li a.bg2 { background:#007cd0; }
.con_cal_c2 ul li a.bg3 { background:#7c8598; }
.con_cal_c2 ul li a.bg4 { background:#7c8598; }
.con_cal_c2 ul li a.bg5 { background:#f67400; }
.con_cal_c2 ul li a:hover { filter:brightness(90%); }

.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_facil { margin:15px 0 0 0; overflow:hidden; }
.con_facil img { border-radius:8px; border:1px solid #d8d8d8; transition:all 0.3s ease; animation:con_facil_ani1 2s ease; }
@keyframes con_facil_ani1 { 0% { opacity:0.3; transform:translateY(10%); } 100%{ opacity:1.0; transform:translateY(0); } }

.con_facil2 { margin:15px 0 0 0; overflow:hidden; }
.con_facil2 .con1 { overflow:hidden; transition:all 0.3s ease; }
.con_facil2 .con1 img { border-radius:8px; border:1px solid #d8d8d8; transition:all 0.3s ease; animation:con_facil2_ani1 2s ease; }
.con_facil2 .con2 { margin:10px 0 0 0; padding:20px 30px 13px 30px; overflow:hidden; background:#fafafa; border:1px solid #d8d8d8; border-radius:4px; transition:all 0.3s ease; }
.con_facil2 .con2.bgop1 { background:#fdfbf7; }
.con_facil2 .con2 ul { overflow:hidden; }
.con_facil2 .con2 ul li { margin:0 0 7px 0; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:15px; font-weight:normal; line-height:20px; letter-spacing:-0.02em; background:url("../images/dot_06.png") no-repeat 0 8px; padding:0 0 0 12px; word-break:keep-all; transition:all 0.3s ease; }
.con_facil2 .con2 ul li span.fop1 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; }
.con_facil2 .con2 ul li span.fop2 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#f67400; }
.con_facil2 .con2 ul li span.fop3 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#e1290d; }
@keyframes con_facil2_ani1 { 0% { opacity:0.3; transform:translateY(10%); } 100%{ opacity:1.0; transform:translateY(0); } }

.con_facil3 { margin:30px 0 0 0; overflow:hidden; }
.con_facil3 .con1 { float:left; width:48%; margin:0 4% 0 0; overflow:hidden; transition:all 0.3s ease; }
.con_facil3 .con1 .imgs { margin:15px 0 0 0; transition:all 0.3s ease; }
.con_facil3 .con1 .imgs img { border-radius:8px; border:1px solid #d8d8d8; transition:all 0.3s ease; animation:con_facil3_ani1 2s ease; }
.con_facil3 .con2 { float:left; width:48%; overflow:hidden; transition:all 0.3s ease; }
.con_facil3 .con2 .imgs { margin:15px 0 0 0; transition:all 0.3s ease; }
.con_facil3 .con2 .imgs img { border-radius:8px; border:1px solid #d8d8d8; transition:all 0.3s ease; animation:con_facil3_ani1 2s ease; }
@keyframes con_facil3_ani1 { 0% { opacity:0.3; transform:translateY(10%); } 100%{ opacity:1.0; transform:translateY(0); } }

.con_asp { margin:30px 0 0 0; padding:40px 20px 40px 20px; overflow:hidden; background:#fafafa; border:1px solid #e2e2e2; border-radius:4px; }
.con_asp .con1 { overflow:hidden; transition:all 0.3s ease; animation:con_con_asp1 2s ease; }
.con_asp .con1 ul { overflow:hidden; display:table; margin-left:auto; margin-right:auto; }
.con_asp .con1 ul li { float:left; margin:0 20px 0 0; text-align:center; transition:all 0.3s ease; }
.con_asp .con1 ul li a { display:inline-block; width:80px; height:80px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:16px; font-weight:normal; text-align:center; line-height:80px; border-radius:100%; background:#007cd0; }
.con_asp .con1 ul li a:hover { background:#f67400; transform:rotateY(180deg); transition:transform 0.65s ease-in-out; }
.con_asp .con2 { margin:20px 0 0 0; overflow:hidden; transition:all 0.3s ease; animation:con_con_asp2 2s ease; }
.con_asp .con2 ul { overflow:hidden; display:table; margin-left:auto; margin-right:auto; }
.con_asp .con2 ul li { float:left; margin:0 20px 0 0; text-align:center; transition:all 0.3s ease; }
.con_asp .con2 ul li a { display:inline-block; width:80px; height:80px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:16px; font-weight:normal; text-align:center; line-height:80px; border-radius:100%; background:#31a97c; }
.con_asp .con2 ul li a:hover { background:#927d67; transform:rotateY(180deg); transition:transform 0.65s ease-in-out; }
@keyframes con_con_asp1 { 0% { opacity:0.3; transform:translateX(-50%); } 100%{ opacity:1.0; transform:translateX(0); } }
@keyframes con_con_asp2 { 0% { opacity:0.3; transform:translateX(50%); } 100%{ opacity:1.0; transform:translateX(0); } }

.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 .bg3 { background:url("../images/map_03.png") no-repeat 0 0; }
.con_address3 .bg4 { background:url("../images/map_04.png") no-repeat 0 0; }
.con_address3 .bg5 { background:url("../images/map_05.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_vision { overflow:hidden; padding:40px 30px 40px 30px; border:1px solid #e2e2e2; border-radius:8px; text-align:center; background:#fdfbf7; transition:all 0.3s ease; }
.con_vision h2 { display:inline-block; padding:10px 50px 10px 50px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:20px; font-weight:normal; text-align:center; letter-spacing:-0.02em; border-radius:30px; background:#f67400; animation:con_vision_ani1 3s ease; }
.con_vision h3 { margin:20px 0 0 0; display:block; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#111111; font-size:28px; font-weight:normal; text-align:center; line-height:35px; letter-spacing:-0.05em; word-break:keep-all; transition:all 0.3s ease; animation:con_vision_ani2 3s ease; }
.con_vision h3 span.fop1 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#f67400; }
@keyframes con_vision_ani1 { 0% { opacity:0.1; transform:translateY(-50%); } 100%{ opacity:1.0; transform:translateY(0); } }
@keyframes con_vision_ani2 { 0% { opacity:0.1; transform:translateY(50%); } 100%{ opacity:1.0; transform:translateY(0); } }

.con_vision2 { margin:30px 0 0 0; overflow:hidden; padding:40px 30px 40px 30px; border:1px solid #e2e2e2; border-radius:8px; text-align:center; background:#f8fbf6; transition:all 0.3s ease; }
.con_vision2 h2 { display:inline-block; padding:10px 50px 10px 50px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:20px; font-weight:normal; text-align:center; letter-spacing:-0.02em; border-radius:30px; background:#31a97c; animation:con_vision2_ani1 3s ease; }
.con_vision2 h3 { margin:20px 0 0 0; display:block; font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#111111; font-size:28px; font-weight:normal; text-align:center; line-height:35px; letter-spacing:-0.05em; word-break:keep-all; transition:all 0.3s ease; animation:con_vision2_ani2 3s ease; }
.con_vision2 h3 span.fop1 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#229a6d; }
@keyframes con_vision2_ani1 { 0% { opacity:0.1; transform:translateY(-50%); } 100%{ opacity:1.0; transform:translateY(0); } }
@keyframes con_vision2_ani2 { 0% { opacity:0.1; transform:translateY(50%); } 100%{ opacity:1.0; transform:translateY(0); } }

.con_vision3 { margin:15px 0 0 0; overflow:hidden; padding:50px 40px 40px 40px; border:1px solid #e2e2e2; border-radius:8px; text-align:center; background:#fafafa; transition:all 0.3s ease; }
.con_vision3_c { float:left; width:33.33333333333333%; overflow:hidden; padding:160px 0 0 0; transition:all 0.3s ease; }
.con_vision3_c.bg1 { background:url("../images/vision_01.png") no-repeat center 0, url("../images/bg_01.png") repeat-x 0 70px; animation:con_vision3_ani1 3s ease; }
.con_vision3_c.bg2 { background:url("../images/vision_02.png") no-repeat center 0, url("../images/bg_01.png") repeat-x 0 70px; animation:con_vision3_ani1 3s ease; }
.con_vision3_c.bg3 { background:url("../images/vision_03.png") no-repeat center 0, url("../images/bg_01.png") repeat-x 0 70px; animation:con_vision3_ani1 3s ease; }
.con_vision3_c ul { overflow:hidden; border-right:1px solid #e2e2e2; transition:all 0.3s ease; }
.con_vision3_c ul.bop1 { border-right:none; }
.con_vision3_c ul li { transition:all 0.3s ease; }
.con_vision3_c ul li.tit { font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#222222; font-size:23px; font-weight:normal; line-height:30px; letter-spacing:-0.03em; }
.con_vision3_c ul li.desc { font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#888888; font-size:16px; font-weight:normal; line-height:28px; letter-spacing:-0.01em; }
@keyframes con_vision3_ani1 { 0% { opacity:0.0; transform:translateX(0); } 100%{ opacity:1.0; transform:translateX(0); } }

.con_vision4 { margin:12px 0 0 0; overflow:hidden; }
.con_vision4_c { float:left; width:49%; overflow:hidden; margin:0 2% 20px 0; transition:all 0.3s ease-in-out; }
.con_vision4_c:nth-child(2) { margin:0 0 20px 0; }
.con_vision4_c:nth-child(3) { margin:0 2% 0 0; }
.con_vision4_c:nth-child(4) { margin:0 0 0 0; }
.con_vision4_c .con1 { overflow:hidden; display:block; height:200px; background-repeat:no-repeat; background-position:center top; background-size:cover; text-indent:-10000px; border:1px solid #d8d8d8; border-top-left-radius:8px; border-top-right-radius:8px; transition:all 0.3s ease-in-out; animation:con_vision4_ani1 2s ease; }
.con_vision4_c .con1.poop1 { background-position:center center; }
.con_vision4_c .con2 { overflow:hidden; height:230px; background:#f2f2f2; padding:30px 30px 30px 30px; border-bottom-left-radius:8px; border-bottom-right-radius:8px; border:1px solid #e2e2e2; }
.con_vision4_c .con2 h3 { position:relative; padding:10px 0 0 0; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; font-size:18px; font-weight:normal; line-height:24px; letter-spacing:-0.03em; word-break:keep-all; transition:all 0.3s ease; }
.con_vision4_c .con2 h3 span.bars { position:absolute; left:0px; top:0px; display:inline-block; width:25px; height:3px; background:#f67400; }
.con_vision4_c .con2 ul { margin:15px 0 0 3px; overflow:hidden; }
.con_vision4_c .con2 ul li { margin:0 0 8px 0; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#666666; font-size:16px; font-weight:normal; line-height:22px; letter-spacing:-0.02em; background:url("../images/dot_06.png") no-repeat 0 10px; padding:0 0 0 14px; word-break:keep-all; transition:all 0.3s ease; }
.con_vision4_c .con2 ul li:last-child { margin:0 0 0 0; }
@keyframes con_vision4_ani1 { 0% { opacity:0.3; transform:translateY(30%); } 100%{ opacity:1.0; transform:translateY(0); } }

.con_vision5 { margin:15px 0 0 0; overflow:hidden; padding:50px 40px 40px 40px; border:1px solid #e2e2e2; border-radius:8px; text-align:center; background:#fafafa; transition:all 0.3s ease; }
.con_vision5_c { float:left; width:25%; overflow:hidden; padding:180px 0 0 0; transition:all 0.3s ease; }
.con_vision5_c:last-child { margin:0 0 0 0; }
.con_vision5_c.bg1 { background:url("../images/vision2_01.png") no-repeat center 0, url("../images/bg_01.png") repeat-x 0 80px; background-size:160px, 1px; animation:con_vision5_ani1 3s ease; }
.con_vision5_c.bg2 { background:url("../images/vision2_02.png") no-repeat center 0, url("../images/bg_01.png") repeat-x 0 80px; background-size:160px, 1px; animation:con_vision5_ani1 3s ease; }
.con_vision5_c.bg3 { background:url("../images/vision2_03.png") no-repeat center 0, url("../images/bg_01.png") repeat-x 0 80px; background-size:160px, 1px; animation:con_vision5_ani1 3s ease; }
.con_vision5_c.bg4 { background:url("../images/vision2_04.png") no-repeat center 0, url("../images/bg_01.png") repeat-x 0 80px; background-size:160px, 1px; animation:con_vision5_ani1 3s ease; }
.con_vision5_c ul { overflow:hidden; transition:all 0.3s ease; }
.con_vision5_c ul li { transition:all 0.3s ease; }
.con_vision5_c ul li.desc { font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#888888; font-size:16px; font-weight:normal; line-height:28px; letter-spacing:-0.01em; }
.con_vision5_c ul li.tit { font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#222222; font-size:23px; font-weight:normal; line-height:30px; letter-spacing:-0.03em; }
.con_vision5_c ul li.tit.fop1 { color:#007cd0; }
.con_vision5_c ul li.tit.fop2 { color:#f67400; }
.con_vision5_c ul li.tit.fop3 { color:#31a97c; }
.con_vision5_c ul li.tit.fop4 { color:#927d67; }
@keyframes con_vision5_ani1 { 0% { opacity:0.0; transform:translateY(-30%); } 100%{ opacity:1.0; transform:translateY(0); } }

.con_mileage { margin:30px 0 0 0; overflow:hidden; border:1px solid #cccccc; padding:35px 0 35px 0; background:#fafafa; border-radius:4px; }
.con_mileage ul { display:table; margin-left:auto; margin-right:auto; }
.con_mileage ul li { float:left; transition:all 0.3s ease; }
.con_mileage ul li.tit { padding:10px 12px 10px 62px; background:url("../images/mileage_01.png") no-repeat 0 5px; background-size:50px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#555555; font-size:27px; font-weight:normal; letter-spacing:-0.05em; }
.con_mileage ul li.desc { padding:2px 0 0 0; font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#333333; font-size:25px; font-weight:normal; letter-spacing:-0.03em; animation:con_mileage_ani1 3s ease; }
.con_mileage ul li.desc span { font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#e1290d; font-size:35px; font-weight:normal; letter-spacing:-0.01em; }
@keyframes con_mileage_ani1 { 0% { opacity:0.1; transform:translateX(40%); } 100%{ opacity:1.0; transform:translateX(0); } }

.con_step { margin:50px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
.con_step_c { position:relative; float:left; width:calc((100% - 180px) / 4); margin:0 60px 0 0; transition:all 0.3s ease; }
.con_step_c:last-child { padding:0 0 0 0; margin:0 0 0 0; }
.con_step_c:after { position:absolute; right:-60px; top:40%; content:""; display:inline-block; border:20px solid transparent; border-left-color:#cccccc; }
.con_step_c:last-child:after { content:none; }
.con_step_c:nth-child(1) { animation:con_step_ani1 1s ease; }
.con_step_c:nth-child(2) { animation:con_step_ani2 1s ease; }
.con_step_c:nth-child(3) { animation:con_step_ani3 1s ease; }
.con_step_c:nth-child(4) { animation:con_step_ani4 1s ease; }
.con_step_c h3 { display:block; padding:10px 0 10px 0; border-radius:12px 12px 0 0; font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:20px; font-weight:normal; text-align:center; letter-spacing:-0.03em; transition:all 0.3s ease; }
.con_step_c h3.bgop1 { background:#C8B6A6; }
.con_step_c h3.bgop2 { background:#A4BE7B; }
.con_step_c h3.bgop3 { background:#5F8D4E; }
.con_step_c h3.bgop4 { background:#285430; }
.con_step_c .con1 { display:flex; align-items:center; justify-content:center; height:120px; padding:25px 20px 21px 20px; background:#f2f2f2; border-radius:0 0 12px 12px; word-break:keep-all; transition:all 0.3s ease; }
.con_step_c .con1 ul { width:100%; overflow:hidden; }
.con_step_c .con1 ul li { position:relative; padding:0 0 0 9px; margin:0 0 4px 0; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:15px; font-weight:normal; line-height:1.2; letter-spacing:-0.04em; transition:all 0.3s ease; }
.con_step_c .con1 ul li:before { display:inline-block; position:absolute; left:0; top:8px; content:""; width:3px; height:3px; border-radius:100%; background:#111111; }
.con_step_c .con1 ul li a { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; text-decoration:underline; text-underline-position:under; }
.con_step_c .con1 ul li a:hover { color:#007cd0; }
@keyframes con_step_ani1 { 0% { opacity:1.0; transform:translateX(-100%); } 100%{ opacity:1.0; transform:translateX(0); } }
@keyframes con_step_ani2 { 0% { opacity:1.0; transform:translateX(-200%); } 100%{ opacity:1.0; transform:translateX(0); } }
@keyframes con_step_ani3 { 0% { opacity:1.0; transform:translateX(-300%); } 100%{ opacity:1.0; transform:translateX(0); } }
@keyframes con_step_ani4 { 0% { opacity:1.0; transform:translateX(-400%); } 100%{ opacity:1.0; transform:translateX(0); } }

.con_step2_wrap { margin:50px 0 0 0; padding:40px 40px 40px 40px; overflow:hidden; border:5px solid #cccccc; border-radius:24px; transition:all 0.3s ease; }
.con_step2_wrap1 { margin:50px 0 0 0; padding:40px 40px 40px 40px; overflow:hidden; border:5px solid #B0578D; border-radius:24px; transition:all 0.3s ease; }
.con_step2_wrap2 { margin:50px 0 0 0; padding:40px 40px 40px 40px; overflow:hidden; border:5px solid #008170; border-radius:24px; transition:all 0.3s ease; }
.con_step2_wrap3 { margin:50px 0 0 0; padding:40px 40px 40px 40px; overflow:hidden; border:5px solid #005B41; border-radius:24px; transition:all 0.3s ease; }
.con_step2_wrap4 { margin:50px 0 0 0; padding:40px 40px 40px 40px; overflow:hidden; border:5px solid #040D12; border-radius:24px; transition:all 0.3s ease; }
.con_step2 { display:table; width:100%; table-layout:fixed; border-collapse:collapse; transition:all 0.3s ease; }
.con_step2_c { padding:50px 0 0 0; display:table-cell; position:relative; width:calc((100% - 180px) / 4); background:#f1f1f1; word-break:keep-all; text-align:center; vertical-align:top; border:1px solid #e2e2e2; transition:all 0.3s ease; }
/*
.con_step2_c:nth-child(1) { animation:con_step2_ani1 1s ease; }
.con_step2_c:nth-child(2) { animation:con_step2_ani5 1s ease; }
.con_step2_c:nth-child(3) { animation:con_step2_ani2 1s ease; }
.con_step2_c:nth-child(4) { animation:con_step2_ani5 1s ease; }
.con_step2_c:nth-child(5) { animation:con_step2_ani3 1s ease; }
.con_step2_c:nth-child(6) { animation:con_step2_ani5 1s ease; }
.con_step2_c:nth-child(7) { animation:con_step2_ani4 1s ease; }
*/
.con_step2_c.op1 { width:60px; background:#ffffff; border:none; border-radius:0; padding:0 0 0 20px; vertical-align:middle; }
.con_step2_c i { content:""; display:inline-block; border:20px solid transparent; border-left-color:#cccccc; }
.con_step2_c h3 { position:absolute; left:0px; top:0px; width:100%; display:block; padding:15px 0 15px 0; font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:20px; font-weight:normal; text-align:center; letter-spacing:-0.03em; transition:all 0.3s ease; }
.con_step2_c h3.bgop1 { background:#B0578D; }
.con_step2_c h3.bgop2 { background:#008170; }
.con_step2_c h3.bgop3 { background:#005B41; }
.con_step2_c h3.bgop4 { background:#040D12; }
.con_step2_c .con1 { padding:25px 20px 25px 20px; transition:all 0.3s ease; }
.con_step2_c .con1 ul { }
.con_step2_c .con1 ul li { margin:0 0 10px 0; transition:all 0.3s ease; }
.con_step2_c .con1 ul li:last-child { margin:0 0 0 0; }
.con_step2_c .con1 ul li a { padding:10px 10px 10px 10px; display:block; background:#ffffff; font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#111111; font-size:15px; font-weight:normal; line-height:1.3; text-align:left; letter-spacing:-0.04em;  border:1px solid #cccccc; border-radius:4px; transition:all 0.3s ease; }
.con_step2_c .con1 ul li a:hover { color:#ffffff; background:#444444; border:1px solid #444444; }

/*
@keyframes con_step2_ani1 { 0% { opacity:1.0; transform:translateX(-100%); } 100%{ opacity:1.0; transform:translateX(0); } }
@keyframes con_step2_ani2 { 0% { opacity:1.0; transform:translateX(-200%); } 100%{ opacity:1.0; transform:translateX(0); } }
@keyframes con_step2_ani3 { 0% { opacity:1.0; transform:translateX(-300%); } 100%{ opacity:1.0; transform:translateX(0); } }
@keyframes con_step2_ani4 { 0% { opacity:1.0; transform:translateX(-400%); } 100%{ opacity:1.0; transform:translateX(0); } }
@keyframes con_step2_ani5 { 0% { opacity:0.0; transform:translateX(-500%); } 100%{ opacity:1.0; transform:translateX(0); } }
*/

.con_competence { margin:20px 0 0 0; padding:50px 0 50px 0; overflow:hidden; border:1px solid #e2e2e2; border-radius:8px; transition:all 0.3s ease; }
.con_competence .con1 { position:relative; text-align:center; transition:all 0.3s ease; }
.con_competence .con1 span.fop1 { position:absolute; left:0px; bottom:25px; width:100%; transition:all 0.3s ease; animation:con_competence_ani1 2s ease; }
.con_competence .con1 span.fop1 em { display:inline-block; padding:5px 25px 5px 25px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:18px; font-weight:normal; text-align:center; letter-spacing:-0.03em; font-style:normal; border:1px solid #ffffff; border-radius:30px; background-color:rgba(0, 0, 0, 0.5); transition:all 0.3s ease; }
.con_competence .con1 span.fop2 { position:absolute; left:0px; top:155px; width:100%; transition:all 0.3s ease; animation:con_competence_ani1 2s ease; }
.con_competence .con1 span.fop2 em { display:inline-block; padding:5px 25px 5px 25px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:18px; font-weight:normal; text-align:center; letter-spacing:-0.03em; font-style:normal; border:1px solid #ffffff; border-radius:30px; background-color:rgba(0, 0, 0, 0.5); transition:all 0.3s ease; }

.con_competence .con1 .con1_1 { transition:all 0.3s ease; animation:con_competence_ani1 0.5s ease; }
.con_competence .con1 .con1_1 i { display:inline-block; border:1px solid transparent; border-width:0 300px 300px 300px; border-bottom-color:#666666; }
.con_competence .con1 .con1_2 { position:absolute; left:calc(50% - 230px); top:0px; border-bottom:1px solid #eeeeee; line-height:0; transition:all 0.3s ease; animation:con_competence_ani1 1s ease; }
.con_competence .con1 .con1_2 i { display:inline-block; border:1px solid transparent; border-width:0 0 230px 230px; border-bottom-color:#5c83be; }
.con_competence .con1 .con1_3 { position:absolute; right:calc(50% - 230px); top:0px; border-bottom:1px solid #eeeeee; line-height:0; transition:all 0.3s ease; animation:con_competence_ani1 1s ease; }
.con_competence .con1 .con1_3 i { display:inline-block; border:1px solid transparent; border-width:0 230px 230px 0; border-bottom-color:#7ebb70; }
.con_competence .con1 .con1_4 { position:absolute; right:calc(50% - 120px); top:0px; border-bottom:1px solid #eeeeee; line-height:0; transition:all 0.3s ease; animation:con_competence_ani1 1s ease; }
.con_competence .con1 .con1_4 i { display:inline-block; border:1px solid transparent; border-width:0 120px 120px 0; border-bottom-color:#d9a762; }

.con_competence .con1 .con1_5 { position:absolute; left:calc(50% - 330px); top:80px; width:160px; padding:10px 20px 10px 20px; background:#f2faff; border:1px solid #007cd0; border-radius:8px; transition:all 0.3s ease; animation:con_competence_ani1 2s ease; }
.con_competence .con1 .con1_5 h3 { padding:5px 0 5px 0; background:#007cd0; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:15px; font-weight:normal; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }

.con_competence .con1 .con1_6 { position:absolute; right:calc(50% - 430px); top:115px; width:160px; padding:10px 20px 10px 20px; background:#f8fbf6; border:1px solid #31a97c; border-radius:8px; transition:all 0.3s ease; animation:con_competence_ani1 2s ease; }
.con_competence .con1 .con1_6 h3 { padding:5px 0 5px 0; background:#31a97c; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:15px; font-weight:normal; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }
.con_competence .con1 .con1_6 ul { margin:10px 0 0 0; overflow:hidden; }
.con_competence .con1 .con1_6 ul li { position:relative; padding:0 0 0 10px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#333333; font-size:14px; font-weight:normal; text-align:left; letter-spacing:-0.03em; transition:all 0.3s ease; }
.con_competence .con1 .con1_6 ul li:last-child { margin:0 0 0 0; }
.con_competence .con1 .con1_6 ul li:before { display:inline-block; position:absolute; left:0; top:10px; content:""; width:3px; height:3px; border-radius:100%; background:#111111; }

.con_competence .con1 .con1_7 { position:absolute; right:calc(50% - 290px); top:10px; width:160px; padding:10px 20px 10px 20px; background:#fdf8f7; border:1px solid #f67400; border-radius:8px; transition:all 0.3s ease; animation:con_competence_ani1 2s ease; }
.con_competence .con1 .con1_7 h3 { padding:5px 0 5px 0; background:#f67400; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:15px; font-weight:normal; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }
.con_competence .con1 .con1_7 ul { margin:10px 0 0 0; overflow:hidden; }
.con_competence .con1 .con1_7 ul li { position:relative; padding:0 0 0 10px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#333333; font-size:14px; font-weight:normal; text-align:left; letter-spacing:-0.03em; transition:all 0.3s ease; }
.con_competence .con1 .con1_7 ul li:last-child { margin:0 0 0 0; }
.con_competence .con1 .con1_7 ul li:before { display:inline-block; position:absolute; left:0; top:10px; content:""; width:3px; height:3px; border-radius:100%; background:#111111; }
@keyframes con_competence_ani1 { 0% { opacity:0; transform:translateY(50%); } 100% { opacity:1.0; transform:translateY(0); } }

.con_competence .con2 { margin:50px 30px 0 30px; padding:30px 40px 20px 40px; overflow:hidden; background:#fafafa; border:1px solid #e5e5e5; border-radius:8px; transition:all 0.3s ease; }
.con_competence .con2 ul { overflow:hidden; }
.con_competence .con2 ul li { float:left; margin:0 0 10px 0; transition:all 0.3s ease; }
.con_competence .con2 ul li.tit { clear:both; background:#ffffff; width:130px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; font-size:15px; font-weight:normal; text-align:center; letter-spacing:-0.03em; border:1px solid #999999; border-radius:30px; }
.con_competence .con2 ul li.desc { padding:0 0 0 20px; width:calc(100% - 130px); font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:15px; font-weight:normal; letter-spacing:-0.03em; word-break:keep-all; }

.con_competence2 { margin:50px 0 0 0; overflow:hidden; text-align:center; transition:all 0.3s ease; }
.con_competence2 label { margin:0 20px 0 0; display:inline-block; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#333333; font-size:16px; font-weight:normal; letter-spacing:-0.03em; cursor:pointer; }
.con_competence2 label:last-child { margin:0 0 0 0; }
.con_competence2 input[type="radio"] { margin:-1px 7px 0 0; width:22px; height:22px; cursor:pointer; vertical-align:middle; }

.con_competence3 { margin:30px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
.con_competence3_c { float:left; width:49%; margin:0 2% 30px 0; padding:40px 40px 40px 40px; overflow:hidden; border:1px solid #e2e2e2; border-radius:12px; transition:all 0.3s ease; }
.con_competence3_c:nth-child(2n) { margin:0 0 0 0; }
.con_competence3_c h3 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; font-size:18px; font-weight:normal; letter-spacing:-0.03em; transition:all 0.3s ease; }
.con_competence3_c .con1 { margin:50px 0 0 0; text-align:center; }
.con_competence3_c .con1 img { transition:all 0.3s ease; }

.con_competence3_c2 { padding:40px 40px 40px 40px; overflow:hidden; border:1px solid #e2e2e2; border-radius:12px; transition:all 0.3s ease; }
.con_competence3_c2 h3 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; font-size:18px; font-weight:normal; letter-spacing:-0.03em; transition:all 0.3s ease; }
.con_competence3_c2 .con1 { margin:50px 0 0 0; text-align:center; padding:0 20% 0 20%; transition:all 0.3s ease; }
.con_competence3_c2 .con1 img { transition:all 0.3s ease; }

.con_popup { overflow:hidden; transition:all 0.3s ease; }
.con_popup_c { position:relative; height:70px; background:#404258; padding:20px 30px 20px 30px; transition:all 0.3s ease; }
.con_popup_c h2 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:22px; font-weight:normal; line-height:1.3; letter-spacing:-0.05em; transition:all 0.3s ease;  }
.con_popup_c a.link_close { position:absolute; right:0px; top:0px; display:inline-block; width:70px; height:70px; background:#404258 url("../images/close_01.png") no-repeat center center; background-size:25px; text-indent:-10000px; transition:all 0.3s ease; }
.con_popup_c a.link_close:hover { transform:rotate(180deg); }

.con_popupcont { overflow:hidden; padding:30px 30px 50px 30px; transition:all 0.3s ease; }

.con_eval { margin:20px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
.con_eval_c { overflow:hidden; padding:30px 30px 30px 30px; border:1px solid #e2e2e2; border-radius:8px; transition:all 0.3s ease; }
.con_eval_c h2 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#222222; font-size:16px; font-weight:normal; line-height:1.5; letter-spacing:-0.03em; word-break:keep-all; transition:all 0.3s ease; }
.con_eval_c h3 { margin:20px 0 0 0; background:#999999; display:inline-block; padding:2px 20px 2px 20px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:13px; font-weight:normal; text-align:center; line-height:1.3; font-style:normal; border-radius:30px; transition:all 0.3s ease; }
.con_eval_c ul { width:450px; overflow:hidden; background:#f5f5f5; padding:30px 30px 20px 30px; margin:15px 0 0 0; overflow:hidden; border-radius:12px; transition:all 0.3s ease; }
.con_eval_c ul li { float:left; margin:0 0 15px 0; transition:all 0.3s ease; }
.con_eval_c ul li.tit { width:200px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#222222; font-size:15px; font-weight:normal; line-height:1.3; letter-spacing:-0.03em; margin:0 0 15px 0; transition:all 0.3s ease; }
.con_eval_c ul li.tit i { display:inline-block; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#222222; font-size:17px; font-weight:normal; letter-spacing:-0.03em; margin:-5px 6px 0 0; font-style:normal; vertical-align:middle; transition:all 0.3s ease; }
.con_eval_c ul li.desc { width:calc(100% - 200px); transition:all 0.3s ease; }
.con_eval_c dl { overflow:hidden; }
.con_eval_c dl dt { float:left; margin:0 20px 0 0; transition:all 0.3s ease; }
.con_eval_c dl dt:last-child { margin:0 0 0 0; }
.con_eval_c dl dt i { display:inline-block; width:20px; height:20px; border:1px solid #999999; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#222222; font-size:14px; font-weight:normal; text-align:center; line-height:1.3; font-style:normal; border-radius:100%; }
.con_eval_c dl dt i.on { background:#333333; border:1px solid #333333; color:#ffffff; }

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

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; }
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; }
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; }
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; }
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; }
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; }
a.btn_grey_01 { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:normal; background:#555555; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; }
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; }
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; }
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; }
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; }
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; }
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; }

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; }
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; }
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; }
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; }
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; }
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; }
a.btn_grey_02 { display:inline-block; padding:5px 25px 5px 25px; font-size:14px; font-weight:normal; background:#555555; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; }
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; }
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; }
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; }
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; }
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; }
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; }

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 !important; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; }
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 !important; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; }
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 !important; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; }
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 !important; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; }
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 !important; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; }
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 !important; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; }
a.btn_grey_03 { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:normal; background:#555555; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; }
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 !important; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; }
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 !important; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; }
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 !important; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; }
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 !important; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; }
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 !important; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; }
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; }

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

.ham-button { position:absolute; right:18px; top:23px; z-index:999; }
.ham-button button { display:inline-block; width:27px; height:27px; background:url("../images/megamenu_02.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 DemiLight","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 DemiLight","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 DemiLight","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:1400px){

	.con_mclass { padding:55px 70px 50px 70px; }
	.con_mclass .container { width:100%; }

	.con_mclass2 { padding:55px 70px 50px 70px; }
	.con_mclass2 .container { width:100%; }

}

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

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

	.con_curtain .container { padding:18px 20px 18px 85px; background:url("../images/curtain_01.png") no-repeat 20px 18px; background-size:45px; }

	.con_header .con2 .sch { right:25px; }
	.con_header .gnbs { right:25px; }

	#con_navbar .con_gnb > ul > li > h2 > a { font-size:19px; }
	#con_navbar .con_gnb > ul > li > * { font-size:19px; }
	#con_navbar .con_gnb li ul { height:300px; }
	#con_navbar .con_gnb.wop1 li ul { height:230px; }
	#con_navbar .con_gnb li li a { padding:6px 15px 6px 15px; font-size:14px; }

	.con_navbar2 ul li:after { padding:0 14px 0 14px; }

	.con_navbar3_c1 .con2 ul li a { padding:9px 20px 9px 20px; }

	.con_navbarlw a { height:47px; font-size:17px; }

	.con_footer_c2 .container { padding:100px 0 0 25px; background:url("../images/logo_02.png") no-repeat 25px 35px; }
	.con_footer_c2 span.rdabetter { right:25px; }

	#mainBgSlider .bx-controls { bottom:10px; }

	.con_mclass { padding:55px 50px 50px 50px; }

	.con_mclass2 { padding:55px 50px 50px 50px; }

	.con_mcont_c1 .con1 { width:calc(((100% - 50%) - 4%) / 2); padding:20px 25px 0 25px; }
	.con_mcont_c1 .con2 { width:50%; }
	.con_mcont_c3 ul li a { font-size:15px; }
	.con_mcont_c3 ul li.op1 a { padding:15px 25px 14px 25px; }
	.con_mcont_c3 ul li a em.br { display:block; font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; }

	.con_searchdetail .con1 { padding:30px 30px 30px 30px; }
	.con_searchdetail .con1 dl.forms dt.tit { width:18%; }
	.con_searchdetail .con1 dl.forms dt.desc { width:82%; }
	.con_searchdetail .con1 dl.forms dt.desc.pop2 { padding:10px 10px 15px 20px; }
	.con_searchdetail .con1 dl.forms dt input[type="checkbox"] { margin:-2px 5px 0 0; width:17px; height:17px; }
	.con_searchdetail .con1 dl.forms dt input[type="checkbox"].mop1 { margin:-2px 8px 0 0; }
	.con_searchdetail .con1 dl.forms dt label { font-size:14px; width:70px; }
	.con_searchdetail .con1 dl.forms dt label.wop1 { width:130px; }

	.con_tab2 a.wop3 { width:13%; }
	.con_tab2 a.wop4 { width:15%; }

	.con_tab5 { height:auto; }
	.con_tab5 a { float:left; display:inline-block; width:24%; height:40px; font-size:15px; line-height:40px; margin:0 1.333333333333333% 10px 0; border-bottom:1px solid #d8d8d8; }
	.con_tab5 a:nth-child(4n) { margin:0 0 10px 0; }
	.con_tab5 a.on { border-width:2px 2px 2px 2px; }

	.con_write td ul.survey li { width:100%; margin:0 0 7px 0; }
	.con_write select.wop10 { width:25%; }
	.con_write input[type="text"].wop15 { width:25%; }

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

	.con_imglist_c .con1 { height:160px; }
	.con_imglist_c .con1 a.imgs { height:160px; }
	.con_imglist_c .con2 { padding:15px 15px 15px 15px; }
	.con_imglist_c .con2 a.tit { font-size:15px; }
	.con_imglist_c .con2 a.tit2 { height:50px; font-size:14px; line-height:17px; }

	.con_searcheg_box .con1 { padding:0 10% 0 10%; }
	.con_searcheg_box .con2 { margin:30px 20px 0 20px; padding:30px 30px 30px 30px; }
	.con_searcheg_box .con2 .con2_1 .desc ul li.forms2 { width:140px; }
	.con_searcheg_box .con2 .con2_2 .desc ul li.forms3 { width:250px; }

	.con_searcheg_tab a { font-size:15px; }
	.con_searcheg_tab a.on { font-size:16px; }

	.con_intro2_c1 { height:270px; }
	.con_intro2_c2 { padding:30px 0 0 40px; }

	.con_intro3_c1 { height:270px; }
	.con_intro3_c2 { padding:30px 0 0 30px; }

	.con_history_c1 { padding:50px 20px 0 30px; }
	.con_history_c1.op1 { padding-bottom:70px; }
	.con_history_c1.op2 { padding-bottom:110px; }
	.con_history_c1.op3 { padding-bottom:90px; }
	.con_history_c1.op4 { padding-bottom:90px; }
	.con_history_c1.op5 { padding-bottom:150px; }
	.con_history_c2 ul li.date { width:25%; }
	.con_history_c2 ul li.desc { width:75%; padding:2px 0 10px 0; }

	.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_microlist3_c .con1 a { height:160px; }

	.con_step_c h3 { font-size:19px; }

	.con_step2_c h3 { font-size:19px; }

}

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

/* 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_navbarlw a { height:44px; font-size:15px; }

			.con_header2 a.link_close { right:25px; }
			.con_header2 .con1 { padding:0 0 0 25px; }

			.con_footer_c1 { padding:22px 0 20px 0; }
			.con_footer_c1 .con2 { margin:10px 0 0 0; position:static; float:right; }

			.con_mheader { position:relative; padding:15px 0 15px 0; }
			.con_mheader a.logo { margin:0 0 0 20px; display:inline-block; width:190px; height:60px; background:url("../images/logo_01_1.png") no-repeat 0 0; background-size:190px; 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:21px; 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_mcont { padding:40px 0 40px 0; }
			.con_mcont_c1 .con1 { width:49%; margin:0 2% 0 0; }
			.con_mcont_c1 .con1.mop1 { margin:0 0 0 0; }
			.con_mcont_c1 .con1 ul li.desc { padding:100px 10px 20px 10px; background:#f2f2f2 url("../images/ic_05.png") no-repeat center 30px; }

			.con_mcont_c1 .con2 { margin:25px 0 0 0; width:100%; height:auto; }
			#mainPopupSlider ul li a img { height:auto; }

			.con_mcont_c2 { margin:25px 0 0 0; }
			.con_mcont_c2 .con1 { height:320px; }
			.con_mcont_c2 .con1 ul li a { width:100%; }
			.con_mcont_c2 .con1 ul li a span { margin:2px 0 0 0; display:block; position:static; font-size:13px; }
			.con_mcont_c3 { margin:25px 0 0 0; }
			.con_mcont_c3 ul li { width:49%; margin:0 2% 10px 0; }
			.con_mcont_c3 ul li:nth-child(2n) { margin:0 0 10px 0; }
			.con_mcont_c3 ul li.op1 a { padding:25px 25px 25px 25px; }
			.con_mcont_c3 ul li a em.br { display:none; }

			.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 DemiLight","Malgun Gothic","맑은 고딕"; border:none; color:#555555; font-size:13px; 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:#646464; }

			.con_mlnb { overflow:hidden; border:1px solid #e3e3e3; border-width:1px 0 1px 0; }
			.con_mlnb ul { overflow:hidden; }
			.con_mlnb ul li { float:left; width:20%; }
			.con_mlnb ul li a { display:inline-block; width:100%; padding:11px 0 11px 0; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#222222; font-size:17px; font-weight:normal; text-align:center; letter-spacing:-0.03em; }
			.con_mlnb ul li a.on { color:#1187cf; border-bottom:3px solid #1187cf; }

			#mainBgSlider { display:none; }

			#mainBgSlider2 ul li  { height:300px; }
			#mainBgSlider2 ul li a { height:300px; }

			.con_mvisual .con1 { top:70px; }
			.con_mvisual .con1 h2 { font-size:18px; line-height:26px; }
			.con_mvisual .con1 h1 { margin:18px 0 0 0; font-size:36px; line-height:36px; }

			#mainBgSlider_m { display:block; }
			#mainBgSlider_m ul li  { }
			#mainBgSlider_m ul li a { display:block; }
			#mainBgSlider_m ul li a img { width:100%; }
			#mainBgSlider_m .bx-controls div { display:inline-block; }
			#mainBgSlider_m .bx-controls { position:absolute; right:0; bottom:0; width:180px; height:25px; text-align:left; background:rgba(0,0,0,0.6); z-index:99; margin:0 0 0 -90px; transition:all 0.3s ease; }
			#mainBgSlider_m .bx-controls .bx-pager { width:60px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:12px; font-weight:normal; line-height:25px; text-align:center; letter-spacing:-0.01em; }
			#mainBgSlider_m .bx-controls .bx-controls-direction a,
			#mainBgSlider_m .bx-controls .bx-controls-auto a { display:inline-block; width:40px; height:25px; position:absolute; bottom:0; border-left:1px solid #999999; text-indent:-9999px; }
			#mainBgSlider_m .bx-controls .bx-prev { background:url("../images/ic_visualCtrl_prev.png") center center no-repeat; }
			#mainBgSlider_m .bx-controls .bx-next { left:140px; background:url("../images/ic_visualCtrl_next.png") center center no-repeat; }
			#mainBgSlider_m .bx-controls .bx-start { left:100px; background:url("../images/ic_visualCtrl_start.png") center center no-repeat; }
			#mainBgSlider_m .bx-controls .bx-stop { left:100px; background:url("../images/ic_visualCtrl_stop.png") center center no-repeat; }
			#mainBgSlider_m .bx-controls .bx-controls-auto-item a.active { display:none; }

			.con_mquick { padding:20px 0 20px 0; }
			.con_mquick .container { padding:0 0 0 0; }
			.con_mquick ul li a { padding:72px 0 18px 0; font-size:14px; }
			.con_mquick ul li a.bg1 { background:url("../images/mquick_01.png") no-repeat center 20px; background-size:55px; }
			.con_mquick ul li a.bg2 { background:url("../images/mquick_02.png") no-repeat center 16px; background-size:40px; }
			.con_mquick ul li a.bg3 { background:url("../images/mquick_03.png") no-repeat center 21px; background-size:50px; }
			.con_mquick ul li a.bg4 { background:url("../images/mquick_04.png") no-repeat center 18px; background-size:40px; }
			.con_mquick ul li a.bg5 { background:url("../images/mquick_05.png") no-repeat center 18px; background-size:44px; }
			.con_mquick ul li a.bg6 { background:url("../images/mquick_06.png") no-repeat center 20px; background-size:40px; }
			.con_mquick ul li a.bg7 { background:url("../images/mquick_07.png") no-repeat center 18px; background-size:30px; }
			.con_mquick ul li a.bg8 { background:url("../images/mquick_08.png") no-repeat center 19px; background-size:45px; }
			.con_mquick ul li a.bg9 { background:url("../images/mquick_09.png") no-repeat center 19px; background-size:45px; }
			.con_mquick ul li a.bg10 { background:url("../images/mquick_10.png") no-repeat center 19px; background-size:44px; }
			.con_mquick ul li a.bg11 { background:url("../images/mquick_11.png") no-repeat center 19px; background-size:45px; }
			.con_mquick ul li a:hover { background-color:#e0e0e0; }

			.con_mclass { padding:45px 50px 40px 50px; }
			.con_mclass h3 { font-size:28px; }
			.con_mclass_tab { margin:27px 0 0 0; }
			.con_mclass_c { margin:30px 0 0 0; }

			.con_mclass2 { padding:45px 50px 40px 50px; }
			.con_mclass2 h3 { font-size:28px; }
			.con_mclass2 h4 { margin:13px 0 0 0; font-size:14px; }
			.con_mclass2_c { margin:30px 0 0 0; }

			.con_scon { padding:20px 0 50px 0; }
			.con_scon.pop1 { padding:30px 25px 40px 25px; }

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

			.con_pagetit2 { padding:0 0 25px 0; }
			.con_pagetit2 h1 { font-size:23px; }
			.con_pagetit2 span { width:23px; }

			.con_search ul li.tit { width:12%; font-size:15px; }
			.con_search ul li.desc { width:38%; }
			.con_search ul li.desc2 { width:88%; }
			.con_search ul li select.wop1 { width:30%; }
			.con_search ul li select.wop2 { width:100%; }
			.con_search ul li select.wop3 { width:100%; }
			.con_search ul li select.wop4 { width:80%; }

			.con_search2 .con2 ul.forms li { margin:0 0 10px 0; }
			.con_search2 .con2 ul.forms li.desc label { margin:0 15px 5px 0; }

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

			.con_listcus2 { margin:10px 0 0 0; border-top:1px solid #111111; }
			.con_listcus2 ul { display:block; overflow:hidden; border-bottom:1px solid #d4d4d4; padding:17px 10px 13px 10px; }
			.con_listcus2 ul.reply { padding:0 10px 13px 10px; }
			.con_listcus2 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_listcus2 ul li.nodata { display:block; font-size:14px; }
			.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.file { }
			.con_listcus2 ul li.file img { margin:-1px 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; 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; margin:5px 0 4px 0; }
			.con_listcus2 ul li.desc4 { font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; }
			.con_listcus2 ul li span.top { padding:1px 8px 1px 8px; font-size:12px; margin:0 5px 0 0; }
			.con_listcus2 ul li span.target { width:15px; height:15px; background-size:15px; margin:-3px 6px 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 span.noti_label.bg3 { background:#f67400; }
			.con_listcus2 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_listcus2 ul li span.class_label.bg1 { background:#4b96e7; }
			.con_listcus2 ul li span.class_label.bg2 { background:#927d67; }
			.con_listcus2 ul li span.class_label.bg3 { background:#31a97c; }
			.con_listcus2 ul li span.class_label.bg4 { background:#937f76; }
			.con_listcus2 ul li span.class_label.bg5 { background:#f2f2f2; padding:0 12px 0 12px; color:#555555; border:1px solid #cccccc; }
			.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_listcus3 ul.op1 li { padding:15px 5px 15px 5px; font-size:13px; line-height:17px; }
			.con_listcus3 ul.op1 li dl dt { font-size:13px; }
			.con_listcus3 ul.header.op1 li { padding:15px 5px 15px 5px; font-size:13px; }
			.con_listcus3 ul.op1 li span.status { font-size:13px; }
			.con_listcus3 a.link.fop1 { font-size:12px; }

			.con_listcus5 th { font-size:14px; line-height:20px; }
			.con_listcus5 td { font-size:14px; line-height:20px; }
			.con_listcus5 td a { font-size:14px; line-height:20px; }
			.con_listcus5 td span.sc { font-size:14px; }
			.con_listcus5 td em { font-size:14px; }

			.con_listcus6 th { font-size:14px; }

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

			.con_write td ul.survey li { width:100%; margin:0 0 7px 0; }
			.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 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 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_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_tab2 a { font-size:14px; }
			.con_tab2 a.wop1 { width:13%; }
			.con_tab2 a.wop2 { width:24%; }
			.con_tab2 a.wop3 { width:13.5%; }
			.con_tab2 a.wop4 { width:16.5%; }
			.con_tab2 a.wop5 { width:28%; }

			.con_tab4 ul li a { font-size:15px; }
			.con_tab4 ul li a span { font-size:13px; }

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

			.con_tab6 a { font-size:15px; }

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

			.con_imglist_c { width:49%; margin:0 2% 20px 0; }
			.con_imglist_c:nth-child(2n) { margin:0 0 20px 0; }
			.con_imglist_c .con1 { height:180px; }
			.con_imglist_c .con1 a.imgs { height:180px; }
			.con_imglist_c .con2 { padding:15px 20px 20px 20px; }
			.con_imglist_c .con2 a.tit { font-size:16px; }
			.con_imglist_c .con2 a.tit2 { height:38px; font-size:14px; line-height:18px; }
			.con_imglist_c .con2 a.btns { margin:8px 0 0 0; font-size:14px; }
			.con_imglist_c .con2 a.btns2 { margin:8px 0 0 0; font-size:14px; }

			.con_classlist_c .con1 { width:100%; margin:0 0 0 0; }
			.con_classlist_c .con2 { width:100%; margin:20px 0 0 0; }
			.con_classlist_c .con2.mop1 { margin:10px 0 0 0; }
			.con_classlist_c .con2.wop1 { margin:0 0 0 0; }
			.con_classlist_c .con2.wop2 { margin:0 0 0 0; }
			.con_classlist_c .con2.pop1 { padding:0 0 0 0; }
			.con_classlist_c .con2_2 ul.op3 li.desc { margin:0 40px 0 0; }

			.con_intro_c2 { width:100%; }
			.con_intro_c2 h2 { margin:30px 0 0 0; font-size:34px; }
			.con_intro_c2 h3 { margin:20px 0 0 0; font-size:24px; }
			.con_intro_c3 { padding:20px 0 0 0; }

			.con_intro2 { margin:30px 0 0 0; }
			.con_intro2_c1 { width:40%; height:250px; }
			.con_intro2_c2 { width:60%; padding:30px 0 0 30px; }
			.con_intro2_c2 h3 { font-size:20px; }

			.con_intro3 { margin:30px 0 0 0; }
			.con_intro3_c1 { width:40%; height:250px; }
			.con_intro3_c2 { width:60%; padding:30px 0 0 20px; }
			.con_intro3_c2 h3 { font-size:20px; }

			.con_searcheg_box .con1 { padding:0 7% 0 7%; }
			.con_searcheg_box .con2 { margin:30px 20px 0 20px; padding:30px 20px 30px 20px; }
			.con_searcheg_box .con2 .con2_1 .htit { width:100px; margin:0 20px 0 0; font-size:15px; }
			.con_searcheg_box .con2 .con2_1 .desc { width:calc(100% - 120px); }
			.con_searcheg_box .con2 .con2_1 .desc ul li.forms1 { width:90px; }
			.con_searcheg_box .con2 .con2_1 .desc ul li.forms1 label { font-size:14px; }
			.con_searcheg_box .con2 .con2_1 .desc ul li.forms2 { width:120px; }
			.con_searcheg_box .con2 .con2_1 .desc ul li.forms2 input[type="text"] { font-size:14px; padding:0 5px 0 5px; }
			.con_searcheg_box .con2 .con2_1 .desc ul li.blank { width:25px; }
			.con_searcheg_box .con2 .con2_1 .desc ul li.forms3 { width:140px; margin:0 0 0 10px; }
			.con_searcheg_box .con2 .con2_2 { margin:15px 0 0 0; }
			.con_searcheg_box .con2 .con2_2 .htit { width:100px; margin:0 20px 0 0; font-size:15px; }
			.con_searcheg_box .con2 .con2_2 .desc { width:calc(100% - 120px); }
			.con_searcheg_box .con2 .con2_2 .desc ul li.forms1 { width:190px; }
			.con_searcheg_box .con2 .con2_2 .desc ul li.forms1 label { font-size:14px; }
			.con_searcheg_box .con2 .con2_2 .desc ul li.forms2 { width:110px; }
			.con_searcheg_box .con2 .con2_2 .desc ul li.forms2 label { font-size:14px; }
			.con_searcheg_box .con2 .con2_2 .desc ul li.forms3 { width:190px; }
			.con_searcheg_box .con2 .con2_2 .desc ul li.forms3 input[type="text"] { font-size:14px; padding:0 5px 0 5px; }

			.con_searcheg_tab a { font-size:14px; }
			.con_searcheg_tab a.on { font-size:15px; }

			.con_history_c1 { padding:50px 20px 0 30px; }
			.con_history_c1.op1 { padding-bottom:90px; }
			.con_history_c1.op2 { padding-bottom:150px; }
			.con_history_c1.op3 { padding-bottom:90px; }
			.con_history_c1.op4 { padding-bottom:90px; }
			.con_history_c1.op5 { padding-bottom:150px; }
			.con_history_c2 { top:100px; }
			.con_history_c2 ul li.tit span { font-size:23px; }
			.con_history_c2 ul li.date { width:30%; font-size:16px; }
			.con_history_c2 ul li.desc { width:70%; font-size:15px; line-height:20px; padding:1px 0 10px 0; }

			.con_lwwrap { margin:0 0 0 0; }
			.con_lwwrap_c { width:100%; height:auto; margin:20px 0 0 0; }
			.con_lwwrap_c:last-child { margin:20px 0 0 0; }
			.con_lwwrap_c.wop2:last-child { margin:0 0 0 0; }

			.con_microlist3 { padding:25px 30px 30px 30px; }
			.con_microlist3 h3 { font-size:23px; line-height:29px; }
			.con_microlist3 h4 { font-size:14px; line-height:20px; }
			.con_microlist3_c .con1 a { height:140px; }
			.con_microlist3_c .con2 a { padding:12px 10px 12px 10px; font-size:16px; }

			.con_microlist4 { margin:25px 0 0 0; padding:25px 50px 25px 50px; }
			.con_microlist4 h3 { font-size:23px; line-height:29px; }
			.con_microlist4 h4 { font-size:14px; line-height:20px; }
			.con_microlist4_c1 .con2 a { padding:13px 5px 13px 5px; }

			.con_asp { padding:30px 30px 15px 30px; }
			.con_asp .con1 ul { overflow:hidden; display:block; }
			.con_asp .con1 ul li { width:24%; margin:0 1.333333333333333% 12px 0; }
			.con_asp .con1 ul li:nth-child(4n) { margin:0 0 12px 0; }
			.con_asp .con1 ul li a { width:100%; height:50px; font-size:16px; line-height:50px; border-radius:30px; transition:all 0.3s ease; }
			.con_asp .con1 ul li a:hover { transform:none; }
			.con_asp .con2 { margin:0 0 0 0; }
			.con_asp .con2 ul { overflow:hidden; display:block; }
			.con_asp .con2 ul li { width:24%; margin:0 1.333333333333333% 12px 0; }
			.con_asp .con2 ul li:nth-child(4n) { margin:0 0 12px 0; }
			.con_asp .con2 ul li a { width:100%; height:50px; font-size:16px; line-height:50px; border-radius:30px; transition:all 0.3s ease; }
			.con_asp .con2 ul li a:hover { transform:none; }

			.con_vision4_c .con2 { padding:25px 25px 25px 25px; }
			.con_vision4_c .con2 h3 { padding:10px 0 0 0; font-size:17px; line-height:23px; }
			.con_vision4_c .con2 ul li { margin:0 0 6px 0; font-size:15px; line-height:21px; background:url("../images/dot_06.png") no-repeat 0 9px; padding:0 0 0 12px; }

			.con_vision5 { margin:10px 0 0 0; padding:30px 20px 30px 20px; }
			.con_vision5_c { padding:160px 0 0 0; }
			.con_vision5_c.bg1 { background:url("../images/vision2_01.png") no-repeat center 0, url("../images/bg_01.png") repeat-x 0 70px; background-size:140px, 1px; }
			.con_vision5_c.bg2 { background:url("../images/vision2_02.png") no-repeat center 0, url("../images/bg_01.png") repeat-x 0 70px; background-size:140px, 1px; }
			.con_vision5_c.bg3 { background:url("../images/vision2_03.png") no-repeat center 0, url("../images/bg_01.png") repeat-x 0 70px; background-size:140px, 1px; }
			.con_vision5_c.bg4 { background:url("../images/vision2_04.png") no-repeat center 0, url("../images/bg_01.png") repeat-x 0 70px; background-size:140px, 1px; }
			.con_vision5_c ul li.desc { font-size:15px; }
			.con_vision5_c ul li.tit { font-size:21px; line-height:25px; }

			.con_step { margin:40px 0 0 0; }
			.con_step_c { width:calc((100% - 135px) / 4); margin:0 45px 0 0; }
			.con_step_c:after { right:-45px; top:38%; border:15px solid transparent; border-left-color:#cccccc; }
			.con_step_c h3 { font-size:18px; }

			.con_step2_wrap { margin:40px 0 0 0; padding:30px 30px 30px 30px; border:3px solid #cccccc; border-radius:12px; }
			.con_step2_c { padding:45px 0 0 0; width:calc((100% - 135px) / 4); }
			.con_step2_c.op1 { width:45px; padding:0 0 0 15px; }
			.con_step2_c:after { border:15px solid transparent; }
			.con_step2_c h3 { font-size:18px; }

			.con_competence { padding:60px 0 50px 0; }
			.con_competence .con1 span.fop1 { bottom:30px; }
			.con_competence .con1 span.fop1 em { padding:3px 20px 3px 20px; font-size:16px; }
			.con_competence .con1 span.fop2 { top:120px; }
			.con_competence .con1 span.fop2 em { padding:3px 20px 3px 20px; font-size:16px; }
			.con_competence .con1 .con1_1 i { border-width:0 250px 250px 250px; }
			.con_competence .con1 .con1_2 { left:calc(50% - 180px); }
			.con_competence .con1 .con1_2 i { border-width:0 0 180px 180px; }
			.con_competence .con1 .con1_3 { right:calc(50% - 180px); }
			.con_competence .con1 .con1_3 i { border-width:0 180px 180px 0; }
			.con_competence .con1 .con1_4 { right:calc(50% - 100px); }
			.con_competence .con1 .con1_4 i { border-width:0 100px 100px 0; }

			.con_competence .con1 .con1_5 { left:calc(50% - 190px); top:50px; width:150px; padding:10px 15px 10px 15px; }
			.con_competence .con1 .con1_5 h3 { padding:3px 0 3px 0; font-size:15px; }

			.con_competence .con1 .con1_6 { right:calc(50% - 250px); top:50px; width:150px; padding:10px 15px 10px 15px; }
			.con_competence .con1 .con1_6 h3 { padding:3px 0 3px 0; font-size:15px; }
			.con_competence .con1 .con1_6 ul { margin:8px 0 0 0; }
			.con_competence .con1 .con1_6 ul li { padding:0 0 0 8px; font-size:13px; }
			.con_competence .con1 .con1_6 ul li:before { top:10px; }

			.con_competence .con1 .con1_7 { right:calc(50% - 165px); top:-35px; width:150px; padding:10px 15px 10px 15px; }
			.con_competence .con1 .con1_7 h3 { padding:3px 0 3px 0; font-size:15px; }
			.con_competence .con1 .con1_7 ul { margin:8px 0 0 0; }
			.con_competence .con1 .con1_7 ul li { padding:0 0 0 8px; font-size:13px; }
			.con_competence .con1 .con1_7 ul li:before { top:10px; }

			.con_competence3_c { padding:30px 30px 30px 30px; }
			.con_competence3_c h3 { font-size:17px; }
			.con_competence3_c .con1 { margin:30px 0 0 0; }

			.con_competence3_c2 { padding:30px 30px 30px 30px; }
			.con_competence3_c2 h3 { font-size:17px; }
			.con_competence3_c2 .con1 { margin:30px 0 0 0; padding:0 0 0 0; }

}

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

/* 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; }

						a.btn_red_03 { padding:2px 7px 2px 7px; font-size:11px; }
						a.btn_reddish_03 { padding:2px 7px 2px 7px; font-size:11px; }
						a.btn_orange_03 { padding:2px 7px 2px 7px; font-size:11px; }
						a.btn_blue_03 { padding:2px 7px 2px 7px; font-size:11px; }
						a.btn_sky_03 { padding:2px 7px 2px 7px; font-size:11px; }
						a.btn_green_03 { padding:2px 7px 2px 7px; font-size:11px; }
						a.btn_grey_03 { padding:2px 7px 2px 7px; font-size:11px; }
						a.btn_brown_03 { padding:2px 7px 2px 7px; font-size:11px; }
						a.btn_purple_03 { padding:2px 7px 2px 7px; font-size:11px; }
						a.btn_black_03 { padding:2px 7px 2px 7px; font-size:11px; }
						a.btn_turquoise_03 { padding:2px 7px 2px 7px; font-size:11px; }
						a.btn_bluegreen_03 { padding:2px 7px 2px 7px; font-size:11px; }
						a.btn_blank_03 { padding:2px 7px 2px 7px; font-size:11px; }

						.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_curtain .container { padding:18px 20px 18px 85px; background:url("../images/curtain_01.png") no-repeat 20px 18px; background-size:45px; }
						.con_curtain h3 { font-size:15px; line-height:20px; }
						.con_curtain a.tit { font-size:15px; line-height:20px; }
						.con_curtain .desc { margin:5px 0 0 0; font-size:12px; line-height:19px; }
						.con_curtain .btns { margin:7px 0 0 0; }
						.con_curtain .btns label { font-size:12px; }
						.con_curtain .btns input[type="checkbox"] { margin:-2px 3px 0 0; width:14px; height:14px; }
						.con_curtain .btns a.link_close { margin:0 0 0 4px; padding:1px 8px 1px 8px; font-size:11px; }

						.con_header2 { height:70px; }
						.con_header2 a.link_close { right:20px; top:25px; width:23px; height:23px; background-size:23px; }
						.con_header2 .con1 { padding:0 0 0 20px; }
						.con_header2 .con1 a.logo { width:166px; height:30px; background-size:166px; margin-top:20px; }
						.con_header2 .con1 span.logotxt { font-size:17px; margin:22px 0 0 10px; }

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

						.con_mlnb ul li { width:25%; }
						.con_mlnb ul li a { padding:10px 0 10px 0; font-size:15px; }

						.con_navbarlw { display:flex; flex-flow:row wrap; justify-content:flex-start; }
						.con_navbarlw a { display:inline-block; width:25%; height:40px; font-size:14px; line-height:40px; border-width:0 1px 1px 0; }
						.con_navbarlw a:nth-child(4) { border-width:0 0 1px 0; }
						.con_navbarlw a:nth-child(7) { border-width:0 1px 1px 0; }
						.con_navbarlw a:last-child { border-width:0 1px 1px 0; }

						#con_footer { padding:0 0 30px 0; }
						.con_footer_c1 { padding:20px 0 20px 0; }
						.con_footer_c1 .con1 ul li.tit { padding:0 0 0 27px; background:url("../images/contact_01.png") no-repeat 0 center; font-size:14px; }
						.con_footer_c1 .con1 ul li.tit2 { padding:0 0 0 50px; font-size:14px; }
						.con_footer_c1 .con1 ul li.desc { margin:-4px 0 0 5px; font-size:18px; }
						.con_footer_c1 .con1 ul li.desc2 { clear:both; margin:2px 0 0 25px; font-size:12px; line-height:18px; }
						.con_footer_c1 .con2 { margin:12px 0 0 0; }
						.con_footer_c1 .con2 ul li .con_select { width:180px; height:30px; }
						.con_footer_c1 .con2 ul li .con_select label { top:4px; font-size:13px; }
						.con_footer_c1 .con2 ul li .con_select_c { height:30px; min-height:30px; line-height:30px; padding:10px 10px 10px 10px; font-size:13px; }
						.con_footer_c1 .con2 ul li.btns  { margin:2px 0 0 0; }
						.con_footer_c1 .con2 ul li a { height:26px; padding:0 10px 0 10px; font-size:13px; line-height:26px; }
						.con_footer_c2 .container { padding:75px 20px 0 20px; background:url("../images/logo_02_1.png") no-repeat 20px 20px; background-size:180px; }
						.con_footer_c2 span.rdabetter { right:20px; top:18px; width:150px; height:39px; background-size:150px; }
						.con_footer_c2 .con1 ul li a { font-size:13px; }
						.con_footer_c2 .con1 ul li:after { font-size:12px; padding:0 10px 0 10px; }
						.con_footer_c2 .con2 { margin:13px 0 0 0; }
						.con_footer_c2 .con2 .con2_1 { font-size:12px; line-height:17px; }
						.con_footer_c2 .con2 .con2_1 span.blank1 { margin:0 6px 0 6px; }
						.con_footer_c2 .con2 .con2_2 { margin:4px 0 0 0; font-size:12px; line-height:17px; }

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

						#mainBgSlider2 ul li  { height:280px; }
						#mainBgSlider2 ul li a { height:280px; }

						.con_mvisual .con1 { top:50px; }
						.con_mvisual .con1 h2 { font-size:15px; line-height:22px; }
						.con_mvisual .con1 h1 { margin:16px 0 0 0; font-size:30px; line-height:36px; }

						#mainBgSlider_m .bx-controls { height:20px; }
						#mainBgSlider_m .bx-controls .bx-pager { font-size:11px; line-height:20px; }
						#mainBgSlider_m .bx-controls .bx-controls-direction a,
						#mainBgSlider_m .bx-controls .bx-controls-auto a { height:20px; }

						.con_mquick { padding:0 0 0 0; }
						.con_mquick ul li { width:25%; }
						.con_mquick ul li a { padding:72px 0 15px 0; font-size:13px; border-radius:0; }

						.quickmenu { display:none; }

						.con_mclass { padding:30px 33px 30px 22px; }
						.con_mclass h3 { font-size:21px; line-height:25px; }
						.con_mclass_tab { margin:17px 0 0 0; }
						.con_mclass_tab ul li a { font-size:14px; }
						.con_mclass_tab ul li:after { font-size:13px; padding:0 12px 0 12px; }
						.con_mclass_c { margin:20px 0 0 0; }
						.con_mclass_c1 { margin:0 8px 0 0; }
						.con_mclass_c1 .con1 a.imgs { height:170px; }
						.con_mclass_c1 .con2 { padding:18px 16px 18px 16px; }
						.con_mclass_c1 .con2 span.goods { right:16px; top:20px; }
						.con_mclass_c1 .con2 ul.op1 li.tit a { font-size:15px; }
						.con_mclass_c1 .con2 ul.op1 li.desc { margin:6px 0 0 0; font-size:12px; }
						.con_mclass_c1 .con2_1 { margin:13px 0 0 0; padding:6px 10px 6px 10px; }
						.con_mclass_c1 .con2_1 ul.op2 li { padding:0 13px 0 0; font-size:11px; background:url("../images/dot_03.png") no-repeat right 5px center; }
						.con_mclass_c .slick-prev { left:-50px; top:130px; width:33px; height:33px; background-size:33px; }
						.con_mclass_c .slick-next { right:-45px; top:130px; width:33px; height:33px; background-size:33px; }

						.con_mclass2 { padding:30px 33px 30px 22px; }
						.con_mclass2 h3 { font-size:21px; line-height:25px; }
						.con_mclass2 h4 { margin:10px 0 0 0; font-size:13px; line-height:18px; }
						.con_mclass2_c { margin:20px 0 0 0; }
						.con_mclass2_c1 { margin:0 10px 5px 0; padding:20px 18px 10px 18px; }
						.con_mclass2_c1 .con1 a.imgs { height:170px; background-size: contain;}
						.con_mclass2_c1 .con2 { padding:13px 5px 13px 5px; }
						.con_mclass2_c1 .con2 ul.op1 li.tit a { font-size:15px; }
						.con_mclass2_c1 .con2 ul.op1 li.desc { margin:6px 0 0 0; font-size:12px; }
						.con_mclass2_c1 .con2_1 { margin:13px 0 0 0; padding:6px 10px 6px 10px; }
						.con_mclass2_c1 .con2_1 ul.op2 li { margin:0 8px 0 0; font-size:11px; }
						.con_mclass2_c .slick-prev { left:-50px; top:160px; width:33px; height:33px; background-size:33px; }
						.con_mclass2_c .slick-next { right:-45px; top:160px; width:33px; height:33px; background-size:33px; }

						.con_mcont { padding:35px 0 35px 0; }
						.con_mcont_c1 .con1 { padding:20px 20px 20px 20px; }
						.con_mcont_c1 .con1 h3 { font-size:17px; }
						.con_mcont_c1 .con1 a.more { right:20px; top:20px; width:20px; height:20px; background-size:20px; }
						.con_mcont_c1 .con1 ul { margin:13px 0 0 0; }

						.con_mcont_c1 .con1 ul li.desc { padding:90px 10px 20px 10px; background:#f2f2f2 url("../images/ic_05.png") no-repeat center 25px; background-size:auto 50px; font-size:13px; }
						.con_mcont_c1 .con1 ul li.desc span { display:block; }
						.con_mcont_c1 .con1 ul li.btns a { padding:4px 0 4px 0; font-size:13px; }

						.con_mcont_c1 .con2 { margin:20px 0 0 0; }
						#mainPopupSlider ul li a img { height:auto; }

						#mainPopupSlider .bx-controls { height:22px; }
						#mainPopupSlider .bx-controls .bx-pager { width:60px; font-size:11px; line-height:22px; }
						#mainPopupSlider .bx-controls .bx-controls-direction a,
						#mainPopupSlider .bx-controls .bx-controls-auto a { height:22px; }

						.con_mcont_c2 { margin:20px 0 0 0; }
						.con_mcont_c2 .con1 { width:100%; height:auto; margin:0 0 0 0; }
						.con_mcont_c2 .con1:last-child { margin:20px 0 0 0; }
						.con_mcont_c2 .con1 h3 { font-size:17px; padding:18px 20px 18px 20px; }
						.con_mcont_c2 .con1 a.more { right:20px; top:18px; padding:0 15px 0 0; background:url("../images/more_02.png") no-repeat right 0 center; font-size:13px; }
						.con_mcont_c2 .con1 ul { padding:20px 20px 15px 20px; }
						.con_mcont_c2 .con1 ul li { margin:0 0 7px 0; }
						.con_mcont_c2 .con1 ul li a { font-size:14px; }
						.con_mcont_c2 .con1 ul li a span { font-size:12px; }
						.con_mcont_c2 .con1 ul li a em { margin:0 4px 0 0; font-size:14px; }

						.con_mcont_c3 { margin:20px 0 0 0; }
						.con_mcont_c3 ul li { margin:0 2% 7px 0; }
						.con_mcont_c3 ul li:nth-child(2n) { margin:0 0 7px 0; }
						.con_mcont_c3 ul li a { padding:18px 20px 18px 18px; background:#e8e6e4 url("../images/more_05.png") no-repeat right 15px center; background-size:23px; font-size:14px; }
						.con_mcont_c3 ul li a:hover { background:#6c6c6c url("../images/more_06.png") no-repeat right 15px center; background-size:23px; color:#ffffff; }
						.con_mcont_c3 ul li.op1 a { padding:18px 20px 18px 18px; }

						.con_scon.pop1 { padding:25px 20px 30px 20px; }

						.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:15px 0 25px 0; }
						.con_pagetit h1 { font-size:20px; line-height:31px; }
						.con_pagetit span { width:21px; margin:0 0 0 6px; }
						.con_pagetit span2 { color:#08348C; font-size:21px; font-weight:bold; }
						.con_pagetit span3 { color:#027333; font-size:21px; font-weight:bold; }

						.con_pagetit2 { padding:0 0 20px 0; }
						.con_pagetit2 h1 { font-size:22px; }
						.con_pagetit2 span { width:20px; }

						.con_search { padding:20px 20px 20px 20px; }
						.con_search.mop1 { margin:25px 0 0 0; }
						.con_search ul { margin:0 0 0 0; }
						.con_search ul.wop1 { margin:0 0 0 0; }
						.con_search ul li { margin:0 0 5px 0; }
						.con_search ul li.tit { padding:0 0 0 0; width:100%; font-size:14px; }
						.con_search ul li.desc { width:100%; margin:0 0 8px 0; }
						.con_search ul li.desc.pop1 { padding:0 0 0 0; }
						.con_search ul li.desc2 { width:100%; margin:0 0 8px 0; }
						.con_search ul li label { font-size:14px; }
						.con_search ul li select { height:30px; font-size:14px; }
						.con_search ul li select.wop1 { width:49.5%; }
						.con_search ul li select.wop2 { width:80%; }
						.con_search ul li select.wop3 { width:100%; }
						.con_search ul li select.wop4 { width:100%; }
						.con_search ul li select.wop5 { width:30%; }
						.con_search ul li select.wop6 { width:100%; }
						.con_search ul li select.wop7 { width:40%; }
						.con_search ul li input[type="text"] { height:30px; font-size:14px; }
						.con_search ul li input[type="text"].wop1 { width:100%; }
						.con_search ul li input[type="text"].wop2 { width:65%; }
						.con_search ul li input[type="text"].wop3 { width:100%; }
						.con_search ul li input[type="text"].wop4 { width:100%; }
						.con_search ul li input[type="text"].wop5 { width:59%; }
						.con_search ul li input[type="text"].wop6 { width:45%; }
						.con_search ul li input[type="text"].wop7 { width:100%; }
						.con_search .btns { position:static; text-align:center; margin:5px 0 0 0; }
						.con_search .btns.poop1 { padding:4px 0 0 0; }
						.con_search .btns a.link1 { width:70px; height:26px !important; font-size:13px !important; line-height:26px !important; }
						.con_search .btns a.link2 { width:70px; height:26px !important; font-size:13px !important; line-height:26px !important; }

						.con_search2 { padding:20px 20px 20px 20px; }
						.con_search2 .con1 ul li.forms { width:53%; }
						.con_search2 .con1 ul li.forms label { font-size:14px; }
						.con_search2 .con1 ul li.forms input[type="text"] { height:30px; font-size:14px; }
						.con_search2 .con1 ul li.btns1 { width:14%; margin:0 1% 0 0; }
						.con_search2 .con1 ul li.btns2 { width:32%; }
						.con_search2 .con1 ul li.btns1 a { width:100%; padding:0 10px 0 10px; height:30px; font-size:13px; line-height:30px; }
						.con_search2 .con1 ul li.btns2 a { width:100%; padding:0 10px 0 10px; height:30px; font-size:13px; line-height:30px; }
						.con_search2 .con2 { margin:17px 0 0 0; padding:18px 18px 18px 18px; }
						.con_search2 .con2 ul.forms li { margin:0 0 6px 0; }
						.con_search2 .con2 ul.forms li.tit { width:100%; font-size:15px; }
						.con_search2 .con2 ul.forms li.desc { width:100%; margin:0 0 10px 0; }
						.con_search2 .con2 ul.forms li.desc input[type="checkbox"] { margin:-2px 5px 0 0; width:17px; height:17px; }
						.con_search2 .con2 ul.forms li.desc label { margin:0 10px 5px 0; font-size:14px; }
						.con_search2 .con2 ul.forms li.desc a.linktop { margin:0 10px 7px 0; padding:1px 10px 1px 10px; font-size:13px; }
						.con_search2 .con2 ul.btns { margin:3px 0 0 0; }
						.con_search2 .con2 ul.btns li a { margin:0 5px 0 0; }
						.con_search2 .con2 ul.btns li a.link1 { padding:5px 13px 5px 13px; font-size:13px; }
						.con_search2 .con2 ul.btns li a.link2 { padding:5px 13px 5px 13px; font-size:13px; }
						.con_search2 .con2 ul.btns li a.link3 { padding:5px 13px 5px 13px; font-size:13px; }

						.con_search3 { width:100%; border:1px solid #e2e2e2; padding:20px 20px 15px 20px; }
						.con_search3.pop1 { padding:20px 20px 20px 20px; }
						.con_search3.mop1 { margin:20px 0 0 0; }
						.con_search3.mop3 { margin:25px 0 0 0; }
						.con_search3.mop4 { margin:20px 0 0 0; }
						.con_search3.mop5 { margin:20px 0 0 0; }
						.con_search3.mop6 { margin:10px 0 0 0; }
						.con_search3 ul { width:100%; }
						.con_search3 ul li { float:left; width:100%; margin:0 0 7px 0; text-align:center; }
						.con_search3 ul li.tit { width:100%; margin:0 0 7px 0; font-size:14px; text-align:left; padding:0 0 0 0; }
						.con_search3 ul li.slop1 { width:49.5%; margin:0 1% 7px 0; }
						.con_search3 ul li.slop2 { width:49.5%; }
						.con_search3 ul li.slop3 { width:39.5%; margin:0 1% 7px 0; }
						.con_search3 ul li.slop4 { width:59.5%; }
						.con_search3 ul li.slop5 { width:calc(100% - 60px); margin:0 0 0 0; }
						.con_search3 ul li.slop6 { width:60px; margin:0 0 0 0; }
						.con_search3 ul li.slop7 { width:calc((100% - 70px) / 2); margin:0 5px 0 0; }
						.con_search3 ul li.slop8 { width:60px; margin:0 0 0 0; }
						.con_search3 ul li.slop9 { width:calc((100% - 30px) / 2); }
						.con_search3 ul li.slop10 { width:25px; margin:0 0 0 0; }
						.con_search3 ul li.slop11 { margin:0 0 0 0; }
						.con_search3 ul li.mop1 { margin:0 0 7px 0; }
						.con_search3 ul li.wop1 { width:auto; margin:0 5px 0 0; }
						.con_search3 ul li.forms1 { width:calc(100% - 60px); margin:0 0 0 0; }
						.con_search3 ul li.forms1_1 { width:60px; margin:0 0 0 0; }
						.con_search3 ul li select { width:100%; height:30px; font-size:14px; }
						.con_search3 ul li select.wop1 { width:120px; }
						.con_search3 ul li select.wop2 { width:100%; }
						.con_search3 ul li input[type="text"] { width:100%; height:30px; border-width:1px 1px 1px 1px; font-size:14px; }
						.con_search3 ul li input[type="text"].bop1 { border:1px solid #d4d4d4; }
						.con_search3 ul li input[type="text"].wop1 { width:80%; }
						.con_search3 ul li input[type="text"].wop2 { width:100%; }
						.con_search3 ul li input[type="date"] { width:100%; padding:0 5px 0 5px; }
						.con_search3 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_search3 ul li a.link1.brop1 { border-radius:4px; }
						.con_search3 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_search3 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_search3 ul li a.link2 { width:60px; height:30px; font-size:13px; }
						.con_search3 ul li a.link2.brop1 { border-radius:4px; }
						.con_search3 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_search3 ul li a.link3.brop1 { border-radius:4px; }
						.con_search3 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_search3 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_list_option2 { margin:20px 0 0 0; padding:0 0 10px 0; }
						.con_list_option2 .con1 { margin:0 0 0 -5px; padding:0 0 0 0; }
						.con_list_option2 .con1_1 { border-spacing:5px 0; }
						.con_list_option2 .con1_1 a { padding:4px 12px 4px 12px; font-size:14px; }
						.con_list_option2 .con2.pop1 { padding:6px 0 0 0; }
						.con_list_option2 .con2 ul { margin:6px 0 0 0; }
						.con_list_option2 .con2 ul li:after { padding:0 8px 0 8px; }
						.con_list_option2 .con2 ul li a { font-size:14px; line-height:14px; }

						.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_listcus { border-width:1px 1px 0 1px; border-top:1px solid #111111; }
						.con_listcus ul { display:block; overflow:hidden; border-bottom:1px solid #d4d4d4; padding:15px 10px 10px 10px; }
						.con_listcus 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 10px 0; }
						.con_listcus ul li.xop1 { float:left; width:auto !important; padding:1px 0 0 15px; }
						.con_listcus ul li.taop1 { padding:0 0 0 18px; }
						.con_listcus 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_listcus 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_listcus span.graph { width:95%; }
						.con_listcus a { padding:2px 10px 2px 10px; font-size:13px; }
						span.module_divi1s { margin:0 10px 0 0; padding:0 0 0 27px; font-size:14px; }
						span.module_divi2s { margin:0 10px 0 0; padding:0 0 0 27px; font-size:14px; }
						span.module_divi3s { margin:0 10px 0 0; padding:0 0 0 27px; font-size:14px; }
						span.module_divi4s { margin:0 10px 0 0; padding:0 0 0 27px; font-size:14px; }
						span.module_divi5s { margin:0 10px 0 0; padding:0 0 0 27px; font-size:14px; }
						span.module2_divi1s { margin:0 10px 0 0; padding:0 0 3px 27px; font-size:14px; }
						span.module2_divi2s { margin:0 10px 0 0; padding:0 0 3px 27px; font-size:14px; }
						span.module2_divi3s { margin:0 10px 0 0; padding:0 0 3px 27px; font-size:14px; }
						span.module2_divi4s { margin:0 10px 0 0; padding:0 0 3px 27px; font-size:14px; }

						.con_listcus3 { border-width:1px 1px 0 1px; border-top:1px solid #111111; }
						.con_listcus3.mop2 { margin:25px 0 0 0; }
						.con_listcus3 ul { display:block; overflow:hidden; border-bottom:1px solid #d4d4d4; padding:15px 5px 10px 5px; }
						.con_listcus3 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_listcus3 ul li.xop1 { width:130px !important; padding:1px 0 0 15px; }
						.con_listcus3 ul li.xop2 { width:calc(100% - 130px) !important; padding:1px 0 0 0; }
						.con_listcus3 ul li.xop1.wop1 { width:150px !important; }
						.con_listcus3 ul li.xop2.wop1 { width:calc(100% - 150px) !important; }
						.con_listcus3 ul li.xop1.wop2 { width:90px !important; }
						.con_listcus3 ul li.xop2.wop2 { width:calc(100% - 90px) !important; }
						.con_listcus3 ul li.xop1.wop3 { width:110px !important; }
						.con_listcus3 ul li.xop2.wop3 { width:calc(100% - 110px) !important; }
						.con_listcus3 ul li.xop1.wop4 { width:120px !important; }
						.con_listcus3 ul li.xop2.wop4 { width:calc(100% - 120px) !important; }
						.con_listcus3 ul li.xop1.wop5 { width:100px !important; }
						.con_listcus3 ul li.xop2.wop5 { width:calc(100% - 100px) !important; }
						.con_listcus3 ul li.taop1 { padding:0 0 0 18px; }
						.con_listcus3 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_listcus3 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_listcus3 ul li.tit { display:block; width:100%; padding:0 0 0 0; }
						.con_listcus3 ul li.tit a { font-size:15px; line-height:20px; }
						.con_listcus3 ul li.tit2 { display:block; width:100%; padding:0 0 0 0; font-size:15px; line-height:20px; }
						.con_listcus3 ul li.tit3 { padding:1px 0 0 0; font-size:14px; line-height:20px; }
						.con_listcus3 ul li.tit4 { padding:0 0 0 0; }
						.con_listcus3 ul li.tit4 a { font-size:14px; line-height:20px; }
						.con_listcus3 ul li.tit5 { padding:0 0 0 0; }
						.con_listcus3 ul li.tit5 a { font-size:14px; line-height:20px; }
						.con_listcus3 ul li.tit6 { text-align:left; padding:0 0 0 0; }
						.con_listcus3 ul li.tit6 a { font-size:14px; line-height:20px; }
						.con_listcus3 ul li.file { }
						.con_listcus3 ul li.file img { margin:0 10px 0 0; }
						.con_listcus3 ul li.desc { font-size:13px; color:#777777; }
						.con_listcus3 ul li.desc:after { content:"|"; color:#999999; font-size:12px; padding:0 8px 0 8px; }
						.con_listcus3 ul li.desc:last-child:after { content:none; padding:0 0 0 0; }
						.con_listcus3 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_listcus3 ul li.desc2 span.xtit { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#444444; font-size:13px; font-weight:normal; letter-spacing:-0.03em; }
						.con_listcus3 ul li.desc3 { padding:0 0 0 0; transition:all 0.3s ease; margin:5px 0 4px 0; }
						.con_listcus3 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_listcus3 ul li dl dt { font-size:14px; }
						.con_listcus3 ul li span.top { padding:1px 8px 1px 8px; font-size:12px; margin:0 5px 0 0; }
						.con_listcus3 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_listcus3 ul li span.noti_label.bg1 { background:#7c8598; }
						.con_listcus3 ul li span.noti_label.bg2 { background:#4d8ec6; }
						.con_listcus3 ul li span.label_class { width:55px; padding:1px 5px 1px 5px; font-size:12px; }
						.con_listcus3 ul li a.link1 { padding:1px 11px 1px 11px; font-size:13px; margin:2px 0 0 0; }
						.con_listcus3 ul li input[type="checkbox"] { margin:-2px 5px 0 0; width:17px; height:17px; }
						.con_listcus3 ul li input[type="radio"] { margin:-2px 5px 0 0; width:17px; height:17px; }
						.con_listcus3 ul li span.status { font-size:13px; }
						.con_listcus3 a.link { padding:2px 10px 2px 10px; font-size:13px; }
						.con_listcus3 ul.op1 li { font-size:14px; }
						.con_listcus3 ul.op1 li span.status { font-size:14px; }
						.con_listcus3 ul.op1 li dl dt { font-size:14px; }

						.con_listcus4 table { display:block; border:1px solid #e2e2e2; border-width:1px 1px 0 1px; border-radius:4px; }
						.con_listcus4 table thead { display:none; }
						.con_listcus4 table tbody { display:block; transition:all 0.3s ease; }
						.con_listcus4 table tr { display:block; padding:10px 10px 15px 0; border-bottom:1px solid #e2e2e2; }
						.con_listcus4 table th { display:none; }
						.con_listcus4 table td { position:relative; display:block; padding:5px 10px 0 100px; border:none; font-size:13px; line-height:18px; text-align:left; }
						.con_listcus4 table td i { position:absolute; left:20px; top:5px; display:inline-block; width:80px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; font-size:13px; font-weight:normal; letter-spacing:-0.02em; font-style:normal; padding:0 0 0 10px; background:url("../images/dot_10.png") no-repeat 0 6px; }
						.con_listcus4 ul { margin:0 0 0 0; }
						.con_listcus4 table td ul li { background:url("../images/dot_08.png") no-repeat 0 8px; padding:0 0 2px 8px; font-size:13px; line-height:18px; }

						.con_listcus5 table { display:block; border:1px solid #e2e2e2; border-width:1px 1px 0 1px; border-radius:4px; }
						.con_listcus5 table thead { display:none; }
						.con_listcus5 table tbody { display:block; transition:all 0.3s ease; }
						.con_listcus5 table tr { display:block; padding:10px 10px 15px 0; border-bottom:1px solid #e2e2e2; }
						.con_listcus5 table tr.bop1 { border-top:1px solid #999999; }
						.con_listcus5 table th { display:none; }
						.con_listcus5 table td { position:relative; display:block; padding:5px 10px 0 120px; border:none; font-size:13px; line-height:18px; text-align:left; }
						.con_listcus5 table td.wop1 { padding:5px 10px 0 30px; margin:0 0 3px 0; }
						.con_listcus5 table td a { font-size:13px; line-height:18px; }
						.con_listcus5 table td span.sc { font-size:13px; }
						.con_listcus5 table td em { font-size:13px; }
						.con_listcus5 table td.taop2 { padding:5px 10px 0 120px; }
						.con_listcus5 table td i { position:absolute; left:20px; top:5px; display:inline-block; width:110px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; font-size:13px; 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; }
						.con_listcus5 table td.wop1 i { position:static; display:block; width:100%; margin:0 0 3px -10px; }
						.con_listcus5 table td.nodata { padding:5px 10px 0 10px; border:none; font-size:14px; text-align:center; }
						.con_listcus5 table td.tit { background:none; font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#111111; font-size:15px; line-height:1.5; padding:10px 20px 10px 20px; }
						.con_listcus5 a.link { padding:2px 10px 2px 10px; font-size:13px; }

						.con_listcus6 { margin:10px 0 0 0; }
						.con_listcus6 table { display:block; border:1px solid #e2e2e2; border-width:1px 1px 0 1px; border-radius:4px; }
						.con_listcus6 table thead { display:none; }
						.con_listcus6 table tbody { display:block; transition:all 0.3s ease; }
						.con_listcus6 table tr { display:block; padding:0 0 10px 0; border-bottom:1px solid #e2e2e2; }
						.con_listcus6 table th { display:none; }
						.con_listcus6 table td { position:relative; display:block; padding:0 20px 12px 20px; border:none; text-align:left; }
						.con_listcus6 table td.tit { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; font-size:14px; line-height:1.5; padding:20px 20px 18px 20px; }
						.con_listcus6 input[type="radio"] { margin:-3px 7px 0 0; vertical-align:middle; width:18px; height:18px; }
						.con_listcus6 td i { display:inline; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#333333; font-size:14px; font-weight:normal;  letter-spacing:-0.03em; font-style:normal; }

						.con_view.mop3 { margin:25px 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.survey li { width:100%; margin:0 0 7px 0; }
						.con_write td ul.lyop1 { width:100%; }
						.con_write td ul.lyop1 li.btns { margin:3px 0 0 4px; width:98px; }
						.con_write td ul.lyop1 li.times { margin:0 0 0 4px; width:130px; font-size:13px; }
						.con_write td ul.lyop1 li.times span.fop1 { font-size:13px; }
						.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 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="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; }

						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_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_noti ul li i.status { padding:0 3px 0 3px; font-size:12px; }

						.con_noti2 { padding:16px 22px 16px 53px; background:#fafafa url("../images/check_04.png") no-repeat 25px 18px; background-size:18px; font-size:14px; line-height:22px; }
						.con_noti2.mop1 { margin:25px 0 0 0; }
						.con_noti2.mop2 { margin:30px 0 0 0; }

						.con_noti4 { font-size:13px; background:url("../images/dot_14.png") no-repeat 0 4px; padding:0 0 0 17px; }
						.con_noti4.mop1 { margin:20px 0 0 0; }

						.con_noti5 { padding:15px 20px 15px 38px; background:#fafafa url("../images/dot_01.png") no-repeat 20px 20px; font-size:13px; line-height:20px; }
						.con_noti5.mop1 { margin:25px 0 0 0; }
						.con_noti5.mop2 { margin:35px 0 0 0; }

						.con_tab { margin:25px 0 0 0; height:40px; }
						.con_tab a { height:40px; font-size:14px; }

						.con_tab2 { margin:25px 0 0 0; height:auto; }
						.con_tab2 a { float:left; display:inline-block; width:49%; height:33px; font-size:14px; line-height:33px; margin:0 2% 5px 0; border-bottom:1px solid #d8d8d8; }
						.con_tab2 a:nth-child(2n) { margin:0 0 5px 0; }
						.con_tab2 a.wop1 { width:49%; }
						.con_tab2 a.wop2 { width:49%; }
						.con_tab2 a.wop3 { width:49%; }
						.con_tab2 a.wop4 { width:49%; }
						.con_tab2 a.wop5 { width:100%; }
						.con_tab2 a.wop2_1 { width:100%; }
						.con_tab2 a.wop2_2 { width:49%; margin:0 2% 5px 0; }
						.con_tab2 a.wop2_3 { width:49%; margin:0 0 5px 0; }
						.con_tab2 a.wop2_4 { width:49%; margin:0 2% 0 0; }
						.con_tab2 a.wop2_5 { width:49%; margin:0 0 0 0; }

						.con_tab2 a.wop3_1 { width:32%; margin:0 2% 5px 0; }
						.con_tab2 a.wop3_2 { width:32%; margin:0 2% 5px 0; }
						.con_tab2 a.wop3_3 { width:32%; margin:0 0 5px 0; }
						.con_tab2 a.wop3_4 { width:32%; margin:0 2% 0 0; }
						.con_tab2 a.wop3_5 { width:32%; margin:0 2% 0 0; }
						.con_tab2 a.wop3_6 { width:32%; margin:0 0 0 0; }

						.con_tab2 a.wop4_1 { width:100%; }
						.con_tab2 a.wop4_2 { width:49%; margin:0 2% 5px 0; }
						.con_tab2 a.wop4_3 { width:49%; margin:0 0 5px 0; }
						.con_tab2 a.wop4_4 { width:49%; margin:0 2% 5px 0; }
						.con_tab2 a.wop4_5 { width:49%; margin:0 0 5px 0; }
						.con_tab2 a.wop4_6 { width:49%; margin:0 2% 0 0; }
						.con_tab2 a.wop4_7 { width:49%; margin:0 0 0 0; }

						.con_tab2 a.on { border-width:2px 2px 2px 2px; }

						.con_tab3 { height:40px; }
						.con_tab3.mop1 { margin:25px 0 0 0 ; }
						.con_tab3 a { height:40px; font-size:14px; }

						.con_tab4 { margin:15px 0 0 0; border:1px solid #d8d8d8; border-width:1px 0 0 1px; }
						.con_tab4 ul li { width:50%; height:35px; }
						.con_tab4 ul li a { font-size:14px; height:35px; line-height:35px; border-width:0 1px 1px 0; }
						.con_tab4 ul li:last-child a { border-width:0 1px 1px 0; }
						.con_tab4 ul li a.on { background:#454545; border:1px solid #454545; color:#ffffff; }
						.con_tab4 ul li a span { margin:0 0 0 2px; font-size:12px; }

						.con_tab5 a { width:49%; height:34px; font-size:14px; line-height:34px; margin:0 2% 6px 0; }
						.con_tab5 a:nth-child(2n) { margin:0 0 6px 0; }
						.con_tab5 a.on { border-width:2px 2px 2px 2px; }

						.con_tab6 { margin:25px 0 0 0; height:auto; }
						.con_tab6 a { float:left; display:inline-block; width:15%; height:30px; font-size:13px; line-height:30px; margin:0 2% 6px 0; border-bottom:1px solid #d8d8d8; border-radius:4px; }
						.con_tab6 a:first-child { width:100%; }
						.con_tab6 a:nth-child(7) { margin:0 0 6px 0; }
						.con_tab6 a:nth-child(13) { margin:0 0 6px 0; }
						.con_tab6 a.on { border-width:1px 1px 1px 1px; }

						.con_tab7 { margin:25px 0 0 0; height:40px; }
						.con_tab7 a { height:40px; font-size:14px; }

						.con_tab8 { margin:25px 0 0 0; height:40px; }
						.con_tab8 a { height:40px; font-size:15px; }

						.con_tit { font-size:17px; }
						.con_tit.fop1 { font-size:17px; }
						.con_tit.fop2 { margin:40px 0 0 0; padding:6px 0 8px 0; font-size:19px; }
						.con_tit.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_tit.fop4 { margin:25px 0 0 0; padding:0 0 0 25px; font-size:17px; background:url("../images/dot_21.png") no-repeat 0 0; }
						.con_tit.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_tit.fop6 { margin:25px 0 0 0; padding:6px 0 8px 0; font-size:17px; line-height:23px; }
						.con_tit.fop7 { margin:25px 0 0 0; font-size:17px; line-height:23px; }
						.con_tit.fop8 { padding:0 0 0 25px; font-size:18px; background:url("../images/dot_21.png") no-repeat 0 0; }
						.con_tit.fop8.op1 { background:url("../images/dot_21.png") no-repeat 0 2px; }
						.con_tit.fop9 { padding:0 0 0 20px; font-size:16px; background:url("../images/dot_19.png") no-repeat 0 5px; }
						.con_tit.fop10 { margin:35px 0 0 0; padding:0 0 0 25px; font-size:18px; background:url("../images/dot_21.png") no-repeat 0 0; }
						.con_tit.mop4 { margin:30px 0 0 0; }
						.con_tit.mop5 { margin:25px 0 0 0; }
						.con_tit.mop6 { margin:10px 0 0 0; }
						.con_tit.mop7 { margin:20px 0 0 0; }
						.con_tit.mop8 { margin:25px 0 0 0; }
						.con_tit.mop9 { margin:40px 0 0 0; }
						.con_tit.mop10 { margin:35px 0 0 0; }
						.con_tit span.txt { font-size:13px; }
						.con_tit 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_tit em.fop1 { font-size:18px; }
						.con_tit em.fop2 { font-size:18px; }
						.con_tit em.fop3 { font-size:14px; line-height:19px; }
						.con_tit .con1 a { padding:2px 9px 1px 9px; margin-top:3px; }
						.con_tit .con1 span.cnts { padding:1px 10px 1px 10px; font-size:11px; }

						.con_tit .con2 ul li a { font-size:13px; }
						.con_tit .con2 ul li a.on { font-size:13px; }
						.con_tit .con2 ul li:after { padding:0 9px 0 9px; }

						.con_tit2 { margin:30px 0 0 0; padding:15px 13px 15px 13px; font-size:18px; line-height:26px; }

						.con_tit3 { padding:15px 10px 15px 10px; font-size:16px; line-height:22px; }
						.con_tit3.fop1 { font-size:17px; line-height:22px; }

						.con_tit4 { padding:15px 50px 15px 20px; font-size:16px; line-height:20px; }
						.con_tit4 a.goods { right:20px; top:16px; width:20px; height:20px; background-size:20px; }
						.con_tit4 a.goods.on { background-size:20px; }

						.con_tit5 { margin:15px 0 0 0; padding:8px 5px 8px 5px; font-size:16px; line-height:22px; }
						.con_tit5 i.iop1 { width:15px; height:16px; background-size:16px; margin:-2px 6px 0 0; }

						.con_tit6 { margin:25px 0 0 0; padding:0 0 0 13px; font-size:16px; }
						.con_tit6 span.bars { top:3px; width:4px; height:18px; }
						.con_tit6 span.top1 { margin:0 0 0 5px; font-size:15px; }

						.con_txt { margin:5px 5px 0 5px; }
						.con_txt ul li { background:url("../images/dot_03.png") no-repeat 0 10px; padding:0 0 0 8px; font-size:14px; margin:0 0 3px 0; }
						.con_txt ul li.long { padding:0 10px 0 0; font-size:14px; line-height:21px; margin:0 0 3px 0; }
						.con_txt ul li a.link1 { font-size:14px; }
						.con_txt ul li.mop1 { margin:15px 0 5px 0; }
						.con_txt ul li.in { padding:0 0 0 8px; font-size:13px; line-height:20px; margin:0 0 6px 0; }
						.con_txt ul li.in2 { background:url("../images/dot_03.png") no-repeat 0 10px; padding:0 0 0 8px; font-size:13px; line-height:21px; margin:0 0 3px 0; }
						.con_txt ul li.in2.mop1 { margin:6px 0 3px 0; }

						.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.mustch { padding:1px 6px 1px 6px; font-size:12px; line-height:16px; margin:-3px 5px 0 0; }
						.con_agree_c2 span.noti { font-size:13px; }

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

						.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 .txt4.bg2 {  background:url("../images/private_02.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 .txt7 { padding:22px 10px 22px 10px; }
						.con_private .txt7 a { padding:6px 15px 6px 15px; font-size:14px; }
						.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 h3.fop4 { 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:15px; }
						.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_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; }

						.con_error .con1 { padding:220px 20px 50px 20px; overflow:hidden; background:#f2f2f2 url("../images/error_01.png") no-repeat center 40px; background-size:150px; }
						.con_error .con1 h3 { font-size:28px; line-height:35px; }
						.con_error .con1.desc { margin:30px 0 0 0; font-size:14px; line-height:22px; }
						.con_error .con2 { margin:40px 0 0 0; }
						.con_error .con2 a { padding:10px 40px 10px 40px; font-size:14px; }

						.con_exam.mop1 { margin:25px 0 0 0; }
						.con_exam_c1_1 { width:100%; margin:0 0 0 0; }
						.con_exam_c1_1 h3 { font-size:17px; }
						.con_exam_c1_2 { width:100%; margin:20px 0 0 0; }
						.con_exam_c1_2 h3 { font-size:17px; }
						.con_exam_c1_2 h3 ul.divi { top:2px; }
						.con_exam_c1_2 h3 ul.time { top:2px; }
						.con_exam_c1_2 h3 ul.time li { padding:2px 0 3px 23px; font-size:13px; }
						.con_exam_c1_2 h3 ul.time li span { margin:0 0 0 3px; font-size:13px; }
						.con_exam_c2 { width:100%; overflow:hidden; margin:20px 0 0 0; }
						.con_exam_list th { padding:5px 10px 5px 10px; font-size:14px; }
						.con_exam_list td { padding:5px 10px 5px 10px; font-size:14px; }
						.con_exam_list2 th { padding:5px 5px 5px 5px; font-size:14px; }
						.con_exam_list2 td { padding:5px 5px 5px 5px; font-size:14px; }
						.con_exam_list2 td span.record { font-size:11px; margin:0 0 0 5px; }
						.con_exam_list3 table { display:block; border-bottom:1px solid #d9d9d9; }
						.con_exam_list3 table thead { display:block; }
						.con_exam_list3 table tbody { display:block; }
						.con_exam_list3 table tr { display:block; }
						.con_exam_list3 th { display:block; padding:8px 12px 8px 12px; font-size:14px; }
						.con_exam_list3 td { display:block; padding:8px 12px 8px 12px; border-width:0 1px 0 1px; font-size:14px; line-height:21px; }
						.con_exam_list4 { margin:12px 0 0 0; flex-flow:row wrap; }
						.con_exam_list4 .con1 { width:20%; }
						.con_exam_list4 li:first-child { padding:8px 5px 5px 5px; font-size:14px; }
						.con_exam_list4 li:last-child { padding:8px 5px 5px 5px; font-size:14px; }
						.con_exam_btn.mop1 { margin:25px 0 0 0; }
						.con_exam_btn.mop2 { margin:25px 0 25px 0; }
						.con_exam_btn a.link1 { padding:5px 15px 2px 15px; font-size:15px; }
						.con_exam_btn a.link2 { padding:5px 15px 2px 15px; font-size:15px; }
						.con_exam_btn a.link3 { padding:5px 15px 2px 15px; font-size:15px; }
						.con_exam_btn a.link4 { padding:5px 15px 2px 15px; font-size:15px; }

						.con_question_tit { padding:17px 10px 17px 10px; font-size:17px; line-height:24px; }
						.con_question_tit.mop1 { margin:25px 0 0 0; }
						.con_question_tit2 { margin:25px 0 0 0; font-size:16px; background:url("../images/dot_14.png") no-repeat 0 5px; padding:0 0 0 19px; }

						.con_question.mop1 { margin:25px 0 0 0; }
						.con_question.mop2 { margin:20px 0 0 0; }
						.con_question_c { padding:0 30px 30px 30px; }
						.con_question_c1 { margin:30px 0 0 0; }
						.con_question_c1 h2 { font-size:17px; }
						.con_question_c1 .attach { padding:10px 15px 10px 15px; }
						.con_question_c1 .attach ul li { float:left; width:100%; }
						.con_question_c1 .attach ul li a { font-size:14px; background:url("../images/file_01.png") no-repeat 0 5px; }
						.con_question_c1 .question { width:100%; padding:10px 15px 10px 15px; font-size:16px; }
						.con_question_c1 .question2 { width:100%; padding:20px 15px 20px 15px; font-size:16px; }
						.con_question_c1 .question3 { width:100%; padding:10px 15px 10px 15px; font-size:15px; }
						.con_question_c1 ul.ver { margin:15px 0 0 0; }
						.con_question_c1 ul.ver li { font-size:15px; }
						.con_question_c1 ul.ver li label { font-size:15px; }
						.con_question_c1 ul.ver li input[type="checkbox"] { width:17px; height:17px; }
						.con_question_c1 ul.ver li input[type="radio"] { width:17px; height:17px; }
						.con_question_c1 ul.ver li input[type="text"] { height:35px; padding:0 15px 0 15px; font-size:15px; }
						.con_question_c1 ul.ver li textarea { height:100px; padding:15px 15px 15px 15px; font-size:15px; }
						.con_question_c1 ul.hor { margin:15px 0 0 0; }
						.con_question_c1 ul.hor li { font-size:15px; }
						.con_question_c1 ul.hor li label { font-size:15px; }
						.con_question_c1 ul.hor li input[type="checkbox"] { width:17px; height:17px; }
						.con_question_c1 ul.hor li input[type="radio"] { width:17px; height:17px; }
						.con_question_c1 ul.hor li input[type="text"] { height:35px; padding:0 15px 0 15px; font-size:15px; }
						.con_question_c1 .noti { background:#f8fbf6 url("../images/ic_05.png") no-repeat 20px 15px; background-size:23px; font-size:15px; }
						.con_question_c2 h2 { padding:140px 15px 35px 15px; background:url("../images/survey_01.png") no-repeat center 50px; background-size:220px; font-size:18px; line-height:25px; }
						.con_question_c2 .con1 { padding:25px 20px 25px 20px; font-size:15px; line-height:21px; }

						.con_tree { margin:20px 0 0 0; padding:20px 20px 20px 20px; font-size:13px; }

						.con_open .con_open_nodata { font-size:14px; }
						.con_open_c { padding:18px 10px 18px 10px; }
						.con_open_c .con1 { width:100%; border:none; }
						.con_open_c .con1 img { width:100%; height:auto; border:1px solid #d8d8d8; }
						.con_open_c .con2 { width:100%; padding:0 0 0 0; }
						.con_open_c .con2 ul li.htit { margin:15px 0 9px 0; }
						.con_open_c .con2 ul li.htit a { font-size:15px; line-height:22px; }
						.con_open_c .con2 ul li.tit { width:75px; font-size:13px; background:url("../images/dot_03.png") no-repeat 0 8px; }
						.con_open_c .con2 ul li.desc { font-size:13px; }
						.con_open_c .con2 ul li.btns { padding:7px 0 0 0; }
						.con_open_c .con2 ul li.btns a { padding:2px 20px 2px 20px; font-size:13px; }

						.con_vod iframe { height:300px; }
						.con_vod.mop1 { margin:10px 0 0 0; }
						.con_vod video { height:300px; }

						.con_imglist_nodata { padding:25px 0 25px 0; font-size:14px; }
						.con_imglist_c { width:49%; margin:0 2% 15px 0; }
						.con_imglist_c:nth-child(2n) { margin:0 0 15px 0; }
						.con_imglist_c .con1 { height:140px; }
						.con_imglist_c .con1 a.imgs { height:140px; }
						.con_imglist_c .con2 { padding:13px 15px 15px 15px; }
						.con_imglist_c .con2 a.tit { font-size:14px; }
						.con_imglist_c .con2 a.tit2 { height:45px; font-size:13px; line-height:16px; }
						.con_imglist_c .con2 ul { margin:10px 0 0 0; padding:5px 10px 5px 10px; }
						.con_imglist_c .con2 ul li.cnts { font-size:12px; }
						.con_imglist_c .con2 ul li.dt { font-size:12px; }
						.con_imglist_c .con2 a.btns { margin:8px 0 0 0; font-size:13px; }
						.con_imglist_c .con2 a.btns2 { margin:8px 0 0 0; font-size:13px; }

						.con_classlist.bop1 { border:3px solid #dddddd; }
						.con_classlist.bop2 { margin:40px 0 0 0; border:4px solid #dddddd; border-radius:4px; }
						.con_classlist_nodata { padding:25px 0 25px 0; font-size:14px; }
						.con_classlist_c { padding:25px 5px 25px 5px; }
						.con_classlist_c.bop1 { padding:18px 18px 18px 18px; }
						.con_classlist_c .con1.wop1 { width:100%; margin:0 0 0 0; }
						.con_classlist_c .con1 img { width:100%; height:auto; }
						.con_classlist_c .con1.wop1 img { width:100%; height:auto; }
						.con_classlist_c .con2.wop1 { width:100%; margin:10px 0 0 0; }
						.con_classlist_c .con2.mop2 { margin:5px 0 0 0; }
						.con_classlist_c .con2_1 ul li.divi span.label { padding:1px 8px 1px 8px; font-size:12px; }
						.con_classlist_c .con2_1 ul li.tit { font-size:18px; line-height:24px; }
						.con_classlist_c .con2_1 ul li.tit a { font-size:18px; line-height:24px; }
						.con_classlist_c .con2_1 ul li.tit a.link { padding:4px 15px 4px 15px; font-size:16px; }
						.con_classlist_c .con2_2 { margin:9px 0 0 0; padding:13px 17px 10px 17px; }
						.con_classlist_c .con2_2.pop1 { padding:13px 17px 13px 17px; }
						.con_classlist_c .con2_2 ul.op1 li.desc { font-size:13px; line-height:20px; }
						.con_classlist_c .con2_2 ul.op1 li.desc .noti { margin:5px 0 0 0; }
						.con_classlist_c .con2_2 ul.op1 li.desc .noti dl dt { font-size:13px; line-height:20px; }
						.con_classlist_c .con2_2 ul.op2 { margin:9px 0 0 0; }
						.con_classlist_c .con2_2 ul.op2 li { margin:0 0 5px 0; }
						.con_classlist_c .con2_2 ul.op2 li.tit { width:90px; font-size:13px; background:url("../images/dot_03.png") no-repeat 0 8px; padding:0 0 0 10px; }
						.con_classlist_c .con2_2 ul.op2 li.desc { width:calc(100% - 90px); font-size:13px; }
						.con_classlist_c .con2_2 ul.op3 li.tit { margin:0 15px 0 0; font-size:13px; background:url("../images/dot_03.png") no-repeat 0 8px; padding:0 0 0 10px; }
						.con_classlist_c .con2_2 ul.op3 li.desc { margin:0 20px 0 0; font-size:13px; }
						.con_classlist_c .con2_2 ul.op4.mop1 { margin:0 0 0 0; }
						.con_classlist_c .con2_2 ul.op4 li { margin:0 0 5px 0; }
						.con_classlist_c .con2_2 ul.op4 li.tit { width:90px; font-size:13px; background:url("../images/dot_03.png") no-repeat 0 8px; padding:0 0 0 10px; }
						.con_classlist_c .con2_2 ul.op4 li.desc { width:calc(100% - 90px); font-size:13px; }
						.con_classlist_c .con2_2 ul.op4 li.desc.wop1 { width:calc(100% - 90px); }
						.con_classlist_c .con2_2 ul.op4 li dl dt { margin:0 0 2px 0; font-size:13px; }
						.con_classlist_c .con2_2 ul.op5.mop1 { margin:0 0 0 0; }
						.con_classlist_c .con2_2 ul.op5 li { margin:0 0 5px 0; }
						.con_classlist_c .con2_2 ul.op5 li.tit { width:80px; font-size:13px; background:url("../images/dot_03.png") no-repeat 0 8px; padding:0 0 0 10px; }
						.con_classlist_c .con2_2 ul.op5 li.desc { width:calc(100% - 80px); font-size:13px; }

						.con_classlist_c .con2_2 .noti2 { margin:6px 0 0 0; font-size:12px; line-height:17px; background:url("../images/dot_16.png") no-repeat 0 5px; padding:0 0 0 10px; }
						.con_classlist_c .con2_3 { margin:17px 0 0 0; }
						.con_classlist_c .con2_3 ul li { margin:0 6px 0 0; }
						.con_classlist_c .con2_3 ul li a.link { padding:4px 15px 4px 15px; font-size:13px; }

						.con_classlist_c .con2_4 { margin:20px 0 0 1px; }
						.con_classlist_c .con2_4 ul li.tit1 { width:160px; font-size:14px; margin:1px 0 0 0; }
						.con_classlist_c .con2_4 ul li.tit1 span { width:70px; padding:0 5px 0 5px; font-size:13px; }
						.con_classlist_c .con2_4 ul li.desc1 { width:calc(100% - 160px); }
						.con_classlist_c .con2_4 ul li.desc1 span.gra1 { height:18px; }
						.con_classlist_c .con2_4 ul li.desc1 span.gra2 { height:18px; }
						.con_classlist_c .con2_4 ul li.tit2 { width:160px; font-size:14px; margin:1px 0 0 0; }
						.con_classlist_c .con2_4 ul li.tit2 span { width:70px; padding:0 5px 0 5px; font-size:13px; }
						.con_classlist_c .con2_4 ul li.desc2 { width:calc(100% - 160px); }
						.con_classlist_c .con2_4 ul li.desc2 span.gra1 { height:18px; }
						.con_classlist_c .con2_4 ul li.desc2 span.gra2 { height:18px; }

						.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_box .con1 .con1_2 ul li.btns2 { width:90px; margin:0 10px 0 0; }
						.con_searcheg_box .con1 .con1_2 ul li.btns2 a { height:30px; font-size:14px; line-height:30px; border-radius:4px; }
						.con_searcheg_box .con1 .con1_2 ul li.forms { width:110px; padding:6px 0 0 0; }
						.con_searcheg_box .con1 .con1_2 ul li.forms label { font-size:14px; }
						.con_searcheg_box .con1 .con1_2 ul li.forms input[type="checkbox"] { margin:-2px 4px 0 0; width:16px; height:16px; }
						.con_searcheg_box .con2 { margin:25px 20px 0 20px; padding:20px 20px 20px 20px; }
						.con_searcheg_box .con2 a.link_close { width:26px; height:26px; background-size:13px; }
						.con_searcheg_box .con2 a.link_close:hover { background:#555555 url("../images/close_04.png") no-repeat center center; background-size:15px; }
						.con_searcheg_box .con2 .con2_1 .htit { width:auto; margin:0 0 0 0; padding:3px 30px 3px 30px; font-size:14px; border-radius:30px; }
						.con_searcheg_box .con2 .con2_1 .desc { width:100%; padding:10px 5px 0 5px; }
						.con_searcheg_box .con2 .con2_1 .desc ul li.forms1 { width:80px; padding:3px 0 0 0; }
						.con_searcheg_box .con2 .con2_1 .desc ul li.forms1 label { font-size:13px; }
						.con_searcheg_box .con2 .con2_1 .desc ul li.forms1 input[type="checkbox"] { margin:-2px 3px 0 0; width:16px; height:16px; }
						.con_searcheg_box .con2 .con2_1 .desc ul li.forms2 { width:calc((100% - 275px) / 2); }
						.con_searcheg_box .con2 .con2_1 .desc ul li.forms2 input[type="text"] { height:28px; font-size:13px; padding:0 5px 0 5px; }
						.con_searcheg_box .con2 .con2_1 .desc ul li.blank { width:25px; }
						.con_searcheg_box .con2 .con2_1 .desc ul li.blank span { font-size:18px; }
						.con_searcheg_box .con2 .con2_1 .desc ul li.forms3 { width:160px; margin:0 0 0 10px; }
						.con_searcheg_box .con2 .con2_1 .desc ul li.forms3 dl dt a.link { height:26px; padding:3px 0 0 0; font-size:13px; }
						.con_searcheg_box .con2 .con2_2 { margin:15px 0 0 0; }
						.con_searcheg_box .con2 .con2_2 .htit { width:auto; margin:0 0 0 0; padding:3px 30px 3px 30px; font-size:14px; }
						.con_searcheg_box .con2 .con2_2 .desc { width:100%; padding:10px 5px 0 5px; }
						.con_searcheg_box .con2 .con2_2 .desc ul li.forms1 { width:100%; padding:2px 0 0 0; }
						.con_searcheg_box .con2 .con2_2 .desc ul li.forms1 label { font-size:13px; }
						.con_searcheg_box .con2 .con2_2 .desc ul li.forms1 input[type="checkbox"] { margin:-2px 3px 0 0; width:16px; height:16px; }
						.con_searcheg_box .con2 .con2_2 .desc ul li.forms2 { margin:3px 0 0 0; width:100%; padding:2px 0 0 0; }
						.con_searcheg_box .con2 .con2_2 .desc ul li.forms2 label { font-size:13px; }
						.con_searcheg_box .con2 .con2_2 .desc ul li.forms2 input[type="checkbox"] { margin:-2px 3px 0 0; width:16px; height:16px; }
						.con_searcheg_box .con2 .con2_2 .desc ul li.forms3 { margin:6px 0 0 0; width:100%; }
						.con_searcheg_box .con2 .con2_2 .desc ul li.forms3 input[type="text"] { height:28px; font-size:13px; padding:0 5px 0 5px; }

						.con_searcheg_best { margin:20px 0 0 0; padding:20px 20px 20px 20px; }
						.con_searcheg_best h3 { font-size:15px; }
						.con_searcheg_best .con1 { margin:10px 0 0 0; }
						.con_searcheg_best .con1 table colgroup { display:none; }
						.con_searcheg_best .con1 th { width:15%; padding:10px 5px 10px 5px; font-size:13px; }
						.con_searcheg_best .con1 td { width:85%; padding:10px 10px 10px 10px; }
						.con_searcheg_best .con1 td ul li { margin:0 0 5px 0; width:100%; }
						.con_searcheg_best .con1 td ul li a { width:100%; padding:0 15px 0 10px; font-size:12px; text-align:left; }
						.con_searcheg_best .con1 td ul li a i { width:15px; height:15px; font-size:9px; line-height:15px; margin:-2px 4px 0 0; }
						.con_searcheg_best .con1 td ul li a span { float:right; font-size:11px; margin:0 0 0 5px; }

						.con_searcheg_myword { margin:12px 0 0 0; padding:20px 20px 15px 20px; }
						.con_searcheg_myword h3 { font-size:15px; }
						.con_searcheg_myword ul { margin:10px 0 0 0; }
						.con_searcheg_myword ul li { margin:0 6px 5px 0; padding:2px 8px 2px 8px; }
						.con_searcheg_myword ul li a.tit { font-size:12px; }
						.con_searcheg_myword ul li a.del { width:13px; height:13px; background-size:13px; margin:-2px 0 0 5px; }

						.con_searcheg_tab { margin:25px 0 0 0; overflow:hidden; display:flex; flex-flow:row wrap; justify-content:flex-start; height:auto; border-left:1px solid #d8d8d8; border-top:1px solid #d8d8d8; }
						.con_searcheg_tab a { float:left; padding:5px 0 0 0; display:inline-block; width:50%; height:50px; font-size:14px; border-width:0 1px 1px 0; border-bottom:1px solid #d8d8d8; }
						.con_searcheg_tab a.on { display:inline-block; border:none; color:#ffffff; background:#5e5e5e; font-size:14px; }
						.con_searcheg_tab a span { margin:0 0 0 0; font-size:12px; }
						.con_searcheg_tab a.on span { font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#f9c10c; }

						.con_searcheg_txt { padding:25px 15px 0 15px; font-size:18px; line-height:25px; }
						.con_searcheg_c { margin:25px 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 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_intro_c1 { width:100%; }
						.con_intro_c1 img { width:100%; }
						.con_intro_c2 h2 { margin:25px 0 0 0; font-size:26px; line-height:32px; letter-spacing:-0.06em; }
						.con_intro_c2 h3 { margin:18px 0 0 0; font-size:20px; line-height:28px; letter-spacing:-0.05em; }
						.con_intro_c3 { padding:20px 0 0 0; font-size:16px; line-height:23px; letter-spacing:-0.03em; }

						.con_intro2 { margin:30px 0 0 0; }
						.con_intro2_c1 { width:100%; height:180px; background-position:center center; }
						.con_intro2_c1_1 { float:right; width:55%; height:45px; transition:all 0.3s ease-in-out; animation:con_intro2_ani1 2s ease; margin:-15px -5px 0 0; }
						.con_intro2_c1_2 { float:right; width:55%; font-size:20px; transition:all 0.3s ease-in-out; animation:con_intro2_ani1 2s ease; margin:-15px -5px 20px 0; }
						.con_intro2_c2 { width:100%; padding:20px 5px 0 5px; }
						.con_intro2_c2 h3 { padding:10px 0 0 0; font-size:18px; line-height:24px; }
						.con_intro2_c2 h3 span.bars { width:25px; }
						.con_intro2_c2 ul { margin:15px 0 0 0; }
						.con_intro2_c2 ul li { margin:0 0 7px 0; font-size:15px; line-height:20px; background:url("../images/dot_06.png") no-repeat 0 7px; padding:0 0 0 12px; }

						.con_intro3 { margin:30px 0 0 0; }
						.con_intro3_c1 { width:100%; height:180px; background-position:center center; }
						.con_intro3_c2 { width:100%; padding:20px 5px 0 5px; }
						.con_intro3_c2 h3 { padding:10px 0 0 0; font-size:18px; line-height:24px; }
						.con_intro3_c2 h3 span.bars { width:25px; }
						.con_intro3_c2 ul { margin:15px 0 0 0; }
						.con_intro3_c2 ul li { margin:0 0 7px 0; font-size:15px; line-height:20px; background:url("../images/dot_06.png") no-repeat 0 7px; padding:0 0 0 12px; }

						.con_history_tit h2 { font-size:26px; line-height:30px; letter-spacing:-0.06em; }
						.con_history_tit h3 { margin:8px 0 0 0; font-size:16px; line-height:22px; letter-spacing:-0.03em; }

						.con_history { margin:0 0 0 0; }
						.con_history_c { margin:20px 0 0 0; background:none; }
						.con_history_c:first-child { margin:30px 0 0 0; }
						.con_history_c:last-child { margin:0 0 0 0; }
						.con_history_c { background:none; }
						.con_history_c h2 span { width:100%; padding:8px 20px 8px 20px; font-size:18px; }
						.con_history_c1 { width:100%; padding:20px 0 0 0; text-align:center; }
						.con_history_c1 img { margin:0 auto; width:100%; }
						.con_history_c1.op1 { padding-bottom:0; }
						.con_history_c1.op2 { padding-bottom:0; }
						.con_history_c1.op3 { padding-bottom:0; }
						.con_history_c1.op4 { padding-bottom:0; }
						.con_history_c1.op5 { padding:0 0 0 0; }
						.con_history_c2 { position:static; width:100%; overflow:hidden; padding:5px 0 20px 0; }
						.con_history_c2 ul li.tit { background:url("../images/history_03.png") no-repeat 8px 23px, url("../images/history_03_.png") repeat-x 0 center; padding:10px 0 3px 10px; }
						.con_history_c2 ul li.tit span { background:none; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; font-size:20px; }
						.con_history_c2 ul li.date { width:100%; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#555555; font-size:16px; padding:0 0 4px 20px; }
						.con_history_c2 ul li.desc { width:100%; color:#777777; font-size:15px; line-height:20px; padding:0 0 5px 20px; }

						.con_lwwrap { margin:0 0 0 0; }
						.con_lwwrap_c { padding:15px 15px 15px 15px; }
						.con_lwwrap_c.wop1 { padding:20px 20px 20px 20px; }
						.con_lwwrap_c.wop2 { padding:10px 20px 20px 20px; }
						.con_lwwrap_c h3 { font-size:16px; }
						.con_lwwrap_c h3 a.more { font-size:12px; }
						.con_lwwrap_c h3 a.more2 { top:0px; padding:3px 9px 3px 9px; font-size:13px; }
						.con_lwwrap_c .con1 { margin:10px 0 0 0; padding:15px 3px 0 3px; }
						.con_lwwrap_c .con1 ul li { margin:0 0 8px 0; }
						.con_lwwrap_c .con1 ul li.nodata { font-size:13px; }
						.con_lwwrap_c .con1 ul li a { font-size:13px; background:url("../images/dot_03.png") no-repeat 0 9px; padding:0 70px 0 10px; }
						.con_lwwrap_c .con1 ul li span { font-size:12px; }
						.con_lwwrap_c .con1 table.op1 { display:block; border:1px solid #e2e2e2; border-width:1px 1px 0 1px; border-radius:4px; }
						.con_lwwrap_c .con1 table.op1 thead { display:block; transition:all 0.3s ease; }
						.con_lwwrap_c .con1 table.op1 tbody { display:block; transition:all 0.3s ease; }
						.con_lwwrap_c .con1 table.op1 tr { display:block; padding:0 0 10px 0; border-bottom:1px solid #e2e2e2; }
						.con_lwwrap_c .con1 table.op1 th { display:block; padding:10px 0 0 25px; border:none; font-size:14px; background:#ffffff url("../images/dot_03.png") no-repeat 15px 19px; text-align:left; }
						.con_lwwrap_c .con1 table.op1 th.bgop1 { background:#ffffff url("../images/dot_03.png") no-repeat 15px 19px; }
						.con_lwwrap_c .con1 table.op1 td { display:block; padding:3px 0 0 25px; border:none; font-size:13px; line-height:19px; }
						.con_lwwrap_c .con1 table.op2 { display:block; border:1px solid #e2e2e2; border-width:1px 1px 0 1px; border-radius:4px; }
						.con_lwwrap_c .con1 table.op2 thead { display:none; transition:all 0.3s ease; }
						.con_lwwrap_c .con1 table.op2 tbody { display:block; transition:all 0.3s ease; }
						.con_lwwrap_c .con1 table.op2 tr { display:block; padding:0 10px 10px 0; border-bottom:1px solid #e2e2e2; }
						.con_lwwrap_c .con1 table.op2 th { display:block; padding:10px 0 0 25px; border:none; font-size:14px; background:url("../images/dot_03.png") no-repeat 15px 19px; text-align:left; }
						.con_lwwrap_c .con1 table.op2 th.tit { background:#ffffff url("../images/dot_03.png") no-repeat 15px 19px; padding:10px 0 0 25px; }
						.con_lwwrap_c .con1 table.op2 td { position:relative; display:block; padding:4px 10px 0 80px; border:none; font-size:13px; line-height:18px; text-align:left; }
						.con_lwwrap_c .con1 table.op2 td.pop1 { padding:4px 10px 0 25px; }
						.con_lwwrap_c .con1 table.op2 td i { position:absolute; left:25px; top:4px; display:inline-block; width:70px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#444444; font-size:13px; font-weight:normal; letter-spacing:-0.02em; font-style:normal; padding:0 0 0 10px; background:url("../images/dot_10.png") no-repeat 0 6px; }
						.con_lwwrap_c .con2 { margin:13px 3px 0 3px; padding:10px 15px 10px 15px; }
						.con_lwwrap_c .con2 ul li { margin:0 0 5px 0; font-size:12px; background:url("../images/dot_10.png") no-repeat 0 5px; }

						.con_org { padding:30px 15px 30px 15px; }

						.con_micro { margin:25px 0 0 0; }

						.con_microlist { padding:30px 40px 30px 40px; }
						.con_microlist_c { padding:0 0 0 10px; }
						.con_microlist_c1 { margin:0 10px 5px 0; }
						.con_microlist_c1 .con1 a.imgs { height:150px; }
						.con_microlist_c1 .con2 { padding:13px 10px 10px 10px; }
						.con_microlist_c1 .con2 ul.op1 li.tit a { font-size:14px; }
						.con_microlist_c .slick-prev { left:-40px; top:100px; width:30px; height:30px; background-size:30px; }
						.con_microlist_c .slick-next { right:-30px; top:100px; width:30px; height:30px; background-size:30px; }

						.con_microlist2 { margin:25px 0 0 0; }
						.con_microlist2_c .con1 a.imgs { height:130px; }
						.con_microlist2_c .con2 ul.op1 li.tit a { padding:15px 10px 15px 10px; font-size:14px; }

						.con_microlist3 { padding:20px 20px 20px 20px; }
						.con_microlist3 h3 { font-size:20px; line-height:28px; }
						.con_microlist3 h4 { margin:3px 0 0 0; padding:0 0 20px 0; font-size:12px; line-height:16px; }
						.con_microlist3_c .con1 a { height:120px; }
						.con_microlist3_c .con2 a { padding:10px 10px 10px 10px; font-size:15px; }

						.con_microlist4 { margin:20px 0 0 0; padding:20px 40px 20px 40px; }
						.con_microlist4 h3 { font-size:20px; line-height:28px; }
						.con_microlist4 h4 { margin:3px 0 0 0; padding:0 0 20px 0; font-size:12px; line-height:16px; }
						.con_microlist4_c { padding:0 0 0 10px; }
						.con_microlist4_c1 { margin:0 10px 5px 0; }
						.con_microlist4_c1 .con1 a { height:130px; }
						.con_microlist4_c1 .con2 a { padding:12px 5px 12px 5px; font-size:13px; }
						.con_microlist4_c .slick-prev { left:-40px; top:70px; width:30px; height:30px; background-size:30px; }
						.con_microlist4_c .slick-next { right:-30px; top:70px; width:30px; height:30px; background-size:30px; }

						.con_faq ul li.nodata { font-size:14px; }
						.con_faq ul.faq_q { margin:18px 0 0 0; }
						.con_faq ul.faq_q li a { padding:16px 60px 16px 55px; font-size:14px; }
						.con_faq ul.faq_q li span.arrow { right:20px; top:27px; }
						.con_faq ul.faq_a li { padding:20px 20px 30px 55px; font-size:14px; }

						.con_cal { margin:25px 0 0 0; }
						.con_cal_c1 ul li a.link1 { width:30px; height:30px; font-size:14px; line-height:30px; }
						.con_cal_c1 ul li.dt { font-size:20px; margin:0 15px 0 0; }
						.con_cal_c2 { margin:20px 0 0 0; }
						.con_cal_c2 table { display:block; }
						.con_cal_c2 table thead { display:block; }
						.con_cal_c2 table tbody { display:block; }
						.con_cal_c2 table tr { display:block; }
						.con_cal_c2 th { display:none; }
						.con_cal_c2 td { display:block; height:auto; min-height:53px; position:relative; padding:15px 10px 15px 80px; border-width:0 0 1px 0; }
						.con_cal_c2 td h3 { position:absolute; left:5px; top:10px; display:inline-block; width:60px; padding:8px 0 8px 0; font-size:13px; background:#f2f2f2; border:1px solid #cccccc; border-radius:4px; }
						.con_cal_c2 td h3 span { display:inline; margin:0 0 0 2px; }
						.con_cal_c2 ul { margin:0 0 0 0; }
						.con_cal_c2 ul li { margin:0 0 7px 0; }
						.con_cal_c2 ul li a { padding:2px 7px 2px 7px; font-size:12px; }

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

						.con_facil { margin:10px 0 0 0; }

						.con_facil2 { margin:10px 0 0 0; }
						.con_facil2 .con1 { width:100%; }

						.con_facil2 .con2 { padding:15px 20px 10px 20px; }
						.con_facil2 .con2 ul li { margin:0 0 5px 0; font-size:14px; background:url("../images/dot_06.png") no-repeat 0 8px; padding:0 0 0 12px; }

						.con_facil3 { margin:25px 0 0 0; }
						.con_facil3 .con1 { width:49%; margin:0 2% 0 0; }
						.con_facil3 .con1 .imgs { margin:10px 0 0 0; }
						.con_facil3 .con2 { width:49%; }
						.con_facil3 .con2 .imgs { margin:10px 0 0 0; }

						.con_asp { margin:20px 0 0 0; padding:20px 20px 12px 20px; }
						.con_asp .con1 ul li { width:23.5%; margin:0 2% 8px 0; }
						.con_asp .con1 ul li:nth-child(4n) { margin:0 0 8px 0; }
						.con_asp .con1 ul li a { height:40px; font-size:15px; line-height:40px; border-radius:4px; }
						.con_asp .con2 ul li { width:23.5%; margin:0 2% 8px 0; }
						.con_asp .con2 ul li:nth-child(4n) { margin:0 0 8px 0; }
						.con_asp .con2 ul li a { height:40px; font-size:15px; line-height:40px; border-radius:4px; }

						.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_vision { padding:30px 20px 30px 20px; }
						.con_vision h2 { padding:5px 30px 5px 30px; font-size:16px; }
						.con_vision h3 { margin:15px 0 0 0; font-size:20px; line-height:27px; }

						.con_vision2 { margin:25px 0 0 0; padding:30px 20px 30px 20px; }
						.con_vision2 h2 { padding:5px 30px 5px 30px; font-size:16px; }
						.con_vision2 h3 { margin:15px 0 0 0; font-size:20px; line-height:27px; }

						.con_vision3 { margin:10px 0 0 0; padding:30px 20px 30px 20px; }
						.con_vision3_c { padding:130px 0 0 0; }
						.con_vision3_c.bg1 { background:url("../images/vision_01.png") no-repeat center 0, url("../images/bg_01.png") repeat-x 0 55px; background-size:110px, 1px; }
						.con_vision3_c.bg2 { background:url("../images/vision_02.png") no-repeat center 0, url("../images/bg_01.png") repeat-x 0 55px; background-size:110px, 1px; }
						.con_vision3_c.bg3 { background:url("../images/vision_03.png") no-repeat center 0, url("../images/bg_01.png") repeat-x 0 55px; background-size:110px, 1px; }
						.con_vision3_c ul li.tit { font-size:19px; line-height:25px; }
						.con_vision3_c ul li.desc { font-size:14px; }

						.con_vision4 { margin:10px 0 0 0; }
						.con_vision4_c { width:100%; margin:0 0 20px 0; }
						.con_vision4_c:nth-child(3) { margin:0 0 20px 0; }
						.con_vision4_c .con1 { height:180px; }
						.con_vision4_c .con2 { height:auto; padding:20px 20px 20px 20px; }
						.con_vision4_c .con2 h3 { padding:9px 0 0 0; font-size:16px; line-height:22px; }
						.con_vision4_c .con2 h3 span.bars { width:22px; }
						.con_vision4_c .con2 ul { margin:12px 0 0 3px; }
						.con_vision4_c .con2 ul li { margin:0 0 5px 0; font-size:14px; line-height:20px; background:url("../images/dot_06.png") no-repeat 0 7px; padding:0 0 0 12px; }

						.con_vision5 { padding:25px 20px 25px 20px; }
						.con_vision5_c { width:50%; padding:160px 0 0 0; }
						.con_vision5_c:nth-child(1) { margin:0 0 30px 0; }
						.con_vision5_c:nth-child(2) { margin:0 0 30px 0; }
						.con_vision5_c.bg1 { background:url("../images/vision2_01.png") no-repeat center 0, url("../images/bg_01.png") repeat-x 0 75px; background-size:150px, 1px; }
						.con_vision5_c.bg2 { background:url("../images/vision2_02.png") no-repeat center 0, url("../images/bg_01.png") repeat-x 0 75px; background-size:150px, 1px; }
						.con_vision5_c.bg3 { background:url("../images/vision2_03.png") no-repeat center 0, url("../images/bg_01.png") repeat-x 0 75px; background-size:150px, 1px; }
						.con_vision5_c.bg4 { background:url("../images/vision2_04.png") no-repeat center 0, url("../images/bg_01.png") repeat-x 0 75px; background-size:150px, 1px; }
						.con_vision5_c ul li.desc { font-size:14px; }
						.con_vision5_c ul li.tit { font-size:19px; line-height:24px; }

						.con_mileage { margin:25px 0 0 0; padding:25px 0 25px 0; }
						.con_mileage ul li.tit { padding:8px 9px 8px 50px; background:url("../images/mileage_01.png") no-repeat 0 3px; background-size:40px; font-size:20px; }
						.con_mileage ul li.desc { padding:1px 0 0 0; font-size:20px; }
						.con_mileage ul li.desc span { font-size:25px; }

						.con_step { margin:35px 0 0 0; }
						.con_step_c { width:calc((100% - 90px) / 2); margin:0 45px 20px 0; }
						.con_step_c:nth-child(2) { margin:0 0 20px 0; }
						.con_step_c h3 { font-size:17px; }

						.con_step2_wrap { margin:30px 0 0 0; padding:20px 20px 20px 20px; }
						.con_step2 { display:block; }
						.con_step2_c { display:block; width:100%; padding:0 0 0 0; }
						.con_step2_c.op1 { width:100%; padding:20px 0 0 0; }
						.con_step2_c i { border:15px solid transparent; border-top-color:#cccccc; }
						.con_step2_c h3 { position:static; font-size:17px; padding:12px 0 12px 0; }
						.con_step2_c .con1 { padding:20px 20px 20px 20px; }
						.con_step2_c .con1 ul li { font-size:14px; }
						/*
						@keyframes con_step2_ani1 { 0% { opacity:1.0; transform:translateY(-100%); } 100%{ opacity:1.0; transform:translateY(0); } }
						@keyframes con_step2_ani2 { 0% { opacity:1.0; transform:translateY(-200%); } 100%{ opacity:1.0; transform:translateY(0); } }
						@keyframes con_step2_ani3 { 0% { opacity:1.0; transform:translateY(-300%); } 100%{ opacity:1.0; transform:translateY(0); } }
						@keyframes con_step2_ani4 { 0% { opacity:1.0; transform:translateY(-400%); } 100%{ opacity:1.0; transform:translateY(0); } }
						@keyframes con_step2_ani5 { 0% { opacity:0.0; transform:translateY(-500%); } 100%{ opacity:1.0; transform:translateY(0); } }
						*/

						.con_competence { padding:30px 20px 30px 20px; }
						.con_competence .con1 span.fop1 { bottom:auto; top:155px; }
						.con_competence .con1 span.fop1 em { padding:1px 15px 1px 20px; font-size:15px; }
						.con_competence .con1 span.fop2 { top:95px; }
						.con_competence .con1 span.fop2 em { padding:1px 15px 1px 15px; font-size:15px; }
						.con_competence .con1 .con1_1 { margin:0 0 20px 0; }
						.con_competence .con1 .con1_1 i { border-width:0 200px 200px 200px; }
						.con_competence .con1 .con1_2 { left:calc(50% - 140px); }
						.con_competence .con1 .con1_2 i { border-width:0 0 140px 140px; }
						.con_competence .con1 .con1_3 { right:calc(50% - 140px); }
						.con_competence .con1 .con1_3 i { border-width:0 140px 140px 0; }
						.con_competence .con1 .con1_4 { right:calc(50% - 80px); }
						.con_competence .con1 .con1_4 i { border-width:0 80px 80px 0; }

						.con_competence .con1 .con1_5 { position:static; float:left; width:32%; min-height:115px; margin:0 2% 0 0; padding:10px 15px 10px 15px; }
						.con_competence .con1 .con1_5 h3 { padding:3px 0 3px 0; font-size:15px; }

						.con_competence .con1 .con1_6 { position:static; float:left; width:32%; min-height:115px; margin:0 2% 0 0; padding:10px 15px 10px 15px; }
						.con_competence .con1 .con1_6 h3 { padding:3px 0 3px 0; font-size:15px; }
						.con_competence .con1 .con1_6 ul { margin:8px 0 0 0; }
						.con_competence .con1 .con1_6 ul li { padding:0 0 0 8px; font-size:13px; }
						.con_competence .con1 .con1_6 ul li:before { top:10px; }

						.con_competence .con1 .con1_7 { position:static; float:left; width:32%; min-height:115px; padding:10px 15px 10px 15px; }
						.con_competence .con1 .con1_7 h3 { padding:3px 0 3px 0; font-size:15px; }
						.con_competence .con1 .con1_7 ul { margin:8px 0 0 0; }
						.con_competence .con1 .con1_7 ul li { padding:0 0 0 8px; font-size:13px; }
						.con_competence .con1 .con1_7 ul li:before { top:10px; }

						.con_competence .con2 { float:left; margin:30px 0 0 0; width:100%; padding:20px 20px 10px 20px; }
						.con_competence .con2 ul li { margin:0 0 8px 0; }
						.con_competence .con2 ul li.tit { font-size:14px; }
						.con_competence .con2 ul li.desc { font-size:14px; }

						.con_competence2 { margin:30px 0 0 0; }
						.con_competence2 label { font-size:15px; }
						.con_competence2 input[type="radio"] { margin:0 6px 0 0; width:20px; height:20px; }

						.con_competence3_c { padding:25px 25px 25px 25px; }
						.con_competence3_c h3 { font-size:16px; }

						.con_competence3_c2 { padding:25px 25px 25px 25px; }
						.con_competence3_c2 h3 { font-size:16px; }

						.con_popup_c { height:auto; padding:15px 20px 15px 20px; }
						.con_popup_c h2 { font-size:18px; }
						.con_popup_c a.link_close { right:5px; top:6px; width:40px; height:40px; background-size:20px; }

						.con_popupcont { padding:20px 20px 40px 20px; }

						.con_eval { margin:15px 0 0 0; }
						.con_eval_c { padding:20px 20px 20px 20px; }
						.con_eval_c h2 { font-size:15px; line-height:1.4; }
						.con_eval_c h3 { margin:17px 0 0 0; padding:2px 18px 2px 18px; font-size:12px; }
						.con_eval_c ul { width:400px; padding:25px 25px 25px 25px; margin:12px 0 0 0; }
						.con_eval_c ul li { margin:0 0 12px 0; }
						.con_eval_c ul li.tit { width:180px; font-size:14px; line-height:1.2; margin:0 0 13px 0; }
						.con_eval_c ul li.tit i { font-size:16px; margin:-4px 5px 0 0; }
						.con_eval_c ul li.desc { width:calc(100% - 180px); }
						.con_eval_c dl dt { margin:0 18px 0 0; }
						.con_eval_c dl dt i { width:18px; height:18px; font-size:13px; line-height:1.2; }

}

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

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

									.con_list_option2 .con1 { margin:0 0 0 0; padding:0 0 9px 0; }
									.con_list_option2 .con1_1 { width:100%; border-spacing:10px 0; }
									.con_list_option2 .con1_1 a { padding:6px 5px 6px 5px; }

									.con_tab3 { height:auto; }
									.con_tab3 a { height:auto; font-size:14px; line-height:19px; padding:10px 10px 10px 10px; word-break:keep-all; }
}

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

									.con_footer_c2 .con1 ul { border:1px solid #777777; border-width:1px 0 0 1px; }
									.con_footer_c2 .con1 ul li { width:50%; }
									.con_footer_c2 .con1 ul li.wop1 { width:100%; }
									.con_footer_c2 .con1 ul li a { display:inline-block; width:100%; padding:4px 0 4px 0; font-size:12px; text-align:center; border:1px solid #777777; border-width:0 1px 1px 0; background:#555555; }
									.con_footer_c2 .con1 ul li a:hover { color:#ffffff; background:#777777; }
									.con_footer_c2 .con1 ul li a.fcop1:hover { color:#ffaf04; background:#777777; }
									.con_footer_c2 .con1 ul li:after { content:none; padding:0 0 0 0; }
									.con_footer_c2 .con2 .con2_1 span.blank1 { display:block; margin:0 0 0 0; }

									.con_searcheg_box .con2 .con2_1 .desc ul li.forms2 { width:calc((100% - 105px) / 2); }
									.con_searcheg_box .con2 .con2_1 .desc ul li.forms3 { clear:both; float:right; width:auto; margin:8px 0 0 0; }
									.con_searcheg_box .con2 .con2_1 .desc ul li.forms3 dl dt a.link { width:50px; height:26px; padding:3px 0 0 0; font-size:13px; }

									.con_vision3 { padding:20px 20px 20px 20px; }
									.con_vision3_c { width:100%; padding:130px 0 30px 0; }
									.con_vision3_c:nth-child(3) { padding:130px 0 0 0; }
									.con_vision3_c.bg1 { background:url("../images/vision_01.png") no-repeat center 0, url("../images/bg_01.png") repeat-x 0 60px; background-size:120px, 1px; }
									.con_vision3_c.bg2 { background:url("../images/vision_02.png") no-repeat center 0, url("../images/bg_01.png") repeat-x 0 60px; background-size:120px, 1px; }
									.con_vision3_c.bg3 { background:url("../images/vision_03.png") no-repeat center 0, url("../images/bg_01.png") repeat-x 0 60px; background-size:120px, 1px; }

									.con_competence .con2 { margin:25px 0 0 0; padding:5px 20px 15px 20px; }
									.con_competence .con2 ul li.tit { margin:15px 0 0 0; }
									.con_competence .con2 ul li.desc { margin:10px 0 0 0; padding:0 0 0 0; width:100%; line-height:1.2; }

									.con_competence3_c { width:100%; margin:0 0 20px 0; }
									.con_competence3_c:nth-child(2n) { margin:0 0 20px 0; }


}

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

									.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_mcont_c3 ul li { width:100%; margin:0 0 7px 0; }
									.con_mcont_c3 ul li:nth-child(2n) { margin:0 0 7px 0; }
									.con_mcont_c3 ul li a { padding:15px 20px 15px 18px; }
									.con_mcont_c3 ul li.op1 a { padding:15px 20px 15px 18px; }

									.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_list { overflow-x:scroll; }
									.con_list table { width:150%; }
									.con_list table.wop1 { width:200%; }
									.con_list th { padding:8px 5px 8px 5px; font-size:13px; }
									.con_list td { padding:5px 5px 5px 5px; font-size:13px; line-height:18px; }

									.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; }

}

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

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

									.con_microlist2_c { width:100%; margin:0 0 20px 0; }
									.con_microlist2_c .con1 a.imgs { height:110px; }
									.con_microlist2_c .con2 ul.op1 li.tit a { padding:12px 10px 12px 10px; font-size:13px; }

									.con_eval_c ul { width:100%; padding:20px 20px 0 20px; }
									.con_eval_c ul li.tit { width:100%; margin:0 0 10px 0; }
									.con_eval_c ul li.desc { width:100%; margin:0 0 20px 20px; }
									.con_eval_c dl dt { margin:0 14px 0 0; }

}

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

									.con_competence { padding:25px 20px 25px 20px; }
									.con_competence .con1 span.fop1 { top:105px; }
									.con_competence .con1 span.fop1 em { font-size:14px; }
									.con_competence .con1 span.fop2 { top:50px; }
									.con_competence .con1 span.fop2 em { font-size:14px; }
									.con_competence .con1 .con1_1 { margin:0 0 15px 0; }
									.con_competence .con1 .con1_1 i { border-width:0 150px 150px 150px; }
									.con_competence .con1 .con1_2 { left:calc(50% - 90px); }
									.con_competence .con1 .con1_2 i { border-width:0 0 90px 90px; }
									.con_competence .con1 .con1_3 { right:calc(50% - 90px); }
									.con_competence .con1 .con1_3 i { border-width:0 90px 90px 0; }
									.con_competence .con1 .con1_4 { right:calc(50% - 40px); }
									.con_competence .con1 .con1_4 i { border-width:0 40px 40px 0; }

									.con_competence .con1 .con1_5 { width:100%; min-height:auto; margin:0 0 10px 0; padding:10px 10px 10px 10px; }
									.con_competence .con1 .con1_5 h3 { padding:2px 0 2px 0; font-size:14px; }

									.con_competence .con1 .con1_6 { width:49%; margin:0 2% 0 0; padding:10px 10px 10px 10px; }
									.con_competence .con1 .con1_6 h3 { padding:2px 0 2px 0; font-size:14px; }
									.con_competence .con1 .con1_6 ul { padding:0 5px 0 5px; }

									.con_competence .con1 .con1_7 { width:49%; padding:10px 10px 10px 10px; }
									.con_competence .con1 .con1_7 h3 { padding:2px 0 2px 0; font-size:14px; }
									.con_competence .con1 .con1_7 ul { padding:0 5px 0 5px; }

}

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

									.con_mcont_c1 .con1 { width:100%; height:auto; margin:0 0 0 0; padding:20px 20px 20px 20px; }
									.con_mcont_c1 .con1.mop1 {  margin:20px 0 0 0; }
									.con_mcont_c1 .con1 ul li.imgs a { height:130px; }
									.con_mcont_c1 .con1 ul li.tit { margin:12px 0 0 0; }
									.con_mcont_c1 .con1 ul li.tit a { font-size:13px; }

									.con_mcont_c1 .con1 ul li.desc span { display:none; }

									.con_list_option2 .con1_1 { border-spacing:7px 0; }
									.con_list_option2 .con1_1 a { padding:10px 5px 10px 5px; font-size:13px; border-radius:4px; }

									.con_vision5 { padding:25px 20px 25px 20px; }
									.con_vision5_c { padding:130px 0 0 0; }
									.con_vision5_c:nth-child(1) { margin:0 0 25px 0; }
									.con_vision5_c:nth-child(2) { margin:0 0 25px 0; }
									.con_vision5_c.bg1 { background:url("../images/vision2_01.png") no-repeat center 0, url("../images/bg_01.png") repeat-x 0 60px; background-size:120px, 1px; }
									.con_vision5_c.bg2 { background:url("../images/vision2_02.png") no-repeat center 0, url("../images/bg_01.png") repeat-x 0 60px; background-size:120px, 1px; }
									.con_vision5_c.bg3 { background:url("../images/vision2_03.png") no-repeat center 0, url("../images/bg_01.png") repeat-x 0 60px; background-size:120px, 1px; }
									.con_vision5_c.bg4 { background:url("../images/vision2_04.png") no-repeat center 0, url("../images/bg_01.png") repeat-x 0 60px; background-size:120px, 1px; }
									.con_vision5_c ul li.desc { font-size:14px; }
									.con_vision5_c ul li.tit { font-size:18px; line-height:23px; }

}

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

									.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_search2 { padding:20px 16px 20px 16px; }
									.con_search2 .con1 ul li.forms { width:44%; }
									.con_search2 .con1 ul li.forms label { font-size:13px; }
									.con_search2 .con1 ul li.forms input[type="text"] { font-size:12px; }
									.con_search2 .con1 ul li.btns1 { width:18%; margin:0 1% 0 0; }
									.con_search2 .con1 ul li.btns2 { width:37%; }
									.con_search2 .con1 ul li.btns1 a { padding:0 5px 0 5px; font-size:12px; }
									.con_search2 .con1 ul li.btns2 a { padding:0 6px 0 6px; font-size:12px; }

									.con_classlist_c .con2_2 ul.op3 li.tit { margin:0 10px 0 0; }
									.con_classlist_c .con2_2 ul.op3 li.desc { margin:0 15px 0 0; }

									.con_lwwrap_c .con1 ul li { margin:0 0 5px 0; }
									.con_lwwrap_c .con1 ul li a { padding:0 10px 0 10px; }
									.con_lwwrap_c .con1 ul li span { position:static; padding:0 0 0 10px; }

}

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

									.con_mvisual .con1 { top:40px; }
									.con_mvisual .con1 h2 { font-size:14px; line-height:21px; }
									.con_mvisual .con1 h1 { margin:15px 0 0 0; font-size:26px; line-height:30px; }

									.con_footer_c1 .con2 { width:100%; }
									.con_footer_c1 .con2 ul li.forms { width:calc(100%  - 55px); }
									.con_footer_c1 .con2 ul li .con_select { width:100%; }
									.con_footer_c1 .con2 ul li.btns { width:50px; }
									.con_footer_c1 .con2 ul li.btns a { width:100%; }
									.con_footer_c2 span.rdabetter { right:20px; top:28px; width:100px; height:26px; background-size:100px; }
									.con_footer_c2 .con1 ul li a { padding:4px 0 4px 0; font-size:11px; }

									.con_mclass2_c1 .con2_1 ul.op2 li.dt { margin:3px 0 0 0; }

									.con_search ul li select.wop1 { width:49%; }
									.con_search ul li input[type="text"].wop5 { width:58%; }
									.con_search dl.wop1 dt { width:100%; margin:0 0 7px 0; }

									.con_search3 ul li.slop1 { width:100%; margin:0 0 7px 0; }
									.con_search3 ul li.slop2 { width:100%; }
									.con_search3 ul li.slop3 { width:100%; margin:0 0 7px 0; }
									.con_search3 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_tab2 a { font-size:12px; }

									.con_tab5 a { height:33px; font-size:13px; line-height:33px; margin:0 2% 5px 0; }
									.con_tab5 a:nth-child(2n) { margin:0 0 5px 0; }

									.con_imglist_nodata { padding:20px 0 20px 0; font-size:13px; }
									.con_imglist_c { width:100%; margin:0 0 15px 0; }
									.con_imglist_c .con1 { height:150px; }
									.con_imglist_c .con1 a.imgs { height:150px; }
									.con_imglist_c .con2 { padding:15px 20px 20px 20px; }
									.con_imglist_c .con2 a.tit2 { height:auto; font-size:13px; line-height:16px; }
									.con_imglist_c .con2 a.btns { margin:9px 0 0 0; }
									.con_imglist_c .con2 a.btns2 { margin:9px 0 0 0; }

									.con_classlist_c .con2_2.pop1 { padding:15px 20px 10px 20px; }
									.con_classlist_c .con2_2 ul.op3 li.tit { width:120px; margin:0 0 5px 0; }
									.con_classlist_c .con2_2 ul.op3 li.desc { width:calc(100% - 120px); margin:0 0 5px 0; }
									.con_classlist_c .con2_4 ul li.desc1 { width:100%; margin:0 0 10px 0; }
									.con_classlist_c .con2_4 ul li.desc2 { width:100%; margin:0 0 5px 0; }

									.con_drag { display:block; }

									.con_searcheg_box .con1 .con1_2 ul li.btns1 { width:70px; margin:0 5px 0 0; }
									.con_searcheg_box .con1 .con1_2 ul li.btns2 { width:70px; margin:0 8px 0 0; }
									.con_searcheg_box .con1 .con1_2 ul li.forms { width:100px; padding:6px 0 0 0; }
									.con_searcheg_box .con1 .con1_2 ul li.forms label { font-size:13px; }
									.con_searcheg_box .con1 .con1_2 ul li.forms input[type="checkbox"] { margin:-2px 3px 0 0; width:15px; height:15px; }
									.con_searcheg_box .con2 .con2_1 .desc ul li.forms1 { margin:0 0 5px 0; width:100%; }
									.con_searcheg_box .con2 .con2_1 .desc ul li.forms2 { width:calc((100% - 25px) / 2); }

									.con_intro2 { margin:25px 0 0 0; }
									.con_intro2_c1 { height:160px; }
									.con_intro2_c2 { padding:18px 5px 0 5px; }
									.con_intro2_c2 h3 { font-size:17px; line-height:23px; }
									.con_intro2_c2 ul { margin:12px 0 0 0; }
									.con_intro2_c2 ul li { margin:0 0 6px 0; font-size:14px; line-height:19px; background:url("../images/dot_06.png") no-repeat 0 6px; padding:0 0 0 11px; }

									.con_intro3 { margin:25px 0 0 0; }
									.con_intro3_c1 { height:160px; }
									.con_intro3_c2 { padding:18px 5px 0 5px; }
									.con_intro3_c2 h3 { font-size:17px; line-height:23px; }
									.con_intro3_c2 ul { margin:12px 0 0 0; }
									.con_intro3_c2 ul li { margin:0 0 6px 0; font-size:14px; line-height:19px; background:url("../images/dot_06.png") no-repeat 0 6px; padding:0 0 0 11px; }

									.con_facil3 { margin:20px 0 0 0; }
									.con_facil3 .con1 { width:100%; margin:0 0 0 0; }
									.con_facil3 .con2 { width:100%; margin:20px 0 0 0; }

									.con_mileage ul li.tit { padding:8px 8px 8px 43px; background:url("../images/mileage_01.png") no-repeat 0 3px; background-size:35px; font-size:17px; }
									.con_mileage ul li.desc { padding:1px 0 0 0; font-size:17px; }
									.con_mileage ul li.desc span { font-size:22px; }

									.con_competence .con1 span.fop1 { top:70px; }
									.con_competence .con1 span.fop1 em { padding:0 10px 0 10px; font-size:12px; }
									.con_competence .con1 span.fop2 { top:30px; }
									.con_competence .con1 span.fop2 em { padding:0 10px 0 10px; font-size:12px; }
									.con_competence .con1 .con1_1 { margin:0 0 10px 0; }
									.con_competence .con1 .con1_1 i { border-width:0 100px 100px 100px; }
									.con_competence .con1 .con1_2 { left:calc(50% - 60px); }
									.con_competence .con1 .con1_2 i { border-width:0 0 60px 60px; }
									.con_competence .con1 .con1_3 { right:calc(50% - 60px); }
									.con_competence .con1 .con1_3 i { border-width:0 60px 60px 0; }
									.con_competence .con1 .con1_4 { right:calc(50% - 30px); }
									.con_competence .con1 .con1_4 i { border-width:0 30px 30px 0; }

									.con_competence .con1 .con1_6 { width:100%; margin:0 0 10px 0; }
									.con_competence .con1 .con1_7 { width:100%; }
}

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

									.con_mquick ul li a { padding:68px 0 18px 0; font-size:13px; }
									.con_mquick ul li a.bg1 { background:url("../images/mquick_01.png") no-repeat center 20px; background-size:52px; }
									.con_mquick ul li a.bg2 { background:url("../images/mquick_02.png") no-repeat center 16px; background-size:37px; }
									.con_mquick ul li a.bg3 { background:url("../images/mquick_03.png") no-repeat center 21px; background-size:47px; }
									.con_mquick ul li a.bg4 { background:url("../images/mquick_04.png") no-repeat center 18px; background-size:37px; }
									.con_mquick ul li a.bg5 { background:url("../images/mquick_05.png") no-repeat center 18px; background-size:41px; }
									.con_mquick ul li a.bg6 { background:url("../images/mquick_06.png") no-repeat center 20px; background-size:37px; }
									.con_mquick ul li a.bg7 { background:url("../images/mquick_07.png") no-repeat center 18px; background-size:27px; }
									.con_mquick ul li a.bg8 { background:url("../images/mquick_08.png") no-repeat center 19px; background-size:42px; }
									.con_mquick ul li a.bg9 { background:url("../images/mquick_09.png") no-repeat center 19px; background-size:42px; }
									.con_mquick ul li a.bg10 { background:url("../images/mquick_10.png") no-repeat center 19px; background-size:41px; }
									.con_mquick ul li a.bg11 { background:url("../images/mquick_11.png") no-repeat center 19px; background-size:42px; }
									.con_mquick ul li a:hover { background-color:#e0e0e0; }

									.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_question_tit { padding:15px 10px 15px 10px; font-size:16px; line-height:22px; }

									.con_question_c { padding:0 20px 30px 20px; }
									.con_question_c1 { margin:25px 0 0 0; }
									.con_question_c1 h2 { font-size:16px; }
									.con_question_c1 .attach ul li { }
									.con_question_c1 .attach ul li a { font-size:14px; }
									.con_question_c1 .question { font-size:15px; }
									.con_question_c1 .question2 { font-size:15px; }
									.con_question_c1 .question3 { font-size:15px; }
									.con_question_c1 ul.ver li { font-size:14px; }
									.con_question_c1 ul.ver li label { font-size:14px; }
									.con_question_c1 ul.ver li input[type="checkbox"] { width:16px; height:16px; }
									.con_question_c1 ul.ver li input[type="radio"] { width:16px; height:16px; }
									.con_question_c1 ul.ver li input[type="text"] { font-size:14px; }
									.con_question_c1 ul.ver li textarea { font-size:14px; padding:10px 10px 10px 10px; }
									.con_question_c1 ul.hor li { font-size:14px; }
									.con_question_c1 ul.hor li label { font-size:14px; }
									.con_question_c1 ul.hor li input[type="checkbox"] { width:16px; height:16px; }
									.con_question_c1 ul.hor li input[type="radio"] { width:16px; height:16px; }
									.con_question_c1 ul.hor li input[type="text"] { font-size:14px; }
									.con_question_c1 .noti { font-size:14px; }
									.con_question_c2 h2 { font-size:17px; background:url("../images/survey_01.png") no-repeat center 50px; background-size:200px; }
									.con_question_c2 .con1 { font-size:15px; line-height:21px; }

									.con_classlist_c .con2_2 ul.op2 li.tit { width:70px; }
									.con_classlist_c .con2_2 ul.op2 li.desc { width:calc(100% - 70px); font-size:13px; }

									.con_cal_c1 ul li { float:left; margin:0 10px 0 0; }
									.con_cal_c1 ul li:first-child { margin:0 5px 0 0; }
									.con_cal_c1 ul li:nth-child(2) { margin:0 10px 0 0; }
									.con_cal_c1 ul li:nth-child(4) { margin:0 5px 0 0; }
									.con_cal_c1 ul li.dt { margin:0 10px 0 0; }

									.con_step_c { width:calc(100% - 30px); margin:0 30px 20px 0; }
									.con_step_c:nth-child(2) { margin:0 30px 20px 0; }
									.con_step_c .con1 { height:60px; }

}

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

									.con_vision5 { padding:20px 20px 20px 20px; }
									.con_vision5_c { width:100%; padding:150px 0 0 0; }
									.con_vision5_c:nth-child(1) { margin:0 0 25px 0; }
									.con_vision5_c:nth-child(2) { margin:0 0 25px 0; }
									.con_vision5_c:nth-child(3) { margin:0 0 25px 0; }
									.con_vision5_c.bg1 { background:url("../images/vision2_01.png") no-repeat center 0, url("../images/bg_01.png") repeat-x 0 70px; background-size:140px, 1px; }
									.con_vision5_c.bg2 { background:url("../images/vision2_02.png") no-repeat center 0, url("../images/bg_01.png") repeat-x 0 70px; background-size:140px, 1px; }
									.con_vision5_c.bg3 { background:url("../images/vision2_03.png") no-repeat center 0, url("../images/bg_01.png") repeat-x 0 70px; background-size:140px, 1px; }
									.con_vision5_c.bg4 { background:url("../images/vision2_04.png") no-repeat center 0, url("../images/bg_01.png") repeat-x 0 70px; background-size:140px, 1px; }
									.con_vision5_c ul li.desc { font-size:14px; }
									.con_vision5_c ul li.tit { font-size:18px; line-height:23px; }

}

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

									.con_footer_c2 .container { padding:65px 20px 0 20px; background-size:160px; }
									.con_footer_c2 span.rdabetter { top:27px; width:90px; height:24px; background-size:90px; }


}

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


}

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


}

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


}

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


}

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

ul#id_snbdepth2_sub { opacity:0; pointer-events:none; }

@media screen and (min-width:1024px){
	.boxededu { border:0px solid #ddd; width:100%; margin:5px 0 20px 0; position:relative; overflow:hidden; }
	ul.boxedlst li { float:left; width:33.3%; padding:14px 0;  border-right:0px solid #eee; border:1px solid #d8d8d8; background:#f7f7f7; text-align:center; font-size:15px; }
	ul.boxedlst li.on { background:#e8e8e8; }
	.boxededu_mb { display:none; }
}

@media screen and (min-width:641px) {
	.boxededu { border:0px solid #ddd; width:100%; margin:5px 0 20px 0; position:relative; overflow:hidden; }
	ul.boxedlst li { float:left; width:33.3%; padding:14px 0;  border-right:0px solid #eee; border:1px solid #d8d8d8; background:#f7f7f7; text-align:center; font-size:15px; }
	ul.boxedlst li.on { background:#e8e8e8; }
	.boxededu_mb { display:none; }
}

@media screen and (max-width:640px) {
	.boxededu_mb { border:0px solid #ddd; width:100%; margin:5px 0 20px 0; position:relative; overflow:hidden; }
	ul.boxedlst_mb li { float:left; width:25%; padding:14px 0;  border-right:0px solid #eee; border:1px solid #d8d8d8; background:#f7f7f7; text-align:center; font-size:12px; }
	ul.boxedlst_mb li.on { background:#e8e8e8; font-weight:bold; }
	ul.boxedlst_mb li a span { letter-spacing:-2px; }
	.boxededu { display:none; }
}

@media screen and (max-width:638px)  {
	#bbtitle1 { font-size:16px !important; }
}


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

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

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:"|"; 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;

a.link1 { background:#4b96e7; } 스카이
a.link2 { background:#007cd0; } 파랑
a.link3 { background:#f67400; } 주황
a.link4 { background:#02a9ca; } 민트
a.link5 { background:#31a97c; } 그린
a.link6 { background:#7c8598; } 그레이
a.link7 { background:#927d67; } 브라운
a.link8 { background:#495bb4; } 보라
a.link9 { background:#fb3109; } 레드
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 #dddddd; 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; 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; color:#ffffff; font-size:17px; font-weight:normal; text-align:center; letter-spacing:-0.03em;

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%); } }

display:flex; flex-flow:row nowrap; justify-content:flex-start;
display:flex; align-items:center; justify-content: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="첨부파일 제목이 들어갑니다." >

.sorting { display:flex; align-items:center; cursor:pointer; }
.sorting:before { content:''; display:inline-block; margin-right:5px; border-left:6px solid #707070; border-top:5px solid transparent; border-bottom:5px solid transparent; }
.sorting.ascending:before { border-bottom:6px solid #133D8E; border-left:5px solid transparent; border-right:5px solid transparent; border-top:none; }
.sorting.descending:before { border-top:6px solid #133D8E; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:none; }
.sorting:hover span { font-weight:bold; }

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","맑은 고딕";

box-sizing:border-box;

.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; }

.con22_mclass_cont .con22_1 .con22_cont ul.desc li { position:relative; padding:0 0 0 10px; margin:0 0 3px 0; color:#555555; font-size:14px; font-weight:normal; letter-spacing:-0.03em; transition:all 0.3s ease; }
.con22_mclass_cont .con22_1 .con22_cont ul.desc li:before { display:inline-block; position:absolute; left:0; top:6px; content:""; width:3px; height:3px; border-radius:100%; background:#111111; }

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

color:#ffffff; font-size:12px; font-weight:500; text-align:center; line-height:26px; letter-spacing:-0.03em;
color:#ffffff; font-size:12px; font-weight:500; letter-spacing:-0.03em;

<span class="status-span blue">미접수</span>
<span class="status-span purple">미접수</span>
<span class="status-span yellow">미접수</span>
<a href="#none" onclick="javascript:onPopupReason('${result.accidentCode}');"><span class="status-span red">미접수</span></a>
<span class="status-span light-red">미접수</span>
<a href="#none" onclick="javascript:onPopupReason('${result.accidentCode}');"><span class="status-span grey">미접수</span></a>
<span class="status-span charcoal">미접수</span>
<span class="status-span navy">미접수</span>
<span class="status-span green">미접수</span>

text-underline-position:under;
*/