@charset "utf-8";

@import url("/css/fonts.css");

html { line-height:1.15; -webkit-text-size-adjust:100%; }
body { margin:0; }
main { display:block; }
hr { box-sizing:content-box; height:0; overflow:visible; }
pre { font-family:monospace, monospace; font-size:1em; }
a { background-color:transparent; }
abbr[title] { border-bottom:none; text-decoration:underline; text-decoration:underline dotted; }
b,strong { font-weight:bolder; }
code, kbd, samp { font-family:monospace, monospace; font-size:1em; }
small { font-size:80%; }
sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sub { bottom:-0.25em; }
sup { top:-0.5em; }
img { border-style:none; }
button, input, optgroup, select, textarea { font-family:inherit; font-size:100%; line-height:1.15; margin:0; }
button, input { overflow:visible; }
button, select { text-transform:none; }
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance:button; }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style:none; padding:0; }
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline:1px dotted ButtonText; }
fieldset { padding:0.35em 0.75em 0.625em; }
legend { box-sizing:border-box; color:inherit; display:table; max-width:100%; padding:0; white-space:normal; }
progress { vertical-align:baseline; }
textarea { overflow:auto; }
[type="checkbox"], [type="radio"] { box-sizing:border-box; padding:0; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height:auto; }
[type="search"] { -webkit-appearance:textfield; outline-offset:-2px; }
[type="search"]::-webkit-search-decoration { -webkit-appearance:none; }
::-webkit-file-upload-button { -webkggit-appearance:button; font:inherit; }
details { display:block; }
summary { display:list-item; }
template { display:none; }
[hidden] { display:none; }

* { margin:0; padding:0; border:0; box-sizing:border-box; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, button, cite, code,del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; font:inherit; background:none; }
table, tr, td, th { border-collapse:collapse; border-spacing:0px; }
ol, ul, li { margin:0; list-style:none; }
hr,legend { display:none; }
caption { width:0; height:0; font-size:0; overflow:hidden; padding:0; }
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
strong, b { font-weight:bold; }
button,select { cursor:pointer; }
input,textarea,select {  font-size:inherit; font-weight:inherit; }
a, a:hover, a:focus, a:visited { text-decoration:none; color:#555; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,q:before, q:after { content:''; content:none; }

.blind { display:block; overflow:hidden; position:absolute !important; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; text-indent:-9999px; }
.blank { margin:0; padding:0; border:none; background:none; }
.clearfix:before, .clearfix:after { content:""; display:table; padding:0; }
.clearfix:after { clear:both; }
.tct { text-align:center; }
.tlt { text-align:left; }
.trt { text-align:right; }
.vam { vertical-align:middle; }
.vat { vertical-align:top; }
.vab { vertical-align:bottom; }
.fl { float:left; }
.fr { float:right; }
.ulfl > li { float:left; }
.ulfr > li { float:right; }
.ib { display:inline-block; }
.keep { word-break:keep-all; }
.btnc { display:inline-block; cursor:pointer; text-align:center; }
.mobile { display:none; }
.xmp { margin:10px auto; padding:20px; width:100%; max-width:1200px; border:1px solid #aaa; }

.h1, .h2, .h3, h1, h2, h3 { margin-top:0; padding-top:20px; }

body { font-family:'Nanum Gothic', sans-serif; font-size:15px; color:#333333; }
body.op1 { background:#d0dde3 url("/images/bg_08.jpg") no-repeat center bottom; background-size:cover; }
body.op2 { background:#124487 url("/images/bg_10.jpg") no-repeat center 0; }
body.op3 { background:#f9fafc; }

.wrap { width:100%; background:url("/images/login/bg.gif") center top no-repeat; }
.wrap.op1 { background:none; }

.container { width:100%; max-width:800px; }
.container2 { margin:0 auto; position:relative; width:1400px; }

#hd { width:100%; max-width:770px; margin:0 auto 45px; padding:55px 10px 0; background:url(/images/login/bg_logo.png) center 70px no-repeat; }
#hd h1 { text-align:center; padding:0 40px 0 0; margin:0; }

.login_contents_wrap { padding:0 10px; }
.login_contents_wrap section { position:relative; width:49%; max-width:360px; border-radius:40px; overflow:hidden; padding:40px; }
.login_contents_wrap section:before { content:""; position:absolute; top:15px; right:15px; width:78px; height:78px; border-radius:50%; }
.login_contents_wrap section h1 { margin-bottom:15px; }
.login_contents_wrap section .subtxt { height:36px; margin-bottom:20px; }
.login_contents_wrap section .login_box { background:#fff; border-radius:15px; padding:45px 30px 30px; box-shadow:22px 22px 35px rgba(148,148,148,0.5); }
.login_contents_wrap section .login_box .btn_wrap { margin:0; text-align:center; }

#login_parents { float:left; background:#fff url(/images/login/bg_green.gif) center top no-repeat; }
#login_parents:before { background:rgba(255,255,255,0.2) url(/images/login/i_parents.png) center no-repeat; }
#login_parents .login_box > ul { border:1px solid #e8e8ea; border-bottom:0; margin:40px 0 10px; }
#login_parents .login_box > ul > li > a { color:#676767; border-bottom:1px solid #e8e8ea; display:inline-block; width:100%; height:50px; padding-top:20px; line-height:19px; text-align:center; font-size:14px; background:#fbfbfb; }
#login_parents .login_box > ul > li > a:focus,
#login_parents .login_box > ul > li > a:hover { font-weight:bold; }
#login_parents .login_box > ul:nth-of-type(2) { border:1px solid #ccc; margin-top:0; border-bottom:0; }
#login_parents .login_box > ul:nth-of-type(2) > li > a { background-color:#eceff3; border-bottom:1px solid #ccc; }

#login_system { float:right; background:#fff url(/images/login/bg_blue.gif) center top no-repeat; }
#login_system:before { background:rgba(255,255,255,0.2) url(/images/login/i_school.png) center no-repeat; }
#login_system .login_box { padding:15px 30px 15px; }
#login_system .login_box > form > ul { margin:0; }
#login_system .input_txt { line-height:48px; width:100%; height:48px; border:0; background-color:#fff; border-bottom:1px solid #e8e8ea; padding:0 5px; }
#login_system .input_txt::placeholder { color:#a8a8a8; font-size:14px; }
#login_system .btn_black { margin:20px 0; }
#login_system .links { line-height:20px; font-size:14px; text-align:center; margin:0; }
#login_system .guide_box { margin-top:22px; width:100%; background:#eceff3; border-radius:15px; padding:15px; font-size:14px; }
#login_system .guide_box p { font-weight:bold; line-height:20px; color:#515151; margin:0; }
#login_system .guide_box a { padding-right:60px; line-height:30px; background:url(/images/login/quick.png) right center no-repeat; }
#login_system .guide_box.t1 { line-height:18px; border-radius:15px 15px 0 0; background-color:#cad1e8; padding:18px 15px; }
#login_system .guide_box.t1 a { margin-top:12px; display:inline-block; width:100%; padding-left:10px; line-height:25px; background:#eaedf6 url(/images/login/quick2.png) right center no-repeat; }
#login_system .guide_box.t2 { line-height:18px; border-radius:0 0 15px 15px; margin-top:0; padding:18px 15px; }
#login_system .guide_box.t2 a { margin-top:13px; background:#4e64a9; color:#fff; border-radius:17px; line-height:25px; height:25px; text-align:center; padding:0 15px; }

.remote_wrap { padding:35px 10px 60px; text-align:center; }

.btn_black { background:#494949; line-height:22px; font-size:17px; padding:15px 5px; border-radius:26px; color:#fff; font-weight:bold; width:100%; max-width:220px; }
.btn_black:focus,
.btn_black:hover { color:#fff; background-color:#111; }

#ft { background-color:#4b5566; text-align:center; }

#ft .ft1 { border-bottom:1px solid #5b6575; padding:24px 10px 12px; }
#ft .ft1 > ul { margin:0 auto; }
#ft .ft1 > ul > li { display:inline-block; min-height:39px; margin-bottom:10px; }
#ft .ft1 .privacy { padding:10px 0; }
#ft .ft1 .privacy:after { content:"/"; margin:0 15px 0 30px; color:#fff; }
#ft .ft1 .privacy a { color:#fff; font-size:14px; line-height:19px; }
#ft .ft1 .fmsite { font-size:14px; }
#ft .ft1 .fmsite label { color:#fff; margin-right:10px; display:inline-block; padding-left:15px; }
#ft .ft1 .fmsite select { height:39px; min-width:160px; background-color:#68707f; color:#bfc2c4; }
#ft .ft1 .fmsite .btn_go { background:#5d7cb0; color:#fff; width:39px; height:39px; border-radius:0; vertical-align:top; padding:0; text-align:center; }

#ft .ft2 { color:#a7acb4; padding:18px 0; line-height:20px; }
#ft .ft2 .ft_copy { font-size:13px; }
#ft .ft2 .ft_copy span { text-transform:uppercase; }

.modal-open { padding-right:15px !important; font-family:"scdream"; }
.modal { padding:10px !important; }
.modal.modal_wide .modal-dialog { width:100%; max-width:1220px; }
.modal.md_depth2 .modal-dialog { margin:50px auto; }
.modal.md_depth3 .modal-dialog { margin:70px auto; }
.modal-content { border-radius:0 0 10px 10px; overflow:hidden; text-align:left; }
.modal-header { padding:25px 25px 25px 25px; position:relative; line-height:1; background:#2F3645; border-bottom:none; }
.modal-header .close { position:absolute; right:25px; top:25px; display:inline-block; width:26px; height:26px; background:url("/images/close_02.png") no-repeat 0 0; background-size:auto 26px; border:none; text-indent:-10000px; opacity:1; transition:all 0.3s ease; }
.modal-header .close:hover { transform:rotate(120deg); }
.modal-header h4 { font-size:24px; color:#ffffff; font-weight:500; letter-spacing:-0.01em; }
.modal-title { line-height:1; }
.modal-body { padding:40px; }
.modal-body.pop1 { padding:0; }
.modal-body.pop2 { padding:30px; }

.modal.op1 { padding:20px 40px 20px 20px !important; }
.modal .modal-dialog.op1 { margin-top:10px; width:1200px; }
.modal .modal-dialog.op2 { width:700px; max-width:700px; }
.modal .modal-dialog.op3 { width:1000px; max-width:1000px; }
.modal .modal-dialog.op4 { margin-top:10px; width:1200px; }

.btn_wrap ul.ulfl > li { margin-right:5px; padding:3px 0; }

.table_topline { position:relative; border-top:1px solid #454b57; }
.table_topline > .table { margin-top:-1px; }
.table_bottomline .table { border-bottom:1px solid #d9d9d9; }
.table_outnone { border-color:transparent; }
.table.table-bordered th { background:#f8f8f8; vertical-align:middle; font-weight:bold; }
.table.table-bordered th.vat { vertical-align:top; }
.table.table-bordered td { vertical-align:middle; }
.table.tct,
.table.tct th { text-align:center; }
.table .tr_first th,
.table .tr_first td { border-top:0; }

.form-control.w0 { width:100%; }

a.text-primary { color:#337ab7; }
.text-primary.op1 { color:#e64746; }

.btn { padding:6px 12px; }
.sub_content_wrap.op1 .btn { font-family:"scdream"; font-size:15px; font-weight:500; }
.btn.op1 { padding:10px 16px; }
.btn.op2 { padding:5px 10px; font-size:14px !important; font-weight:400; vertical-align:baseline; }
.btn.op3 { padding:2px 10px; font-size:14px !important; font-weight:400; }
.btn.op4 { padding:2px 8px; font-size:13px !important; font-weight:400; line-height:1; }
.btn.op5 { padding:5px 10px; }

.btn-group-xs>.btn,
.btn-xs { padding:2px 5px; }

.btn_wrap { margin-bottom:10px; }
.btn_wrap > ul { margin-bottom:0; }
.btn_wrap ul.ulfl > li { margin-right:5px; padding:3px 0; }
.btn_wrap ul.btn_right { float:right; }
.btn_wrap ul.btn_right > li { float:none; display:inline-block; margin-right:-4px; padding-right:5px; }
.btn_wrap > .btn { margin-right:5px; }
.btn_wrap > .btn:last-child { margin-right:0; }
.btn_wrap.mb30 { margin-bottom:30px; }

.btn.btn-default { background:#fff; }
.btn.btn-default.active,
.btn.btn-default:hover,
.btn.btn-default:focus { background:#eee; }

.btn.btn-gblue { background-color:#7f8ba2; color:#fff; } /* ȸ»ö°°Àº ¿¬ÇÑ ºí·ç*/
.btn.btn-gblue.active,
.btn.btn-gblue:hover,
.btn.btn-gblue:active { background-color:#5a6985; }

.btn.btn-lblue { background-color:#707eda; color:#fff; } /* º¸¶ó */
.btn.btn-lblue.active,
.btn.btn-lblue:hover,
.btn.btn-lblue:focus { background-color:#4b5bc6; }

.btn.btn-lblueline { background-color:#fff; border-color:#707eda; color:#4858c3; } /* º¸¶ó ¶óÀÎ */
.btn.btn-lblueline.active,
.btn.btn-lblueline:hover,
.btn.btn-lblueline:focus { background-color:#e6e6e6; }

.btn.btn-sblue { background:#648ed4; coloR:#fff; } /* ¹àÀºº¸¶ó */
.btn.btn-sblue.active,
.btn.btn-sblue:hover,
.btn.btn-sblue:focus { background-color:#5479b5; }

.btn.btn-dblue { background:#083e8e; color:#fff; } /* ÁøÇѳ²»ö */
.btn.btn-dblue.active,
.btn.btn-dblue:hover,
.btn.btn-dblue:focus { background:#052758; }

.btn.btn-gray { background-color:#8d8d8d; color:#fff; }
.btn.btn-gray.active,
.btn.btn-gray:hover,
.btn.btn-gray:focus { background-color:#666; }

.btn.btn-dgray { background-color:#5b5b5b; color:#fff; }
.btn.btn-dgray.active,
.btn.btn-dgray:hover,
.btn.btn-dgray:focus { background-color:#666; }

.btn.btn-wgrayline { border-color:#d9d9d9; background-color:#f5f5f5; }
.btn.btn-wgrayline.active,
.btn.btn-wgrayline:hover,
.btn.btn-wgrayline:focus { background-color:#ccc; }

.btn.btn-brown { background-color:#b79c6c; color:#fff; }
.btn.btn-brown.active,
.btn.btn-brown:hover,
.btn.btn-brown:focus { background:#93794c; }

.btn.btn-tpblue { border-color:#e1e1e1; color:#5363cf; background-color:#fff; }
.btn.btn-tpblue.active,
.btn.btn-tpblue:hover,
.btn.btn-tpblue:focus { background-color:#eee; }

.btn.btn-psbrown { background:#ac9183; color:#fff; } /* ¹àÀº ºê¶ó¿î*/
.btn.btn-psbrown.active,
.btn.btn-psbrown:hover,
.btn.btn-psbrown:focus { background-color:#977c6e; }

.btn.btn-psblue { background:#5a7ea2; color:#fff; } /* ±ºÃ» */
.btn.btn-psblue.active,
.btn.btn-psblue:hover,
.btn.btn-psblue:focus { background-color:#46688a; }

.btn.btn-orange { background:#f67400; color:#fff; } /* ¿À·»Áö */
.btn.btn-orange.active,
.btn.btn-orange:hover,
.btn.btn-orange:focus { background-color:#db6801; }

.btn.btn-greenline { background-color:#fff; border-color:#31a97c; color:#437057; } /* ±×¸° ¶óÀÎ */
.btn.btn-greenline.active,
.btn.btn-greenline:hover,
.btn.btn-greenline:focus { background-color:#e6e6e6; }

body#login_internal { background-color:#363835; }
.wrap_internal { text-align:center; }
#hd_internal > h1 { padding:40px 0 30px; margin:0; background-color:#fff; }
body#login_internal .container { max-width:100%; }
.login_internal_contents_wrap .login_internal_visual { background:url(/images/login/visual_internal.jpg) no-repeat 50% 0; padding-bottom:36%; background-size:cover; }
.login_internal_contents_wrap { width:100%; }
.internal_login_fieldset { margin-top:44px; }
.internal_input_txt { width:299px; margin:0 0 10px 16px; padding:20px 25px; background-color:#565656; color:#fff; font-size:18px; }
.btn_internal_login { padding:19px 85px 20px; background-color:#52607a; color:#fff; border-radius:0; margin-left:16px; font-size:18px; }

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

.con_login { }
.con_login_c1 { padding:30px 0 80px 0; overflow:hidden; transition:all 0.3s ease; }
.con_login_c1.op1 { padding:60px 0 80px 0; }
.con_login_c1 .con1 { float:left; overflow:hidden; transition:all 0.3s ease; }
.con_login_c1 .con1 a { margin:15px 0 0 0; display:inline-block; width:227px; height:38px; background:url("/images/logo_04.png") no-repeat 0 0; text-indent:-10000px; transition:all 0.3s ease; }
.con_login_c1 .con2 { float:right; overflow:hidden; transition:all 0.3s ease; }
.con_login_c1 .con2 ul { overflow:hidden; transition:all 0.3s ease; }
.con_login_c1 .con2 ul li { margin:0 20px 0 0; float:left; transition:all 0.3s ease; }
.con_login_c1 .con2 ul li:last-child { margin:0 0 0 0; }
.con_login_c1 .con2 ul li a { padding:25px 15px 25px 15px; display:block; font-family:"scdream"; color:#ffffff; font-size:19px; font-weight:500; line-height:1; transition:all 0.3s ease; }
.con_login_c1 .con2 ul li a:hover { color:#a4ffcd; }
.con_login_c1 .con3 { overflow:hidden; text-align:center; transition:all 0.3s ease; }
.con_login_c1 .con3 a { margin:15px 0 0 0; display:inline-block; width:227px; height:38px; background:url("/images/logo_04.png") no-repeat 0 0; text-indent:-10000px; transition:all 0.3s ease; }
.con_login_c2 { transition:all 0.3s ease; }
.con_login_c2 .con1 { margin:0 60px 90px 0; float:left; width:calc((100% - 60px) / 2); overflow:hidden; border-radius:150px 48px 0 0; box-shadow:0 0 20px 10px rgba(0, 0, 0, 0.05); transition:all 0.3s ease; }
.con_login_c2 .con1_1 { padding:50px 50px 100px 50px; height:380px; text-align:center; border-radius:150px 48px 0 0; transition:all 0.3s ease; animation:con_login_ani1 3s ease forwards; }
@keyframes con_login_ani1 { 0% { background:rgba(7, 113,  187, 0.9) url("/images/bg_09.png") no-repeat 600px 500px; background-size:auto 0; } 100% { background:rgba(7, 113,  187, 0.9) url("/images/bg_09.png") no-repeat 245px 215px; background-size:auto 800px; } }
.con_login_c2 .con1_1 h2 { font-family:"scdream"; color:#ffffff; font-size:30px; font-weight:500; line-height:1.0; letter-spacing:-0.02em; transition:all 0.3s ease; }
.con_login_c2 .con1_1 p { padding:15px 0 75px 0; font-family:"scdream"; color:#dddddd; font-size:15px; font-weight:400; line-height:1.5; transition:all 0.3s ease; }
.con_login_c2 .con1_1 p br { display:none; }
.con_login_c2 .con1_1 a { padding:25px 0 25px 0; display:inline-block; width:300px; font-family:"scdream"; color:#ffffff; font-size:18px; font-weight:500; line-height:1.0; text-align:center; letter-spacing:-0.01em; background:#192852; border-radius:8px; transition:all 0.3s ease; }
.con_login_c2 .con1_1 a:hover { background:#FE7743; }
.con_login_c2 .con1_2 { padding:40px 60px 0 60px; height:190px; background:rgba(241, 241,  241, 0.95); border-radius:0 0 48px 48px; transition:all 0.3s ease; }
.con_login_c2 .con1_2 ul { overflow:hidden; transition:all 0.3s ease; }
.con_login_c2 .con1_2 ul li { margin:0 20px 15px 0; float:left; width:calc((100% - 20px) / 2); transition:all 0.3s ease; }
.con_login_c2 .con1_2 ul li:nth-child(2n) { margin:0 0 15px 0; }
.con_login_c2 .con1_2 ul li a { padding:0 0 0 12px; position:relative; display:block; font-family:"scdream"; color:#111111; font-size:15px; font-weight:500; line-height:1; letter-spacing:-0.01em; transition:all 0.3s ease; }
.con_login_c2 .con1_2 ul li a:before { position:absolute; left:0; top:6px; display:inline-block; content:""; width:3px; height:3px; border-radius:100%; background:#111111; }
.con_login_c2 .con1_2 ul li a:hover { color:#f67400; font-weight:500; text-decoration:underline; text-underline-position:under; }
.con_login_c2 .con2 { float:left; width:calc((100% - 60px) /2); overflow:hidden; border-radius:150px 48px 0 0; box-shadow:0 0 20px 10px rgba(0, 0, 0, 0.05); transition:all 0.3s ease; }
.con_login_c2 .con2_1 { padding:50px 50px 50px 50px; height:380px; text-align:center; border-radius:150px 48px 0 0; transition:all 0.3s ease; animation:con_login_ani2 3s ease forwards; }
@keyframes con_login_ani2 { 0% { background:rgb(24 159 161 / 90%) url("/images/bg_09.png") no-repeat 600px 500px; background-size:auto 0; } 100% { background:rgb(24 159 161 / 90%) url("/images/bg_09.png") no-repeat 245px 215px; background-size:auto 800px; } }
.con_login_c2 .con2_1 h2 { font-family:"scdream"; color:#ffffff; font-size:30px; font-weight:500; line-height:1.0; letter-spacing:-0.02em; transition:all 0.3s ease; }
.con_login_c2 .con2_1 p { padding:15px 0 50px 0; font-family:"scdream"; color:#dddddd; font-size:15px; font-weight:400; line-height:1.5; transition:all 0.3s ease; }
.con_login_c2 .con2_1 .cons1 { padding: 0 80px 0 80px; overflow:hidden; transition:all 0.3s ease; }
.con_login_c2 .con2_1 .cons1_1 { margin:0 15px 0 0; float:left; width:calc(100% - 115px); transition:all 0.3s ease; }
.con_login_c2 .con2_1 .cons1_1 ul { overflow:hidden; transition:all 0.3s ease; }
.con_login_c2 .con2_1 .cons1_1 ul li { margin:0 0 12px 0; transition:all 0.3s ease; }
.con_login_c2 .con2_1 .cons1_1 ul li:last-child { margin:0 0 0 0; }
.con_login_c2 .con2_1 .cons1_1 ul li input[type="text"] { padding:0 20px 0 20px; width:100%; height:50px; font-family:"scdream"; color:#333333; font-size:14px; font-weight:500; letter-spacing:-0.01em; background:#f9f9f9; border:none; border-radius:8px; transition:all 0.3s ease; }
.con_login_c2 .con2_1 .cons1_1 ul li input[type="password"] { padding:0 20px 0 20px; width:100%; height:50px; font-family:"scdream"; color:#333333; font-size:14px; font-weight:500; letter-spacing:-0.01em; background:#f9f9f9; border:none; border-radius:8px; transition:all 0.3s ease; }
.con_login_c2 .con2_1 .cons1_2 { float:left; width:100px; transition:all 0.3s ease; }
.con_login_c2 .con2_1 .cons1_2 a { padding:47px 0 47px 0; display:block; font-family:"scdream"; color:#ffffff; font-size:18px; font-weight:500; line-height:1.0; text-align:center; letter-spacing:-0.01em; background:#192852; border-radius:8px; transition:all 0.3s ease; }
.con_login_c2 .con2_1 .cons1_2 a:hover { background:#fe437e; }
.con_login_c2 .con2_1 .cons2 { padding:15px 80px 0 80px; overflow:hidden; transition:all 0.3s ease; }
.con_login_c2 .con2_1 .cons2_1 { float:left; transition:all 0.3s ease; }
.con_login_c2 .con2_1 .cons2_1 input[type="checkbox"] { margin:-1px 6px 0 0; width:18px; height:18px; vertical-align:middle; cursor:pointer; }
.con_login_c2 .con2_1 .cons2_1 label { display:inline-block; font-family:"scdream"; color:#eeeeee; font-size:14px; font-weight:400; letter-spacing:-0.01em; cursor:pointer; }
.con_login_c2 .con2_1 .cons2_2 { float:right; transition:all 0.3s ease; }
.con_login_c2 .con2_1 .cons2_2 ul { overflow:hidden; }
.con_login_c2 .con2_1 .cons2_2 ul li { float:left; transition:all 0.3s ease; }
.con_login_c2 .con2_1 .cons2_2 ul li a { font-family:"scdream"; color:#eeeeee; font-size:14px; font-weight:400; letter-spacing:-0.01em; transition:all 0.3s ease; }
.con_login_c2 .con2_1 .cons2_2 ul li a:hover { color:#ffffff; font-weight:500; }
.con_login_c2 .con2_1 .cons2_2 ul li:after { padding:0 8px 0 8px; content:"|"; color:#cccccc; font-size:12px; text-align:center; }
.con_login_c2 .con2_1 .cons2_2 ul li:last-child:after { padding:0 0 0 0; content:none; }
.con_login_c2 .con2_2 { padding:40px 60px 0 60px; height:190px; background:rgba(241, 241,  241, 0.85); border-radius:0 0 36px 36px; transition:all 0.3s ease; }
.con_login_c2 .con2_2 ul { overflow:hidden; transition:all 0.3s ease; }
.con_login_c2 .con2_2 ul li { margin:0 0 10px 0; font-family:"scdream"; color:#555555; font-size:15px; font-weight:400; line-height:1.3; letter-spacing:-0.01em; word-break:keep-all; transition:all 0.3s ease; }
.con_login_c2 .con2_2 ul li.in { margin:0 0 15px 0; padding:0 0 0 15px; }
.con_login_c2 .con2_2 ul li:last-child { margin:0 0 0 0; }
.con_login_c2 .con2_2 ul li a { padding:0 0 0 12px; position:relative; display:inline-block; font-family:"scdream"; color:#111111; font-size:15px; font-weight:500; line-height:1; letter-spacing:-0.01em; transition:all 0.3s ease; }
.con_login_c2 .con2_2 ul li a:before { position:absolute; left:0; top:6px; display:inline-block; content:""; width:3px; height:3px; border-radius:100%; background:#111111; }
.con_login_c2 .con2_2 ul li a:hover { color:#f67400; font-weight:500; text-decoration:underline; text-underline-position:under; }
.con_login_c2 .con3 { margin:0 auto; width:680px; overflow:hidden; border-radius:48px; box-shadow:0 0 20px 10px rgba(0, 0, 0, 0.05); transition:all 0.3s ease; }
.con_login_c2 .con3_1 { padding:50px 50px 80px 50px; height:380px; text-align:center; border-radius:48px; transition:all 0.3s ease; animation:con_login_ani3 3s ease forwards; }
@keyframes con_login_ani3 { 0% { background:rgb(25 37 86 / 90%) url("/images/bg_09.png") no-repeat 600px 500px; background-size:auto 0; } 100% { background:rgb(25 37 86 / 90%) url("/images/bg_09.png") no-repeat 245px 215px; background-size:auto 800px; } }
.con_login_c2 .con3_1 h2 { font-family:"scdream"; color:#ffffff; font-size:30px; font-weight:500; line-height:1.0; letter-spacing:-0.02em; transition:all 0.3s ease; }
.con_login_c2 .con3_1 p { padding:15px 0 50px 0; font-family:"scdream"; color:#dddddd; font-size:15px; font-weight:400; line-height:1.5; transition:all 0.3s ease; }
.con_login_c2 .con3_1 .cons1 { padding: 0 80px 0 80px; overflow:hidden; transition:all 0.3s ease; }
.con_login_c2 .con3_1 .cons1_1 { margin:0 15px 0 0; float:left; width:calc(100% - 115px); transition:all 0.3s ease; }
.con_login_c2 .con3_1 .cons1_1 ul { overflow:hidden; transition:all 0.3s ease; }
.con_login_c2 .con3_1 .cons1_1 ul li { margin:0 0 12px 0; transition:all 0.3s ease; }
.con_login_c2 .con3_1 .cons1_1 ul li:last-child { margin:0 0 0 0; }
.con_login_c2 .con3_1 .cons1_1 ul li input[type="text"] { padding:0 20px 0 20px; width:100%; height:50px; font-family:"scdream"; color:#333333; font-size:14px; font-weight:500; letter-spacing:-0.01em; background:#f9f9f9; border:none; border-radius:8px; transition:all 0.3s ease; }
.con_login_c2 .con3_1 .cons1_1 ul li input[type="password"] { padding:0 20px 0 20px; width:100%; height:50px; font-family:"scdream"; color:#333333; font-size:14px; font-weight:500; letter-spacing:-0.01em; background:#f9f9f9; border:none; border-radius:8px; transition:all 0.3s ease; }
.con_login_c2 .con3_1 .cons1_2 { float:left; width:100px; transition:all 0.3s ease; }
.con_login_c2 .con3_1 .cons1_2 a { padding:47px 0 47px 0; display:block; font-family:"scdream"; color:#ffffff; font-size:18px; font-weight:500; line-height:1.0; text-align:center; letter-spacing:-0.01em; background:#010101; border-radius:8px; transition:all 0.3s ease; }
.con_login_c2 .con3_1 .cons1_2 a:hover { background:#1196e7; }
.con_login_c3 { padding:50px 0 60px 0; clear:both; overflow:hidden; background:#323a4c; transition:all 0.3s ease; }
.con_login_c3.op1 { background:none; }
.con_login_c3 .con1 { overflow:hidden; transition:all 0.3s ease; }
.con_login_c3 .con1 ul { overflow:hidden; }
.con_login_c3 .con1 ul li { margin:0 30px 8px 0; padding:0 0 1px 0; position:relative; float:left; font-family:"scdream"; color:#eeeeee; font-size:15px; font-weight:400; line-height:1.4; word-break:keep-all; transition:all 0.3s ease; }
.con_login_c3 .con1 ul li a { font-family:"scdream"; color:#eeeeee; font-size:15px; font-weight:400; letter-spacing:-0.01em; transition:all 0.3s ease; }
.con_login_c3 .con1 ul li a:hover { text-decoration:underline; text-underline-position:under; }
.con_login_c3 .con1 ul li a.fop1 { color:#ff9c03; }
.con_login_c3 .con1 ul li:after { position:absolute; right:-18px; top:9px; content:""; display:inline-block; width:4px; height:4px; background:#929ba1; border-radius:100%; transition:all 0.3s ease; }
.con_login_c3 .con1 ul li:last-child:after { padding:0 0 0 0; content:none; }
.con_login_c3 .con1 ul li.op1 { color:#ebfd03; font-weight:400; }
.con_login_c3 .con2 { margin:20px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
.con_login_c3 .con2 ul { overflow:hidden; }
.con_login_c3 .con2 ul li { margin:0 0 5px 0; font-family:"scdream"; color:#999999; font-size:14px; font-weight:400; line-height:1.5; letter-spacing:0.02em; word-break:keep-all; transition:all 0.3s ease; }
.con_login_c3 .con2 ul li:last-child { margin:0 0 0 0; }
.con_login_c3 .con3 { position:absolute; right:0px; bottom:-10px; transition:all 0.3s ease; }
.con_login_c3 .con3 ul { overflow:hidden; }
.con_login_c3 .con3 ul li { margin:0 0 8px 0; transition:all 0.3s ease; }
.con_login_c3 .con3 ul li:last-child { margin:0 0 0 0; }
.con_login_c3 .con3 select { padding:0 0 0 25px; width:225px; height:35px; font-family:"scdream"; color:#555555; font-size:13px; font-weight:500; line-height:1; letter-spacing:-0.01em; border:none; border-radius:60px; cursor:pointer; appearance:none; background:#ffffff url("/images/arrow_02.png") no-repeat right 20px center; transition:all 0.3s ease; }
.con_login_c3 .con3 select:hover { color:#ffffff; background:#222222 url("/images/arrow_02.png") no-repeat right 20px center; }
.con_login_c3 .con4 { overflow:hidden; font-family:"scdream"; color:#dddddd; font-size:14px; font-weight:400; line-height:1.5; text-align:center; letter-spacing:0.02em; word-break:keep-all; transition:all 0.3s ease; }

.con_login2 { }
.con_login2_c1 { padding:30px 0 30px 0; overflow:hidden; background:#f2f3f8; transition:all 0.3s ease; }
.con_login2_c1.op1 { padding:60px 0 80px 0; }
.con_login2_c1 .con1 { float:left; overflow:hidden; transition:all 0.3s ease; }
.con_login2_c1 .con1 a { margin:15px 0 0 0; display:inline-block; width:227px; height:38px; background:url("/images/logo_02.png") no-repeat 0 0; text-indent:-10000px; transition:all 0.3s ease; }
.con_login2_c1 .con2 { float:right; overflow:hidden; transition:all 0.3s ease; }
.con_login2_c1 .con2 ul { overflow:hidden; transition:all 0.3s ease; }
.con_login2_c1 .con2 ul li { margin:0 20px 0 0; float:left; transition:all 0.3s ease; }
.con_login2_c1 .con2 ul li:last-child { margin:0 0 0 0; }
.con_login2_c1 .con2 ul li a { padding:25px 15px 25px 15px; display:block; font-family:"scdream"; color:#010101; font-size:19px; font-weight:600; line-height:1; transition:all 0.3s ease; }
.con_login2_c1 .con2 ul li a:hover { color:#007cd0; }
.con_login2_c1 .con3 { overflow:hidden; text-align:center; transition:all 0.3s ease; }
.con_login2_c1 .con3 a { margin:15px 0 0 0; display:inline-block; width:227px; height:38px; background:url("/images/logo_04.png") no-repeat 0 0; text-indent:-10000px; transition:all 0.3s ease; }
.con_login2_c2 { transition:all 0.3s ease; }
.con_login2_c2 .con1 { margin:70px 60px 70px 0; float:left; width:calc((100% - 60px) / 2); overflow:hidden; border-radius:150px 48px 48px 48px; box-shadow:0 0 20px 10px rgba(0, 0, 0, 0.05); transition:all 0.3s ease; }
.con_login2_c2 .con1_1 { padding:50px 50px 100px 50px; height:380px; text-align:center; border-radius:150px 48px 0 0; transition:all 0.3s ease; animation:con_login2_ani1 3s ease forwards; }
@keyframes con_login2_ani1 { 0% { background:#ffffff url("/images/bg_12.png") no-repeat 600px 500px; background-size:auto 0; } 100% { background:#ffffff url("/images/bg_12.png") no-repeat 245px 215px; background-size:auto 800px; } }
.con_login2_c2 .con1_1 h2 { font-family:"scdream"; color:#010101; font-size:30px; font-weight:500; line-height:1.0; letter-spacing:-0.02em; transition:all 0.3s ease; }
.con_login2_c2 .con1_1 p { padding:15px 0 45px 0; font-family:"scdream"; color:#666666; font-size:15px; font-weight:400; line-height:1.5; transition:all 0.3s ease; }
.con_login2_c2 .con1_1 p br { display:none; }
.con_login2_c2 .con1_1 ul { overflow:hidden; transition:all 0.3s ease; }
.con_login2_c2 .con1_1 ul li { margin:0 0 16px 0; transition:all 0.3s ease; }
.con_login2_c2 .con1_1 ul li:last-child { margin:0 0 0 0; }
.con_login2_c2 .con1_1 ul li select { padding:0 0 0 25px; width:300px; height:40px; font-family:"scdream"; color:#111111; font-size:14px; font-weight:500; line-height:1; letter-spacing:-0.01em; border:1px solid #e2e2e2; border-radius:60px; cursor:pointer; appearance:none; background:#f1f1f1 url("/images/arrow_02.png") no-repeat right 20px center; transition:all 0.3s ease; }
.con_login2_c2 .con1_1 ul li select:hover { background:#fafafa url("/images/arrow_02.png") no-repeat right 20px center; }
.con_login2_c2 .con1_1 ul li a { padding:25px 0 25px 0; display:inline-block; width:300px; font-family:"scdream"; color:#ffffff; font-size:18px; font-weight:500; line-height:1.0; text-align:center; letter-spacing:-0.01em; background:#1651bf; border-radius:8px; transition:all 0.3s ease; }
.con_login2_c2 .con1_1 ul li a:hover { background:#1A2A80; }
.con_login2_c2 .con1_2 { padding:40px 60px 0 60px; height:190px; background:#e1ebfc; border-radius:0 0 48px 48px; transition:all 0.3s ease; }
.con_login2_c2 .con1_2.hop1 { padding:30px 0 30px 0; height:auto; }
.con_login2_c2 .con1_2.hop2 { padding:20px 60px 20px 60px; height:100px; }
.con_login2_c2 .con1_2 ul { overflow:hidden; transition:all 0.3s ease; }
.con_login2_c2 .con1_2 ul li { margin:0 20px 15px 0; float:left; width:calc((100% - 20px) / 2); transition:all 0.3s ease; }
.con_login2_c2 .con1_2 ul li:nth-child(2n) { margin:0 0 15px 0; }
.con_login2_c2 .con1_2 ul li a { padding:0 0 0 12px; position:relative; display:block; font-family:"scdream"; color:#111111; font-size:15px; font-weight:500; line-height:1; letter-spacing:-0.01em; transition:all 0.3s ease; }
.con_login2_c2 .con1_2 ul li a:before { position:absolute; left:0; top:6px; display:inline-block; content:""; width:3px; height:3px; border-radius:100%; background:#111111; }
.con_login2_c2 .con1_2 ul li a:hover { color:#f67400; font-weight:500; text-decoration:underline; text-underline-position:under; }
.con_login2_c2 .con2 { margin:70px 0 70px 0; float:left; width:calc((100% - 60px) /2); overflow:hidden; border-radius:150px 48px 48px 48px; box-shadow:0 0 20px 10px rgba(0, 0, 0, 0.05); transition:all 0.3s ease; }
.con_login2_c2 .con2_1 { padding:50px 50px 50px 50px; height:380px; text-align:center; border-radius:150px 48px 0 0; transition:all 0.3s ease; animation:con_login2_ani2 3s ease forwards; }
@keyframes con_login2_ani2 { 0% { background:#ffffff url("/images/bg_13.png") no-repeat 600px 500px; background-size:auto 0; } 100% { background:#ffffff url("/images/bg_13.png") no-repeat 245px 215px; background-size:auto 800px; } }
.con_login2_c2 .con2_1 h2 { font-family:"scdream"; color:#010101; font-size:30px; font-weight:500; line-height:1.0; letter-spacing:-0.02em; transition:all 0.3s ease; }
.con_login2_c2 .con2_1 p { padding:15px 0 50px 0; font-family:"scdream"; color:#666666; font-size:15px; font-weight:400; line-height:1.5; transition:all 0.3s ease; }
.con_login2_c2 .con2_1 .cons1 { padding: 0 80px 0 80px; overflow:hidden; transition:all 0.3s ease; }
.con_login2_c2 .con2_1 .cons1_1 { margin:0 15px 0 0; float:left; width:calc(100% - 115px); transition:all 0.3s ease; }
.con_login2_c2 .con2_1 .cons1_1 ul { overflow:hidden; transition:all 0.3s ease; }
.con_login2_c2 .con2_1 .cons1_1 ul li { margin:0 0 12px 0; transition:all 0.3s ease; }
.con_login2_c2 .con2_1 .cons1_1 ul li:last-child { margin:0 0 0 0; }
.con_login2_c2 .con2_1 .cons1_1 ul li input[type="text"] { padding:0 20px 0 20px; width:100%; height:50px; font-family:"scdream"; color:#333333; font-size:14px; font-weight:500; letter-spacing:-0.01em; background:#f9f9f9; border:1px solid #e8e8e8; border-radius:8px; transition:all 0.3s ease; }
.con_login2_c2 .con2_1 .cons1_1 ul li input[type="password"] { padding:0 20px 0 20px; width:100%; height:50px; font-family:"scdream"; color:#333333; font-size:14px; font-weight:500; letter-spacing:-0.01em; background:#f9f9f9;  border:1px solid #e8e8e8; border-radius:8px; transition:all 0.3s ease; }
.con_login2_c2 .con2_1 .cons1_2 { float:left; width:100px; transition:all 0.3s ease; }
.con_login2_c2 .con2_1 .cons1_2 a { padding:47px 0 47px 0; display:block; font-family:"scdream"; color:#ffffff; font-size:18px; font-weight:500; line-height:1.0; text-align:center; letter-spacing:-0.01em; background:#192852; border-radius:8px; transition:all 0.3s ease; }
.con_login2_c2 .con2_1 .cons1_2 a:hover { background:#fe437e; }
.con_login2_c2 .con2_1 .cons2 { padding:15px 80px 0 80px; overflow:hidden; transition:all 0.3s ease; }
.con_login2_c2 .con2_1 .cons2_1 { float:left; transition:all 0.3s ease; }
.con_login2_c2 .con2_1 .cons2_1 input[type="checkbox"] { margin:-1px 6px 0 0; width:18px; height:18px; vertical-align:middle; cursor:pointer; }
.con_login2_c2 .con2_1 .cons2_1 label { display:inline-block; font-family:"scdream"; color:#333333; font-size:14px; font-weight:400; letter-spacing:-0.01em; cursor:pointer; }
.con_login2_c2 .con2_1 .cons2_2 { float:right; transition:all 0.3s ease; }
.con_login2_c2 .con2_1 .cons2_2 ul { overflow:hidden; }
.con_login2_c2 .con2_1 .cons2_2 ul li { float:left; transition:all 0.3s ease; }
.con_login2_c2 .con2_1 .cons2_2 ul li a { font-family:"scdream"; color:#333333; font-size:14px; font-weight:400; letter-spacing:-0.01em; transition:all 0.3s ease; }
.con_login2_c2 .con2_1 .cons2_2 ul li a:hover { color:#111111; font-weight:500; }
.con_login2_c2 .con2_1 .cons2_2 ul li:after { padding:0 8px 0 8px; content:"|"; color:#cccccc; font-size:12px; text-align:center; }
.con_login2_c2 .con2_1 .cons2_2 ul li:last-child:after { padding:0 0 0 0; content:none; }
.con_login2_c2 .con2_2 { padding:40px 60px 0 60px; height:190px; background:#e5e9ee; border-radius:0 0 48px 48px; transition:all 0.3s ease; }
.con_login2_c2 .con2_2.hop1 { padding:30px 0 30px 0; height:auto; }
.con_login2_c2 .con2_2.hop2 { padding:20px 60px 20px 60px; height:100px; }
.con_login2_c2 .con2_2 ul { overflow:hidden; transition:all 0.3s ease; }
.con_login2_c2 .con2_2 ul li { margin:0 0 10px 0; font-family:"scdream"; color:#555555; font-size:15px; font-weight:400; line-height:1.3; letter-spacing:-0.01em; word-break:keep-all; transition:all 0.3s ease; }
.con_login2_c2 .con2_2 ul li.in { margin:0 0 15px 0; padding:0 0 0 15px; }
.con_login2_c2 .con2_2 ul li:last-child { margin:0 0 0 0; }
.con_login2_c2 .con2_2 ul li a { padding:0 0 0 12px; position:relative; display:inline-block; font-family:"scdream"; color:#111111; font-size:15px; font-weight:500; line-height:1; letter-spacing:-0.01em; transition:all 0.3s ease; }
.con_login2_c2 .con2_2 ul li a:before { position:absolute; left:0; top:6px; display:inline-block; content:""; width:3px; height:3px; border-radius:100%; background:#111111; }
.con_login2_c2 .con2_2 ul li a:hover { color:#f67400; font-weight:500; text-decoration:underline; text-underline-position:under; }
.con_login2_c3 { padding:50px 0 60px 0; clear:both; overflow:hidden; background:#f2f3f8; transition:all 0.3s ease; }
.con_login2_c3.op1 { background:none; }
.con_login2_c3 .con1 { overflow:hidden; transition:all 0.3s ease; }
.con_login2_c3 .con1 ul { overflow:hidden; }
.con_login2_c3 .con1 ul li { margin:0 30px 8px 0; padding:0 0 1px 0; position:relative; float:left; font-family:"scdream"; color:#eeeeee; font-size:15px; font-weight:400; line-height:1.4; word-break:keep-all; transition:all 0.3s ease; }
.con_login2_c3 .con1 ul li a { font-family:"scdream"; color:#111111; font-size:15px; font-weight:400; letter-spacing:-0.01em; transition:all 0.3s ease; }
.con_login2_c3 .con1 ul li a:hover { text-decoration:underline; text-underline-position:under; }
.con_login2_c3 .con1 ul li a.fop1 { color:#0046FF; font-weight:500; }
.con_login2_c3 .con1 ul li:after { position:absolute; right:-18px; top:9px; content:""; display:inline-block; width:4px; height:4px; background:#929ba1; border-radius:100%; transition:all 0.3s ease; }
.con_login2_c3 .con1 ul li:last-child:after { padding:0 0 0 0; content:none; }
.con_login2_c3 .con1 ul li.op1 { color:#111111; font-weight:400; }
.con_login2_c3 .con2 { margin:20px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
.con_login2_c3 .con2 ul { overflow:hidden; }
.con_login2_c3 .con2 ul li { margin:0 0 5px 0; font-family:"scdream"; color:#999999; font-size:14px; font-weight:400; line-height:1.5; letter-spacing:0.02em; word-break:keep-all; transition:all 0.3s ease; }
.con_login2_c3 .con2 ul li:last-child { margin:0 0 0 0; }
.con_login2_c3 .con3 { position:absolute; right:0px; bottom:-10px; transition:all 0.3s ease; }
.con_login2_c3 .con3 ul { overflow:hidden; }
.con_login2_c3 .con3 ul li { margin:0 0 8px 0; transition:all 0.3s ease; }
.con_login2_c3 .con3 ul li:last-child { margin:0 0 0 0; }
.con_login2_c3 .con3 select { padding:0 0 0 25px; width:225px; height:35px; font-family:"scdream"; color:#555555; font-size:13px; font-weight:500; line-height:1; letter-spacing:-0.01em; border:none; border-radius:60px; cursor:pointer; appearance:none; background:#ffffff url("/images/arrow_02.png") no-repeat right 20px center; transition:all 0.3s ease; }
.con_login2_c3 .con3 select:hover { color:#ffffff; background:#222222 url("/images/arrow_02.png") no-repeat right 20px center; }
.con_login2_c3 .con4 { overflow:hidden; font-family:"scdream"; color:#dddddd; font-size:14px; font-weight:400; line-height:1.5; text-align:center; letter-spacing:0.02em; word-break:keep-all; transition:all 0.3s ease; }

.con_list4 { overflow:hidden; border-top:1px solid #111111; transition:all 0.3s ease; }
.con_list4 table { width:100%; }
.con_list4 th { padding:10px 5px 10px 5px !important; font-family:"scdream"; color:#111111 !important; font-size:14px !important; font-weight:500 !important; text-align:center !important; line-height:1.4 !important; letter-spacing:-0.01em !important; background:#f2f2f2 !important; border:1px solid #d8d8d8 !important; transition:all 0.3s ease; }
.con_list4 td { padding:10px 20px 10px 20px !important; font-family:"scdream"; color:#333333 !important; font-size:14px !important; font-weight:400 !important; text-align:center !important; letter-spacing:-0.01em !important; border:1px solid #d8d8d8 !important; word-break:keep-all; transition:all 0.3s ease; }
.con_list4 td.taop1 { text-align:left !important; }

.con_write2 { overflow:hidden; border-top:1px solid #111111; transition:all 0.3s ease; }
.con_write2.mop1 { margin:10px 0 0 0; }
.con_write2 table { width:100%; }
.con_write2 tr.joinCntTr p { color:#e64746; font-weight:500; }
.con_write2 th { padding:12px 20px 12px 20px; font-family:"scdream"; font-weight:500; color:#010101; font-size:15px; text-align:left; letter-spacing:-0.01em; background:#f4f4f4; border:1px solid #e2e2e2; border-width:0 0 1px 0; transition:all 0.3s ease; }
.con_write2 th .noti { padding:7px 0 0 0; font-family:"scdream"; font-weight:400; color:#e64746; font-size:13px; line-height:1.3; letter-spacing:-0.01em; word-break:keep-all; transition:all 0.3s ease; }
.con_write2 th .noti span { font-family:"scdream"; font-weight:500; }
.con_write2 th .noti span.fop1 { color:#f67400; } /* ¿À·»Áö */
.con_write2 th .noti span.fop2 { color:#e64746; } /* ·¹µå */
.con_write2 td { padding:12px 20px 12px 20px; font-family:"scdream"; font-weight:400; color:#222222; font-size:15px; text-align:left; letter-spacing:-0.01em; background:#ffffff; word-break:break-all; border:1px solid #e2e2e2; border-width:0 0 1px 0; transition:all 0.3s ease; }
.con_write2 td.pop1 { padding:15px 20px 15px 20px; }
.con_write2 label { margin:0 10px 4px 0; display:inline-block; font-family:"scdream"; font-weight:400; color:#222222; font-size:14px; letter-spacing:-0.01em; cursor:pointer; transition:all 0.3s ease; }
.con_write2 label.op0 { margin:0; }
.con_write2 label.op1 { margin:10px 0 0 0; }
.con_write2 label.op2 { /* Ãæµ¹¿ì·Á! »ç¿ë¾ÈÇÔ! */ }
.con_write2 label.op3 { margin:0 0 3px 0; }
.con_write2 label.add1 { margin:0 0 3px 0; }
.con_write2 label.add2 { margin:0 0 0 10px; }
.con_write2 select { padding:0 0 0 10px; width:100%; height:34px; font-family:"scdream"; font-weight:400; color:#222222; font-size:14px; letter-spacing:-0.01em; border:1px solid #d8d8d8; border-radius:4px; cursor:pointer; transition:all 0.3s ease; }
.con_write2 select.wop1 { width:calc((100% - 30%) / 2); }
.con_write2 select.wop2 { display:inline-block; width:calc((100% - 30%) / 2); }
.con_write2 input[type="text"] { padding:0 10px 0 10px; width:100%; height:34px; font-family:"scdream"; font-weight:400; color:#222222; font-size:14px; letter-spacing:-0.01em; border:1px solid #d8d8d8; border-radius:4px; transition:all 0.3s ease; }
.con_write2 input[type="text"].wop1 { width:calc((100% - 30%) / 2); }
.con_write2 input[type="text"].wop2 { display:inline-block; width:calc((100% - 30%) / 2); }
.con_write2 input[type="text"].wop3 { margin:0 4px 0 0; display:inline-block; width:calc((100% - 30%) / 2); }
.con_write2 input[type="text"].wop4 { width:60px; }
.con_write2 input[type="text"].wop5 { display:inline-block; width:60px; }
.con_write2 input[type="text"].wop6 { display:inline-block; width:calc((100% - 30%) / 2); }
.con_write2 input[type="text"].wop7 { display:inline-block; width:calc((100% - 30%) / 2); }
.con_write2 input[type="text"].wop8 { width:calc((100% - 30%) / 2); }
.con_write2 input[type="text"].wop9 { display:inline-block; width:calc(100% - 55px); }
.con_write2 input[type="text"].wop10 { display:inline-block; width:calc((100% - 30%) / 2); }
.con_write2 input[type="text"].wop11 { display:inline-block; width:calc((100% - 30%) / 2); }
.con_write2 input[type="password"] { padding:0 10px 0 10px; width:100%; height:34px; font-family:"scdream"; font-weight:400; color:#222222; font-size:14px; letter-spacing:-0.01em; border:1px solid #d8d8d8; border-radius:4px; transition:all 0.3s ease; }
.con_write2 input[type="password"].wop1 { width:calc((100% - 30%) / 2); }
.con_write2 input[type="file"] { width:100%; height:34px; font-family:"scdream"; font-weight:400; color:#222222; font-size:14px; letter-spacing:-0.01em; background:none; border:none; cursor:pointer; border-radius:4px; transition:all 0.3s ease; }
.con_write2 input[type="checkbox"] { margin:-2px 5px 0 0; width:18px; height:18px; vertical-align:middle; cursor:pointer; transition:all 0.3s ease; }
.con_write2 input[type="radio"] { margin:-2px 5px 0 0; width:18px; height:18px; vertical-align:middle; cursor:pointer; transition:all 0.3s ease; }
.con_write2 input[type="time"] { padding:0 5px 0 5px; width:100%; height:34px; font-family:"scdream"; font-weight:400; color:#222222; font-size:14px; letter-spacing:-0.01em; border:1px solid #d8d8d8; border-radius:4px; transition:all 0.3s ease; }
.con_write2 textarea { padding:20px 20px 20px 20px; width:100%; height:150px; font-family:"scdream"; font-weight:400; color:#222222; font-size:14px; line-height:1.6; letter-spacing:-0.01em; border:1px solid #d8d8d8; border-radius:4px; transition:all 0.3s ease; }
.con_write2 td .noti { padding:7px 0 0 0; font-family:"scdream"; font-weight:400; color:#f67400; font-size:13px; line-height:1.3; letter-spacing:-0.01em; word-break:keep-all; transition:all 0.3s ease; }
.con_write2 td .noti span { font-family:"scdream"; font-weight:500; }
.con_write2 td .noti span.fop1 { color:#f67400; } /* ¿À·»Áö */
.con_write2 td .noti span.fop2 { color:#e64746; } /* ·¹µå */
.con_write2 td .noti2 { margin:15px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
.con_write2 td .noti2 dl { margin:0; padding:0; overflow:hidden; }
.con_write2 td .noti2 dl dt { margin:0 0 5px 0; padding:0 0 0 10px; position:relative; font-family:"scdream"; font-weight:400; color:#222222; font-size:14px; line-height:1.4; letter-spacing:-0.01em; transition:all 0.3s ease; }
.con_write2 td .noti2 dl dt:before { position:absolute; left:0; top:8px; display:inline-block; content:""; width:3px; height:3px; border-radius:100%; background:#111111; }
.con_write2 td .noti2 dl dt:last-child { margin:0 0 0 0; }
.con_write2 td .noti2 dl dt a { vertical-align:text-bottom; }
.con_write2 td a.link1 { color:#010101; font-weight:600; text-decoration:underline; text-underline-position:under; }
.con_write2 td a.link1:hover { color:#e64746; }
.con_write2 td i.divi1 { margin:0 0 15px 0; padding:5px 30px 5px 30px; display:inline-block; font-family:"scdream"; font-weight:500; color:#ffffff; font-size:14px; line-height:1; letter-spacing:-0.01em; background:#444444; border-radius:40px; }
.con_write2 td ul.lyop1 { margin:0; padding:0; overflow:hidden; list-style:none; transition:all 0.3s ease; }
.con_write2 td ul.lyop1 li { float:left; list-style:none; transition:all 0.3s ease; }
.con_write2 td ul.lyop1 li.forms1 { margin:0 5px 0 0; width:calc((100% - 30px) / 2); }
.con_write2 td ul.lyop1 li.forms2 { margin:0 5px 0 0; width:calc((100% - 30px) / 2); }
.con_write2 td ul.lyop1 li.txt { padding:5px 0 0 0; width:20px; }

.con_write2 td ul.lyop2 { margin:0; padding:0; overflow:hidden; list-style:none; transition:all 0.3s ease; }
.con_write2 td ul.lyop2 li { margin:0 5px 0 0; float:left; width:calc((100% - 5px) / 2); list-style:none; transition:all 0.3s ease; }
.con_write2 td ul.lyop2 li:last-child { margin:0 0 0 0; }

.con_noti2 { padding:0 0 0 20px; overflow:hidden; font-family:"scdream"; color:#111111; font-size:14px; font-weight:400; line-height:1.3; letter-spacing:-0.01em; background:url("/images/dot_03.png") no-repeat 0 2px; word-break:keep-all; transition:all 0.3s ease; }
.con_noti2.mop1 { margin:20px 0 0 0; }
.con_noti2 span { font-weight:500; }
.con_noti2 span.fop1 { color:#e64746; } /* ·¹µå */
.con_noti2 span.fop2 { color:#f67400; } /* ¿À·»Áö */

.con_btn_left { text-align:left; }
.con_btn_right { text-align:right; }
.con_btn_center { margin:50px 0 0 0; text-align:center; transition:all 0.3s ease; }
.con_btn_center.mop1 { margin:30px 0 0 0; }
.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; }

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

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

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

	.con_login_c2 .con2_1 .cons1 { padding:0 40px 0 40px; }
	.con_login_c2 .con2_1 .cons2 { padding:15px 40px 0 40px; }
	.con_login_c3 .con3 { right:20px; }

	.con_login2_c2 .con2_1 .cons1 { padding:0 40px 0 40px; }
	.con_login2_c2 .con2_1 .cons2 { padding:15px 40px 0 40px; }
	.con_login2_c3 .con3 { right:20px; }

}

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

	.con_login_c3 .con3 { margin:30px 0 0 0; position:static; }
	.con_login_c3 .con3 ul li { margin:0 10px 0 0; float:left; }

	.con_login2_c3 .con3 { margin:30px 0 0 0; position:static; }
	.con_login2_c3 .con3 ul li { margin:0 10px 0 0; float:left; }

}

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

	.modal .modal-dialog.op2 { width:100%; max-width:100%; }
	.modal .modal-dialog.op3 { width:100%; max-width:100%; }
	.modal .modal-dialog.op4 { width:100%; }

	.con_login_c1 { padding:30px 0 70px 0; }
	.con_login_c1.op1 { padding:40px 0 70px 0; }
	.con_login_c1 .con2 ul li { margin:0 16px 0 0; }
	.con_login_c2 .con1 { margin:0 30px 80px 0; width:calc((100% - 30px) / 2); border-radius:120px 48px 0 0; }
	.con_login_c2 .con1_1 { border-radius:120px 48px 0 0; }
	.con_login_c2 .con1_1 p br { display:initial; }
	.con_login_c2 .con1_2 { padding:40px 40px 0 40px; }
	.con_login_c2 .con2 { width:calc((100% - 30px) /2); border-radius:120px 48px 0 0; }
	.con_login_c2 .con2_1 { border-radius:120px 48px 0 0; }
	.con_login_c2 .con2_1 .cons1 { padding:0 20px 0 20px; }
	.con_login_c2 .con2_1 .cons2 { padding:15px 20px 0 20px; }
	.con_login_c2 .con2_2 { padding:40px 40px 0 40px; }
	.con_login_c2 .con3 { width:70%; }

	.con_login2_c1 { padding:30px 0 30px 0; }
	.con_login2_c1.op1 { padding:40px 0 70px 0; }
	.con_login2_c1 .con2 ul li { margin:0 16px 0 0; }
	.con_login2_c2 .con1 { margin:60px 30px 60px 0; width:calc((100% - 30px) / 2); border-radius:120px 48px 48px 48px; }
	.con_login2_c2 .con1_1 { border-radius:120px 48px 0 0; }
	.con_login2_c2 .con1_1 p br { display:initial; }
	.con_login2_c2 .con1_2 { padding:40px 40px 0 40px; }
	.con_login2_c2 .con1_2.hop2 { padding:20px 40px 20px 40px; height:120px; }
	.con_login2_c2 .con2 { margin:60px 0 60px 0; width:calc((100% - 30px) /2); border-radius:120px 48px 48px 48px; }
	.con_login2_c2 .con2_1 { border-radius:120px 48px 0 0; }
	.con_login2_c2 .con2_1 .cons1 { padding:0 20px 0 20px; }
	.con_login2_c2 .con2_1 .cons2 { padding:15px 20px 0 20px; }
	.con_login2_c2 .con2_2 { padding:40px 40px 0 40px; }
	.con_login2_c2 .con2_2.hop2 { padding:20px 40px 20px 40px; height:120px; }
}

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

	.con_write2 select.wop2 { width:calc((100% - 10%) / 2); }
	.con_write2 input[type="text"].wop3 { width:calc((100% - 20%) / 2); }
	.con_write2 input[type="text"].wop6 { width:calc((100% - 20%) / 2); }
	.con_write2 input[type="text"].wop7 { width:calc((100% - 20%) / 2); }
	.con_write2 input[type="text"].wop8 { width:100%; }
	.con_write2 input[type="text"].wop11 { width:calc(100% - 140px); }

}

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

	.con_login_c1 { padding:30px 0 60px 0; }
	.con_login_c1.op1 { padding:30px 0 60px 0; }
	.con_login_c1 .con1 a { margin:13px 0 0 0; width:179px; height:30px; background-size:auto 30px; }
	.con_login_c1 .con2 ul li { margin:0 4px 0 0; }
	.con_login_c1 .con2 ul li a { padding:20px 10px 20px 10px; font-size:17px; }
	.con_login_c1 .con3 a { margin:13px 0 0 0; width:179px; height:30px; background-size:auto 30px; }
	.con_login_c2 .con1 { margin:0 0 30px 0; width:100%; border-radius:120px 36px 0 0; }
	.con_login_c2 .con1_1 { padding:40px 40px 60px 40px; height:auto; border-radius:120px 36px 0 0; }
	@keyframes con_login_ani1 { 0% { background:rgba(7, 113,  187, 0.9) url("/images/bg_09.png") no-repeat 600px 500px; background-size:auto 0; } 100% { background:rgba(7, 113,  187, 0.9) url("/images/bg_09.png") no-repeat 200px 150px; background-size:auto 800px; } }
	.con_login_c2 .con1_1 h2 { font-size:28px; }
	.con_login_c2 .con1_1 p { padding:15px 0 50px 0; font-size:14px; }
	.con_login_c2 .con1_1 a { padding:23px 0 23px 0; font-size:17px; }
	.con_login_c2 .con1_2 { padding:35px 100px 35px 100px; height:auto; border-radius:0 0 36px 36px; }
	.con_login_c2 .con1_2 ul li { margin:0 20px 12px 0; }
	.con_login_c2 .con1_2 ul li:nth-child(2n) { margin:0 0 12px 0; }
	.con_login_c2 .con1_2 ul li a { font-size:14px; }
	.con_login_c2 .con1_2 ul li a:before { top:5px; }
	.con_login_c2 .con2 { margin:0 0 60px 0; width:100%; border-radius:120px 36px 0 0; }
	.con_login_c2 .con2_1 { padding:40px 40px 40px 40px; height:auto; border-radius:120px 36px 0 0; }
	@keyframes con_login_ani2 { 0% { background:rgb(24 159 161 / 90%) url("/images/bg_09.png") no-repeat 600px 500px; background-size:auto 0; } 100% { background:rgb(24 159 161 / 90%) url("/images/bg_09.png") no-repeat 200px 150px; background-size:auto 800px; } }
	.con_login_c2 .con2_1 h2 { font-size:28px; }
	.con_login_c2 .con2_1 p { padding:15px 0 50px 0; font-size:14px; }
	.con_login_c2 .con2_1 .cons1 { padding: 0 100px 0 100px; }
	.con_login_c2 .con2_1 .cons2 { padding:15px 100px 0 100px; }
	.con_login_c2 .con2_2 { padding:35px 100px 35px 100px; height:auto; }
	.con_login_c2 .con2_2 ul li { font-size:14px; }
	.con_login_c2 .con2_2 ul li a { font-size:14px; }
	.con_login_c2 .con2_2 ul li a:before { top:5px; }
	.con_login_c2 .con3 { width:80%; border-radius:36px; }
	.con_login_c2 .con3_1 { padding:40px 40px 70px 40px; height:auto; border-radius:36px; }
	@keyframes con_login_ani3 { 0% { background:rgb(25 37 86 / 90%) url("/images/bg_09.png") no-repeat 600px 500px; background-size:auto 0; } 100% { background:rgb(25 37 86 / 90%) url("/images/bg_09.png") no-repeat 200px 150px; background-size:auto 800px; } }
	.con_login_c2 .con3_1 h2 { font-size:28px; }
	.con_login_c2 .con3_1 p { padding:15px 0 50px 0; font-size:14px; }
	.con_login_c2 .con3_1 .cons1 { padding: 0 70px 0 70px; }
	.con_login_c3 { padding:50px 10px 60px 10px; }
	.con_login_c3 .con1 ul li { font-size:14px; }
	.con_login_c3 .con1 ul li a { font-size:14px; }
	.con_login_c3 .con2 ul li { font-size:13px; }
	.con_login_c3 .con4 { font-size:13px; }

	.con_login2_c1 { padding:30px 0 30px 0; }
	.con_login2_c1.op1 { padding:30px 0 60px 0; }
	.con_login2_c1 .con1 a { margin:13px 0 0 0; width:179px; height:30px; background-size:auto 30px; }
	.con_login2_c1 .con2 ul li { margin:0 4px 0 0; }
	.con_login2_c1 .con2 ul li a { padding:20px 10px 20px 10px; font-size:17px; }
	.con_login2_c1 .con3 a { margin:13px 0 0 0; width:179px; height:30px; background-size:auto 30px; }
	.con_login2_c2 .con1 { margin:0 0 30px 0; width:100%; border-radius:120px 36px 36px 36px; }
	.con_login2_c2 .con1_1 { padding:40px 40px 60px 40px; height:auto; border-radius:120px 36px 0 0; }
	@keyframes con_login2_ani1 { 0% { background:#ffffff url("/images/bg_12.png") no-repeat 600px 500px; background-size:auto 0; } 100% { background:#ffffff url("/images/bg_12.png") no-repeat 200px 150px; background-size:auto 800px; } }
	.con_login2_c2 .con1_1 h2 { font-size:28px; }
	.con_login2_c2 .con1_1 p { padding:15px 0 50px 0; font-size:14px; }
	.con_login2_c2 .con1_1 ul li a { padding:23px 0 23px 0; font-size:17px; }
	.con_login2_c2 .con1_2 { padding:35px 100px 35px 100px; height:auto; border-radius:0 0 36px 36px; }
	.con_login2_c2 .con1_2.hop2 { padding:30px 40px 30px 40px; height:auto; }
	.con_login2_c2 .con1_2 ul li { margin:0 20px 12px 0; }
	.con_login2_c2 .con1_2 ul li:nth-child(2n) { margin:0 0 12px 0; }
	.con_login2_c2 .con1_2 ul li a { font-size:14px; }
	.con_login2_c2 .con1_2 ul li a:before { top:5px; }
	.con_login2_c2 .con2 { margin:0 0 60px 0; width:100%; border-radius:120px 36px 36px 36px; }
	.con_login2_c2 .con2_1 { padding:40px 40px 40px 40px; height:auto; border-radius:120px 36px 0 0; }
	@keyframes con_login2_ani2 { 0% { background:#ffffff url("/images/bg_13.png") no-repeat 600px 500px; background-size:auto 0; } 100% { background:#ffffff url("/images/bg_13.png") no-repeat 200px 150px; background-size:auto 800px; } }
	.con_login2_c2 .con2_1 h2 { font-size:28px; }
	.con_login2_c2 .con2_1 p { padding:15px 0 50px 0; font-size:14px; }
	.con_login2_c2 .con2_1 .cons1 { padding: 0 100px 0 100px; }
	.con_login2_c2 .con2_1 .cons2 { padding:15px 100px 0 100px; }
	.con_login2_c2 .con2_2 { padding:35px 100px 35px 100px; height:auto; border-radius:0 0 36px 36px; }
	.con_login2_c2 .con2_2.hop2 { padding:30px 40px 30px 40px; height:auto; }
	.con_login2_c2 .con2_2 ul li { font-size:14px; }
	.con_login2_c2 .con2_2 ul li a { font-size:14px; }
	.con_login2_c2 .con2_2 ul li a:before { top:5px; }
	.con_login2_c3 { padding:50px 10px 60px 10px; }
	.con_login2_c3 .con1 ul li { font-size:14px; }
	.con_login2_c3 .con1 ul li a { font-size:14px; }
	.con_login2_c3 .con2 ul li { font-size:13px; }
	.con_login2_c3 .con4 { font-size:13px; }

}

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

	.sub_content_wrap.op1 .btn { font-size:14px; }
	.btn.op1 { padding:8px 12px; }
	.btn.op2 { padding:4px 8px; font-size:13px !important; }
	.btn.op3 { padding:2px 8px; font-size:13px !important; }
	.btn.op4 { padding:2px 6px; font-size:12px !important; }
	.btn.op5 { padding:4px 8px; font-size:14px; }

	.modal-header { padding:20px 20px 20px 20px; }
	.modal-header .close { right:20px; top:25px; width:23px; height:23px; background-size:auto 23px; }
	.modal-header h4 { font-size:20px; }
	.modal-body.pop2 { padding:20px; }

	.con_login_c1 { padding:20px 0 95px 0; }
	.con_login_c1.op1 { padding:30px 0 50px 0; }
	.con_login_c1 .con1 a { margin:0 0 0 0; }
	.con_login_c1 .con2 { position:absolute; left:0px; top:70px; width:100%; background:#00acec; }
	.con_login_c1 .con2 ul { display:flex; justify-content:space-evenly; }
	.con_login_c1 .con2 ul li { margin:0 0 0 0; }
	.con_login_c1 .con2 ul li a { padding:10px 0 10px 0; font-size:15px; text-align:center; font-weight:500; }
	.con_login_c1 .con2 ul li a:hover { color:#ffeca4; }
	.con_login_c1 .con3 a { margin:0 0 0 0; }
	.con_login_c2 .con1 { margin:0 0 25px 0; border-radius:100px 24px 0 0; }
	.con_login_c2 .con1_1 { padding:30px 30px 50px 30px; border-radius:100px 24px 0 0; }
	@keyframes con_login_ani1 { 0% { background:rgba(7, 113,  187, 0.9) url("/images/bg_09.png") no-repeat 600px 500px; background-size:auto 0; } 100% { background:rgba(7, 113,  187, 0.9) url("/images/bg_09.png") no-repeat 150px 100px; background-size:auto 800px; } }
	.con_login_c2 .con1_1 h2 { font-size:26px; }
	.con_login_c2 .con1_1 p { padding:13px 0 40px 0; }
	.con_login_c2 .con1_1 a { padding:21px 0 21px 0; font-size:16px; }
	.con_login_c2 .con1_2 { padding:30px 80px 30px 80px; border-radius:0 0 24px 24px; }
	.con_login_c2 .con1_2 ul li { margin:0 20px 10px 0; }
	.con_login_c2 .con1_2 ul li:nth-child(2n) { margin:0 0 10px 0; }
	.con_login_c2 .con2 { margin:0 0 50px 0; border-radius:100px 24px 0 0; }
	.con_login_c2 .con2_1 { padding:30px 30px 30px 30px; border-radius:100px 24px 0 0; }
	@keyframes con_login_ani2 { 0% { background:rgb(24 159 161 / 90%) url("/images/bg_09.png") no-repeat 600px 500px; background-size:auto 0; } 100% { background:rgb(24 159 161 / 90%) url("/images/bg_09.png") no-repeat 150px 100px; background-size:auto 800px; } }
	.con_login_c2 .con2_1 h2 { font-size:26px; }
	.con_login_c2 .con2_1 p { padding:13px 0 40px 0; }
	.con_login_c2 .con2_1 .cons1 { padding: 0 80px 0 80px; }
	.con_login_c2 .con2_1 .cons2 { padding:15px 80px 0 80px; }
	.con_login_c2 .con2_2 { padding:30px 80px 30px 80px; }
	.con_login_c2 .con3 { width:100%; border-radius:24px; }
	.con_login_c2 .con3_1 { padding:30px 50px 60px 50px; border-radius:24px; }
	@keyframes con_login_ani3 { 0% { background:rgb(25 37 86 / 90%) url("/images/bg_09.png") no-repeat 600px 500px; background-size:auto 0; } 100% { background:rgb(25 37 86 / 90%) url("/images/bg_09.png") no-repeat 150px 100px; background-size:auto 800px; } }
	.con_login_c2 .con3_1 h2 { font-size:26px; }
	.con_login_c2 .con3_1 p { padding:13px 0 40px 0; }
	.con_login_c2 .con3_1 .cons1 { padding: 0 60px 0 60px; }
	.con_login_c3 { padding:40px 0 40px 0; }
	.con_login_c3 .con1 ul li { margin:0 30px 7px 0; }
	.con_login_c3 .con1 ul li:after { top:8px; width:3px; height:3px; }
	.con_login_c3 .con3 select { padding:0 0 0 20px; height:30px; }

	.con_login2_c1 { padding:20px 0 55px 0; }
	.con_login2_c1.op1 { padding:30px 0 50px 0; }
	.con_login2_c1 .con1 a { margin:0 0 0 0; }
	.con_login2_c1 .con2 { position:absolute; left:0px; top:50px; width:100%; background:#e2e2e2; }
	.con_login2_c1 .con2 ul { display:flex; justify-content:space-evenly; }
	.con_login2_c1 .con2 ul li { margin:0 0 0 0; }
	.con_login2_c1 .con2 ul li a { padding:10px 0 10px 0; font-size:15px; text-align:center; font-weight:500; }
	.con_login2_c1 .con2 ul li a:hover { color:#a4ffcd; }
	.con_login2_c1 .con3 a { margin:0 0 0 0; }
	.con_login2_c2 .con1 { margin:40px 0 25px 0; border-radius:100px 24px 24px 24px; }
	.con_login2_c2 .con1_1 { padding:30px 30px 50px 30px; border-radius:100px 24px 0 0; }
	@keyframes con_login2_ani1 { 0% { background:#ffffff url("/images/bg_12.png") no-repeat 600px 500px; background-size:auto 0; } 100% { background:#ffffff url("/images/bg_12.png") no-repeat 150px 100px; background-size:auto 800px; } }
	.con_login2_c2 .con1_1 h2 { font-size:26px; }
	.con_login2_c2 .con1_1 p { padding:13px 0 40px 0; }
	.con_login2_c2 .con1_1 ul li a { padding:21px 0 21px 0; font-size:16px; }
	.con_login2_c2 .con1_2 { padding:30px 80px 30px 80px; border-radius:0 0 24px 24px; }
	.con_login2_c2 .con1_2.hop1 { padding:20px 0 20px 0; }
	.con_login2_c2 .con1_2.hop2 { padding:25px 30px 25px 30px; }
	.con_login2_c2 .con1_2 ul li { margin:0 20px 10px 0; }
	.con_login2_c2 .con1_2 ul li:nth-child(2n) { margin:0 0 10px 0; }
	.con_login2_c2 .con2 { margin:0 0 50px 0; border-radius:100px 24px 24px 24px; }
	.con_login2_c2 .con2_1 { padding:30px 30px 30px 30px; border-radius:100px 24px 0 0; }
	@keyframes con_login2_ani2 { 0% { background:#ffffff url("/images/bg_13.png") no-repeat 600px 500px; background-size:auto 0; } 100% { background:#ffffff url("/images/bg_13.png") no-repeat 150px 100px; background-size:auto 800px; } }
	.con_login2_c2 .con2_1 h2 { font-size:26px; }
	.con_login2_c2 .con2_1 p { padding:13px 0 40px 0; }
	.con_login2_c2 .con2_1 .cons1 { padding: 0 80px 0 80px; }
	.con_login2_c2 .con2_1 .cons2 { padding:15px 80px 0 80px; }
	.con_login2_c2 .con2_2 { padding:30px 80px 30px 80px; border-radius:0 0 24px 24px; }
	.con_login2_c2 .con2_2.hop1 { padding:20px 0 20px 0; }
	.con_login2_c2 .con2_2.hop2 { padding:25px 30px 25px 30px; }
	.con_login2_c3 { padding:40px 0 40px 0; }
	.con_login2_c3 .con1 ul li { margin:0 30px 7px 0; }
	.con_login2_c3 .con1 ul li:after { top:8px; width:3px; height:3px; }
	.con_login2_c3 .con3 select { padding:0 0 0 20px; height:30px; }

	.con_list4 { overflow-x:scroll; }
	.con_list4 table { display:table !important; width:200% !important; }
	.con_list4 thead { display:table-row-group !important; }
	.con_list4 tbody { display:table-row-group !important; }
	.con_list4 tr { padding:0px !important; display:revert !important; border-bottom:0 !important; }
	.con_list4 th { padding:8px 5px 8px 5px !important; display:table-cell !important; color:#111111 !important; font-size:13px !important; font-weight:500 !important; text-align:center !important; line-height:1.4 !important; letter-spacing:-0.01em !important; background:#f2f2f2 !important; border:1px solid #d8d8d8 !important; }
	.con_list4 th:before { content:none !important; }
	.con_list4 td { padding:8px 15px 8px 15px !important; display:table-cell !important; color:#555555 !important; font-size:13px !important; font-weight:400 !important; text-align:center !important; letter-spacing:-0.01em !important; border:1px solid #d8d8d8 !important; word-break:keep-all; }

	.con_write2 table { display:block; }
	.con_write2 table thead { display:block; }
	.con_write2 table tbody { display:block; }
	.con_write2 table tr { display:block; }
	.con_write2 th { padding:10px 15px 0 15px; position:relative; display:block; min-height:auto; font-size:13px; background:none; border:none; }
	.con_write2 th:before { display:inline-block; position:absolute; left:5px; top:16px; content:""; width:4px; height:4px; border-radius:100%; background:#333333; }
	.con_write2 td { padding:5px 15px 10px 15px; display:block; min-height:35px; font-size:13px; color:#666666; border-width:0 0 1px 0; }
	.con_write2 label { font-size:13px; }
	.con_write2 label.op1 { margin:8px 0 0 0; }
	.con_write2 select { padding:0 0 0 5px; height:30px; font-size:13px; }
	.con_write2 select.wop1 { width:100%; }
	.con_write2 select.wop2 { width:calc(100% - 100px); }
	.con_write2 input[type="text"] { padding:0 5px 0 5px; height:30px; font-size:13px; }
	.con_write2 input[type="text"].wop1 { width:100%; }
	.con_write2 input[type="text"].wop3 { width:calc((100% - 10%) / 2); }
	.con_write2 input[type="text"].wop6 { width:calc((100% - 10%) / 2); }
	.con_write2 input[type="text"].wop7 { width:calc((100% - 10%) / 2); }
	.con_write2 input[type="text"].wop10 { width:calc(100% - 210px); }
	.con_write2 input[type="password"] { padding:0 5px 0 5px; height:30px; font-size:13px; }
	.con_write2 input[type="password"].wop1 { width:100%; }
	.con_write2 input[type="file"] { height:30px; font-size:13px; }
	.con_write2 input[type="checkbox"] { width:16px; height:16px; }
	.con_write2 input[type="radio"] { width:16px; height:16px; }
	.con_write2 textarea { padding:5px 5px 5px 5px; height:130px; font-size:13px; line-height:1.5; }
	.con_write2 td .noti { font-size:12px; }
	.con_write2 td .noti2 { margin:12px 0 0 0; }
	.con_write2 td .noti2 dl dt { margin:0 0 4px 0; font-size:13px; }
	.con_write2 td i.divi1 { padding:3px 18px 3px 18px; font-size:13px; }

	.con_noti2 { font-size:13px; background:url("/images/dot_03.png") no-repeat 0 1px; }

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

}

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

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

	.wrap { background:#edf5f1; }
	#hd { padding:20px 10px; margin-bottom:20px; background:none; }
	.login_contents_wrap section { padding:20px; }

}

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

	.login_contents_wrap section { width:100%; margin-bottom:20px; max-width:100%; border-radius:20px; }
	.login_contents_wrap section h1 { margin:0 0 10px; padding:0; }
	.login_contents_wrap section .login_box { padding:10px; }
	.login_contents_wrap section .subtxt { height:auto; }

	#login_parents { background:#46bf9e; }
	#login_parents .login_box > ul { margin-top:10px; }
	#login_parents .login_box > ul > li > a { height:40px; padding-top:11px; }

	#login_system { background:#4c62a8; }

}

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

	.con_login_c2 .con1_2 { padding:30px 60px 30px 60px; }
	.con_login_c2 .con2_1 .cons1 { padding: 0 60px 0 60px; }
	.con_login_c2 .con2_1 .cons2 { padding:15px 60px 0 60px; }
	.con_login_c2 .con2_2 { padding:30px 60px 30px 60px; }
	.con_login_c2 .con3_1 .cons1 { padding: 0 50px 0 50px; }

	.con_login2_c2 .con1_2 { padding:30px 60px 30px 60px; }
	.con_login2_c2 .con2_1 .cons1 { padding: 0 60px 0 60px; }
	.con_login2_c2 .con2_1 .cons2 { padding:15px 60px 0 60px; }
	.con_login2_c2 .con2_2 { padding:30px 60px 30px 60px; }

}

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

	.modal-header .close { top:22px; }

}

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

	.con_login_c2 .con1_1 a { width:90%; }
	.con_login_c2 .con1_2 { padding:30px 30px 30px 30px; }
	.con_login_c2 .con2_1 .cons1 { padding: 0 0 0 0; }
	.con_login_c2 .con2_1 .cons2 { padding:15px 0 0 0; }
	.con_login_c2 .con2_2 { padding:30px 30px 30px 30px; }
	.con_login_c2 .con3_1 .cons1 { padding: 0 0 0 0; }
	.con_login_c3 { padding:35px 0 35px 0; }
	.con_login_c3 .con3 ul li { margin:0 0 10px 0; width:100%; }

	.con_login2_c2 .con1_1 ul li select { width:90%; height:35px; }
	.con_login2_c2 .con1_1 ul li a { width:90%; }
	.con_login2_c2 .con1_2 { padding:30px 30px 30px 30px; }
	.con_login2_c2 .con2_1 .cons1 { padding: 0 0 0 0; }
	.con_login2_c2 .con2_1 .cons2 { padding:15px 0 0 0; }
	.con_login2_c2 .con2_2 { padding:30px 30px 30px 30px; }
	.con_login2_c3 { padding:35px 0 35px 0; }
	.con_login2_c3 .con3 ul li { margin:0 0 10px 0; width:100%; }

}

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

	#ft .ft1 .privacy { width:100%; }
	#ft .ft1 .privacy:after { display:none; }

	.con_login_c2 .con3_1 { padding:30px 30px 60px 30px; }

	.con_write2 label.add2 { margin:8px 0 8px 0; display:block; }

}

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

	.con_login_c1 { padding:20px 0 85px 0; }
	.con_login_c1 .con2 { top:70px; }
	.con_login_c1 .con2 ul li.op1 { display:none; }
	.con_login_c1 .con2 ul li a { font-size:14px; }
	.con_login_c2 .con1 { border-radius:24px 24px 0 0; }
	.con_login_c2 .con1_1 { border-radius:24px 24px 0 0; }
	@keyframes con_login_ani1 { 0% { background:rgba(7, 113,  187, 0.9) url("/images/bg_09.png") no-repeat 600px 500px; background-size:auto 0; } 100% { background:rgba(7, 113,  187, 0.9) url("/images/bg_09.png") no-repeat 100px 80px; background-size:auto 800px; } }
	.con_login_c2 .con1_1 h2 { font-size:24px; }
	.con_login_c2 .con1_1 p { font-size:13px; }
	.con_login_c2 .con1_1 a { width:100%; }
	.con_login_c2 .con1_2 ul li { margin:0 0 10px 0; width:100%; }
	.con_login_c2 .con1_2 ul li:nth-child(2n) { margin:0 0 10px 0; }
	.con_login_c2 .con1_2 ul li:last-child { margin:0 0 0 0; }
	.con_login_c2 .con1_2 ul li a { padding:0 0 0 11px; font-size:13px; }
	.con_login_c2 .con2 { margin:0 0 40px 0; border-radius:24px 24px 0 0; }
	.con_login_c2 .con2_1 { border-radius:24px 24px 0 0; }
	@keyframes con_login_ani2 { 0% { background:rgb(24 159 161 / 90%) url("/images/bg_09.png") no-repeat 600px 500px; background-size:auto 0; } 100% { background:rgb(24 159 161 / 90%) url("/images/bg_09.png") no-repeat 100px 80px; background-size:auto 800px; } }
	.con_login_c2 .con2_1 h2 { font-size:24px; }
	.con_login_c2 .con2_1 p { font-size:13px; }
	.con_login_c2 .con2_1 .cons1_1 { margin:0 10px 0 0; width:calc(100% - 80px); }
	.con_login_c2 .con2_1 .cons1_2 { width:70px; }
	.con_login_c2 .con2_1 .cons1_1 ul li input[type="text"] { padding:0 15px 0 15px; height:42px; border-radius:6px; }
	.con_login_c2 .con2_1 .cons1_1 ul li input[type="password"] { padding:0 15px 0 15px; height:42px; border-radius:6px; }
	.con_login_c2 .con2_1 .cons1_2 a { padding:40px 0 40px 0; font-size:15px; border-radius:6px; }
	.con_login_c2 .con2_1 .cons2_1 input[type="checkbox"] { margin:-1px 4px 0 0; width:16px; height:16px; }
	.con_login_c2 .con2_1 .cons2_1 label { font-size:13px; }
	.con_login_c2 .con2_1 .cons2_2 ul li a { font-size:13px; }
	.con_login_c2 .con2_1 .cons2_2 ul li:after { padding:0 5px 0 5px; }
	.con_login_c2 .con2_2 ul li { margin:0 0 8px 0; font-size:13px; }
	.con_login_c2 .con2_2 ul li.in { margin:0 0 12px 0; padding:0 0 0 13px; }
	.con_login_c2 .con2_2 ul li a { padding:0 0 0 12px; font-size:13px; }
	@keyframes con_login_ani3 { 0% { background:rgb(25 37 86 / 90%) url("/images/bg_09.png") no-repeat 600px 500px; background-size:auto 0; } 100% { background:rgb(25 37 86 / 90%) url("/images/bg_09.png") no-repeat 100px 80px; background-size:auto 800px; } }
	.con_login_c2 .con3_1 h2 { font-size:24px; }
	.con_login_c2 .con3_1 p { font-size:13px; }
	.con_login_c2 .con3_1 .cons1_1 { margin:0 10px 0 0; width:calc(100% - 80px); }
	.con_login_c2 .con3_1 .cons1_2 { width:70px; }
	.con_login_c2 .con3_1 .cons1_1 ul li input[type="text"] { padding:0 15px 0 15px; height:42px; border-radius:6px; }
	.con_login_c2 .con3_1 .cons1_1 ul li input[type="password"] { padding:0 15px 0 15px; height:42px; border-radius:6px; }
	.con_login_c2 .con3_1 .cons1_2 a { padding:40px 0 40px 0; font-size:15px; border-radius:6px; }

	.con_login2_c1 { padding:20px 0 54px 0; }
	.con_login2_c1 .con2 { top:50px; }
	.con_login2_c1 .con2 ul li.op1 { display:none; }
	.con_login2_c1 .con2 ul li a { font-size:14px; }
	.con_login2_c2 .con1 { border-radius:24px 24px 24px 24px; }
	.con_login2_c2 .con1_1 { border-radius:24px 24px 0 0; }
	@keyframes con_login2_ani1 { 0% { background:#ffffff url("/images/bg_12.png") no-repeat 600px 500px; background-size:auto 0; } 100% { background:#ffffff url("/images/bg_12.png") no-repeat 100px 80px; background-size:auto 800px; } }
	.con_login2_c2 .con1_1 h2 { font-size:24px; }
	.con_login2_c2 .con1_1 p { font-size:13px; }
	.con_login2_c2 .con1_1 ul li select { width:100%; }
	.con_login2_c2 .con1_1 ul li a { width:100%; }
	.con_login2_c2 .con1_2 ul li { margin:0 0 10px 0; width:100%; }
	.con_login2_c2 .con1_2 ul li:nth-child(2n) { margin:0 0 10px 0; }
	.con_login2_c2 .con1_2 ul li:last-child { margin:0 0 0 0; }
	.con_login2_c2 .con1_2 ul li a { padding:0 0 0 11px; font-size:13px; }
	.con_login2_c2 .con2 { margin:0 0 40px 0; border-radius:24px 24px 24px 24px; }
	.con_login2_c2 .con2_1 { border-radius:24px 24px 0 0; }
	@keyframes con_login2_ani2 { 0% { background:#ffffff url("/images/bg_13.png") no-repeat 600px 500px; background-size:auto 0; } 100% { background:#ffffff url("/images/bg_13.png") no-repeat 100px 80px; background-size:auto 800px; } }
	.con_login2_c2 .con2_1 h2 { font-size:24px; }
	.con_login2_c2 .con2_1 p { font-size:13px; }
	.con_login2_c2 .con2_1 .cons1_1 { margin:0 10px 0 0; width:calc(100% - 80px); }
	.con_login2_c2 .con2_1 .cons1_2 { width:70px; }
	.con_login2_c2 .con2_1 .cons1_1 ul li input[type="text"] { padding:0 15px 0 15px; height:42px; border-radius:6px; }
	.con_login2_c2 .con2_1 .cons1_1 ul li input[type="password"] { padding:0 15px 0 15px; height:42px; border-radius:6px; }
	.con_login2_c2 .con2_1 .cons1_2 a { padding:40px 0 40px 0; font-size:15px; border-radius:6px; }
	.con_login2_c2 .con2_1 .cons2_1 input[type="checkbox"] { margin:-1px 4px 0 0; width:16px; height:16px; }
	.con_login2_c2 .con2_1 .cons2_1 label { font-size:13px; }
	.con_login2_c2 .con2_1 .cons2_2 ul li a { font-size:13px; }
	.con_login2_c2 .con2_1 .cons2_2 ul li:after { padding:0 5px 0 5px; }
	.con_login2_c2 .con2_2 ul li { margin:0 0 8px 0; font-size:13px; }
	.con_login2_c2 .con2_2 ul li.in { margin:0 0 12px 0; padding:0 0 0 13px; }
	.con_login2_c2 .con2_2 ul li a { padding:0 0 0 12px; font-size:13px; }

}

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

	.con_login_c3 .con1 ul li { font-size:13px; }
	.con_login_c3 .con1 ul li a { font-size:13px; }
	.con_login_c3 .con2 ul li { font-size:12px; }
	.con_login_c3 .con4 { font-size:12px; }

	.con_login2_c3 .con1 ul li { font-size:13px; }
	.con_login2_c3 .con1 ul li a { font-size:13px; }
	.con_login2_c3 .con2 ul li { font-size:12px; }
	.con_login2_c3 .con4 { font-size:12px; }

	.con_write2 input[type="text"].wop6 { width:calc(100% - 100px); }
	.con_write2 input[type="text"].wop7 { width:calc(100% - 110px); }
	.con_write2 input[type="text"].wop10 { margin:0 0 5px 0; display:block; width:100%; }

}

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

	.con_login_c3 .con1 ul li { margin:0 0 6px 0; width:100%; }
	.con_login_c3 .con1 ul li:after { content:none; }

	.con_login2_c3 .con1 ul li { margin:0 0 6px 0; width:100%; }
	.con_login2_c3 .con1 ul li:after { content:none; }
}

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

	.con_login_c3 .con3 select { width:100%; }

	.con_login2_c3 .con3 select { width:100%; }

}

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

/*
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.01em;
letter-spacing:-0.01em;

font-weight:400; font-family:"scdream"; // R
font-weight:500; font-family:"scdream"; // M
font-weight:600; font-family:"scdream"; // B
font-weight:700; font-family:"scdream"; // K

font-family:"scdream";
font-weight:400;
font-family:"scdream"; font-weight:400;
font-family:"scdream"; font-weight:500;

letter-spacing:-0.01em;

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