@charset "utf-8";

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

html { line-height:1.15; -webkit-text-size-adjust:100%; font-size:10px; }
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 { -webkit-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 { font:inherit; background:none; }
table, tr, td, th { border-collapse:collapse; border-spacing:0px; }
hr,legend { display:none; }
caption { width:0; height:0; font-size:0; overflow:hidden; padding:0; margin: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; }
.fno { font-weight:normal }
.ulfl > li { float:left; }
.ulfr > li { float:right; }
.fl { float:left; }
.fr { float:right; }
.ib { display:inline-block; }
.keep { word-break:keep-all; }
.btnc { display:inline-block; cursor:pointer; text-align:center; }
.mobile { display:none; }

.f15 { font-size:15px; }
.f20 { font-size:20px; }
.f25 { font-size:25px; }
.fwnm { font-weight:normal; }

.w0 { width:100%; }
.w5 { width:5%; }
.w10 { width:10%; }
.w15 { width:15%; }
.w20 { width:20%; }
.w25 { width:25%; }
.w30 { width:30%; }
.w33 { width:33%; }
.w40 { width:40%; }
.w45 { width:45%; }
.w50 { width:50%; }
.w55 { width:55%; }
.w60 { width:60%; }
.w65 { width:65%; }
.w70 { width:70%; }
.w80 { width:80%; }
.w90 { width:90%; }
.w60px { width:60px; }
.w75px { width:75px; }
.w80px { width:80px; }
.w100px { width:100px; }
.wm255px { min-width:255px; }

.hm100 { min-height:100px; }

.m0 { margin:0 !important }

.mt5 { margin-top:5px }
.mt10 { margin-top:10px }
.mt15 { margin-top:15px }
.mt20 { margin-top:20px }
.mt25 { margin-top:25px }
.mt30 { margin-top:30px }
.mt35 { margin-top:35px }
.mt40 { margin-top:40px }
.mt45 { margin-top:45px }
.mt50 { margin-top:50px }

.mb0i { margin-bottom:0 !important; }
.mb5 { margin-bottom:5px }
.mb10 { margin-bottom:10px }
.mb15 { margin-bottom:15px }
.mb20 { margin-bottom:20px }
.mb25 { margin-bottom:25px }
.mb30 { margin-bottom:30px }
.mb35 { margin-bottom:35px }
.mb40 { margin-bottom:40px }
.mb45 { margin-bottom:45px }
.mb50 { margin-bottom:50px }

.ml5 { margin-left:5px }
.ml10 { margin-left:10px }
.ml15 { margin-left:15px }
.ml20 { margin-left:20px }
.ml25 { margin-left:25px }
.ml30 { margin-left:30px }
.ml35 { margin-left:35px }
.ml40 { margin-left:40px }
.ml45 { margin-left:45px }
.ml50 { margin-left:50px }

.mr5 { margin-right:5px }
.mr10 { margin-right:10px }
.mr15 { margin-right:15px }
.mr20 { margin-right:20px }
.mr25 { margin-right:25px }
.mr30 { margin-right:30px }
.mr35 { margin-right:35px }
.mr40 { margin-right:40px }
.mr45 { margin-right:45px }
.mr50 { margin-right:50px }

.p0 { padding:0 !important }

.pt5 { padding-top:5px }
.pt10 { padding-top:10px }
.pt15 { padding-top:15px }
.pt20 { padding-top:20px }
.pt25 { padding-top:25px }
.pt30 { padding-top:30px }
.pt35 { padding-top:35px }
.pt40 { padding-top:40px }
.pt45 { padding-top:45px }
.pt50 { padding-top:50px }

.pb5 { padding-bottom:5px }
.pb10 { padding-bottom:10px }
.pb15 { padding-bottom:15px }
.pb20 { padding-bottom:20px }
.pb25 { padding-bottom:25px }
.pb30 { padding-bottom:30px }
.pb35 { padding-bottom:35px }
.pb40 { padding-bottom:40px }
.pb45 { padding-bottom:45px }
.pb50 { padding-bottom:50px }

.pl5 { padding-left:5px }
.pl10 { padding-left:10px }
.pl15 { padding-left:15px }
.pl20 { padding-left:20px }
.pl25 { padding-left:25px }
.pl30 { padding-left:30px }
.pl35 { padding-left:35px }
.pl40 { padding-left:40px }
.pl45 { padding-left:45px }
.pl50 { padding-left:50px }

.pr5 { padding-right:5px }
.pr10 { padding-right:10px }
.pr15 { padding-right:15px }
.pr20 { padding-right:20px }
.pr25 { padding-right:25px }
.pr30 { padding-right:30px }
.pr35 { padding-right:35px }
.pr40 { padding-right:40px }
.pr45 { padding-right:45px }
.pr50 { padding-right:50px }

.letdot5 { letter-spacing:-0.5px }
.letdot10 { letter-spacing:-1.0px }

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

body { font-family:"Nanum Gothic", sans-serif; font-size:15px; color:#666; }

.skipnav a { position:absolute; top:0; left:-100%; color:#fff; background:#333; font-family:"Pretendard"; font-size:16px; font-weight:500; }
.skipnav a:hover { color:#f67400; }
.skipnav a:focus { display:block; position:fixed; left:0; right:0; z-index:99999; padding:10px 20px 10px 20px; line-height:1.3; text-align:center; vertical-align:middle; }

.wrap { position:relative; width:1200px; padding:0; margin:0 auto; transition:all 0.3s ease; }
.wrap.op1 { width:1400px; }

.nsq { font-family:"NanumSquareRound", sans-serif; }
.ns { font-family:"NanumSquare", sans-serif; }

#hd { background:#fff; min-width:1220px; border-bottom:1px solid #e2e2e2; }
#hd .hd1 { height:90px; border-bottom:1px solid #eaeaea; }
#hd .hd1,
#hd .hd2 { padding:0 10px; }
#hd .logo { margin:0; padding-top:27px; display:inline-block; }
#hd .logo img { max-width:326px; width:100%; }
#hd .user_info { position:absolute; top:30px; left:350px; }
#hd .user_info .user_blue { float:left; display:inline-block; padding:0 10px 0 30px; min-width:30px; height:30px; line-height:30px; font-size:14px; border-radius:15px; color:#fff; background:#2c9ef6 url(../images/common/i_user.png) 14px 7px no-repeat; }
#hd .user_info .txt { margin-left:10px; float:left; line-height:20px; }
#hd .user_info .txt2 { margin-left:30px; float:left; line-height:20px; color:#337ab7 }
#hd .user_info .txt3 { margin-left:50px; float:left; color:#BA55D3 }
#hd .user_info .txt strong { font-size:17px; }
#hd .user_info .txt2 strong { font-size:17px; }
#hd .user_info .txt3 strong { font-size:15px; }
#hd .tnb { float:right; padding-top:20px; }
#hd .tnb ul > li { float:left; position:relative; width:55px; margin-left:10px; font-size:12px; text-align:center; }
#hd .tnb ul > li > .btnc { padding:40px 0 0; width:100%; }
#hd .tnb .mail .btnc { background:url(../images/common/i_mail.gif) center 5px no-repeat; }
#hd .tnb .login .btnc { background:url(../images/common/i_member.png) center top no-repeat; }
#hd .tnb .logout .btnc { background:url(../images/common/i_member.png) center top no-repeat; }
#hd .tnb .tnb_search { display:none; }
#hd .tnb .tnb_search .btnc { background:url(../images/common/i_glass.png) center top no-repeat; }
#hd .tnb .sitemap .btnc { background:url(../images/common/i_sitemap.png) center top no-repeat; }
#hd .tnb .sch_wrap { display:none; position:absolute; top:0; right:0; background:#fff; }
#hd .gnb_toggle,
#hd .gnb_bg { display:none; }

#hd.op1 .hd1,
#hd.op1 .hd2 { padding:0 0 0 0; }
#hd .hd1.op1 { height:37px; background:#f0f1f6; border-bottom:none; transition:all 0.3s ease; }
#hd .user_info.op1 { position:static; float:left; transition:all 0.3s ease; }
#hd .user_info.op1 .txt { margin-left:0; padding:10px 0 0 30px; font-family:"Pretendard"; color:#666666; font-size:14px; font-weight:400; line-height:1.0; background:url("/images/ic_03.png") no-repeat 0 8px; }
#hd .user_info.op1 .txt strong { color:#0f54e0; font-size:14px; font-weight:700; }
#hd .tnb.op1 { padding-top:0; transition:all 0.3s ease; }
#hd .tnb.op1 ul > li { margin-left:0; width:auto; text-align:left; transition:all 0.3s ease; }
#hd .tnb.op1 .logout { padding:10px 0 0 0; }
#hd .tnb.op1 .logout dl { margin:0 0 0 0; overflow:hidden; }
#hd .tnb.op1 .logout dl dt { margin:0 38px 0 0; position:relative; float:left; list-style:none; transition:all 0.3s ease; }
#hd .tnb.op1 .logout dl dt:last-child { margin:0 0 0 0; }
#hd .tnb.op1 .logout dl dt a { font-family:"Pretendard"; color:#555555; font-size:14px; font-weight:400; transition:all 0.3s ease; }
#hd .tnb.op1 .logout dl dt a:hover { text-decoration:underline; }
#hd .tnb.op1 .logout dl dt a.fop1 { color:#111111; font-weight:600; }
#hd .tnb.op1 .logout dl dt:after { position:absolute; right:-22px; top:7px; content:""; display:inline-block; width:4px; height:4px; background:#aaaaaa; border-radius:100%; }
#hd .tnb.op1 .logout dl dt:last-child:after { content:none; }
#hd .tnb.op1 .logout dl dt.call { padding:0 0 0 20px; font-family:'Pretendard'; color:#2f469c; font-size:16px; font-weight:800; letter-spacing:-0.01em; background:url("/images/ic_04.png") no-repeat 0 0; }
#hd .tnb.op1 .logout dl dt.call span { margin:0 0 0 5px; color:#2a9b9b; }
#hd .tnb.op1 .logout dl dt.call:after { content:none; }

.gnb.navbar { width:100%; max-width:1220px; margin:0 auto; background-color:#fff; border:0; box-shadow:none; background:#fff; }
.gnb.navbar .navbar-nav > li > a { font-weight:bold; }
.gnb.navbar .navbar-nav > li > a:hover,
.gnb.navbar .navbar-nav > li > a:focus { background-color:#eee; }
.gnb.navbar .navbar-collapse { padding:0; }
.gnb.navbar .dropdown:hover .dropdown-menu { display:block; margin-top:0; z-index:2000; }

.gnb.navbar.op1 { padding:0 0 12px 0; max-width:1400px; transition:all 0.3s ease; }
.gnb.navbar.op1 .navbar-nav { margin:15px 0 0 0; transition:all 0.3s ease; }
.gnb.navbar.op1 .navbar-nav > li > a { padding:25px 15px; font-family:"Pretendard"; color:#010101; font-size:20px; font-weight:800; letter-spacing:-0.02em; transition:all 0.3s ease; }
.gnb.gnb_sp.navbar.op1 .navbar-nav > li > a { padding:25px 0; }
.gnb.navbar.op1 .navbar-nav > li > a:hover,
.gnb.navbar.op1 .navbar-nav > li > a:focus { color:#007cd0; background-color:#ffffff; }
.gnb.navbar.op1 .dropdown:hover .dropdown-menu { padding:10px 0 10px 0; left:auto; right:0; }
.gnb.navbar.op1 .dropdown:hover .dropdown-menu li a { padding:5px 20px 5px 20px; font-family:"Pretendard"; color:#333333; font-size:15px; font-weight:500; transition:all 0.3s ease; }
.gnb.navbar.op1 .dropdown:hover .dropdown-menu li a:hover, a:focus { color:#111111; font-weight:600; }

.gnb.gnb_sp .gnb_hide { display:none !important; }

.contents_wrap { min-width:1220px; background:#f4f4f4; padding:0 10px 45px; }
.contents_wrap.op1 { background:none; }

#ft { background:#4b5566; min-width:1220px; }
#ft .ft1 { border-bottom:1px solid #697282; padding:0 10px; }
#ft .logo { padding:20px 0; float:left; }
#ft .fmsite_wrap { float:right; padding-top:22px; }
#ft .fmsite_wrap .fmsite { position:relative; float:left; margin-left:5px; }
#ft .fmsite_wrap .fmsite .btnc { position:relative; text-align:left; font-size:14px; padding:0 30px 0 15px; width:209px; line-height:39px; background-color:#68707f; color:#fff; }
#ft .fmsite_wrap .fmsite .btnc span { position:absolute; text-indent:-9999px; overflow:hidden; width:9px; height:5px; border-right:5px solid transparent; border-left:5px solid transparent; border-bottom:6px solid #fff; top:17px; right:17px; }
#ft .fmsite_wrap .fmsite .sitelist { display:none; position:absolute; bottom:43px; margin-bottom:0; width:209px; background-color:#fff; }
#ft .fmsite_wrap .fmsite .sitelist > li { padding:3px 0; }
#ft .fmsite_wrap .fmsite .sitelist > li > a { display:inline-block; padding:4px 10px; width:100%; }
#ft .fmsite_wrap .fmsite .sitelist > li > a:hover,
#ft .fmsite_wrap .fmsite .sitelist > li > a:focus { font-weight:bold; }

#ft .fmsite_wrap .fmsite2 { position:relative; float:left; margin-left:5px; }
#ft .fmsite_wrap .fmsite2 .btnc { position:relative; text-align:left; font-size:14px; padding:0 30px 0 15px; width:209px; line-height:39px; background-color:#68707f; color:#fff; }
#ft .fmsite_wrap .fmsite2 .btnc span { position:absolute; text-indent:-9999px; overflow:hidden; width:9px; height:5px; border-right:5px solid transparent; border-left:5px solid transparent; border-bottom:6px solid #fff; top:17px; right:17px; }
#ft .fmsite_wrap .fmsite2 .sitelist { display:none; position:absolute; bottom:43px; margin-bottom:0; width:209px; background-color:#fff; }
#ft .fmsite_wrap .fmsite2 .sitelist > li { padding:3px 0; }
#ft .fmsite_wrap .fmsite2 .sitelist > li > a { display:inline-block; padding:4px 10px; width:100%; }
#ft .fmsite_wrap .fmsite2 .sitelist > li > a:hover,
#ft .fmsite_wrap .fmsite2 .sitelist > li > a:focus { font-weight:bold; }

#ft .ft2 { font-size:14px; padding:25px 10px; }
#ft .ft_quick { float:left; }
#ft .ft_quick > li { float:left; margin-right:40px; position:relative; }
#ft .ft_quick > li:before { content:"/"; display:inline-block; position:absolute; top:0; left:-23px; color:#a6a6a6; }
#ft .ft_quick > li:first-child { margin-left:0; }
#ft .ft_quick > li:first-child:before { display:none; }
#ft .ft_quick a { color:#fff; }
#ft .ft_copy { float:right; color:#a6a6a6; }
#ft .ft_copy span { text-transform:uppercase; }

#ft.op1 { background:#243642; transition:all 0.3s ease; }
#ft.op1 .ft1 { border-bottom:none; padding:0; transition:all 0.3s ease; }
#ft.op1 .logo { padding:60px 0 20px 0; transition:all 0.3s ease; }
#ft.op1 .fmsite_wrap { padding-top:60px; transition:all 0.3s ease; }
#ft.op1 .fmsite_wrap .con1 { padding:10px 30px 0 0; float:left; font-family:"Pretendard"; color:#dddddd; font-size:15px; font-weight:500; word-break:keep-all; transition:all 0.3s ease; }
#ft.op1 .fmsite_wrap .con1 i.op1 { display:inline-block; width:10px; height:1px; }
#ft.op1 .fmsite_wrap .con1 span { font-family:"Pretendard"; color:#ffffff; font-size:20px; font-weight:800; }
#ft.op1 .fmsite_wrap .con2 { float:left; transition:all 0.3s ease; }
#ft.op1 .fmsite_wrap .fmsite { margin-left:0; }
#ft.op1 .fmsite_wrap .fmsite .btnc { padding:15px 20px 15px 20px; width:200px; font-family:"Pretendard"; color:#555555; font-size:16px; font-weight:500; line-height:1; background-color:#f9f9f9; border-radius:60px; cursor:pointer; }
#ft.op1 .fmsite_wrap .fmsite .btnc span { top:20px; right:20px; border-bottom:6px solid #555555; }
#ft.op1 .fmsite_wrap .fmsite .sitelist { padding:20px 20px 20px 20px; bottom:60px; width:200px; background:#f5f5f5; border:1px solid #d8d8d8; border-radius:12px; }
#ft.op1 .fmsite_wrap .fmsite .sitelist > li { padding:3px 0; transition:all 0.3s ease; }
#ft.op1 .fmsite_wrap .fmsite .sitelist > li > a { display:inline-block; padding:4px 10px; width:100%; font-family:"Pretendard"; color:#111111; font-size:14px; font-weight:400; }
#ft.op1 .fmsite_wrap .fmsite .sitelist > li > a:hover,
#ft.op1 .fmsite_wrap .fmsite .sitelist > li > a:focus { color:#ffffff; background:#666666; }
#ft.op1 .fmsite_wrap .fmsite2 { margin-left:10px; }
#ft.op1 .fmsite_wrap .fmsite2 .btnc { padding:15px 20px 15px 20px; width:230px; font-family:"Pretendard"; color:#555555; font-size:16px; font-weight:500; line-height:1; background-color:#f9f9f9; border-radius:60px; cursor:pointer; }
#ft.op1 .fmsite_wrap .fmsite2 .btnc span { top:20px; right:20px; border-bottom:6px solid #555555; }
#ft.op1 .fmsite_wrap .fmsite2 .sitelist { padding:20px 20px 20px 20px; bottom:60px; width:200px; background:#f5f5f5; border:1px solid #d8d8d8; border-radius:12px; }
#ft.op1 .fmsite_wrap .fmsite2 .sitelist > li { padding:3px 0; transition:all 0.3s ease; }
#ft.op1 .fmsite_wrap .fmsite2 .sitelist > li > a { display:inline-block; padding:4px 10px; width:100%; font-family:"Pretendard"; color:#111111; font-size:14px; font-weight:400; }
#ft.op1 .fmsite_wrap .fmsite2 .sitelist > li > a:hover,
#ft.op1 .fmsite_wrap .fmsite2 .sitelist > li > a:focus { color:#ffffff; background:#666666; }

#ft.op1 .ft2 { padding:0 0 60px 0; transition:all 0.3s ease; }
#ft.op1 .ft_quick { float:initial; transition:all 0.3s ease; }
#ft.op1 .ft_quick > li { margin-right:35px; position:relative; word-break:keep-all; transition:all 0.3s ease; }
#ft.op1 .ft_quick > li:before { content:none; }
#ft.op1 .ft_quick > li:after { position:absolute; right:-20px; top:7px; content:""; display:inline-block; width:5px; height:5px; background:#505e68; border-radius:100%; }
#ft.op1 .ft_quick > li.op1 { margin:0 0 0 0; }
#ft.op1 .ft_quick > li.op1:after { content:none; }
#ft.op1 .ft_quick > li:last-child:after { content:none; }
#ft.op1 .ft_quick > li a { font-family:"Pretendard"; color:#dddddd; font-size:15px; font-weight:500; transition:all 0.3s ease; }
#ft.op1 .ft_quick > li a.fop1 { color:#ecba20; font-weight:600; }
#ft.op1 .ft_quick > li a:hover { text-decoration:underline; text-underline-position:under; }
#ft.op1 i.op1 { display:inline-block; width:10px; height:1px; }
#ft.op1 i.op2 { display:inline-block; width:6px; height:1px; }
#ft.op1 i.op3 { display:inline-block; width:6px; height:1px; }
#ft.op1 i.op4 { display:inline-block; width:6px; height:1px; }
#ft.op1 .ft_copy { display:block; float:initial; transition:all 0.3s ease; }
#ft.op1 .ft_copy ul { overflow:hidden; }
#ft.op1 .ft_copy li { margin:0 0 8px 0; font-family:"Pretendard"; color:#a7afb3; font-size:14px; font-weight:400; line-height:1.3; letter-spacing:0.01em; word-break:keep-all; transition:all 0.3s ease; }
#ft.op1 .ft_copy li:last-child { margin:0 0 0 0; }

.btn { padding:6px 12px; }
.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_more { border:0; border-radius:50%; background:#ececec; font-size:11px; width:34px; height:34px; line-height:34px; padding:0; }
.btn.btn_more.active,
.btn.btn_more:hover,
.btn.btn_more:focus { background-color:#ccc; }
.btn.btn-hwp { font-family:Dotum; border:1px solid #d9d9d9; background:url(../images/common/i_hwp.gif) 7px 4px no-repeat; padding-left:25px; font-weight:bold; color:#8b8b8b; }
.btn.btn-hwp.active,
.btn.btn-hwp:hover,
.btn.btn-hwp:focus { background-color:#f8f8f8 }
.btn.btn-pdf { font-family:Dotum; border:1px solid #d9d9d9; background:url(../images/common/i_pdf.gif) 7px 4px no-repeat; padding-left:25px; font-weight:bold; color:#8b8b8b; }
.btn.btn-pdf.active,
.btn.btn-pdf:hover,
.btn.btn-pdf:focus { background-color:#eee; }
.btn.btn-hwpm { border:1px solid #d9d9d9; background:url(../images/common/i_hwp.gif) 7px 6px no-repeat; padding-left:25px; font-weight:bold; color:#8b8b8b; }
.btn.btn-hwpm.active,
.btn.btn-hwpm:hover,
.btn.btn-hwpm:focus { background-color:#f8f8f8 }
.btn.btn-pdfm { border:1px solid #d9d9d9; background:url(../images/common/i_pdf.gif) 7px 6px no-repeat; padding-left:25px; font-weight:bold; color:#8b8b8b; }
.btn.btn-pdfm.active,
.btn.btn-pdfm:hover,
.btn.btn-pdfm:focus { background-color:#eee; }
.btn.btn-red { background-color:#c12e2a; color:#fff; }
.btn.btn-red.active,
.btn.btn-red:hover,
.btn.btn-red:focus { background:#961d1a; }
.btn.btn_array { width:100%; padding:0 10px; font-size:15px; font-weight:bold; line-height:29px; border:0; }
.btn.btn_array:hover,
.btn.btn_array:focus { border:0; }
.btn.btn_array .array_arr { display:none; font-size:13px; margin-left:3px; }
.btn.btn_array.on { padding:0; }
.btn.btn_array.on .array_arr { display:inline-block; }
.btn.btn_array.on .array_d { display:none; }
.btn.btn_array.on.array .array_d { display:inline-block; }
.btn.btn_array.on.array .array_u { display:none; }

a.btn_link { font-size:15px; display:inline; border:0; padding:0; }
a.btn_link:hover,
a.btn_link:focus { text-decoration:underline; box-shadow:none; }
a.btn_link.text-primary { color:#337ab7; }

.min-42 { min-width:42px; }
.min-54 { min-width:54px; }
.min-80 { min-width:80px; }
.max-135 { max-width:135px; }

.txt-gblue { color:#7f8ba2; }
.txt-pblue { color:#5e69cc; }
.txt-red { color:#fb3636; }
.txt-black { color:#333; }
.txt-lgray { color:#7e7e7e; }

.fade,
.fade.in { opacity:1 !important; }
.modal-backdrop.fade { opacity:0 !important; }
.modal-backdrop.in { opacity:.5 !important; }

table.tablesorter thead tr .headerSortUp { background-image:url(/images/common/asc.gif); }
table.tablesorter thead tr .headerSortDown { background-image:url(/images/common/desc.gif); }
table.tablesorter thead tr .header { background-image:url(/images/common/bg.gif); background-repeat:no-repeat; background-position:center right; cursor:pointer; }

.container-fluid.op1 { padding:0 0 0 0; }

#popup_title_blue { font-family:"Pretendard" !important; font-size:15px !important; font-weight:600 !important; background:#393e46 !important; }
#popup_message { margin:15px 6px 15px 50px !important; font-family:"Pretendard" !important; color:#111111 !important; font-size:14px !important; font-weight:400 !important; }
#popup_panel input[type="button"] { font-family:"Pretendard" !important; font-size:14px !important; font-weight:400 !important; }

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

.con_gnb { }
.con_gnb .con1 { float:left; transition:all 0.3s ease; }
.con_gnb .con1 a { margin-top:30px; display:inline-block; width:279px; height:38px; background:url("/images/logo_02.png") no-repeat 0 0; text-indent:-10000px; transition:all 0.3s ease; }
.con_gnb .con2 { float:right; transition:all 0.3s ease; }

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

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

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