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

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

/*
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:"Pretendard", "Malgun Gothic", "맑은 고딕", "Helvetica", "Apple-Gothic", "Dotum", "돋움", "Gulim", "굴림", "sans-serif"; }

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

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

option { padding-right:6px; }
legend { width:0; height:0; font-size:0; line-height:0; position:absolute; top:0; left:0; overflow:hidden; visibility:hidden; }

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

body.op1 { background:#252525; }

.con_index_tit { padding:15px 0 15px 0; overflow:hidden; background:#151515; color:#dddddd; font-size:16px; font-weight:500; text-align:center; border-bottom:1px solid #454545; }
.con_index_tit2 { overflow:hidden; color:#ffffff; font-size:15px; font-weight:500; }
.con_index_tit2.mop1 { margin:40px 0 0 0; }
.con_index_wrap { padding:30px 30px 30px 30px; overflow:hidden; }
.con_index_list { margin:10px 0 0 0; overflow:hidden; }
.con_index_list ul { display:table; width:100%; table-layout:fixed; border-collapse:collapse; }
.con_index_list ul li { display:table-cell; padding:5px 15px 5px 15px; border:1px solid #555555; color:#dddddd; font-size:14px; font-weight:400; text-align:left; background:#333333; word-break:keep-all; word-break:break-all; transition:all 0.3s ease; }
.con_index_list ul li.col2 { color:#999999; }
.con_index_list ul li.col3 { text-align:center; }
.con_index_list ul li a { display:inline-block; position:relative; color:#ffc952; font-size:14px; font-weight:400; }
.con_index_list ul li a:hover { color:#ff6252; }
.con_index_list ul li a:before { position:absolute; left:0; bottom:0; width:0; height:1px; border-bottom:1px solid #ff6252; content:''; transition:all 0.3s ease; }
.con_index_list ul li a:hover:before,
.con_index_list ul li a:focus:before,
.con_index_list ul li a:active:before { width:100%; }
.con_index_list ul li a:active:after { position:absolute; left:0; bottom:0; width:0; height:1px; border-bottom:1px solid #ff6252; content:''; transition:all 0.3s ease; }
.con_index_list ul.header { background:#111111; }
.con_index_list ul.header li { padding:5px 15px 5px 15px; border:1px solid #555555; color:#cccccc; font-size:14px; text-align:center; font-weight:500; background:#111111; }
.con_index_list ul li span.new { margin:0 0 0 5px; display:inline-block; width:16px; height:16px; background:#e1290d; color:#ffffff; font-size:9px; font-weight:500; text-align:center; line-height:16px; border-radius:100%; }
.con_index_footer { padding:0 20px 30px 20px; overflow:hidden; color:#aaaaaa; font-size:13px; font-weight:300; text-align:center; letter-spacing:0.07em; word-break:keep-all; }

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

body.bgop1 { background:#000000; }

#wrap { }

.wrap_c { margin:0 auto; width:1080px; background:#00003c url("../images/bg_01.png") no-repeat left 50% bottom 800%; transition:all 0.3s ease; animation:wrap_ani1 2s ease alternate; }
@keyframes wrap_ani1 {
	0% { background:#00003c url("../images/bg_01.png") no-repeat left 50% bottom 1600%; }
	100% { background:#00003c url("../images/bg_01.png") no-repeat left 50% bottom 800%; }
}

.container { padding:0 0 0 0; width:1080px; height:1911px; }

header { padding:80px 0 80px 0; text-align:center; transition:all 0.3s ease; }
header h1 { display:inline-block; width:397px; height:90px; background:url("../images/logo_02.png") no-repeat 0 0; background-size:auto 90px; text-indent:-10000px; transition:all 0.3s ease; }

footer { overflow:hidden; background:#323232; transition:all 0.3s ease; }
footer ul { overflow:hidden; }
footer ul li { transition:all 0.3s ease; }
footer ul li a { padding:50px 0 50px 0; display:block; color:#ffffff; font-size:50px; font-weight:600; line-height:1; text-align:center; letter-spacing:-0.02em; transition:all 0.3s ease; }
footer ul li a.link1 { background:#444444; }
footer ul li a.link1:hover { color:#ffffff; background:#222222; }
footer ul li a.link2 { background:#fc5454; }
footer ul li a.link2:hover { color:#ffffff; background:#e73c3c; }

#con_content { padding:120px 100px 0 100px; height:calc(100% - 400px); overflow:hidden; transition:all 0.3s ease; }
#con_content.op1 { padding:40px 50px 0 50px; }
#con_content.op2 { padding:0 0 0 0; height:calc(100% - 150px); }

.con_intro { overflow:hidden; position:relative; transition:all 0.3s ease; }
.con_intro video { width:100%; height:1759px; object-fit:cover; filter:brightness(80%); transition:all 0.3s ease; }
.con_intro video::-webkit-media-controls { display:none; }
.con_intro .btns { position:absolute; left:0; bottom:400px; width:100%; text-align:center; }
.con_intro a { padding:80px 0 80px 0; display:inline-block; width:70%; color:#ffffff; font-size:70px; font-weight:700; line-height:1; text-align:center; background:#0118D8; border:8px solid #ffffff; border-radius:200px; transition:all 0.3s ease; }
.con_intro a:hover { background:#0011a1; }

.con_intro2 { overflow:hidden; height:1759px; display:flex; flex-direction:column; justify-content:center; position:relative; transition:all 0.3s ease; }
.con_intro2 video { width:100%; object-fit:fill; display:none; background:#000000; transition:all 0.3s ease; }
.con_intro2 video::-webkit-media-controls { display:none; }
.con_intro2 #video1 { display:block; }
.con_intro2 .btns { position:absolute; left:0; bottom:400px; width:100%; text-align:center; }
.con_intro2 a { padding:80px 0 80px 0; display:inline-block; width:70%; color:#ffffff; font-size:70px; font-weight:700; line-height:1; text-align:center; background:#0118D8; border:8px solid #ffffff; border-radius:200px; transition:all 0.3s ease; }
.con_intro2 a:hover { background:#0011a1; }

.con_footer { overflow:hidden; background:#323232; transition:all 0.3s ease; }
.con_footer ul { overflow:hidden; }
.con_footer ul li { float:left; width:28%; transition:all 0.3s ease; }
.con_footer ul li.op1 { width:44%; }
.con_footer ul li a { padding:50px 0 50px 0; display:block; color:#ffffff; font-size:50px; font-weight:600; line-height:1; text-align:center; letter-spacing:-0.02em; transition:all 0.3s ease; }
.con_footer ul li a.link1 { background:#0048d0; }
.con_footer ul li a.link1:hover { color:#ffffff; background:#02389e; }
.con_footer ul li a.link2 { background:#38907c; }
.con_footer ul li a.link2:hover { color:#ffffff; background:#235c4f; }
.con_footer ul li a.link3 { background:#90388d; }
.con_footer ul li a.link3:hover { color:#ffffff; background:#61255f; }

.con_tit { overflow:hidden; transition:all 0.3s ease; }
.con_tit h2 { color:#ffffff; font-size:70px; font-weight:400; line-height:1.3; text-align:center; letter-spacing:-0.03em; word-break:keep-all; transition:all 0.3s ease; }
.con_tit h2 span { color:#ffee00; font-weight:600; }

.con_usertype { margin:150px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
.con_usertype ul { overflow:hidden; }
.con_usertype ul li { margin:0 50px 0 0; float:left; width:calc((100% - 50px) / 2); transition:all 0.3s ease; }
.con_usertype ul li:last-child { margin:0 0 0 0; }
.con_usertype ul li a { padding:350px 0 200px 0; display:block; color:#010101; font-size:60px; font-weight:700; line-height:1; text-align:center; letter-spacing:-0.02em; border-radius:36px; }
.con_usertype ul li a.link1 { background:#f8edd3 url("../images/ic_01.png") no-repeat center 200px; background-size:auto 80px; }
.con_usertype ul li a.link2 { background:#d3f8da url("../images/ic_02.png") no-repeat center 180px; background-size:auto 120px; }
.con_usertype ul li a.link1:hover { color:#ffffff; background:#a67f23 url("../images/ic_01_on.png") no-repeat center 200px; background-size:auto 80px; }
.con_usertype ul li a.link2:hover { color:#ffffff; background:#197c2c url("../images/ic_02_on.png") no-repeat center 180px; background-size:auto 110px; }

.con_facility { margin:150px 0 0 0; overflow:hidden; transition:all 0.3s ease; }

.con_facility .con1 { margin:0 0 30px 0; padding:45px 40px 40px 45px; position:relative; height:325px; background:#f8edd3 url("../images/ic_10.png") no-repeat left 50px bottom 40px; background-size:auto 70px; border-radius:36px; transition:all 0.3s ease; }
.con_facility .con1 h3 { color:#010101; font-size:50px; font-weight:800; line-height:1; letter-spacing:-0.02em; transition:all 0.3s ease; }
.con_facility .con1 ul { margin:50px 0 0 0; position:absolute; right:35px; bottom:35px; overflow:hidden; transition:all 0.3s ease; }
.con_facility .con1 ul li { margin:0 0 10px 0; transition:all 0.3s ease; }
.con_facility .con1 ul li:last-child { margin:0 0 0 0; }
.con_facility .con1 ul li a { padding:10px 40px 10px 40px; display:inline-block; color:#ffffff; font-size:26px; font-weight:500; line-height:1; text-align:center; letter-spacing:0.01em; background:#444444; border-radius:36px; transition:all 0.3s ease; }
.con_facility .con1 ul li a:hover { background:#f67400; }

.con_facility .con2 { margin:0 30px 30px 0; padding:45px 40px 40px 45px; position:relative; float:left; width:calc(100% - 360px); height:325px; background:#dff8d3 url("../images/ic_11.png") no-repeat left 50px bottom 40px; background-size:auto 68px; border-radius:36px; transition:all 0.3s ease; }
.con_facility .con2 h3 { color:#010101; font-size:45px; font-weight:800; line-height:1; letter-spacing:-0.02em; transition:all 0.3s ease; }
.con_facility .con2 ul { margin:50px 0 0 0; position:absolute; right:35px; bottom:35px; overflow:hidden; transition:all 0.3s ease; }
.con_facility .con2 ul li { margin:0 0 10px 0; transition:all 0.3s ease; }
.con_facility .con2 ul li:last-child { margin:0 0 0 0; }
.con_facility .con2 ul li a { padding:10px 40px 10px 40px; display:inline-block; color:#ffffff; font-size:26px; font-weight:500; line-height:1; text-align:center; letter-spacing:0.01em; background:#444444; border-radius:36px; transition:all 0.3s ease; }
.con_facility .con2 ul li a:hover { background:#f67400; }

.con_facility .con3 { margin:0 0 30px 0; padding:45px 40px 40px 45px; position:relative; float:left; width:330px; height:325px; background:#d3e0f8 url("../images/ic_12.png") no-repeat left 50px bottom 40px; background-size:auto 67px; border-radius:36px; transition:all 0.3s ease; }
.con_facility .con3 h3 { color:#010101; font-size:45px; font-weight:800; line-height:1; letter-spacing:-0.02em; transition:all 0.3s ease; }
.con_facility .con3 ul { margin:50px 0 0 0; position:absolute; right:35px; bottom:35px; overflow:hidden; transition:all 0.3s ease; }
.con_facility .con3 ul li { margin:0 0 10px 0; transition:all 0.3s ease; }
.con_facility .con3 ul li:last-child { margin:0 0 0 0; }
.con_facility .con3 ul li a { padding:10px 40px 10px 40px; display:inline-block; color:#ffffff; font-size:26px; font-weight:500; line-height:1; text-align:center; letter-spacing:0.01em; background:#444444; border-radius:36px; transition:all 0.3s ease; }
.con_facility .con3 ul li a:hover { background:#f67400; }

.con_facility .con4 { margin:0 30px 0 0; padding:45px 40px 40px 45px; position:relative; float:left; width:calc((100% - 30px) / 2); height:325px; background:#ecd3f8 url("../images/ic_13.png") no-repeat left 50px bottom 40px; background-size:auto 70px; border-radius:36px; transition:all 0.3s ease; }
.con_facility .con4 h3 { color:#010101; font-size:45px; font-weight:800; line-height:1; letter-spacing:-0.02em; transition:all 0.3s ease; }
.con_facility .con4 ul { margin:50px 0 0 0; position:absolute; right:35px; bottom:35px; overflow:hidden; transition:all 0.3s ease; }
.con_facility .con4 ul li { margin:0 0 10px 0; transition:all 0.3s ease; }
.con_facility .con4 ul li:last-child { margin:0 0 0 0; }
.con_facility .con4 ul li a { padding:10px 40px 10px 40px; display:inline-block; color:#ffffff; font-size:26px; font-weight:500; line-height:1; text-align:center; letter-spacing:0.01em; background:#444444; border-radius:36px; transition:all 0.3s ease; }
.con_facility .con4 ul li a:hover { background:#f67400; }

.con_facility .con5 { padding:45px 40px 40px 45px; position:relative; float:left; width:calc((100% - 30px) / 2); height:325px; background:#f8d3d3 url("../images/ic_14.png") no-repeat left 50px bottom 40px; background-size:auto 65px; border-radius:36px; transition:all 0.3s ease; }
.con_facility .con5 h3 { color:#010101; font-size:45px; font-weight:800; line-height:1; letter-spacing:-0.02em; transition:all 0.3s ease; }
.con_facility .con5 ul { margin:50px 0 0 0; position:absolute; right:35px; bottom:35px; overflow:hidden; transition:all 0.3s ease; }
.con_facility .con5 ul li { margin:0 0 10px 0; transition:all 0.3s ease; }
.con_facility .con5 ul li:last-child { margin:0 0 0 0; }
.con_facility .con5 ul li a { padding:10px 40px 10px 40px; display:inline-block; color:#ffffff; font-size:26px; font-weight:500; line-height:1; text-align:center; letter-spacing:0.01em; background:#444444; border-radius:36px; transition:all 0.3s ease; }
.con_facility .con5 ul li a:hover { background:#f67400; }

.con_login { margin:150px 0 0 0; padding:120px 60px 120px 60px; overflow:hidden; background:#ffffff; border-radius:36px; transition:all 0.3s ease; }
.con_login ul { overflow:hidden; }
.con_login li { margin:0 0 30px 0; float:left; transition:all 0.3s ease; }
.con_login li:last-child { margin:0 0 0 0; }
.con_login li.tit { padding:25px 0 0 0; width:200px; color:#111111; font-size:45px; font-weight:700; line-height:1.3; letter-spacing:-0.02em; transition:all 0.3s ease; }
.con_login li.forms { width:calc(100% - 200px); }
.con_login li select { padding:35px 0 35px 20px; width:100%; color:#111111; font-size:40px; font-weight:500; border:3px solid #d8d8d8; border-radius:12px; cursor:pointer; appearance:none; background:#ffffff url("../images/arrow_03.png") no-repeat right 20px center; }
.con_login li input[type="text"] { padding:30px 30px 30px 30px; width:100%; color:#111111; font-size:40px; font-weight:500; border:3px solid #d8d8d8; border-radius:12px; }
.con_login li input[type="password"] { padding:30px 30px 30px 30px; width:100%; color:#111111; font-size:40px; font-weight:500; border:3px solid #d8d8d8; border-radius:12px; }
.con_login dl { overflow:hidden; }
.con_login dt { float:left; }
.con_login dt.forms { width:calc((100% - 100px) / 3); }
.con_login dt.dash { padding:30px 0 0 0; width:50px; color:#111111; font-size:40px; font-weight:400; line-height:1; text-align:center; }

.con_class { margin:80px 0 0 0; padding:60px 50px 60px 50px; height:1010px; overflow:hidden; background:#ffffff; border-radius:24px; transition:all 0.3s ease; }
.con_class_c { height:890px; overflow-y:scroll; border-top:1px solid #111111; transition:all 0.3s ease; }
.con_class_c table { width:100%; }
.con_class_c th { padding:30px 5px 30px 5px; color:#111111; font-size:20px; font-weight:800; text-align:center; background:#f2f2f2; border:1px solid #d8d8d8; transition:all 0.3s ease; }
.con_class_c th:first-child { border-width:1px 0 1px 0; }
.con_class_c th:last-child { border-width:1px 0 1px 0; }
.con_class_c td { padding:20px 5px 20px 5px; color:#333333; font-size:20px; font-weight:500; text-align:center; border:1px solid #d8d8d8; transition:all 0.3s ease; }
.con_class_c td:first-child { border-width:1px 0 1px 0; }
.con_class_c td:last-child { border-width:1px 0 1px 0; }
.con_class_c td.op1 { padding:20px 5px 20px 10px; text-align:left; }
.con_class_c td a.link1 { margin:8px 0 0 0; display:inline-block; padding:5px 10px 5px 10px; color:#ffffff; font-size:16px; font-weight:400; text-align:center; background:#007cd0; border:1px solid #007cd0; border-radius:4px; transition:all 0.3s ease; }
.con_class_c td a.link1:hover { color:#007cd0; font-weight:500; background:#ffffff; }
.con_class_c td a.link2 { margin:8px 0 0 0; display:inline-block; padding:5px 10px 5px 10px; color:#ffffff; font-size:16px; font-weight:400; text-align:center; background:#38907c; border:1px solid #38907c; border-radius:4px; transition:all 0.3s ease; }
.con_class_c td a.link2:hover { color:#38907c; font-weight:500; background:#ffffff; }

.con_classdetail { overflow:hidden; transition:all 0.3s ease; }
.con_classdetail table { width:100%; }
.con_classdetail th { padding:20px 20px 20px 20px; color:#111111; font-size:24px; font-weight:600; text-align:left; background:#f2f2f2; border:1px solid #d8d8d8; transition:all 0.3s ease; }
.con_classdetail td { padding:20px 20px 20px 20px; color:#333333; font-size:24px; font-weight:400; text-align:left; border:1px solid #d8d8d8; transition:all 0.3s ease; }

.con_classroom { margin:30px 0 0 0; overflow:hidden; border:3px solid #444444; border-radius:12px; transition:all 0.3s ease; }
.con_classroom.mop1 { margin:0 0 0 0; }
.con_classroom img { width:960px; }
.con_classroom h3 { padding:30px 0 30px 0; color:#ffffff; font-size:30px; font-weight:600; text-align:center; line-height:1.2; background:#444444; transition:all 0.3s ease; }
.con_classroom_c { position:relative; height:500px; overflow:hidden; transition:all 0.3s ease; }
.con_classroom_c.hop1 { height:570px; }
.con_classroom_c span.ele { position:absolute; right:15px; top:180px; width:41px; height:55px; background:url("../images/ic_07.png") no-repeat 0 0; background-size:auto 55px; font-size:0; }
.con_classroom_c span.floor { position:absolute; left:350px; top:363px; width:48px; height:40px; background:url("../images/ic_05.png") no-repeat 0 0; background-size:auto 40px; font-size:0; border:none; }
.con_classroom_c span.wc { position:absolute; left:408px; top:363px; width:38px; height:40px; background:url("../images/ic_09.png") no-repeat 0 0; background-size:auto 40px; font-size:0; border:none; }
.con_classroom_c span.wc2 { position:absolute; left:685px; top:325px; width:38px; height:40px; background:url("../images/ic_09.png") no-repeat 0 0; background-size:auto 40px; font-size:0; border:none; }

.con_classroom_c .con1_1 { position:absolute; left:10px; top:30px; width:calc(100% - 20px); }
.con_classroom_c .con1_1 ul { padding:0 0 0 40px; display:flex; justify-content:space-evenly; overflow:hidden; }
.con_classroom_c .con1_1 ul li { padding:0 10px 0 10px; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; height:130px; color:#111111; font-size:18px; font-weight:700; line-height:1.3; text-align:center; background:#f2f2f2; border:1px solid #cccccc; border-radius:12px; transition:all 0.3s ease; }
.con_classroom_c .con1_1 ul li.wc1 { padding:0 30px 0 30px; background:url("../images/ic_03.png") no-repeat center center; background-size:auto 45px; font-size:0; }
.con_classroom_c .con1_1 ul li.wc2 { padding:0 30px 0 30px; background:url("../images/ic_04.png") no-repeat center center; background-size:auto 45px; font-size:0; }
.con_classroom_c .con1_1 ul li.floor { width:100px; background:url("../images/ic_05.png") no-repeat center center; background-size:auto 50px; font-size:0; border:none; }
.con_classroom_c .con1_1 ul li.on { color:#ffffff; background:#0d81e7 url("../images/ic_08.png") no-repeat center 15px; background-size:auto 30px; border:1px solid #0d81e7; animation:con_ani 700ms infinite alternate; }

.con_classroom_c .con1_2 { position:absolute; left:10px; bottom:30px; width:calc(100% - 20px); }
.con_classroom_c .con1_2 ul { display:flex; justify-content:space-evenly; overflow:hidden; }
.con_classroom_c .con1_2 ul li { padding:0 7px 0 7px; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; height:180px; color:#111111; font-size:18px; font-weight:700; line-height:1.3; text-align:center; background:#f2f2f2; border:1px solid #cccccc; border-radius:12px; transition:all 0.3s ease; }
.con_classroom_c .con1_2 ul li.door { padding:0 30px 0 30px; width:200px; background:url("../images/ic_06.png") no-repeat center bottom 10px; background-size:auto 60px; border:none; }
.con_classroom_c .con1_2 ul li.class1 { width:200px; background:#f2faff; }
.con_classroom_c .con1_2 ul li.class2 { width:120px; background:#f2faff; }
.con_classroom_c .con1_2 ul li.on { color:#ffffff; background:#0d81e7 url("../images/ic_08.png") no-repeat center 30px; background-size:auto 30px; border:1px solid #0d81e7; animation:con_ani 700ms infinite alternate; }

.con_classroom_c .con2_1 { position:absolute; left:10px; top:30px; width:calc(100% - 20px); }
.con_classroom_c .con2_1 ul { padding:0 0 0 40px; display:flex; justify-content:space-evenly; overflow:hidden; }
.con_classroom_c .con2_1 ul li { padding:0 5px 0 5px; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; height:130px; color:#111111; font-size:18px; font-weight:700; line-height:1.3; text-align:center; background:#f2f2f2; border:1px solid #cccccc; border-radius:12px; transition:all 0.3s ease; }
.con_classroom_c .con2_1 ul li.wc1 { padding:0 30px 0 30px; background:url("../images/ic_03.png") no-repeat center center; background-size:auto 45px; font-size:0; }
.con_classroom_c .con2_1 ul li.wc2 { padding:0 30px 0 30px; background:url("../images/ic_04.png") no-repeat center center; background-size:auto 45px; font-size:0; }
.con_classroom_c .con2_1 ul li.floor { width:100px; background:url("../images/ic_05.png") no-repeat center center; background-size:auto 50px; font-size:0; border:none; }
.con_classroom_c .con2_1 ul li.wop1 { width:140px; }
.con_classroom_c .con2_1 ul li.wop2 { width:90px; }
.con_classroom_c .con2_1 ul li.on { color:#ffffff; background:#0d81e7 url("../images/ic_08.png") no-repeat center 15px; background-size:auto 30px; border:1px solid #0d81e7; animation:con_ani 700ms infinite alternate; }

.con_classroom_c .con2_2 { position:absolute; left:10px; bottom:30px; width:calc(100% - 20px); }
.con_classroom_c .con2_2 ul { display:flex; justify-content:space-evenly; overflow:hidden; }
.con_classroom_c .con2_2 ul li { padding:0 5px 0 5px; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; height:180px; color:#111111; font-size:18px; font-weight:700; line-height:1.3; text-align:center; background:#f2f2f2; border:1px solid #cccccc; border-radius:12px; transition:all 0.3s ease; }
.con_classroom_c .con2_2 ul li.class1 { width:190px; background:#f2faff; }
.con_classroom_c .con2_2 ul li.wop1 { width:70px; }
.con_classroom_c .con2_2 ul li.on { color:#ffffff; background:#0d81e7 url("../images/ic_08.png") no-repeat center 30px; background-size:auto 30px; border:1px solid #0d81e7; animation:con_ani 700ms infinite alternate; }

.con_classroom_c .con3_1 { position:absolute; left:10px; top:30px; width:calc(100% - 20px); }
.con_classroom_c .con3_1 ul { padding:0 0 0 40px; display:flex; justify-content:space-evenly; overflow:hidden; }
.con_classroom_c .con3_1 ul li { padding:0 5px 0 5px; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; height:130px; color:#111111; font-size:18px; font-weight:700; line-height:1.3; text-align:center; background:#f2f2f2; border:1px solid #cccccc; border-radius:12px; transition:all 0.3s ease; }
.con_classroom_c .con3_1 ul li.wc1 { padding:0 30px 0 30px; background:url("../images/ic_03.png") no-repeat center center; background-size:auto 45px; font-size:0; }
.con_classroom_c .con3_1 ul li.wc2 { padding:0 30px 0 30px; background:url("../images/ic_04.png") no-repeat center center; background-size:auto 45px; font-size:0; }
.con_classroom_c .con3_1 ul li.floor { width:100px; background:url("../images/ic_05.png") no-repeat center center; background-size:auto 50px; font-size:0; border:none; }
.con_classroom_c .con3_1 ul li.wop1 { width:80px; }
.con_classroom_c .con3_1 ul li.on { color:#ffffff; background:#0d81e7 url("../images/ic_08.png") no-repeat center 10px; background-size:auto 25px; border:1px solid #0d81e7; animation:con_ani 700ms infinite alternate; }

.con_classroom_c .con3_2 { position:absolute; left:10px; bottom:30px; width:calc(100% - 20px); }
.con_classroom_c .con3_2 ul { display:flex; justify-content:space-evenly; overflow:hidden; }
.con_classroom_c .con3_2 ul li { padding:0 8px 0 8px; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; height:180px; color:#111111; font-size:18px; font-weight:700; line-height:1.3; text-align:center; background:#f2f2f2; border:1px solid #cccccc; border-radius:12px; transition:all 0.3s ease; }
.con_classroom_c .con3_2 ul li.wop1 { width:120px; }
.con_classroom_c .con3_2 ul li.on { color:#ffffff; background:#0d81e7 url("../images/ic_08.png") no-repeat center 30px; background-size:auto 30px; border:1px solid #0d81e7; animation:con_ani 700ms infinite alternate; }

.con_classroom_c .con4_1 { position:absolute; left:20px; top:20px; }
.con_classroom_c .con4_1 ul { display:flex; flex-direction:column; align-items:flex-start; overflow:hidden; }
.con_classroom_c .con4_1 ul li { margin:0 0 8px 0; padding:15px 0 15px 0; width:130px; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; color:#111111; font-size:18px; font-weight:700; line-height:1.3; text-align:center; background:#f2f2f2; border:1px solid #cccccc; border-radius:8px; transition:all 0.3s ease; }
.con_classroom_c .con4_1 ul li:last-child { margin:0 0 0 0; }
.con_classroom_c .con4_1 ul li:nth-child(3) { margin:0 0 20px 0; }
.con_classroom_c .con4_1 ul li.wop1 { width:80px; }
.con_classroom_c .con4_1 ul li.class1 { background:#f2faff; }
.con_classroom_c .con4_1 ul li.empty { height:10px; background:none; border:none; font-size:0; }
.con_classroom_c .con4_1 ul li.on { color:#ffffff; background:#0d81e7; border:1px solid #0d81e7; animation:con_ani 700ms infinite alternate; }

.con_classroom_c .con4_2 { position:absolute; left:200px; top:20px; }
.con_classroom_c .con4_2 ul { display:flex; flex-direction:column; align-items:flex-start; overflow:hidden; }
.con_classroom_c .con4_2 ul li { margin:0 0 8px 0; padding:15px 0 15px 0; width:130px; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; color:#111111; font-size:18px; font-weight:700; line-height:1.3; text-align:center; background:#f2f2f2; border:1px solid #cccccc; border-radius:8px; transition:all 0.3s ease; }
.con_classroom_c .con4_2 ul li:nth-child(2) { margin:0 0 85px 0; }
.con_classroom_c .con4_2 ul li.wc { height:55px; background:url("../images/ic_09.png") no-repeat center center; background-size:auto 40px; font-size:0; border:none; }
.con_classroom_c .con4_2 ul li.on { color:#ffffff; background:#0d81e7; border:1px solid #0d81e7; animation:con_ani 700ms infinite alternate; }

.con_classroom_c .con4_3 { position:absolute; right:20px; top:120px; width:420px; }
.con_classroom_c .con4_3 ul { display:flex; justify-content:space-evenly; overflow:hidden; }
.con_classroom_c .con4_3 ul li { width:200px; height:285px; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; color:#111111; font-size:18px; font-weight:700; line-height:1.3; text-align:center; background:#f2f2f2; border:1px solid #cccccc; border-radius:8px; transition:all 0.3s ease; }
.con_classroom_c .con4_3 ul li:nth-child(2) { height:260px; }
.con_classroom_c .con4_3 ul li.on { color:#ffffff; background:#0d81e7 url("../images/ic_08.png") no-repeat center 80px; background-size:auto 30px; border:1px solid #0d81e7; animation:con_ani 700ms infinite alternate; }

.con_classroom_c .con4_4 { position:absolute; left:20px; bottom:20px; }
.con_classroom_c .con4_4 ul { display:flex; flex-direction:column; align-items:flex-start; overflow:hidden; }
.con_classroom_c .con4_4 ul li { margin:0 0 8px 0; padding:10px 0 10px 0; width:130px; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; color:#111111; font-size:18px; font-weight:700; line-height:1.3; text-align:center; background:#f2f2f2; border:1px solid #cccccc; border-radius:8px; transition:all 0.3s ease; }
.con_classroom_c .con4_4 ul li:last-child { margin:0 0 0 0; }

.con_classroom_c .con4_5 { position:absolute; right:20px; bottom:20px; }
.con_classroom_c .con4_5 ul { display:flex; flex-direction:column; align-items:flex-start; overflow:hidden; }
.con_classroom_c .con4_5 ul li { margin:0 0 8px 0; padding:10px 0 10px 0; width:200px; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; color:#111111; font-size:18px; font-weight:700; line-height:1.3; text-align:center; background:#f2f2f2; border:1px solid #cccccc; border-radius:8px; transition:all 0.3s ease; }
.con_classroom_c .con4_5 ul li:last-child { margin:0 0 0 0; }

.con_dormitory { margin:30px 0 0 0; overflow:hidden; border:3px solid #444444; border-radius:12px; transition:all 0.3s ease; }
.con_dormitory.mop1 { margin:0 0 0 0; }
.con_dormitory img { width:960px; }
.con_dormitory h3 { padding:30px 0 30px 0; color:#ffffff; font-size:30px; font-weight:600; text-align:center; line-height:1.2; background:#444444; transition:all 0.3s ease; }
.con_dormitory_c { position:relative; height:500px; overflow:hidden; transition:all 0.3s ease; }

.con_dormitory_c .con1_1 { position:absolute; left:10px; top:30px; width:calc(100% - 40px); }
.con_dormitory_c .con1_1 ul { display:flex; justify-content:space-evenly; overflow:hidden; }
.con_dormitory_c .con1_1 ul li { padding:0 5px 0 5px; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; height:180px; color:#111111; font-size:17px; font-weight:700; line-height:1.3; text-align:center; background:#f2f2f2; border:1px solid #cccccc; border-radius:8px; transition:all 0.3s ease; }
.con_dormitory_c .con1_1 ul li.fop1 { writing-mode:vertical-lr; text-orientation:upright; }
.con_dormitory_c .con1_1 ul li.floor { width:30px; background:url("../images/ic_05.png") no-repeat center center; background-size:auto 25px; font-size:0; border:none; }
.con_dormitory_c .con1_1 ul li.room { background:#f8fbf6; }
.con_dormitory_c .con1_1 ul li.on { padding:0 7px 0 7px; color:#ffffff; background:#38907c url("../images/ic_08.png") no-repeat center 45px; background-size:auto 25px; border:1px solid #38907c; animation:con_ani 700ms infinite alternate; }

.con_dormitory_c .con1_2 { position:absolute; left:10px; bottom:30px; width:calc(100% - 55px); }
.con_dormitory_c .con1_2 ul { display:flex; justify-content:space-evenly; overflow:hidden; }
.con_dormitory_c .con1_2 ul li { padding:0 5px 0 5px; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; height:180px; color:#111111; font-size:17px; font-weight:700; line-height:1.3; text-align:center; background:#f2f2f2; border:1px solid #cccccc; border-radius:8px; transition:all 0.3s ease; }
.con_dormitory_c .con1_2 ul li.fop1 { writing-mode:vertical-lr; text-orientation:upright; }
.con_dormitory_c .con1_2 ul li.empty { width:30px; background:none; border:none; font-size:0; }
.con_dormitory_c .con1_2 ul li.room { background:#f8fbf6; }
.con_dormitory_c .con1_2 ul li.on { padding:0 7px 0 7px; color:#ffffff; background:#38907c url("../images/ic_08.png") no-repeat center 45px; background-size:auto 25px; border:1px solid #38907c; animation:con_ani 700ms infinite alternate; }

.con_dormitory_c .con1_3 { position:absolute; right:10px; bottom:30px; }
.con_dormitory_c .con1_3 ul { display:flex; overflow:hidden; }
.con_dormitory_c .con1_3 ul li { padding:0 5px 0 5px; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; height:180px; color:#111111; font-size:17px; font-weight:700; line-height:1.3; text-align:center; background:#f2f2f2; border:1px solid #cccccc; border-radius:8px; transition:all 0.3s ease; }
.con_dormitory_c .con1_3 ul li.fop1 { writing-mode:vertical-lr; text-orientation:upright; }
.con_dormitory_c .con1_3 ul li.on { color:#ffffff; background:#38907c; border:1px solid #38907c; animation:con_ani 700ms infinite alternate; }

.con_dormitory_c .con2_1 { position:absolute; left:10px; top:30px; width:calc(100% - 30px); }
.con_dormitory_c .con2_1 ul { display:flex; justify-content:space-evenly; overflow:hidden; }
.con_dormitory_c .con2_1 ul li { padding:0 3px 0 3px; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; height:180px; color:#111111; font-size:17px; font-weight:700; line-height:1.3; text-align:center; background:#f2f2f2; border:1px solid #cccccc; border-radius:8px; transition:all 0.3s ease; }
.con_dormitory_c .con2_1 ul li.fop1 { writing-mode:vertical-lr; text-orientation:upright; }
.con_dormitory_c .con2_1 ul li.floor { width:25px; background:url("../images/ic_05.png") no-repeat center center; background-size:auto 20px; font-size:0; border:none; }
.con_dormitory_c .con2_1 ul li.room { background:#f8fbf6; }
.con_dormitory_c .con2_1 ul li.on { padding:0 5px 0 5px; color:#ffffff; background:#38907c url("../images/ic_08.png") no-repeat center 45px; background-size:auto 25px; border:1px solid #38907c; animation:con_ani 700ms infinite alternate; }

.con_dormitory_c .con2_2 { position:absolute; left:10px; bottom:30px; width:calc(100% - 50px); }
.con_dormitory_c .con2_2 ul { display:flex; justify-content:space-evenly; overflow:hidden; }
.con_dormitory_c .con2_2 ul li { padding:0 3px 0 3px; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; height:180px; color:#111111; font-size:17px; font-weight:700; line-height:1.3; text-align:center; background:#f2f2f2; border:1px solid #cccccc; border-radius:8px; transition:all 0.3s ease; }
.con_dormitory_c .con2_2 ul li.fop1 { writing-mode:vertical-lr; text-orientation:upright; }
.con_dormitory_c .con2_2 ul li.fop2 { width:10px; background:none; border:none; }
.con_dormitory_c .con2_2 ul li.empty { width:25px; background:none; border:none; font-size:0; }
.con_dormitory_c .con2_2 ul li.room { background:#f8fbf6; }
.con_dormitory_c .con2_2 ul li.on { padding:0 5px 0 5px; color:#ffffff; background:#38907c url("../images/ic_08.png") no-repeat center 45px; background-size:auto 25px; border:1px solid #38907c; animation:con_ani 700ms infinite alternate; }

.con_dormitory_c .con2_3 { position:absolute; right:10px; bottom:30px; }
.con_dormitory_c .con2_3 ul { display:flex; overflow:hidden; }
.con_dormitory_c .con2_3 ul li { padding:0 3px 0 3px; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; height:180px; color:#111111; font-size:17px; font-weight:700; line-height:1.3; text-align:center; background:#f2f2f2; border:1px solid #cccccc; border-radius:8px; transition:all 0.3s ease; }
.con_dormitory_c .con2_3 ul li.fop1 { writing-mode:vertical-lr; text-orientation:upright; }
.con_dormitory_c .con2_3 ul li.on { color:#ffffff; background:#38907c; border:1px solid #38907c; animation:con_ani 700ms infinite alternate; }

.con_dormitory_c .con3_1 { position:absolute; left:10px; top:30px; width:calc(100% - 30px); }
.con_dormitory_c .con3_1 ul { display:flex; justify-content:space-evenly; overflow:hidden; }
.con_dormitory_c .con3_1 ul li { padding:0 3px 0 3px; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; height:180px; color:#111111; font-size:17px; font-weight:700; line-height:1.3; text-align:center; background:#f2f2f2; border:1px solid #cccccc; border-radius:8px; transition:all 0.3s ease; }
.con_dormitory_c .con3_1 ul li.fop1 { writing-mode:vertical-lr; text-orientation:upright; }
.con_dormitory_c .con3_1 ul li.floor { width:25px; background:url("../images/ic_05.png") no-repeat center center; background-size:auto 20px; font-size:0; border:none; }
.con_dormitory_c .con3_1 ul li.room { background:#f8fbf6; }
.con_dormitory_c .con3_1 ul li.on { padding:0 5px 0 5px; color:#ffffff; background:#38907c url("../images/ic_08.png") no-repeat center 45px; background-size:auto 25px; border:1px solid #38907c; animation:con_ani 700ms infinite alternate; }

.con_dormitory_c .con3_2 { position:absolute; left:10px; bottom:30px; width:calc(100% - 50px); }
.con_dormitory_c .con3_2 ul { display:flex; justify-content:space-evenly; overflow:hidden; }
.con_dormitory_c .con3_2 ul li { padding:0 3px 0 3px; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; height:180px; color:#111111; font-size:17px; font-weight:700; line-height:1.3; text-align:center; background:#f2f2f2; border:1px solid #cccccc; border-radius:8px; transition:all 0.3s ease; }
.con_dormitory_c .con3_2 ul li.fop1 { writing-mode:vertical-lr; text-orientation:upright; }
.con_dormitory_c .con3_2 ul li.fop2 { width:10px; background:none; border:none; }
.con_dormitory_c .con3_2 ul li.empty { width:25px; background:none; border:none; font-size:0; }
.con_dormitory_c .con3_2 ul li.room { background:#f8fbf6; }
.con_dormitory_c .con3_2 ul li.on { padding:0 5px 0 5px; color:#ffffff; background:#38907c url("../images/ic_08.png") no-repeat center 45px; background-size:auto 25px; border:1px solid #38907c; animation:con_ani 700ms infinite alternate; }

.con_dormitory_c .con3_3 { position:absolute; right:10px; bottom:30px; }
.con_dormitory_c .con3_3 ul { display:flex; overflow:hidden; }
.con_dormitory_c .con3_3 ul li { padding:0 3px 0 3px; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; height:180px; color:#111111; font-size:17px; font-weight:700; line-height:1.3; text-align:center; letter-spacing:-0.10em; background:#f2f2f2; border:1px solid #cccccc; border-radius:8px; transition:all 0.3s ease; }
.con_dormitory_c .con3_3 ul li.fop1 { writing-mode:vertical-lr; text-orientation:upright; }
.con_dormitory_c .con3_3 ul li.on { color:#ffffff; background:#38907c; border:1px solid #38907c; animation:con_ani 700ms infinite alternate; }

.con_dormitory_c .con4_1 { position:absolute; left:10px; top:30px; width:calc(100% - 20px); }
.con_dormitory_c .con4_1 ul { display:flex; justify-content:space-evenly; overflow:hidden; }
.con_dormitory_c .con4_1 ul li { padding:0 15px 0 15px; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; height:180px; color:#111111; font-size:18px; font-weight:700; line-height:1.3; text-align:center; background:#f2f2f2; border:1px solid #cccccc; border-radius:8px; transition:all 0.3s ease; }
.con_dormitory_c .con4_1 ul li.fop1 { writing-mode:vertical-lr; text-orientation:upright; }
.con_dormitory_c .con4_1 ul li.floor { width:50px; background:url("../images/ic_05.png") no-repeat center center; background-size:auto 35px; font-size:0; border:none; }
.con_dormitory_c .con4_1 ul li.room { background:#f8fbf6; }
.con_dormitory_c .con4_1 ul li.on { padding:0 16px 0 16px; color:#ffffff; background:#38907c url("../images/ic_08.png") no-repeat center 40px; background-size:auto 30px; border:1px solid #38907c; animation:con_ani 700ms infinite alternate; }

.con_dormitory_c .con4_2 { position:absolute; left:10px; bottom:30px; width:calc(100% - 20px); }
.con_dormitory_c .con4_2 ul { display:flex; justify-content:space-evenly; overflow:hidden; }
.con_dormitory_c .con4_2 ul li { padding:0 15px 0 15px; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; height:180px; color:#111111; font-size:18px; font-weight:700; line-height:1.3; text-align:center; background:#f2f2f2; border:1px solid #cccccc; border-radius:8px; transition:all 0.3s ease; }
.con_dormitory_c .con4_2 ul li.fop1 { writing-mode:vertical-lr; text-orientation:upright; }
.con_dormitory_c .con4_2 ul li.empty { width:50px; background:none; border:none; font-size:0; }
.con_dormitory_c .con4_2 ul li.room { background:#f8fbf6; }
.con_dormitory_c .con4_2 ul li.on { padding:0 16px 0 16px; color:#ffffff; background:#38907c url("../images/ic_08.png") no-repeat center 40px; background-size:auto 30px; border:1px solid #38907c; animation:con_ani 700ms infinite alternate; }

.con_dormitory_c .con5_1 { position:absolute; left:10px; top:30px; width:calc(100% - 20px); }
.con_dormitory_c .con5_1 ul { display:flex; justify-content:space-evenly; overflow:hidden; }
.con_dormitory_c .con5_1 ul li { padding:0 15px 0 15px; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; height:180px; color:#111111; font-size:18px; font-weight:700; line-height:1.3; text-align:center; background:#f2f2f2; border:1px solid #cccccc; border-radius:8px; transition:all 0.3s ease; }
.con_dormitory_c .con5_1 ul li.fop1 { writing-mode:vertical-lr; text-orientation:upright; }
.con_dormitory_c .con5_1 ul li.floor { width:50px; background:url("../images/ic_05.png") no-repeat center center; background-size:auto 35px; font-size:0; border:none; }
.con_dormitory_c .con5_1 ul li.room { background:#f8fbf6; }
.con_dormitory_c .con5_1 ul li.on { padding:0 16px 0 16px; color:#ffffff; background:#38907c url("../images/ic_08.png") no-repeat center 40px; background-size:auto 30px; border:1px solid #38907c; animation:con_ani 700ms infinite alternate; }

.con_dormitory_c .con5_2 { position:absolute; left:10px; bottom:30px; width:calc(100% - 20px); }
.con_dormitory_c .con5_2 ul { display:flex; justify-content:space-evenly; overflow:hidden; }
.con_dormitory_c .con5_2 ul li { padding:0 15px 0 15px; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; height:180px; color:#111111; font-size:18px; font-weight:700; line-height:1.3; text-align:center; background:#f2f2f2; border:1px solid #cccccc; border-radius:8px; transition:all 0.3s ease; }
.con_dormitory_c .con5_2 ul li.fop1 { writing-mode:vertical-lr; text-orientation:upright; }
.con_dormitory_c .con5_2 ul li.empty { width:50px; background:none; border:none; font-size:0; }
.con_dormitory_c .con5_2 ul li.room { background:#f8fbf6; }
.con_dormitory_c .con5_2 ul li.on { padding:0 16px 0 16px; color:#ffffff; background:#38907c url("../images/ic_08.png") no-repeat center 40px; background-size:auto 30px; border:1px solid #38907c; animation:con_ani 700ms infinite alternate; }

.con_dormitory_c .con6_1 { position:absolute; left:10px; top:30px; width:calc(100% - 20px); }
.con_dormitory_c .con6_1 ul { display:flex; justify-content:space-evenly; overflow:hidden; }
.con_dormitory_c .con6_1 ul li { padding:0 15px 0 15px; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; height:180px; color:#111111; font-size:18px; font-weight:700; line-height:1.3; text-align:center; background:#f2f2f2; border:1px solid #cccccc; border-radius:8px; transition:all 0.3s ease; }
.con_dormitory_c .con6_1 ul li.fop1 { writing-mode:vertical-lr; text-orientation:upright; }
.con_dormitory_c .con6_1 ul li.floor { width:50px; background:url("../images/ic_05.png") no-repeat center center; background-size:auto 35px; font-size:0; border:none; }
.con_dormitory_c .con6_1 ul li.room { background:#f8fbf6; }
.con_dormitory_c .con6_1 ul li.on { padding:0 16px 0 16px; color:#ffffff; background:#38907c url("../images/ic_08.png") no-repeat center 40px; background-size:auto 30px; border:1px solid #38907c; animation:con_ani 700ms infinite alternate; }

.con_dormitory_c .con6_2 { position:absolute; left:10px; bottom:30px; width:calc(100% - 20px); }
.con_dormitory_c .con6_2 ul { display:flex; justify-content:space-evenly; overflow:hidden; }
.con_dormitory_c .con6_2 ul li { padding:0 15px 0 15px; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; height:180px; color:#111111; font-size:18px; font-weight:700; line-height:1.3; text-align:center; background:#f2f2f2; border:1px solid #cccccc; border-radius:8px; transition:all 0.3s ease; }
.con_dormitory_c .con6_2 ul li.fop1 { writing-mode:vertical-lr; text-orientation:upright; }
.con_dormitory_c .con6_2 ul li.empty { width:50px; background:none; border:none; font-size:0; }
.con_dormitory_c .con6_2 ul li.room { background:#f8fbf6; }
.con_dormitory_c .con6_2 ul li.on { padding:0 16px 0 16px; color:#ffffff; background:#38907c url("../images/ic_08.png") no-repeat center 40px; background-size:auto 30px; border:1px solid #38907c; animation:con_ani 700ms infinite alternate; }

.con_learning { margin:30px 0 0 0; overflow:hidden; border:3px solid #444444; border-radius:12px; transition:all 0.3s ease; }
.con_learning.mop1 { margin:0 0 0 0; }
.con_learning img { width:960px; }
.con_learning h3 { padding:30px 0 30px 0; color:#ffffff; font-size:30px; font-weight:600; text-align:center; line-height:1.2; background:#444444; transition:all 0.3s ease; }
.con_learning_c { position:relative; height:500px; overflow:hidden; transition:all 0.3s ease; }
.con_learning_c.hop1 { height:570px; }
.con_learning_c span.ele { position:absolute; left:30px; top:240px; width:41px; height:55px; background:url("../images/ic_07.png") no-repeat 0 0; background-size:auto 55px; font-size:0; }
.con_learning_c span.floor { position:absolute; left:30px; top:150px; width:48px; height:40px; background:url("../images/ic_05.png") no-repeat 0 0; background-size:auto 40px; font-size:0; border:none; }
.con_learning_c span.wc { position:absolute; left:30px; bottom:20px; width:38px; height:40px; background:url("../images/ic_09.png") no-repeat 0 0; background-size:auto 40px; font-size:0; border:none; }
.con_learning_c span.blank { position:absolute; right:300px; top:20px; width:100px; height:120px; background:#ffffff; font-size:0; border:1px solid #cccccc; border-width:0 1px 1px 0; border-radius:0 0 8px 0; }

.con_learning_c .con1_1 { position:absolute; right:20px; top:20px; }
.con_learning_c .con1_1 ul { display:flex; justify-content:flex-end; overflow:hidden; }
.con_learning_c .con1_1 ul li { width:380px; height:460px; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; color:#111111; font-size:18px; font-weight:700; line-height:1.3; text-align:center; background:#f2f2f2; border:1px solid #cccccc; border-radius:8px; transition:all 0.3s ease; }
.con_learning_c .con1_1 ul li.class1 { background:#f2faff; }
.con_learning_c .con1_1 ul li.on { color:#ffffff; background:#0d81e7 url("../images/ic_08.png") no-repeat center 160px; background-size:auto 30px; border:1px solid #0d81e7; animation:con_ani 700ms infinite alternate; }

.con_learning_c .con1_2 { position:absolute; right:calc(100% - 420px); top:140px; }
.con_learning_c .con1_2 ul { display:flex; flex-direction:column; align-items:flex-start; overflow:hidden; }
.con_learning_c .con1_2 ul li { padding:20px 0 20px 0; width:200px; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; color:#111111; font-size:18px; font-weight:700; line-height:1.3; text-align:center; background:#f2f2f2; border:1px solid #cccccc; border-radius:8px; transition:all 0.3s ease; }

.con_learning_c .con1_3 { position:absolute; right:calc(100% - 460px); bottom:20px; }
.con_learning_c .con1_3 ul { display:flex; align-items:flex-start; overflow:hidden; }
.con_learning_c .con1_3 ul li { width:340px; height:200px; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; color:#111111; font-size:18px; font-weight:700; line-height:1.3; text-align:center; background:#f2f2f2; border:1px solid #cccccc; border-radius:8px; transition:all 0.3s ease; }
.con_learning_c .con1_3 ul li.class1 { background:#f2faff; }
.con_learning_c .con1_3 ul li.on { color:#ffffff; background:#0d81e7 url("../images/ic_08.png") no-repeat center 45px; background-size:auto 30px; border:1px solid #0d81e7; animation:con_ani 700ms infinite alternate; }

.con_learning_c .con2_1 { position:absolute; right:20px; top:20px; }
.con_learning_c .con2_1 ul { display:flex; align-items:flex-start; overflow:hidden; }
.con_learning_c .con2_1 ul li { margin:0 20px 0 0; width:300px; height:120px; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; color:#111111; font-size:18px; font-weight:700; line-height:1.3; text-align:center; background:#f2f2f2; border:1px solid #cccccc; border-radius:8px; transition:all 0.3s ease; }
.con_learning_c .con2_1 ul li:last-child { margin:0 0 0 0; }
.con_learning_c .con2_1 ul li.class1 { background:#f2faff; }
.con_learning_c .con2_1 ul li.on { color:#ffffff; background:#0d81e7 url("../images/ic_08.png") no-repeat left 70px top 40px; background-size:auto 30px; border:1px solid #0d81e7; animation:con_ani 700ms infinite alternate; }

.con_learning_c .con2_2 { position:absolute; right:20px; bottom:20px; }
.con_learning_c .con2_2 ul { display:flex; justify-content:flex-end; overflow:hidden; }
.con_learning_c .con2_2 ul li { width:620px; height:280px; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; color:#111111; font-size:18px; font-weight:700; line-height:1.3; text-align:center; background:#f2f2f2; border:1px solid #cccccc; border-radius:8px; transition:all 0.3s ease; }
.con_learning_c .con2_2 ul li.class1 { background:#f2faff; }
.con_learning_c .con2_2 ul li.on { color:#ffffff; background:#0d81e7 url("../images/ic_08.png") no-repeat center 70px; background-size:auto 30px; border:1px solid #0d81e7; animation:con_ani 700ms infinite alternate; }

.con_learning_c .con2_3 { position:absolute; right:calc(100% - 230px); bottom:20px; }
.con_learning_c .con2_3 ul { display:flex; flex-direction:column; align-items:flex-start; overflow:hidden; }
.con_learning_c .con2_3 ul li { padding:20px 0 20px 0; width:120px; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; color:#111111; font-size:18px; font-weight:700; line-height:1.3; text-align:center; background:#f2f2f2; border:1px solid #cccccc; border-radius:8px; transition:all 0.3s ease; }

.con_learning_c .con3_1 { position:absolute; right:20px; top:20px; }
.con_learning_c .con3_1 ul { display:flex; justify-content:flex-end; overflow:hidden; }
.con_learning_c .con3_1 ul li { width:300px; height:460px; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; color:#111111; font-size:18px; font-weight:700; line-height:1.3; text-align:center; background:#f2f2f2; border:1px solid #cccccc; border-radius:8px; transition:all 0.3s ease; }
.con_learning_c .con3_1 ul li.class1 { background:#f2faff; }
.con_learning_c .con3_1 ul li.on { color:#ffffff; background:#0d81e7 url("../images/ic_08.png") no-repeat center 175px; background-size:auto 30px; border:1px solid #0d81e7; animation:con_ani 700ms infinite alternate; }

.con_learning_c .con3_2 { position:absolute; right:calc(100% - 550px); bottom:20px; }
.con_learning_c .con3_2 ul { display:flex; justify-content:flex-start; overflow:hidden; }
.con_learning_c .con3_2 ul li { width:350px; height:200px; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; color:#111111; font-size:18px; font-weight:700; line-height:1.3; text-align:center; background:#f2f2f2; border:1px solid #cccccc; border-radius:8px; transition:all 0.3s ease; }
.con_learning_c .con3_2 ul li.class1 { background:#f2faff; }
.con_learning_c .con3_2 ul li.on { color:#ffffff; background:#0d81e7 url("../images/ic_08.png") no-repeat center 45px; background-size:auto 30px; border:1px solid #0d81e7; animation:con_ani 700ms infinite alternate; }

.con_learning_c .con3_3 { position:absolute; right:calc(100% - 550px); top:20px; }
.con_learning_c .con3_3 ul { display:flex; align-items:flex-start; overflow:hidden; }
.con_learning_c .con3_3 ul li { margin:0 10px 0 0; padding:20px 0 20px 0; width:100px; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; color:#111111; font-size:18px; font-weight:700; line-height:1.3; text-align:center; background:#f2f2f2; border:1px solid #cccccc; border-radius:8px; transition:all 0.3s ease; }
.con_learning_c .con3_3 ul li:last-child { margin:0 0 0 0; width:210px; }

.con_learning_c .con3_4 { position:absolute; right:calc(100% - 550px); top:100px; }
.con_learning_c .con3_4 ul { display:flex; align-items:flex-start; overflow:hidden; }
.con_learning_c .con3_4 ul li { margin:0 10px 0 0; padding:20px 0 20px 0; width:100px; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; color:#111111; font-size:18px; font-weight:700; line-height:1.3; text-align:center; background:#f2f2f2; border:1px solid #cccccc; border-radius:8px; transition:all 0.3s ease; }
.con_learning_c .con3_4 ul li:last-child { margin:0 0 0 0; }

@keyframes con_ani { from { opacity:1; } to { opacity:0.4; } }

.con_notice { padding:100px 70px 100px 100px; height:1365px; overflow:hidden; background:#ffffff; border-radius:36px; transition:all 0.3s ease; }
.con_notice .con1 { height:1100px; overflow-y:auto; overflow-x:hidden; color:#010101; font-size:40px !important; font-weight:500; line-height:1.3; letter-spacing:-0.02em; word-break:break-all; transition:all 0.3s ease; }
.con_notice .con1 p { font-size:40px !important; line-height:1.3; letter-spacing:-0.02em; transition:all 0.3s ease; }
.con_notice .con1 span { font-size:40px !important; line-height:1.3; letter-spacing:-0.02em; transition:all 0.3s ease; }
.con_notice .con1 img { width:100%; max-height:1100px; border-radius:12px; border:1px solid #d8d8d8; }
.con_notice .con1 video { width:100%; max-height:1100px; }
.con_notice .con1 .op1 { display:flex; align-content:center; justify-content:center; flex-wrap:wrap; height:1100px; background:#111111; border-radius:60px; }
.con_notice .con2 { height:120px; }
.con_notice .slick-prev { position:fixed; left:calc(50% - 68px); bottom:60px; display:inline-block; width:58px; height:58px; background:url("../images/arrow_01.png") no-repeat 0 0; text-indent:-10000px; transition:all 0.3s ease; }
.con_notice .slick-prev:hover { filter:brightness(90%); }
.con_notice .slick-next { position:fixed; right:calc(50% - 68px); bottom:60px; display:inline-block; width:58px; height:58px; background:url("../images/arrow_02.png") no-repeat 0 0; text-indent:-10000px; transition:all 0.3s ease; }
.con_notice .slick-next:hover { filter:brightness(90%); }
.con_notice .slick-list { margin:0 -15px 0 -15px; }
.con_notice .slick-slide { margin:0 15px 0 15px; padding:0 40px 0 0; line-height:1.3; }
.con_notice .nodata { display:flex; align-content:center; justify-content:center; flex-wrap:wrap; height:1255px; color:#111111; font-size:45px; font-weight:700; text-align:center; letter-spacing:-0.01em; background:url("../images/check_01.png") no-repeat center calc(50% - 220px); }

.modal { transition:all 0.3s ease; }
.con_modal { overflow:hidden; transition:all 0.3s ease; }
.con_modal .modal { margin:0 auto; transition:all 0.3s ease; }
.con_modal .modal-dialog { margin-top:250px; width:calc(100% - 100px); }
.con_modal .modal-content { margin-top:0px; border-radius:0px; border-left-width:0px; border-right-width:0px; }
.con_modal .modal-header { padding:40px 30px 40px 30px; position:relative; background:#213448; transition:all 0.3s ease; }
.con_modal .modal-header h1 { color:#ffffff; font-size:36px; font-weight:600; }
.con_modal .modal-header h1 span.fop1 { color:#00fdff; font-weight:900; }
.con_modal .modal-header h1 span.fop2 { color:#8fff00; font-weight:900; }
.con_modal .modal-header a.link_close { position:absolute; right:30px; top:40px; display:inline-block; width:35px; height:35px; background:url("../images/close_01.png") no-repeat center center; background-size:auto 35px; text-indent:-10000px; transition:all 0.3s ease; }
.con_modal .modal-header a.link_close:hover { transform:rotate(180deg); }
.con_modal .modal-body { margin:0 0 0 0; padding:40px 40px 60px 40px; transition:all 0.3s ease; }

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

.con_btn_center { margin:100px 0 0 0; text-align:center; transition:all 0.3s ease; }
.con_btn_center a { margin:0 20px 0 0; transition:all 0.3s ease; }
.con_btn_center a:hover { filter:contrast(150%); }
.con_btn_center.mop1 { margin:50px 0 0 0; }
.con_btn_center.mop1 a { margin:0 10px 0 0; }

a.btn_red_01 { display:inline-block; padding:30px 60px 30px 60px; font-size:40px; font-weight:400; color:#ffffff; text-align:center; background:#e94729; border:1px solid #e94729; border-radius:12px; transition:all 0.3s ease; }
a.btn_orange_01 { display:inline-block; padding:30px 60px 30px 60px; font-size:40px; font-weight:400; color:#ffffff; text-align:center; background:#f67400; border:1px solid #f67400; border-radius:12px; transition:all 0.3s ease; }
a.btn_blue_01 { display:inline-block; padding:30px 60px 30px 60px; font-size:40px; font-weight:400; color:#ffffff; text-align:center; background:#007cd0; border:1px solid #007cd0; border-radius:12px; transition:all 0.3s ease; }
a.btn_navyblue_01 { display:inline-block; padding:30px 60px 30px 60px; font-size:40px; font-weight:400; color:#ffffff; text-align:center; background:#004272; border:1px solid #004272; border-radius:12px; transition:all 0.3s ease; }
a.btn_sky_01 { display:inline-block; padding:30px 60px 30px 60px; font-size:40px; font-weight:400; color:#ffffff; text-align:center; background:#26a5ac; border:1px solid #26a5ac; border-radius:12px; transition:all 0.3s ease; }
a.btn_green_01 { display:inline-block; padding:30px 60px 30px 60px; font-size:40px; font-weight:400; color:#ffffff; text-align:center; background:#38907c; border:1px solid #38907c; border-radius:12px; transition:all 0.3s ease; }
a.btn_grey_01 { display:inline-block; padding:30px 60px 30px 60px; font-size:40px; font-weight:400; color:#ffffff; text-align:center; background:#888888; border:1px solid #888888; border-radius:12px; transition:all 0.3s ease; }
a.btn_brown_01 { display:inline-block; padding:30px 60px 30px 60px; font-size:40px; font-weight:400; color:#ffffff; text-align:center; background:#877569; border:1px solid #877569; border-radius:12px; transition:all 0.3s ease; }

a.btn_red_01:hover { color:#e94729; font-weight:500; background:#ffffff; }
a.btn_orange_01:hover { color:#f67400; font-weight:500; background:#ffffff; }
a.btn_blue_01:hover { color:#007cd0; font-weight:500; background:#ffffff; }
a.btn_navyblue_01:hover { color:#004272; font-weight:500; background:#ffffff; }
a.btn_sky_01 :hover { color:#26a5ac; font-weight:500; background:#ffffff; }
a.btn_green_01:hover { color:#38907c; font-weight:500; background:#ffffff; }
a.btn_grey_01:hover { color:#111111; font-weight:500; background:#ffffff; }
a.btn_brown_01:hover { color:#877569; font-weight:500; background:#ffffff; }

a.btn_red_02 { display:inline-block; padding:15px 25px 15px 25px; font-size:24px; font-weight:400; color:#ffffff; text-align:center; background:#e94729; border:1px solid #e94729; border-radius:8px; transition:all 0.3s ease; }
a.btn_orange_02 { display:inline-block; padding:15px 25px 15px 25px; font-size:24px; font-weight:400; color:#ffffff; text-align:center; background:#f67400; border:1px solid #f67400; border-radius:8px; transition:all 0.3s ease; }
a.btn_blue_02 { display:inline-block; padding:15px 25px 15px 25px; font-size:24px; font-weight:400; color:#ffffff; text-align:center; background:#007cd0; border:1px solid #007cd0; border-radius:8px; transition:all 0.3s ease; }
a.btn_navyblue_02 { display:inline-block; padding:15px 25px 15px 25px; font-size:24px; font-weight:400; color:#ffffff; text-align:center; background:#004272; border:1px solid #004272; border-radius:8px; transition:all 0.3s ease; }
a.btn_sky_02 { display:inline-block; padding:15px 25px 15px 25px; font-size:24px; font-weight:400; color:#ffffff; text-align:center; background:#26a5ac; border:1px solid #26a5ac; border-radius:8px; transition:all 0.3s ease; }
a.btn_green_02 { display:inline-block; padding:15px 25px 15px 25px; font-size:24px; font-weight:400; color:#ffffff; text-align:center; background:#38907c; border:1px solid #38907c; border-radius:8px; transition:all 0.3s ease; }
a.btn_grey_02 { display:inline-block; padding:15px 25px 15px 25px; font-size:24px; font-weight:400; color:#ffffff; text-align:center; background:#888888; border:1px solid #888888; border-radius:8px; transition:all 0.3s ease; }
a.btn_brown_02 { display:inline-block; padding:15px 25px 15px 25px; font-size:24px; font-weight:400; color:#ffffff; text-align:center; background:#877569; border:1px solid #877569; border-radius:8px; transition:all 0.3s ease; }

a.btn_red_02:hover { color:#e94729; font-weight:500; background:#ffffff; }
a.btn_orange_02:hover { color:#f67400; font-weight:500; background:#ffffff; }
a.btn_blue_02:hover { color:#007cd0; font-weight:500; background:#ffffff; }
a.btn_navyblue_02:hover { color:#004272; font-weight:500; background:#ffffff; }
a.btn_sky_02 :hover { color:#26a5ac; font-weight:500; background:#ffffff; }
a.btn_green_02:hover { color:#38907c; font-weight:500; background:#ffffff; }
a.btn_grey_02:hover { color:#111111; font-weight:500; background:#ffffff; }
a.btn_brown_02:hover { color:#877569; font-weight:500; background:#ffffff; }

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

/*
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:#38907c; } 그린
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;

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