@charset "utf-8";

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

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

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

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

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

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

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

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

@font-face { font-family:'scdream'; font-style:normal; font-weight:100; src:url('../fonts/scdream1.woff2') format('woff2'), url('../fonts/scdream1.woff') format('woff'); }
@font-face { font-family:'scdream'; font-style:normal; font-weight:200; src:url('../fonts/scdream2.woff2') format('woff2'), url('../fonts/scdream2.woff') format('woff'); }
@font-face { font-family:'scdream'; font-style:normal; font-weight:300; src:url('../fonts/scdream3.woff2') format('woff2'), url('../fonts/scdream3.woff') format('woff'); }
@font-face { font-family:'scdream'; font-style:normal; font-weight:400; src:url('../fonts/scdream4.woff2') format('woff2'), url('../fonts/scdream4.woff') format('woff'); }
@font-face { font-family:'scdream'; font-style:normal; font-weight:500; src:url('../fonts/scdream5.woff2') format('woff2'), url('../fonts/scdream5.woff') format('woff'); }
@font-face { font-family:'scdream'; font-style:normal; font-weight:600; src:url('../fonts/scdream6.woff2') format('woff2'), url('../fonts/scdream6.woff') format('woff'); }
@font-face { font-family:'scdream'; font-style:normal; font-weight:700; src:url('../fonts/scdream7.woff2') format('woff2'), url('../fonts/scdream7.woff') format('woff'); }
@font-face { font-family:'scdream'; font-style:normal; font-weight:800; src:url('../fonts/scdream8.woff2') format('woff2'), url('../fonts/scdream8.woff') format('woff'); }
@font-face { font-family:'scdream'; font-style:normal; font-weight:900; src:url('../fonts/scdream9.woff2') format('woff2'), url('../fonts/scdream9.woff') format('woff'); }

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

/*
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('../fonts/Pretendard-Black.woff2') format('woff2'), url('../fonts/Pretendard-Black.woff') format('woff');
}

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

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

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

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

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

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

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

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

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

* { font-family:"scdream", "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 { -webkit-print-color-adjust:exact !important; print-color-adjust:exact !important; }
body.bgop1 { background:#f0ebe3; }

#wrap { }

.container { padding:0 0 0 0; width:1280px; transition:all 0.3s ease; }

.con_sitemap { padding:85px 0 100px 0; display:none; position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.95); z-index:99999999; transition:all 0.3s ease; }
.con_sitemap_c1 { position:relative; font-family:"Pretendard"; font-weight:700; color:#ab8df2; font-size:40px; text-align:center; z-index:999999999; animation:con_sitemap_ani1 1s ease; }
.con_sitemap_c1 a.link_close { position:absolute; right:0px; top:15px; display:inline-block; width:29px; height:29px; background:url("../../images/close_01.png") no-repeat 0 0; background-size:29px; text-indent:-10000px; transition:all 0.3s ease; }
.con_sitemap_c1 a.link_close:hover { transform:rotate(180deg); }
.con_sitemap_c2 { margin:80px 0 0 0; overflow:hidden; animation:con_sitemap_ani2 2s ease; }
.con_sitemap_c2 .con1 { margin:0 20px 0 0; float:left; width:calc((100% - 40px) / 3); transition:all 0.3s ease; }
.con_sitemap_c2 .con1:last-child { margin:0 0 0 0; }
.con_sitemap_c2 .con1 h3 { padding:20px 0 20px 0; font-weight:400; color:#ffffff; font-size:20px; text-align:center; letter-spacing:0.02em; border-radius:60px; transition:all 0.3s ease; }
.con_sitemap_c2 .con1 h3.bgop1 { background:#f244b3; }
.con_sitemap_c2 .con1 h3.bgop2 { background:#b144f2; }
.con_sitemap_c2 .con1 h3.bgop3 { background:#5b00d0; }
.con_sitemap_c2 .con1 ul { margin:20px 0 0 0; padding:40px 40px 40px 40px; height:280px; overflow:hidden; background:rgba(231, 220, 242,0.9); border-radius:36px; transition:all 0.3s ease; }
.con_sitemap_c2 .con1 ul li { transition:all 0.3s ease; }
.con_sitemap_c2 .con1 ul li a { padding:8px 20px 8px 15px; position:relative; display:block; font-weight:500; color:#111111; font-size:16px; line-height:1.3; word-break:keep-all; transition:all 0.3s ease; }
.con_sitemap_c2 .con1 ul li a:before { display:inline-block; position:absolute; left:0; top:15px; content:""; width:4px; height:4px; border-radius:100%; background-color:#111111; }
.con_sitemap_c2 .con1 ul li a:hover { color:#ffffff; background:#404040; border-radius:12px; }
.con_sitemap_c2 .con1 ul li a:hover:before { content:none; }

@keyframes con_sitemap_ani1 { 0% { opacity:0; transform:translateY(200%); } 100% { opacity:1.0; transform:translateY(0); } }
@keyframes con_sitemap_ani2 { 0% { opacity:0; transform:translateY(80%); } 100% { opacity:1.0; transform:translateY(0); } }

header { padding:50px 0 50px 0; position:absolute; left:0px; top:0px; width:100%; z-index:9; transition:all 0.3s ease; }
header .con1 { float:left; width:180px; }
header .con1 h1 { position:relative; overflow:hidden; display:inline-block; width:184px; height:26px; background:url("../../images/logo_04.png") no-repeat 0 0; background-size:auto 26px; text-indent:-10000px; transition:all 0.3s ease; }
header .con2 { padding:5px 0 0 0; float:left; width:calc(100% - 200px); }
header .con2 ul { display:table; margin-left:auto; margin-right:auto; overflow:hidden; }
header .con2 ul li { margin:0 100px 0 0; float:left; transition:all 0.3s ease; }
header .con2 ul li:last-child { margin:0 0 0 0; }
header .con2 ul li a { display:inline-block; color:#f5efff; font-size:20px; font-weight:500; letter-spacing:0.02em; transition:all 0.3s ease; }
header .con2 ul li a:hover { color:#B2A5FF; }
header .con2 ul li a.on { color:#B2A5FF; }
header .con3 { padding:5px 0 0 0; float:left; width:20px; }
header .con3 a { display:inline-block; width:20px; height:20px; background:url("../../images/megamenu_02.png") no-repeat 0 0; text-indent:-10000px; transition:all 0.3s ease; }
header .con3 a:hover { transform:rotate(180deg); }

.con_header { padding:40px 0 30px 0; overflow:hidden; transition:all 0.3s ease; }
.con_header .con1 { float:left; width:155px; }
.con_header .con1 h1 { position:relative; overflow:hidden; display:inline-block; width:155px; height:22px; background:url("../../images/logo_01.png") no-repeat 0 0; background-size:auto 22px; text-indent:-10000px; transition:all 0.3s ease; }
.con_header .con2 { padding:3px 0 0 0; float:left; width:calc(100% - 275px); }
.con_header .con2 ul { display:table; margin-left:auto; margin-right:auto; overflow:hidden; }
.con_header .con2 ul li { margin:0 100px 0 0; float:left; transition:all 0.3s ease; }
.con_header .con2 ul li:last-child { margin:0 0 0 0; }
.con_header .con2 ul li a { display:inline-block; color:#333333; font-size:18px; font-weight:600; letter-spacing:0.01em; transition:all 0.3s ease; }
.con_header .con2 ul li a:hover { color:#ED3EF7; }
.con_header .con2 ul li a.on { color:#ED3EF7; }
.con_header .con3 { padding:3px 0 0 0; float:left; width:120px; }
.con_header .con3 a { float:right; display:inline-block; width:20px; height:20px; background:url("../../images/megamenu_03.png") no-repeat 0 0; text-indent:-10000px; transition:all 0.3s ease; }
.con_header .con3 a:hover { transform:rotate(180deg); }

footer { overflow:hidden; background:#141920; transition:all 0.3s ease; }
footer .container { position:relative; padding:150px 0 80px 0; background:url("../../images/logo_03.png") no-repeat 0 80px; background-size:auto 23px; }
footer .con1 { overflow:hidden; }
footer .con1 ul { overflow:hidden; }
footer .con1 ul li { margin:0 0 9px 0; color:#aaaaaa; font-size:15px; font-weight:400; line-height:1.4; word-break:keep-all; transition:all 0.3s ease; }
footer .con1 ul li.tit { margin:0 0 30px 0; color:#eeeeee; font-size:18px; font-weight:500; }
footer .con1 ul li span { color:#cccccc; font-weight:500; }
footer .con1 dl { margin:0 0 0 43px; overflow:hidden; }
footer .con1 dl dt { margin:0 15px 0 0; float:left; color:#aaaaaa; font-size:14px; font-weight:400; line-height:1.4; letter-spacing:0.02em; word-break:keep-all; transition:all 0.3s ease; }
footer .con1 dl dt:last-child { margin:0 0 0 0; }
footer .con2 { margin:60px 0 0 0; overflow:hidden; }
footer .con2 ul { overflow:hidden; }
footer .con2 ul li { float:left; color:#aaaaaa; font-size:15px; font-weight:400; line-height:1.4; word-break:keep-all; transition:all 0.3s ease; }
footer .con2 ul li:last-child { float:right; letter-spacing:0.03em; }
footer .con2 dl { overflow:hidden; }
footer .con2 dl dt { float:left; transition:all 0.3s ease; }
footer .con2 dl dt:after { padding:0 12px 0 12px; content:"|"; color:#666666; font-size:14px; font-weight:200; }
footer .con2 dl dt:last-child:after { padding:0 0 0 0; content:none; }
footer .con2 dl dt a { color:#aaaaaa; font-size:14px; font-weight:400; line-height:1.4; word-break:keep-all; transition:all 0.3s ease; }
footer .con2 dl dt a:hover { color:#eeeeee; }

#con_content { overflow:hidden; transition:all 0.3s ease; }
#con_content.op1 { padding:100px 0 120px 0; }
#con_content.op2 { overflow:initial; }
#con_content.op3 { padding:100px 0 0 0; background:url("../../images/bg_09.png") no-repeat right calc(50% - 640px)  top 20px; background-size:auto 300px; }
#con_content.op4 { padding:100px 0 0 0; }

#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("../../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("../../images/top_01.png") no-repeat center center; }

.con_mvisual { overflow:hidden; position:relative; transition:all 0.3s ease; }
.con_mvisual video { width:100%; height:850px; object-fit:cover; transition:all 0.3s ease; }
.con_mvisual video::-webkit-media-controls { display:none; }
.con_mvisual .con1 { position:absolute; left:0; top:350px; width:100%; transition:all 0.3s ease; }
.con_mvisual .con1 h2 { padding:0 25px 0 0; color:#ffffff; font-size:60px; font-weight:300; line-height:1.3; letter-spacing:-0.05em; word-break:keep-all; animation-delay:0s; transition:all 0.3s ease; }
/* .con_mvisual .con1 p { margin:50px 0 0 0; padding:0 20px 0 5px; color:#F49BAB; font-size:24px; font-weight:400; line-height:1.5; letter-spacing:-0.03em; word-break:keep-all; animation-delay:0.3s; transition:all 0.3s ease; } */
.con_mvisual .con1 p { margin:50px 0 0 0; padding:0 20px 0 5px; color:#0eebed; font-size:24px; font-weight:400; line-height:1.5; letter-spacing:-0.03em; word-break:keep-all; animation-delay:0.3s; transition:all 0.3s ease; }

.con_mvisual2 { margin:40px 0 0 0; overflow:hidden; position:relative; transition:all 0.3s ease; }
.con_mvisual2 .con1 { padding:0 20px 0 20px; position:absolute; left:0; top:100px; width:100%; transition:all 0.3s ease; }
.con_mvisual2 .con1 h2 { color:#ffffff; font-size:50px; font-weight:300; line-height:1.3; text-align:center; letter-spacing:-0.03em; word-break:keep-all; animation-delay:0s; transition:all 0.3s ease; }
.con_mvisual2 .con1 p { margin:30px 0 0 0; padding:0 20px 0 20px; color:#FFDFEF; font-size:20px; font-weight:300; line-height:1.4; text-align:center; letter-spacing:-0.01em; word-break:keep-all; animation-delay:0.3s; transition:all 0.3s ease; }
.con_mvisual2 .con2 { overflow:hidden; border-radius:160px; transition:all 0.3s ease; }
.con_mvisual2 .con2 video { width:100%; height:450px; object-fit:cover; transition:all 0.3s ease; }
.con_mvisual2 .con2 video::-webkit-media-controls { display:none; }

.con_mvisual3 { margin:40px 0 0 0; overflow:hidden; position:relative; transition:all 0.3s ease; }
.con_mvisual3 .con1 { padding:0 20px 0 20px; position:absolute; left:0; top:240px; width:100%; transition:all 0.3s ease; }
.con_mvisual3 .con1 h2 { color:transparent; font-size:70px; font-weight:800; line-height:1.3; text-align:center; letter-spacing:-0.03em; word-break:keep-all; background:linear-gradient(90deg, #6202f5, #f504cc, #f504cc, #6202f5); background-size:200% 100%; background-clip:text; transition:all 0.3s ease; animation:con_mvisual3_ani1 infinite 5s ease alternate; }
.con_mvisual3 .con1 p { margin:40px 0 0 0; padding:0 20px 0 20px; color:#dddddd; font-size:30px; font-weight:500; line-height:1.4; text-align:center; letter-spacing:-0.01em; word-break:keep-all; animation-delay:0.3s; transition:all 0.3s ease; }
.con_mvisual3 .con3 { padding:0 20px 0 20px; position:absolute; left:0; top:240px; width:100%; transition:all 0.3s ease; }
.con_mvisual3 .con3 h2 { color:#ffffff; font-size:70px; font-weight:800; line-height:1.3; text-align:center; letter-spacing:-0.03em; word-break:keep-all; transition:all 0.3s ease; animation:con_mvisual3_ani2 11s ease forwards; }
@keyframes con_mvisual3_ani1 { 0% { background-position:0% 50%; } 100% { background-position:200% 50%; } }
@keyframes con_mvisual3_ani2 { 0% { opacity:1.0; } 100% { opacity:0; } }
.con_mvisual3 .con2 { overflow:hidden; transition:all 0.3s ease; }
.con_mvisual3 .con2 video { width:100%; height:800px; object-fit:cover; transition:all 0.3s ease; }
.con_mvisual3 .con2 video::-webkit-media-controls { display:none; }


.con_mcont { padding:160px 0 160px 0; overflow:hidden; transition:all 0.3s ease; }
.con_mcont h2 { color:#111111; font-size:70px; font-weight:900; line-height:1.0; letter-spacing:-0.02em; transition:all 0.3s ease; }
.con_mcont p { margin:30px 0 0 0; color:#555555; font-size:24px; font-weight:600; line-height:1.4; letter-spacing:-0.03em; word-break:keep-all; transition:all 0.3s ease; }
.con_mcont_c { margin:120px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
.con_mcont_c .con1 { margin:0 40px 0 0; float:left; width:calc((100% - 80px) / 3); overflow:hidden; transition:all 0.3s ease; }
.con_mcont_c .con1:last-child { margin:0 0 0 0; }
.con_mcont_c .con1 h3 { color:#111111; font-size:36px; font-weight:900; line-height:1.0; letter-spacing:-0.02em; transition:all 0.3s ease; }
.con_mcont_c .con1 span { margin:20px 0 0 0; display:block; height:50px; color:#555555; font-size:18px; font-weight:700; line-height:1.3; letter-spacing:-0.02em; transition:all 0.3s ease; }
.con_mcont_c .con1 img { margin:20px 0 0 0; width:100%; border:1px solid #e2e2e2; border-radius:24px; transition:all 0.3s ease; }
.con_mcont_c .con1 p { margin:30px 0 0 0; color:#777777; font-size:16px; font-weight:500; line-height:1.4; letter-spacing:-0.01em; word-break:keep-all; transition:all 0.3s ease; }

.con_mcont2 { padding:160px 0 160px 0; overflow:hidden; background:#112d4e; transition:all 0.3s ease; }
.con_mcont2 h2 { color:#ffffff; font-size:70px; font-weight:900; line-height:1.0; transition:all 0.3s ease; }
.con_mcont2 h2 span { color:#999999; font-size:20px; font-weight:700; line-height:1.0; transition:all 0.3s ease; }
.con_mcont2 p { margin:60px 0 0 0; color:#cccccc; font-size:18px; font-weight:600; line-height:1.6; letter-spacing:-0.01em; word-break:keep-all; transition:all 0.3s ease; }
.con_mcont2 p span { margin:0 0 20px 0; display:block; color:#f9ed69; font-size:24px; font-weight:700; line-height:1.3; letter-spacing:-0.01em; transition:all 0.3s ease; }
.con_mcont2_c { margin:100px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
.con_mcont2_c .con1 { margin:0 calc((100% - 1200px) / 2) 0 0; padding:200px 50px 0 50px; float:left; width:400px; height:400px; overflow:hidden; border:1px solid #444444; border-radius:100%; transition:all 0.3s ease; }
.con_mcont2_c .con1.bgop1 { background:#0c2542 url("../../images/mcon2_01.png") no-repeat center 80px; }
.con_mcont2_c .con1.bgop2 { background:#0c2542 url("../../images/mcon2_02.png") no-repeat center 80px; }
.con_mcont2_c .con1.bgop3 { background:#0c2542 url("../../images/mcon2_03.png") no-repeat center 80px; }
.con_mcont2_c .con1:last-child { margin:0 0 0 0; }
.con_mcont2_c .con1 h3 { color:#a8d8ea; font-size:30px; font-weight:900; line-height:1.0; text-align:center; letter-spacing:-0.01em; transition:all 0.3s ease; }
.con_mcont2_c .con1 p { margin:20px 0 0 0; display:block; height:50px; color:#999999; font-size:18px; font-weight:700; line-height:1.4; text-align:center; letter-spacing:-0.01em; transition:all 0.3s ease; }

.con_mcont3 { padding:160px 0 160px 0; overflow:hidden; background:#0F4C75; transition:all 0.3s ease; }
.con_mcont3 h2 { color:#ffffff; font-size:70px; font-weight:900; line-height:1.0; transition:all 0.3s ease; }
.con_mcont3 h2 span { color:#999999; font-size:20px; font-weight:700; line-height:1.0; transition:all 0.3s ease; }
.con_mcont3 p { margin:60px 0 0 0; color:#cccccc; font-size:18px; font-weight:600; line-height:1.6; letter-spacing:-0.01em; word-break:keep-all; transition:all 0.3s ease; }
.con_mcont3 p span { margin:0 0 20px 0; display:block; color:#c0f969; font-size:24px; font-weight:700; line-height:1.3; letter-spacing:-0.01em; transition:all 0.3s ease; }
.con_mcont3_c { margin:100px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
.con_mcont3_c .con1 { margin:0 30px 30px 0; padding:50px 0 0 50px; position:relative; float:left; width:calc((100% - 30px) / 2); height:400px; overflow:hidden; border-radius:36px; transition:all 0.3s ease; }
.con_mcont3_c .con1.bgop1 { background:#0c2542 url("../../images/mcon3_01.png") no-repeat center 0; background-size:cover; }
.con_mcont3_c .con1.bgop2 { background:#0c2542 url("../../images/mcon3_02.png") no-repeat center 0; background-size:cover; }
.con_mcont3_c .con1.bgop3 { background:#0c2542 url("../../images/mcon3_03.png") no-repeat center 0; background-size:cover; }
.con_mcont3_c .con1.bgop4 { background:#0c2542 url("../../images/mcon3_04.png") no-repeat center 0; background-size:cover; }
.con_mcont3_c .con1:nth-child(2n) { margin:0 0 30px 0; }
.con_mcont3_c .con1:last-child { margin:0 0 0 0; }
.con_mcont3_c .con1 h3 { color:#ffffff; font-size:30px; font-weight:800; line-height:1.0; letter-spacing:-0.01em; transition:all 0.3s ease; }
.con_mcont3_c .con1 p { padding:30px 50px 30px 50px; position:absolute; left:0px; bottom:0px; display:block; color:#cccccc; font-size:16px; font-weight:600; line-height:1.4; letter-spacing:-0.01em; background:rgb(0,0,0,0.7); word-break:keep-all; transition:all 0.3s ease; }

.con_mcont4 { padding:120px 0 120px 0; overflow:hidden; transition:all 0.3s ease; }
.con_mcont4 h2 { color:#111111; font-size:50px; font-weight:500; line-height:1.0; letter-spacing:-0.05em; transition:all 0.3s ease; }
.con_mcont4 p { margin:30px 0 0 0; color:#555555; font-size:20px; font-weight:400; line-height:1.4; letter-spacing:-0.03em; word-break:keep-all; transition:all 0.3s ease; }
.con_mcont4_c { margin:60px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
.con_mcont4_c .con1 { margin:0 30px 0 0; padding:130px 30px 60px 30px; float:left; width:calc((100% - 60px) / 3); overflow:hidden; text-align:center; border:1px solid #e8e8e8; border-radius:24px; transition:all 0.3s ease; }
.con_mcont4_c .con1:last-child { margin:0 0 0 0; }
.con_mcont4_c .con1.bgop1 { background:#fdf8f7 url("../../images/mcon4_01.png") no-repeat center 60px; }
.con_mcont4_c .con1.bgop2 { background:#f4fcfd url("../../images/mcon4_02.png") no-repeat center 60px; background-size:auto 55px; }
.con_mcont4_c .con1.bgop3 { background:#f8fbf6 url("../../images/mcon4_03.png") no-repeat center 60px; background-size:auto 60px; }
.con_mcont4_c .con1 h3 { margin:20px 0 0 0; color:#111111; font-size:26px; font-weight:600; line-height:1.0; letter-spacing:-0.02em; transition:all 0.3s ease; }
.con_mcont4_c .con1 span { margin:10px 0 0 0; display:inline-block; color:#111111; font-size:15px; font-weight:400; line-height:1.3; letter-spacing:-0.02em; transition:all 0.3s ease; }
.con_mcont4_c .con1 p { margin:20px 0 0 0; color:#777777; font-size:16px; font-weight:500; line-height:1.4; letter-spacing:-0.01em; word-break:keep-all; transition:all 0.3s ease; }
.con_mcont4_c2 { margin:80px 0 0 0; overflow:hidden; text-align:right; transition:all 0.3s ease; }
.con_mcont4_c2 a { padding:0 25px 0 0; position:relative; display:inline-block; color:#111111; font-size:18px; font-weight:400; letter-spacing:-0.02em; transition:all 0.3s ease; }
.con_mcont4_c2 a:after { position:absolute; right:0px; top:2px; content:""; display:inline-block; width:15px; height:12px; background:url("../../images/more_01.png") no-repeat 0 0; transition:all 0.3s ease; }
.con_mcont4_c2 a:hover { color:#000000; }
.con_mcont4_c2 a:hover:after { right:5px; }

.con_mcont5 { padding:120px 0 120px 0; animation:con_mcont5_ani1 infinite 20s ease alternate; transition:all 0.3s ease; }
@keyframes con_mcont5_ani1 {
	0% { background:#17153B url("../../images/bg_03.png") no-repeat left 0 top 0; background-size:auto 928px; }
	33% { background:#17153B url("../../images/bg_03.png") no-repeat right 0 top 50%; background-size:auto 3600px; }
	66% { background:#17153B url("../../images/bg_03.png") no-repeat left 0 top 50%; background-size:auto 3600px; }
	100% { background:#17153B url("../../images/bg_03.png") no-repeat right 0 top 0; background-size:auto 928px; }
}

.con_mcont5 h2 { color:#ffffff; font-size:60px; font-weight:300; line-height:1.0; text-align:center; letter-spacing:0.01em; transition:all 0.3s ease; }
.con_mcont5 p { margin:30px 0 0 0; color:#999999; font-size:20px; font-weight:400; line-height:1.4; text-align:center; letter-spacing:-0.01em; word-break:keep-all; transition:all 0.3s ease; }
.con_mcont5 .con1 { margin:80px 0 0 0; transition:all 0.3s ease; }
.con_mcont5 .con1_c { padding:80px 60px 80px 60px; position:sticky; left:0; top:30px; overflow:hidden; height:650px; border-radius:36px; animation:con_mcont5_ani2 infinite 2s ease alternate; transition:all 0.3s ease; }
@keyframes con_mcont5_ani2 {
	0% { border:1px solid rgb(171 0 255 / 40%); box-shadow:0px 0px 30px 0px rgb(133 38 233 / 60%); }
	100% { border:1px solid rgb(0 217 255 / 40%); box-shadow:0px 0px 30px 0px rgb(38 204 233 / 60%); }
}

.con_mcont5 .con1_c:nth-child(2) { top:100px; }
.con_mcont5 .con1_c:nth-child(3) { top:180px; }
.con_mcont5 .con1_c.bgop1 { background:#030637 url("../../images/service_01.png") no-repeat right -10px bottom -10px; }
.con_mcont5 .con1_c.bgop2 { background:#030637 url("../../images/service_02.png") no-repeat right -10px bottom -10px; }
.con_mcont5 .con1_c.bgop3 { background:#030637 url("../../images/service_03.png") no-repeat right -10px bottom -10px; }
.con_mcont5 .con1_c.bgop4 { background:#030637 url("../../images/service_04.png") no-repeat right -10px bottom -10px; }
.con_mcont5 .con1_c var { position:absolute; right:-2%; top:-100px; font-family:"Pretendard"; color:#ffffff; font-size:360px; font-weight:700; font-style:normal; letter-spacing:-0.05em; opacity:0.02; }
.con_mcont5 .con1_c span { font-size:18px; font-weight:700; letter-spacing:0.03em; transition:all 0.3s ease; }
.con_mcont5 .con1_c span.fop1 { color:#02a9ca; }
.con_mcont5 .con1_c span.fop2 { color:#f67400; }
.con_mcont5 .con1_c h3 { margin:12px 0 0 0; color:#ffffff; font-size:40px; font-weight:700; line-height:1.0; letter-spacing:0.03em; transition:all 0.3s ease; }
.con_mcont5 .con1_c h3 i { margin:0 0 0 7px; font-family:"Pretendard"; color:#999999; font-size:20px; font-weight:400; font-style:normal; letter-spacing:0.00em; }
.con_mcont5 .con1_c em { margin:20px 0 0 0; display:block; color:#bbbbbb; font-size:18px; font-weight:400; line-height:1.3; letter-spacing:-0.02em; font-style:normal; word-break:keep-all; transition:all 0.3s ease; }
.con_mcont5 .con1_c ul { margin:60px 400px 0 0; overflow:hidden; }
.con_mcont5 .con1_c ul li { padding:0 0 15px 10px; position:relative; float:left; width:50%; color:#ffffff; font-size:16px; font-weight:400; line-height:1.3; word-break:keep-all; transition:all 0.3s ease; }
.con_mcont5 .con1_c ul li:before { position:absolute; left:0; top:8px; display:inline-block; content:""; width:3px; height:3px; border-radius:100%; background:#cccccc; }

.con_mcont5 .con1_c .btns { margin:100px 0 0 0; position:relative; display:inline-block; overflow:hidden; border-radius:60px; }
.con_mcont5 .con1_c .btns a { padding:15px 80px 15px 80px; display:inline-block; background:#864AF9; color:#ffffff; font-size:15px; text-align:center; border-radius:60px; transition:all 0.3s ease; }
.con_mcont5 .con1_c .btns a:hover { background:#E26EE5; }
.con_mcont5 .con1_c .btns a:before { content:""; position:absolute; top:0; left:0; width:86px; height:358px; 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_mcont5_ani3 infinite 3s ease; }
@keyframes con_mcont5_ani3 { 0% { transform:translate(-400%, -50%) rotate(-53deg); } 100% { transform:translate(500%, -50%) rotate(-53deg); } }

.con_mcont6 { padding:120px 0 120px 0; overflow:hidden; animation:con_mcont6_ani1 infinite 2s ease alternate; transition:all 0.3s ease; }
@keyframes con_mcont6_ani1 {
	0% { background:#f1eaff url("../../images/bg_02.png") no-repeat right 0 bottom 0; transition:all 0.3s ease; }
	100% { background:#f1eaff url("../../images/bg_02.png") no-repeat right 0 bottom 20px; transition:all 0.3s ease; }
}
.con_mcont6 h2 { color:#111111; font-size:40px; font-weight:400; line-height:1.3; letter-spacing:-0.05em; word-break:keep-all; transition:all 0.3s ease; }
.con_mcont6 p { margin:30px 0 0 0; color:#555555; font-size:20px; font-weight:400; line-height:1.4; letter-spacing:-0.03em; word-break:keep-all; transition:all 0.3s ease; }
.con_mcont6 .con1 { margin:90px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
.con_mcont6 .con1 ul { overflow:hidden; }
.con_mcont6 .con1 ul li { padding:0 0 10px 15px; position:relative; color:#111111; font-size:16px; font-weight:400; line-height:1.3; word-break:keep-all; transition:all 0.3s ease; }
.con_mcont6 .con1 ul li:before { position:absolute; left:0; top:8px; display:inline-block; content:""; width:3px; height:3px; border-radius:100%; background:#111111; }
.con_mcont6 .con1 ul li span { color:#000000; font-weight:500; }
.con_mcont6 .con1 ul li:last-child { padding:0 0 0 15px; }
.con_mcont6 .con2 { margin:80px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
.con_mcont6 .con2 a { padding:0 25px 0 0; position:relative; display:inline-block; color:#111111; font-size:18px; font-weight:400; letter-spacing:-0.02em; transition:all 0.3s ease; }
.con_mcont6 .con2 a:after { position:absolute; right:0px; top:2px; content:""; display:inline-block; width:15px; height:12px; background:url("../../images/more_01.png") no-repeat 0 0; transition:all 0.3s ease; }
.con_mcont6 .con2 a:hover { color:#000000; }
.con_mcont6 .con2 a:hover:after { right:5px; }

.con_mcont7 { padding:100px 0 100px 0; overflow:hidden; background:#f6f8fa; transition:all 0.3s ease; }
.con_mcont7 h2 { color:#111111; font-size:40px; font-weight:500; line-height:1.3; text-align:center; letter-spacing:-0.03em; word-break:keep-all; transition:all 0.3s ease; }
.con_mcont7 p { margin:30px 0 0 0; color:#555555; font-size:18px; font-weight:400; line-height:1.4; text-align:center; letter-spacing:-0.01em; word-break:keep-all; transition:all 0.3s ease; }
.con_mcont7_c { margin:60px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
.con_mcont7_c .con1 { margin:0 30px 0 0; padding:130px 30px 60px 30px; float:left; width:calc((100% - 60px) / 3); overflow:hidden; text-align:center; border:1px solid #e8e8e8; border-radius:60px; transition:all 0.3s ease; }
.con_mcont7_c .con1:last-child { margin:0 0 0 0; }
.con_mcont7_c .con1.bgop1 { background:#ffffff url("../../images/mcon5_01.png") no-repeat center 60px; }
.con_mcont7_c .con1.bgop2 { background:#ffffff url("../../images/mcon5_02.png") no-repeat center 60px; }
.con_mcont7_c .con1.bgop3 { background:#ffffff url("../../images/mcon5_03.png") no-repeat center 60px; background-size:auto 75px; }
.con_mcont7_c .con1 h3 { margin:20px 0 0 0; color:#111111; font-size:26px; font-weight:700; line-height:1.0; letter-spacing:-0.02em; transition:all 0.3s ease; }
.con_mcont7_c .con1 span { margin:10px 0 0 0; display:inline-block; color:#000000; font-size:17px; font-weight:500; line-height:1.3; letter-spacing:-0.02em; transition:all 0.3s ease; }
.con_mcont7_c .con1 p { margin:20px 0 0 0; color:#888888; font-size:16px; font-weight:400; line-height:1.4; letter-spacing:-0.01em; word-break:keep-all; transition:all 0.3s ease; }
.con_mcont7_c2 { margin:80px 0 0 0; overflow:hidden; text-align:center; transition:all 0.3s ease; }
.con_mcont7_c2 a { padding:10px 40px 10px 25px; position:relative; display:inline-block; color:#ffffff; font-size:15px; font-weight:300; letter-spacing:-0.02em; background:#6107d4; border-radius:4px; transition:all 0.3s ease; }
.con_mcont7_c2 a:after { position:absolute; right:15px; top:12px; content:""; display:inline-block; width:15px; height:12px; background:url("../../images/more_02.png") no-repeat 0 0; transition:all 0.3s ease; }
.con_mcont7_c2 a:hover { background:#540162; }
.con_mcont7_c2 a:hover:after { right:10px; }

.con_mcont8 { padding:100px 0 100px 0; animation:con_mcont8_ani1 infinite 20s ease alternate; transition:all 0.3s ease; }
@keyframes con_mcont8_ani1 {
	0% { background:#f5efff url("../../images/bg_05.png") no-repeat left 0 top 0; background-size:auto 928px; }
	33% { background:#f5efff url("../../images/bg_05.png") no-repeat right 0 top 50%; background-size:auto 3600px; }
	66% { background:#f5efff url("../../images/bg_05.png") no-repeat left 0 top 50%; background-size:auto 3600px; }
	100% { background:#f5efff url("../../images/bg_05.png") no-repeat right 0 top 0; background-size:auto 928px; }
}

.con_mcont8 h2 { color:#111111; font-size:55px; font-weight:500; line-height:1.0; text-align:center; transition:all 0.3s ease; }
.con_mcont8 p { margin:30px 0 0 0; color:#333333; font-size:20px; font-weight:300; line-height:1.4; text-align:center; letter-spacing:-0.01em; word-break:keep-all; transition:all 0.3s ease; }
.con_mcont8 .con1 { margin:80px 0 0 0; transition:all 0.3s ease; }
.con_mcont8 .con1_c { padding:80px 60px 80px 60px; position:sticky; left:0; top:30px; overflow:hidden; height:650px; border-radius:36px; border:1px solid rgb(194 0 255 / 20%); box-shadow:0px 0px 30px 0px rgb(169 38 233 / 30%);  transition:all 0.3s ease; }
@keyframes con_mcont8_ani2 {
	0% { border:1px solid rgb(53 0 255 / 20%); box-shadow:0px 0px 30px 0px rgb(70 38 233 / 30%); }
	100% { border:1px solid rgb(194 0 255 / 20%); box-shadow:0px 0px 30px 0px rgb(169 38 233 / 30%); }
}

.con_mcont8 .con1_c:nth-child(2) { top:100px; }
.con_mcont8 .con1_c:nth-child(3) { top:180px; }
.con_mcont8 .con1_c.bgop1 { background:#433878 url("../../images/service2_01.png") no-repeat right -20px bottom -20px; background-size:auto 400px; }
.con_mcont8 .con1_c.bgop2 { background:#433878 url("../../images/service2_02.png") no-repeat right -60px bottom -20px; background-size:auto 400px; }
.con_mcont8 .con1_c.bgop3 { background:#433878 url("../../images/service2_03.png") no-repeat right -60px bottom -20px; background-size:auto 400px; }
.con_mcont8 .con1_c.bgop4 { background:#433878 url("../../images/service2_04.png") no-repeat right -100px bottom -20px; background-size:auto 400px; }
.con_mcont8 .con1_c var { position:absolute; right:30px; top:25px; font-family:"Pretendard"; color:#ffffff; font-size:20px; font-weight:700; font-style:normal; opacity:0.4; }
.con_mcont8 .con1_c span { font-size:18px; font-weight:700; letter-spacing:0.03em; transition:all 0.3s ease; }
.con_mcont8 .con1_c span.fop1 { color:#04f7f9; }
.con_mcont8 .con1_c span.fop2 { color:#f68a00; }
.con_mcont8 .con1_c h3 { margin:12px 0 0 0; color:#ffffff; font-size:40px; font-weight:700; line-height:1.0; letter-spacing:0.03em; transition:all 0.3s ease; }
.con_mcont8 .con1_c h3 i { margin:0 0 0 7px; font-family:"Pretendard"; color:#999999; font-size:18px; font-weight:300; font-style:normal; letter-spacing:0.02em; }
.con_mcont8 .con1_c em { margin:20px 0 0 0; display:block; color:#d8a5ed; font-size:18px; font-weight:400; line-height:1.3; letter-spacing:-0.02em; font-style:normal; word-break:keep-all; transition:all 0.3s ease; }
.con_mcont8 .con1_c ul { margin:60px 400px 0 0; overflow:hidden; }
.con_mcont8 .con1_c ul li { padding:0 0 15px 10px; position:relative; float:left; width:50%; color:#ffffff; font-size:16px; font-weight:400; line-height:1.3; word-break:keep-all; transition:all 0.3s ease; }
.con_mcont8 .con1_c ul li:before { position:absolute; left:0; top:8px; display:inline-block; content:""; width:3px; height:3px; border-radius:100%; background:#cccccc; }
.con_mcont8 .con1_c .btns { margin:100px 0 0 0; position:relative; display:inline-block; overflow:hidden; border-radius:60px; }
.con_mcont8 .con1_c .btns a { padding:15px 80px 15px 80px; display:inline-block; background:#111111; color:#ffffff; font-size:15px; text-align:center; border-radius:60px; transition:all 0.3s ease; }
.con_mcont8 .con1_c .btns a:hover { background:#9b27e1; }
.con_mcont8 .con1_c .btns a:before { content:""; position:absolute; top:0; left:0; width:86px; height:358px; 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_mcont8_ani3 infinite 3s ease; }
@keyframes con_mcont8_ani3 { 0% { transform:translate(-400%, -50%) rotate(-53deg); } 100% { transform:translate(500%, -50%) rotate(-53deg); } }

.con_mcont9 { padding:100px 0 100px 0; overflow:hidden; background:url("../../images/bg_06.png") no-repeat right -80% top 0; background-size:auto 800px; animation:con_mcont9_ani1 2s ease alternate; }
@keyframes con_mcont9_ani1 {
	0% { background:url("../../images/bg_06.png") no-repeat right -300% top 0; background-size:auto 800px; }
	100% { background:url("../../images/bg_06.png") no-repeat right -80% top 0; background-size:auto 800px; }
}
.con_mcont9 h2 { color:#111111; font-size:36px; font-weight:400; line-height:1.3; text-align:center; letter-spacing:-0.03em; word-break:keep-all; transition:all 0.3s ease; }
.con_mcont9 p { margin:20px 0 0 0; color:#111111; font-size:18px; font-weight:300; line-height:1.4; text-align:center; letter-spacing:-0.03em; word-break:keep-all; transition:all 0.3s ease; }
.con_mcont9 .con1 { margin:80px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
.con_mcont9 .con1 ul { padding:40px 200px 40px 40px; display:inline-block; overflow:hidden; background:#f5f5f5; border-radius:24px; opacity:0.8; }
.con_mcont9 .con1 ul li { padding:0 0 10px 15px; position:relative; color:#111111; font-size:16px; font-weight:400; line-height:1.3; word-break:keep-all; transition:all 0.3s ease; }
.con_mcont9 .con1 ul li:before { position:absolute; left:0; top:8px; display:inline-block; content:""; width:3px; height:3px; border-radius:100%; background:#111111; }
.con_mcont9 .con1 ul li span { color:#000000; font-weight:500; }
.con_mcont9 .con1 ul li:last-child { padding:0 0 0 15px; }
.con_mcont9 .con2 { margin:60px 0 0 0; overflow:hidden; text-align:right; transition:all 0.3s ease; }
.con_mcont9 .con2 a { padding:15px 50px 15px 35px; position:relative; display:inline-block; color:#ffffff; font-size:15px; font-weight:300; letter-spacing:-0.02em; background:#6107d4; border-radius:4px; transition:all 0.3s ease; }
.con_mcont9 .con2 a:after { position:absolute; right:17px; top:16px; content:""; display:inline-block; width:15px; height:12px; background:url("../../images/more_02.png") no-repeat 0 0; transition:all 0.3s ease; }
.con_mcont9 .con2 a:hover { background:#540162; }
.con_mcont9 .con2 a:hover:after { right:13px; }

.con_svisual { margin:100px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
.con_svisual .container { position:relative; }
.con_svisual .con1 { padding:0 20px 0 20px; position:absolute; left:0; top:25px; width:100%; transition:all 0.3s ease; }
.con_svisual .con1 h2 { font-family:"Pretendard"; color:#ffffff; font-size:40px; font-weight:800; line-height:1.3; text-align:center; letter-spacing:0.05em; animation-delay:0s; transition:all 0.3s ease; }
.con_svisual .con2 { overflow:hidden; border-radius:24px; transition:all 0.3s ease; }
.con_svisual .con2 video { width:100%; height:100px; object-fit:cover; transition:all 0.3s ease; }
.con_svisual .con2 video::-webkit-media-controls { display:none; }

.con_txt { overflow:hidden; transition:all 0.3s ease; }
.con_txt h3 { color:#111111; font-size:40px; font-weight:300; line-height:1.1; letter-spacing:-0.03em; word-break:keep-all; transition:all 0.3s ease; }
.con_txt h3 span { font-weight:800; }
.con_txt p { margin:10px 0 0 0; color:#333333; font-size:18px; font-weight:400; line-height:1.4; letter-spacing:-0.03em; word-break:keep-all; transition:all 0.3s ease; }

.con_txt2 { margin:100px 0 0 0; overflow:hidden; color:#111111; font-size:22px; font-weight:600; line-height:1.5; letter-spacing:-0.03em; word-break:keep-all; transition:all 0.3s ease; }

.con_tit { margin:100px 0 0 0; overflow:hidden; color:#111111; font-size:28px; font-weight:800; letter-spacing:-0.02em; transition:all 0.3s ease; }
.con_tit:after { margin:0 0 0 3px; content:""; display:inline-block; width:20px; height:2px; background:#e52020; }

.con_tab { overflow:hidden; transition:all 0.3s ease; }
.con_tab ul { overflow:hidden; }
.con_tab ul li { margin:0 15px 0 0; float:left; width:calc((100% - 60px) / 5); transition:all 0.3s ease; }
.con_tab ul li:last-child { margin:0 0 0 0; }
.con_tab ul li a { display:block; padding:20px 10px 20px 10px; background:#f6f6f6; border:1px solid #e8e8e8; border-radius:60px; }
.con_tab ul li a span { display:block; font-family:"Pretendard"; color:#010101; font-size:19px; font-weight:800; text-align:center; line-height:1.2; letter-spacing:0.02em; }
.con_tab ul li a em { margin:9px 0 0 0; display:block; font-family:"Pretendard"; color:#999999; font-size:11px; font-weight:500; text-align:center; letter-spacing:0.10em; font-style:normal; transition:all 0.3s ease; }
.con_tab ul li a:hover { background:#653ff7; border:1px solid #653ff7; }
.con_tab ul li a:hover span { color:#ffffff; }
.con_tab ul li a.on { background:#653ff7; border:1px solid #653ff7; }
.con_tab ul li a.on span { color:#ffffff; }
.con_tab ul li a:hover em { color:#bbbbbb; }
.con_tab ul li a.on em { color:#bbbbbb; }
.con_tab ul li a.op1:hover { background:#5f6795; border:1px solid #5f6795; }
.con_tab ul li a.op1.on { background:#5f6795; border:1px solid #5f6795; }
.con_tab ul li a.op1.on em { color:#cccccc; }
.con_tab ul li a br { display:none; }

.con_service { margin:80px 0 0 0; padding:0 0 250px 0; transition:all 0.3s ease; }
.con_service.bgop1 { background:#433878 url("../../images/service2_01.png") no-repeat right -20px bottom -20px; background-size:auto 400px; }
.con_service.bgop2 { background:#5a3878 url("../../images/service2_02.png") no-repeat right -20px bottom -20px; background-size:auto 400px; }
.con_service.bgop3 { background:#384578 url("../../images/service2_03.png") no-repeat right -20px bottom -20px; background-size:auto 400px; }
.con_service.bgop4 { background:#385a78 url("../../images/service2_04.png") no-repeat right -20px bottom -20px; background-size:auto 400px; }
.con_service.bgop5 { background:#586378 url("../../images/service2_05.png") no-repeat right -20px bottom -20px; background-size:auto 400px; }
.con_service_c1 { margin:-80px 80px 0 80px; overflow:hidden; transition:all 0.3s ease; }
.con_service_c1 .con1 { margin:0 30px 0 0; padding:60px 20px 60px 20px; float:left; width:calc((100% - 30px) / 2); overflow:hidden; border-radius:36px; transition:all 0.3s ease; }
.con_service_c1 .con1:last-child { margin:0 0 0 0; }
.con_service_c1 .con1.bgop1 { background:rgba(242, 240, 246, 0.98); } /* f2f0f6 */
.con_service_c1 .con1.bgop2 { background:rgba(247, 239, 244, 0.98); } /* f7eff4 */
.con_service_c1 .con1 h2 { font-family:"Pretendard"; color:#111111; font-size:24px; font-weight:700; line-height:1; text-align:center; letter-spacing:0.01em; transition:all 0.3s ease; }
.con_service_c1 ul { margin:30px 0 0 0; display:table; margin-left:auto; margin-right:auto; }
.con_service_c1 ul li { margin:0 10px 0 0; float:left; transition:all 0.3s ease; }
.con_service_c1 ul li:last-child { margin:0 0 0 0; }
.con_service_c1 ul li a { padding:5px 20px 5px 20px; display:inline-block; color:#111111; font-size:15px; font-weight:400; line-height:1; letter-spacing:0.02em; transition:all 0.3s ease; }
.con_service_c1 ul li a.on { color:#ffffff; background:#333333; border-radius:60px; }
.con_service_c1 ul li a:hover { color:#ffffff; background:#333333; border-radius:60px; }
.con_service_c2 { margin:120px 0 0 0; padding:0 200px 0 0; overflow:hidden; transition:all 0.3s ease; }
.con_service_c2 h1 { font-family:"Pretendard"; color:#ffffff; font-size:60px; font-weight:700; line-height:1; letter-spacing:-0.01em; transition:all 0.3s ease; }
.con_service_c2 h1.op1:after { margin:0 0 0 10px; content:""; display:inline-block; width:30px; height:4px; background:#0fcbeb; border-radius:60px; }
.con_service_c2 h1.op2:after { margin:0 0 0 10px; content:""; display:inline-block; width:30px; height:4px; background:#eb950f; border-radius:60px; }
.con_service_c2 h2 { margin:20px 0 0 0; color:#aaaaaa; font-size:16px; font-weight:400; line-height:1.2; letter-spacing:0.05em; word-break:keep-all; transition:all 0.3s ease; }
.con_service_c2 h3 { margin:80px 0 0 0; color:#ffffff; font-size:30px; font-weight:400; line-height:1.3; letter-spacing:-0.02em; word-break:keep-all; transition:all 0.3s ease; }
.con_service_c2 p { margin:30px 0 0 0; color:#cccccc; font-size:18px; font-weight:400; line-height:1.8; letter-spacing:-0.02em; word-break:keep-all; transition:all 0.3s ease; }
.con_service_c2 br.op2 { display:none; }

.con_service2 { margin:-80px 0 0 0; padding:0 0 200px 0; overflow:hidden; transition:all 0.3s ease; }
.con_service2 h3 { padding:100px 100px 100px 100px; display:inline-block; color:#ffffff; font-size:26px; font-weight:600; line-height:1; text-align:center; letter-spacing:-0.02em; background:rgba(31, 37, 68, 0.98); border-radius:60px; transition:all 0.3s ease; } /* 1f2544 */
.con_service2 p { margin:60px 0 0 0; color:#555555; font-size:18px; font-weight:400; line-height:1.8; letter-spacing:-0.02em; word-break:keep-all; transition:all 0.3s ease; }
.con_service2 .desc { overflow:hidden; }
.con_service2 .desc ul { margin:60px 0 0 0; overflow:hidden; }
.con_service2 .desc ul li { margin:0 0 15px 0; padding:0 0 0 10px; position:relative; color:#555555; font-size:16px; font-weight:400; line-height:1.6; word-break:keep-all; transition:all 0.3s ease; }
.con_service2 .desc ul li:before { position:absolute; left:0; top:9px; display:inline-block; content:""; width:3px; height:3px; border-radius:100%; background:#111111; }
.con_service2 .desc ul li:last-child { margin:0 0 0 0; }
.con_service2 .desc ul li.tit { margin:40px 0 20px 0; padding:0 0 0 0; color:#111111; font-size:20px; font-weight:500; line-height:1.5; letter-spacing:-0.03em; word-break:keep-all; transition:all 0.3s ease; }
.con_service2 .desc ul li.tit:before { content:none; }
.con_service2 .imgs { margin:60px 0 0 0; padding:60px 60px 60px 60px; overflow:hidden; background:#fafafa; border:1px solid #e2e2e2; border-radius:36px; transition:all 0.3s ease; }
.con_service2 .imgs img { margin:0 auto; width:100%; transition:all 0.3s ease; }

.con_service2 .diagram { margin:60px 0 0 0; padding:60px 60px 60px 60px; overflow:hidden; background:#fafafa; border:1px solid #e2e2e2; border-radius:36px; transition:all 0.3s ease; }
.con_service2 .diagram h4 { margin:0 0 60px 0; padding:20px 10px 20px 10px; display:block; color:#ffffff; font-size:20px; font-weight:900; line-height:1; text-align:center; letter-spacing:0.02em; background:#52357B; border-radius:60px; transition:all 0.3s ease; }
.con_service2 .diagram .con1 { margin:20px 0 0 0; float:left; width:150px; overflow:hidden; transition:all 0.3s ease; }
.con_service2 .diagram .con1 h6 { color:#111111; font-size:18px; font-weight:700; line-height:1; text-align:center; transition:all 0.3s ease; }
.con_service2 .diagram .con1 ul { margin:30px 0 0 0; overflow:hidden; }
.con_service2 .diagram .con1 ul li { margin:0 0 50px 0; padding:65px 0 0 0; color:#111111; font-size:16px; font-weight:500; text-align:center; line-height:1.3; transition:all 0.3s ease; }
.con_service2 .diagram .con1 ul li:last-child { margin:0 0 0 0; }
.con_service2 .diagram .con1 ul li.bgop1 { background:url("../../images/service_01_01.png") no-repeat center 0; background-size:auto 50px; }
.con_service2 .diagram .con1 ul li.bgop2 { background:url("../../images/service_01_02.png") no-repeat center 0; background-size:auto 50px; }
.con_service2 .diagram .con1 ul li.bgop3 { background:url("../../images/service_01_03.png") no-repeat center 0; background-size:auto 50px; }
.con_service2 .diagram .con1 ul li.bgop4 { background:url("../../images/service_01_04.png") no-repeat center 0; background-size:auto 50px; }
.con_service2 .diagram .con1 ul li p { margin:8px 0 0 0; color:#444444; font-size:12px; font-weight:400; text-align:center; line-height:1.4; transition:all 0.3s ease; }
.con_service2 .diagram .con2 { float:left; width:calc(100% - 500px); overflow:hidden; transition:all 0.3s ease; }
.con_service2 .diagram .con2_1 { margin:0 30px 30px 0; float:left; width:calc((100% - 30px) / 2); overflow:hidden; background:#ffffff; border:1px solid #e2e2e2; border-radius:36px; transition:all 0.3s ease; }
.con_service2 .diagram .con2_1.mop1 { margin:0 0 0 0; }
.con_service2 .diagram .con2_1 h6 { padding:20px 10px 20px 10px; display:block; color:#ffffff; font-size:17px; font-weight:500; line-height:1; text-align:center; background:#605678; border-radius:36px 36px 0 0; transition:all 0.3s ease; }
.con_service2 .diagram .con2_1 ul { padding:30px 50px 30px 50px; overflow:hidden; }
.con_service2 .diagram .con2_1 ul li { margin:0 0 10px 0; padding:0 0 0 10px; position:relative; color:#111111; font-size:16px; font-weight:400; line-height:1.3; word-break:keep-all; transition:all 0.3s ease; }
.con_service2 .diagram .con2_1 ul li:before { position:absolute; left:0; top:6px; display:inline-block; content:""; width:3px; height:3px; border-radius:100%; background:#111111; }
.con_service2 .diagram .con2_1 ul li:last-child { margin:0 0 0 0; }
.con_service2 .diagram .con3 { margin:200px 0 0 0; float:left; width:150px; overflow:hidden; transition:all 0.3s ease; }
.con_service2 .diagram .con3_1 { overflow:hidden; transition:all 0.3s ease; }
.con_service2 .diagram .con3_1.mop1 { margin:80px 0 0 0; }
.con_service2 .diagram .con3_1 h6 { color:#111111; font-size:18px; font-weight:700; line-height:1; text-align:center; transition:all 0.3s ease; }
.con_service2 .diagram .con3_1 ul { margin:30px 0 0 0; overflow:hidden; }
.con_service2 .diagram .con3_1 ul li { margin:0 0 50px 0; padding:65px 0 0 0; color:#111111; font-size:16px; font-weight:500; text-align:center; line-height:1.3; transition:all 0.3s ease; }
.con_service2 .diagram .con3_1 ul li:last-child { margin:0 0 0 0; }
.con_service2 .diagram .con3_1 ul li.bgop1 { background:url("../../images/service_01_05.png") no-repeat center 0; background-size:auto 50px; }
.con_service2 .diagram .con3_1 ul li.bgop2 { background:url("../../images/service_01_06.png") no-repeat center 0; background-size:auto 50px; }
.con_service2 .diagram .space1 { padding:365px 0 0 0; float:left; width:100px; text-align:center; transition:all 0.3s ease; }
.con_service2 .diagram .space2 { padding:360px 0 0 0; float:left; width:100px; text-align:center; transition:all 0.3s ease; }

.con_service2 .diagram2 { margin:60px 0 0 0; padding:60px 60px 60px 60px; overflow:hidden; background:#fafafa; border:1px solid #e2e2e2; border-radius:36px; transition:all 0.3s ease; }
.con_service2 .diagram2 h4 { margin:0 0 60px 0; padding:20px 10px 20px 10px; display:block; color:#ffffff; font-size:20px; font-weight:900; line-height:1; text-align:center; letter-spacing:0.02em; background:#483AA0; border-radius:60px; transition:all 0.3s ease; }
.con_service2 .diagram2 h5 { margin:0 0 20px 0;padding:15px 10px 15px 10px; display:block; color:#ffffff; font-size:17px; font-weight:600; line-height:1; text-align:center; background:#EE66A6; border-radius:12px; transition:all 0.3s ease; }
.con_service2 .diagram2 .con1 { margin:20px 0 0 0; float:left; width:110px; overflow:hidden; transition:all 0.3s ease; }
.con_service2 .diagram2 .con1 h6 { color:#111111; font-size:18px; font-weight:700; line-height:1; text-align:center; transition:all 0.3s ease; }
.con_service2 .diagram2 .con1 ul { margin:50px 0 0 0; overflow:hidden; }
.con_service2 .diagram2 .con1 ul li { margin:0 0 50px 0; padding:65px 0 0 0; color:#111111; font-size:16px; font-weight:500; text-align:center; line-height:1.3; transition:all 0.3s ease; }
.con_service2 .diagram2 .con1 ul li:last-child { margin:0 0 0 0; }
.con_service2 .diagram2 .con1 ul li.bgop1 { background:url("../../images/service_01_01.png") no-repeat center 0; background-size:auto 50px; }
.con_service2 .diagram2 .con1 ul li.bgop2 { background:url("../../images/service_01_07.png") no-repeat center 0; background-size:auto 50px; }
.con_service2 .diagram2 .con1 ul li.bgop3 { background:url("../../images/service_01_03.png") no-repeat center 0; background-size:auto 50px; }
.con_service2 .diagram2 .con1 ul li.bgop4 { background:url("../../images/service_01_04.png") no-repeat center 0; background-size:auto 50px; }
.con_service2 .diagram2 .con1 ul li p { margin:8px 0 0 0; color:#444444; font-size:12px; font-weight:400; text-align:center; line-height:1.4; transition:all 0.3s ease; }
.con_service2 .diagram2 .con2 { float:left; width:calc(100% - 440px); overflow:hidden; transition:all 0.3s ease; }
.con_service2 .diagram2 .con2_w1 { float:left; width:calc((100% - 80px) / 2); overflow:hidden; transition:all 0.3s ease; }
.con_service2 .diagram2 .con2_w2 { float:left; width:calc((100% - 80px) / 2); overflow:hidden; transition:all 0.3s ease; }
.con_service2 .diagram2 .con2_w3 { margin:30px 0 0 0; clear:both; overflow:hidden; transition:all 0.3s ease; }
.con_service2 .diagram2 .con2_1 { overflow:hidden; background:#ffffff; border:1px solid #e2e2e2; border-radius:24px; transition:all 0.3s ease; }
.con_service2 .diagram2 .con2_1.op1 { margin:0 20px 0 0; float:left; width:calc((100% - 20px) / 2); }
.con_service2 .diagram2 .con2_1.op2 { float:left; width:calc((100% - 20px) / 2); }
.con_service2 .diagram2 .con2_1 h6 { padding:15px 10px 15px 10px; display:block; color:#ffffff; font-size:17px; font-weight:500; line-height:1; text-align:center; background:#605678; border-radius:24px 24px 0 0; transition:all 0.3s ease; }
.con_service2 .diagram2 .con2_1 h6.bgop1 { background:#4D55CC; }
.con_service2 .diagram2 .con2_1 h6.bgop2 { background:#3D3BF3; }
.con_service2 .diagram2 .con2_1 ul { padding:30px 20px 30px 30px; overflow:hidden; }
.con_service2 .diagram2 .con2_1 ul li { margin:0 0 10px 0; padding:0 0 0 10px; position:relative; color:#111111; font-size:16px; font-weight:400; line-height:1.3; word-break:keep-all; transition:all 0.3s ease; }
.con_service2 .diagram2 .con2_1 ul li.fop1 { color:#D91656; font-weight:700; }
.con_service2 .diagram2 .con2_1 ul li:before { position:absolute; left:0; top:7px; display:inline-block; content:""; width:3px; height:3px; border-radius:100%; background:#111111; }
.con_service2 .diagram2 .con2_1 ul li:last-child { margin:0 0 0 0; }
.con_service2 .diagram2 .con3 { margin:160px 0 0 0; float:left; width:130px; overflow:hidden; transition:all 0.3s ease; }
.con_service2 .diagram2 .con3_1 { overflow:hidden; transition:all 0.3s ease; }
.con_service2 .diagram2 .con3_1.mop1 { margin:80px 0 0 0; }
.con_service2 .diagram2 .con3_1 h6 { color:#111111; font-size:18px; font-weight:700; line-height:1; text-align:center; transition:all 0.3s ease; }
.con_service2 .diagram2 .con3_1 ul { margin:30px 0 0 0; overflow:hidden; }
.con_service2 .diagram2 .con3_1 ul li { margin:0 0 50px 0; padding:65px 0 0 0; color:#111111; font-size:16px; font-weight:500; text-align:center; line-height:1.3; transition:all 0.3s ease; }
.con_service2 .diagram2 .con3_1 ul li:last-child { margin:0 0 0 0; }
.con_service2 .diagram2 .con3_1 ul li.bgop1 { background:url("../../images/service_01_05.png") no-repeat center 0; background-size:auto 50px; }
.con_service2 .diagram2 .con3_1 ul li.bgop2 { background:url("../../images/service_01_06.png") no-repeat center 0; background-size:auto 50px; }
.con_service2 .diagram2 .space1 { padding:330px 20px 0 0; float:left; width:100px; text-align:center; transition:all 0.3s ease; }
.con_service2 .diagram2 .space2 { padding:320px 0 0 20px; float:left; width:100px; text-align:center; transition:all 0.3s ease; }
.con_service2 .diagram2 .space3 { padding:15px 0 25px 0; text-align:center; transition:all 0.3s ease; }
.con_service2 .diagram2 .space4 { padding:460px 0 0 0; float:left; width:80px; text-align:center; transition:all 0.3s ease; }

.con_service2 .diagram3 { margin:60px 0 0 0; padding:60px 60px 80px 60px; overflow:hidden; background:#fafafa; border:1px solid #e2e2e2; border-radius:36px; transition:all 0.3s ease; }
.con_service2 .diagram3 h4 { margin:0 0 160px 0; padding:20px 10px 20px 10px; display:block; color:#ffffff; font-size:20px; font-weight:900; line-height:1; text-align:center; letter-spacing:0.08em; background:#3D365C; border-radius:60px; transition:all 0.3s ease; }
.con_service2 .diagram3 h5 { display:flex; flex-wrap:wrap; justify-content:center; align-content:center; width:230px; height:230px; display:inline-block; color:#ffffff; font-size:19px; font-weight:600; line-height:1.5; text-align:center; background:#a800eb; border-radius:100%; transition:all 0.3s ease; }
.con_service2 .diagram3 .con1 { margin:0 auto; position:relative; display:flex; flex-wrap:wrap; justify-content:center; align-content:center; width:600px; height:600px; text-align:center; background:#f2f2f2; border-radius:100%; transition:all 0.3s ease; }
.con_service2 .diagram3 .con1 h6 { color:#111111; font-size:18px; font-weight:700; line-height:1; text-align:center; transition:all 0.3s ease; }
.con_service2 .diagram3 span.op1 { position:absolute; left:calc(50% - 75px); top:-95px; display:flex; flex-wrap:wrap; justify-content:center; align-content:center; width:150px; height:150px; display:inline-block; color:#ffffff; font-size:17px; font-weight:400; line-height:1.4; text-align:center; background:#5459AC; border-radius:100%; transition:all 0.3s ease; }
.con_service2 .diagram3 span.op2 { position:absolute; left:-55px; bottom:75px; display:flex; flex-wrap:wrap; justify-content:center; align-content:center; width:150px; height:150px; display:inline-block; color:#ffffff; font-size:17px; font-weight:400; line-height:1.4; text-align:center; background:#648DB3; border-radius:100%; transition:all 0.3s ease; }
.con_service2 .diagram3 span.op3 { position:absolute; right:-55px; bottom:75px; display:flex; flex-wrap:wrap; justify-content:center; align-content:center; width:150px; height:150px; display:inline-block; color:#ffffff; font-size:17px; font-weight:400; line-height:1.4; text-align:center; background:#C95792; border-radius:100%; transition:all 0.3s ease; }
.con_service2 .diagram3 span.op4 { position:absolute; left:110px; top:110px; width:380px; height:380px; display:inline-block; border:1px solid #cccccc; border-radius:100%; transition:all 0.3s ease; }
.con_service2 .diagram3 span.op5 { position:absolute; left:calc(50% - 15px); top:96px; transition:all 0.3s ease; }
.con_service2 .diagram3 span.op6 { position:absolute; right:116px; bottom:195px; transition:all 0.3s ease; }
.con_service2 .diagram3 span.op7 { position:absolute; left:127px; bottom:178px; transition:all 0.3s ease; }
.con_service2 .diagram3 i.ic1 { position:relative; display:inline-block; width:30px; height:30px; overflow:hidden; }
.con_service2 .diagram3 i.ic1:before { content:""; position:absolute; top:50%; left:50%; width:20px; height:20px; -webkit-transform:translate(-50%, -50%) rotate(45deg); transform:translate(-50%,  50%) rotate(45deg); border-top:3px solid #666666; border-left:3px solid #666666; }
.con_service2 .diagram3 i.ic1:before { transform:translate(-50%, -50%) rotate(135deg); }
.con_service2 .diagram3 i.ic2 { position:relative; display:inline-block; width:30px; height:30px; overflow:hidden; }
.con_service2 .diagram3 i.ic2:before { content:""; position:absolute; top:50%; left:50%; width:20px; height:20px; -webkit-transform:translate(-50%, -50%) rotate(45deg); transform:translate(-50%,  50%) rotate(45deg); border-top:3px solid #666666; border-left:3px solid #666666; }
.con_service2 .diagram3 i.ic2:before { transform:translate(-50%, -50%) rotate(-100deg); }
.con_service2 .diagram3 i.ic3 { position:relative; display:inline-block; width:30px; height:30px; overflow:hidden; }
.con_service2 .diagram3 i.ic3:before { content:""; position:absolute; top:50%; left:50%; width:20px; height:20px; -webkit-transform:translate(-50%, -50%) rotate(45deg); transform:translate(-50%,  50%) rotate(45deg); border-top:3px solid #666666; border-left:3px solid #666666; }
.con_service2 .diagram3 i.ic3:before { transform:translate(-50%, -50%) rotate(15deg); }

.con_service2 .diagram4 { margin:60px 0 0 0; padding:60px 60px 80px 60px; overflow:hidden; background:#fafafa; border:1px solid #e2e2e2; border-radius:36px; transition:all 0.3s ease; }
.con_service2 .diagram4_c1 { overflow:hidden; transition:all 0.3s ease; }
.con_service2 .diagram4_c1 h4 { padding:15px 10px 15px 10px; display:block; color:#ffffff; font-size:20px; font-weight:600; line-height:1.3; text-align:center; background:#B33791; border-radius:60px; transition:all 0.3s ease; }
.con_service2 .diagram4_c1 .con1 { overflow:hidden; transition:all 0.3s ease; }
.con_service2 .diagram4_c1 .con1_1 { margin:0 30px 0 0; float:left; width:calc((100% - 90px) / 4); overflow:hidden; background:#ffffff; border:1px solid #e2e2e2; border-radius:36px; transition:all 0.3s ease; }
.con_service2 .diagram4_c1 .con1_1:last-child { margin:0 0 0 0; }
.con_service2 .diagram4_c1 .con1_1 h6 { padding:20px 10px 20px 10px; display:block; color:#ffffff; font-size:17px; font-weight:500; line-height:1; text-align:center; background:#605678; border-radius:36px 36px 0 0; transition:all 0.3s ease; }
.con_service2 .diagram4_c1 .con1_1 ul { padding:30px 30px 60px 30px; height:170px; overflow:hidden; }
.con_service2 .diagram4_c1 .con1_1 ul li { margin:0 0 10px 0; padding:0 0 0 10px; position:relative; color:#111111; font-size:16px; font-weight:400; line-height:1.4; word-break:keep-all; transition:all 0.3s ease; }
.con_service2 .diagram4_c1 .con1_1 ul li:before { position:absolute; left:0; top:7px; display:inline-block; content:""; width:3px; height:3px; border-radius:100%; background:#111111; }
.con_service2 .diagram4_c1 .con1_1 ul li:last-child { margin:0 0 0 0; }
.con_service2 .diagram4_c2 { margin:80px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
.con_service2 .diagram4_c2 h4 { padding:15px 10px 15px 10px; display:block; color:#ffffff; font-size:20px; font-weight:600; line-height:1.3; text-align:center; background:#7937b3; border-radius:60px; transition:all 0.3s ease; }
.con_service2 .diagram4_c2 h5 { margin:30px 0 0 0; color:#111111; font-size:19px; font-weight:500; line-height:1.3; text-align:center; letter-spacing:-0.02em; transition:all 0.3s ease; }
.con_service2 .diagram4_c2 .con1 { overflow:hidden; transition:all 0.3s ease; }
.con_service2 .diagram4_c2 .con1_1 { margin:0 30px 0 0; float:left; width:calc((100% - 90px) / 4); overflow:hidden; background:#ffffff; border:1px solid #e2e2e2; border-radius:36px; transition:all 0.3s ease; }
.con_service2 .diagram4_c2 .con1_1:last-child { margin:0 0 0 0; }
.con_service2 .diagram4_c2 .con1_1 h6 { padding:20px 10px 20px 10px; display:block; color:#ffffff; font-size:17px; font-weight:500; line-height:1; text-align:center; background:#605678; border-radius:36px 36px 0 0; transition:all 0.3s ease; }
.con_service2 .diagram4_c2 .con1_1 ul { padding:30px 30px 60px 30px; height:170px; overflow:hidden; }
.con_service2 .diagram4_c2 .con1_1 ul li { margin:0 0 10px 0; padding:0 0 0 10px; position:relative; color:#111111; font-size:16px; font-weight:400; line-height:1.4; word-break:keep-all; transition:all 0.3s ease; }
.con_service2 .diagram4_c2 .con1_1 ul li:before { position:absolute; left:0; top:7px; display:inline-block; content:""; width:3px; height:3px; border-radius:100%; background:#111111; }
.con_service2 .diagram4_c2 .con1_1 ul li:last-child { margin:0 0 0 0; }
.con_service2 .diagram4 .space1 { padding:25px 0 25px 0; text-align:center; transition:all 0.3s ease; }

.con_service2 .diagram5 { margin:60px 0 0 0; padding:60px 60px 80px 60px; overflow:hidden; background:#fafafa; border:1px solid #e2e2e2; border-radius:36px; transition:all 0.3s ease; }
.con_service2 .diagram5_c1 { overflow:hidden; transition:all 0.3s ease; }
.con_service2 .diagram5_c1 h4 { margin:0 0 60px 0; padding:15px 10px 15px 10px; display:block; color:#ffffff; font-size:20px; font-weight:600; line-height:1.3; text-align:center; background:#3773b3; border-radius:60px; transition:all 0.3s ease; }
.con_service2 .diagram5_c1 .con1 { padding:20px 15px 20px 15px; display:flex; flex-wrap:wrap; justify-content:center; align-content:center; float:left; width:calc((100% - 240px) / 5); height:160px; color:#111111; font-size:16px; font-weight:400; line-height:1.5; text-align:center; word-break:keep-all; background:#ffffff; border:1px solid #e2e2e2; border-radius:24px; transition:all 0.3s ease; }
.con_service2 .diagram5_c1 .con1:last-child { margin:0 0 0 0; }
.con_service2 .diagram5_c1 .space { padding:70px 0 0 0; float:left; width:60px; text-align:center; transition:all 0.3s ease; }
.con_service2 .diagram5_c2 { margin:80px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
.con_service2 .diagram5_c2 h4 { margin:0 0 60px 0; padding:15px 10px 15px 10px; display:block; color:#ffffff; font-size:20px; font-weight:600; line-height:1; text-align:center; background:#474F7A; border-radius:60px; transition:all 0.3s ease; }
.con_service2 .diagram5_c2 h5 { margin:0 0 30px 0; padding:15px 10px 15px 10px; display:block; color:#111111; font-size:16px; font-weight:600; line-height:1; text-align:center; background:#ffffff; border-radius:12px; transition:all 0.3s ease; }
.con_service2 .diagram5_c2 h5.bgop1 { border:1px solid #386378; }
.con_service2 .diagram5_c2 h5.bgop2 { border:1px solid #433878; }
.con_service2 .diagram5_c2 .con1 { float:left; width:300px; overflow:hidden; transition:all 0.3s ease; }
.con_service2 .diagram5_c2 .con1 ul { margin:30px 0 0 0; padding:35px 40px 35px 40px; overflow:hidden; background:#ffffff; border:1px solid #e2e2e2; border-radius:24px; }
.con_service2 .diagram5_c2 .con1 ul li { margin:0 0 20px 0; padding:0 0 0 10px; position:relative; color:#111111; font-size:16px; font-weight:400; line-height:1.3; transition:all 0.3s ease; }
.con_service2 .diagram5_c2 .con1 ul li:last-child { margin:0 0 0 0; }
.con_service2 .diagram5_c2 .con1 ul li:before { position:absolute; left:0; top:6px; display:inline-block; content:""; width:3px; height:3px; border-radius:100%; background:#111111; }
.con_service2 .diagram5_c2 .con1 ul li:last-child { margin:0 0 0 0; }
.con_service2 .diagram5_c2 .con2 { float:left; width:calc(100% - 400px); overflow:hidden; transition:all 0.3s ease; }
.con_service2 .diagram5_c2 .con2_1 { overflow:hidden; background:#ffffff; border:1px solid #e2e2e2; border-radius:24px; transition:all 0.3s ease; }
.con_service2 .diagram5_c2 .con2_1.mop1 { margin:0 0 0 0; }
.con_service2 .diagram5_c2 .con2_1 h6 { padding:20px 10px 20px 10px; display:block; color:#ffffff; font-size:17px; font-weight:600; line-height:1; text-align:center; background:#605678; border-radius:24px 24px 0 0; transition:all 0.3s ease; }
.con_service2 .diagram5_c2 .con2_1 ul { padding:40px 50px 40px 50px; overflow:hidden; }
.con_service2 .diagram5_c2 .con2_1 ul li { margin:0 0 15px 0; padding:0 0 0 10px; float:left; position:relative; width:50%; color:#111111; font-size:16px; font-weight:400; line-height:1.3; word-break:keep-all; transition:all 0.3s ease; }
.con_service2 .diagram5_c2 .con2_1 ul li:before { position:absolute; left:0; top:6px; display:inline-block; content:""; width:3px; height:3px; border-radius:100%; background:#111111; }
.con_service2 .diagram5_c2 .con2_1 ul li:last-child { margin:0 0 0 0; }
.con_service2 .diagram5_c2 .con2_2 { padding:20px 10px 20px 10px; display:block; color:#ffffff; font-size:16px; font-weight:500; line-height:1.3; text-align:center; background:#1c5bac; border-radius:36px; transition:all 0.3s ease; }
.con_service2 .diagram5_c2 .con2_3 { padding:20px 10px 20px 10px; display:block; color:#ffffff; font-size:16px; font-weight:500; line-height:1.3; text-align:center; background:#a2ac1c; border-radius:36px; transition:all 0.3s ease; }
.con_service2 .diagram5_c2 .space1 { padding:170px 0 0 0; float:left; width:100px; text-align:center; transition:all 0.3s ease; }
.con_service2 .diagram5_c2 .space1 .fop1 { margin:10px 0 0 0; color:#555555; font-size:12px; font-weight:400; line-height:1.3; text-align:center; letter-spacing:-0.02em; }
.con_service2 .diagram5_c2 .space2 { padding:15px 0 25px 0; text-align:center; transition:all 0.3s ease; }

.ic_arrow { position:relative; display:inline-block; background:#212121; }
.ic_arrow.top, .ic_arrow.bottom { width:2px; height:20px; }
.ic_arrow.left, .ic_arrow.right { width:20px; height:2px; }
.ic_arrow:after { position:absolute; content:''; width:0; height:0; border-style:solid; }
.ic_arrow.top:after { left:-3px; top:-20px; border-width:10px 4px; border-color:transparent transparent #212121 transparent; }
.ic_arrow.bottom:after { left:-3px; top:20px; border-width:10px 4px; border-color:#212121 transparent transparent transparent; }
.ic_arrow.left:after { left:-20px; top:-3px; border-width:4px 10px; border-color:transparent #212121 transparent transparent; }
.ic_arrow.right:after { left:20px; top:-3px; border-width:4px 10px; border-color:transparent transparent transparent #212121; }

.ic_arrow2 { position:relative; display:inline-block; background:#212121; }
.ic_arrow2.top, .ic_arrow2.bottom { width:2px; height:10px; }
.ic_arrow2.left, .ic_arrow2.right { width:20px; height:2px; }
.ic_arrow2:after { position:absolute; content:''; width:0; height:0; border-style:solid; }
.ic_arrow2.top:after { left:-3px; top:-10px; border-width:10px 4px; border-color:transparent transparent #212121 transparent; }
.ic_arrow2.bottom:after { left:-3px; top:10px; border-width:10px 4px; border-color:#212121 transparent transparent transparent; }
.ic_arrow2.left:after { left:-10px; top:-3px; border-width:4px 10px; border-color:transparent #212121 transparent transparent; }
.ic_arrow2.right:after { left:10px; top:-3px; border-width:4px 10px; border-color:transparent transparent transparent #212121; }

.con_service3 { padding:120px 0 200px 0; background-color:#f6f8fa; background-image:url("../../images/bg_10.png"), url("../../images/bg_11.png"); background-position:right -30% bottom -40%, left -15% top -15%; background-repeat:no-repeat, no-repeat; background-size:auto 700px, auto 400px; transition:all 0.3s ease; }
.con_service3 .container { position:relative; }
.con_service3 h3 { position:absolute; right:0px; top:-190px; padding:100px 100px 100px 100px; display:inline-block; color:#ffffff; font-size:26px; font-weight:600; line-height:1; text-align:center; letter-spacing:-0.02em; background:rgba(31, 37, 68, 0.98); border-radius:60px; transition:all 0.3s ease; }
.con_service3 p { margin:100px 0 0 0; color:#555555; font-size:18px; font-weight:400; line-height:1.8; letter-spacing:-0.02em; word-break:keep-all; transition:all 0.3s ease; }
.con_service3 ul { margin:60px 0 0 0; overflow:hidden; }
.con_service3 ul li { margin:0 0 15px 0; padding:0 0 0 10px; position:relative; color:#555555; font-size:16px; font-weight:400; line-height:1.6; word-break:keep-all; transition:all 0.3s ease; }
.con_service3 ul li:before { position:absolute; left:0; top:9px; display:inline-block; content:""; width:3px; height:3px; border-radius:100%; background:#111111; }
.con_service3 ul li:last-child { margin:0 0 0 0; }
.con_service3 ul li.tit { margin:40px 0 20px 0; padding:0 0 0 0; color:#111111; font-size:20px; font-weight:500; line-height:1.5; letter-spacing:-0.03em; word-break:keep-all; transition:all 0.3s ease; }
.con_service3 ul li.tit:before { content:none; }

.con_service4 { margin:-70px 0 0 0; padding:0 0 120px 0; overflow:hidden; transition:all 0.3s ease; }
.con_service4 h3 { padding:100px 100px 100px 100px; display:inline-block; color:#ffffff; font-size:26px; font-weight:600; line-height:1; text-align:center; letter-spacing:-0.02em; background:rgba(31, 37, 68, 0.98); border-radius:60px; transition:all 0.3s ease; }
.con_service4_c { padding:80px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
.con_service4_c .con1 { margin:0 20px 0 0; padding:50px 50px 50px 50px; float:left; width:calc((100% - 40px) / 3); overflow:hidden; border:1px solid #e2e2e2; border-radius:36px; transition:all 0.3s ease; }
.con_service4_c .con1.bgop1 { background:#f9f9f9 url("../../images/service3_01.png") no-repeat right 40px bottom 30px; background-size:auto 50px; }
.con_service4_c .con1.bgop2 { background:#f9f9f9 url("../../images/service3_02.png") no-repeat right 40px bottom 30px; background-size:auto 50px; }
.con_service4_c .con1.bgop3 { background:#f9f9f9 url("../../images/service3_03.png") no-repeat right 40px bottom 30px; background-size:auto 50px; }
.con_service4_c .con1:last-child { margin:0 0 0 0; }
.con_service4_c .con1 h4 { color:#111111; font-size:20px; font-weight:500; line-height:1; letter-spacing:-0.01em; transition:all 0.3s ease; }
.con_service4_c ul { margin:30px 0 0 0; height:200px; overflow:hidden; }
.con_service4_c.op1 ul { height:250px; }
.con_service4_c ul li { margin:0 0 15px 0; padding:0 0 0 10px; position:relative; color:#555555; font-size:16px; font-weight:400; line-height:1.5; word-break:keep-all; transition:all 0.3s ease; }
.con_service4_c ul li:before { position:absolute; left:0; top:9px; display:inline-block; content:""; width:3px; height:3px; border-radius:100%; background:#111111; }
.con_service4_c ul li:last-child { margin:0 0 0 0; }

.con_sol { margin:30px 0 0 0; padding:50px 50px 50px 50px; overflow:hidden; color:#333333; font-size:18px; font-weight:500; line-height:1.6; letter-spacing:-0.01em; word-break:keep-all; background:#f9f9f9; border:1px solid #e2e2e2; border-radius:36px; transition:all 0.3s ease; }
.con_sol .con1 { margin:40px 0 0 0; padding:60px 40px 60px 40px; overflow:hidden; background:#ffffff; border:1px solid #e2e2e2; border-radius:24px; transition:all 0.3s ease; }
.con_sol .con1 img { margin:0 auto; transition:all 0.3s ease; }

.con_sol2 { margin:30px 0 0 0; padding:50px 50px 50px 50px; overflow:hidden; background:#f9f9f9; border:1px solid #e2e2e2; border-radius:36px; transition:all 0.3s ease; }
.con_sol2 .con1 { margin:60px 0 0 0; padding:10px 0 0 400px; position:relative; overflow:hidden; min-height:200px; transition:all 0.3s ease; }
.con_sol2 .con1:first-child { margin:0 0 0 0; }
.con_sol2 .con1:before { position:absolute; left:0px; top:0px; content:""; display:inline-block; width:350px; height:200px; border:1px solid #e2e2e2; border-radius:24px; }
.con_sol2 .con1.bgop1:before { background:url("../../images/sol_01.jpg") no-repeat 0 0; background-size:cover; }
.con_sol2 .con1.bgop2:before { background:url("../../images/sol_02.jpg") no-repeat 0 0; background-size:cover; }
.con_sol2 .con1.bgop3:before { background:url("../../images/sol_03.jpg") no-repeat 0 0; background-size:cover; }
.con_sol2 .con1.bgop4:before { background:url("../../images/sol_04.jpg") no-repeat 0 0; background-size:cover; }
.con_sol2 .con1.bgop5:before { background:url("../../images/sol_05.jpg") no-repeat 0 0; background-size:cover; }
.con_sol2 .con1.bgop6:before { background:url("../../images/sol_06.jpg") no-repeat 0 0; background-size:cover; }

.con_sol2 .con1.bgop2_1:before { background:url("../../images/sol2_01.jpg") no-repeat 0 0; background-size:cover; }
.con_sol2 .con1.bgop2_2:before { background:url("../../images/sol2_02.jpg") no-repeat 0 0; background-size:cover; }
.con_sol2 .con1.bgop2_3:before { background:url("../../images/sol2_03.jpg") no-repeat 0 0; background-size:cover; }
.con_sol2 .con1.bgop2_4:before { background:url("../../images/sol2_04.jpg") no-repeat 0 0; background-size:cover; }
.con_sol2 .con1.bgop2_5:before { background:url("../../images/sol2_05.jpg") no-repeat 0 0; background-size:cover; }

.con_sol2 .con1.bgop3_1:before { background:url("../../images/sol3_01.jpg") no-repeat 0 0; background-size:cover; }
.con_sol2 .con1.bgop3_2:before { background:url("../../images/sol3_02.jpg") no-repeat 0 0; background-size:cover; }
.con_sol2 .con1.bgop3_3:before { background:url("../../images/sol3_03.jpg") no-repeat 0 0; background-size:cover; }
.con_sol2 .con1.bgop3_4:before { background:url("../../images/sol3_04.jpg") no-repeat 0 0; background-size:cover; }
.con_sol2 .con1.bgop3_5:before { background:url("../../images/sol3_05.jpg") no-repeat 0 0; background-size:cover; }
.con_sol2 .con1.bgop3_6:before { background:url("../../images/sol3_06.jpg") no-repeat 0 0; background-size:cover; }

.con_sol2 .con1.bgop4_1:before { background:url("../../images/sol4_01.jpg") no-repeat 0 0; background-size:cover; }
.con_sol2 .con1.bgop4_2:before { background:url("../../images/sol4_02.jpg") no-repeat 0 0; background-size:cover; }
.con_sol2 .con1.bgop4_3:before { background:url("../../images/sol4_03.jpg") no-repeat 0 0; background-size:cover; }
.con_sol2 .con1.bgop4_4:before { background:url("../../images/sol4_04.jpg") no-repeat 0 0; background-size:cover; }
.con_sol2 .con1.bgop4_5:before { background:url("../../images/sol4_05.jpg") no-repeat 0 0; background-size:cover; }
.con_sol2 .con1.bgop4_6:before { background:url("../../images/sol4_06.jpg") no-repeat 0 0; background-size:cover; }
.con_sol2 .con1.bgop4_7:before { background:url("../../images/sol4_07.jpg") no-repeat 0 0; background-size:cover; }
.con_sol2 .con1.bgop4_8:before { background:url("../../images/sol4_08.jpg") no-repeat 0 0; background-size:cover; }

.con_sol2 .con1 h4 { color:#111111; font-size:22px; font-weight:800; line-height:1.3; letter-spacing:-0.03em; word-break:keep-all; transition:all 0.3s ease; }
.con_sol2 .con1 ul { margin:20px 0 0 0; overflow:hidden; }
.con_sol2 .con1 ul li { margin:0 0 6px 0; padding:0 0 0 10px; position:relative; color:#555555; font-size:16px; font-weight:400; line-height:1.4; word-break:keep-all; transition:all 0.3s ease; }
.con_sol2 .con1 ul li:before { position:absolute; left:0; top:9px; display:inline-block; content:""; width:3px; height:3px; border-radius:100%; background:#111111; }
.con_sol2 .con1 ul li:last-child { margin:0 0 0 0; }
.con_sol2 .con1 ul li.op1 { color:#f67400; font-size:15px; }
.con_sol2 .con1 ul li.op1:before { content:none; }

.con_sol3 { margin:30px 0 0 0; padding:50px 50px 50px 50px; overflow:hidden; background:#f9f9f9; border:1px solid #e2e2e2; border-radius:36px; transition:all 0.3s ease; }
.con_sol3 .con1 { margin:0 20px 0 0; padding:145px 30px 30px 30px; position:relative; float:left; overflow:hidden; width:calc((100% - 40px) / 3); height:320px; border:1px solid #e2e2e2; border-radius:24px; transition:all 0.3s ease; }
.con_sol3 .con1:last-child { margin:0 0 0 0; }
.con_sol3 .con1.bgop1 { background:#ffffff url("../../images/sol5_01.png") no-repeat center 40px; background-size:auto 80px; }
.con_sol3 .con1.bgop2 { background:#ffffff url("../../images/sol5_02.png") no-repeat center 40px; background-size:auto 80px; }
.con_sol3 .con1.bgop3 { background:#ffffff url("../../images/sol5_03.png") no-repeat center 40px; background-size:auto 80px; }
.con_sol3 .con1 h4 { color:#111111; font-size:22px; font-weight:800; line-height:1.3; text-align:center; letter-spacing:-0.03em; word-break:keep-all; transition:all 0.3s ease; }
.con_sol3 .con1 ul { margin:30px 0 0 0; overflow:hidden; }
.con_sol3 .con1 ul li { margin:0 0 6px 0; padding:0 0 0 10px; position:relative; color:#555555; font-size:16px; font-weight:400; line-height:1.3; word-break:keep-all; transition:all 0.3s ease; }
.con_sol3 .con1 ul li:before { position:absolute; left:0; top:9px; display:inline-block; content:""; width:3px; height:3px; border-radius:100%; background:#111111; }
.con_sol3 .con1 ul li:last-child { margin:0 0 0 0; }
.con_sol3 .con2 { overflow:hidden; transition:all 0.3s ease; }
.con_sol3 .con2 img { margin:0 auto; transition:all 0.3s ease; }

.con_contact { margin:100px 0 0 0; overflow:hidden; background:url("../../images/bg_01.png") no-repeat right 0 bottom -500px; transition:all 0.3s ease; }
.con_contact .con1 { margin:100px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
.con_contact .con1:first-child { margin:0 0 0 0; }
.con_contact h4 { color:#111111; font-size:28px; font-weight:800; letter-spacing:-0.02em; transition:all 0.3s ease; }
.con_contact h4:after { margin:0 0 0 3px; content:""; display:inline-block; width:20px; height:2px; background:#e52020; }
.con_contact ul { margin:50px 0 0 3px; overflow:hidden; }
.con_contact ul.mop1 { margin:40px 0 0 3px; }
.con_contact ul li { margin:0 0 15px 0; color:#555555; font-size:15px; font-weight:500; transition:all 0.3s ease; }
.con_contact ul li.tit { margin:0 0 30px 0; color:#111111; font-size:18px; font-weight:700; }
.con_contact ul li em { margin:0 10px 0 0; font-style:normal; }
.con_contact ul li:last-child { margin:0 0 0 0; }

.con_contact2 { overflow:hidden; transition:all 0.3s ease; }
.con_contact2 h3 { color:#111111; font-size:36px; font-weight:400; line-height:1.4; text-align:center; letter-spacing:-0.03em; word-break:keep-all; transition:all 0.3s ease; }
.con_contact2 p { margin:30px 0 0 0; color:#666666; font-size:18px; font-weight:400; line-height:1.5; text-align:center; letter-spacing:-0.03em; word-break:keep-all; transition:all 0.3s ease; }
.con_contact2 .con1 { margin:80px 0 0 0; background:#f6f8fa; overflow:hidden; transition:all 0.3s ease; }
.con_contact2 .con1 .container { padding:100px 10% 120px 10%; }
.con_contact2 .con1 ul { overflow:hidden; }
.con_contact2 .con1 ul li { transition:all 0.3s ease; }
.con_contact2 .con1 ul li.tit { margin:0 0 10px 0; color:#111111; font-size:15px; font-weight:400; }
.con_contact2 .con1 ul li.forms { margin:0 0 30px 0; }
.con_contact2 .con1 ul li i { margin:0 0 0 5px; display:inline-block; width:4px; height:4px; background:#ee3520; text-indent:-10000px; border-radius:100%; vertical-align:baseline; }
.con_contact2 .con1 ul li:last-child { margin:0 0 0 0; }
.con_contact2 .con1 ul li input[type="text"] { padding:0 20px 0 20px; width:100%; height:50px; font-weight:400; color:#111111; font-size:16px; background:#ffffff; border:1px solid #e2e2e2; border-radius:8px; transition:all 0.3s ease; }
.con_contact2 .con1 ul li textarea { padding:20px 20px 20px 20px; width:100%; height:200px; font-weight:400; color:#111111; font-size:16px; line-height:1.5; background:#ffffff; border:1px solid #e2e2e2; border-radius:8px; transition:all 0.3s ease; }
.con_contact2 .con1 ul li.agree { margin:30px 0 0 0; }
.con_contact2 .con1 ul li input[type="checkbox"] { margin:-3px 10px 0 0; width:25px; height:25px; vertical-align:middle; cursor:pointer; }
.con_contact2 .con1 ul li label { display:inline-block; font-weight:400; color:#111111; font-size:16px; cursor:pointer; }
.con_contact2 .con1 .btns { margin:100px 0 0 0; overflow:hidden; text-align:center; }
.con_contact2 .con1 .btns_c { position:relative; display:inline-block; overflow:hidden; border-radius:60px; }
.con_contact2 .con1 .btns_c a { padding:15px 60px 15px 60px; display:inline-block; background:#864AF9; color:#ffffff; font-size:15px; text-align:center; border-radius:60px; transition:all 0.3s ease; }
.con_contact2 .con1 .btns_c a:hover { background:#E26EE5; }
.con_contact2 .con1 .btns_c a:before { content:""; position:absolute; top:0; left:0; width:86px; height:358px; 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_mcont5_ani3 infinite 3s ease; }
@keyframes con_mcont5_ani3 { 0% { transform:translate(-400%, -50%) rotate(-53deg); } 100% { transform:translate(500%, -50%) rotate(-53deg); } }

.con_vod { margin:60px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
.con_vod video { width:100%; height:80px; object-fit:cover; border-radius:120px; transition:all 0.3s ease; }
.con_vod video::-webkit-media-controls { display:none; }

.con_introduction { padding:0 0 170px 0; overflow:hidden; animation:con_introduction_ani1 infinite 0.6s ease-in-out alternate; }
@keyframes con_introduction_ani1 { 0% { background:url("../../images/arrow_02.png") no-repeat center bottom 0px; background-size:auto 80px; } 100% { background:url("../../images/arrow_02.png") no-repeat center bottom 10px; background-size:auto 80px; } }
.con_introduction h3 { color:#111111; font-size:36px; font-weight:600; line-height:1.4; text-align:center; letter-spacing:-0.03em; word-break:keep-all; transition:all 0.3s ease; }
.con_introduction p { margin:30px 0 0 0; color:#666666; font-size:18px; font-weight:400; line-height:1.5; text-align:center; letter-spacing:-0.03em; word-break:keep-all; transition:all 0.3s ease; }

.con_vision { margin:100px 0 0 0; overflow:hidden; position:relative; background:#8f4cb2; transition:all 0.3s ease; }
.con_vision video { width:100%; height:1320px; object-fit:cover; transition:all 0.3s ease; }
.con_vision video::-webkit-media-controls { display:none; }
.con_vision_c { padding:100px 0 0 0; position:absolute; left:0; top:0; width:100%; text-align:center; transition:all 0.3s ease; }
.con_vision_c .con1 { overflow:hidden; transition:all 0.3s ease; }
.con_vision_c .con1 h1 { font-family:"Pretendard"; color:#b322bb; font-size:20px; font-weight:900; letter-spacing:0.10em; transition:all 0.3s ease; }
.con_vision_c .con1 h2 { margin:60px 0 0 0; color:#ffffff; font-size:50px; font-weight:500; line-height:1.3; letter-spacing:-0.03em; word-break:keep-all; transition:all 0.3s ease; }
.con_vision_c .con1 p { margin:30px 0 0 0; color:#dddddd; font-size:20px; font-weight:400; line-height:1.5; text-align:center; letter-spacing:-0.02em; word-break:keep-all; transition:all 0.3s ease; }
.con_vision_c .con2 { margin:120px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
.con_vision_c .con2 h2 { font-family:"Pretendard"; color:transparent; font-size:80px; font-weight:900; line-height:1.1; letter-spacing:-0.01em; background:linear-gradient(90deg, #6202f5, #f504cc, #f504cc, #6202f5); background-size:200% 100%; background-clip:text; word-break:keep-all; transition:all 0.3s ease; animation:con_vision_ani1 infinite 5s ease alternate; }
@keyframes con_vision_ani1 { 0% { background-position:0% 50%; } 100% { background-position:200% 50%; } }
.con_vision_c .con2 p { margin:30px 0 0 0; color:#dddddd; font-size:18px; font-weight:400; line-height:1.5; text-align:center; letter-spacing:-0.02em; word-break:keep-all; transition:all 0.3s ease; }
.con_vision_c .con2 ul { margin:60px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
.con_vision_c .con2 ul li { margin:0 20px 0 0; padding:50px 40px 50px 40px; position:relative; float:left; width:calc((100% - 40px) / 3); height:400px; color:#333333; font-size:17px; font-weight:400; line-height:1.5; letter-spacing:-0.01em; background:rgba(255, 255, 255, 0.7); border-radius:36px; word-break:keep-all; transition:all 0.3s ease; }
.con_vision_c .con2 ul li:nth-child(1):before { position:absolute; right:30px; bottom:30px; content:""; display:inline-block; width:71px; height:60px; background:url("../../images/intro_01.png") no-repeat 0 0; background-size:auto 60px; }
.con_vision_c .con2 ul li:nth-child(2):before { position:absolute; right:30px; bottom:30px; content:""; display:inline-block; width:63px; height:60px; background:url("../../images/intro_02.png") no-repeat 0 0; background-size:auto 60px; }
.con_vision_c .con2 ul li:nth-child(3):before { position:absolute; right:30px; bottom:30px; content:""; display:inline-block; width:70px; height:60px; background:url("../../images/intro_03.png") no-repeat 0 0; background-size:auto 60px; }
.con_vision_c .con2 ul li:last-child { margin:0 0 0 0; }
.con_vision_c .con2 ul li h3 { height:90px; color:#010101; font-size:24px; font-weight:500; line-height:1.4; letter-spacing:-0.02em; word-break:keep-all; transition:all 0.3s ease; }

.con_vision2 { margin:80px 0 0 0; overflow:hidden; position:relative; background:#8f4cb2; transition:all 0.3s ease; }
.con_vision2 video { width:100%; height:600px; object-fit:cover; transition:all 0.3s ease; }
.con_vision2 video::-webkit-media-controls { display:none; }
.con_vision2_c { padding:130px 0 0 0; position:absolute; left:0; top:0; width:100%; text-align:center; transition:all 0.3s ease; }
.con_vision2_c h1 { font-family:"Pretendard"; color:#b322bb; font-size:20px; font-weight:900; letter-spacing:0.10em; transition:all 0.3s ease; }
.con_vision2_c h2 { margin:80px 0 0 0; color:#ffffff; font-size:57px; font-weight:600; line-height:1.3; letter-spacing:-0.05em; word-break:keep-all; transition:all 0.3s ease; }
.con_vision2_c p { margin:30px 0 0 0; color:#dddddd; font-size:24px; font-weight:500; line-height:1.5; text-align:center; letter-spacing:-0.02em; word-break:keep-all; transition:all 0.3s ease; }

.con_history { padding:120px 0 120px 0; overflow:hidden; transition:all 0.3s ease; }
.con_history h2 { font-family:"Pretendard"; color:transparent; font-size:80px; font-weight:900; line-height:1.1; text-align:center; letter-spacing:-0.01em; background:linear-gradient(90deg, #FFA732, #EF4040, #EF4040, #FFA732); background-size:200% 100%; background-clip:text; word-break:keep-all; transition:all 0.3s ease; animation:con_history_ani1 infinite 5s ease alternate; }
@keyframes con_history_ani1 { 0% { background-position:0% 50%; } 100% { background-position:200% 50%; } }
.con_history p { margin:50px 0 0 0; color:#333333; font-size:18px; font-weight:400; line-height:1.5; text-align:center; letter-spacing:-0.02em; word-break:keep-all; transition:all 0.3s ease; }
.con_history ul { margin:60px 0 0 0; transition:all 0.3s ease; }
.con_history ul li { margin:0 30px 0 0; padding:50px 40px 50px 40px; position:relative; float:left; width:calc((100% - 60px) / 3); height:450px; color:#333333; font-size:17px; font-weight:400; line-height:1.6; letter-spacing:-0.01em; background:#fafafa; border-radius:36px; word-break:keep-all; box-shadow:0 0 10px 4px rgba(0, 0, 0, 0.06); transition:all 0.3s ease; }
.con_history ul li:nth-child(1):before { position:absolute; right:30px; bottom:30px; content:""; display:inline-block; width:71px; height:60px; background:url("../../images/intro_01.png") no-repeat 0 0; background-size:auto 60px; }
.con_history ul li:nth-child(2):before { position:absolute; right:30px; bottom:30px; content:""; display:inline-block; width:63px; height:60px; background:url("../../images/intro_02.png") no-repeat 0 0; background-size:auto 60px; }
.con_history ul li:nth-child(3):before { position:absolute; right:30px; bottom:30px; content:""; display:inline-block; width:70px; height:60px; background:url("../../images/intro_03.png") no-repeat 0 0; background-size:auto 60px; }
.con_history ul li:last-child { margin:0 0 0 0; }
.con_history ul li h3 { height:90px; color:#010101; font-size:24px; font-weight:500; line-height:1.4; letter-spacing:-0.02em; word-break:keep-all; transition:all 0.3s ease; }

.con_competence { padding:100px 0 100px 0; overflow:hidden; background:#f8f6fa url("../../images/bg_08.png") no-repeat right 0 top 60px; background-size:auto 600px; transition:all 0.3s ease; animation:con_member_ani1 infinite 30s ease alternate; }
@keyframes con_member_ani1 {
	0% { background:#f8f6fa url("../../images/bg_08.png") no-repeat right 0 top 60px; background-size:auto 600px; }
	100% { background:#f8f6fa url("../../images/bg_08.png") no-repeat left 0 bottom -200px; background-size:auto 1800px; }
}

.con_competence h2 { color:#010101; font-size:50px; font-weight:400; line-height:1.3; letter-spacing:-0.07em; transition:all 0.3s ease; }
.con_competence ul { margin:60px 0 0 0; transition:all 0.3s ease; }
.con_competence ul li { margin:0 0 30px 0; padding:50px 50px 50px 50px; position:relative; color:#333333; font-size:17px; font-weight:400; line-height:1.5; letter-spacing:-0.01em; background:rgba(255, 255, 255, 0.8); border-radius:36px; word-break:keep-all; box-shadow:0 0 10px 4px rgba(0, 0, 0, 0.01); transition:all 0.3s ease; }
.con_competence ul li:nth-child(1):before { position:absolute; right:50px; top:50px; content:""; display:inline-block; width:43px; height:40px; background:url("../../images/intro2_01.png") no-repeat 0 0; background-size:auto 40px; }
.con_competence ul li:nth-child(2):before { position:absolute; right:50px; top:50px; content:""; display:inline-block; width:40px; height:42px; background:url("../../images/intro2_02.png") no-repeat 0 0; background-size:auto 42px; }
.con_competence ul li:nth-child(3):before { position:absolute; right:50px; top:50px; content:""; display:inline-block; width:40px; height:40px; background:url("../../images/intro2_03.png") no-repeat 0 0; background-size:auto 40px; }
.con_competence ul li:last-child { margin:0 0 0 0; }
.con_competence ul li h3 { margin:0 0 20px 0; color:#010101; font-size:24px; font-weight:500; line-height:1.4; letter-spacing:-0.02em; word-break:keep-all; transition:all 0.3s ease; }
.con_competence ul li h3 span { margin:0 0 10px 0; display:block; font-family:"Pretendard"; font-size:18px; font-weight:900; line-height:1; letter-spacing:0.01em; transition:all 0.3s ease; }
.con_competence ul li h3 span.fop1 { color:#B33791; }
.con_competence ul li h3 span.fop2 { color:#F26B0F; }
.con_competence ul li h3 span.fop3 { color:#0D7C66; }

.con_org { margin:100px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
.con_org .con1 { position:relative; overflow:hidden; transition:all 0.3s ease; }
.con_org .con1 ul.op1 { margin:0 0 300px 0; display:table; margin-left:auto; margin-right:auto; }
.con_org .con1 ul.op1 li { padding:35px 5px 35px 5px; position:relative; display:block; width:300px; color:#111111; font-size:20px; font-weight:600; text-align:center; letter-spacing:-0.01em; border:2px solid #da1b4c; border-radius:60px; transition:all 0.3s ease; }
.con_org .con1 ul.op1 li:after { position:absolute; left:50%; bottom:-302px; content:""; display:inline-block; width:1px; height:300px; background:#cccccc; }
.con_org .con1 ul.op2 { position:absolute; right:calc(50% - 450px); top:150px; }
.con_org .con1 ul.op2 li { margin:0 0 30px 0; padding:20px 5px 20px 5px; position:relative; display:block; width:300px; color:#111111; font-size:20px; font-weight:600; text-align:center; letter-spacing:-0.01em; background:#fafafa; border:2px solid #dddddd; border-radius:12px; transition:all 0.3s ease; }
.con_org .con1 ul.op2 li:after { position:absolute; left:50%; bottom:-32px; content:""; display:inline-block; width:1px; height:30px; background:#cccccc; }
.con_org .con1 ul.op2 li.tit { background:#ffffff; border:2px solid #a8d541; border-radius:60px; }
.con_org .con1 ul.op2 li.tit:before { position:absolute; left:-150px; bottom:50%; content:""; display:inline-block; width:148px; height:1px; background:#cccccc; }
.con_org .con1 ul.op2 li:last-child { margin:0 0 0 0; }
.con_org .con1 ul.op2 li:last-child:after { content:none; }
.con_org .con2 { position:relative; overflow:hidden; transition:all 0.3s ease; }
.con_org .con2:before { position:absolute; left:150px; top:0px; content:""; display:inline-block; width:calc(100% - 300px); height:1px; background:#cccccc; }
.con_org .con2_1 { margin:60px 30px 0 0; float:left; width:calc((100% - 90px) / 4); transition:all 0.3s ease; }
.con_org .con2_1:last-child { margin:60px 0 0 0; }
.con_org .con2_1 ul li { margin:0 0 30px 0; padding:20px 5px 20px 5px; position:relative; display:block; color:#222222; font-size:20px; font-weight:600; line-height:1.2; text-align:center; letter-spacing:-0.01em; background:#fafafa; border:2px solid #dddddd; border-radius:12px; transition:all 0.3s ease; }
.con_org .con2_1 ul li.tit { background:#ffffff; border:2px solid #419ad5; border-radius:60px; }
.con_org .con2_1 ul li.tit:before { position:absolute; left:50%; top:-60px; content:""; display:inline-block; width:1px; height:60px; background:#cccccc; }
.con_org .con2_1 ul li:after { position:absolute; left:50%; bottom:-32px; content:""; display:inline-block; width:1px; height:30px; background:#cccccc; }
.con_org .con2_1 ul li:last-child { margin:0 0 0 0; }
.con_org .con2_1 ul li:last-child:after { content:none; }

.con_location { padding:100px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
.con_location .container { position:relative; }
.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; color:#111111; font-size:16px; font-weight:400; line-height:1.3; transition:all 0.3s ease; }
.con_location .con1 ul li.tit { margin:0 0 40px 0; color:#111111; font-size:30px; font-weight:500; letter-spacing:-0.01em; }
.con_location .con1 ul li:last-child { margin:0 0 0 0; }
.con_location .con2 { margin:80px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
.con_location .con2 .map_wrap { width:100%; height:700px; border:1px solid #e2e2e2; transition:all 0.3s ease; }
.con_location .con3 { position:absolute; right:0px; top:0px; overflow:hidden; transition:all 0.3s ease; }
.con_location .con3 ul { overflow:hidden; border:1px solid #e2e2e2; border-radius:60px; }
.con_location .con3 ul li { float:left; transition:all 0.3s ease; }
.con_location .con3 ul li a { padding:10px 25px 10px 25px; display:inline-block; color:#111111; font-size:16px; letter-spacing:-0.01em; background:#f9f9f9; transition:all 0.3s ease; }
.con_location .con3 ul li a.on { color:#ffffff; background:#6107d4; }
.con_location .con3 ul li a:hover { color:#ffffff; background:#6107d4; }

.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 { 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 a { display:inline-block; width:40px; height:40px; background:url("../../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_list1 { margin:10px 0 0 0; border-top:1px solid #111111; }
.con_list1 table { width:100%; }
.con_list1 col.wop1_1 { width:200px; }
.con_list1 col.wop1_2 { width:calc(100% - 200px); }
.con_list1 th { padding:10px 5px 10px 5px; font-family:"NotoM"; color:#333333; font-size:14px; text-align:center; line-height:1.3; letter-spacing:-0.03em; border:1px solid #e2e2e2; transition:all 0.3s ease; }
.con_list1 th img { height:35px; }
.con_list1 td { padding:10px 10px 10px 20px; height:55px; font-family:"NotoR"; color:#555555; font-size:14px; text-align:left; line-height:1.3; letter-spacing:-0.03em; border:1px solid #e2e2e2; word-break:keep-all; word-break:break-all; transition:all 0.3s ease; }
.con_list1 td a { font-family:"NotoM"; color:#111111; font-size:15px; word-break:keep-all; }
.con_list1 td a:hover { text-decoration:underline; text-underline-position:under; }

.con_list2 { margin:10px 0 0 0; border-top:1px solid #111111; }
.con_list2.mop1 { margin:10px 0 10px 0; }
.con_list2 table { width:100%; }
.con_list2 col.wop1_1 { width:150px; }
.con_list2 col.wop1_2 { width:calc(100% - 150px); }
.con_list2 th { padding:6px 5px 6px 5px; border:1px solid #e1e1e1; font-family:"NotoM"; color:#333333; font-size:14px; text-align:center; line-height:1.4; letter-spacing:-0.03em; background:#f2f2f2; transition:all 0.3s ease; }
.con_list2 td { padding:6px 5px 6px 5px; border:1px solid #e1e1e1; font-family:"NotoR"; color:#555555; font-size:14px; text-align:center; line-height:1.4; letter-spacing:-0.03em; word-break:auto-phrase; transition:all 0.3s ease; }
.con_list2 td.tit { color:#111111; background:#f9f9f9; }
.con_list2 td.pop1 { padding:10px 5px 10px 5px; height:60px; }
.con_list2 td.pop2 { padding:10px 10px 10px 10px; }
.con_list2 td.op1 { text-align:left; padding:10px 20px 10px 20px; }
.con_list2 td.op2 { text-align:left; padding:6px 20px 6px 20px; }
.con_list2 td a.op1 { font-family:"NotoM"; color:#111111; font-size:15px; }
.con_list2 dl { overflow:hidden; }
.con_list2 dl dt { margin:0 0 5px 0; padding:0 0 0 10px; position:relative; font-family:"NotoR"; color:#555555; font-size:14px; text-align:left; line-height:1.4; letter-spacing:-0.03em; word-break:keep-all; transition:all 0.3s ease; }
.con_list2 dl dt:last-child { margin:0 0 0 0; }
.con_list2 dl dt:before { display:inline-block; position:absolute; left:0; top:8px; content:""; width:3px; height:3px; border-radius:100%; background-color:#555555; }

.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_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("../../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("../../images/arrow_up.png") no-repeat right 20px center; }
.con_prevnext ul li.tit.op2 { background:#f8f8f8 url("../../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_private { margin:80px 0 0 0; overflow:hidden; word-break:keep-all; transition:all 0.3s ease; }
.con_private .txt1 { margin:20px 0 0 0; font-weight:400; color:#555555; font-size:15px; line-height:1.5; letter-spacing:-0.03em; transition:all 0.3s ease; }
.con_private .txt2 { padding:30px 30px 30px 30px; font-weight:400; color:#555555; font-size:15px; line-height:1.5; letter-spacing:-0.03em; background:#f7f7f7; border-radius:36px; transition:all 0.3s ease; }
.con_private .txt2.op1 { padding:40px 30px 40px 120px; background:#f7f7f7 url("../../images/etc_01.png") no-repeat 50px 40px; background-size:auto 40px; }
.con_private .txt2.op2 { padding:40px 30px 40px 120px; background:#f7f7f7 url("../../images/etc_02.png") no-repeat 50px 40px; background-size:auto 40px; }
.con_private .txt2.op3 { padding:40px 30px 40px 120px; background:#f7f7f7 url("../../images/etc_03.png") no-repeat 50px 40px; background-size:auto 40px; }
.con_private .txt2 span { margin:10px 0 0 0; display:block; font-weight:500; color:#111111; }
.con_private h2 { margin:50px 0 0 0; font-weight:600; font-size:24px; color:#010101; line-height:1.4; letter-spacing:-0.03em; transition:all 0.3s ease; }
.con_private h2.mop1 { margin:0 0 0 0; }
.con_private h3 { margin:50px 0 0 0; font-weight:500; font-size:18px; color:#111111; line-height:1.4; letter-spacing:-0.03em; transition:all 0.3s ease; }
.con_private h3.mop1 { margin:0 0 0 0; }
.con_private ul { margin:15px 0 0 10px; overflow:hidden; }
.con_private ul li { margin:0 0 7px 0; font-weight:400; color:#444444; font-size:15px; line-height:1.5; letter-spacing:-0.03em; transition:all 0.3s ease; }
.con_private ul li.op1 { padding:0 0 0 10px; position:relative; }
.con_private ul li.op1:before { position:absolute; left:0; top:10px; display:inline-block; content:""; width:3px; height:3px; border-radius:100%; background:#111111; }
.con_private ul li.tit { font-weight:500; color:#111111; }
.con_private ul li.tit2 { font-weight:500 !important; color:#111111 !important; }
.con_private ul li.in { margin:0 0 10px 0; padding:0 0 0 13px; font-weight:400; color:#777777; font-size:14px; line-height:1.4; letter-spacing:-0.03em; }
.con_private ul li.in2 { padding:0 0 0 15px; font-weight:400; color:#888888; font-size:13px; line-height:1.4; letter-spacing:-0.03em; }
.con_private ul li.fop1 { color:#f67400; }
.con_private ul a.deco { font-weight:500; color:#111111; text-decoration:underline; text-underline-position:under; }
.con_private .con1 { margin:15px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
.con_private .con1 ul { overflow:hidden; border:1px solid #e2e2e2; border-width:1px 0 0 1px; }
.con_private .con1 ul li { padding:30px 20px 20px 20px; float:left; width:25%; text-align:center; border:1px solid #e2e2e2; border-width:0 1px 1px 0; transition:all 0.3s ease; }
.con_private .con1 ul li img { margin:0 auto; transition:all 0.3s ease; }
.con_private .con1 ul li span { margin:20px 0 0 0; display:block; font-weight:500; color:#111111; font-size:15px; text-align:center; line-height:1.4; letter-spacing:-0.03em; transition:all 0.3s ease; }
.con_private .noti { margin:8px 0 0 0; transition:all 0.3s ease; }
.con_private .noti dl { overflow:hidden; }
.con_private .noti dl dt { margin:0 0 3px 0; padding:0 0 0 17px; font-weight:400; color:#f74e3f; font-size:14px; line-height:1.3; letter-spacing:-0.03em; word-break:keep-all; transition:all 0.3s ease; }
.con_private .noti dl dt:last-child { margin:0 0 0 0; }
.con_private .noti dl dt:before { margin:0 5px 0 -15px; content:"※"; }

.con_private2 { margin:80px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
.con_private2 h2 { margin:40px 0 10px 0; font-weight:600; font-size:18px; color:#010101; line-height:1.4; letter-spacing:-0.03em; transition:all 0.3s ease; }
.con_private2 h2.mop1 { margin:0 0 15px 0; }
.con_private2 h2.bgop1 { background:url("../../images/private2_02.png") no-repeat 0 0, url("../../images/private2_01.png") no-repeat 35px 0, url("../../images/private2_03.png") no-repeat 65px 0; background-size:auto 30px, auto 30px, auto 30px; padding:3px 0 5px 100px; }
.con_private2 h2.bgop2 { background:url("../../images/private2_02.png") no-repeat 0 0; background-size:auto 30px; padding:3px 0 5px 36px; }
.con_private2 h2.bgop3 { background:url("../../images/private2_05.png") no-repeat 0 0; background-size:auto 30px; padding:3px 0 5px 36px; }
.con_private2 h2.bgop4 { background:url("../../images/private2_06.png") no-repeat 0 0; background-size:auto 30px; padding:3px 0 5px 36px; }
.con_private2 h2.bgop5 { background:url("../../images/private2_04.png") no-repeat 0 0; background-size:auto 30px; padding:3px 0 5px 36px; }
.con_private2 h2.bgop6 { background:url("../../images/private2_10.png") no-repeat 0 0; background-size:auto 30px; padding:3px 0 5px 36px; }
.con_private2 h2.bgop7 { background:url("../../images/private2_07.png") no-repeat 0 0; background-size:auto 30px; padding:3px 0 5px 36px; }
.con_private2 h2.bgop8 { background:url("../../images/private2_17.png") no-repeat 0 0; background-size:auto 30px; padding:3px 0 5px 36px; }
.con_private2 h2.bgop9 { background:url("../../images/private2_12.png") no-repeat 0 0; background-size:auto 30px; padding:3px 0 5px 36px; }
.con_private2 h2.bgop10 { background:url("../../images/private2_09.png") no-repeat 0 0; background-size:auto 30px; padding:3px 0 5px 36px; }
.con_private2 h2.bgop11 { background:url("../../images/private2_14.png") no-repeat 0 0; background-size:auto 30px; padding:3px 0 5px 36px; }
.con_private2 h2.bgop12 { background:url("../../images/private2_15.png") no-repeat 0 0; background-size:auto 30px; padding:3px 0 5px 36px; }
.con_private2 span.fop1 { margin:5px 0 0 0; display:block; font-weight:500; font-size:14px; color:#e1290d; }
.con_private2 .txt1 { overflow:hidden; font-weight:400; color:#333333; font-size:15px; line-height:1.4; letter-spacing:-0.03em; word-break:keep-all; transition:all 0.3s ease; }
.con_private2 .txt1.mop1 { margin:10px 0 0 0;  }
.con_private2 .txt2 { overflow:hidden; border:2px solid #007cd0; padding:25px 25px 25px 25px; font-weight:400; color:#111111; font-size:15px; line-height:1.4; letter-spacing:-0.03em; background:#fafafa; border-radius:12px; word-break:keep-all; transition:all 0.3s ease; }
.con_private2 .txt3 { padding:30px 30px 30px 30px; font-weight:400; color:#555555; font-size:15px; line-height:1.5; letter-spacing:-0.03em; background:#f7f7f7; border-radius:36px; word-break:keep-all; transition:all 0.3s ease; }
.con_private2 .txt3.op1 { padding:40px 30px 40px 120px; background:#f7f7f7 url("../../images/etc_01.png") no-repeat 50px 40px; background-size:auto 40px; }
.con_private2 .txt3.op2 { padding:40px 30px 40px 120px; background:#f7f7f7 url("../../images/etc_02.png") no-repeat 50px 40px; background-size:auto 40px; }
.con_private2 .txt3.op3 { padding:40px 30px 40px 120px; background:#f7f7f7 url("../../images/etc_03.png") no-repeat 50px 40px; background-size:auto 40px; }
.con_private2 .txt3 span { margin:10px 0 0 0; display:block; font-weight:500; color:#111111; }
.con_private2 ul.list { overflow:hidden; margin:10px 0 0 0; }
.con_private2 ul.list li { margin:0 0 5px 0; font-weight:400; color:#444444; font-size:15px; line-height:1.5; letter-spacing:-0.03em; word-break:keep-all; transition:all 0.3s ease; }
.con_private2 ul.list li.in { padding:0 0 0 10px; font-weight:400; color:#555555; font-size:14px; line-height:1.4; }
.con_private2 ul.list li.in2 { padding:0 0 0 20px; font-weight:400; color:#777777; font-size:14px; line-height:1.4; }
.con_private2 ul.list li.in3 { padding:0 0 0 25px; font-weight:400; color:#828282; font-size:13px; line-height:1.3; }
.con_private2 ul.list li.fop1 { font-weight:500; color:#e1290d; } /* 빨강 */
.con_private2 ul.list li.fop1.op1 { font-size:14px; }
.con_private2 ul.list li.fop2 { font-weight:500; color:#d16300; } /* 오렌지 */
.con_private2 ul.list li.fop3 { font-weight:500; color:#007cd0; } /* 파랑 */
.con_private2 ul.list li.fop3 a { font-weight:500; color:#007cd0; } /* 파랑 */
.con_private2 ul.list li.fop4 { font-weight:600; color:#111111; }
.con_private2 ul.list li.fop5 { color:#f67400; }
.con_private2 ul.list li.fop6 { color:#e64746; }
.con_private2 ul.list li.fop7 { font-weight:500; color:#111111; }
.con_private2 ul.list li.btns { padding:0 0 0 10px; }
.con_private2 ul.list li a.deco { font-weight:500; color:#111111; text-decoration:underline; }
.con_private2 ul.list span { font-weight:600; font-size:17px; color:#ff6800; letter-spacing:-0.03em; }
.con_private2 .con1 { margin:10px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
.con_private2 .con1_c { margin:0 10px 0 0; padding:120px 10px 25px 10px; float:left; width:calc((100% - 50px) / 6); border:1px solid #cccccc; border-radius:8px; transition:all 0.3s ease; }
.con_private2 .con1_c:last-child { margin:0 0 0 0; }
.con_private2 .con1_c h6 { font-weight:600; color:#111111; font-size:17px; text-align:center; letter-spacing:-0.03em; transition:all 0.3s ease; }
.con_private2 .con1_c.bgop1 { background:url("../../images/private2_02.png") no-repeat center 30px; background-size:auto 70px; }
.con_private2 .con1_c.bgop2 { background:url("../../images/private2_01.png") no-repeat center 30px; background-size:auto 70px; }
.con_private2 .con1_c.bgop3 { background:url("../../images/private2_03.png") no-repeat center 30px; background-size:auto 70px; }
.con_private2 .con1_c.bgop4 { background:url("../../images/private2_05.png") no-repeat center 30px; background-size:auto 70px; }
.con_private2 .con1_c.bgop5 { background:url("../../images/private2_06.png") no-repeat center 30px; background-size:auto 70px; }
.con_private2 .con1_c.bgop6 { background:url("../../images/private2_17.png") no-repeat center 30px; background-size:auto 70px; }
.con_private2 a.link1 { display:inline-block; padding:5px 10px 5px 10px; font-size:13px; background:#666666; font-weight:400; color:#ffffff; text-align:center; line-height:1.0; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }
.con_private2 a.link1:hover { background:#444444; }

.con_pageinfo { overflow:hidden; transition:all 0.3s ease; }
.con_pageinfo h2 { color:#111111; font-size:36px; font-weight:600; text-align:center; letter-spacing:-0.02em; word-break:keep-all; 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:32px 20px 32px 20px; overflow:hidden; color:#111111; font-size:17px; font-weight:900; background:url("../../images/logo_01.png") no-repeat 20px 23px; background-size:auto 18px; border-bottom:1px solid #999999; }
.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:64px; height:64px; background:url("../../images/close_01.png") no-repeat center center; background-size:23px; 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:#ff1dec; }
.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("../../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("../../images/plus_01.png"); background-repeat:no-repeat; background-size:auto 12px; }

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


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

	.con_service { padding:0 0 350px 0; }
	.con_service.bgop1 { background:#433878 url("../../images/service2_01.png") no-repeat right -20px bottom -20px; background-size:auto 300px; }
	.con_service.bgop2 { background:#5a3878 url("../../images/service2_02.png") no-repeat right -20px bottom -20px; background-size:auto 300px; }
	.con_service.bgop3 { background:#384578 url("../../images/service2_03.png") no-repeat right -20px bottom -20px; background-size:auto 300px; }
	.con_service.bgop4 { background:#385a78 url("../../images/service2_04.png") no-repeat right -20px bottom -20px; background-size:auto 300px; }
	.con_service.bgop5 { background:#586378 url("../../images/service2_05.png") no-repeat right -20px bottom -20px; background-size:auto 300px; }
	.con_service_c2 { padding:0 0 0 0; }
	.con_service_c2 br.op1 { display:none; }
	.con_service_c2 br.op2 { display:initial; }

}

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

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

	.con_sitemap { padding:80px 50px 100px 50px; }
	.con_sitemap_c1 { font-size:36px; }
	.con_sitemap_c2 .con1 h3 { font-size:18px; }
	.con_sitemap_c2 .con1 ul { padding:35px 35px 35px 35px }
	.con_sitemap_c2 .con1 ul li a { font-size:15px; }
	.con_sitemap_c2 .con1 ul li a:before { top:16px; width:3px; height:3px; }

	header .con2 ul li { margin:0 90px 0 0; }

	.con_header .con2 ul li { margin:0 90px 0 0; }

	footer .container { padding:150px 20px 80px 20px; background:url("../../images/logo_03.png") no-repeat 20px 80px; background-size:auto 22px; }

	#con_content.op1 { padding:90px 0 160px 0; }
	#con_content.op3 { padding:90px 0 0 0; background:url("../../images/bg_09.png") no-repeat right 0  top 20px; background-size:auto 300px; }
	#con_content.op4 { padding:90px 0 0 0; }

	.con_mvisual video { height:700px; }
	.con_mvisual .con1 { left:20px; top:230px; }
	.con_mvisual .con1 h2 { font-size:50px; }
	.con_mvisual .con1 p { margin:40px 0 0 0; font-size:22px; }

	.con_mvisual2 .con1 { top:100px; }
	.con_mvisual2 .con1 h2 { font-size:45px; }
	.con_mvisual2 .con1 p { font-size:19px; }
	.con_mvisual2 .con2 video { height:420px; }

	.con_mvisual3 .con1 { top:200px; }
	.con_mvisual3 .con1 h2 { font-size:60px; }
	.con_mvisual3 .con1 p { font-size:24px; }
	.con_mvisual3 .con3 { top:200px; }
	.con_mvisual3 .con3 h2 { font-size:60px; }
	.con_mvisual3 .con2 video { height:700px; }

	.con_mcont { padding:120px 0 120px 0; }
	.con_mcont h2 { font-size:60px; }
	.con_mcont p { font-size:22px; }
	.con_mcont_c { margin:100px 0 0 0; }
	.con_mcont_c .con1 { margin:0 30px 0 0; width:calc((100% - 60px) / 3); }
	.con_mcont_c .con1 h3 { font-size:33px; }
	.con_mcont_c .con1 span { font-size:17px; }

	.con_mcont2 { padding:120px 0 120px 0; }
	.con_mcont2 h2 { font-size:60px; }
	.con_mcont2 h2 span { font-size:18px; }
	.con_mcont2 p { margin:50px 0 0 0; font-size:17px; }
	.con_mcont2 p span { font-size:22px; }
	.con_mcont2_c { margin:80px 0 0 0; }
	.con_mcont2_c .con1 { margin:0 30px 0 0; padding:150px 30px 50px 30px; width:calc((100% - 60px) / 3); height:auto; border-radius:60px; }
	.con_mcont2_c .con1.bgop1 { background:#0c2542 url("../../images/mcon2_01.png") no-repeat center 50px; background-size:auto 70px; }
	.con_mcont2_c .con1.bgop2 { background:#0c2542 url("../../images/mcon2_02.png") no-repeat center 50px; background-size:auto 70px; }
	.con_mcont2_c .con1.bgop3 { background:#0c2542 url("../../images/mcon2_03.png") no-repeat center 50px; background-size:auto 70px; }
	.con_mcont2_c .con1 h3 { font-size:28px; }
	.con_mcont2_c .con1 p { height:auto; font-size:17px; }

	.con_mcont3 { padding:120px 0 120px 0; }
	.con_mcont3 h2 { font-size:60px; }
	.con_mcont3 h2 span { font-size:18px; }
	.con_mcont3 p { margin:50px 0 0 0; font-size:17px; }
	.con_mcont3 p span { font-size:22px; }
	.con_mcont3_c { margin:80px 0 0 0; }
	.con_mcont3_c .con1 { height:380px; }
	.con_mcont3_c .con1 h3 { font-size:28px; }
	.con_mcont3_c .con1 p { padding:30px 40px 30px 40px; font-size:15px; }

	.con_mcont4 { padding:100px 0 100px 0; }
	.con_mcont4 h2 { font-size:45px; }
	.con_mcont4 p { font-size:19px; }
	.con_mcont4_c { margin:50px 0 0 0; }
	.con_mcont4_c .con1 { margin:0 25px 0 0; width:calc((100% - 50px) / 3); height:370px; }

	.con_mcont5 h2 { font-size:55px; }
	.con_mcont5 p { font-size:19px; }
	.con_mcont5 .con1 { padding:0 20px 0 20px; }
	.con_mcont5 .con1_c { padding:80px 60px 80px 60px; height:600px; }
	.con_mcont5 .con1_c.bgop1 { background-size:auto 320px; }
	.con_mcont5 .con1_c.bgop2 { background-size:auto 280px; }
	.con_mcont5 .con1_c.bgop3 { background-size:auto 320px; }
	.con_mcont5 .con1_c.bgop4 { background-size:auto 280px; }
	.con_mcont5 .con1_c ul { margin:60px 280px 0 0; }

	.con_mcont6 { padding:100px 0 100px 0; }
	@keyframes con_mcont6_ani1 {
		0% { background:#f1eaff url("../../images/bg_02.png") no-repeat right 0 bottom 0; background-size:auto 250px; }
		100% { background:#f1eaff url("../../images/bg_02.png") no-repeat right 0 bottom 20px; background-size:auto 250px; }
	}
	.con_mcont6 h2 { font-size:35px; }
	.con_mcont6 p { font-size:19px; }
	.con_mcont6 .con1 { margin:70px 0 0 0; }

	.con_mcont7 { padding:80px 0 80px 0; }
	.con_mcont7 h2 { font-size:35px; }
	.con_mcont7 p { font-size:17px; }
	.con_mcont7_c { margin:50px 0 0 0; }
	.con_mcont7_c .con1 { margin:0 25px 0 0; width:calc((100% - 50px) / 3); height:370px; }

	.con_mcont8 h2 { font-size:55px; }
	.con_mcont8 p { font-size:19px; }
	.con_mcont8 .con1 { padding:0 20px 0 20px; }
	.con_mcont8 .con1_c { padding:80px 60px 80px 60px; height:600px; }
	.con_mcont8 .con1_c.bgop1 { background-size:auto 300px; }
	.con_mcont8 .con1_c.bgop2 { background-size:auto 300px; }
	.con_mcont8 .con1_c.bgop3 { background-size:auto 300px; }
	.con_mcont8 .con1_c.bgop4 { background-size:auto 300px; }
	.con_mcont8 .con1_c ul { margin:60px 280px 0 0; }

	.con_mcont9 { padding:90px 0 90px 0; background:url("../../images/bg_06.png") no-repeat right 250% top 0; background-size:auto 600px; }
	.con_mcont9 h2 { font-size:30px; }
	.con_mcont9 p { font-size:17px; }
	.con_mcont9 .con1 { margin:70px 0 0 0; }

	.con_svisual { margin:80px 0 0 0; }
	.con_svisual .con1 h2 { font-size:36px; }

	.con_txt h3 { font-size:36px; }
	.con_txt p { font-size:17px; }

	.con_txt2 { margin:90px 0 0 0; font-size:21px; }

	.con_tit { margin:80px 0 0 0; font-size:26px; }

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

	.con_service.bgop1 { background-size:auto 400px; }
	.con_service.bgop2 { background-size:auto 400px; }
	.con_service.bgop3 { background-size:auto 400px; }
	.con_service.bgop4 { background-size:auto 400px; }
	.con_service.bgop5 { background-size:auto 400px; }
	.con_service_c1 { margin:-80px 40px 0 40px; }
	.con_service_c2 { margin:100px 0 0 0; padding:0 20px 0 20px; }
	.con_service_c2 p { padding:0 340px 0 0; }

	.con_service2 { padding:0 20px 200px 20px; }
	.con_service2 .desc ul { margin:50px 0 0 0; }

	.con_service3 { padding:100px 20px 180px 20px; background-size:auto 600px, auto 300px; transition:all 0.3s ease; }
	.con_service3 h3 { right:20px; }
	.con_service3 ul { margin:50px 0 0 0; }

	.con_service4 { margin:-60px 0 0 0; padding:0 20px 120px 20px; }
	.con_service4_c { padding:70px 0 0 0; }
	.con_service4_c.op1 ul { height:320px; }

	.con_sol { padding:40px 40px 50px 40px; }
	.con_sol .con1 { padding:50px 30px 50px 30px; }

	.con_sol2 { padding:40px 40px 40px 40px; }
	.con_sol2 .con1 { padding:10px 0 0 380px; }
	.con_sol2 .con1:before { width:330px; height:200px; }

	.con_sol3 { padding:40px 40px 40px 40px; }
	.con_sol3 .con1 { height:370px; }

	.con_contact { margin:80px 0 0 0; background:url("../../images/bg_01.png") no-repeat right -300px bottom -600px; }
	.con_contact .con1 { margin:90px 0 0 0; }
	.con_contact h4 { font-size:26px; }
	.con_contact ul { margin:40px 0 0 3px; }
	.con_contact ul.mop1 { margin:35px 0 0 3px; }

	.con_contact2 h3 { font-size:33px; }
	.con_contact2 p { font-size:17px; }

	.con_introduction { padding:0 0 150px 0; }
	@keyframes con_introduction_ani1 { 0% { background:url("../../images/arrow_02.png") no-repeat center bottom 0px; background-size:auto 70px; } 100% { background:url("../../images/arrow_02.png") no-repeat center bottom 10px; background-size:auto 70px; } }
	.con_introduction h3 { font-size:33px; }
	.con_introduction p { font-size:17px; }

	.con_vision video { height:1280px; }
	.con_vision_c { padding:90px 0 0 0; }
	.con_vision_c .con2 { margin:100px 0 0 0; }
	.con_vision_c .con2 h2 { font-size:70px; }
	.con_vision_c .con2 ul li { padding:50px 25px 50px 25px; }
	.con_vision_c .con2 ul li h3 { font-size:22px; }

	.con_vision2 video { height:550px; }
	.con_vision2_c { padding:110px 0 0 0; }
	.con_vision2_c h2 { font-size:50px; }
	.con_vision2_c p { font-size:22px; }

	.con_history { padding:100px 0 100px 0; }
	.con_history h2 { font-size:70px; }
	.con_history ul li { padding:50px 25px 50px 25px; }
	.con_history ul li h3 { font-size:22px; }

	.con_competence { padding:90px 0 90px 0; }
	.con_competence h2 { font-size:45px; }
	.con_competence ul { margin:50px 0 0 0; }

	.con_org { margin:90px 0 0 0; }
	.con_org .con1 ul.op1 li { width:280px; }
	.con_org .con1 ul.op2 li { width:280px; }
	.con_org .con1 ul.op2 li.tit:before { left:-170px; width:168px; }
	.con_org .con2:before { left:11.4%; width:77.5%; }

	.con_location { padding:90px 0 0 0; }
	.con_location .con2 { margin:70px 0 0 0; }
	.con_location .con2 .map_wrap { height:600px; }
	.con_location .con3 { right:20px; }

	.con_private2 { margin:60px 0 0 0; }
	.con_private2 .con1_c { margin:0 5px 0 0; padding:120px 5px 25px 5px; width:calc((100% - 25px) / 6); }
	.con_private2 .con1_c h6 { font-size:16px; }

}

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

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

			.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; transition:all 0.3s ease; }
			.navbar a.logo img { height:20px; transition:all 0.3s ease; }
			.navbar a.link1 { position:absolute; right:20px; top:21px; }

			.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; letter-spacing:0.02em; background:#3D365C; transition:all 0.3s ease; }
			.navbar_lnb ul li a.on { background:#C95792; }
			.navbar_lnb ul li a:hover { background:#C95792; }

			footer .container { padding:130px 20px 60px 20px; background:url("../../images/logo_03.png") no-repeat 20px 60px; background-size:auto 20px; }
			footer .con2 ul li { float:initial; }
			footer .con2 ul li:last-child { margin:10px 0 0 0; float:initial; }

			#con_content.op1 { padding:80px 0 120px 0; }
			#con_content.op3 { padding:80px 0 0 0; background:url("../../images/bg_09.png") no-repeat right 0  top 0; background-size:auto 250px; }
			#con_content.op4 { padding:80px 0 0 0; }

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

			.con_mvisual video { height:600px; }
			.con_mvisual .con1 { top:130px; }
			.con_mvisual .con1 h2 { font-size:40px; }
			.con_mvisual .con1 p { margin:35px 0 0 0; font-size:20px; }

			.con_mvisual2 .con1 { top:90px; }
			.con_mvisual2 .con1 h2 { font-size:40px; }
			.con_mvisual2 .con1 p { font-size:18px; }
			.con_mvisual2 .con2  { border-radius:60px; }
			.con_mvisual2 .con2 video { height:350px; }

			.con_mvisual3 { margin:0 0 0 0; }
			.con_mvisual3 .con1 { top:120px; }
			.con_mvisual3 .con1 h2 { font-size:50px; }
			.con_mvisual3 .con1 p { font-size:20px; }
			.con_mvisual3 .con3 { top:120px; }
			.con_mvisual3 .con3 h2 { font-size:50px; }
			.con_mvisual3 .con2 video { height:500px; }

			.con_mcont { padding:100px 0 100px 0; }
			.con_mcont h2 { font-size:50px; }
			.con_mcont p { font-size:20px; }
			.con_mcont_c { margin:80px 0 0 0; }
			.con_mcont_c .con1 { margin:0 20px 0 0; width:calc((100% - 40px) / 3); }
			.con_mcont_c .con1 h3 { font-size:30px; }
			.con_mcont_c .con1 span { height:40px; font-size:16px; }
			.con_mcont_c .con1 img { border-radius:12px; }
			.con_mcont_c .con1 p { font-size:15px; }

			.con_mcont2 { padding:100px 0 100px 0; }
			.con_mcont2 h2 { font-size:50px; }
			.con_mcont2 h2 span { font-size:16px; }
			.con_mcont2 p { margin:40px 0 0 0; font-size:16px; line-height:1.4; }
			.con_mcont2 p span { font-size:20px; }
			.con_mcont2_c { margin:60px 0 0 0; }
			.con_mcont2_c .con1 { margin:0 20px 0 0; padding:150px 0 50px 0; width:calc((100% - 40px) / 3); border-radius:48px; }
			.con_mcont2_c .con1.bgop1 { background:#0c2542 url("../../images/mcon2_01.png") no-repeat center 50px; background-size:auto 60px; }
			.con_mcont2_c .con1.bgop2 { background:#0c2542 url("../../images/mcon2_02.png") no-repeat center 50px; background-size:auto 60px; }
			.con_mcont2_c .con1.bgop3 { background:#0c2542 url("../../images/mcon2_03.png") no-repeat center 50px; background-size:auto 60px; }
			.con_mcont2_c .con1 h3 { font-size:26px; }
			.con_mcont2_c .con1 p { padding:0 20px 0 20px; height:60px; font-size:16px; line-height:1.3; }
			.con_mcont2_c .con1 p br { display:none; }

			.con_mcont3 { padding:100px 0 100px 0; }
			.con_mcont3 h2 { font-size:50px; }
			.con_mcont3 h2 span { font-size:16px; }
			.con_mcont3 p { margin:40px 0 0 0; font-size:16px; line-height:1.4; }
			.con_mcont3 p span { font-size:20px; }
			.con_mcont3_c { margin:60px 0 0 0; }
			.con_mcont3_c .con1 { margin:0 20px 20px 0; padding:40px 0 0 40px; width:calc((100% - 20px) / 2); height:360px; }
			.con_mcont3_c .con1 h3 { font-size:26px; }
			.con_mcont3_c .con1 p { padding:30px 30px 30px 30px; font-size:15px; }

			.con_mcont4 { padding:80px 0 80px 0; }
			.con_mcont4 h2 { font-size:40px; }
			.con_mcont4 p { font-size:18px; }
			.con_mcont4_c { margin:40px 0 0 0; }
			.con_mcont4_c .con1 { margin:0 20px 0 0; width:calc((100% - 40px) / 3); height:390px; }
			.con_mcont4_c .con1 h3 { font-size:24px; }
			.con_mcont4_c .con1 span { font-size:14px; }
			.con_mcont4_c .con1 p { font-size:15px; }
			.con_mcont4_c2 { margin:60px 0 0 0; }
			.con_mcont4_c2 a { font-size:16px; }

			.con_mcont5 { padding:100px 0 100px 0; }
			.con_mcont5 h2 { font-size:50px; }
			.con_mcont5 p { font-size:18px; }
			.con_mcont5 .con1 { margin:60px 0 0 0; }
			.con_mcont5 .con1_c { padding:50px 30px 50px 30px; height:550px; }
			.con_mcont5 .con1_c.bgop1 { background-size:auto 240px; }
			.con_mcont5 .con1_c.bgop2 { background-size:auto 220px; }
			.con_mcont5 .con1_c.bgop3 { background-size:auto 240px; }
			.con_mcont5 .con1_c.bgop4 { background-size:auto 220px; }
			.con_mcont5 .con1_c var { right:-1.8%; top:-80px; font-size:240px; }
			.con_mcont5 .con1_c h3 { font-size:35px; }
			.con_mcont5 .con1_c h3 i { font-size:18px; }
			.con_mcont5 .con1_c em { font-size:16px; }
			.con_mcont5 .con1_c ul { margin:50px 100px 0 0; }
			.con_mcont5 .con1_c ul li { padding:0 0 10px 10px; font-size:15px; }
			.con_mcont5 .con1_c .btns { margin:80px 0 0 0; }
			.con_mcont5 .con1_c .btns a { padding:15px 60px 15px 60px; font-size:14px; }

			.con_mcont6 { padding:80px 0 80px 0; }
			@keyframes con_mcont6_ani1 {
				0% { background:#f1eaff url("../../images/bg_02.png") no-repeat right 0 bottom 0; background-size:auto 180px; }
				100% { background:#f1eaff url("../../images/bg_02.png") no-repeat right 0 bottom 15px; background-size:auto 180px; }
			}
			.con_mcont6 h2 { font-size:30px; }
			.con_mcont6 p { font-size:18px; }
			.con_mcont6 .con1 { margin:50px 0 0 0; }
			.con_mcont6 .con1 ul li { font-size:15px; }
			.con_mcont6 .con2 { margin:60px 0 0 0; }
			.con_mcont6 .con2 a { font-size:16px; }

			.con_mcont7 { padding:60px 0 60px 0; }
			.con_mcont7 h2 { font-size:30px; }
			.con_mcont7 p { font-size:16px; }
			.con_mcont7_c { margin:40px 0 0 0; }
			.con_mcont7_c .con1 { margin:0 20px 0 0; width:calc((100% - 40px) / 3); height:390px; border-radius:36px; }
			.con_mcont7_c .con1 h3 { font-size:24px; }
			.con_mcont7_c .con1 span { font-size:16px; }
			.con_mcont7_c .con1 p { font-size:15px; }
			.con_mcont7_c2 { margin:60px 0 0 0; }
			.con_mcont7_c2 a { font-size:14px; }

			.con_mcont8 { padding:80px 0 80px 0; }
			.con_mcont8 h2 { font-size:50px; }
			.con_mcont8 p { font-size:18px; }
			.con_mcont8 .con1 { margin:60px 0 0 0; }
			.con_mcont8 .con1_c { padding:50px 30px 50px 30px; height:550px; }
			.con_mcont8 .con1_c.bgop1 { background:#433878 url("../../images/service2_01.png") no-repeat right -20px bottom -20px; background-size:auto 240px; }
			.con_mcont8 .con1_c.bgop2 { background:#433878 url("../../images/service2_02.png") no-repeat right -20px bottom -20px; background-size:auto 240px; }
			.con_mcont8 .con1_c.bgop3 { background:#433878 url("../../images/service2_03.png") no-repeat right -20px bottom -20px; background-size:auto 240px; }
			.con_mcont8 .con1_c.bgop4 { background:#433878 url("../../images/service2_04.png") no-repeat right -20px bottom -20px; background-size:auto 240px; }
			.con_mcont8 .con1_c var { font-size:19px; }
			.con_mcont8 .con1_c h3 { font-size:35px; }
			.con_mcont8 .con1_c h3 i { font-size:17px; }
			.con_mcont8 .con1_c em { font-size:16px; }
			.con_mcont8 .con1_c ul { margin:50px 100px 0 0; }
			.con_mcont8 .con1_c ul li { padding:0 0 10px 10px; font-size:15px; }
			.con_mcont8 .con1_c .btns { margin:80px 0 0 0; }
			.con_mcont8 .con1_c .btns a { padding:15px 60px 15px 60px; font-size:14px; }

			.con_mcont9 { padding:80px 0 80px 0; background:url("../../images/bg_06.png") no-repeat right 100% top 0; background-size:auto 550px; }
			.con_mcont9 h2 { font-size:28px; }
			.con_mcont9 p { font-size:16px; }
			.con_mcont9 .con1 { margin:50px 0 0 0; }
			.con_mcont9 .con1 ul { padding:30px 180px 30px 30px; }
			.con_mcont9 .con1 ul li { font-size:15px; }
			.con_mcont9 .con2 { margin:60px 0 0 0; }
			.con_mcont9 .con2 a { font-size:14px; }

			.con_svisual { margin:70px 0 0 0; }
			.con_svisual .con1 { top:70px; }
			.con_svisual .con1 h2 { font-size:33px; }
			.con_svisual .con2  { border-radius:60px; }
			.con_svisual .con2 video { height:180px; }

			.con_txt h3 { font-size:33px; }
			.con_txt p { font-size:16px; }

			.con_txt2 { margin:80px 0 0 0; font-size:20px; }

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

			.con_tab ul li { margin:0 10px 0 0; width:calc((100% - 40px) / 5); }
			.con_tab ul li a { padding:20px 5px 20px 5px;  border-radius:24px; }
			.con_tab ul li a span { font-size:17px; }

			.con_service { margin:60px 0 0 0; padding:0 0 300px 0; }
			.con_service.bgop1 { background-size:auto 300px; }
			.con_service.bgop2 { background-size:auto 300px; }
			.con_service.bgop3 { background-size:auto 300px; }
			.con_service.bgop4 { background-size:auto 300px; }
			.con_service.bgop5 { background-size:auto 300px; }
			.con_service_c1 { margin:-60px 20px 0 20px; }
			.con_service_c1 .con1 { margin:0 20px 0 0; padding:50px 20px 50px 20px; width:calc((100% - 20px) / 2); }
			.con_service_c1 .con1 h2 { font-size:22px; }
			.con_service_c1 ul { margin:25px 0 0 0; margin-left:auto; margin-right:auto; }
			.con_service_c1 ul li a { padding:5px 18px 5px 18px; }
			.con_service_c2 { margin:80px 0 0 0; }
			.con_service_c2 h1 { font-size:55px; }
			.con_service_c2 h2 { font-size:15px; }
			.con_service_c2 h3 { margin:60px 0 0 0; font-size:28px; }
			.con_service_c2 p { margin:25px 0 0 0; padding:0 0 0 0; font-size:17px; line-height:1.7; }

			.con_service2 { margin:-60px 0 0 0; padding:0 0 160px 0; }
			.con_service2 h3 { padding:80px 80px 80px 80px; font-size:24px; border-radius:48px; }
			.con_service2 p { margin:50px 0 0 0; font-size:17px; line-height:1.7; }
			.con_service2 .desc ul { margin:50px 0 0 0; }
			.con_service2 .desc ul li { margin:0 0 13px 0; font-size:15px; line-height:1.5; }
			.con_service2 .desc ul li.tit { margin:35px 0 15px 0; font-size:19px; }
			.con_service2 .imgs { margin:50px 0 0 0; padding:40px 40px 40px 40px; border-radius:24px; }

			.con_service3 { padding:90px 20px 160px 20px; background-position:right -30% bottom -30%, left -10% top -10%; background-size:auto 500px, auto 200px; }
			.con_service3 h3 { padding:80px 80px 80px 80px; top:-160px; font-size:24px; border-radius:48px; }
			.con_service3 p { margin:80px 0 0 0; font-size:17px; line-height:1.7; }
			.con_service3 ul { margin:50px 0 0 0; }
			.con_service3 ul li { margin:0 0 13px 0; font-size:15px; line-height:1.5; }
			.con_service3 ul li.tit { margin:35px 0 15px 0; font-size:19px; }

			.con_service4 { margin:-50px 0 0 0; padding:0 20px 100px 20px; }
			.con_service4 h3 { padding:80px 80px 80px 80px; font-size:24px; border-radius:48px; }
			.con_service4_c { padding:60px 0 0 0; }
			.con_service4_c .con1 { margin:0 10px 0 0; padding:30px 30px 30px 30px; width:calc((100% - 20px) / 3); border-radius:24px; }
			.con_service4_c .con1.bgop1 { background:#f9f9f9 url("../../images/service3_01.png") no-repeat right 30px bottom 30px; background-size:auto 40px; }
			.con_service4_c .con1.bgop2 { background:#f9f9f9 url("../../images/service3_02.png") no-repeat right 30px bottom 30px; background-size:auto 40px; }
			.con_service4_c .con1.bgop3 { background:#f9f9f9 url("../../images/service3_03.png") no-repeat right 30px bottom 30px; background-size:auto 40px; }
			.con_service4_c .con1 h4 { font-size:19px; }
			.con_service4_c ul { margin:25px 0 0 0; height:240px; }
			.con_service4_c.op1 ul { height:330px; }
			.con_service4_c ul li { margin:0 0 13px 0; font-size:15px; }

			.con_sol { font-size:17px; }
			.con_sol .con1 { margin:30px 0 0 0; padding:40px 30px 40px 30px; }

			.con_sol2 .con1 { margin:50px 0 0 0; padding:10px 0 0 300px; }
			.con_sol2 .con1:before { width:250px; height:200px; }
			.con_sol2 .con1 h4 { font-size:20px; }
			.con_sol2 .con1 ul li { margin:0 0 5px 0; font-size:15px; }
			.con_sol2 .con1 ul li:before { top:8px; }
			.con_sol2 .con1 ul li.op1 { font-size:14px; }

			.con_sol3 .con1 { margin:20px 0 0 0; padding:30px 30px 30px 150px; width:100%; height:auto; }
			.con_sol3 .con1:first-child { margin:0 0 0 0; }
			.con_sol3 .con1:last-child { margin:20px 0 0 0; }
			.con_sol3 .con1.bgop1 { background:#ffffff url("../../images/sol5_01.png") no-repeat 30px 40px; background-size:auto 70px; }
			.con_sol3 .con1.bgop2 { background:#ffffff url("../../images/sol5_02.png") no-repeat 35px 40px; background-size:auto 70px; }
			.con_sol3 .con1.bgop3 { background:#ffffff url("../../images/sol5_03.png") no-repeat 30px 40px; background-size:auto 70px; }
			.con_sol3 .con1 h4 { font-size:20px; text-align:left; }
			.con_sol3 .con1 ul { margin:20px 0 0 0; }
			.con_sol3 .con1 ul li { margin:0 0 5px 0; font-size:15px; }
			.con_sol3 .con1 ul li:before { top:8px; }

			.con_contact { margin:70px 0 0 0; background:url("../../images/bg_01.png") no-repeat right -500px bottom -600px; }
			.con_contact .con1 { margin:80px 0 0 0; }
			.con_contact h4 { font-size:24px; }
			.con_contact ul { margin:35px 0 0 3px; }
			.con_contact ul.mop1 { margin:30px 0 0 3px; }

			.con_contact2 h3 { font-size:30px; }
			.con_contact2 p { font-size:16px; }
			.con_contact2 .con1 { margin:70px 0 0 0; }
			.con_contact2 .con1 .container { padding:80px 10% 100px 10%; }

			.con_vod { margin:50px 0 0 0; }
			.con_vod video { height:70px; }

			.con_introduction { padding:0 0 130px 0; }
			@keyframes con_introduction_ani1 { 0% { background:url("../../images/arrow_02.png") no-repeat center bottom 0px; background-size:auto 60px; } 100% { background:url("../../images/arrow_02.png") no-repeat center bottom 10px; background-size:auto 60px; } }
			.con_introduction h3 { font-size:30px; }
			.con_introduction p { font-size:16px; }

			.con_vision { margin:80px 0 0 0; }
			.con_vision video { height:1180px; }
			.con_vision_c { padding:80px 0 0 0; }
			.con_vision_c .con1 h1 { font-size:18px; }
			.con_vision_c .con1 h2 { margin:40px 0 0 0; font-size:45px; }
			.con_vision_c .con1 p { font-size:18px; }
			.con_vision_c .con2 { margin:90px 0 0 0; }
			.con_vision_c .con2 h2 { font-size:60px; }
			.con_vision_c .con2 p { font-size:17px; }
			.con_vision_c .con2 ul li { margin:0 15px 0 0; padding:40px 20px 40px 20px; width:calc((100% - 30px) / 3); height:420px; font-size:16px; line-height:1.4; }
			.con_vision_c .con2 ul li:nth-child(1):before { right:30px; bottom:30px; width:59px; height:50px; background-size:auto 50px; }
			.con_vision_c .con2 ul li:nth-child(2):before { right:30px; bottom:30px; width:52px; height:50px; background-size:auto 50px; }
			.con_vision_c .con2 ul li:nth-child(3):before { right:30px; bottom:30px; width:58px; height:50px; background-size:auto 50px; }
			.con_vision_c .con2 ul li h3 { height:80px; font-size:20px; }
			.con_vision_c .con2 ul li h3 br { display:none; }

			.con_vision2 { margin:70px 0 0 0; }
			.con_vision2 video { height:500px; }
			.con_vision2_c { padding:100px 0 0 0; }
			.con_vision2_c h1 { font-size:18px; }
			.con_vision2_c h2 { margin:60px 0 0 0; font-size:45px; }
			.con_vision2_c p { font-size:20px; }

			.con_history { padding:80px 0 80px 0; }
			.con_history h2 { font-size:60px; }
			.con_history p { margin:30px 0 0 0; font-size:16px; }
			.con_history ul { margin:50px 0 0 0; }
			.con_history ul li { margin:0 15px 0 0; padding:40px 20px 40px 20px; width:calc((100% - 30px) / 3); height:430px; font-size:16px; line-height:1.5; border-radius:24px; }
			.con_history ul li:nth-child(1):before { right:30px; bottom:30px; width:59px; height:50px; background-size:auto 50px; }
			.con_history ul li:nth-child(2):before { right:30px; bottom:30px; width:52px; height:50px; background-size:auto 50px; }
			.con_history ul li:nth-child(3):before { right:30px; bottom:30px; width:58px; height:50px; background-size:auto 50px; }
			.con_history ul li h3 { height:80px; font-size:20px; }
			.con_history ul li h3 br { display:none; }

			.con_competence { padding:80px 0 80px 0; }
			.con_competence h2 { font-size:40px; }
			.con_competence ul { margin:40px 0 0 0; }
			.con_competence ul li { margin:0 0 25px 0; padding:45px 45px 45px 45px; font-size:16px; line-height:1.4; }
			.con_competence ul li:nth-child(1):before { right:40px; top:40px; }
			.con_competence ul li:nth-child(2):before { right:40px; top:40px; }
			.con_competence ul li:nth-child(3):before { right:40px; top:40px; }
			.con_competence ul li h3 { font-size:22px; }
			.con_competence ul li h3 span { font-size:17px; }

			.con_org { margin:80px 0 0 0; }
			.con_org .con1 ul.op1 li { padding:28px 5px 28px 5px; width:250px; font-size:18px; }
			.con_org .con1 ul.op2 li { padding:20px 5px 20px 5px; width:250px; font-size:18px; }
			.con_org .con1 ul.op2 { right:calc(50% - 350px); }
			.con_org .con1 ul.op2 li.tit:before { left:-100px; width:100px; }
			.con_org .con2:before { left:11.4%; width:77.5%; }
			.con_org .con2_1 ul li { font-size:18px; }

			.con_location { padding:80px 0 0 0; }
			.con_location .con1 ul li { margin:0 0 10px 0; font-size:15px; }
			.con_location .con1 ul li.tit { font-size:28px; }
			.con_location .con2 { margin:60px 0 0 0; }
			.con_location .con2 .map_wrap { height:500px; }
			.con_location .con3 ul li a { padding:10px 22px 10px 22px; font-size:15px; }

			.con_search ul { width:80%; }

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

			.con_pageinfo h2 { font-size:30px; text-align:left; }

			.con_private2 { margin:40px 0 0 0; }
			.con_private2 .con1_c { margin:0 15px 10px 0; padding:120px 10px 25px 10px; width:calc((100% - 30px) / 3); }
			.con_private2 .con1_c:last-child { margin:0 0 10px 0; }
			.con_private2 .con1_c:nth-child(3n) { margin:0 0 10px 0; }
			.con_private2 .con1_c h6 { font-size:16px; }

}

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

						.navbar a.logo img { height:19px; }

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

						footer .con1 ul li { margin:0 0 8px 0; font-size:14px; }
						footer .con1 ul li.tit { margin:0 0 25px 0; font-size:16px; }
						footer .con1 dl { margin:0 0 15px 0; }
						footer .con1 dl dt { margin:0 0 4px 0; float:initial; font-size:13px; }
						footer .con2 { margin:60px 0 0 0; overflow:hidden; }
						footer .con2 ul li { font-size:14px; }
						footer .con2 dl dt:after { font-size:13px; }
						footer .con2 dl dt a { font-size:13px; }

						#con_content.op1 { padding:50px 0 70px 0; }
						#con_content.op3 { padding:50px 0 0 0; background:url("../../images/bg_09.png") no-repeat right 0  top 30px; background-size:auto 200px; }
						#con_content.op4 { padding:50px 0 0 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 video { height:400px; }
						.con_mvisual .con1 { top:80px; }
						.con_mvisual .con1 h2 { font-size:30px; }
						.con_mvisual .con1 p { margin:30px 0 0 0; font-size:18px; }

						.con_mvisual2 .con1 { top:80px; }
						.con_mvisual2 .con1 h2 { font-size:30px; }
						.con_mvisual2 .con1 p { margin:25px 0 0 0; font-size:17px; }
						.con_mvisual2 .con2 { border-radius:36px; }
						.con_mvisual2 .con2 video { height:300px; }

						.con_mvisual3 .con1 { top:90px; }
						.con_mvisual3 .con1 h2 { font-size:40px; }
						.con_mvisual3 .con1 p { margin:30px 0 0 0; font-size:18px; }
						.con_mvisual3 .con3 { top:90px; }
						.con_mvisual3 .con3 h2 { font-size:40px; }
						.con_mvisual3 .con2 video { height:400px; }

						.con_mcont { padding:80px 0 80px 0; }
						.con_mcont h2 { font-size:40px; }
						.con_mcont p { margin:20px 0 0 0; font-size:18px; line-height:1.3; }
						.con_mcont_c { margin:60px 0 0 0; }
						.con_mcont_c .con1 { margin:0 0 50px 0; width:100%; }
						.con_mcont_c .con1 h3 { font-size:26px; }
						.con_mcont_c .con1 span { margin:15px 0 0 0; height:auto; font-size:15px; }
						.con_mcont_c .con1 p { margin:20px 0 0 0; }

						.con_mcont2 { padding:80px 0 80px 0; }
						.con_mcont2 h2 { font-size:40px; }
						.con_mcont2 h2 span { font-size:14px; }
						.con_mcont2 p { margin:35px 0 0 0; font-size:15px; }
						.con_mcont2 p span { font-size:18px; line-height:1.2; }
						.con_mcont2_c { margin:50px 0 0 0; }
						.con_mcont2_c .con1 { margin:0 0 20px 0; padding:120px 0 50px 0; width:100%; border-radius:24px; }
						.con_mcont2_c .con1.bgop1 { background:#0c2542 url("../../images/mcon2_01.png") no-repeat center 40px; background-size:auto 50px; }
						.con_mcont2_c .con1.bgop2 { background:#0c2542 url("../../images/mcon2_02.png") no-repeat center 40px; background-size:auto 50px; }
						.con_mcont2_c .con1.bgop3 { background:#0c2542 url("../../images/mcon2_03.png") no-repeat center 40px; background-size:auto 50px; }
						.con_mcont2_c .con1 h3 { font-size:25px; }
						.con_mcont2_c .con1 p { padding:0 20px 0 20px; height:auto; font-size:15px; }

						.con_mcont3 { padding:80px 0 80px 0; }
						.con_mcont3 h2 { font-size:40px; }
						.con_mcont3 h2 span { font-size:14px; }
						.con_mcont3 p { margin:35px 0 0 0; font-size:15px; }
						.con_mcont3 p span { font-size:18px; line-height:1.2; }
						.con_mcont3_c { margin:50px 0 0 0; }
						.con_mcont3_c .con1 { margin:0 0 20px 0; padding:30px 0 0 30px; width:100%; height:280px; border-radius:24px; }
						.con_mcont3_c .con1 h3 { font-size:25px; }
						.con_mcont3_c .con1 p { padding:20px 25px 20px 25px; font-size:14px; }

						.con_mcont4 { padding:60px 0 60px 0; }
						.con_mcont4 h2 { font-size:35px; }
						.con_mcont4 p { font-size:16px; }
						.con_mcont4_c { margin:30px 0 0 0; }
						.con_mcont4_c .con1 { margin:0 0 20px 0; padding:80px 30px 40px 30px; width:100%; height:auto; }
						.con_mcont4_c .con1.bgop1 { background:#fdf8f7 url("../../images/mcon4_01.png") no-repeat center 40px; background-size:auto 45px; }
						.con_mcont4_c .con1.bgop2 { background:#f4fcfd url("../../images/mcon4_02.png") no-repeat center 40px; background-size:auto 45px; }
						.con_mcont4_c .con1.bgop3 { background:#f8fbf6 url("../../images/mcon4_03.png") no-repeat center 40px; background-size:auto 50px; }
						.con_mcont4_c .con1 h3 { font-size:22px; }
						.con_mcont4_c2 { margin:50px 0 0 0; }
						.con_mcont4_c2 a { font-size:15px; }
						.con_mcont4_c2 a:after { top:0px; }

						.con_mcont5 { padding:70px 0 70px 0; }
						.con_mcont5 h2 { font-size:36px; }
						.con_mcont5 p { margin:20px 0 0 0; font-size:16px; }
						.con_mcont5 .con1 { margin:50px 0 0 0; padding:0 0 0 0; }
						.con_mcont5 .con1_c { margin:0 0 20px 0; padding:40px 30px 40px 30px; position:static; height:auto; border-radius:24px; }
						.con_mcont5 .con1_c:nth-child(2) { top:auto; }
						.con_mcont5 .con1_c:nth-child(3) { top:auto; }
						.con_mcont5 .con1_c.bgop1 { background-size:auto 140px; }
						.con_mcont5 .con1_c.bgop2 { background-size:auto 140px; }
						.con_mcont5 .con1_c.bgop3 { background-size:auto 140px; }
						.con_mcont5 .con1_c.bgop4 { background-size:auto 140px; }
						.con_mcont5 .con1_c var { display:none; }
						.con_mcont5 .con1_c span { font-size:16px; }
						.con_mcont5 .con1_c h3 { font-size:30px; }
						.con_mcont5 .con1_c h3 i { font-size:16px; }
						.con_mcont5 .con1_c em { font-size:15px; }
						.con_mcont5 .con1_c ul { margin:40px 0 0 0; }
						.con_mcont5 .con1_c ul li { padding:0 5px 15px 10px; font-size:14px; }
						.con_mcont5 .con1_c ul li:before { top:6px; }
						.con_mcont5 .con1_c .btns { margin:60px 0 0 0; }
						.con_mcont5 .con1_c .btns a { padding:13px 40px 13px 40px; font-size:13px; }

						.con_mcont6 { padding:60px 0 100px 0; }
						@keyframes con_mcont6_ani1 {
							0% { background:#f1eaff url("../../images/bg_02.png") no-repeat right 0 bottom 0; background-size:auto 120px; }
							100% { background:#f1eaff url("../../images/bg_02.png") no-repeat right 0 bottom 10px; background-size:auto 120px; }
						}
						.con_mcont6 h2 { font-size:25px; }
						.con_mcont6 p { margin:20px 0 0 0; font-size:16px; }
						.con_mcont6 .con1 { margin:30px 0 0 0; }
						.con_mcont6 .con2 { margin:40px 0 0 0; }
						.con_mcont6 .con2 a { font-size:15px; }
						.con_mcont6 .con2 a:after { top:0px; }

						.con_mcont7 { padding:40px 0 40px 0; }
						.con_mcont7 h2 { font-size:28px; }
						.con_mcont7 p { font-size:15px; }
						.con_mcont7_c { margin:30px 0 0 0; }
						.con_mcont7_c .con1 { margin:0 0 15px 0; padding:90px 30px 40px 30px; width:100%; height:auto; border-radius:24px; }
						.con_mcont7_c .con1.bgop1 { background:#ffffff url("../../images/mcon5_01.png") no-repeat center 40px; background-size:auto 50px; }
						.con_mcont7_c .con1.bgop2 { background:#ffffff url("../../images/mcon5_02.png") no-repeat center 40px; background-size:auto 50px; }
						.con_mcont7_c .con1.bgop3 { background:#ffffff url("../../images/mcon5_03.png") no-repeat center 40px; background-size:auto 55px; }
						.con_mcont7_c .con1 h3 { font-size:22px; }
						.con_mcont7_c .con1 span { font-size:15px; }
						.con_mcont7_c .con1 p { font-size:14px; }
						.con_mcont7_c2 { margin:50px 0 0 0; }
						.con_mcont7_c2 a { font-size:13px; }
						.con_mcont7_c2 a:after { top:10px; }

						.con_mcont8 { padding:60px 0 60px 0; }
						.con_mcont8 h2 { font-size:36px; }
						.con_mcont8 p { margin:20px 0 0 0; font-size:16px; }
						.con_mcont8 .con1 { margin:50px 0 0 0; padding:0 0 0 0; }
						.con_mcont8 .con1_c { margin:0 0 20px 0; padding:40px 30px 40px 30px; position:static; height:auto; border-radius:24px; }
						.con_mcont8 .con1_c2 { position:relative; }
						.con_mcont8 .con1_c:nth-child(2) { top:auto; }
						.con_mcont8 .con1_c:nth-child(3) { top:auto; }
						.con_mcont8 .con1_c.bgop1 { background-size:auto 200px; }
						.con_mcont8 .con1_c.bgop2 { background-size:auto 200px; }
						.con_mcont8 .con1_c.bgop3 { background-size:auto 200px; }
						.con_mcont8 .con1_c.bgop4 { background-size:auto 200px; }
						.con_mcont8 .con1_c var { right:0; top:0; font-size:17px; }
						.con_mcont8 .con1_c span { font-size:16px; }
						.con_mcont8 .con1_c h3 { font-size:30px; }
						.con_mcont8 .con1_c h3 i { font-size:16px; }
						.con_mcont8 .con1_c em { font-size:15px; }
						.con_mcont8 .con1_c ul { margin:40px 0 0 0; }
						.con_mcont8 .con1_c ul li { padding:0 5px 15px 10px; font-size:14px; }
						.con_mcont8 .con1_c ul li:before { top:6px; }
						.con_mcont8 .con1_c .btns { margin:60px 0 0 0; }
						.con_mcont8 .con1_c .btns a { padding:13px 40px 13px 40px; font-size:13px; }

						.con_mcont9 { padding:60px 0 60px 0; background:url("../../images/bg_06.png") no-repeat right 50% top 0; background-size:auto 500px; }
						.con_mcont9 h2 { font-size:25px; }
						.con_mcont9 p { margin:20px 0 0 0; font-size:15px; }
						.con_mcont9 .con1 { margin:30px 0 0 0; }
						.con_mcont9 .con2 { margin:40px 0 0 0; }
						.con_mcont9 .con2 a { padding:10px 40px 10px 25px; font-size:13px; }
						.con_mcont9 .con2 a:after { top:10px; }

						.con_svisual { margin:60px 0 0 0; }
						.con_svisual .con1 { top:60px; }
						.con_svisual .con1 h2 { font-size:30px; }
						.con_svisual .con2  { border-radius:36px; }
						.con_svisual .con2 video { height:150px; }

						.con_txt h3 { font-size:30px; }
						.con_txt p { font-size:15px; line-height:1.4; }

						.con_txt2 { margin:60px 0 0 0; font-size:18px; }

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

						.con_tab ul li { margin:0 7px 0 0; width:calc((100% - 28px) / 5); }
						.con_tab ul li a { padding:20px 5px 20px 5px; border-radius:12px; }
						.con_tab ul li a span { font-size:16px; }
						.con_tab ul li a em { margin:8px 0 0 0; font-size:10px; }

						.con_service { margin:40px 0 0 0; padding:0 0 200px 0; }
						.con_service.bgop1 { background-size:auto 200px; }
						.con_service.bgop2 { background-size:auto 200px; }
						.con_service.bgop3 { background-size:auto 200px; }
						.con_service.bgop4 { background-size:auto 200px; }
						.con_service.bgop5 { background-size:auto 200px; }
						.con_service_c1 { margin:-60px 0 0 0; }
						.con_service_c1 .con1 { margin:0 10px 0 0; padding:40px 0 40px 0; width:calc((100% - 10px) / 2); }
						.con_service_c1 .con1 h2 { font-size:20px; }
						.con_service_c1 ul { margin:20px 0 0 0; margin-left:auto; margin-right:auto; }
						.con_service_c1 ul li { margin:0 5px 0 0; }
						.con_service_c1 ul li a { padding:4px 15px 4px 15px; font-size:14px; }
						.con_service_c2 { margin:60px 0 0 0; }
						.con_service_c2 h1 { font-size:50px; }
						.con_service_c2 h1.op1:after { margin:0 0 0 8px; width:25px; height:3px; }
						.con_service_c2 h1.op2:after { margin:0 0 0 8px; width:25px; height:3px; }
						.con_service_c2 h2 { font-size:14px; }
						.con_service_c2 h3 { margin:50px 0 0 0; font-size:26px; }
						.con_service_c2 p { margin:20px 0 0 0; font-size:16px; line-height:1.5; }

						.con_service2 { margin:-50px 0 0 0; padding:0 0 140px 0; }
						.con_service2 h3 { padding:60px 70px 60px 70px; font-size:22px; border-radius:36px; }
						.con_service2 p { margin:40px 0 0 0; font-size:16px; line-height:1.6; }
						.con_service2 .desc ul { margin:40px 0 0 0; }
						.con_service2 .desc ul li { margin:0 0 11px 0; font-size:14px; }
						.con_service2 .desc ul li.tit { margin:30px 0 13px 0; font-size:18px; }
						.con_service2 .imgs { margin:40px 0 0 0; padding:20px 20px 20px 20px; border-radius:12px; }

						.con_service3 { padding:80px 0 140px 0; background-position:right -10% bottom -10%, left -3% top -3%; background-size:auto 300px, auto 100px; }
						.con_service3 h3 { padding:60px 70px 60px 70px; top:-130px; font-size:22px; border-radius:36px; }
						.con_service3 p { margin:60px 0 0 0; font-size:16px; line-height:1.6; }
						.con_service3 ul { margin:40px 0 0 0; }
						.con_service3 ul li { margin:0 0 11px 0; font-size:14px; }
						.con_service3 ul li.tit { margin:30px 0 13px 0; font-size:18px; }

						.con_service4 { margin:-40px 0 0 0; padding:0 0 80px 0; }
						.con_service4 h3 { padding:60px 70px 60px 70px; font-size:22px; border-radius:36px; }
						.con_service4_c { padding:50px 0 0 0; }
						.con_service4_c .con1 { margin:0 0 10px 0; padding:30px 30px 30px 30px; width:100%; border-radius:12px; }
						.con_service4_c .con1.bgop1 { background:#f9f9f9 url("../../images/service3_01.png") no-repeat right 25px top 20px; background-size:auto 30px; }
						.con_service4_c .con1.bgop2 { background:#f9f9f9 url("../../images/service3_02.png") no-repeat right 25px top 20px; background-size:auto 30px; }
						.con_service4_c .con1.bgop3 { background:#f9f9f9 url("../../images/service3_03.png") no-repeat right 25px top 20px; background-size:auto 30px; }
						.con_service4_c .con1 h4 { font-size:18px; }
						.con_service4_c ul { margin:20px 0 0 0; height:auto; }
						.con_service4_c.op1 ul { height:auto; }
						.con_service4_c ul li { margin:0 0 10px 0; font-size:14px; }

						.con_sol { margin:20px 0 0 0; padding:30px 30px 30px 30px; font-size:15px; line-height:1.5; border-radius:24px; }
						.con_sol .con1 { padding:30px 30px 30px 30px; border-radius:12px; }

						.con_sol2 { margin:20px 0 0 0; padding:30px 30px 30px 30px; border-radius:24px; }
						.con_sol2 .con1 { padding:0 0 0 0; }
						.con_sol2 .con1:before { position:static; width:100%; height:140px; border-radius:12px; }
						.con_sol2 .con1 h4 { margin:20px 0 0 0; padding:0 5px 0 5px; font-size:18px; }
						.con_sol2 .con1 ul { margin:15px 0 0 0; padding:0 5px 0 5px; }
						.con_sol2 .con1 ul li { margin:0 0 6px 0; line-height:1.3; }

						.con_sol3 { margin:20px 0 0 0; padding:30px 30px 30px 30px; border-radius:24px; }
						.con_sol3 .con1 { padding:20px 20px 20px 130px; }
						.con_sol3 .con1.bgop1 { background:#ffffff url("../../images/sol5_01.png") no-repeat 30px 30px; background-size:auto 60px; }
						.con_sol3 .con1.bgop2 { background:#ffffff url("../../images/sol5_02.png") no-repeat 35px 30px; background-size:auto 60px; }
						.con_sol3 .con1.bgop3 { background:#ffffff url("../../images/sol5_03.png") no-repeat 30px 30px; background-size:auto 60px; }
						.con_sol3 .con1 h4 { font-size:18px; }
						.con_sol3 .con1 ul { margin:15px 0 0 0; }

						.con_contact { margin:60px 0 0 0; background:url("../../images/bg_01.png") no-repeat right -100px bottom -200px; background-size:auto 600px; }
						.con_contact .con1 { margin:70px 0 0 0; }
						.con_contact h4 { font-size:22px; }
						.con_contact ul li { font-size:14px; }
						.con_contact ul li.tit { margin:0 0 25px 0; font-size:17px; }

						.con_contact2 h3 { font-size:28px; line-height:1.3; }
						.con_contact2 h3 br { display:none; }
						.con_contact2 p { margin:25px 0 0 0; font-size:15px; }
						.con_contact2 .con1 { margin:60px 0 0 0; }
						.con_contact2 .con1 .container { padding:60px 20px 80px 20px; }
						.con_contact2 .con1 ul li.tit { margin:0 0 8px 0; font-size:14px; }
						.con_contact2 .con1 ul li.forms { margin:0 0 25px 0; }
						.con_contact2 .con1 ul li input[type="text"] { padding:0 15px 0 15px; height:45px; font-size:15px; }
						.con_contact2 .con1 ul li textarea { padding:15px 15px 15px 15px; height:180px; font-size:15px; }
						.con_contact2 .con1 ul li.agree { margin:25px 0 0 0; }
						.con_contact2 .con1 ul li input[type="checkbox"] { margin:-2px 8px 0 0; width:22px; height:25px; }
						.con_contact2 .con1 ul li label { font-size:15px; }
						.con_contact2 .con1 .btns { margin:80px 0 0 0; }
						.con_contact2 .con1 .btns_c a { padding:13px 40px 13px 40px; font-size:14px; }

						.con_vod { margin:40px 0 0 0; }
						.con_vod video { height:60px; }

						.con_introduction { padding:0 0 110px 0; }
						@keyframes con_introduction_ani1 { 0% { background:url("../../images/arrow_02.png") no-repeat center bottom 0px; background-size:auto 50px; } 100% { background:url("../../images/arrow_02.png") no-repeat center bottom 10px; background-size:auto 50px; } }
						.con_introduction h3 { font-size:28px; line-height:1.3; }
						.con_introduction h3 br { display:none; }
						.con_introduction p { margin:25px 0 0 0; font-size:15px; }

						.con_vision { margin:60px 0 0 0; }
						.con_vision video { height:1200px; }
						.con_vision_c { padding:60px 0 0 0; }
						.con_vision_c .con1 h1 { font-size:16px; }
						.con_vision_c .con1 h2 { margin:30px 0 0 0; font-size:30px; }
						.con_vision_c .con1 p { margin:20px 0 0 0; font-size:16px; }
						.con_vision_c .con2 { margin:80px 0 0 0; }
						.con_vision_c .con2 h2 { font-size:40px; line-height:1.0; }
						.con_vision_c .con2 p { margin:20px 0 0 0; font-size:16px; }
						.con_vision_c .con2 ul { margin:50px 0 0 0; }
						.con_vision_c .con2 ul li { margin:0 0 15px 0; padding:30px 20px 80px 20px; width:100%; height:auto; font-size:15px; line-height:1.3; border-radius:24px; }
						.con_vision_c .con2 ul li:nth-child(1):before { right:30px; bottom:25px; width:48px; height:40px; background-size:auto 40px; }
						.con_vision_c .con2 ul li:nth-child(2):before { right:30px; bottom:25px; width:42px; height:40px; background-size:auto 40px; }
						.con_vision_c .con2 ul li:nth-child(3):before { right:30px; bottom:25px; width:47px; height:40px; background-size:auto 40px; }
						.con_vision_c .con2 ul li h3 { margin:0 0 20px 0; height:auto; }

						.con_vision2 { margin:60px 0 0 0; }
						.con_vision2 video { height:400px; }
						.con_vision2_c { padding:80px 0 0 0; }
						.con_vision2_c h1 { font-size:16px; }
						.con_vision2_c h2 { margin:40px 0 0 0; font-size:35px; line-height:1.2; }
						.con_vision2_c p { margin:25px 0 0 0; font-size:16px; }

						.con_history { padding:60px 0 60px 0; }
						.con_history h2 { font-size:40px; line-height:1.0; }
						.con_history p { margin:20px 0 0 0; font-size:15px; }
						.con_history ul { margin:40px 0 0 0; }
						.con_history ul li { margin:0 0 20px 0; padding:30px 20px 100px 20px; width:100%; height:auto; font-size:15px; line-height:1.4; border-radius:18px; }
						.con_history ul li:nth-child(1):before { right:30px; bottom:25px; width:48px; height:40px; background-size:auto 40px; }
						.con_history ul li:nth-child(2):before { right:30px; bottom:25px; width:42px; height:40px; background-size:auto 40px; }
						.con_history ul li:nth-child(3):before { right:30px; bottom:25px; width:47px; height:40px; background-size:auto 40px; }
						.con_history ul li h3 { margin:0 0 20px 0; height:auto; }

						.con_competence { padding:60px 0 60px 0; }
						.con_competence h2 { font-size:30px; }
						.con_competence ul { margin:30px 0 0 0; }
						.con_competence ul li { margin:0 0 20px 0; padding:40px 40px 40px 40px; font-size:15px; border-radius:24px; }
						.con_competence ul li:nth-child(1):before { right:30px; top:35px; width:32px; height:30px; background-size:auto 30px; }
						.con_competence ul li:nth-child(2):before { right:30px; top:35px; width:29px; height:30px; background-size:auto 30px; }
						.con_competence ul li:nth-child(3):before { right:30px; top:35px; width:30px; height:30px; background-size:auto 30px; }
						.con_competence ul li h3 { font-size:20px; }
						.con_competence ul li h3 span { font-size:16px; }

						.con_org { margin:60px 0 0 0; }
						.con_org .con1 ul.op1 { margin:0 0 25px 0; width:60%; display:table; margin-left:auto; margin-right:auto; }
						.con_org .con1 ul.op1 li { padding:18px 5px 18px 5px; width:100%; font-size:16px; border-radius:12px; }
						.con_org .con1 ul.op2 { position:static; display:table; margin-left:auto; margin-right:auto; }
						.con_org .con1 ul.op2 { width:60%; }
						.con_org .con1 ul.op2 li { margin:0 0 25px 0; padding:15px 5px 15px 5px; width:100%; font-size:16px; }
						.con_org .con1 ul.op2 li:after { bottom:-27px; height:25px; }
						.con_org .con1 ul.op2 li.tit { border-radius:12px; }
						.con_org .con1 ul.op2 li.tit:before { content:none; }
						.con_org .con2:before { content:none; }
						.con_org .con2_1 { margin:40px 20px 0 0; width:calc((100% - 20px) / 2); }
						.con_org .con2_1:last-child { margin:40px 0 0 0; }
						.con_org .con2_1:nth-child(2n) { margin:40px 0 0 0; }
						.con_org .con2_1 ul li { margin:0 0 25px 0; padding:15px 5px 15px 5px; font-size:16px; }
						.con_org .con2_1 ul li.tit { border-radius:12px; }
						.con_org .con2_1 ul li.tit:before { content:none; }
						.con_org .con2_1 ul li:after { bottom:-27px; height:25px; }
						.con_org .con2_1:nth-child(3) ul li.tit:before { content:none; }
						.con_org .con2_1:nth-child(4) ul li.tit:before { content:none; }

						.con_location { padding:60px 0 0 0; }
						.con_location .con1 ul li { font-size:14px; }
						.con_location .con1 ul li.tit { margin:0 0 30px 0; font-size:26px; }
						.con_location .con2 { margin:40px 0 0 0; }
						.con_location .con2 .map_wrap { height:400px; }
						.con_location .con3 { margin:0 0 35px 0; position:static; display:inline-block; }
						.con_location .con3 ul li a { padding:8px 20px 8px 20px; font-size:14px; }

						.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 { height:35px; }
						.con_search ul li a { 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_list1 col.wop1_1 { width:120px; }
						.con_list1 col.wop1_2 { width:calc(100% - 120px); }
						.con_list1 th { padding:6px 5px 6px 5px; font-size:13px; }
						.con_list1 th img { height:30px; }
						.con_list1 td { padding:6px 15px 6px 15px; font-size:13px; }
						.con_list1 td a { font-size:14px; }

						.con_list2 { overflow-x:scroll; }
						.con_list2.wop1 { overflow-x:hidden; }
						.con_list2 table { width:180%; }
						.con_list2.wop1 table { width:100%; }
						.con_list2 th { padding:5px 5px 5px 5px; font-size:13px; }
						.con_list2 td { padding:5px 5px 5px 5px; font-size:13px; }
						.con_list2 dl dt { font-size:13px; }

						.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_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("../../images/arrow_up.png") no-repeat left 65px top 23px; }
						.con_prevnext ul li.tit.op2 { background:#ffffff url("../../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_private { margin:40px 0 0 0; }
						.con_private .txt1 { margin:15px 0 0 0; font-size:14px; }
						.con_private .txt2 { padding:25px 25px 25px 25px; font-size:14px; border-radius:24px; }
						.con_private .txt2.op1 { padding:70px 30px 30px 30px; background:#f7f7f7 url("../../images/etc_01.png") no-repeat 30px 30px; background-size:auto 30px; }
						.con_private .txt2.op2 { padding:70px 30px 30px 30px; background:#f7f7f7 url("../../images/etc_02.png") no-repeat 30px 30px; background-size:auto 30px; }
						.con_private .txt2.op3 { padding:70px 30px 30px 30px; background:#f7f7f7 url("../../images/etc_03.png") no-repeat 30px 30px; background-size:auto 30px; }
						.con_private h2 { margin:35px 0 10px 0; font-size:22px; }
						.con_private h3 { margin:35px 0 10px 0; font-size:17px; }
						.con_private ul { margin:15px 0 0 5px; }
						.con_private ul li { font-size:14px; }
						.con_private ul li.in { font-size:13px; }
						.con_private ul li.in2 { font-size:12px; }
						.con_private .con1 ul li { padding:25px 20px 20px 20px; width:50%; }
						.con_private .con1 ul li span { font-size:14px; }
						.con_private .noti dl dt { font-size:13px; }

						.con_private2 h2 { margin:30px 0 10px 0; font-size:17px; }
						.con_private2 span.fop1 { font-size:14px; }
						.con_private2 .txt1 { font-size:14px; }
						.con_private2 .txt2 { padding:15px 20px 15px 20px; font-size:14px; }
						.con_private2 .txt3 { padding:25px 25px 25px 25px; font-size:14px; border-radius:24px; }
						.con_private2 .txt3.op1 { padding:70px 30px 30px 30px; background:#f7f7f7 url("../../images/etc_01.png") no-repeat 30px 30px; background-size:auto 30px; }
						.con_private2 .txt3.op2 { padding:70px 30px 30px 30px; background:#f7f7f7 url("../../images/etc_02.png") no-repeat 30px 30px; background-size:auto 30px; }
						.con_private2 .txt3.op3 { padding:70px 30px 30px 30px; background:#f7f7f7 url("../../images/etc_03.png") no-repeat 30px 30px; background-size:auto 30px; }
						.con_private2 ul.list li { margin:0 0 4px 0; font-size:14px; }
						.con_private2 ul.list li.in { font-size:13px; }
						.con_private2 ul.list li.in2 { font-size:13px; }
						.con_private2 ul.list li.in3 { font-size:12px; }
						.con_private2 ul.list span { font-size:15px; }
						.con_private2 .con1_c { margin:0 10px 10px 0; padding:100px 10px 25px 10px; width:calc((100% - 20px) / 3); }
						.con_private2 .con1_c:last-child { margin:0 0 10px 0; }
						.con_private2 .con1_c:nth-child(3n) { margin:0 0 10px 0; }
						.con_private2 .con1_c h6 { font-size:16px; }
						.con_private2 .con1_c.bgop1 { background:url("../../images/private2_02.png") no-repeat center 25px; background-size:auto 60px; }
						.con_private2 .con1_c.bgop2 { background:url("../../images/private2_01.png") no-repeat center 25px; background-size:auto 60px; }
						.con_private2 .con1_c.bgop3 { background:url("../../images/private2_03.png") no-repeat center 25px; background-size:auto 60px; }
						.con_private2 .con1_c.bgop4 { background:url("../../images/private2_05.png") no-repeat center 25px; background-size:auto 60px; }
						.con_private2 .con1_c.bgop5 { background:url("../../images/private2_06.png") no-repeat center 25px; background-size:auto 60px; }
						.con_private2 .con1_c.bgop6 { background:url("../../images/private2_17.png") no-repeat center 25px; background-size:auto 60px; }

						.con_pageinfo h2 { font-size:28px; }

						.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:650px) {

						.con_tab ul li { margin:0 5px 0 0; width:calc((100% - 20px) / 5); }
						.con_tab ul li a span { padding:10px 0 0 0; display:block; height:40px; font-size:15px; }
						.con_tab ul li:last-child a span { padding:0 0 0 0; }
						.con_tab ul li a br.op1 { display:initial; }
}

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

						.con_service_c1 .con1 { margin:0 0 10px 0; padding:25px 0 25px 0; width:100%; border-radius:24px; }
						.con_service_c1 ul li { margin:0 10px 0 0; }

						.con_private2 .con1_c { padding:100px 10px 20px 10px; }
						.con_private2 .con1_c h6 { font-size:15px; }

}

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

						.con_mvisual video { height:300px; }
						.con_mvisual .con1 { top:60px; }
						.con_mvisual .con1 h2 { font-size:26px; line-height:1.3; }
						.con_mvisual .con1 p { margin:20px 0 0 0; font-size:16px; line-height:1.3; }

						.con_mvisual2 .con1 { top:50px; }
						.con_mvisual2 .con1 h2 { font-size:25px; }
						.con_mvisual2 .con1 p { font-size:15px; }
						.con_mvisual2 .con2 { border-radius:24px; }
						.con_mvisual2 .con2 video { height:240px; }

						.con_mvisual3 .con1 { padding:0 0 0 0; top:60px; }
						.con_mvisual3 .con1 h2 { font-size:30px; }
						.con_mvisual3 .con1 p { font-size:16px; }
						.con_mvisual3 .con3 { padding:0 0 0 0; top:60px; }
						.con_mvisual3 .con3 h2 { font-size:30px; }
						.con_mvisual3 .con2 video { height:300px; }

						.con_mcont5 { padding:60px 0 60px 0; }
						.con_mcont5 h2 { font-size:30px; }
						.con_mcont5 .con1 { margin:40px 0 0 0; }
						.con_mcont5 .con1_c.bgop1 { background-size:auto 120px; }
						.con_mcont5 .con1_c.bgop2 { background-size:auto 120px; }
						.con_mcont5 .con1_c.bgop3 { background-size:auto 120px; }
						.con_mcont5 .con1_c.bgop4 { background-size:auto 120px; }
						.con_mcont5 .con1_c span { font-size:15px; }
						.con_mcont5 .con1_c h3 { font-size:28px; }
						.con_mcont5 .con1_c h3 i { margin:5px 0 0 0; display:block; font-size:15px; }
						.con_mcont5 .con1_c em { font-size:14px; }
						.con_mcont5 .con1_c ul { margin:30px 0 0 0; }
						.con_mcont5 .con1_c ul li { padding:0 0 6px 10px; width:100%; font-size:13px; }
						.con_mcont5 .con1_c .btns { margin:50px 0 0 0; }
						.con_mcont5 .con1_c .btns a { padding:12px 30px 12px 30px; }

						.con_mcont8 { padding:40px 0 40px 0; }
						.con_mcont8 h2 { font-size:30px; }
						.con_mcont8 .con1 { margin:40px 0 0 0; }
						.con_mcont8 .con1_c.bgop1 { background-size:auto 150px; }
						.con_mcont8 .con1_c.bgop2 { background-size:auto 150px; }
						.con_mcont8 .con1_c.bgop3 { background-size:auto 150px; }
						.con_mcont8 .con1_c.bgop4 { background-size:auto 150px; }
						.con_mcont8 .con1_c span { font-size:15px; }
						.con_mcont8 .con1_c h3 { font-size:28px; }
						.con_mcont8 .con1_c h3 i { margin:5px 0 0 0; display:block; font-size:15px; }
						.con_mcont8 .con1_c em { font-size:14px; }
						.con_mcont8 .con1_c ul { margin:30px 0 0 0; }
						.con_mcont8 .con1_c ul li { padding:0 0 6px 10px; width:100%; font-size:13px; }
						.con_mcont8 .con1_c .btns { margin:50px 0 0 0; }
						.con_mcont8 .con1_c .btns a { padding:12px 30px 12px 30px; }

						.con_contact2 h3 { font-size:26px; }

						.con_vision2 { margin:50px 0 0 0; }
						.con_vision2 video { height:350px; }
						.con_vision2_c { padding:60px 0 0 0; }
						.con_vision2_c h1 { font-size:15px; }
						.con_vision2_c h2 { margin:30px 0 0 0; font-size:30px; }
						.con_vision2_c p { margin:20px 0 0 0; font-size:14px; }

						.con_introduction h3 { font-size:26px; }

						.con_private2 .con1_c { margin:0 10px 10px 0; padding:90px 10px 20px 10px; width:calc((100% - 20px) / 2); }
						.con_private2 .con1_c:last-child { margin:0 0 10px 0; }
						.con_private2 .con1_c:nth-child(3n) { margin:0 10px 10px 0; }
						.con_private2 .con1_c:nth-child(2n) { margin:0 0 10px 0; }
						.con_private2 .con1_c.bgop1 { background:url("../../images/private2_02.png") no-repeat center 25px; background-size:auto 50px; }
						.con_private2 .con1_c.bgop2 { background:url("../../images/private2_01.png") no-repeat center 25px; background-size:auto 50px; }
						.con_private2 .con1_c.bgop3 { background:url("../../images/private2_03.png") no-repeat center 25px; background-size:auto 50px; }
						.con_private2 .con1_c.bgop4 { background:url("../../images/private2_05.png") no-repeat center 25px; background-size:auto 50px; }
						.con_private2 .con1_c.bgop5 { background:url("../../images/private2_06.png") no-repeat center 25px; background-size:auto 50px; }
						.con_private2 .con1_c.bgop6 { background:url("../../images/private2_17.png") no-repeat center 25px; background-size:auto 50px; }

}

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

						.con_mcont9 .con1 ul { padding:30px 30px 30px 30px; width:100%; }

}

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

						.con_list2 table { width:220%; }

}

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

						.con_service_c2 h1.fop1 { font-size:40px; }

						.con_sol3 .con1 { padding:110px 20px 30px 20px; border-radius:12px; }
						.con_sol3 .con1.bgop1 { background:#ffffff url("../../images/sol5_01.png") no-repeat center 30px; background-size:auto 55px; }
						.con_sol3 .con1.bgop2 { background:#ffffff url("../../images/sol5_02.png") no-repeat center 30px; background-size:auto 55px; }
						.con_sol3 .con1.bgop3 { background:#ffffff url("../../images/sol5_03.png") no-repeat center 30px; background-size:auto 55px; }
						.con_sol3 .con1 h4 { text-align:center; }
						.con_sol3 .con1 ul { margin:20px 0 0 0; }

}

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

						.con_tab ul li { margin:0 10px 10px 0; width:calc((100% - 10px) / 2); }
						.con_tab ul li:nth-child(2n) { margin:0 0 10px 0; }
						.con_tab ul li:last-child { margin:0 0 0 0; width:100%; }
						.con_tab ul li a { padding:11px 5px 11px 5px; }
						.con_tab ul li a span { padding:0 0 0 0;height:auto; font-size:16px; }
						.con_tab ul li a em { margin:5px 0 0 0; font-size:9px; }
						.con_tab ul li a br.op1 { display:none; }
						.con_tab ul li a br.op2 { display:none; }

						.con_service2 h3 { padding:50px 60px 50px 60px; font-size:20px; border-radius:24px; }

						.con_service3 h3 { padding:50px 60px 50px 60px; top:-120px; font-size:20px; border-radius:24px; }

						.con_service4 h3 { padding:50px 50px 50px 50px; top:-100px; font-size:20px; border-radius:24px; }

						.con_location .con2 .map_wrap { height:350px; }

						.con_search ul { width:100%; }

}

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

						.con_competence { padding:50px 0 50px 0; }
						.con_competence h2 { font-size:26px; }
						.con_competence ul li { margin:0 0 15px 0; padding:30px 30px 30px 30px; }
						.con_competence ul li:nth-child(1):before { right:25px; top:25px; width:27px; height:25px; background-size:auto 25px; }
						.con_competence ul li:nth-child(2):before { right:25px; top:25px; width:24px; height:25px; background-size:auto 25px; }
						.con_competence ul li:nth-child(3):before { right:25px; top:25px; width:25px; height:25px; background-size:auto 25px; }

						.con_private2 .con1_c h6 { font-size:14px; }

}

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

						.con_mvisual3 .con1 { top:50px; }
						.con_mvisual3 .con1 h2 { font-size:24px; }
						.con_mvisual3 .con1 p { margin:25px 0 0 0; font-size:14px; }
						.con_mvisual3 .con3 { top:50px; }
						.con_mvisual3 .con3 h2 { font-size:24px; }
						.con_mvisual3 .con2 video { height:280px; }

						.con_pageinfo h2 { font-size:24px; }

						.con_list1 col.wop1_1 { width:50px; }
						.con_list1 col.wop1_2 { width:calc(100% - 50px); }
						.con_list1 th img { margin:0 0 4px 0; }

}

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

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

						.con_mcont2 h2 span { margin:5px 0 0 0; display:block; font-size:13px; }

						@keyframes con_mcont6_ani1 {
							0% { background:#f1eaff url("../../images/bg_02.png") no-repeat right 0 bottom 0; background-size:auto 100px; }
							100% { background:#f1eaff url("../../images/bg_02.png") no-repeat right 0 bottom 10px; background-size:auto 100px; }
						}

						.con_service_c2 h1.fop1 { font-size:36px; }

						.con_org .con1 ul.op1 { width:70%; }
						.con_org .con1 ul.op2 { width:70%; }
						.con_org .con2_1 ul li { font-size:15px; }

}

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

						.con_list2 table { width:260%; }

						.con_private2 .con1_c { margin:0 0 10px 0; padding:85px 10px 20px 10px; width:100%; }
						.con_private2 .con1_c:nth-child(3n) { margin:0 0 10px 0; }
						.con_private2 .con1_c.bgop1 { background:url("../../images/private2_02.png") no-repeat center 20px; background-size:auto 50px; }
						.con_private2 .con1_c.bgop2 { background:url("../../images/private2_01.png") no-repeat center 20px; background-size:auto 50px; }
						.con_private2 .con1_c.bgop3 { background:url("../../images/private2_03.png") no-repeat center 20px; background-size:auto 50px; }
						.con_private2 .con1_c.bgop4 { background:url("../../images/private2_05.png") no-repeat center 20px; background-size:auto 50px; }
						.con_private2 .con1_c.bgop5 { background:url("../../images/private2_06.png") no-repeat center 20px; background-size:auto 50px; }
						.con_private2 .con1_c.bgop6 { background:url("../../images/private2_17.png") no-repeat center 20px; background-size:auto 50px; }

}


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

@media only screen and (max-width:650px) { .con_vision video { height:1220px; } }
@media only screen and (max-width:640px) { .con_vision video { height:1225px; } }
@media only screen and (max-width:630px) { .con_vision video { height:1230px; } }
@media only screen and (max-width:620px) { .con_vision video { height:1235px; } }
@media only screen and (max-width:610px) { .con_vision video { height:1240px; } }
@media only screen and (max-width:600px) { .con_vision video { height:1245px; } }

@media only screen and (max-width:590px) { .con_vision video { height:1250px; } }
@media only screen and (max-width:580px) { .con_vision video { height:1255px; } }
@media only screen and (max-width:570px) { .con_vision video { height:1260px; } }
@media only screen and (max-width:560px) { .con_vision video { height:1265px; } }
@media only screen and (max-width:550px) { .con_vision video { height:1270px; } }
@media only screen and (max-width:540px) { .con_vision video { height:1275px; } }
@media only screen and (max-width:530px) { .con_vision video { height:1280px; } }
@media only screen and (max-width:520px) { .con_vision video { height:1285px; } }
@media only screen and (max-width:510px) { .con_vision video { height:1290px; } }
@media only screen and (max-width:500px) { .con_vision video { height:1300px; } }

@media only screen and (max-width:490px) { .con_vision video { height:1360px; } }
@media only screen and (max-width:480px) { .con_vision video { height:1365px; } }
@media only screen and (max-width:470px) { .con_vision video { height:1370px; } }
@media only screen and (max-width:460px) { .con_vision video { height:1375px; } }
@media only screen and (max-width:450px) { .con_vision video { height:1380px; } }
@media only screen and (max-width:440px) { .con_vision video { height:1385px; } }
@media only screen and (max-width:430px) { .con_vision video { height:1390px; } }
@media only screen and (max-width:420px) { .con_vision video { height:1430px; } }
@media only screen and (max-width:410px) { .con_vision video { height:1480px; } }
@media only screen and (max-width:400px) { .con_vision video { height:1500px; } }

@media only screen and (max-width:390px) { .con_vision video { height:1520px; } .con_vision { padding:0 0 30px 0; } }
@media only screen and (max-width:380px) { .con_vision video { height:1540px; } }
@media only screen and (max-width:370px) { .con_vision video { height:1560px; } }
@media only screen and (max-width:360px) { .con_vision video { height:1580px; } }
@media only screen and (max-width:350px) { .con_vision video { height:1600px; } }
@media only screen and (max-width:340px) { .con_vision video { height:1620px; } }
@media only screen and (max-width:330px) { .con_vision video { height:1640px; } }
@media only screen and (max-width:320px) { .con_vision video { height:1660px; } }
@media only screen and (max-width:310px) { .con_vision video { height:1700px; } }
@media only screen and (max-width:305px) { .con_vision video { height:1750px; } }
@media only screen and (max-width:300px) { .con_vision video { height:1800px; } }

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

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

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

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

#con_footmenu a:after { 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("../../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("../../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("../../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("../../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("../../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;

font-family:"scdream";

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