@charset "utf-8";

/*
 * 만든사람:장지은(whale2041@gmail.com) - 2016/06/30
 * jh 수정일 :2017/07
 */

* { box-sizing: border-box; }

/*font*/
@font-face{font-family:notoSans;src:url(../font/NotoSansKR-Thin.woff);font-style:normal;font-weight:100;}
@font-face{font-family:notoSans;src:url(../font/NotoSansKR-Light.woff);font-style:normal;font-weight:300;}
@font-face{font-family:notoSans;src:url(../font/NotoSansKR-Regular.woff);font-style:normal;font-weight:400;}
@font-face{font-family:notoSans;src:url(../font/NotoSansKR-Medium.woff);font-style:normal;font-weight:500;}
@font-face{font-family:notoSans;src:url(../font/NotoSansKR-Bold.woff);font-style:normal;font-weight:700;}
@font-face{font-family:notoSans;src:url(../font/NotoSansKR-Black.woff);font-style:normal;font-weight:900;}

/*scrollbar 디자인****************************************************************************************************************************************/
::-webkit-scrollbar {width: 8px; height: 8px;  }
::-webkit-scrollbar-track {background: transparent;  }
::-webkit-scrollbar-thumb {height: 50px; width: 50px; background:#ccc; -webkit-border-radius: 8px; border-radius: 8px; }

/* common */
body, html { font-size:15px; width:100%; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,address{margin:0;padding:0;line-height:150%;word-break:keep-all}
body{font-family:'notoSans',Helvetica,Arial,Verdana,Geneva,sans-serif;font-size:14px}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;margin:0;padding:0}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, 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; padding:0; border:0; vertical-align:baseline;}
a:link, a:hover, a:visited { text-decoration:none;}
em { font-style:normal; }
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
table,th,td{border-collapse:collapse;border-spacing:0;font-size:inherit}
ul,ol{list-style:none}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal}
em{font-style:italic}
caption,th{text-align:left}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
button{cursor:pointer;border:0;padding:0;margin:0}
hr,.blind{overflow:hidden;position:absolute;bottom:0;left:-1px;width:1px;height:1px;font-size:0;line-height:0}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
pre,code,kbd,samp,tt{font-family:monospace;line-height:100%}
input, button { outline:none; }
body,
a{color:#4c4c4c}
a{text-decoration:none}
a:hover{color:#16498c}

.png24{tmp:expression(setPng24(this))}
/******IE6에서 png파일 투명한 부분 적용******/
.png24bg{behavior:url(/common/iepngfix.htc)}
/******IE6에서 배경 png파일 투명한 부분 적용******/
html*input{margin:-1px 0 -1px 0}
/******IE에서 input 상하 여백 없애기******/

.rgba{
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000);
background:rgba(0,0,0,0.5);
zoom:1;
}


.visual {position:relative; width:calc(100% - 100px) !important; margin:0 auto; height:600px !important;overflow:hidden; border-radius:20px; }
.visual .section { height:100%;padding:0; width:auto; position:absolute; top:45%;left:50%; transform:translate(-50%,-20%);letter-spacing: -2px; color:#fff;font-size:50px;font-weight:500;text-align:center;line-height:130%; }
.visual .section p{font-size:27px; display:block; font-weight:300;color:#fff;animation:slideDown 1s forwards; opacity:0;}
.visual .section span{font-weight:900;}
.visual .section strong { display:block; animation: slideDown 1s forwards; animation-delay:0.5s; opacity:0;letter-spacing: 0px; }

.visual .slick-slider, .visual .slick-track, .visual .slick-slider, .visual .slick-list, .visual div { height:100%; }
.slick_list { position:relative !important; background-position:50% 50%; }


.visual .slick-slide img { display:none; }


@keyframes slideDown {
from { opacity:0; transform:translateY(-50%); }
to { opacity:1; transform:translateY(50%); }
}

/* layout */
.section{width:1300px;margin:0 auto}

.main1{padding:100px 0 70px;text-align:center;background: #fff;}
.main1 strong {font-size:45px; font-weight:900; letter-spacing:-1.5px; color:#b67c4b;}
.main1 p {font-size:20px;margin:20px 0 50px;}
.main1 ul{font-size:0;line-height:0;padding:0 60px;margin:0 -15px; text-align:center;}
.main1 ul li{width:230px;height:230px;margin:15px; background:#fff; border-radius:200px; overflow:hideen; display:inline-block;zoom:1;*display:inline;vertical-align:middle;transition:all 0.3s;}
.main1 ul li a{padding:60px 0 50px;display:block; text-align:center;color:#5e534e}
.main1 ul li span{font-size:17px;line-height:130%;font-weight:600;display:block;margin-top:20px;}
.main1 ul li:hover { transform:scale(1.1,1.1); background:#f7f7f7; }

.main2{padding:130px 0;background:#f7f7f7;}
.contact_services::after { clear:both; display:block; content:''; }
.services_info{width:100%;}
.services_info strong{font-size:40px;font-weight:900;line-height:130%; color:#b67c4b;letter-spacing:-0.01em}
.services_info p{font-size:20px;color:#4c4c4c; font-weight:600; margin-top:20px;}
.services_info ul { margin:50px 0 0 -10px; }
.services_info ul li { position:relative; background:#fff; border-radius:10px; float:left; display:inline-block; text-align:left; font-size:16px;color:#333;padding:30px 30px 30px 100px; width:calc(33.333% - 20px); margin:10px; transition:all 0.3s; }
.services_info ul li:hover { box-shadow:0 0 30px 0 rgba(0,0,0,0.1); }
.services_info ul li img { position:absolute; left:35px; top:50%; transform:translateY(-50%); }

.main3{padding:100px 0;background:#fff; border-bottom:1px solid #ededed; }
.main3 p { font-size:30px; margin-bottom:30px; float:left; }
.main3::after { clear:both; display:block; content:''; }
.contact_form{width:50%; float:right; background:#f3f3f3; padding: 30px 25px;}
.contact_form strong {font-size:16px;font-weight:800;color:#fff;margin-bottom: 20px;display:block;}
.contact_form li {display:block;font-size:13px;margin:15px 0;position:relative;border-bottom:1px solid #d8d8d8; overflow:hidden;}
.contact_form li label {color:#a7a7a7; position:absolute; top:10px; left:0; pointer-events:none;transition:all 0.3s; }
.contact_form li em { position:absolute; top:-10px; right:0; opacity:0;pointer-events:none;transition:all 0.3s; color:#4c4c4c; font-style:normal; }

.contact_form li.active em { opacity:1; top:10px; }
.contact_form li.active label{ opacity:0; }

.contact_form li input{line-height:45px;height:45px;border:none;width:100%; background:none; }
.contact_form button{background:none;color: #4c4c4c; border:1px solid #4c4c4c;border-radius:50px;transition:all 0.3s;padding:6px 18px 7px; font-weight:600; margin:20px 0 0;display:inline-block; float:right; }
.contact_form button:hover { background:#4c4c4c; color:#fff; }

.header { height:100px;width:100%; padding:0 50px; }
.header { height:100px;width:100%; padding:0 50px; }
.header h1{float:left;margin:22px 0 0; width:230px; height:50px;}
.header h1 a { width:100%; height:100%; background:url(../img/logo.svg) 50% 50% no-repeat; background-size:contain; display:block; }
.header h1 a img { display:none; }

.gnb{float:right;padding:32px 0 0 0;font-size:0;position:relative}
.gnb_li{ float:left; position:relative; margin-left:75px; display:inline-block;zoom:1;}
.gnb_li:first-child { margin-left:0; }
.gnb_li a{display:block;width:100%; height:100%; text-align:center; position:relative; color:#292929;padding-bottom: 21px;transition:all 0.3s;}
.gnb_li a:hover{color:#b67c4b; text-decoration:none;}
.gnb_li.active a span,
.gnb_li a.active span,
.gnb_li a:hover span{color:#666}
.gnb_li a b { display:block;margin-bottom:5px; }
.gnb_li a span{font-weight:normal;display:block;font-size:11px;color:#beb6af;white-space:nowrap;transition:all 0.3s;}
.gnb_li a,
#header .section div.search,
#header .section div.search .search_box legend{font-size:16px;line-height:120%}

.gnb_li div{width:140px;display:none;position:absolute;z-index:100;top:62px;margin-left:-15px}
.gnb_li.active div{display:block}

#header .section{position:relative}
#header .section div.search{position:absolute;right:0;top:40px}
#header .section div.search .search_box{position:absolute;top:40px;z-index:101;padding:15px;right:-15px;background:#fff}
#header .section div.search .search_box legend{font-size:14px;padding:0 0 5px}
#header .section div.search .search_box p.close{font-size:12px;text-align:right;position:absolute;right:15px;top:10px}
#header .section div.search .search_box a{display:inline-block;zoom:1;*display:inline;padding-bottom:7px;font-size:12px;font-size:0}
#header .section div.search .search_box a i{font-size:20px}
#header .section div.search .search_box div{border:10px solid #7e7671;background:#fff;white-space:nowrap;font-size:0;line-height:0}
#header .section div.search .search_box input{width:200px}
#header .section div.search .search_box input:focus{outline:none}
#header .section div.search .search_box input,
#header .section div.search .search_box button{display:inline-block;zoom:1;*display:inline;vertical-align:middle;font-size:14px;line-height:28px;height:28px;border:0}
#header .section div.search .search_box button{background:#7e7671;color:#fff;padding:1px 5px 1px 10px;letter-spacing:-1px}

/* 2차메뉴 */
div.search > .search_box,
.gnb_li div{
-webkit-box-shadow:0px 8px 8px 0px rgba(0,0,0,0.15);
-moz-box-shadow:0px 8px 8px 0px rgba(0,0,0,0.15);
box-shadow:0px 8px 8px 0px rgba(0,0,0,0.15);
}
#header .section div.search .search_box,
.gnb_li ul{}
.gnb_li ul{background:#fff;padding:10px 0}
.gnb_li ul li,
.gnb_li ul a{padding:0}
.gnb_li ul li{display:block;position:relative}
.gnb_li ul li a{font-size:13px;white-space:nowrap;font-weight:normal;text-align:left;padding:10px 0 10px 20px;}
.gnb_li ul li ul{position:absolute;left:100%;top:0;background:#f2f2f2;border:none;display:none !important}

/* 검색 */
#header div.search .search_box{display:none}
#header div.search.open .search_box{display:block}

#container{clear:both}

#container_sub{overflow:hidden;border-bottom:1px solid #e9e9e9; border-top:1px solid #e9e9e9;}
#container_sub .page-header{overflow:hidden;border-bottom:1px solid #e9e9e9;padding:10px 0; height:300px; position:relative; background:url(/resources/img/main_bg1.jpg) 50% 50% no-repeat; background-size:cover;}
#container_sub .page-header h2{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);font-size:30px;color:#fff; font-weight:600;}
#container_sub .page-header h2 span{ display:block;color:#ccc;font-size:15px; font-weight:400; text-align:center; }
#container_sub .page-header .location{position:absolute; bottom:0; left:0; width:100%; background:rgba(20,0,0,0.1); padding:15px 30px; text-align:right;}
#container_sub .page-header .location li{display:inline-block;zoom:1;*display:inline;font-size:12px;padding-left:20px; line-height:1em;}
#container_sub .page-header .location li i{margin-right:20px}
#container_sub .page-header .location li i,
#container_sub .page-header .location li span,
#container_sub .page-header .location li a{color:#fff !important; line-height:1em;}
#container_sub .content-wrap {padding:40px 0 50px;}
#container_sub .content-wrap::after { clear:both; content:''; display:block; }
#container_sub .lnb{width:100%; }
#container_sub .content-entry{margin-right:-280px;width:100%}
#container_sub .content{}
#container_sub .lnb,
#container_sub .content-entry{float:left}
#container_sub .lnb ul{margin:0 0 50px 0; border-bottom:1px solid #e9e9e9; text-align:center;}
#container_sub .lnb ul ul{padding:0;margin:5px 0 10px;background:none}
#container_sub .lnb li { display:inline-block; margin:0 10px; }
#container_sub .lnb li a{padding:0px 40px 30px;display:block;font-size:15px;font-weight:600;transition:all 0.3s;}
#container_sub .lnb li a.active{ font-weight:800;color:#b67c4b;border-bottom:2px solid #b67c4b;font-size:15px}
#container_sub .lnb li li a{padding:2px 30px;margin:0;color:#888;font-size:13px}
#container_sub .lnb li a:hover{color:#b67c4b;}
#container_sub .lnb li li a.active{padding:2px 30px;margin:0;color:#612fc3;background:none;font-size:14px}

.lnb ul{opacity:.5;display:none}
.lnb ul.active{opacity:1;display:block}

.bxc{display:none;position:relative !important}

.tab{overflow:hidden;margin:0 0 30px;font-size:0;line-height:0}
.tab li{display:inline-block;zoom:1;*display:inline}
.tab li a{color:#999;display:block;font-size:13px;line-height:150%;margin-right:10px;padding:8px 25px;background:#ecebea;color:#7e7671;border-radius:3px}
.tab.s li a{padding:8px 17px;margin:0 3px}
.tab li a:focus,
.tab li a:hover{background:#e4e3e1}
.tab li a.active{background:#7e7671;border-color:#7e7671;color:#fff}

.tab2{overflow:hidden;margin:0 0 30px;font-size:0;line-height:0}
.tab2 li{display:inline-block;zoom:1;*display:inline}
.tab2 li a{color:#999;display:block;font-size:13px;line-height:150%;margin-right:10px;padding:8px 25px;background:#ecebea;color:#7e7671;border-radius:3px}
.tab2.s li a{padding:8px 17px;margin:0 3px}
.tab2 li a:focus,
.tab2 li a:hover{background:#e4e3e1}
.tab2 li a.active{background:#7e7671;border-color:#7e7671;color:#fff}

.gallery ul{font-size:0;line-height:0}
.gallery ul img{width:100%}
.gallery ul p{font-size:13px;line-height:14px;display:block;padding:2px 5px 10px;text-align:center}

.gallery .pager{overflow:hidden;margin-left:-5px;margin-right:-5px}
.gallery .pager li{/*float:left;*/ width:50%; display:inline-block; vertical-align:top;}
.gallery .pager li a{margin:5px;display:block;height:150px;overflow:hidden}

.gallery .bx-wrapper{position:relative}
.gallery .bx-wrapper .bx-caption{width:100%;font-size:13px;position:absolute;left:0;bottom:0;padding:8px 0}
.gallery .bx-wrapper .bx-caption span{margin:0 15px;font-style:normal;color:#fff}

#footer{clear:both;width:100%;float:left;padding:25px 0 50px}
#footer .footer{background:url('../img/logo_copy.jpg') no-repeat 0 0;padding:0 0 0 200px}
#footer .info{font-size:13px}
#footer .info span{margin-left:20px;}
#footer .copy{font-size:12px;color:#928f8d;padding:10px 0 0}

.skip_top { height:20px; width:20px; text-indent:-5000px; text-align:center; position:fixed; right:30px; bottom:0px; z-index:9; display:inline-block; box-sizing:border-box; opacity:0; background:url(../img/skiptop.svg) 50% 50% no-repeat; background-size:contain; cursor:pointer;transition:all 0.3s; }
.skip_top.fadeIn { opacity:0.3; bottom:30px; transition:all 1s; }
.skip_top.fadeIn:hover { color:#333; opacity:1; }

/* contents */
.content{}

.content h2{font-size:28px;margin:0 0 10px;font-weight:600;color:#222; text-align:center; }
.content h3{font-size:20px;padding:0 0 30px; text-align:center;}
.content h3 span{display:inline-block;zoom:1;*display:inline;background:url('../img/icon_check.gif') no-repeat right 0;padding:10px 35px 5px 0}
.content h3.icon_check{font-size:30px;font-weight:800}

.content .sub_title_text {  text-align:center; margin-bottom:50px; font-size:16px; line-height:1.8em; }

.content ul.con{color:#d30015;margin-left:5px}
.content ul.con li{background:url('../img/arr1.gif') no-repeat 0 9px;padding-left:13px}
.content ul.con li div{color:#4c4c4c}
.content ul.con li ul{margin-left:5px;padding:3px 0}
.content ul.con li li{background:url('../img/arr2.gif') no-repeat 0 8px;padding-left:12px;font-size:10px;color:#999}
.content ul.con li li div{font-size:13px;color:gray}
.content ul.con.con2 li{float:left;width:48%}
.content h4{color:#b67c4b;font-size:18px;font-weight:800;letter-spacing:-1px;padding:0 0 10px}
.content h5{color:#4c4c4c;font-size:16px;font-weight:800;letter-spacing:-1px;padding:0 0 10px}
.content .aln_sp img{padding:20px 0 0 10px}
.content .img-border{display:block;border:1px solid #ddd;text-align:center;padding:15px;line-height:0}

/* history */
.history { width:100%; }
.history p strong { display:block; }
.history > ul::before { content:''; position:absolute; display:inline-block; width:1px; left:50%; top:0; height:100%; background:#ccc; z-index:-1; }
.history ul::after, .history li strong::after { content:''; display:block; clear:both; }
.history > ul { position:relative; padding:50px 0; }
.history > ul > li { width:100%; float:left; padding:0 calc(50% + 30px) 0 50px; position:relative; }
.history > ul > li:nth-child(2n) { float:right; padding:0 50px 0px calc(50% + 30px); }
.history > ul > li::after { content:''; width:20px; height:20px; border:3px solid #ccc; border-radius:30px; position:absolute; top:30px; right:calc(50% - 10px); background:#fff; box-sizing:border-box; display:inline-block; }

.history > ul > li::before { content:''; width:20px; height:1px; position:absolute; top:40px; right:calc(50% - -10px); background:#ccc; box-sizing:border-box; display:inline-block; }
.history > ul > li:nth-child(2n)::before {  right:calc(50% + -30px); }

.history > ul > li:nth-child(2n)::after { left:calc(50% - 10px); right:auto; }
.history > ul > li strong { text-align:left; display:block; font-size:24px; margin-bottom:20px; color:#b67c4b; position:absolute; top:30px; left:80px; }
.history > ul > li:nth-child(2n) strong {left:calc(50% + 60px);}

.history ul > li:last-child { margin-bottom:0; }
.history > p { width:150px; height:150px; font-size:18px; border-radius:150px; background:#b67c4b; color:#fff; text-align:center; padding-top:50px; margin:0 auto; }
.history li ul { font-size:15px; border: 1px solid #e8e8e8; padding:65px 30px 30px; border-radius: 10px;}
.history li ul li { width:100%; margin:0; float:left; text-align:right; }
.history li ul li:nth-child(2n) { float:right; text-align:left; }
.history li ul li em { width:40px; float:left; text-align:left;font-weight:500; color:#b67c4b; margin-top:15px; }
.history li ul li p { width:calc(100% - 40px); padding:15px 0; float:left; text-align:left; border-bottom:1px solid #e6e6e6; }
.history li ul li p span { display:block; margin-bottom:8px; line-height:1.5em; padding-left:15px; position:relative; font-size:13px; }
.history li ul li p span::before { content:''; background:#333; width:3px; height:3px; display:inline-block; position:absolute; top:10px; left:0; margin-right:8px; border-radius:5px; }
.history li ul li p span:last-child { margin-bottom:0; }
.history li ul li:last-child { margin_bottom:0; }
.history li ul li:last-child p { border-bottom:none;margin_bottom:0; }

.history > ul > li:nth-child(2n) em { float:left; text-align:left; }
.history > ul > li:nth-child(2n) p { float:left; text-align:left; }

.dmc-component h3{font-size:20px;padding:0;font-weight:400;color:#006ab5}
.dmc-component .info-text{font-size:20px;padding:0 0 15px}
.dmc-component .info-text2{font-size:16px;padding:0 0 15px;margin-top:-5px;color:#666}
.dmc-component .dmc-drawer{margin:0 0 2px}
.dmc-component .dmc-drawer a{display:block;padding:20px 22px 15px;overflow:hidden;background:#f9f9f9;border-radius:3px}
.dmc-component .dmc-drawer a:hover{color:inherit}
.dmc-component .dmc-drawer a b{display:block;font-size:16px;padding:0 0 10px}
.dmc-component .dmc-drawer a i{color:#612fc3;font-size:20px;vertical-align:top;margin-left:7px}
.dmc-component .dmc-drawer a span{display:block}
.dmc-component .dmc-drawer a span.txt{float:left;width:100%;margin-right:-160px}
.dmc-component .dmc-drawer a span.txt span{margin-right:160px}
.dmc-component .dmc-drawer a span.thumb{float:left;width:160px;text-align:right}
.dmc-component .dmc-drawer .dmc-content{display:none}
.dmc-component .dmc-drawer.open .dmc-content{display:block}
.dmc-component .dmc-drawer.open a{background:#f9f6f5}
.dmc-component .dmc-drawer .dmc-content{padding:15px 22px 20px;position:relative}
.dmc-component .dmc-drawer .dmc-content ul{list-style:outside disc;margin:5px 0 0 17px}
.dmc-component .dmc-drawer .dmc-content ul li{padding:5px 0 0}

.dmc-component.bstyle .dmc-drawer{overflow:hidden;clear:both;padding:25px 0;border-top:1px solid #e6e6e6}
.dmc-component .dmc-drawer dl{width:100%}
.dmc-component .dmc-drawer dt{font-size:18px;padding:0 0 5px;font-weight:600}
.dmc-component .dmc-drawer p.dp{width:240px}
.dmc-component .dmc-drawer.right p.dp{text-align:right}
.dmc-component .dmc-drawer.left dl{margin-right:-240px}
.dmc-component .dmc-drawer.right dl{margin-left:-240px}
.dmc-component .dmc-drawer.right dt,
.dmc-component .dmc-drawer.right dd{margin-left:240px}
.dmc-component .dmc-drawer.left dt,
.dmc-component .dmc-drawer.left dd{margin-right:240px}
.dmc-component .dmc-drawer.right dl,
.dmc-component .dmc-drawer.right p.dp{float:left}
.dmc-component .dmc-drawer.left dl,
.dmc-component .dmc-drawer.left p.dp{float:right}

.tbl-box{overflow:hidden; }
.tbl-box table{background:#fff;width:100%;font-size:14px;line-height:18px;margin-left:-1px;margin-top:-1px;border-top:2px solid #333; border-bottom:1px solid #e6e6e6;}
.tbl-box table th,
.tbl-box table td{padding:20px 20px;vertical-align:middle;border-bottom:1px solid #e6e6e6}
.tbl-box table th{text-align:center;}
.tbl-box table tbody th,
.tbl-box table th{color:#4c4c4c;font-weight:bold}
.tbl-box table td{color:gray;}
.tbl-box table tbody.nowrap td{white-space:nowrap;padding-left:10px;padding-right:10px}
.tbl-box table.center th,
.tbl-box table.center td{text-align:center}
.tbl-box table.list{margin-left:0;font-size:13px}
.tbl-box table.list th,
.tbl-box table.list td{padding:5px 10px;border-left:none;border-right:none}
.tbl-box table.list thead th{padding:8px 0 7px;background-color:#f9f9f9}
.tbl-box table.list tr.notice td.subject{font-weight:600}
.tbl-box table.list tr.notice td.num{color:#8577bd}
.tbl-box table.list td.num,
.tbl-box table.list td.date,
.tbl-box table.list td.hit,
.tbl-box table.list td.file{color:#999;font-size:11px;text-align:center}

.tbl-box table td.subject a,
.tbl-box table td.subject span{vertical-align:middle;display:inline-block;zoom:1;*display:inline;padding:5px 0}
.tbl-box table td.subject span.label{font-size:11px;margin-right:5px;line-height:100%;background:#c3bdb8;color:#fff;padding:4px 8px;border-radius:18px}

.tbl-box table.view td.subject{font-size:18px;text-align:center}
.tbl-box table.view td.subject b,
.tbl-box table.view td.subject span{vertical-align:middle}
.tbl-box table.view td.subject span.label{font-size:15px}
.tbl-box table.view td.date,
.tbl-box table.view td.hit{color:#999}
.tbl-box table.view td.cont{padding:30px 20px}

.tbl-box table.write td.cont{padding:10px}
.tbl-box table.write td.cont .textarea{border:1px solid #d6d6d6}
.tbl-box table.write td.cont .textarea textarea{border:none;width:100%;height:300px}
.tbl-box table.write td.cont .textarea textarea:focus{outline:none}
.tbl-box table.write td.file{padding:7px 20px}
.tbl-box table.write td.file input{margin:3px 0}
.tbl-box table.write td.file input,
.tbl-box table.write td.subject input{width:90%;border-radius:3px;border:1px solid #d3d3d3;padding:3px;background:#fcfcfc}
.tbl-box table.write td.subject input:focus{outline:none;border-color:#8577bd}
.tbl-box table.write td .item *{vertical-align:middle;cursor:pointer}
.tbl-box table.write td .item label{margin-right:7px}

.bbsSch{padding:15px 0 15px;margin:0 0 15px;text-align:center;font-size:0;line-height:0;border:1px solid #e6e6e6;background:#fafafa}
.bbsSch select,
.bbsSch input,
.bbsSch a.button{display:inline-block;zoom:1;*display:inline;padding:0;margin:0;font-size:13px;line-height:150%;margin-left:5px;vertical-align:top;border-radius:3px}
.bbsSch select{padding:3px;width:100px;border:1px solid #d3d3d3}
.bbsSch input{width:200px;border:1px solid #d3d3d3;height:23px;line-height:23px}
.bbsSch select:focus,
.bbsSch input:focus{outline:none;border-color:#8577bd}
.bbsSch a.button{padding:0 10px;height:25px;line-height:25px;background:#8577bd;color:#fff;letter-spacing:-1px}
.bbsSch a.button:focus,
.bbsSch a.button:hover{background:#ffa700}

.bbs .bbsSch select{display:inline-block;zoom:1;*display:inline;padding:3;margin:0;font-size:13px;line-height:150%;margin-left:5px;vertical-align:top;border-radius:3px;border:1px solid #d3d3d3;}
.bbs .btnArea{padding:10px 0}
.bbs .btnArea.right{text-align:right}
.bbs .btnArea.center{text-align:center}
.bbs .button{color:#fff;font-weight:bold;font-size:13px;text-decoration:none;padding:7px 12px;position:relative;vertical-align:middle;display:inline-block;background:#7e7671;-webkit-transition:border-color .218s;-moz-transition:border .218s;-o-transition:border-color .218s;transition:border-color .218s;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;margin:0 4px}
.bbs .button:focus,
.bbs .button:hover{background:#8a8582}
.bbs .btnArea.right .button{margin-right:0}
.bbs a.save{padding:9px 12px;background:#8577bd}
.bbs a.save:focus,
.bbs a.save:hover{background:#ffa700}

.bbs .paging{text-align:center;font-size:0;line-height:0}
.bbs .paging a,
.bbs .paging span{color:#706a62;font-size:12px;width:30px;height:30px;line-height:30px;margin:0 3px;display:inline-block;zoom:1;border:1px solid #dbd7d4;vertical-align:middle}
.bbs .paging a:focus,
.bbs .paging a:hover,
.bbs .paging span.current{background-color:#c3bdb8;border-color:#c3bdb8;color:#fff}

.bbs .prevNext{border-bottom:1px solid #000}
.bbs .prevNext ul{margin-top:-1px}
.bbs .prevNext li.prev{border-bottom:1px solid #e6e6e6}
.bbs .prevNext li{padding:10px 20px}
.bbs .prevNext li span{margin-right:10px;color:#999}

/* 주요고객사,Reference */
.reference { margin-top:50px; }
.reference h4 {clear:both}
.reference ul {padding:0 0 30px;overflow:hidden; margin:0 -15px;}
.reference ul::after { clear:both; content:''; display:block; }
.reference li { float:left;width:calc(20% - 30px); height:75px; margin:15px; border:1px solid #ededed; text-align:center; padding:10px 0 0; background-size:80%; background-position:50% 50%; background-repeat:no-repeat; }
.reference li img { display:none; }


/* 인증서,certification */
.certification { margin-top:50px; }
.certification h4 {clear:both}
.certification ul {padding:0 0 30px;overflow:hidden; margin:0 -15px;}
.certification ul::after { clear:both; content:''; display:block; }
.certification li { float:left;width:calc(20% - 30px); height:350px; margin:15px; border:1px solid #ededed; text-align:center; padding:10px 0 0; background-size:80%; background-position:50% 50%; background-repeat:no-repeat; }
.certification li img { display:none; }


/* 파트너사 */
.partner h3{color:#006ab5}
.partner li{float:left;width:50%}
.partner > .bxc > ul{width:100%;overflow:hidden}
.partner li li{float:none;width:inherit;background:url('../img/arr1-1.gif') no-repeat 0 10px;padding-left:12px}
.partner dl{border:1px solid #e6e6e6;border-radius:5px;overflow:hidden;margin:0 10px 10px 0;padding:15px 0}
.partner dt{width:145px;font-size:0;line-height:0;height:50px;background-repeat:no-repeat;background-position:center center}
.partner dt,
.partner dd{float:left;line-height:50px}
.partner dd{width:100%;margin-right:-145px}
.partner ul{margin-right:145px}
.partner li dl{cursor:pointer}
.partner li dl:hover{border-color:#ccc}
.partner li dl:hover dd{color:#8577bd}

/* 회사소개 */
/* INTRO */
.company h3{}
.company p{line-height:180%;font-size:16px}
.company p b{color:#b67c4b;text-decoration:underline}

.card_info {width:100%; margin:20px 0 50px;}
.card_info::after { clear:both; content:''; display:block; }
.card_info li { position:relative; background-color:#fff; border-radius:10px; float:left; display:inline-block; text-align:center; font-size:16px;color:#333; padding:40px 0; width:calc(33.333% - 13.333px); margin:0 20px 20px 0; border:1px solid #e9e9e9; transition:all 0.3s; }
.card_info li:hover { box-shadow:0 0 30px 0 rgba(0,0,0,0.1); }
.card_info li:nth-child(3n) { margin-right:0; } 
.card_info li span { display:block; margin:20px 0 10px; }
.card_info li strong { display:block; font-size:20px; }

.ba {width:100%; margin:20px 0 50px;}
.ba::after { clear:both; content:''; display:block; }
.ba li { position:relative; background:#f7f7f7; height:150px; border-radius:10px; float:left; display:inline-block; text-align:center; font-size:16px;color:#333;padding:38px 0 0; width:calc(33.333% - 13.333px); margin:0 20px 20px 0; transition:all 0.3s; }
.ba li:hover { box-shadow:0 0 30px 0 rgba(0,0,0,0.1); }
.ba li:nth-child(3n) { margin-right:0; } 
.ba p{font-size:15px; font-weight:600; margin-top:10px;}

.contact { margin-top:20px; }
.contact::after { clear:both; display:block; content:''; }
.contact li { position:relative; background-color:#fff; border-radius:10px; float:left; display:inline-block; text-align:left; font-size:16px;color:#333; padding:30px; width:calc(50% - 20px); margin:0 20px 20px 0; border:1px solid #e9e9e9; transition:all 0.3s; }
.contact li:hover { box-shadow:0 0 30px 0 rgba(0,0,0,0.1); }
.contact li:nth-child(2n) { margin-right:0; } 
.contact li strong { font-size:18px; display:block; margin-bottom:20px; }
.contact li dt { float:left; width:60px; margin:3px 0; font-size:14px; }
.contact li dt::after { display:inline-block; margin-left:15px; content:':'; }
.contact li dd { float:left; width:calc(100% - 60px); margin:3px 0; font-size:14px; font-weight:400; }

.company .intro{position:relative;height:330px;background:url('../img/content/intro.jpg') no-repeat 0 0;color:#fff;margin:20px 0 0}
.company .intro .txt{position:absolute;top:90px;left:50px;text-align:center;font-size:18px}
.company .intro .txt p{position:relative;padding:40px}
.company .intro .txt span{position:absolute;top:50%;font-size:60px}
.company .intro .txt span.ldquo{left:0}
.company .intro .txt span.rdquo{right:0}
/* Contact */
.contact .info{position:relative;height:244px;background:url('../img/content/contact.jpg') no-repeat 0 0;color:#fff}
.contact .info p{position:absolute;width:100%;top:90px;text-align:center;font-size:18px}
.contact .info p b{font-size:30px;font-weight:normal;padding:0 0 15px;letter-spacing:-1px}
.contact .info p b,
.contact .info p span{display:block}
.contact h3{padding:40px 0;text-align:center}
.contacted{border:1px solid #e6e6e6;background:#fafafa url('../img/content/contacted.gif') no-repeat 0 center;padding:0 10px 20px;border-radius:5px}
.contacted a{color:#006ab5;text-decoration:underline}
.contacted dt{margin-top:-20px;float:left;background:url('../img/dot_fafafa.gif') repeat-x 0 19px;border-radius:7px;overflow:hidden}
.contacted dt img,
.contacted dt span{vertical-align:bottom;display:inline-block;zoom:1;*display:inline;padding:0 15px 8px 15px}
.contacted dt span{font-size:17px;position:relative;top:-2px;padding-left:5px}
.contacted dt em{font-style:normal;font-size:16px;color:#006ab5}
.contacted dd{clear:both;padding:10px 0 0 190px}
/* 구매문의 */
.user-helper{border:1px solid #e6e6e6;background:#fafafa url('../img/content/contacted.gif') no-repeat 0 center;padding:20px 35px;border-radius:5px;margin-top:20px}
.user-helper dt{padding-right:25px;font-size:120%}
.user-helper dt em{font-style:normal;font-size:90%;color:#006ab5}
.user-helper dt i,
.user-helper dt span,
.user-helper dt,
.user-helper dd{display:inline-block;zoom:1;*display:inline;vertical-align:middle}
.user-helper dt i{border:1px solid #ccc;margin-right:5px;border-radius:50%;width:40px;height:40px;line-height:41px;text-align:center;color:#888;background:#fcfcfc}
/* 조직현황 */
.org{background:url('../img/content/org_line.gif') no-repeat center bottom;text-align:center;margin:0 auto;padding-bottom:20px}
.org div.ceo,
.org .org_cont div b,
.org .org_cont dt,
.org .org_cont dd{display:block;width:160px;line-height:40px;height:40px;color:#fff;margin:0 auto}
.org div.ceo{background:#006ab5;font-size:16px}
.org_box{display:table;margin:0 auto}
.org .org_cont{display:table-row}
.org .org_cont div.master{text-align:center;display:table-cell;vertical-align:bottom;width:25%}
.org .org_cont div.master b{background:#8577bd;margin-bottom:10px}
.org .org_cont div.master dl{display:inline-block;zoom:1;*display:inline;vertical-align:bottom;margin:0px 3px 30px}
.org .org_cont div.master dt{background:#f4f8fb;border:2px solid #006ab5;color:#006ab5;line-height:36px;height:36px;width:156px}
.org .org_cont div.master dd{height:inherit;color:gray;padding:5px 0}
.org .org_cont div.master dd b{display:block;background:#e9eef2;color:#333}
.org .org_cont div.master dd ul{padding:7px 10px 7px;margin-top:-3px;height:85px}
.org .org_cont div.master dd li{text-align:left;background:url('../img/arr1-1.gif') no-repeat 0 10px;padding-left:12px}
.org .org_cont .empty{background:none!important}
.org .org_cont div.master.mid{white-space:nowrap}
/* 복리후생제도 */
.benefit{overflow:hidden}
.benefit h3{font-size:34px;letter-spacing:-1px;font-weight:300;color:#000}
.benefit h3 b{color:#8577bd;font-weight:800}
.benefit h4{display:inline-block;zoom:1;*display:inline;color:#fff;padding:4px 20px;border-radius:30px;font-size:16px}
.benefit .group1 h4{background:#a6cb49}
.benefit .group2 h4{background:#95b4d6}
.benefit .group3 h4{background:#fc7465}
.benefit .group1 .bnf_tit{color:#a6cb49}
.benefit .group2 .bnf_tit{color:#95b4d6}
.benefit .group3 .bnf_tit{color:#fc7465}
.benefit p{padding:10px 0 30px 15px;color:gray}
.benefit .col,
.benefit .col2{padding-right:30px;width:340px;float:left}
.benefit .col2{padding-right:0}
.benefit .bnf_tit{clear:both;position:relative;font-size:24px;color:#006ab5;padding:10px 0 25px}
.benefit .bnf_c_red{color:#f44360}
.benefit .bnf_c_blue{color:#24a0d3}

/* 연혁 */

/*.history{border-top:1px solid #e9e9e9;padding:30px 0 0}
.history dl{background:url('../img/content/bg_icon_hitory.gif') no-repeat 145px 150px}
.history dt{float:left;width:245px;height:245px;text-align:center}
.history dt p{position:relative;background:#612fc3;display:inline-block;zoom:1;*display:inline;width:150px;height:150px;line-height:125px;text-align:center;color:#fff;font-size:33px;font-weight:800;letter-spacing:-1px;border-radius:50%}
.history dt p span{position:absolute;width:100%;left:0;top:30px;font-size:20px;font-weight:normal;letter-spacing:0}
.history dt p.line2{line-height:30px;padding-top:35px;height:115px;font-size:29px}
.history dt p.line2 span{top:95px}
.history dd{float:left;width:100%;margin-right:-245px}
.history dd ul{margin-right:245px;margin-top:10px}
.history dd ul li{padding-bottom:10px;font-size:110%}*/

/* 오시는길 */
.map { margin-top:50px; }
.map li { margin-bottom:50px; border:1px solid #e9e9e9; }
.map li:last-child { margin-bottom:0; }
.map li::after { clear:both; display:block; content:''; }

.root_daum_roughmap { float:left; width:50% !important; }
.wrap_controllers { display:none; }
.map_text { float:right; width:50%; padding:50px; }
.map_text h4 { font-size:24px; margin-bottom:20px; }
.map_text li { margin:10px 0; border:none; padding-left:30px; }
.map_text li span { margin-right:20px; display:none; }
.map_text li p { font-size:16px; display:inline-block; }
.map_text li:nth-child(1) { background:url(/resources/img/contact1.svg) 0% 50% no-repeat; background-size:15px; }
.map_text li:nth-child(2) { background:url(/resources/img/contact2.svg) 0% 50% no-repeat; background-size:15px; }
.map_text li:nth-child(3) { background:url(/resources/img/contact3.svg) 0% 50% no-repeat; background-size:15px; }

/* 주요 사업내용 */
.business {margin-top:-30px;}
.business::after { clear:both; display:block; content:''; }
.business li { width:calc(33.333% - 30px); margin:30px 15px 0; border:1px solid #e6e6e6; float:left; border-radius:10px; overflow:hidden; transition:all 0.3s; }
.business li:hover { box-shadow:0 0 30px 0 rgba(0,0,0,0.1); }
.business li .imgbox { width:100%; height:300px; background:#ccc; background-position:50% 50%; background-size:cover; background-repeat:no-repeat; }
.business li .imgbox img { display:none; }
.business li .text_box { padding:30px 20px; min-height:260px; }
.business li .text_box strong { font-size:18px; font-weight:900; margin-bottom:20px; display:block; color:#293179; }
.business li .text_box p { font-size:14px; padding-left:15px; position:relative; }
.business li .text_box p::before { content:''; background:#333; width:3px; height:3px; display:inline-block; position:absolute; top:10px; left:0; margin-right:8px; border-radius:5px; }

/*사업소개*/
.biz_wrap { font-size:15px; }
.biz_wrap h2 { font-size:1em; color:#b67c4b; }
.biz_wrap .headline { text-align:center; }
.biz_wrap .headline strong { font-size:2em; margin:30px 0 70px; display:block; text-align:center;}
.biz_wrap .headline::after { clear:both; display:block; content:''; }
.biz_wrap .headline img { width:100%; margin:70px 0; }
.biz_wrap .headline .text_box { width:70%; margin:0 auto; text-align:center; }
.biz_wrap .headline .text_box p { font-size:1.1em; line-height:2em; }
.biz_wrap .headline .title img { width:200px; margin:0; }

.biz_wrap ul { float:right; width:70%; }
.biz_wrap ul li::after { clear:both; display:block; content:''; }
.biz_wrap ul li { margin-bottom:50px; }
.biz_wrap ul li:last-child { margin-bottom:0; }
.biz_wrap ul li strong { float:left; width:150px; font-size:1.3em; margin-right:30px; display:block; color:#b67c4b;}
.biz_wrap ul li .text_box { float:right; width:calc(100% - 180px); }
.biz_wrap ul li .text_box p { font-size:1.1em; line-height:2em; }
.biz_wrap ul li img {  float:right; width:calc(100% - 180px); margin:50px 0 0; }

.biz_wrap .biz_list { width:90%; margin:0 auto; float:none; }
.biz_wrap .biz_list::after { clear:both; display:block; content:''; }
.biz_wrap .biz_list li { position:relative; padding-left:140px; width:50%; float:left; width:calc(50% - 15px); margin:0 30px 70px 0; }
.biz_wrap .biz_list li:nth-child(2n) { margin:0 0 50px 0; }
.biz_wrap .biz_list li img { position:absolute; left:25px; top:-10px; width:70px; margin:0; }
.biz_wrap .biz_list strong { width:100%; float:none; margin-bottom:15px; }
.biz_wrap .biz_list li .text_box { width:100%; float:none; }
.biz_wrap .biz_list li .text_box p { font-size:14px; padding-left:15px; position:relative; }
.biz_wrap .biz_list li .text_box p::before { content:''; background:#333; width:3px; height:3px; display:inline-block; position:absolute; top:14px; left:0; margin-right:8px; border-radius:5px; }

/* 관제솔루션_솔라윈즈 */
.solarwinds h3{font-size:34px;letter-spacing:-1px;font-weight:300;color:#000}
.solarwinds h3 b{color:#8577bd;font-weight:800}
.solarwinds p{line-height:150%;font-size:16px;padding:0 0 20px}
.solarwinds p.bold {font-weight:bold;padding:0 0 10px}
.solarwinds h4{clear:both}
.solarwinds ul{overflow:hidden}
.solarwinds dl{border-top:1px solid #e6e6e6;padding-top:25px;margin-top:25px;display:block;overflow:hidden}
.solarwinds dt {float:left;margin:0 50px 0 0}
.solarwinds dt img {width:150px}
.solarwinds dd {float:left;width:500px}
.solarwinds li{font-size:0;line-height:0}
.solarwinds li div{margin:0 10px 5px 0;border:none;font-size:13px;height:initial;background:url('../img/arr1-1.gif') no-repeat 0 11px;padding-left:10px}
.solarwinds a {border-radius:3px;padding:8px 25px 8px 50px;margin:15px 0 0;display:inline-block;color:#fff}
.solarwinds a.short_cut {background:#ecebea url('../img/content/page10-icon01.png')no-repeat 15px -39px;color:#7e7671}
.solarwinds a.down {background:#8577bd url('../img/content/page10-icon01.png')no-repeat 15px 7px}


.cont img { max-width: 710px; }

/* 관리자 로그인 */
a.admin{font-size:10px;position:absolute;top:-7px;right:50px;display:inline-block;border:1px solid #ccc;zoom:1;*display:inline;background:#fff;color:#999;padding:2px 10px 0;z-index:99999; border-radius:0px 0px 5px 5px; border:1px solid #ccc;transition:all 0.3s;}
a.admin:hover{background:#ccc; color:#fff;}

.login-box{display:table;width:100%;background:#fff;overflow:hidden}
.login-box .info,
.login-box .form{display:table-cell;vertical-align:middle}
.login-box .form{width:500px;text-align:center}
.login-box .container{display:inline-block;zoom:1;display:inline}
.login-box .form fieldset{background:#fafafa;border:1px solid #ccc;border-radius:5px;margin:0 auto;padding:25px 0;width:340px}
.login-box .form .input-group{border:1px solid rgba(0,0,0,0.1);margin:3px 0;border-radius:3px;overflow:hidden}
.login-box .form .input-group span{display:block;float:left;width:38px;padding-right:10px;text-align:center;color:#888}
.login-box .form .input-group input{display:block;float:left;width:220px;border:none;outline:none}
.login-box .form .input-group span,
.login-box .form .input-group input{line-height:34px;height:34px;background:#fff}
.login-box .form .form-group.button{margin:20px 0 10px}
.login-box .form .input-group,
.login-box .form .form-group.button{margin-left:35px;margin-right:35px}
.login-box .form button{background:#82b440;color:#fff;width:100%;font-size:120%;line-height:44px;display:block;border-radius:3px}

#login{width:340px;padding-bottom:2px;display:none;background:#FFF;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-shadow:0px 0px 4px rgba(0,0,0,0.7);-webkit-box-shadow:0 0 4px rgba(0,0,0,0.7);-moz-box-shadow:0 0px 4px rgba(0,0,0,0.7);z-index:10000 !important;}
#loginTop{background:#3ba1dc;padding:18px 18px 22px 18px;border-top-left-radius:5px;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;border-top-right-radius:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;}
#loginTop  h2{color:#fff;font-size:35px;margin-bottom:3px;padding:22px 0 0 15px;}
#loginTop  h2 span{font-size:35px;font-weight:normal;}
#lean_overlay{position:fixed;z-index:9000;top:0px;left:0px;height:100%;width:100%;background:#000;display:none;}
.btnClose{position:absolute;top:22px;right:28px;display:block;width:23px;height:22px;background:url('/resources/img/user/member/btn_close.png') no-repeat;z-index:2;}
.loginVisual{position:absolute;top:19px;right:60px;width:130px;height:130px;background:url('/resources/img/user/member/login_visual.png') no-repeat;}


.footer { width:100%; box-sizing:border-box; font-size:13px; padding:50px; line-height:1.5em; color:#3c3c3c; position:relative; background:#fff }
.footer_top { width:100%; color:#bfbfbf; position:relative; text-align:left; }
.footer_top span { display:inline-block;margin-right:10px;  }
.footer_top p { margin-bottom:5px; font-size:12px; }

.footer h2 { font-size:1.2em; margin-bottom:15px; color:#999; font-weight:bold; float:left; }

.footer_bottom { padding:20px 0; text-align:left;}

.go_knit { width:30px; height:30px; float:right; border-radius:40px; background:url(/resources/img/info-solid.svg) 50% 50% no-repeat #ccc; background-size:8px; transition:all 0.3s; text-indent:-5000px; }
.go_knit:hover { background-color:#666; }

.clear { clear:both; }

.br_wrap { float:left; width:100%; }
.footer_bottom::after, .br_wrap::after { clear:both; display:block; width:100%; content:''; }
.br_list { float:left; margin-right:30px; margin-bottom:0px; }
.br_list:nth-child(4) { margin-right:0; }

.br_list p { font-size:12px; color:#bfbfbf; line-height:1.9em; float:left; }
.br_list p.br_title { font-size:13px; margin-bottom:0; color:#828282; margin-right:10px; }
.br_list p span { display:inline-block;margin-right:10px; }

.copyR { font-size:12px; color:#bfbfbf; }

/*패스워드 입력 팝업*/
.pw_wrap { width:100%; padding:30px; }
.pw_wrap li { width:100%; padding:10px 0; }
.pw_wrap li:first-child { padding-top:0; }
.pw_wrap li:last-child { padding-bottom:0; }
.pw_wrap li label { font-weight:600; font-size:0.9em; display:block; margin-bottom:10px; }
.pw_wrap li em { font-size:0.9em; display:block; font-style:normal; color:#999; }
.pw_wrap li .inputText { width:100%; height:45px; border-radius:0; border:none; border-bottom:1px solid #ccc; }
.pw_wrap li .btn_pw { width:100%; height:45px; transition:all 0.3s; border-radius:5px; background:#162a65; color:#fff; font-weight:600; }
.pw_wrap li .btn_pw:hover { background:#0c1a44; }

@media all and (max-width: 1311px) {
.section { width:100% !important; padding:0 2em; }
.visual { width:calc(100% - 4em) !important; margin:0 2em; }
}

@media all and (max-width: 601px) {
.section { padding:0 1em; }
.visual { width:100% !important; height:calc(100vh - 80px) !important; margin:0; border-radius:0; }
#header { height:80px; }
#header h1 { width:160px; height:25px; }
.gnb { padding:20px 0 0 0; }
.gnb_li { margin-left:30px; }
.gnb_li a b { font-size:13px; margin-bottom:2px; }
.gnb_li a span { font-size:10px; }
}

/*여백*/
.mt15 { margin:15px 0 0 0;}

.news_list { margin-top:30px; }
.news_list ul { display:flex; gap:30px; }
.news_list ul li { width:calc(100% / 3 - 60px / 3); }
.news_list ul li .imgbox { width:100%; aspect-ratio:16/9; border-radius:15px; overflow:hidden; }
.news_list ul li .imgbox img { width:100%; height:100%; object-fit:cover; transition:all 0.2s; }
.news_list ul li .imgbox:hover img { transform:scale(1.05); }
.news_list ul li .text_box { margin-top:20px; }
.news_list ul li strong { font-size:1.3em; margin-bottom:6px; display:block; }
.news_list ul li p { color:#999; }