@charset "utf-8";

.main_contents_wrap .contents_wrap > .wrap { width:100%; }
.main_contents_wrap .contents_wrap { padding:0; }

.contents_wrap #content { background:none; box-shadow:none; padding:0; }
.contents_wrap #content.op1 { background-image:url("../images/bg_06.png"), url("../images/bg_05.png"), url("../images/bg_04.jpg"); background-position:left calc(50% - 770px) bottom 90px, right calc(50% - 700px) top 90px, 0 0; background-repeat:no-repeat, no-repeat, repeat-x; }
.contents_wrap #content.op1.main_sp { background-image:url("../images/bg_06.png"), url("../images/bg_05.png"), url("../images/bg_07.jpg"); background-position:left calc(50% - 770px) bottom 90px, right calc(50% - 700px) top 90px, 0 0; background-repeat:no-repeat, no-repeat, repeat-x; }

.main_visual { background:url(../images/main/main_v1.jpg) center top no-repeat; padding:0 10px; overflow-x:hidden; box-shadow:0 3px 5px rgba(0,0,0,0.2); }
.main_visual .wrap { height:490px; }
.main_visual h2 { width:100%; padding:96px 30px 0 0; overflow:hidden; }
.main_visual h2 img { width:100%; max-width:497px; }

.main_visual2 { padding:40px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
.main_visual2_c1 { margin:0 30px 0 0; padding:60px 0 0 415px; position:relative; float:left; width:calc(100% - 500px); height:360px; overflow:hidden; background:url("../images/visual_01.png") no-repeat center bottom; border-radius:36px; box-shadow:0 0 8px 5px rgba(0, 0, 0, 0.1); transition:all 0.3s ease; }
.main_visual2_c1 i { position:absolute; left:35px; bottom:30px; display:inline-block; width:253px; height:215px; background:url("../images/visual_02.png") no-repeat 0 0; transition:all 0.3s ease; }
.main_visual2_c1 h2 { padding:0; font-family:"Pretendard"; color:#454545; font-size:20px; font-weight:700; letter-spacing:-0.05em; animation:main_visual2_ani1 2s ease; transition:all 0.3s ease; }
.main_visual2_c1 h3 { margin:0; padding:0; font-family:"Pretendard"; color:#365a6a; font-size:40px; font-weight:900; line-height:1.1; letter-spacing:-0.06em; animation:main_visual2_ani1 4s ease; transition:all 0.3s ease; }
.main_visual2_c1 h3 span { color:#58ae6b; }
@keyframes main_visual2_ani1 { 0% { opacity:0.0; transform:translateY(90%); } 100% { opacity:1.0; transform:translateY(0); } }

.main_visual2_c2 { position:relative; float:left; width:470px; transition:all 0.3s ease; }
.main_visual2_c2 i { position:absolute; left:calc(50% - 19px); top:calc(50% - 24px); display:inline-block; width:38px; height:38px; background:url("../images/mquick_center.png") no-repeat 0 0; animation:main_visual2_ani2 infinite 3s linear; }
@keyframes main_visual2_ani2 { from { transform:rotate(0deg); } to { transform:rotate(360deg); } }
.main_visual2_c2 ul { overflow:hidden; border-radius:36px; box-shadow:0 0 8px 5px rgba(0, 0, 0, 0.15); }
.main_visual2_c2 ul li { float:left; width:50%; transition:all 0.3s ease; }
.main_visual2_c2 ul li a { display:block; padding:115px 0 40px 0; font-family:"Pretendard"; color:#ffffff; font-size:21px; text-align:center; font-weight:700; letter-spacing:-0.03em; transition:all 0.3s ease; }

.main_visual2_c2 ul li a.link1 { background:#464cb1 url("../images/mquick_01.png") no-repeat center 30px; border-radius:36px 0 0 0; }
.main_visual2_c2 ul li a.link2 { background:#3672bf url("../images/mquick_02.png") no-repeat center 25px; border-radius:0 36px 0 0; }
.main_visual2_c2 ul li a.link3 { background:#3f7c77 url("../images/mquick_03.png") no-repeat center 30px; border-radius:0 0 0 36px; }
.main_visual2_c2 ul li a.link4 { background:#273762 url("../images/mquick_04.png") no-repeat center 25px; border-radius:0 0 36px 0; }
.main_visual2_c2 ul li a.link1:hover { background:#292e90 url("../images/mquick_01.png") no-repeat center 27px; }
.main_visual2_c2 ul li a.link2:hover { background:#17519b url("../images/mquick_02.png") no-repeat center 22px; }
.main_visual2_c2 ul li a.link3:hover { background:#1f5853 url("../images/mquick_03.png") no-repeat center 27px; }
.main_visual2_c2 ul li a.link4:hover { background:#0f1c3d url("../images/mquick_04.png") no-repeat center 22px; }

.main_visual2_c2 ul li a.link5 { background:#464cb1 url("../images/mquick_05.png") no-repeat center 30px; border-radius:36px 0 0 0; }
.main_visual2_c2 ul li a.link6 { background:#3672bf url("../images/mquick_06.png") no-repeat center 25px; border-radius:0 36px 0 0; }
.main_visual2_c2 ul li a.link7 { background:#3f7c77 url("../images/mquick_07.png") no-repeat center 30px; border-radius:0 0 0 36px; }
.main_visual2_c2 ul li a.link8 { background:#273762 url("../images/mquick_08.png") no-repeat center 25px; border-radius:0 0 36px 0; }
.main_visual2_c2 ul li a.link5:hover { background:#292e90 url("../images/mquick_05.png") no-repeat center 27px; }
.main_visual2_c2 ul li a.link6:hover { background:#17519b url("../images/mquick_06.png") no-repeat center 22px; }
.main_visual2_c2 ul li a.link7:hover { background:#1f5853 url("../images/mquick_07.png") no-repeat center 27px; }
.main_visual2_c2 ul li a.link8:hover { background:#0f1c3d url("../images/mquick_08.png") no-repeat center 22px; }

.main_dash { margin:35px 0 0 0; transition:all 0.3s ease; }
.main_dash_c { padding:20px 30px 20px 60px; position:relative; overflow:hidden; background:#fafafa; border-radius:24px; box-shadow:0 0 8px 5px rgba(0, 0, 0, 0.05); transition:all 0.3s ease; }
.main_dash_c1 { padding:20px 0 0 0; float:left; width:240px; transition:all 0.3s ease; }
.main_dash_c1 h2 { margin:0; padding:0; font-family:"Pretendard"; color:#666666; font-size:16px; font-weight:600; line-height:1; letter-spacing:-0.03em; transition:all 0.3s ease; }
.main_dash_c1 h3 { margin:7px 0 0 0; padding:0; font-family:"Pretendard"; color:#333333; font-size:24px; font-weight:900; line-height:1; letter-spacing:-0.05em; transition:all 0.3s ease; }
.main_dash_c1 h4 { margin:35px 0 0 0; padding:0 0 0 20px; font-family:"Pretendard"; color:#2f469c; font-size:18px; font-weight:800; line-height:1; letter-spacing:-0.03em; background:url("../images/ic_04.png") no-repeat 0 0; transition:all 0.3s ease; }
.main_dash_c1 h4 span { margin:0 0 0 5px; color:#2a9b9b; }
.main_dash_c2 { padding:0 30px 0 50px; float:left; width:calc((100% - 240px) / 2 ); background:url("../images/bar_01.png") no-repeat right center; transition:all 0.3s ease; }
.main_dash_c2 .con1 { float:left; width:180px; transition:all 0.3s ease; }
.main_dash_c2 .con1 h3 { margin:0; padding:20px 0 5px 30px; font-family:"Pretendard"; color:#ed1c24; font-size:22px; font-weight:900; line-height:1; letter-spacing:-0.03em; background:url("../images/ic_05.png") no-repeat 0 20px; transition:all 0.3s ease; }
.main_dash_c2 .con1 h3:after { margin:0 0 0 8px; content:""; display:inline-block; width:25px; height:1px; background:#ed1c24; transition:all 0.3s ease; }
.main_dash_c2 .con2 { padding:10px 0 0 0; float:left; width:calc(100% - 180px); transition:all 0.3s ease; }
.main_dash_c2 .con2 ul { overflow:hidden; }
.main_dash_c2 .con2 ul li { float:left; width:50%; transition:all 0.3s ease; }
.main_dash_c2 .con2 ul li a { padding:20px 0 20px 0; display:block; font-family:"Pretendard"; color:#111111; font-size:68px; text-align:center; font-weight:400; line-height:1; letter-spacing:-0.03em; transition:all 0.3s ease; }
.main_dash_c2 .con2 ul li a span { margin:8px 0 0 0; display:block; font-family:"Pretendard"; color:#444444; font-size:20px; text-align:center; font-weight:800; letter-spacing:-0.02em; transition:all 0.3s ease; }
.main_dash_c2 .con2 ul li a:hover { color:#effe02; background:#444444; border-radius:24px; }
.main_dash_c2 .con2 ul li a:hover span { color:#ffffff; }
.main_dash_c2:last-child { padding:0 0 0 50px; background:none; transition:all 0.3s ease; }
.main_dash_c2:last-child .con1 { width:130px; }
.main_dash_c2:last-child .con1 h3 { color:#f26522; background:url("../images/ic_06.png") no-repeat 0 20px; }
.main_dash_c2:last-child .con1 h3:after { background:#f26522; }
.main_dash_c2:last-child .con2 { width:calc(100% - 130px); }

.main_cont { padding:60px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
.main_cont.op1 { padding:30px 0 0 0; }
.main_cont.op2 { padding:30px 0 0 0; }
.main_cont_c { margin:0 20px 0 0; position:relative; float:left; width:calc((100% - 20px) / 2); background:url("../images/bg_03.png") no-repeat right -7px top -1px; transition:all 0.3s ease; }
.main_cont_c h2 { margin:0; padding:35px 0 20px 40px; width:calc(100% - 98px); font-family:"Pretendard"; color:#111111; font-size:22px; font-weight:800; line-height:1; letter-spacing:-0.03em; background:#ffffff; border:1px solid #e2e2e2; border-width:1px 0 0 1px; border-radius:24px 0 0 0; box-shadow:-4px -4px 8px 0 rgba(0, 0, 0, 0.02); word-break:keep-all; transition:all 0.3s ease; }
.main_cont_c a.more { position:absolute; right:25px; top:15px; display:inline-block; width:22px; height:22px; background:url("../images/more_01.png") no-repeat 0 0; text-indent:-10000px; z-index:9; transition:all 0.3s ease; }
.main_cont_c a.more:hover { transform:rotate(180deg); }
.main_cont_c .con1 { padding:10px 40px 40px 40px; height:280px; overflow:hidden; background:#ffffff; border:1px solid #e8e8e8; border-width:0 1px 1px 1px; border-radius:0 0 24px 24px; box-shadow:0 4px 6px 1px rgba(0, 0, 0, 0.03); transition:all 0.3s ease; }
.main_cont_c .con1 ul { margin:0; display:table; width:100%; table-layout:fixed; border-collapse:collapse; }
.main_cont_c .con1 ul li { padding:13px 5px 13px 5px; display:table-cell; font-family:"Pretendard"; color:#666666; font-size:16px; font-weight:400; text-align:center; line-height:1.2; letter-spacing:-0.03em; border-bottom:1px solid #e2e2e2; word-break:break-all; vertical-align:middle; transition:all 0.3s ease; }
.main_cont_c .con1 ul:last-child li { border-bottom:none; }
.main_cont_c .con1 ul li span.fop1 { color:#ed1c24; } /* 레드 */
.main_cont_c .con1 ul li span.fop2 { color:#0072bc; } /* 블루 */
.main_cont_c .con1 ul li span.fop3 { color:#927d67; } /* 브라운 */
.main_cont_c .con1 ul li a { color:#010101; font-weight:700; text-decoration:underline; text-underline-position:under; transition:all 0.3s ease; }
.main_cont_c .con1 ul li a:hover { color:#f67400; }
.main_cont_c .con1 ul li.dot { display:none; }
.main_cont_c .con1 ul li.nodata { padding:30px 5px 30px 5px; width:100%; }
.main_cont_c .con1 ul.header { background:#e3f2f5; border-radius:12px; }
.main_cont_c .con1 ul.header li { padding:13px 5px 13px 5px; color:#333333; font-weight:700; border-bottom:none; }

.main_cont_c .con2 { padding:10px 40px 40px 40px; height:280px; overflow:hidden; background:#ffffff; border:1px solid #e8e8e8; border-width:0 1px 1px 1px; border-radius:0 0 24px 24px; box-shadow:0 4px 6px 1px rgba(0, 0, 0, 0.03); transition:all 0.3s ease; }
.main_cont_c .con2 ul { overflow:hidden; }
.main_cont_c .con2 ul li { margin:0 0 8px 0; transition:all 0.3s ease; }
.main_cont_c .con2 ul:last-child { margin:0 0 0 0; }
.main_cont_c .con2 ul li a { padding:17px 125px 17px 30px; position:relative; display:block; font-family:"Pretendard"; color:#111111; font-size:16px; font-weight:700; background:#f7f7f7; border-radius:12px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; transition:all 0.3s ease; }
.main_cont_c .con2 ul li a:hover { background:#f0f0f0; }
.main_cont_c .con2 ul li a span { position:absolute; right:30px; top:18px; font-family:"Pretendard"; color:#888888; font-size:15px; font-weight:400; }
.main_cont_c .con2 ul li a em { margin:0 3px 0 0; font-family:"Pretendard"; color:#ff4200; font-weight:700; }
.main_cont_c .con2 ul li.nodata { padding:30px 5px 30px 5px; width:100%; font-family:"Pretendard"; color:#666666; font-size:16px; font-weight:400; text-align:center; }

.main_cont_c.op1 { margin:0 0 0 0; }
.main_cont_c.op1 ul.header { background:#eef5e3; }
.main_cont_c.op2 ul.header { background:#eae3f5; }
.main_cont_c.op3 { margin:0 0 0 0; }

.main_cont_c .col1 { width:21%; }
.main_cont_c .col2 { width:18%; }
.main_cont_c .col3 { width:38%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.main_cont_c .col4 { width:23%; }

.main_cont_c.op1 .col1 { width:21%; }
.main_cont_c.op1 .col2 { width:18%; }
.main_cont_c.op1 .col3 { width:38%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.main_cont_c.op1 .col4 { width:23%; }

.main_cont_c.op2 .col1 { width:25%; }
.main_cont_c.op2 .col2 { width:calc(75% / 4); }
.main_cont_c.op2 .col3 { width:calc(75% / 4); }
.main_cont_c.op2 .col4 { width:calc(75% / 4); }
.main_cont_c.op2 .col5 { width:calc(75% / 4); }

.main_quick { width:1600px; background-color:#fff; position:absolute; bottom:0; left:0; }
.main_quick ul { width:1200px; margin:0; }
.main_quick ul > li { float:left; width:20%; }
.main_quick ul > li > a { vertical-align:top; position:relative; display:inline-block; width:100%; height:142px; padding:25px; font-weight:bold; color:#fff; font-size:19px; }
.main_quick ul > li > a:before { z-index:1; content:""; display:inline-block; position:absolute; right:25px; bottom:25px; width:50px; height:50px; }
.main_quick ul > li > a:hover,
.main_quick ul > li > a:focus { background:rgba(0,0,0,0.2); }
.main_quick ul > li > a span { z-index:5; position:relative; padding-top:10px; display:inline-block; }
.main_quick ul > li > a span:before { z-index:1; content:""; display:inline-block; position:absolute; top:0; left:0; width:24px; height:3px; background-color:#fff; }
.main_quick .bg1 { background-color:#038B86; }/*#04c1ba*/
.main_quick .bg2 { background-color:#0ea0de; }
.main_quick .bg3 { background-color:#1065b5; }
.main_quick .bg4 { background-color:#0c4984; }
.main_quick .bg5 { background-color:#fff; }
.main_quick .bg5 a { color:#03aac0; }
.main_quick .bg1 a:before { background:url(../images/main/main_g1.png) right bottom no-repeat; }
.main_quick .bg2 a:before { background:url(../images/main/main_g2.png) right bottom no-repeat; }
.main_quick .bg3 a:before { background:url(../images/main/main_g3.png) right bottom no-repeat; }
.main_quick .bg4 a:before { background:url(../images/main/main_g4.png) right bottom no-repeat; }
.main_quick .bg5 a:before { right:0; bottom:15px; width:120px; height:100px; background:url(../images/main/main_g5.png) right bottom no-repeat; }
.main_quick .bg5 a:after { content:""; display:inline-block; position:absolute; right:auto; width:55px; height:30px; left:30px; bottom:25px; background:url(../images/main/main_g6.png) left bottom no-repeat; }
.main_quick .bg5 > a > span { padding-top:0; }
.main_quick .bg5 > a > span:before { display:none; }

.main_quick2 { padding:50px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
.main_quick2_c { transition:all 0.3s ease; }
.main_quick2_c ul { }
.main_quick2_c ul li { margin:0 25px 0 0; float:left; width:calc((100% - 75px) / 4); transition:all 0.3s ease; }
.main_quick2_c ul li:last-child { margin:0 0 0 0; }
.main_quick2_c ul li a { padding:35px 0 60px 45px; display:block; font-family:"Pretendard"; color:#111111; font-size:20px; font-weight:700; letter-spacing:-0.03em; border-radius:24px; box-shadow:0 0 5px 2px rgba(0, 0, 0, 0.05); transition:all 0.3s ease; }
.main_quick2_c ul li a.link1 { background:#ddebfa url("../images/mquick2_01.png") no-repeat right 40px bottom 30px; }
.main_quick2_c ul li a.link2 { background:#faecdd url("../images/mquick2_02.png") no-repeat right 40px bottom 30px; }
.main_quick2_c ul li a.link3 { background:#d9f5dd url("../images/mquick2_03.png") no-repeat right 40px bottom 30px; }
.main_quick2_c ul li a.link4 { background:#ecddfa url("../images/mquick2_04.png") no-repeat right 40px bottom 30px; }
.main_quick2_c ul li a.link1:hover { background:#cddef1 url("../images/mquick2_01.png") no-repeat right 40px bottom 35px; }
.main_quick2_c ul li a.link2:hover { background:#f0dfcc url("../images/mquick2_02.png") no-repeat right 40px bottom 35px; }
.main_quick2_c ul li a.link3:hover { background:#c7ebcc url("../images/mquick2_03.png") no-repeat right 40px bottom 35px; }
.main_quick2_c ul li a.link4:hover { background:#decbf0 url("../images/mquick2_04.png") no-repeat right 40px bottom 35px; }

.main_content { margin:0 auto; width:100%; max-width:1220px; position:relative; padding:20px 0; }
.main_content > div { padding:10px; }
.main_content > div > div { background-color:#fff; min-height:230px; position:relative; padding-top:55px; box-shadow:1px 1px 0 #e3e3e3; }
.main_content h2 { font-size:17px; padding:0; margin:0; width:100%; }
.main_content h2 > .btn,
.main_content h2 > span { letter-spacing:-0.5px; color:#393939; border:0; box-shadow:none; border-radius:0; position:absolute; top:0; left:0; width:100%; height:55px; line-height:50px; padding:5px 55px 0 25px; text-align:left; font-size:17px; font-weight:bold; }
.main_content h2 > .btn:before,
.main_content h2 > span:before { position:absolute; content:""; display:inline-block; width:32px; height:1px; background:#5a5a5a; bottom:0; left:25px; }
.main_content h2 > .btn.bdn:before,
.main_content h2 > span.bdn:before { display:none; }
.main_content h2 > .btn:hover,
.main_content h2 > .btn:focus { background-color:#bbb; }
.main_content .active h2 > .btn:focus { background-color:#f8f8f8; }
.main_content .btn_more { position:absolute; top:11px; right:15px; }
.main_content .main_parents { display:none; }

.main_tab .tab_more_t1 { right:50%; margin-right:15px; }
.main_tab .tab_t1 h2 .btn { left:0; width:50%; }
.main_tab .tab_t2 h2 .btn { left:auto; right:0; width:50%; }
.main_tab h2 .btn { background:#e5e5e5; }
.main_tab h2 .btn:before { display:none; }
.main_tab .btn_more { display:none; }
.main_tab .tab_con { display:none; }
.main_tab .active h2 .btn { background-color:#fff; }
.main_tab .active h2 .btn:before { display:inline-block; }
.main_tab .active h2 .bdn:before { display:none; }
.main_tab .active .btn_more { display:block; }
.main_tab .active .tab_con { display:block; }

.main_board_t1 { padding:15px 15px 15px 25px; font-size:14px; margin:0; }
.main_board_t1 > li { position:relative; padding-right:85px; }
.main_board_t1.pr130 > li { padding-right:130px; }
.main_board_t1 .tit,
.main_board_t1 .date { display:inline-block; height:33px; line-height:33px; letter-spacing:-0.5px; }
.main_board_t1 a.tit { color:#3c3c3c; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.main_board_t1 a.tit:hover,
.main_board_t1 a.tit:focus { font-weight:bold; text-decoration:underline; }
.main_board_t1 .date { position:absolute; top:0; right:0; color:#aaa; }
.main_board_t1 .btn { position:absolute; top:5px; }
.main_board_t1 .btn-download { right:0; }
.main_board_t1 .btn-pdf { right:0; }
.main_board_t1 .btn-hwp { right:60px; }

.main_board_t2 { padding:15px 25px; font-size:14px; margin:0; }
.main_board_t2 > li { position:relative; float:left; width:50%; padding-left:15px; }
.main_board_t2 > li:before { content:""; display:inline-block; position:absolute; top:12px; left:0; width:6px; height:6px; background-color:#9d9d9d; border-radius:50%; }
.main_board_t2 .tit { letter-spacing:-0.5px; display:inline-block; height:33px; line-height:33px; color:#3c3c3c; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.main_board_t2 a.tit:hover,
.main_board_t2 a.tit:focus { font-weight:bold; text-decoration:underline; }

.main_board_t3 { border-top:1px solid #eaeaea; font-size:13px; color:#3d3d3d; }
.main_board_t3 .table { margin-bottom:0; }
.main_board_t3 .table>thead>tr>th { background-color:#f5f6f7; border-bottom:1px solid #ddd; }
.main_board_t3 .bdr { border-right:1px solid #ddd; }
.main_board_t3 .table.tct th { text-align:center; }
.main_board_t3 .btn-xs { padding:0 3px; line-height:1.4; vertical-align:top; }

.main_organ { padding:30px 10px; background-color:#fff; border-top:1px solid #ddd; }
.main_organ h1 { line-height:24px; width:210px; position:absolute; top:0; left:0; color:#3c3c3c; font-size:20px; padding:0; margin:0; letter-spacing:-0.5px; }
.main_organ h1:after { content:""; display:inline-block; position:absolute; top:10px; right:0px; width:40px; height:1px; background:#111; }
.main_organ .slider_wrap { padding-left:220px; }
.main_organ .bx-wrapper { max-width:100% !important; }
.main_organ .box { display:table; width:100%; height:65px; text-align:center; background:#fff; border:1px solid #ddd; }
.main_organ .box span { display:table-cell; vertical-align:middle; }
.main_organ .bx-controls { position:absolute; top:30px; left:0; z-index:5; width:210px; height:34px; }
.main_organ .bx-controls a { z-index:10; display:inline-block; text-indent:-9999px; position:absolute; bottom:0; width:34px; height:34px; background-color:#f0f0f0; border-radius:50%; }
.main_organ .bx-controls a:before { content:""; display:inline-block; width:12px; height:15px; position:absolute; top:9px; left:11px; }
.main_organ .bx-controls-direction .bx-prev { left:40px; }
.main_organ .bx-controls-direction .bx-next { left:173px; }
.main_organ .bx-controls-direction a:before { background:url(../images/main/sld_arr.png) center no-repeat; }
.main_organ .bx-controls-direction .bx-next:before { transform:rotate(180deg); }
.main_organ .bx-controls-auto a { left:0; }
.main_organ .bx-controls-auto a.active { display:none; }
.main_organ .bx-controls-auto .bx-start:before { background:url(../images/main/sld_start.png) 3px center no-repeat; }
.main_organ .bx-controls-auto .bx-stop:before { background:url(../images/main/sld_stop.png) center no-repeat; }
.main_organ .bx-pager { position:absolute; bottom:4px; left:85px; font-family: 'NanumSquare', sans-serif; color:#252525; font-size:20px; width:80px; text-align:center; }

.main_organ2 { padding:40px 0 0 0; overflow:hidden; transition:all 0.3s ease; }
.main_organ2 .slider_wrap { padding:40px 95px 40px 95px; position:relative; background:#ffffff; border:1px solid #e2e2e2; border-radius:24px; box-shadow:0 0 8px 5px rgba(0, 0, 0, 0.05); }
.main_organ2 .bx-wrapper { max-width:100% !important; }
.main_organ2 .box { display:table; width:100%; height:55px; text-align:center; background:#ffffff; border:1px solid #d8d8d8; border-radius:4px; }
.main_organ2 .box span { display:table-cell; vertical-align:middle; }
.main_organ2 .box img { height:35px; }
.main_organ2 .bx-controls { }
.main_organ2 .bx-controls a { z-index:10; display:inline-block; text-indent:-9999px; position:absolute; bottom:50px; width:33px; height:33px; }
.main_organ2 .bx-controls a:before { content:""; display:inline-block; width:12px; height:15px; position:absolute; top:9px; left:11px; }
.main_organ2 .bx-controls-direction .bx-prev { left:30px; }
.main_organ2 .bx-controls-direction .bx-next { right:30px; }
.main_organ2 .bx-controls-direction a:before { background:url(../images/main/sld_arr.png) center no-repeat; }
.main_organ2 .bx-controls-direction .bx-next:before { transform:rotate(180deg); }
.main_organ2 .bx-controls-auto { display:none; }

.main_sp .main_quick ul > li { width:33.3%; }
.main_sp .main_quick .bg1,
.main_sp .main_quick .bg3 { display:none; }
.main_sp .main_school { display:none; }
.main_sp .main_parents { display:block; }

.modal-open { padding-right:15px !important; }
.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:10px; overflow:hidden; text-align:left; }
.modal-body { padding:40px; }
.modal-header { background:linear-gradient(to right,#c7e4f5,#f8f2df); padding:13px 13px 13px 30px; line-height:55px; }
.modal-header .close { margin-top:0; width:55px; height:55px; border:1px solid #080808; color:#080808; line-height:55px; text-align:center; opacity:1; border-radius:10px; font-size:30px; }
.modal-header h4 { font-size:27px; color:#080808; line-height:55px; }

.tooptip { word-break:keep-all !important; }

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

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

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

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

#con_footmenu a:after { content:"|"; color:#999999; font-size:12px; text-align:center; padding:0 0 0 12px; }
#con_footmenu a:last-child:after { content:none; padding:0 0 0 0; }

img-responsive

.con_tab .con_tab_c { display:table; width:100%; height:69px; table-layout:fixed; border-collapse:collapse; }
.con_tab .con_tab_c a { display:table-cell; height:69px; color:#3e3e3e; font-size:18px; text-align:center; letter-spacing:-0.03em; background:url("../images/tab_bg.jpg") no-repeat 0 0; padding:17px 0 0 0; }

<img src="/htmlp/images/sbanner_01.jpg" alt="내용이 들어갑니다." >

data-toggle="modal" data-target=".modal-examlist"
onclick="javascript:$('#modal-notice-1').fadeOut(); $('#modal-notice-2').fadeIn();"

position:relative;
position:absolute; left:0px; top:0px;

text-indent:-10000px;
text-indent:-10000px; font-size:0; line-height:1;

<label for="id" class="hidden" > 선택</label > <input type="checkbox" name="name" id="id" value="" class="mr5" >

word-break:keep-all;
word-break:break-all;

a.link1 { background:#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.03em;
display:inline-block; width:100%; padding:50px 0 0 0; background:url("../images/v1_ic_06.png") no-repeat center 0; color:#ffffff; font-size:17px; text-align:center; letter-spacing:-0.03em;

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.03em;
color:#ffffff; font-size:12px; letter-spacing:-0.03em;

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.03em; 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.03em;
color:#ffffff; font-size:12px; letter-spacing:-0.03em;

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

<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";
font-family:"Pretendard"; color:#111111; font-size:14px; font-weight:700; line-height:1.3; text-align:center; letter-spacing:-0.02em;
color:#111111; font-size:14px; font-weight:700; line-height:1.3; text-align:center; 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; }
*/