@charset "utf-8";
::-webkit-scrollbar {
	width: 8px;
	background-color: #f5f5f5
}

::-webkit-scrollbar-thumb {
	background-color: #01addb
}
#skipmenu {display:none}
/* ¹®¼­±¸Á¶ ¹× »ó´Ü ·¹À̾ƿô */
#wrap {position:relative; }
#wrap:after {clear:both; display:block; content:''}
#header {position:relative; float:left; width:200px;height: 1024px; padding:45px 0 15px 0; background:#fff; z-index:200}
#header .top {padding:0 20px}
#header h1 {line-height:1.1; margin-bottom: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 solid #dedede}
#snb li {border-bottom:1px solid #dedede}
#snb li a {display:block; font-size:15px; font-weight:600; color:#555; padding:15px 0}
#snb li.on a {color:#f4bd00}
#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:50px 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:25px; left:30px; width:35px; height:35px; background:#f4bd00; 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}
/* ÄÁÅ×ÀÌ³Ê ¿µ¿ª */
body.main #container {position:relative; float:left; width:100%; max-width:none; margin:0 -340px 0 -200px; z-index:0}
#container {position:relative; float:left; width:63%; background:#fff; z-index:200}
#container > .inner {position:relative; min-height:1040px; margin-left:150px; padding:0 50px 50px 50px; z-index:200}
#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:32%}
#container > .inner ul.column4 li {width:23%}
#container > .inner ul.allocation li {position:relative; float:none !important; display:inline-block}
#container > .inner ul.allocation li.clear {margin:0; padding:0; border:none; background:#none}
#container > .inner .section {position:relative; padding:0 0 10px 0}
#container > .inner .section:after {clear:both; display:block; content:''}
#container > .inner .section > img {width:100%}
#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}

/* ¼­ºê¸Þ´º */
#subnav {position:absolute; top:0; left:0; width:150px; height:100%; background:#6f7178; z-index:250}
#subnav ul.sub {position:absolute; display:none; width:100%; border-top:1px solid #7e7f86}
#subnav ul.sub li a {display:block; height:40px; padding-left:15px; font-weight:600; color:#eee; line-height:40px; border-bottom:1px solid #7e7f86}
#subnav ul.sub li a:hover, #subnav ul.sub li.active a {color:#fff; background:#5d616b}
#subnav .mnu1 {top:167px}
#subnav .mnu2 {top:222px}
#subnav .mnu3 {top:277px}
#subnav .mnu4 {top:332px}
#subnav .mnu5 {top:387px}
#subnav .mnu6 {top:442px}
#subnav img.bimg {position:absolute; display:block; top:500px; left:0}
/* ¼­ºêÆäÀÌÁö ¿ìÃø¿µ¿ª */
#sub_aside {position:fixed; top:0; right:0; width:37%; height:100%;background:#333; padding-left:200px; overflow:hidden; z-index:100}
#sub_aside ul.imgList {position:relative; width:1000%; height:100%}
#sub_aside:before {position:absolute; width:200px; height:100%; top:0; left:0; content:''; background:#fff; z-index:110}
#sub_aside ul.imgList li {position:relative; float:left; width:500px; height:100%; overflow:hidden}
#sub_aside ul.imgList li img {display:block; width:100%; height:auto}
#sub_aside ul.imgList li img.img_tab, #sub_aside ul.imgList li img.img_m {display:none}
#sub_aside ul.imgList li .caption {position:absolute; top:50%; left:0; width:100%; height:60px; margin-top:-30px; text-align:center; z-index:50}
#sub_aside ul.imgList li .caption h2 {font-size:24px; font-weight:600; color:#fffefe; line-height:1.2}
#sub_aside ul.imgList li .caption h3 {font-size:14px; font-weight:400; color:#fffefe; opacity:.7; filter:alpha(opacity='70')}
#sub_aside a.control {position:absolute; top:50%; margin-top:-32px; z-index:100}
#sub_aside a.control.prev {left:230px}
#sub_aside a.control.next {right:30px}
/* ÇÏ´Ü¿µ¿ª */
#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}
/* ÆùÆ® °­Á¶ */
span.red_point {font-size:inherit; color:#ff5353}
/* ¹Ìµð¾îÄõ¸® */
@media screen and (max-width:1280px) {
 #sub_aside {position:absolute; width:100%; height:500px; top:0; left:0; padding-left:150px; z-index:220}
 #sub_aside:before {display:none}
 #sub_aside a.control.prev {left:180px}
 #container {width:80%}
 #container .inner {padding-top:500px}
}
@media screen and (max-width:1024px) {
 #header {clear:both; float:none; width:100%; height:auto;padding:20px 0; text-align:center; background:#fff}
 #header h1 {margin-bottom:0 !important}
 #mnav {display:block !important}
 #subnav {display:none}
 #mnav_call {display:block !important}
 #gnb, #snb, #header .search_box, #header .sns_list, #header .bottom {display:none}
 
 #sub_aside {padding:0 !important; top:0; left:0; height:400px}
 #sub_aside a.control.prev {left:30px}
 #sub_aside a.control.right {right:30px}
 #container {clear:both; float:none; width:100% !important; max-width:none !important}
 #container > .inner {min-height:none; margin-left:0; margin:0 30px; padding:400px 0 50px 0; border-top:2px solid #666}
 #footer {display:block !important}
}
@media screen and (max-width:640px) {
 #header h1 img {width:120px}
 #mnav {left:-50%; width:50%}
 #mnav ul.depth1 > li > a {font-size:16px !important}
 #mnav ul.depth2 > li > a {font-size:13px !important}
 #sub_aside ul.imgList li .caption h2 {font-size:14px !important; margin-bottom:10px}
 #sub_aside ul.imgList li .caption h3 {font-size:12px !important}
 #sub_aside a.control {margin-top:-26px}
 #sub_aside a.control.prev {left:5px}
 #sub_aside a.control.next {right:5px}
 #sub_aside a.control img {width:48px}
 #container > .inner {min-height:1px !important}
 #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}
}