@charset "euc-kr";

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

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

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

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

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

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

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

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

/*
Copyright (c) 2021 Kil Hyung-jin, with Reserved Font Name Pretendard.
https://github.com/orioncactus/pretendard

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
*/

@font-face {
	font-family:"Pretendard";
	font-weight:900;
	font-display:swap;
	src:local("Pretendard Black"), url("/cont/assets/fonts/Pretendard-Black.woff2") format("woff2"), url("/cont/assets/fonts/Pretendard-Black.woff") format("woff");
}

@font-face {
	font-family:"Pretendard";
	font-weight:800;
	font-display:swap;
	src:local("Pretendard ExtraBold"), url("/cont/assets/fonts/Pretendard-ExtraBold.woff2") format("woff2"), url("/cont/assets/fonts/Pretendard-ExtraBold.woff") format("woff");
}

@font-face {
	font-family:"Pretendard";
	font-weight:700;
	font-display:swap;
	src:local("Pretendard Bold"), url("/cont/assets/fonts/Pretendard-Bold.woff2") format("woff2"), url("/cont/assets/fonts/Pretendard-Bold.woff") format("woff");
}

@font-face {
	font-family:"Pretendard";
	font-weight:600;
	font-display:swap;
	src:local("Pretendard SemiBold"), url("/cont/assets/fonts/Pretendard-SemiBold.woff2") format("woff2"), url("/cont/assets/fonts/Pretendard-SemiBold.woff") format("woff");
}

@font-face {
	font-family:"Pretendard";
	font-weight:500;
	font-display:swap;
	src:local("Pretendard Medium"), url("/cont/assets/fonts/Pretendard-Medium.woff2") format("woff2"), url("/cont/assets/fonts/Pretendard-Medium.woff") format("woff");
}

@font-face {
	font-family:"Pretendard";
	font-weight:400;
	font-display:swap;
	src:local("Pretendard Regular"), url("/cont/assets/fonts/Pretendard-Regular.woff2") format("woff2"), url("/cont/assets/fonts/Pretendard-Regular.woff") format("woff");
}

@font-face {
	font-family:"Pretendard";
	font-weight:300;
	font-display:swap;
	src:local("Pretendard Light"), url("/cont/assets/fonts/Pretendard-Light.woff2") format("woff2"), url("/cont/assets/fonts/Pretendard-Light.woff") format("woff");
}

@font-face {
	font-family:"Pretendard";
	font-weight:200;
	font-display:swap;
	src:local("Pretendard ExtraLight"), url("/cont/assets/fonts/Pretendard-ExtraLight.woff2") format("woff2"), url("/cont/assets/fonts/Pretendard-ExtraLight.woff") format("woff");
}

@font-face {
	font-family:"Pretendard";
	font-weight:100;
	font-display:swap;
	src:local("Pretendard Thin"), url("/cont/assets/fonts/Pretendard-Thin.woff2") format("woff2"), url("/cont/assets/fonts/Pretendard-Thin.woff") format("woff");
}

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

* { font-family:"Pretendard", "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; line-height:1; }
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; line-height:1; }
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 { vertical-align:middle; border:0; }
select { border:1px solid #d8d8d8; }
input, textarea, select { font-family:inherit; font-size:inherit; }
img, input { vertical-align:middle; }
label { color:#555555; }
p { margin:0 0 0 0; }

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

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

#skip { position:relative; }
#skip a { margin:0 -1px -1px 0; padding:0; position:absolute; top:0; left:0; z-index:1000; width:1px; height:1px; overflow:hidden; background:#222222; color:#ffffff; font-size:16px; font-weight:500; text-align:center; }
#skip a:hover { margin:0 0 0 -1px; display:block; width:100%; height:50px; line-height:50px; background:#222222; }
#skip a:active { margin:0 0 0 -1px; display:block; width:100%; height:50px; line-height:50px; background:#222222; }
#skip a:focus { margin:0 0 0 -1px; display:block; width:100%; height:50px; line-height:50px; background:#222222; }

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

body.bgop1 { background:url("/cont/assets/images/bg_01.jpg") no-repeat center 0; background-size:cover; }

#wrap { }

.container { padding:0 0 0 0; }

.con_sitemap { display:none; position:fixed; left:0px; top:0px; width:100%; height:100%; background:#2c2c2c; z-index:99999999; }
.con_sitemap .con1 { padding:60px 0 60px 0; position:relative; overflow:hidden; animation:con_sitemap_ani1 1s ease; }
.con_sitemap .con1 h2 { color:#fde3e3; font-size:30px; font-weight:800; text-align:center; transition:all 0.3s ease; }
.con_sitemap .con1 a { position:absolute; right:80px; top:60px; display:inline-block; width:30px; height:30px; background:url("../images/close_01.png") no-repeat 0 0; background-size:30px; text-indent:-10000px; transition:all 0.3s ease; }
.con_sitemap .con1 a:hover { transform:rotate(180deg); }
.con_sitemap .con2 { padding:0 80px 60px 80px; display:flex; overflow:hidden; animation:con_sitemap_ani2 2s ease; }
.con_sitemap .con2_1 { margin:0 30px 0 0; width:-webkit-fill-available; transition:all 0.3s ease; }
.con_sitemap .con2_1:last-child { margin:0 0 0 0; }
.con_sitemap .con2_1 h3 { padding:20px 0 20px 0; color:#ffffff; font-size:20px; font-weight:700; text-align:center; background:#af3f5b; border-radius:60px; }
.con_sitemap .con2_1 ul { margin:30px 0 0 0; padding:40px 0 40px 0; height:380px; overflow:hidden; background:#f2faff; border-radius:36px; }
.con_sitemap .con2_1 ul li { transition:all 0.3s ease; }
.con_sitemap .con2_1 ul li a { padding:10px 40px 10px 40px; display:block; color:#111111; font-size:18px; font-weight:500; line-height:1.3; word-break:keep-all; transition:all 0.3s ease; }
.con_sitemap .con2_1 ul li a:hover { color:#ffffff; background:#5c364b; }
@keyframes con_sitemap_ani1 { 0% { opacity:0; transform:translateY(50%); } 100% { opacity:1.0; transform:translateY(0); } }
@keyframes con_sitemap_ani2 { 0% { opacity:0; transform:translateY(50%); } 100% { opacity:1.0; transform:translateY(0); } }

.con_sitemap2 { display:none; position:absolute; left:0px; top:100px; width:100%; background:#333333; z-index:99999999; }
.con_sitemap2_c { padding:50px 5% 80px 5%; display:flex; overflow:hidden; transition:all 0.3s ease; }
.con_sitemap2_c .con1 { margin:0 30px 0 0; width:-webkit-fill-available; }
.con_sitemap2_c .con1:last-child { margin:0 0 0 0; }
.con_sitemap2_c .con1 a.tit { padding:15px 0 15px 0; display:block; color:#ffffff; font-size:20px; font-weight:700; text-align:center; background:#b99470; border-radius:12px; }
.con_sitemap2_c .con1 ul { margin:20px 0 0 0; overflow:hidden; }
.con_sitemap2_c .con1 ul li { transition:all 0.3s ease; }
.con_sitemap2_c .con1 ul li a { padding:10px 10px 10px 25px; display:block; color:#bbbbbb; font-size:18px; font-weight:400; line-height:1.3; letter-spacing:-0.03em; word-break:keep-all; }
.con_sitemap2_c .con1 ul li a:hover { color:#ffffff; background:#595045; border-radius:8px; }

header { border-bottom:1px solid #343230; transition:all 0.3s ease; }
header .container { }
header .con1 { padding:27px 0 0 0; float:left; width:170px; transition:all 0.3s ease; }
header .con2 { padding:0 400px 0 280px; position:relative; float:left; width:calc(100% - 194px); transition:all 0.3s ease; }
header .con3 { padding:40px 0 0 0; float:left; width:24px; transition:all 0.3s ease; }
header h1 { display:inline-block; width:148px; height:45px; background:url("/cont/assets/images/logo_01.png") no-repeat 0 0; text-indent:-10000px; transition:all 0.3s ease; }
header ul { overflow:hidden; display:table; margin-left:auto; margin-right:auto; }
header ul li { float:left; width:180px; transition:all 0.3s ease; }
header ul li a { padding:40px 0 40px 0; display:block; color:#ffffff; font-size:21px; font-weight:600; text-align:center; transition:all 0.3s ease; }
header ul li a:hover { color:#ccff00; }
header ul li a.on { color:#ccff00; }
header a.megamenu { display:inline-block; width:24px; height:19px; background:url("/cont/assets/images/megamenu_02.png") no-repeat 0 0; text-indent:-10000px; transition:all 0.3s ease; }
header a.megamenu:hover { transform:rotate(90deg); }

.con_gnb_sub { display:none; position:absolute; top:100px; width:250px; height:350px; background:#3f4e4f; border-radius:0 0 12px 12px; z-index:99999; transition:all 0.3s ease; }

.con_gnb_sub.psop1 { left:calc(50% - 540px); }
.con_gnb_sub.psop2 { left:calc(50% - 360px); }
.con_gnb_sub.psop3 { left:calc(50% - 185px); }
.con_gnb_sub.psop4 { left:calc(50% - 5px); }
.con_gnb_sub.psop5 { left:calc(50% + 180px); }

.con_gnb_sub dl { margin:25px 0 0 0; overflow:hidden; }
.con_gnb_sub dl dt { transition:all 0.3s ease; }
.con_gnb_sub dl dt a { padding:10px 20px 10px 25px; display:block; color:#eeeeee; font-size:18px; font-weight:400; line-height:1.3; word-break:keep-all; }
.con_gnb_sub dl dt a:hover { color:#ffffff; background:#f2530c; }

footer { overflow:hidden; background:#323232; transition:all 0.3s ease; }
footer .container { position:relative; padding:50px 100px 80px 400px; background:url("/cont/assets/images/logo_03.png") no-repeat 100px 50px; }
footer ul { overflow:hidden; }
footer ul li { margin:0 0 10px 0; color:#999999; font-size:18px; font-weight:400; line-height:1.4; letter-spacing:0.03em; word-break:keep-all; transition:all 0.3s ease; }
footer ul li.fop1 { color:#eeeeee; }
footer ul li span { color:#f0ff04; font-size:20px; font-weight:500; }
footer ul li.copy { margin:30px 0 0 0; font-size:18px; letter-spacing:0.03em; }

#con_content { overflow:hidden; transition:all 0.3s ease; }
#con_content.op1 { padding:60px 0 180px 0; background:#ffffff; }

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

.con_mvisual { overflow:hidden; transition:all 0.3s ease; }
.con_mvisual .con1 { padding:95px 0 0 110px; transition:all 0.3s ease; }
.con_mvisual .con1 h2 { padding:0 25px 0 0; color:#fdc803; font-size:46px; font-weight:100; line-height:1.3; letter-spacing:-0.03em; word-break:keep-all; animation-delay:0s; transition:all 0.3s ease; }
.con_mvisual .con1 h2 span { font-weight:300; }
.con_mvisual .con2 { padding:130px 110px 130px 110px; position:relative; overflow:hidden; transition:all 0.3s ease; }
.con_mvisual .con2 h3 { color:#ffffff; font-size:60px; font-weight:900; line-height:1; letter-spacing:0.01em; opacity:0.1; transition:all 0.3s ease; }
.con_mvisual .con2 a.more { padding:0 33px 0 0; position:absolute; right:100px; top:170px; color:#acacad; font-size:16px; font-weight:400; letter-spacing:-0.01em; background:url("/cont/assets/images/more_01.png") no-repeat right 10px top 2px; transition:all 0.3s ease; }
.con_mvisual .con2 a.more:hover { color:#fd6103; background:url("/cont/assets/images/more_01.png") no-repeat right 5px top 2px; }
.con_mvisual .con2_slide { margin:30px 0 0 0; transition:all 0.3s ease; }
.con_mvisual .con2_slide_c { transition:all 0.3s ease; }
.con_mvisual .con2_slide_c a { padding:40px 40px 40px 40px; position:relative; display:block; height:260px; color:#000000; font-size:28px; font-weight:500; line-height:1.3; letter-spacing:-0.03em; word-break:keep-all; background:#e9eaeb url("/cont/assets/images/more_02.png") no-repeat right 40px bottom 43px; border:1px solid #c0c3c5; border-radius:36px; transition:all 0.3s ease; }
.con_mvisual .con2_slide_c a em { display:block; color:#000000; line-height:1.3; letter-spacing:-0.03em; word-break:keep-all; font-style:normal; text-overflow:ellipsis; overflow:hidden; word-break:break-word; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; transition:all 0.3s ease; }
.con_mvisual .con2_slide_c a span { position:absolute; left:40px; bottom:40px; color:#888888; font-size:18px; font-weight:300; letter-spacing:0.01em; }
.con_mvisual .con2_slide_c a:hover { color:#ffffff; background:#eb0558 url("/cont/assets/images/more_03.png") no-repeat right 30px bottom 43px; border:1px solid #eb0558; }
.con_mvisual .con2_slide_c a:hover em { color:#ffffff; }
.con_mvisual .con2_slide_c a:hover span { color:#cccccc; }
.con_mvisual .con2 .slick-prev { position:absolute; left:-80px; top:calc(50% - 31px); display:inline-block; width:35px; height:62px; background:url("/cont/assets/images/arrow_02.png") no-repeat 0 0; text-indent:-10000px; filter:brightness(70%); transition:all 0.3s ease; }
.con_mvisual .con2 .slick-prev:hover { filter:brightness(100%); }
.con_mvisual .con2 .slick-next { position:absolute; right:-80px; top:calc(50% - 31px); display:inline-block; width:35px; height:62px; background:url("/cont/assets/images/arrow_03.png") no-repeat 0 0; text-indent:-10000px; filter:brightness(70%); transition:all 0.3s ease; }
.con_mvisual .con2 .slick-next:hover { filter:brightness(100%); }
.con_mvisual .con2 .slick-list { margin:0 -15px 0 -15px; padding:20px 0 20px 0; }
.con_mvisual .con2 .slick-slide { margin:0 15px 0 15px; }

.con_tit { margin:0 0 80px 0; overflow:hidden; color:#111111; font-size:48px; font-weight:600; text-align:center; transition:all 0.3s ease; }
.con_tit:after { margin:0 0 0 3px; content:""; display:inline-block; width:30px; height:2px; background:#e52020; }

.con_tit2 { margin:50px 0 0 0; font-size:22px; color:#111111; font-weight:800; line-height:1.3; letter-spacing:-0.01em; word-break:keep-all; transition:all 0.3s ease; }

.con_txt { padding:30px 0 50px 0; overflow:hidden; border-bottom:1px solid #e2e2e2; color:#333333; font-size:18px; font-weight:400; line-height:1.8; transition:all 0.3s ease; }

.con_tab { margin:0 0 100px 0; overflow:hidden; border-bottom:1px solid #d8d8d8; transition:all 0.3s ease; }
.con_tab ul { overflow:hidden; }
.con_tab ul li { float:left; transition:all 0.3s ease; }
.con_tab ul li a { padding:20px 30px 20px 30px; display:inline-block; color:#555555; font-size:21px; font-weight:500; letter-spacing:-0.02em; transition:all 0.3s ease; }
.con_tab ul li a.on { color:#111111; font-weight:800; border-bottom:2px solid #111111; }

.con_tab2 { display:table; width:100%; table-layout:fixed; border-collapse:collapse; transition:all 0.3s ease; }
.con_tab2 a { padding:5px 5px 5px 5px; display:table-cell; height:50px; color:#666666; font-size:18px; font-weight:500; text-align:center; line-height:1.2; background:#ffffff; border:1px solid #cccccc; vertical-align:middle; word-break:keep-all; transition:all 0.3s ease; }
.con_tab2 a.on { color:#ffffff; background:#555555; border:1px solid #555555; }
.con_tab2 a:hover { color:#ffffff; background:#555555; border:1px solid #555555; }

.con_intro { padding:0 0 0 550px; overflow:hidden; background:url("/cont/assets/images/bg_01.png") no-repeat 0 0; transition:all 0.3s ease; }
.con_intro h2 { color:#111111; font-size:38px; font-weight:800; line-height:1.3; letter-spacing:-0.03em; transition:all 0.3s ease; }
.con_intro p { margin:50px 0 0 0; color:#111111; font-size:20px; font-weight:400; line-height:1.6; letter-spacing:-0.01em; word-break:keep-all; transition:all 0.3s ease; }
.con_intro span { margin:80px 0 0 0; display:block; color:#111111; font-size:24px; font-weight:700; line-height:1.3; letter-spacing:-0.02em; transition:all 0.3s ease; }

.con_location { margin:60px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
.con_location .con1 { overflow:hidden; transition:all 0.3s ease; }
.con_location .con1 ul { overflow:hidden; }
.con_location .con1 ul li { margin:0 0 12px 0; padding:0 0 0 15px; position:relative; color:#111111; font-size:18px; font-weight:400; line-height:1.4; transition:all 0.3s ease; }
.con_location .con1 ul li.tit { margin:0 0 30px 0; padding:0 0 0 0; color:#111111; font-size:28px; font-weight:800; letter-spacing:-0.02em; }
.con_location .con1 ul li:last-child { margin:0 0 0 0; }
.con_location .con1 ul li:before { position:absolute; left:0; top:10px; display:inline-block; content:""; width:4px; height:4px; border-radius:100%; background:#111111; }
.con_location .con1 ul li.tit:before { content:none; }
.con_location .con2 { margin:40px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
.con_location .con2 .con_map { width:100%; height:700px; border:1px solid #e2e2e2; transition:all 0.3s ease; }

.con_search { overflow:hidden; transition:all 0.3s ease; }
.con_search ul { width:50%; display:table; margin-left:auto; margin-right:auto; transition:all 0.3s ease; }
.con_search ul li { float:left; margin:0 5px 0 0; transition:all 0.3s ease; }
.con_search ul li:first-child { width:25%; }
.con_search ul li+li { margin:0 0 0 0; width:calc((100% - 25%) - 45px); }
.con_search ul li.btns { width:40px; }
.con_search ul li select { padding:0 0 0 10px; width:100%; height:40px; color:#111111; font-size:14px; font-weight:400; letter-spacing:-0.01em; border:1px solid #d8d8d8; border-radius:8px; cursor:pointer; transition:all 0.3s ease; }
.con_search ul li input[type="text"] { padding:0 0 0 10px; width:100%; height:40px; color:#111111; font-size:14px; letter-spacing:-0.01em; border:1px solid #d8d8d8; border-width:1px 0 1px 1px; border-radius:8px 0 0 8px; transition:all 0.3s ease; }
.con_search ul li button { display:inline-block; width:40px; height:40px; background:url("/cont/assets/images/search_01.png") no-repeat center center; border:1px solid #d8d8d8; border-width:1px 1px 1px 0; text-indent:-10000px; border-radius:0 8px 8px 0; transition:all 0.3s ease; }

.con_search2 { overflow:hidden; transition:all 0.3s ease; }
.con_search2 ul { width:50%; display:table; margin-left:auto; margin-right:auto; transition:all 0.3s ease; }
.con_search2 ul li { float:left; margin:0 5px 0 0; transition:all 0.3s ease; }
.con_search2 ul li:first-child { width:25%; }
.con_search2 ul li+li { margin:0 0 0 0; width:calc((100% - 25%) - 45px); }
.con_search2 ul li.btns { width:40px; }
.con_search2 ul li select { padding:0 0 0 10px; width:100%; height:40px; color:#111111; font-size:14px; font-weight:400; letter-spacing:-0.01em; border:1px solid #d8d8d8; border-radius:8px; cursor:pointer; transition:all 0.3s ease; }
.con_search2 ul li input[type="text"] { padding:0 0 0 10px; width:100%; height:40px; color:#111111; font-size:14px; letter-spacing:-0.01em; border:1px solid #d8d8d8; border-width:1px 0 1px 1px; border-radius:8px 0 0 8px; transition:all 0.3s ease; }
.con_search2 ul li button { display:inline-block; width:40px; height:40px; background:url("/cont/assets/images/search_01.png") no-repeat center center; border:1px solid #d8d8d8; border-width:1px 1px 1px 0; text-indent:-10000px; border-radius:0 8px 8px 0; transition:all 0.3s ease; }

.con_list_option { margin:30px 0 0 0; position:relative; overflow:hidden; transition:all 0.3s ease; }
.con_list_option ul { overflow:hidden; }
.con_list_option li { float:left; color:#555555; font-size:15px; font-weight:400; letter-spacing:-0.01em; transition:all 0.3s ease; }
.con_list_option li span { color:#e64746; font-weight:700; }
.con_list_option li:first-child { padding:5px 0 0 0; }
.con_list_option li.op1 { float:right; }
.con_list_option li.op1 select { padding:0 0 0 5px; height:30px; color:#555555; font-size:14px; letter-spacing:-0.01em; border:1px solid #d8d8d8; border-radius:4px; cursor:pointer; transition:all 0.3s ease; }

.con_list_option dl { position:absolute; right:0px; top:2px; overflow:hidden; }
.con_list_option dt { float:left; transition:all 0.3s ease; }
.con_list_option dt a { display:inline-block; color:#777777; font-size:16px; font-weight:500; transition:all 0.3s ease; }
.con_list_option dt a:hover { color:#010101; font-weight:800; }
.con_list_option dt a.on { color:#010101; font-weight:800; }
.con_list_option dt:after { padding:0 10px 0 10px; content:"|"; color:#aaaaaa; font-size:14px; font-weight:200; }
.con_list_option dt:last-child:after { padding:0 0 0 0; content:none; }

.con_list { margin:20px 0 0 0; border-top:1px solid #111111; transition:all 0.3s ease; }
.con_list.mop1 { margin:10px 0 0 0; }
.con_list table { width:100%; }
.con_list th { padding:10px 10px 10px 10px; border:1px solid #e2e2e2; color:#333333; font-size:15px; font-weight:600; text-align:center; letter-spacing:-0.01em; background:#f4f4f4; word-break:keep-all; transition:all 0.3s ease; }
.con_list td { padding:15px 10px 15px 10px; border:1px solid #e2e2e2; color:#555555; font-size:15px; font-weight:400; line-height:1.4; text-align:center; letter-spacing:-0.01em; word-break:keep-all; transition:all 0.3s ease; }
.con_list td.tit { padding:15px 10px 15px 20px; color:#111111; font-weight:700; background:#f9f9f9; }
.con_list td.tit.bgop1 { background:#f2faff; }
.con_list td.taop1 { padding:15px 20px 15px 20px; text-align:left; }
.con_list td.fop1 { color:#01429e; font-size:16px; font-weight:500; }
.con_list th.bgop1 { background:#f8fbf6; } /* ±×¸° */
.con_list th.bgop2 { background:#f2faff; } /* ºí·ç */
.con_list th.bgop3 { background:#f6f6f6; }

.con_listcus { margin:10px 0 0 0; border-top:1px solid #111111; transition:all 0.3s ease; }
.con_listcus ul { padding:30px 10px 30px 10px; overflow:hidden; border-bottom:1px solid #e2e2e2; transition:all 0.3s ease; }
.con_listcus ul li { transition:all 0.3s ease; }
.con_listcus ul li span { margin:0 0 6px 0; display:block; transition:all 0.3s ease; }
.con_listcus ul li span i { padding:3px 8px 3px 8px; display:inline-block; color:#ffffff; font-size:13px; font-weight:400; line-height:1.0; text-align:center; letter-spacing:-0.01em; font-style:normal; background:#e64746; border-radius:60px; }
.con_listcus ul li a { display:block; color:#111111; font-size:20px; font-weight:700; line-height:1.4; letter-spacing:-0.03em; word-break:keep-all; transition:all 0.3s ease; }
.con_listcus ul li a:hover { text-decoration:underline; text-underline-position:under; }
.con_listcus ul li.desc { margin:20px 0 0 0; float:right; }
.con_listcus ul li.desc dl { overflow:hidden; }
.con_listcus ul li.desc dl dt { margin:0 22px 0 0; position:relative; float:left; color:#777777; font-size:14px; font-weight:400; transition:all 0.3s ease; }
.con_listcus ul li.desc dl dt:after { position:absolute; right:-13px; top:5px; content:""; display:inline-block; width:4px; height:4px; border-radius:100%; background:#cccccc; }
.con_listcus ul li.desc dl dt:last-child { margin:0 0 0 0; }
.con_listcus ul li.desc dl dt:last-child:after { content:none; }
.con_listcus ul li.nodata { padding:50px 0 50px 0; color:#333333; font-size:16px; font-weight:500; text-align:center; letter-spacing:-0.01em; }

.con_imglist { overflow:hidden; transition:all 0.3s ease; }
.con_imglist_c { margin:0 50px 50px 0; float:left; width:calc((100% - 150px) / 4); overflow:hidden; transition:all 0.3s ease; }
.con_imglist_c:nth-child(4n) { margin:0 0 50px 0; }
.con_imglist_c .con1 { position:relative; overflow:hidden; border:1px solid #e2e2e2; border-radius:24px 24px 0 0; transition:all 0.3s ease; }
.con_imglist_c .con1 a { display:block; width:100%; aspect-ratio:0.75/1; background-repeat:no-repeat; background-position:center center; background-size:cover; text-indent:-10000px; transform:scale(1); transition:all 0.3s ease; }
.con_imglist_c .con1 a:hover { filter:brightness(95%); transform:scale(1.05); }
.con_imglist_c .con2 { position:relative; padding:25px 20px 30px 20px; overflow:hidden; background:#fafafa; border:1px solid #e2e2e2; border-width:0 1px 1px 1px; border-radius:0 0 24px 24px; transition:all 0.3s ease; }
.con_imglist_c .con2_1 { overflow:hidden; transition:all 0.3s ease; }
.con_imglist_c .con2_1 ul { overflow:hidden; }
.con_imglist_c .con2_1 ul li { float:left; color:#007dc5; font-size:16px; font-weight:600; transition:all 0.3s ease; }
.con_imglist_c .con2_1 ul li.fop1 { color:#16996a; }
.con_imglist_c .con2_1 ul li.fop2 { color:#d11561; }
.con_imglist_c .con2_1 ul li.fop3 { color:#7015d1; }
.con_imglist_c .con2_2 { margin:10px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
.con_imglist_c .con2_2 a { display:block; color:#111111; font-size:26px; font-weight:700; line-height:1.2; letter-spacing:-0.02em; word-break:keep-all; }
.con_imglist_c .con2_3 { margin:30px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
.con_imglist_c .con2_3 a { padding:15px 10px 15px 10px; display:block; color:#ffffff; font-size:18px; font-weight:400; text-align:center; background:#213448; border:1px solid #213448; border-radius:8px; transition:all 0.3s ease; }
.con_imglist_c .con2_3 a:hover { color:#111111; font-weight:600; background:#ffffff; border:1px solid #111111; }

.con_view { overflow:hidden; transition:all 0.3s ease; }
.con_view_head { padding:40px 50px 40px 50px; overflow:hidden; background:#f4f4f4; border-radius:24px; transition:all 0.3s ease; }
.con_view_head h1 { color:#010101; font-size:20px; font-weight:700; line-height:1.4; letter-spacing:-0.03em; word-break:keep-all; transition:all 0.3s ease; }
.con_view_head ul { margin:30px 0 0 0; float:right; }
.con_view_head ul li { margin:0 22px 0 0; position:relative; float:left; color:#666666; font-size:15px; font-weight:400; letter-spacing:-0.01em; transition:all 0.3s ease; }
.con_view_head ul li:last-child { margin:0 0 0 0; }
.con_view_head ul li:after { position:absolute; right:-13px; top:5px; content:""; display:inline-block; width:4px; height:4px; border-radius:100%; background:#cccccc; }
.con_view_head ul li:last-child:after { content:none; padding:0 0 0 0; }

.con_view_content { padding:50px 20px 80px 20px; overflow:hidden; border-bottom:1px solid #e2e2e2; color:#333333; font-size:16px; font-weight:500; line-height:1.6; letter-spacing:-0.01em; transition:all 0.3s ease; }

.con_view_file { margin:80px 0 0 0; padding:30px 40px 30px 40px; overflow:hidden; background:#fafafa; border:1px solid #e2e2e2; border-radius:12px; transition:all 0.3s ease; }
.con_view_file ul { overflow:hidden; transition:all 0.3s ease; }
.con_view_file ul li { margin:0 0 15px 0; color:#555555; font-size:16px; font-weight:500; letter-spacing:-0.01em; transition:all 0.3s ease; }
.con_view_file ul li:last-child { margin:0 0 0 0; }
.con_view_file ul li a { padding:0 0 0 25px; color:#111111; font-size:16px; font-weight:500; line-height:1.3; letter-spacing:-0.01em; background:url("/cont/assets/images/file_01.png") no-repeat 0 0; transition:all 0.3s ease; }
.con_view_file ul li a:hover { text-decoration:underline; text-underline-position:under; transition:all 0.3s ease; }
.con_view_file ul li a img { margin:-4px 10px 0 0; }

.con_paging { margin:60px 0 0 0; overflow:hidden; text-align:center; transition:all 0.3s ease; }
.con_paging a { margin:0 6px 5px 0; display:inline-block; width:40px; height:40px; color:#555555; font-size:15px; font-weight:400; text-align:center; border:1px solid #e2e2e2; line-height:40px; border-radius:4px; transition:all 0.3s ease; }
.con_paging a.on { color:#ffffff; background:#555555; border:1px solid #555555; }
.con_paging a:hover { background:#f2f2f2; }
.con_paging a:last-child { margin:0 0 0 0; }
.con_paging a.on:hover { background:#555555; }

.con_prevnext { overflow:hidden; transition:all 0.3s ease; }
.con_prevnext ul { overflow:hidden; }
.con_prevnext ul li { float:left; border-bottom:1px solid #e2e2e2; transition:all 0.3s ease; }
.con_prevnext ul li.tit { padding:20px 0 20px 20px; width:20%; color:#111111; font-size:15px; font-weight:600; letter-spacing:-0.03em; }
.con_prevnext ul li.tit.op1 { background:#f8f8f8 url("/cont/assets/images/arrow_up.png") no-repeat right 20px center; }
.con_prevnext ul li.tit.op2 { background:#f8f8f8 url("/cont/assets/images/arrow_down.png") no-repeat right 20px center; }
.con_prevnext ul li.desc { padding:20px 20px 20px 20px; width:80%; }
.con_prevnext ul li.desc a { display:block; color:#111111; font-size:15px; font-weight:400; letter-spacing:-0.03em; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; transition:all 0.3s ease; }
.con_prevnext ul li.desc a:hover { text-decoration:underline; text-underline-position:under; }

.con_consulting { overflow:hidden; transition:all 0.3s ease; }
.con_consulting ul { overflow:hidden; }
.con_consulting ul li { margin:0 20px 20px 0; float:left; width:calc((100% - 80px) / 5); transition:all 0.3s ease; }
.con_consulting ul li:nth-child(5n) { margin:0 0 20px 0; }
.con_consulting ul li a { display:block; height:80px; background-color:#ffffff; border:1px solid #e2e2e2; border-radius:12px; text-indent:-10000px; transition:all 0.3s ease; }
.con_consulting ul li a:hover { background-color:#f2f2f2; }
.con_consulting ul li a.link1 { background-image:url("/cont/assets/images/consulting_01.png"); background-repeat:no-repeat; background-position:center center; background-size:auto 35px; }
.con_consulting ul li a.link2 { background-image:url("/cont/assets/images/consulting_02.png"); background-repeat:no-repeat; background-position:center center; background-size:auto 35px; }
.con_consulting ul li a.link3 { background-image:url("/cont/assets/images/consulting_03.png"); background-repeat:no-repeat; background-position:center center; background-size:auto 20px; }
.con_consulting ul li a.link4 { background-image:url("/cont/assets/images/consulting_04.png"); background-repeat:no-repeat; background-position:center center; background-size:auto 35px; }
.con_consulting ul li a.link5 { background-image:url("/cont/assets/images/consulting_05.png"); background-repeat:no-repeat; background-position:center center; background-size:auto 35px; }
.con_consulting ul li a.link6 { background-image:url("/cont/assets/images/consulting_06.png"); background-repeat:no-repeat; background-position:center center; background-size:auto 35px; }
.con_consulting ul li a.link7 { background-image:url("/cont/assets/images/consulting_07.png"); background-repeat:no-repeat; background-position:center center; background-size:auto 25px; }
.con_consulting ul li a.link8 { background-image:url("/cont/assets/images/consulting_08.png"); background-repeat:no-repeat; background-position:center center; background-size:auto 25px; }
.con_consulting ul li a.link9 { background-image:url("/cont/assets/images/consulting_09.png"); background-repeat:no-repeat; background-position:center center; background-size:auto 35px; }
.con_consulting ul li a.link10 { background-image:url("/cont/assets/images/consulting_10.png"); background-repeat:no-repeat; background-position:center center; background-size:auto 40px; }
.con_consulting ul li a.link11 { background-image:url("/cont/assets/images/consulting_11.png"); background-repeat:no-repeat; background-position:center center; background-size:auto 30px; }
.con_consulting ul li a.link12 { background-image:url("/cont/assets/images/consulting_12.png"); background-repeat:no-repeat; background-position:center center; background-size:auto 35px; }
.con_consulting ul li a.link13 { background-image:url("/cont/assets/images/consulting_13.png"); background-repeat:no-repeat; background-position:center center; background-size:auto 40px; }
.con_consulting ul li a.link14 { background-image:url("/cont/assets/images/consulting_14.png"); background-repeat:no-repeat; background-position:center center; background-size:auto 35px; }
.con_consulting ul li a.link15 { background-image:url("/cont/assets/images/consulting_15.png"); background-repeat:no-repeat; background-position:center center; background-size:auto 25px; }
.con_consulting ul li a.link16 { background-image:url("/cont/assets/images/consulting_16.png"); background-repeat:no-repeat; background-position:center center; background-size:auto 30px; }
.con_consulting ul li a.link17 { background-image:url("/cont/assets/images/consulting_17.png"); background-repeat:no-repeat; background-position:center center; background-size:auto 40px; }
.con_consulting ul li a.link18 { background-image:url("/cont/assets/images/consulting_18.png"); background-repeat:no-repeat; background-position:center center; background-size:auto 30px; }
.con_consulting ul li a.link19 { background-image:url("/cont/assets/images/consulting_19.png"); background-repeat:no-repeat; background-position:center center; background-size:auto 30px; }
.con_consulting ul li a.link20 { background-image:url("/cont/assets/images/consulting_20.png"); background-repeat:no-repeat; background-position:center center; background-size:auto 35px; }
.con_consulting ul li a.link21 { background-image:url("/cont/assets/images/consulting_21.png"); background-repeat:no-repeat; background-position:center center; background-size:auto 20px; }
.con_consulting ul li a.link22 { background-image:url("/cont/assets/images/consulting_22.png"); background-repeat:no-repeat; background-position:center center; background-size:auto 35px; }
.con_consulting ul li a.link23 { background-image:url("/cont/assets/images/consulting_23.png"); background-repeat:no-repeat; background-position:center center; background-size:auto 30px; }
.con_consulting ul li a.link24 { background-image:url("/cont/assets/images/consulting_24.png"); background-repeat:no-repeat; background-position:center center; background-size:auto 40px; }
.con_consulting ul li a.link25 { background-image:url("/cont/assets/images/consulting_25.png"); background-repeat:no-repeat; background-position:center center; background-size:auto 60px; }
.con_consulting ul li a.link26 { background-image:url("/cont/assets/images/consulting_26.png"); background-repeat:no-repeat; background-position:center center; background-size:auto 25px; }
.con_consulting ul li a.link27 { background-image:url("/cont/assets/images/consulting_27.png"); background-repeat:no-repeat; background-position:center center; background-size:auto 50px; }
.con_consulting ul li a.link28 { background-image:url("/cont/assets/images/consulting_28.png"); background-repeat:no-repeat; background-position:center center; background-size:auto 45px; }

.con_consulting ul li a.link2_1 { background-image:url("/cont/assets/images/consulting2_01.png"); background-repeat:no-repeat; background-position:center center; background-size:auto 30px; }
.con_consulting ul li a.link2_2 { background-image:url("/cont/assets/images/consulting2_02.png"); background-repeat:no-repeat; background-position:center center; background-size:auto 35px; }
.con_consulting ul li a.link2_3 { background-image:url("/cont/assets/images/consulting2_03.png"); background-repeat:no-repeat; background-position:center center; background-size:auto 30px; }
.con_consulting ul li a.link2_4 { background-image:url("/cont/assets/images/consulting2_04.png"); background-repeat:no-repeat; background-position:center center; background-size:auto 25px; }
.con_consulting ul li a.link2_5 { background-image:url("/cont/assets/images/consulting2_05.png"); background-repeat:no-repeat; background-position:center center; background-size:auto 25px; }
.con_consulting ul li a.link2_6 { background-image:url("/cont/assets/images/consulting2_06.png"); background-repeat:no-repeat; background-position:center center; background-size:auto 35px; }
.con_consulting ul li a.link2_7 { background-image:url("/cont/assets/images/consulting2_07.png"); background-repeat:no-repeat; background-position:center center; background-size:auto 20px; }
.con_consulting ul li a.link2_8 { background-image:url("/cont/assets/images/consulting2_08.png"); background-repeat:no-repeat; background-position:center center; background-size:auto 25px; }
.con_consulting ul li a.link2_9 { background-image:url("/cont/assets/images/consulting2_09.png"); background-repeat:no-repeat; background-position:center center; background-size:auto 40px; }
.con_consulting ul li a.link2_10 { background-image:url("/cont/assets/images/consulting2_10.png"); background-repeat:no-repeat; background-position:center center; background-size:auto 20px; }
.con_consulting ul li a.link2_11 { background-image:url("/cont/assets/images/consulting2_11.png"); background-repeat:no-repeat; background-position:center center; background-size:auto 50px; }
.con_consulting ul li a.link2_12 { background-image:url("/cont/assets/images/consulting2_12.png"); background-repeat:no-repeat; background-position:center center; background-size:auto 35px; }
.con_consulting ul li a.link2_13 { background-image:url("/cont/assets/images/consulting2_13.png"); background-repeat:no-repeat; background-position:center center; background-size:auto 50px; }
.con_consulting ul li a.link2_14 { background-image:url("/cont/assets/images/consulting2_14.png"); background-repeat:no-repeat; background-position:center center; background-size:auto 35px; }

.con_litigation { padding:0 20px 0 20px; overflow:hidden; transition:all 0.3s ease; }
.con_litigation h3 { margin:40px 0 0 0; font-size:19px; color:#111111; font-weight:700; line-height:1.3; letter-spacing:-0.01em; word-break:keep-all; transition:all 0.3s ease; }
.con_litigation .txt { margin:20px 0 0 0; color:#333333; font-size:16px; font-weight:400; line-height:1.5; word-break:keep-all; transition:all 0.3s ease; }
.con_litigation ul.list { margin:20px 5px 0 5px; overflow:hidden; }
.con_litigation ul.list li { padding:0 0 10px 15px; position:relative; color:#333333; font-size:16px; font-weight:400; line-height:1.3; letter-spacing:-0.01em; word-break:keep-all; transition:all 0.3s ease; }
.con_litigation ul.list li.in { padding:0 0 8px 25px; color:#777777; font-size:15px; line-height:1.2; }
.con_litigation ul.list li.in2 { padding:0 0 6px 35px; color:#888888; font-size:14px; line-height:1.2; }
.con_litigation ul.list.op1 { counter-reset:li !important; }
.con_litigation ul.list.op1 li { padding:0 0 10px 25px; counter-increment:li; }
.con_litigation ul.list.op1 li:before { margin:0 10px 0 -25px; content:counter(li); display:inline-block; width:15px; height:15px; color:#666666; font-size:13px; font-weight:400; line-height:1; text-align:center; border:1px solid #999999; border-radius:100%; }
.con_litigation ul.list.op1 li.in { counter-increment:none; }
.con_litigation ul.list.op1 li.in2 { counter-increment:none; }
.con_litigation ul.list.op1 li.in:before { position:absolute; left:32px; top:0; content:"-"; color:#666666; font-size:16px; font-weight:400; border:none; }
.con_litigation ul.list.op1 li.in2:before { content:none; }
.con_litigation ul.list li.fop1 { color:#e11e25; } /* »¡°­ */
.con_litigation ul.list li.fop2 { color:#f67400; } /* ÁÖȲ */
.con_litigation ul.list li.fop3 { color:#111111; } /* °ËÁ¤ */
.con_litigation ul.list li.fop4 { color:#01429e; } /* ÆĶû */
.con_litigation ul.list li a.deco { font-weight:500; color:#111111; text-decoration:underline; text-underline-position:under; }
.con_litigation ul.list span { font-weight:700; font-size:18px; color:#ff6800; letter-spacing:-0.01em; }

.con_business { padding:0 20px 0 20px; overflow:hidden; transition:all 0.3s ease; }
.con_business h3 { margin:40px 0 0 0; font-size:20px; color:#010101; font-weight:800; line-height:1.3; letter-spacing:-0.01em; word-break:keep-all; transition:all 0.3s ease; }
.con_business .imgs { margin:50px 0 0 0; position:relative; overflow:hidden; border-radius:24px; transition:all 0.3s ease; }
.con_business .imgs img { border-radius:24px; animation:con_business_ani2 2s ease;  }
.con_business .imgs:before { content:""; position:absolute; top:0; right:0; width:1000px; height:1000px; background:linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255,  55, 0) 100%); animation:con_business_ani1 infinite 6s ease; }
@keyframes con_business_ani1 { 0% { transform:translate(-1000%, 0%) rotate(-53deg); } 100% { transform:translate(500%, 0) rotate(-53deg); } }
@keyframes con_business_ani2 { 0% { transform:scale(1.3); } 100% { transform:scale(1); } }
.con_business .imgs2 { margin:30px 0 0 0; padding:60px 20px 60px 20px; background:#f7f8fc; border:1px solid #e2e2e2; border-radius:24px; transition:all 0.3s ease; }
.con_business .imgs2 img { margin:0 auto; }
.con_business .txt { margin:50px 0 0 0; color:#111111; font-size:18px; font-weight:400; line-height:1.6; word-break:keep-all; transition:all 0.3s ease; }
.con_business .txt.mop1 { margin:30px 0 0 0; }
.con_business .txt.mop2 { margin:20px 0 0 0; }
.con_business .txt.mop3 { margin:0 0 0 0; }
.con_business .txt2 { margin:20px 0 0 0; padding:40px 40px 40px 40px; color:#111111; font-size:18px; font-weight:400; line-height:1.6; word-break:keep-all; background:#f7f8fc; border:1px solid #e2e2e2; border-radius:24px; transition:all 0.3s ease; }
.con_business ul.list { margin:20px 5px 0 5px; overflow:hidden; }
.con_business ul.list li { padding:0 0 10px 15px; position:relative; color:#333333; font-size:16px; font-weight:400; line-height:1.3; letter-spacing:-0.01em; word-break:keep-all; transition:all 0.3s ease; }
.con_business ul.list li.in { padding:0 0 8px 25px; color:#777777; font-size:15px; line-height:1.2; }
.con_business ul.list li.in2 { padding:0 0 6px 35px; color:#888888; font-size:14px; line-height:1.2; }
.con_business ul.list.op1 { counter-reset:li !important; }
.con_business ul.list.op1 li { padding:0 0 10px 25px; counter-increment:li; }
.con_business ul.list.op1 li:before { margin:0 10px 0 -25px; content:counter(li); display:inline-block; width:15px; height:15px; color:#666666; font-size:13px; font-weight:400; line-height:1; text-align:center; border:1px solid #999999; border-radius:100%; }
.con_business ul.list.op1 li.in { counter-increment:none; }
.con_business ul.list.op1 li.in2 { counter-increment:none; }
.con_business ul.list.op1 li.in:before { position:absolute; left:32px; top:0; content:"-"; color:#666666; font-size:16px; font-weight:400; border:none; }
.con_business ul.list.op1 li.in2:before { content:none; }
.con_business ul.list li.fop1 { color:#e11e25; } /* »¡°­ */
.con_business ul.list li.fop2 { color:#f67400; } /* ÁÖȲ */
.con_business ul.list li.fop3 { color:#111111; } /* °ËÁ¤ */
.con_business ul.list li.fop4 { color:#01429e; } /* ÆĶû */
.con_business ul.list li a.deco { font-weight:500; color:#111111; text-decoration:underline; text-underline-position:under; }
.con_business ul.list span { font-weight:700; font-size:18px; color:#ff6800; letter-spacing:-0.01em; }

.con_member { padding:40px 50px 40px 50px; display:table; width:100%; overflow:hidden; background:#f8f8f8 url("/cont/assets/images/bg_02.png") no-repeat right 0 top 60px; background-size:auto 600px; border-radius:24px; animation:con_member_ani1 infinite 10s ease alternate; }
@keyframes con_member_ani1 {
	0% { background:#f8f8f8 url("/cont/assets/images/bg_02.png") no-repeat right 0 top 60px; background-size:auto 600px; }
	100% { background:#f8f8f8 url("/cont/assets/images/bg_02.png") no-repeat left 100px bottom 60px; background-size:auto 1200px; }
}
.con_member .con1 { display:table-cell; width:480px; overflow:hidden; transition:all 0.3s ease; }
.con_member .con1 img { width:100%; max-height:640px; border:1px solid #e2e2e2; border-radius:24px; }
.con_member .con2 { padding:0 0 10px 50px; display:table-cell; width:calc(100% - 600px); overflow:hidden; vertical-align:bottom; transition:all 0.3s ease; }
.con_member .con2 span { color:#007dc5; font-size:18px; font-weight:600; transition:all 0.3s ease; }
.con_member .con2 span.fop1 { color:#16996a; }
.con_member .con2 span.fop2 { color:#d11561; }
.con_member .con2 span.fop3 { color:#7015d1; }
.con_member .con2 h1 { margin:10px 0 0 0; color:#010101; font-size:38px; font-weight:800; letter-spacing:-0.01em; transition:all 0.3s ease; }

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

.con_btn_center { margin:50px 0 0 0; text-align:center; transition:all 0.3s ease; }
.con_btn_center a { margin:0 5px 5px 0; transition:all 0.3s ease; }
.con_btn_center a:last-child { margin:0 0 5px 0; }
.con_btn_center a:hover { filter:contrast(150%); }

a.btn_red_01 { display:inline-block; padding:0 30px 0 30px; height:46px; font-size:16px; background:#e94729; font-weight:400; color:#ffffff; text-align:center; line-height:46px; letter-spacing:-0.01em; border:1px solid #e94729; border-radius:4px; transition:all 0.3s ease; }
a.btn_orange_01 { display:inline-block; padding:0 30px 0 30px; height:46px; font-size:16px; background:#f67400; font-weight:400; color:#ffffff; text-align:center; line-height:46px; letter-spacing:-0.01em; border:1px solid #f67400; border-radius:4px; transition:all 0.3s ease; }
a.btn_blue_01 { display:inline-block; padding:0 30px 0 30px; height:46px; font-size:16px; background:#385490; font-weight:400; color:#ffffff; text-align:center; line-height:46px; letter-spacing:-0.01em; border:1px solid #385490; border-radius:4px; transition:all 0.3s ease; }
a.btn_navyblue_01 { display:inline-block; padding:0 30px 0 30px; height:46px; font-size:16px; background:#004272; font-weight:400; color:#ffffff; text-align:center; line-height:46px; letter-spacing:-0.01em; border:1px solid #004272; border-radius:4px; transition:all 0.3s ease; }
a.btn_sky_01 { display:inline-block; padding:0 30px 0 30px; height:46px; font-size:16px; background:#26a5ac; font-weight:400; color:#ffffff; text-align:center; line-height:46px; letter-spacing:-0.01em; border:1px solid #26a5ac; border-radius:4px; transition:all 0.3s ease; }
a.btn_green_01 { display:inline-block; padding:0 30px 0 30px; height:46px; font-size:16px; background:#31a97c; font-weight:400; color:#ffffff; text-align:center; line-height:46px; letter-spacing:-0.01em; border:1px solid #31a97c; border-radius:4px; transition:all 0.3s ease; }
a.btn_grey_01 { display:inline-block; padding:0 30px 0 30px; height:46px; font-size:16px; background:#666666; font-weight:400; color:#ffffff; text-align:center; line-height:46px; letter-spacing:-0.01em; border:1px solid #666666; border-radius:4px; transition:all 0.3s ease; }
a.btn_brown_01 { display:inline-block; padding:0 30px 0 30px; height:46px; font-size:16px; background:#877569; font-weight:400; color:#ffffff; text-align:center; line-height:46px; letter-spacing:-0.01em; border:1px solid #877569; border-radius:4px; transition:all 0.3s ease; }

a.btn_red_01:hover { background:#ffffff; color:#e94729; }
a.btn_orange_01:hover { background:#ffffff; color:#f67400; }
a.btn_blue_01:hover { background:#ffffff; color:#385490; }
a.btn_navyblue_01:hover { background:#ffffff; color:#004272; }
a.btn_sky_01 :hover { background:#ffffff; color:#26a5ac; }
a.btn_green_01:hover { background:#ffffff; color:#31a97c; }
a.btn_grey_01:hover { background:#ffffff; color:#666666; }
a.btn_brown_01:hover { background:#ffffff; color:#877569; }

a.btn_red_02 { display:inline-block; padding:0 25px 0 25px; height:30px; font-size:15px; background:#e94729; font-weight:400; color:#ffffff; text-align:center; line-height:30px; letter-spacing:-0.01em; border:1px solid #e94729; border-radius:4px; transition:all 0.3s ease; }
a.btn_orange_02 { display:inline-block; padding:0 25px 0 25px; height:30px; font-size:15px; background:#f67400; font-weight:400; color:#ffffff; text-align:center; line-height:30px; letter-spacing:-0.01em; border:1px solid #f67400; border-radius:4px; transition:all 0.3s ease; }
a.btn_blue_02 { display:inline-block; padding:0 25px 0 25px; height:30px; font-size:15px; background:#385490; font-weight:400; color:#ffffff; text-align:center; line-height:30px; letter-spacing:-0.01em; border:1px solid #385490; border-radius:4px; transition:all 0.3s ease; }
a.btn_navyblue_02 { display:inline-block; padding:0 25px 0 25px; height:30px; font-size:15px; background:#004272; font-weight:400; color:#ffffff; text-align:center; line-height:30px; letter-spacing:-0.01em; border:1px solid #004272; border-radius:4px; transition:all 0.3s ease; }
a.btn_sky_02 { display:inline-block; padding:0 25px 0 25px; height:30px; font-size:15px; background:#26a5ac; font-weight:400; color:#ffffff; text-align:center; line-height:30px; letter-spacing:-0.01em; border:1px solid #26a5ac; border-radius:4px; transition:all 0.3s ease; }
a.btn_green_02 { display:inline-block; padding:0 25px 0 25px; height:30px; font-size:15px; background:#31a97c; font-weight:400; color:#ffffff; text-align:center; line-height:30px; letter-spacing:-0.01em; border:1px solid #31a97c; border-radius:4px; transition:all 0.3s ease; }
a.btn_green_02.fop1 { font-size:15px; }
a.btn_grey_02 { display:inline-block; padding:0 25px 0 25px; height:30px; font-size:15px; background:#666666; font-weight:400; color:#ffffff; text-align:center; line-height:30px; letter-spacing:-0.01em; border:1px solid #666666; border-radius:4px; transition:all 0.3s ease; }
a.btn_brown_02 { display:inline-block; padding:0 25px 0 25px; height:30px; font-size:15px; background:#877569; font-weight:400; color:#ffffff; text-align:center; line-height:30px; letter-spacing:-0.01em; border:1px solid #877569; border-radius:4px; transition:all 0.3s ease; }

a.btn_red_02:hover { background:#ffffff; color:#e94729; }
a.btn_orange_02:hover { background:#ffffff; color:#f67400; }
a.btn_blue_02:hover { background:#ffffff; color:#385490; }
a.btn_navyblue_02:hover { background:#ffffff; color:#004272; }
a.btn_sky_02 :hover { background:#ffffff; color:#26a5ac; }
a.btn_green_02:hover { background:#ffffff; color:#31a97c; }
a.btn_grey_02:hover { background:#ffffff; color:#666666; }
a.btn_brown_02:hover { background:#ffffff; color:#877569; }

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

.hb-button { position:absolute; top:20px; right:20px; z-index:999; }
.hb-button button { width:33px; height:25px; }
.hb-button button span { margin-top:6px; }
.hb-contents { visibility:hidden; position:absolute; top:0; right:0; height:100%; width:75%; background:#ffffff; z-index:-1; overflow-y:auto; }
.hb-contents-inner > * { -webkit-transform:translateZ(0); }
.hb-contents .hb-top { padding:20px 20px 20px 50px; overflow:hidden; color:#111111; font-size:17px; font-weight:900; line-height:1.3; background:url("/cont/assets/images/logo_01.png") no-repeat 20px 20px; background-size:auto 20px; border-bottom:1px solid #111111; word-break:keep-all; transition:all 0.3s ease; }
.hb-open .hb-contents { transition:all 300ms ease-in-out; }
.hb-open .hb-contents { visibility:visible; z-index:99999; }
.hb-open .hb-bg { position:absolute; top:0; right:0; width:100%; height:100%; opacity:0.8; transition:opacity 300ms; }
.hb-open .hb-close { opacity:1; visibility:visible; }
.hb-bg { position:absolute; top:0; right:0; width:0; height:0; background:rgba(0, 0, 0, .8); opacity:0; transition:opacity 300ms, width 50ms 300ms, height 50ms 300ms; z-index:99; }
.hb-close { position:fixed; top:0px; right:75%; border-radius:0; border:0; opacity:0; z-index:999; visibility:hidden; }
.hb-close { background:#000000; }
.icon-close { display:inline-block; width:56px; height:56px; background:url("/cont/assets/images/close_01.png") no-repeat center center; background-size:25px; box-sizing:border-box; }
.hb-gnb .gnb-arr { position:absolute; top:0; right:10px; width:30px; height:30px; z-index:99; }
.hb-gnb .dep1 ul { display:none; }
.hb-gnb .dep1 li { position:relative; }
.hb-gnb .dep1 li a { padding:16px 40px 16px 20px; position:relative; display:block; font-weight:700; color:#111111; font-size:17px; z-index:9; background:#ffffff; border-bottom:1px solid #d8d8d8; word-break:break-all; }
.hb-gnb .dep1 > .on > a { color:#ff3b1d; }
.hb-gnb .dep2 { position:relative; z-index:9; }
.hb-gnb .dep2 ul { display:none; background:#ffffff; }
.hb-gnb .dep2 > li > a { padding:13px 40px 13px 30px; color:#222222; font-size:15px; font-weight:500; background-color:#f7f7f7; border-bottom:1px solid #e2e2e2; }
.hb-gnb .dep2 .gnb-arr { height:39px; }
.hb-gnb .dep3 > li > a { padding:4px 40px 4px 40px; font-weight:400; color:#777777; font-size:14px; background-color:#f9f9f9; border-bottom:none; }
.hb-gnb .dep3 > li:first-child > a { padding:10px 40px 4px 40px; }
.hb-gnb .dep3 > li:last-child > a { padding:4px 40px 13px 40px; border-bottom:1px solid #e2e2e2; }
.btn-reset { border:0; background:transparent; padding:0; margin:0; }
.icon-arr { margin-top:20px; display:inline-block; height:15px; width:15px; background-image:url("/cont/assets/images/arrow_01.png"); background-repeat:no-repeat; background-size:auto 30px; }
.on .icon-arr { background-position:0 -20px; }
.icon-arr2 { margin-top:5px; display:inline-block; width:12px; height:12px; background-image:url("/cont/assets/images/plus_01.png"); background-repeat:no-repeat; background-size:auto 12px; }

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

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

	.container { width:1780px; }

}

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

	body.bgop1 { background-size:auto; }

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

	.con_sitemap .con1 a { right:30px; }
	.con_sitemap .con2 { padding:0 30px 60px 30px; }
	.con_sitemap .con2_1 ul li a { padding:10px 30px 10px 30px; }

	header .con2 { padding:0 100px 0 100px; }
	header ul li { width:160px; }

	.con_gnb_sub.psop1 { left:calc(50% - 445px); }
	.con_gnb_sub.psop2 { left:calc(50% - 280px); }
	.con_gnb_sub.psop3 { left:calc(50% - 125px); }
	.con_gnb_sub.psop4 { left:calc(50% + 35px); }
	.con_gnb_sub.psop5 { left:calc(50% + 200px); }

	.con_imglist_c { margin:0 30px 50px 0; width:calc((100% - 90px) / 4); }
	.con_imglist_c .con2_2 a { font-size:24px; }

}

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

	.con_imglist_c .con2_2 a { height:53px; font-size:23px; }

}

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

	.con_sitemap .con1 { padding:50px 0 50px 0; }
	.con_sitemap .con1 h2 { font-size:26px; }
	.con_sitemap .con1 a { right:20px; top:50px; }
	.con_sitemap .con2 { padding:0 0 40px 0; }
	.con_sitemap .con2_1 { margin:0 20px 0 0; }
	.con_sitemap .con2_1 h3 { padding:16px 0 16px 0; font-size:18px; }
	.con_sitemap .con2_1 ul { margin:30px 0 0 0; padding:30px 0 30px 0; height:350px; border-radius:24px; }
	.con_sitemap .con2_1 ul li a { padding:10px 25px 10px 25px; font-size:17px; }

	.con_sitemap2_c { padding:50px 20px 80px 20px; }
	.con_sitemap2_c .con1 { margin:0 20px 0 0; }
	.con_sitemap2_c .con1 a.tit { padding:13px 0 13px 0; font-size:18px; }
	.con_sitemap2_c .con1 ul { margin:18px 0 0 0; }
	.con_sitemap2_c .con1 ul li a { padding:10px 10px 10px 20px; font-size:17px; }

	header .con2 { padding:0 30px 0 20px; }
	header ul li { width:140px; }
	header ul li a { font-size:20px; }

	.con_gnb_sub { width:230px; }

	.con_gnb_sub.psop1 { left:calc(50% - 400px); }
	.con_gnb_sub.psop2 { left:calc(50% - 255px); }
	.con_gnb_sub.psop3 { left:calc(50% - 115px); }
	.con_gnb_sub.psop4 { left:calc(50% + 20px); }
	.con_gnb_sub.psop5 { left:calc(50% + 165px); }

	.con_gnb_sub dl dt a { padding:10px 10px 10px 20px; font-size:17px; }

	footer .container { padding:50px 60px 80px 260px; background:url("/cont/assets/images/logo_03.png") no-repeat 60px 50px; }

	#con_content.op1 { padding:50px 0 160px 0; }

	.con_mvisual .con1 { padding:90px 0 0 80px; }
	.con_mvisual .con1 h2 { font-size:40px; }
	.con_mvisual .con2 { padding:110px 80px 110px 80px; }
	.con_mvisual .con2 a.more { right:80px; top:140px; }
	.con_mvisual .con2 .slick-prev { left:-70px; }
	.con_mvisual .con2 .slick-next { right:-70px; }

	.con_tit { margin:0 0 70px 0; font-size:46px; }

	.con_imglist_c { margin:0 30px 50px 0; width:calc((100% - 90px) / 4); }
	.con_imglist_c .con2_2 a { font-size:24px; }
	.con_imglist_c .con2_3 a { padding:12px 10px 12px 10px; font-size:17px; }

	.con_intro { padding:0 0 0 350px; background-size:auto 240px; }
	.con_intro h2 { font-size:36px; }
	.con_intro p { font-size:19px; }
	.con_intro span { margin:60px 0 0 0; font-size:22px; }

	.con_location .con2 { margin:70px 0 0 0; }
	.con_location .con2 .con_map { height:600px; }

	.con_consulting ul li { width:calc((100% - 60px) / 4); }
	.con_consulting ul li:nth-child(5n) { margin:0 20px 20px 0; }
	.con_consulting ul li:nth-child(4n) { margin:0 0 20px 0; }

}

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

			.con_sitemap { visibility:hidden; position:absolute; font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; background:none; }

			.navbar { margin:0 0 0 0; padding:20px 20px 20px 20px; position:relative; background:#ffffff; border-radius:0; }
			.navbar a.logo img { height:36px; }
			.navbar a.link1 { position:absolute; right:20px; top:27px; }

			.navbar_lnb { overflow:hidden; transition:all 0.3s ease; }
			.navbar_lnb ul { display:flex; overflow:hidden; }
			.navbar_lnb ul li { width:-webkit-fill-available; transition:all 0.3s ease; }
			.navbar_lnb ul li a { padding:12px 0 12px 0; display:block; color:#ffffff; font-size:16px; font-weight:500; text-align:center; background:#52616b; transition:all 0.3s ease; }
			.navbar_lnb ul li a.on { background:#f05454; }
			.navbar_lnb ul li a:hover { background:#f05454; }

			footer .container { padding:125px 40px 60px 40px; background:url("/cont/assets/images/logo_03.png") no-repeat 40px 45px; }
			footer ul li { font-size:16px; }
			footer ul li span { font-size:18px; }
			footer ul li.copy { font-size:16px; }

			#con_content.op1 { padding:40px 0 140px 0; }

			#con_backtop a { width:50px; height:50px; background-size:auto 14px; }
			#con_backtop a:hover { background-size:auto 14px; }

			.con_mvisual .con1 { padding:80px 0 0 60px; }
			.con_mvisual .con1 h2 { font-size:36px; }
			.con_mvisual .con2 { padding:100px 60px 100px 60px; }
			.con_mvisual .con2 h3 { font-size:50px; }
			.con_mvisual .con2 a.more { right:60px; top:130px; }
			.con_mvisual .con2_slide_c a { font-size:26px; }
			.con_mvisual .con2 .slick-prev { left:-60px; }
			.con_mvisual .con2 .slick-next { right:-60px; }

			.con_tit { margin:0 0 60px 0;  font-size:40px; }

			.con_tit2 { margin:40px 0 0 0; font-size:19px; }

			.con_tab { margin:0 0 80px 0; }
			.con_tab ul li a { padding:20px 20px 20px 20px; font-size:19px; }

			.con_intro { padding:0 0 0 240px; background-size:auto 160px; }
			.con_intro h2 { font-size:33px; }
			.con_intro p { margin:40px 0 0 0; font-size:18px; }
			.con_intro span { margin:50px 0 0 0; font-size:20px; }

			.con_location.mop1 { margin:50px 0 0 0; }
			.con_location .con1 ul li { font-size:17px; }
			.con_location .con1 ul li.tit { font-size:26px; }
			.con_location .con2 { margin:60px 0 0 0; }
			.con_location .con2 .con_map { height:500px; }

			.con_search ul { width:80%; }

			.con_imglist_c { width:calc((100% - 30px) / 2); }
			.con_imglist_c:nth-child(4n) { margin:0 30px 40px 0; }
			.con_imglist_c:nth-child(2n) { margin:0 0 40px 0; }

			.con_listcus ul { padding:25px 10px 25px 10px; }
			.con_listcus ul li a { font-size:18px; }

			.con_consulting ul li { width:calc((100% - 40px) / 3); }
			.con_consulting ul li:nth-child(4n) { margin:0 20px 20px 0; }
			.con_consulting ul li:nth-child(3n) { margin:0 0 20px 0; }

			.con_member .con1 { width:400px; }
			.con_member .con2 { padding:0 0 10px 30px; width:calc(100% - 400px); }
			.con_member .con2 span { font-size:17px; }
			.con_member .con2 h1 { font-size:34px; }

}

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

						.navbar_lnb ul li a { padding:10px 0 10px 0; font-size:15px; }

						footer ul li { font-size:14px; }
						footer ul li span { font-size:16px; }
						footer ul li.copy { font-size:14px; }

						#con_content.op1 { padding:30px 0 100px 0; }

						#con_backtop { bottom:55px; }
						#con_backtop a { width:40px; height:40px; background-size:auto 12px; }
						#con_backtop a:hover { background-size:auto 12px; }

						.con_mvisual .con1 { padding:60px 0 0 20px; }
						.con_mvisual .con1 h2 { font-size:30px; }
						.con_mvisual .con2 { padding:80px 20px 80px 20px; }
						.con_mvisual .con2 h3 { font-size:40px; }
						.con_mvisual .con2 a.more { right:20px; top:98px; }
						.con_mvisual .con2_slide { padding:0 30px 0 30px; }
						.con_mvisual .con2_slide_c a { font-size:24px; }
						.con_mvisual .con2 .slick-prev { left:-20px; top:calc(50% - 25px); width:28px; height:50px; background-size:auto 50px; }
						.con_mvisual .con2 .slick-next { right:-20px; top:calc(50% - 25px); width:28px; height:50px; background-size:auto 50px; }

						.con_tit { margin:0 0 50px 0;  font-size:36px; }
						.con_tit:after { margin:0 0 0 2px; width:25px; }

						.con_tit2 { margin:30px 0 0 0; font-size:18px; }

						.con_txt { padding:30px 0 40px 0; font-size:16px; line-height:1.9; }

						.con_tab { margin:0 0 60px 0; }
						.con_tab ul li a { padding:18px 15px 18px 15px; font-size:18px; }

						.con_tab2 a { height:40px; font-size:16px; }

						.con_intro { padding:180px 0 0 0; background-size:auto 140px; }
						.con_intro h2 { font-size:30px; }
						.con_intro p { margin:30px 0 0 0; font-size:17px; }

						.con_location.mop1 { margin:40px 0 0 0; }
						.con_location .con1 ul li { font-size:16px; }
						.con_location .con1 ul li.tit { font-size:22px; }
						.con_location .con1 ul li:before { top:8px; width:3px; height:3px; }
						.con_location .con2 { margin:40px 0 0 0; }
						.con_location .con2 .con_map { height:400px; }

						.con_search ul li:first-child { width:30%; }
						.con_search ul li+li { width:calc((100% - 30%) - 40px); }
						.con_search ul li.btns { width:35px; }
						.con_search ul li select { height:35px; }
						.con_search ul li input[type="text"] { height:35px; }
						.con_search ul li button { width:35px; height:35px; }

						.con_list_option { margin:25px 0 0 0; }
						.con_list_option li { font-size:14px; }
						.con_list_option li.op1 select { height:25px; }

						.con_list { overflow-x:scroll; }
						.con_list table { width:200%; }
						.con_list { margin:15px 0 0 0; }
						.con_list th { padding:10px 5px 10px 5px; font-size:14px; }
						.con_list td { padding:13px 5px 13px 5px; font-size:14px; }
						.con_list td.fop1 { font-size:15px; }

						.con_listcus ul { padding:20px 5px 20px 5px; }
						.con_listcus ul li span { margin:0 0 5px 0; }
						.con_listcus ul li span i { padding:2px 6px 2px 6px; font-size:13px; }
						.con_listcus ul li a { font-size:16px; line-height:1.3; }
						.con_listcus ul li.desc { float:left; font-size:13px; }
						.con_listcus ul li.desc dl dt { font-size:13px; }
						.con_listcus ul li.desc dl dt:after { top:7px; }
						.con_listcus ul li.nodata { padding:30px 0 30px 0; font-size:15px; }

						.con_imglist_c { margin:0 0 25px 0; width:100%; }
						.con_imglist_c:nth-child(4n) { margin:0 0 25px 0; }
						.con_imglist_c:nth-child(2n) { margin:0 0 25px 0; }
						.con_imglist_c .con1 { border-radius:12px 12px 0 0; }
						.con_imglist_c .con2 { padding:20px 20px 25px 20px; border-radius:0 0 12px 12px; }
						.con_imglist_c .con2_1 ul li { font-size:15px; }
						.con_imglist_c .con2_2 a { height:auto; font-size:20px; }
						.con_imglist_c .con2_3 a { padding:10px 10px 10px 10px; font-size:16px; border-radius:4px; }

						.con_view_head { padding:25px 30px 25px 30px; border-radius:12px; }
						.con_view_head h1 { font-size:17px; line-height:1.3; }
						.con_view_head ul { float:left; margin:20px 0 0 0; }
						.con_view_head ul li { font-size:14px; }

						.con_view_content { padding:30px 15px 60px 15px; font-size:15px; line-height:1.5; }

						.con_view_file { margin:60px 0 0 0; padding:25px 25px 25px 25px; }
						.con_view_file ul li { font-size:15px; }
						.con_view_file ul li a { font-size:15px; }

						.con_paging { margin:40px 0 0 0; }
						.con_paging a { margin:0 3px 5px 0; width:30px; height:30px; font-size:14px; line-height:30px; }

						.con_prevnext ul li { border-bottom:none; }
						.con_prevnext ul li.tit { padding:20px 15px 0 15px; width:100%; height:auto; font-size:15px; }
						.con_prevnext ul li.tit.op1 { background:#ffffff url("/cont/assets/images/arrow_up.png") no-repeat left 65px top 23px; }
						.con_prevnext ul li.tit.op2 { background:#ffffff url("/cont/assets/images/arrow_down.png") no-repeat left 65px  top 23px; }
						.con_prevnext ul li.desc { padding:15px 15px 20px 15px; width:100%; height:auto; font-size:14px; border-bottom:1px solid #e2e2e2; }
						.con_prevnext ul li.desc a { font-size:14px; }

						.con_consulting ul li { margin:0 10px 10px 0; width:calc((100% - 10px) / 2); }
						.con_consulting ul li a { height:60px; border-radius:8px; }
						.con_consulting ul li:nth-child(5n) { margin:0 10px 10px 0; }
						.con_consulting ul li:nth-child(4n) { margin:0 10px 10px 0; }
						.con_consulting ul li:nth-child(3n) { margin:0 10px 10px 0; }
						.con_consulting ul li:nth-child(2n) { margin:0 0 10px 0; }
						.con_consulting ul li a.link1 { background-size:auto 30px; }
						.con_consulting ul li a.link2 { background-size:auto 30px; }
						.con_consulting ul li a.link3 { background-size:auto 15px; }
						.con_consulting ul li a.link4 { background-size:auto 30px; }
						.con_consulting ul li a.link5 { background-size:auto 30px; }
						.con_consulting ul li a.link6 { background-size:auto 30px; }
						.con_consulting ul li a.link7 { background-size:auto 20px; }
						.con_consulting ul li a.link8 { background-size:auto 20px; }
						.con_consulting ul li a.link9 { background-size:auto 30px; }
						.con_consulting ul li a.link10 { background-size:auto 25px; }
						.con_consulting ul li a.link11 { background-size:auto 25px; }
						.con_consulting ul li a.link12 { background-size:auto 30px; }
						.con_consulting ul li a.link13 { background-size:auto 35px; }
						.con_consulting ul li a.link14 { background-size:auto 30px; }
						.con_consulting ul li a.link15 { background-size:auto 20px; }
						.con_consulting ul li a.link16 { background-size:auto 25px; }
						.con_consulting ul li a.link17 { background-size:auto 35px; }
						.con_consulting ul li a.link18 { background-size:auto 25px; }
						.con_consulting ul li a.link19 { background-size:auto 25px; }
						.con_consulting ul li a.link20 { background-size:auto 28px; }
						.con_consulting ul li a.link21 { background-size:auto 15px; }
						.con_consulting ul li a.link22 { background-size:auto 30px; }
						.con_consulting ul li a.link23 { background-size:auto 25px; }
						.con_consulting ul li a.link24 { background-size:auto 30px; }
						.con_consulting ul li a.link25 { background-size:auto 50px; }
						.con_consulting ul li a.link26 { background-size:auto 18px; }
						.con_consulting ul li a.link27 { background-size:auto 40px; }
						.con_consulting ul li a.link28 { background-size:auto 35px; }

						.con_consulting ul li a.link2_1 { background-size:auto 25px; }
						.con_consulting ul li a.link2_2 { background-size:auto 30px; }
						.con_consulting ul li a.link2_3 { background-size:auto 25px; }
						.con_consulting ul li a.link2_4 { background-size:auto 20px; }
						.con_consulting ul li a.link2_5 { background-size:auto 20px; }
						.con_consulting ul li a.link2_6 { background-size:auto 30px; }
						.con_consulting ul li a.link2_7 { background-size:auto 15px; }
						.con_consulting ul li a.link2_8 { background-size:auto 20px; }
						.con_consulting ul li a.link2_9 { background-size:auto 35px; }
						.con_consulting ul li a.link2_10 { background-size:auto 15px; }
						.con_consulting ul li a.link2_11 { background-size:auto 40px; }
						.con_consulting ul li a.link2_12 { background-size:auto 30px; }
						.con_consulting ul li a.link2_13 { background-size:auto 40px; }
						.con_consulting ul li a.link2_14 { background-size:auto 30px; }

						.con_litigation { padding:30px 0 0 0; }
						.con_litigation h3 { margin:30px 0 0 0; font-size:17px; }
						.con_litigation .txt { font-size:15px; }
						.con_litigation ul.list { margin:15px 0 0 5px; }
						.con_litigation ul.list li { font-size:15px; }
						.con_litigation ul.list li.in { font-size:14px; }
						.con_litigation ul.list li.in2 { font-size:13px; }
						.con_litigation ul.list.op1 li { font-size:15px; }
						.con_litigation ul.list.op1 li.in:before { left:34px; font-size:15px; }
						.con_litigation ul.list span { font-size:15px; }

						.con_business { padding:0 0 0 0; }
						.con_business h3 { margin:30px 0 0 0; font-size:18px; }
						.con_business .imgs { margin:40px 0 0 0; border-radius:8px; }
						.con_business .imgs img { border-radius:8px; }
						.con_business .imgs2 { padding:40px 20px 40px 20px; }
						.con_business .txt { margin:40px 0 0 0; font-size:16px; }
						.con_business .txt2 { padding:30px 30px 30px 30px; font-size:16px; border-radius:12px; }
						.con_business ul.list { margin:15px 0 0 5px; }
						.con_business ul.list li { font-size:15px; }
						.con_business ul.list li.in { font-size:14px; }
						.con_business ul.list li.in2 { font-size:13px; }
						.con_business ul.list.op1 li { font-size:15px; }
						.con_business ul.list.op1 li.in:before { left:34px; font-size:15px; }
						.con_business ul.list span { font-size:15px; }

						.con_member { padding:30px 30px 30px 30px; display:block; border-radius:12px; }
						.con_member .con1 { display:block; width:100%; }
						.con_member .con1 img { max-height:auto; }
						.con_member .con2 { padding:30px 0 0 0; display:block; width:100%; }
						.con_member .con2 span { font-size:16px; }
						.con_member .con2 h1 { font-size:30px; }

						.con_btn_center { margin:40px 0 0 0; }
						.con_btn_center a { margin:0 3px 5px 0; }
						.con_btn_center a:last-child { margin:0 0 5px 0; }

						a.btn_red_01 { padding:0 20px 0 20px; height:40px; font-size:15px; line-height:40px; }
						a.btn_orange_01 { padding:0 20px 0 20px; height:40px; font-size:15px; line-height:40px; }
						a.btn_blue_01 { padding:0 20px 0 20px; height:40px; font-size:15px; line-height:40px; }
						a.btn_navyblue_01 { padding:0 20px 0 20px; height:40px; font-size:15px; line-height:40px; }
						a.btn_sky_01 { padding:0 20px 0 20px; height:40px; font-size:15px; line-height:40px; }
						a.btn_green_01 { padding:0 20px 0 20px; height:40px; font-size:15px; line-height:40px; }
						a.btn_grey_01 { padding:0 20px 0 20px; height:40px; font-size:15px; line-height:40px; }
						a.btn_brown_01 { padding:0 20px 0 20px; height:40px; font-size:15px; line-height:40px; }

						a.btn_red_02 { padding:0 20px 0 20px; height:25px; font-size:14px; line-height:25px; }
						a.btn_orange_02 { padding:0 20px 0 20px; height:25px; font-size:14px; line-height:25px; }
						a.btn_blue_02 { padding:0 20px 0 20px; height:25px; font-size:14px; line-height:25px; }
						a.btn_navyblue_02 { padding:0 20px 0 20px; height:25px; font-size:14px; line-height:25px; }
						a.btn_sky_02 { padding:0 20px 0 20px; height:25px; font-size:14px; line-height:25px; }
						a.btn_green_02 { padding:0 20px 0 20px; height:25px; font-size:14px; line-height:25px; }
						a.btn_green_02.fop1 { font-size:14px; }
						a.btn_grey_02 { padding:0 20px 0 20px; height:25px; font-size:14px; line-height:25px; }
						a.btn_brown_02 { padding:0 20px 0 20px; height:25px; font-size:14px; line-height:25px; }

}

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

						.con_tab { margin:0 0 50px 0; border-bottom:none; }
						.con_tab ul li a { padding:16px 10px 16px 10px; font-size:16px; border-bottom:1px solid #d8d8d8; }

}

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


}

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

						.con_tab { margin:0 0 40px 0; }
						.con_tab ul li a { padding:15px 10px 15px 10px; font-size:15px; }
						.con_tab ul li a.on { border-bottom:1px solid #111111; }

						.con_tab2 a { height:35px; font-size:15px; }

}


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

						.con_mvisual .con2 h3 { padding:0 0 10px 0; font-size:36px; }
						.con_mvisual .con2 a.more { position:static; }
}

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

						.con_tit { font-size:30px; }

}

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

						.con_consulting ul li { margin:0 0 10px 0; width:100%; }
						.con_consulting ul li a { height:50px; }
						.con_consulting ul li:nth-child(5n) { margin:0 0 10px 0; }
						.con_consulting ul li:nth-child(4n) { margin:0 0 10px 0; }
						.con_consulting ul li:nth-child(3n) { margin:0 0 10px 0; }
						.con_consulting ul li:nth-child(2n) { margin:0 0 10px 0; }

}

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

						.con_mvisual .con2_slide { padding:0 0 0 0; }
						.con_mvisual .con2_slide_c a { height:250px; font-size:22px; }
						.con_mvisual .con2 .slick-prev { left:auto; right:20px; top:-55px; width:17px; height:30px; background-size:auto 30px; }
						.con_mvisual .con2 .slick-next { right:-20px; top:-55px; width:17px; height:30px; background-size:auto 30px; }

						.navbar_lnb ul li:last-child { display:none; }

						.con_search ul { width:100%; }

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

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

}

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

						.con_mvisual .con1 h2 br { display:none; }

}

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

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

}

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

#adm_wrap { width:100%; height:100%; min-width:1280px; }

.adm_login { width:1200px; overflow:hidden; margin:0 auto; }
.adm_login .con1 { overflow:hidden; }
.adm_login .con1 h2 { padding:150px 0 0 0; color:#111111; font-size:46px; font-weight:600; line-height:1.0; text-align:center; letter-spacing:-0.04em; }
.adm_login .con1 p { padding:20px 0 0 0; color:#3561ac; font-size:20px; font-weight:800; line-height:1.0; text-align:center; letter-spacing:-0.02em; }
.adm_login .con2 { margin:50px 0 0 0; position:relative; height:260px; background:url("/cont/assets/images/adm_bg_01.png") no-repeat 0 0; }
.adm_login .con2 ul { position:absolute; left:400px; top:80px; overflow:hidden; }
.adm_login .con2 ul li { margin:0 0 15px 0; }
.adm_login .con2 ul li input[type="text"] { padding:0 20px 0 20px; width:280px; height:50px; color:#111111; font-size:18px; font-weight:600; border:1px solid #e2e2e2; border-radius:8px; }
.adm_login .con2 ul li input[type="password"] { padding:0 20px 0 20px; width:280px; height:50px; color:#111111; font-size:18px; font-weight:600; border:1px solid #e2e2e2; border-radius:8px; }
.adm_login .con2 button { position:absolute; left:700px; top:80px; display:inline-block; width:100px; height:115px; color:#ffffff; font-size:20px; font-weight:700; line-height:1.0; text-align:center; background:#2d477a; border-radius:8px; transition:all 0.3s ease; }
.adm_login .con2 button:hover { background:#08193b; }
.adm_login .con3 { margin:40px 0 0 0; overflow:hidden; color:#777777; font-size:15px; text-align:center; }

.adm_header { padding:20px 20px 20px 20px; position:relative; overflow:hidden; }
.adm_header a.logo { display:inline-block; width:148px; height:45px; background:url("/cont/assets/images/logo_02.png") no-repeat 0 0; text-indent:-10000px; transition:all 0.3s ease; }
.adm_header .con1 { position:absolute; right:20px; top:40px; }
.adm_header .con1 ul { overflow:hidden; }
.adm_header .con1 li { margin:0 8px 0 0; float:left; color:#111111; font-weight:400; font-size:15px; line-height:1.0; }
.adm_header .con1 li:first-child { margin:0 20px 0 0; padding:5px 0 0 0; }
.adm_header .con1 li span { color:#f67400; font-weight:700; }
.adm_header .con1 li:last-child { margin:0 0 0 0; }
.adm_header .con1 li a { display:inline-block; padding:3px 10px 3px 10px; font-size:13px; font-weight:400; color:#ffffff; text-align:center; line-height:1.3; border-radius:4px; transition:all 0.3s ease; }
.adm_header .con1 li a.link1 { background:#666666; }
.adm_header .con1 li a.link1:hover { background:#333333; }
.adm_header .con1 li a.link2 { background:#a53860; }
.adm_header .con1 li a.link2:hover { background:#670d2f; }

.adm_lnb { padding:0 20px 0 20px; overflow:hidden; background:#222831; }
.adm_lnb ul { overflow:hidden; }
.adm_lnb li { float:left; }
.adm_lnb li:last-child { margin:0 0 0 0; }
.adm_lnb li a { display:inline-block; padding:16px 30px 16px 30px; color:#ffffff; font-weight:700; font-size:17px; line-height:1.0; transition:all 0.3s ease; }
.adm_lnb li a:hover { background:#fe7743; }
.adm_lnb li a.on { background:#fe7743; }

.adm_con { padding:20px 20px 50px 20px; overflow:hidden; }
.adm_con .con1 { padding:0 0 15px 0; display:none; position:relative; border-bottom:1px solid #d8d8d8; }
.adm_con .con1 h2 { color:#111111; font-size:30px; font-weight:700; line-height:1.0; letter-spacing:-0.02em; }
.adm_con .con1 .bread { position:absolute; right:5px; top:10px; color:#777777; font-size:13px; }
.adm_con .con1 .bread img { vertical-align:text-top; }
.adm_con .con1 .bread span { padding:0 5px 0 5px; color:#999999; }
.adm_con .con2 { padding:30px 20px 0 20px; }

.adm_list { margin:10px 0 0 0; overflow:hidden; border-top:1px solid #111111; }
.adm_list table { width:100%; }
.adm_list th { padding:12px 0 12px 0; color:#111111; font-size:16px; text-align:center; border-bottom:1px solid #d8d8d8; background:#f2f2f2; }
.adm_list td { padding:12px 10px 12px 10px; color:#555555; font-size:16px; text-align:center; border-bottom:1px solid #d8d8d8; }
.adm_list td.tit { padding:12px 20px 12px 20px; text-align:left; }
.adm_list td a { color:#111111; font-weight:600; text-decoration:underline; text-underline-position:under; }
.adm_list td.imgs img { height:120px; border:1px solid #e2e2e2; border-radius:8px; }
.adm_list td.imgs a { display:inline-block; overflow:hidden; border-radius:8px; }
.adm_list td.imgs a img { transform:scale(1); transition:all 0.3s ease; }
.adm_list td.imgs a:hover img { filter:brightness(95%); transform:scale(1.05); }
.adm_list td.fop1 { color:#ff0000; font-weight:800; }

.adm_write { margin:10px 0 0 0; overflow:hidden; border-top:1px solid #111111; }
.adm_write table { width:100%; }
.adm_write th { padding:10px 20px 10px 20px; color:#111111; font-size:15px; font-weight:600; text-align:left; background:#f2f2f2; border:1px solid #d8d8d8; }
.adm_write th span { margin:0 0 0 5px; display:inline-block; width:4px; height:4px; background:#ff0000; border-radius:100%; text-indent:-10000px; }
.adm_write td { padding:15px 20px 15px 20px; color:#555555; font-size:15px; font-weight:400; text-align:left; border:1px solid #d8d8d8; }
.adm_write td select { padding:0 0 0 10px; width:100%; height:35px; color:#555555; font-size:16px; font-weight:500; border:1px solid #d8d8d8; border-radius:4px; }
.adm_write td input[type="text"] { padding:0 15px 0 15px; width:100%; height:35px; color:#555555; font-size:16px; font-weight:500; border:1px solid #d8d8d8; border-radius:4px; }
.adm_write td input[type="text"].wop1 { width:200px; }
.adm_write td input[type="password"] { padding:0 15px 0 15px; width:100%; height:35px; color:#555555; font-size:16px; font-weight:500; border:1px solid #d8d8d8; border-radius:4px; }
.adm_write td input[type="file"] { color:#555555; font-size:16px; font-weight:500; background:none; border:none; cursor:pointer; }
.adm_write td input[type="checkbox"] { margin:-3px 3px 0 0; width:20px; height:20px; vertical-align:middle; cursor:pointer; }
.adm_write td input[type="radio"] { margin:-3px 3px 0 0; width:20px; height:20px; vertical-align:middle; cursor:pointer; }
.adm_write td textarea { padding:20px 20px 20px 20px; width:100%; height:300px; color:#555555; font-size:15px; line-height:1.6; border:1px solid #d8d8d8; border-radius:4px; }
.adm_write td.txt { padding:20px 20px 20px 20px; line-height:1.6; }
.adm_write td.txt2 { padding:20px 20px 20px 20px; }
.adm_write td a.deco { color:#111111; font-weight:600; text-decoration:underline; text-underline-position:under; }
.adm_write td label { margin:0 15px 0 0; display:inline-block; cursor:pointer;  }
.adm_write td.imgs img { height:300px; border:1px solid #e2e2e2; border-radius:8px; }
.adm_write td .noti { margin:15px 0 0 0; color:#e64746; font-size:14px; font-weight:500; }

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

/*
background-image:url("/cont/assets/images/bg_23.jpg"), url("/cont/assets/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 { padding:0 0 0 12px; content:"|"; color:#999999; font-size:12px; text-align:center; }
#con_footmenu a:last-child:after { padding:0 0 0 0; content:none; }

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; letter-spacing:-0.01em; background:url("/cont/assets/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:#fff200; } ³ë¶û
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:#e64746; } ·¹µå
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("/cont/assets/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; }
.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("/cont/assets/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; text-align:center; letter-spacing:-0.01em;
display:inline-block; width:100%; padding:50px 0 0 0; background:url("/cont/assets/images/v1_ic_06.png") no-repeat center 0; color:#ffffff; font-size:17px; text-align:center; letter-spacing:-0.01em;

animation:con_profile_ani1 infinite 3s ease alternate;
@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; }

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

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 { margin:0 0 3px 0; padding:0 0 0 10px; position:relative; color:#555555; font-size:14px; letter-spacing:-0.01em; transition:all 0.3s ease; }
.con22_mclass_cont .con22_1 .con22_cont ul.desc li:before { position:absolute; left:0; top:6px; display:inline-block; 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; text-align:center; line-height:26px; letter-spacing:-0.01em;
color:#ffffff; font-size:12px; letter-spacing:-0.01em;

<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>

<img src="<c:url value="/resources/images/btn_gnb_06.png"/>" alt="Àüü¸Þ´º">

.navbar_gov span:before { margin:0 5px 0 0; content:""; display:inline-block; width:44px; height:17px; background:url("/cont/assets/images/ic_20.png") no-repeat 0 0; vertical-align:middle; }

aspect-ratio:4 / 3;

text-decoration:underline; text-underline-position:under;

standardType="B"

data-aos="fade-up" data-aos-delay="400"

animate__animated animate__backInUp animate__infinite

class="wow swing" data-wow-iteration="infinite" data-wow-delay=".2s" data-wow-duration="3s"

font-family:"Pretendard";
color:#111111; font-size:14px; font-weight:700; line-height:1.3; text-align:center; letter-spacing:-0.02em;
letter-spacing:-0.02em;

.con_mvisual_c2 .con2 a.more:after { margin:0 0 0 8px; content:""; display:inline-block; width:18px; height:12px; background:url("/cont/assets/images/more_05.png") no-repeat 0 -1px; vertical-align:middle; transition:all 0.3s ease; }
*/