@charset "euc-kr";
/* ºê¶ó¿ìÀú ¾÷µ¥ÀÌÆ® ±ÇÀå Æ˾÷ */
#browserUpdate {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#111; z-index:9999}
#browserUpdate .inner {position:absolute; top:50%; left:50%; width:800px; margin:-275px 0 0 -400px; padding:100px 70px; text-align:center; background:#fff}
#browserUpdate .inner h2 {font-size:42px; margin-bottom:30px}
#browserUpdate .inner p {color:#777; line-height:1.8; margin-bottom:40px}
#browserUpdate .inner ul {text-align:justify}
#browserUpdate .inner ul:after {display:inline-block; width:100%; content:''}
#browserUpdate .inner ul li {display:inline-block; width:24%; padding:20px; border:1px solid #e8e8e8; vertical-align:top}
#browserUpdate .inner ul li:hover {background:#fafafa}
#browserUpdate .inner ul li .icon {width:48px; height:48px; margin:0 auto 25px auto}
#browserUpdate .inner ul li .icon img {display:block; width:100%}
#browserUpdate .inner ul li a {display:block; height:35px; font-family:'µ¸¿ò','Dotum'; font-size:12px; color:#444; text-align:center; line-height:31px; border:1px solid #dedede; border-bottom:3px solid #dadada; background:#f9f9f9}
#browserUpdate .inner ul li a:hover {background:#fff}
#browserUpdate .inner ul li a:active {border-top:1px solid #dadada; border-bottom:1px solid #dedede; background:#f4f4f4}

#wrap {position:relative; background:url(../../img/sub_bg.jpg); background-size:cover; background-attachment:fixed}
#wrap:after {clear:both; display:block; content:''}
#header {position:relative; float:left; width:200px;padding:45px 0 15px 0; background:#f4f4f4; z-index:100}
#header .top {padding:0 0px}
#header h1 {line-height:1.1; margin-bottom:20px;text-align:center;position:relative;left:-10px;}
#gnb {text-align:center}
#gnb li {display:inline-block; font-size:7px; font-weight:600; color:#888}
#gnb li.divider {margin:0 1px}
#gnb li a {font-size:8px; color:#888}
#snb {margin-top:40px; border-top:1px dashed #dedede}
#snb li {border-bottom:1px dashed #dedede;padding:0px 20px}
#snb li a {display:block; font-size:15px; font-weight:600; color:#555; padding:15px 0}
#snb li.on a {color:#6675cb}
#header .top .search_box {position:relative; margin-top:20px}
#header .top .search_box .txtQuery {width:100%; height:25px; border:1px solid #ddd; background:inherit}
#header .top .btnSearch {position:absolute; top:5px; right:10px}
#header .sns_list {margin:154px 0 40px 0; border-top:1px solid #dedede; border-bottom:1px solid #dedede}
#header .sns_list:after {clear:both; display:block; content:''}
#header .sns_list li {float:left}
#header .sns_list li img {display:block}
#header .bottom {font-size:12px; padding:0 20px}
#header .bottom ul.link_list {padding-bottom:10px; border-bottom:1px solid #ddd}
#header .bottom ul.link_list li a {font-size:12px; color:#666}
#header .bottom p.copyright {font-size:10px !important; padding-top:10px}
#header address {padding:10px 0; font-size:11px !important; border-bottom:1px solid #ddd}
#header .bottom .family {position:relative; height:25px; margin-top:15px; background:#777}
#header .bottom .family:after {position:absolute; top:6px; right:10px; content:''; border-style:solid; border-width:4px; border-color:transparent transparent #fff transparent}
#header .bottom .family > a {display:block; width:100%; height:100%; padding-left:10px; font-size:12px; font-weight:600; color:#fff; line-height:25px}
#header .bottom .family > ul.dropdown {display:none; position:absolute; bottom:25px; width:100%; z-index:30}
#header .bottom .family > ul.dropdown > li > a {display:block; height:35px; padding-left:10px; font-size:12px; font-weight:600; color:#333; line-height:35px; border-bottom:1px solid #efefef; background:#ccc}
#header .bottom .family > ul.dropdown > li > a:hover {background:#bbb}
#mnav_call {display:none; position:absolute; top:20px; left:20px; width:35px; height:35px; background:#353f6b; cursor:pointer}
#mnav_call span {position:absolute; display:block; width:20px; height:3px; background:#fff; transition:all 0.3s ease}
#mnav_call span.bar1 {top:10px; left:7px}
#mnav_call span.bar2 {top:16px; left:7px}
#mnav_call span.bar3 {top:22px; left:7px}
#mnav_call.active span.bar1 {top:16px; transform:rotate(45deg)}
#mnav_call.active span.bar2 {display:none}
#mnav_call.active span.bar3 {top:16px; transform:rotate(-45deg)}
#mnav {display:none; position:absolute; top:0; left:-35%; width:35%; height:100%; text-align:left; background:#6f7178; z-index:990}
#mnav ul.depth1 > li {border-bottom:1px solid #7e7f86}
#mnav ul.depth1 > li > a {display:block; width:100%; height:60px; padding-left:10%; font-size:18px; font-weight:600; color:#eee; line-height:60px}
#mnav ul.depth1 > li.open > a {color:#fff !important; background:#5d616b}
#mnav ul.depth2 {display:none; padding:20px 0 30px 40px}
#mnav ul.depth2 > li > a {display:block; font-size:15px; color:#dedede; line-height:1.2; padding:5px 0}
#mnav .myinfo {background:#21bbb1;}
#mnav .myinfo ul {padding-top:20px;padding-left:10%;padding-bottom:20px;}
#mnav .myinfo ul li {text-align:center;display:inline-block;color:#fff;}
#mnav .myinfo ul li a {color:#fff;}
#mask {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.8; filter:alpha(opacity='80'); z-index:1000}
#videolayer {display:none; position:fixed; left:50%; width:60%; margin-left:-30%; z-index:1010}
body.main #container {position:relative; float:left; width:100%; max-width:none; margin:0 -340px 0 -200px}
#container {position:relative; float:left; width:80%; max-width:1200px; background:#fff}
#container > .inner {min-height:1040px; margin-left:150px; padding:0 50px 100px 50px}
#container > .inner .title_area {padding:60px 0 40px 0; overflow:hidden}
#container > .inner .title_area .title {float:left}
#container > .inner .title_area .title h2 {font-size:32px; font-weight:600; line-height:1.1; color:#333; margin-bottom:10px}
#container > .inner .title_area .title p {color:#999}
#container > .inner .location {float:right;/* padding-top:44px*/}
#container > .inner .location ul li {display:inline-block; font-size:12px; color:#888}
#container > .inner .location ul li.divider {margin:0 5px}
#container > .inner .location ul li img {vertical-align:-2px
}
#container > .inner ul.allocation {text-align:justify; overflow:hidden}
#container > .inner ul.allocation:after {display:inline-block; width:100%; height:0; content:''}
#container > .inner ul.column2 li {width:48%}
#container > .inner ul.column3 li {width:18%}
#container > .inner ul.column4 li {width:23%}
#container > .inner ul.allocation li {position:relative; float:none !important; display:inline-block; vertical-align:top;}
#container > .inner ul.allocation li.clear {margin:0; padding:0; border:none; background:#none}
#container > .inner .section {position:relative; padding:0 0 60px 0}
#container > .inner .section:after {clear:both; display:block; content:''}
#container > .inner .section > img {width:30%; margin-top:-455px;}
#container > .inner .section h2.sub_tit {position:relative; font-size:28px; font-weight:600; color:#444; line-height:1.2; margin-bottom:30px; padding-bottom:15px}
#container > .inner .section h2.sub_tit:after {position:absolute; bottom:0; left:2px; width:60px; height:2px; content:''; background:#666}
/* ¼­ºê¸Þ´º */
body.main #subnav { left: 0px;}
#subnav {position:absolute; top:0; left:200px; width:150px; height:100%; background:#6f7178; z-index:20}
#subnav div.sub {position:relative; display:none; width:100%; }
#subnav div.sub li:first-child {border-top:1px solid #7e7f86;}
#subnav div.sub li a {display:block; height:40px; padding-left:15px; font-weight:600; color:#eee; line-height:40px; border-bottom:1px solid #7e7f86;transition:all .3s ease;}
#subnav div.sub li a:hover, #subnav div.sub li.active a {color:#fff; background:#5d616b}
#subnav .mnu1 {padding-top:187px}
#subnav .mnu2 {padding-top:244px}
#subnav .mnu3 {padding-top:301px}
#subnav .mnu4 {padding-top:358px}
#subnav .mnu5 {padding-top:415px}
#subnav .mnu6 {padding-top:460px}
#subnav img.bimg {position:absolute; display:block; top:500px; left:0px;z-index:-1;}
body.main #aside {position:relative !important; float:right; height:auto !important}
#aside {position:absolute; width:340px; top:0; right:0; height:100%; }
#aside div h2 {position:absolute; top:30px; left:20px; font-size:15px; color:#eee; z-index:30}
#aside .imgSlide {position:relative; height:260px; overflow:hidden; background:#333}
#aside .imgSlide ul.imgList {position:relative; width:100%}
#aside .imgSlide ul.imgList li {position:absolute; width:100%; height:260px; z-index:5}
#aside .imgSlide ul.imgList li.active {position:relative; z-index:20}
#aside .imgSlide ul.imgList li img {display:block; width:100%}
#aside .imgSlide ul.imgList li p.caption {position:absolute; top:80px; left:20px; padding:15px 0; font-size:22px; font-weight:600; color:white; line-height:1.2; z-index:30}
#aside .imgSlide ul.imgList li p.caption:before {position:absolute; top:0; left:0; width:30px; height:2px; content:''; background:white}
#aside .imgSlide ul.imgList li p.caption:after {position:absolute; bottom:0; left:0; width:30px; height:2px; content:''; background:white}
#aside .imgSlide ul.pagination {position:absolute; bottom:30px; left:20px; z-index:30}
#aside .imgSlide ul.pagination li {display:inline-block; width:10px; height:10px; margin-right:5px; border-radius:50%; background:#ddd; cursor:pointer}
#aside .imgSlide ul.pagination li.on {background:#4d5da7}
#aside .imgSlide a.pause {position:absolute; width:10px; height:15px; bottom:30px; right:20px; z-index:30}
#aside .imgSlide a.pause:before {position:absolute; top:0; left:0; width:3px; height:10px; content:''; background:#ddd}
#aside .imgSlide a.pause:after {position:absolute; top:0; left:6px; width:3px; height:10px; content:''; background:#ddd}
#aside .latest_box {height:260px; padding:30px 20px 0 20px; background:#f4f4f4}
#aside .latest_box .tab_content {display:none}
#aside .latest_box ul.tab {margin-bottom:20px}
#aside .latest_box ul.tab li {display:inline-block; margin-right:10px; font-size:15px; font-weight:600; color:#555; cursor:pointer}
#aside .latest_box ul.tab li.on {color:navy !important}
#aside .latest_box ul.latest_list li {position:relative; padding-right:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#aside .latest_box ul.latest_list li:before {display:inline-block; width:3px; height:3px; content:''; margin-right:5px; background:#777; vertical-align:2px}
#aside .latest_box ul.latest_list li a {font-size:12px; color:#777; line-height:1.6}
#aside .video_box {position:relative; cursor:pointer}
#aside .video_box img {display:block}
#aside .video_box .play {position:absolute; display:block; width:100%; top:90px; left:0; text-align:center; color:#eee; font-size:14px}
#aside .video_box .play img {margin:0 auto 10px auto}
#aside .banner_area {height:130px; background:#353f6b}
#aside .banner_area:after {clear:both; display:block; content:''}
#aside .banner_area .banner {position:relative; float:left; width:50%; height:100%; padding:25px 0 0 20px;}
#aside .banner_area .left:after {position:absolute; top:0; right:0; width:1px; height:100%; content:''; background:#}
#aside .banner_area .right:after {position:absolute; top:0; left:0; width:1px; height:100%; content:''; background:#}
#aside .banner_area .banner h3 {font-size:15px; color:#ecf6f5; margin-bottom:10px}
#aside .banner_area .banner p {font-size:12px; color:#d9ebe9; padding-right:10px}
#aside .info_box {background:#1c222a}
#aside .info_box .title {height:50px; padding:15px 20px 15px 20px; border-bottom:1px solid #212934; overflow:hidden}
#aside .info_box .title h3 {float:left; display:inline-block; font-size:15px; color:#fff}
#aside .info_box .title .more {float:right; font-size:12px; font-weight:700; color:#fff}
#aside .info_box .detail {height:80px; padding:15px 0 0 20px; font-size:14px; color: #c9d2dd}
#aside .info_box .detail p {font-size:14px; color:#c9d2dd}
#aside .info_box .detail strong {font-size:27px; font-weight:600; color:#e3e8ef}
span.red_point {font-size:inherit; color:#ff5353}
#footer {clear:both; position:relative; display:none}
#footer .footer_top {height:50px; padding:0 30px; background:#eee}
#footer .footer_top:after {clear:both; display:block; content:''}
#footer .footer_top .sns_list {float:left; width:auto}
#footer .footer_top .sns_list:after {clear:both; display:block; content:''}
#footer .footer_top .sns_list li {float:left}
#footer .footer_top .sns_list li img {display:block}
#footer .footer_top .family {position:relative; float:right; width:150px; height:25px; margin-top:12px; background:#777}
#footer .footer_top .family:after {position:absolute; top:6px; right:10px; content:''; border-style:solid; border-width:4px; border-color:transparent transparent #fff transparent}
#footer .footer_top .family > a {display:block; width:100%; height:100%; padding-left:10px; font-size:12px; font-weight:600; color:#fff; line-height:25px}
#footer .footer_top .family > ul.dropdown {display:none; position:absolute; bottom:25px; width:100%; z-index:30}
#footer .footer_top .family > ul.dropdown > li > a {display:block; height:35px; padding-left:10px; font-size:12px; font-weight:600; color:#333; line-height:35px; border-bottom:1px solid #efefef; background:#ccc}
#footer .footer_top .family > ul.dropdown > li > a:hover {background:#bbb}
#footer .footer_info {padding:30px 0 50px 0; text-align:center}
#footer .footer_info ul.link_list {margin-bottom:20px}
#footer .footer_info ul.link_list li {display:inline-block; margin:0 8px}
#footer .footer_info ul.link_list li a {font-size:16px}
#footer .footer_info address, #footer .footer_info .copyright {font-size:14px}
/* ¹Ìµð¾îÄõ¸® */
@media screen and (max-width:1400px) {
#aside {display:none}
}
@media screen and (max-width:1024px) {
#header {clear:both; float:none; width:100%; padding:20px 0; text-align:center; background:#fff}
#header h1 {margin-bottom:0 !important}
#header h1 img {width:70px}
#mnav {display:block !important}
#subnav {display:none}
#mnav_call {display:block !important}
#gnb, #snb, #header .search_box, #header .sns_list, #header .bottom {display:none}

#container {clear:both; float:none; width:100% !important; max-width:none !important}
#container > .inner {min-height:none; margin-left:0; margin:0 30px; padding:0 0 50px 0; border-top:2px solid #666}
#container > .inner .location {display:none}
#aside {display:block !important; clear:both; float:none; width:100%;position:relative;}
#aside .imgSlide {float:left; width:50%; overflow:hidden}
#aside .latest_box {margin-left:50%}
#aside .video_box {float:left; width:50%; height:260px}
#aside .video_box > img {width:100%; height:100%}
#aside .banner_area {margin-left:50%}
#aside .info_box {margin-left:50%}
#footer {display:block !important}
}
@media screen and (max-width:640px) {

#mnav {left:-50%; width:50%}
#mnav ul.depth1 > li > a {font-size:16px !important}
#mnav ul.depth2 > li > a {font-size:13px !important}
#videolayer {margin-left:-150px !important}
#videolayer iframe {width:300px !important; height:300px !important}
#container > .inner {min-height:1px !important}
#container > .inner .title_area .title h2 {font-size:22px}
#container > .inner .title_area .title p {font-size:12px}
#aside .imgSlide {float:none; width:100% !important}
#aside .latest_box {margin:0}
#aside .video_box {float:none; width:100%}
#aside .banner_area {margin:0}
#aside .info_box {margin:0}
#footer .footer_top {height:40px}
#footer .footer_top .sns_list li img {display:block; width:40px; height:40px}
#footer .footer_top .family {margin-top:7px}
#footer .footer_info ul.link_list li a {font-size:13px}
#footer .footer_info address, #footer .footer_info .copyright {font-size:11px}
}
@media screen and (max-width:480px) {
#footer .footer_top {padding:0 20px}
#footer .footer_top .family {width:100px; height:20px; margin-top:10px}
#footer .footer_top .family:after {position:absolute; top:6px; right:10px; content:''; border-style:solid; border-width:3px; border-color:transparent transparent #fff transparent}
#footer .footer_top .family > a {display:block; width:100%; height:100%; padding-left:10px; font-size:9px; font-weight:600; color:#fff; line-height:20px}
#footer .footer_top .family > ul.dropdown {bottom:20px}
}
{.wr-section.typeTeam > .inner > ul > li .imgArea {position:relative; overflow:hidden}
.wr-section.typeTeam > .inner > ul > li .imgArea:before {position:absolute; top:0; left:0; width:100%; height:100%; content:''; background:#000; opacity:0; filter:alpha(opacity='0'); transition:all .3s ease; z-index:10}
.wr-section.typeTeam > .inner > ul > li .imgArea img {display:block; width:100%; transition:all .3s ease}
.wr-section.typeTeam > .inner > ul > li .imgArea:hover:before {opacity:.5; filter:alpha(opacity='50')}
.wr-section.typeTeam > .inner > ul > li .imgArea:hover img {transform:scale(1.1)}
.wr-section.typeTeam > .inner > ul > li .infoArea {margin:20px 0; padding-bottom:20px; border-bottom:1px solid #eee}
.wr-section.typeTeam > .inner > ul > li .infoArea h3 {font-size:14px; color:#333; font-weight:600; margin-bottom:5px}
.wr-section.typeTeam > .inner > ul > li .infoArea span {display:block; font-size:13px; color:#888}
.wr-section.typeTeam > .inner > ul > li p {display:-webkit-box; font-size:14px; color:#888; line-height:1.75; -webkit-box-orient:vertical; -webkit-line-clamp:3; max-height:74px; overflow:hidden; text-overflow:ellipsis}
}