@charset "utf-8";
/* layout.css는 전체적인 레이아웃 스타일을 정의합니다. */ 

body.bg {background:#f4f4f4;}

#skipToContent a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skipToContent a:focus, 
#skipToContent a:active {width:200px;height:50px;background:#21272e;color:#fff;font-size:14px;font-weight:bold;text-align:center;text-decoration:none;line-height:50px}

#wrapper {position:relative; min-width:1280px; background:#fff;}

.contain {*zoom:1; width:1000px; margin:0 auto;}
.contain:after {content:" "; display:block; clear:both;}

/* header */
#header {position:relative; height:145px; background:url('../images/common/header_bg.png') 0 0 repeat-x; z-index:999;}
#header .contain {position:relative;}
#header .logo {position:absolute; top:23px; left:0; z-index:10;}
.global {height:100px;}
.util {height:48px; overflow:hidden;}
.util ul {float:right; margin:18px 0 0 0;}
.util li {float:left; padding:0 0 0 19px; font-family:'Lato',sans-serif; font-size:11px; line-height:normal; background:url('../images/common/top_vline.png') 9px 1px no-repeat;}
.util li:first-child {padding:0; background:none;}
.util li a {color:#ccc;}
.top-lang {height:52px;}
.top-lang ul {float:right;}
.top-lang li {float:left; padding:0 0 0 16px; background:url('../images/common/top_vline2.png') 5px 50% no-repeat;}
.top-lang li:first-child {padding:0; background:none;}
.top-lang li a {display:inline-block;zoom:1;*display:inline;width:50px;height:25px; font-family:'Lato',sans-serif; font-size:12px; font-weight:600; line-height:28px; text-align:center; text-decoration:none; vertical-align:top; overflow:hidden;}
.top-lang li .en {color:#ffffff; background:url('../images/common/lang_en.png') 0 0 no-repeat;}
.top-lang li .ko {color:#e95631; background:url('../images/common/lang_ko.png') 0 0 no-repeat;}

#gnb {margin:0 0 0 224px;}
#gnb > ul {*zoom:1;}
#gnb > ul:after {content:" "; display:block; clear:both;}
#gnb > ul > li {float:left; position:relative; width:128px; height:45px; text-align:center; font-size:14px; font-weight:700; line-height:45px; background:url('../images/common/gnb_off.png') 0 0 repeat-x; border-left:1px solid #312d2d;}
#gnb > ul > li:first-child {border-left:0;}
#gnb > ul > li > a {display:block; text-decoration:none; color:#fff;}
#gnb > ul > li.active > a {background:url('../images/common/gnb_on.png') 0 0 repeat-x;}
#gnb .submenu {display:none; position:absolute; top:45px; left:0; width:100%; background:#f8f8f8;}
#gnb .submenu ul {border-top:1px solid #e6e6e6}
#gnb .submenu ul li {float:none; position:relative; height:auto; text-align:center; font-size:13px; font-weight:18px; font-weight:normal; line-height:19px; border-bottom:1px solid #e6e6e6;}
#gnb .submenu ul li a {display:block; color:#666; padding:11px 5px;}
#gnb .submenu ul li a:hover {color:#000; text-decoration:underline;}
#gnb .submenu ul li:hover .depth3 {display:block;}
#gnb .depth3 {display:none; position:absolute; top:0; left:154px; width:154px; background:#f8f8f8; border-left:1px solid #e6e6e6;}


/* main */
.visual-section {position:relative; width:100%; min-width:1000px; height:470px; border-bottom:1px solid #dedede; overflow:hidden;}
.visual-section .flexslider {position:absolute; top:0; left:50%; margin-left:-960px; width:1920px; height:470px;}
.visual-section .custom-navigation a.flex-prev {position:absolute; left:50%; top:50%; margin-top:-18px; margin-left:-575px; z-index:10;}
.visual-section .custom-navigation a.flex-next {position:absolute; right:50%; top:50%; margin-top:-18px; margin-right:-575px; z-index:10;}

.links-section {margin-bottom:30px;}
.links-section li {float:left; width:198px; height:55px; margin-right:2px;}
.links-section li a {display:block; color:#fff; font-size:16px; line-height:55px; text-decoration:none;}
.links-section li.icon1 {background:url('../images/main/link1.gif') 0 0 no-repeat;}
.links-section li.icon2 {background:url('../images/main/link2.gif') 0 0 no-repeat;}
.links-section li.icon3 {background:url('../images/main/link3.gif') 0 0 no-repeat;}
.links-section li.icon4 {background:url('../images/main/link4.gif') 0 0 no-repeat;}
.links-section li.icon5 {background:url('../images/main/link5.gif') 0 0 no-repeat;}
.links-section li.icon1 a {padding-left:92px;}
.links-section li.icon2 a {padding-left:94px;}
.links-section li.icon3 a {padding-left:77px;}
.links-section li.icon4 a {padding-left:67px;}
.links-section li.icon5 a {padding-left:94px;}

.comm-section {margin-bottom:40px;}

/* 초청연사 */
.guest-zone {float:left; width:832px;}
.guest-zone ul li {float:left; width:160px; margin-left:8px;}
.guest-zone ul li:first-child {margin-left:0;}
.guest-zone .box {height:318px; border:1px solid #dedede;}
.guest-zone .img {border-bottom:1px solid #dedede;}
.guest-zone .info {padding:12px 8px;}
.guest-zone .info h3{line-height:1.3em; font-size:16px; color:#333; margin-bottom:7px;}
.guest-zone .info p{font-size:12px; line-height:18px; color:#666; font-weight:700; letter-spacing:-.05em;}

/*메인컨텐츠1*/
.guest1-zone {float:left; position:relative; width:246px; height:318px; border:1px solid #dedede; overflow:hidden; margin-right:2px;}
.guest1-zone img{border-bottom:1px solid #dedede;}
.guest1-zone .introduce_text{height:84px; margin-left:20px;}
.guest1-zone .introduce_text h3{line-height:18px; margin:5px 0; font-size:16px; color:#333;}
.guest1-zone .introduce_text p{line-height:18px; color:#666}


/*메인컨텐츠2*/
.guest3-zone {float:left; position:relative; width:246px; height:318px; border:1px solid #dedede; overflow:hidden; margin-right:2px;}
.guest3-zone img{border-bottom:1px solid #dedede;}
.guest3-zone .introduce_text{height:84px; margin-left:20px;}
.guest3-zone .introduce_text h3{line-height:18px; margin:5px 0; font-size:16px; color:#333}
.guest3-zone .introduce_text p{line-height:18px; color:#666}

/*메인컨텐츠3*/
.guest2-zone {float:left; position:relative; width:246px; height:318px; border:1px solid #dedede; overflow:hidden;}
.guest2-zone img{border-bottom:1px solid #dedede;}
.guest2-zone .introduce_text{height:84px; margin-left:20px;}
.guest2-zone .introduce_text h3{line-height:18px; margin:5px 0; font-size:16px; color:#333}
.guest2-zone .introduce_text p{line-height:18px; color:#666}

.bnr-zone {float:left; width:248px; margin-left:2px; line-height:0;}

.press-zone {float:left; position:relative; width:246px; height:318px; border:1px solid #dedede; margin-left:2px; overflow:hidden;}
.press-zone .bnr {line-height:0; border-bottom:1px solid #dedede;}
.press-zone .press {position:relative; padding:0 20px;}
.press-zone .press h2 {color:#333; font-size:15px; line-height:normal; padding:14px 0 7px; border-bottom:1px solid #dd411a; margin:0 0 13px;}
/* .press-zone .press .img {margin:0 0 18px; line-height:0;} */
.press-zone .press .tit {height:66px;}
.press-zone .press .tit a {display:block;}
.press-zone .press .date {position:absolute; top:14px; right:20px; font-size:12px;}
.press-zone .press .cat {text-align:right; font-size:12px; font-weight:700; color:#333;}

.press-zone.v2 {float:right; margin-left:0; width:160px;}
.press-zone.v2 .press {padding:0 9px;}
.press-zone.v2 .press .date {right:8px;}

/* sub page */
.sub-visual {position:relative; width:100%; min-width:1000px; height:250px; overflow:hidden; margin:0 0 50px;}
.sub-visual img {position:absolute; top:0; left:50%; margin-left:-960px;}

#sub #container {*zoom:1; width:1000px; margin:0 auto;}
#sub #container:after {content:" "; display:block; clear:both;}

#contentArea {width:1000px; overflow:hidden;}
.sub-title {height:60px;}
.sub-title .path {color:#8f8d8d; font-size:11px; line-height:18px;}
.sub-title .path img {position:relative; margin:-0.2em 2px 0 0; vertical-align:middle;}
.sub-title .path .arrow {margin:0 4px;}
.sub-title .path strong {font-weight:normal; color:#dd411a;}
.real-cont {min-height:250px; _height:250px; padding:0 0 60px;}

/* quick menu */
#quickmenu {position:absolute; left:50%; margin-left:530px; z-index:999;}

/* footer */
#footer {padding:19px 0 26px 0; background:#f4f4f4; clear:both;}
.foot-logo {float:left; width:165px;}
.foot-info {float:left; width:495px; margin:24px 0 0 0; font-size:12px; line-height:18px; color:#666;}
.foot-info address {font-style:normal;}
.foot-bnr {float:right; margin:24px 0 0 0;}
.foot-bnr a {float:left; margin-left:30px;}