@charset "utf-8";
/* CSS Document */

#wrap {position:relative;width:100%;min-width:1009px}
.scroll_none {overflow:hidden;overflow-x:hidden !important;overflow-y:hidden !important;}

#main_intro_wrap {width:100%;height:100%;min-width:1000px;background:url(../imgs/main/intro_visual.jpg) no-repeat 50% 0}
#intro_container {position:relative;width:1000px;margin:0 auto}
.intro_tit {padding-top:113px;text-align:center}
.main_intro_txt {padding-top:196px}
.intro_link_area {padding-top:232px}
.intro_link_area a {display:inline-block;width:240px;height:43px;background:url(../imgs/common/a_bg.png) repeat 0 0;border:1px solid #fff;line-height:43px;text-align:center;font-size:15px;color:#fff}
.intro_link_area a span {display:inline-block;padding-left:30px;background-size:24px 16.5px;background-repeat:no-repeat;background-position:0 15px;}
.intro_link_area a span.kor {background-image:url(../imgs/common/kor_icon.png)}
.intro_link_area a span.eng {background-image:url(../imgs/common/eng_icon.png)}
.intro_link_area a span.ch {background-image:url(../imgs/common/china_icon.png)}
.intro_link_area a span.jap {background-image:url(../imgs/common/jap_icon.png)}

/* 해더 */
#header_wrap {position:relative;width:1009px;height:76px;padding-top:13px;margin:0 auto;background-color:#fff;z-index:999}
#header_wrap .logo {position:relative;width:164px;height:37px;margin:0px auto;font-size:20px;text-align:center}
#header_wrap .logo span {display:block;position:absolute;top:0px;left:0px;width:164px;height:37px;background:url(../imgs/common/logo.png) no-repeat 0 0}
#header_wrap h1 {height:37px;line-height:37px}
#header_wrap .gnb_area {position:absolute;top:67px;left:0px;width:1009px;background-color:#004c99}
#header_wrap .gnb_area .gnb {float:left;width:818px;}
#header_wrap .gnb_area .gnb {padding:0 0 0 84px}
#header_wrap .gnb_area .gnb li {position:relative;}
#header_wrap .gnb_area .gnb li.gnb_menu {float:left;position:relative;height:41px;margin:0 111px 0 0;}
#header_wrap .gnb_area .gnb li:last-child.gnb_menu {margin-right:0px}
#header_wrap .gnb_area .gnb li a.tit {display:block;height:45px;text-align:center;font-size:16px;font-weight:bold;color:#fff !important;line-height:42px}
#header_wrap .gnb_area .gnb .snb {display:none;position:absolute;top:43px;left:-88px;width:190px;height:252px;background:url(../imgs/common/snb_bg.png) no-repeat 0 0}
#header_wrap .gnb_area .gnb .snb ul {padding-left:77px;padding-top:27px}
#header_wrap .gnb_area .gnb .snb ul li {line-height:30px}
#header_wrap .gnb_area .gnb .snb ul li a {display:block;padding-left:13px;font-size:13px;color:#fff;-webkit-transition: all 0.1s ease-in;-moz-transition: all 0.1s ease-in;-o-transition: all 0.1s ease-in;-ms-transition: all 0.1s ease-in;transition: all 0.1s ease-in}
#header_wrap .gnb_area .gnb .snb ul li a:hover {background:url(../imgs/common/snb_dot.gif) no-repeat 0 9px;color:#fff}
#header_wrap .gnb_area .gnb .snb.snb_01 {left:-65px}
#header_wrap .gnb_area .gnb .snb.snb_01 ul {padding-left:50px}
#header_wrap .gnb_area .gnb .snb.snb_02 {left:-41px;}
#header_wrap .gnb_area .gnb .snb.snb_02 ul {padding-left:27px}
#header_wrap .gnb_area .gnb .snb.snb_03 {left:-55px}
#header_wrap .gnb_area .gnb .snb.snb_03 ul  {padding-left:43px}
#header_wrap .gnb_area .gnb .snb.snb_04 {left:-66px}
#header_wrap .gnb_area .gnb .snb.snb_04 ul  {padding-left:52px}
#header_wrap .gnb_area .gnb .snb.snb_05 {left:-59px}
#header_wrap .gnb_area .gnb .snb.snb_05 ul {padding-left:48px}
#header_wrap .gnb_area .utile {float:right;position:relative;width:107px;height:45px;background-color:#003469;text-align:center;}
#header_wrap .gnb_area .utile li {display:inline-block;position:relative;margin-left:11px;padding-left:11px;background:url(../imgs/common/u_line.gif) no-repeat 0 18px;line-height:42px;}
.pop_area {display:none;position:absolute;top:41px;left:-115px;width:306px;height:190px;background:url(../imgs/common/pop_down_bg.png) no-repeat 0 0;text-align:center}
.pop_area .content {padding-top:92px;text-align:center}

#header_wrap .gnb_area .utile li:first-child {padding-left:0px;margin-left:0px;background:none;}
#header_wrap .gnb_area .utile li a {font-size:12px;color:#fff;}

/* 메인 비주얼 */
#main_visual {position:relative;width:100%;min-width:1009px;height:892px;overflow:hidden}
#main_visual .main_visual_txt {display:none;position:absolute;top:133px;left:50%;margin-left:-503px;z-index:90}
#main_visual .main_visual_list {width:100%}
#main_visual .main_visual_list li {float:left;width:100%;height:892px;background-repeat:no-repeat;background-position:50% 0;}
#main_visual .bx-has-pager {position:absolute;top:89px;left:50%;height:7px;z-index:99;margin-left:-503px;} 
#main_visual .bx-pager .bx-pager-item {display:inline-block}
#main_visual .bx-pager .bx-pager-item .bx-pager-link {display:inline-block;width:22px;height:22px;background:url(../imgs/main/roll_off.png) no-repeat 0 2px;text-indent:-9999px}
#main_visual .bx-pager .bx-pager-item .bx-pager-link {-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;transition: all 0.3s ease-in}
#main_visual .bx-pager .bx-pager-item .bx-pager-link.active {width:22px;height:22px;background:url(../imgs/main/roll_on.png) no-repeat 0 0}


/* 메인 컨텐츠 */
#main_container {position:absolute;bottom:0px;left:50%;width:1009px;margin-left:-503px;z-index:9999;background-color:#fff}
#main_container .content {padding:37px 31px 0px;background-color:#fff}

.board_list2 {float:left;position:relative;width:348px;}
.mtit {font-size:15px;font-weight:bold;color:#0c0c0c;line-height:15px}
.tab_menu_list {width:100%;height:31px;margin-top:10px;line-height:28px;text-align:center;background-color:#f3f3f3}
.tab_menu_list li {display:inline-block;padding-left:9px;padding-right:9px;margin-left:-5px;background:url(../imgs/main/tab_list_dot.gif) no-repeat 0 10px}
.tab_menu_list li:first-child {padding-left:0px;margin-left:0px;background:none}
.tab_menu_list li a {font-size:14px;color:#222222;font-weight:bold}
.tab_menu_list li a:hover,
.tab_menu_list li.on a {color:#969696}
.tab_con {position:relative;margin-top:7px;padding-left:10px}
.tab_con .more {position:absolute;top:-74px;right:0px;}
.tab_con .tab_con_list {width:100%}
.tab_con .tab_con_list li {padding-left:10px;background:url(../imgs/main/post_dot.gif) no-repeat 0 11px;line-height:24px;}
.tab_con .tab_con_list li a {font-size:12px;color:#848484;letter-spacing:-0.07em}

.ideology_info {float:left;position:relative;width:278px;margin-left:15px}
.ideology_info .ideology_tit {position:absolute;top:0px;left:0px;z-index:2px}
.ideology_info .ideology_img {display:block}
.ideology_info .ideology_tit_con {margin-top:18px;font-size:15px;font-weight:bold;line-height:15px;color:#0e4883;}
.ideology_info .ideology_con {margin-top:10px;font-size:12px;color:#333;letter-spacing:-0.07em;line-height:18px}
.ideology_info a {display:block}

.main_prd {position:relative;float:left;width:288px;margin-left:15px;overflow:hidden;}
.main_prd .main_prd_tit {position:absolute;top:0px;left:0px;z-index:9999}
.main_prd .bx-viewport {height:207px !important}
.main_prd .main_prd_area {position:relative;width:288px;height:207px;background-color:#f1f1f1}
.main_prd .main_prd_list {position:relative;width:100%;}
.main_prd .bx-pager {position:absolute;top:94px;right:18px;height:7px;z-index:999} 
.main_prd .bx-pager .bx-pager-item {display:inline-block;margin-right:5px;height:7px}
.main_prd .bx-pager .bx-pager-item .bx-pager-link {display:inline-block;width:7px;height:7px;background:url(../imgs/main/prd_roll_off.png) no-repeat 0 0;text-indent:-9999px}
.main_prd .bx-pager .bx-pager-item .bx-pager-link.active {background:url(../imgs/main/prd_roll_on.png) no-repeat 0 0}

.cs_area {position:relative;margin-top:30px}
.cs_area .logo {position:absolute;top:20px;left:20px;z-index:2}


#footer_wrap {position:relative;width:1009px;margin:30px auto 0;padding:24px 0 24px;border-top:1px solid #a6a6a6}
#footer_wrap .foot_nav_list {width:100%}
#footer_wrap .foot_nav_list li {float:left;padding:0 13px 0 13px;background:url(../imgs/common/f_line.gif) no-repeat 0 3px;line-height:14px}
#footer_wrap .foot_nav_list li:first-child {padding-left:0;background:none}
#footer_wrap .foot_nav_list li a {font-size:13px;color:#525252;font-weight:bold}
#footer_wrap .foot_nav_list li a:hover {color:#ffa42c}
#footer_wrap address {display:block;margin-top:13px;font-style:normal;font-size:12px;color:#828282;line-height:20px}
#footer_wrap address span {display:inline-block}
#footer_wrap .copy {margin-top:5px;font-size:12px;color:#828282;line-height:12px}
#footer_wrap .tel {right:230px}
#footer_wrap .etc_logo {position:absolute;top:21px;right:0px}

#sub_visual {position:relative;width:100%;height:249px;min-width:1009px;background-repeat:no-repeat;background-position:50% 0}
#sub_visual.bg1 {background-image:url(../imgs/sub/sub_visual_img_01.jpg)}
#sub_visual.bg2 {background-image:url(../imgs/sub/sub_visual_img_02.jpg)}
#sub_visual.bg3 {background-image:url(../imgs/sub/sub_visual_img_03.jpg)}
#sub_visual.bg4 {background-image:url(../imgs/sub/sub_visual_img_04.jpg)}
#sub_visual.bg5 {background-image:url(../imgs/sub/sub_visual_img_05.jpg)}

#sub_container {position:relative;width:1009px;margin:41px auto}
#sub_container .aside {float:left;width:175px}
#sub_container .aside .lnb {width:100%;margin-top:0px}
#sub_container .aside .lnb li {width:100%;margin-top:-1px}
#sub_container .aside .lnb li a {display:block;width:100%;height:40px;padding-left:5px;background:url(../imgs/sub/lnb_dot.png) no-repeat 95% 14px;border-bottom:1px solid #d7d7d7;box-sizing:border-box;-webkit-box-sizing:border-box;font-size:13px;color:#333;line-height:38px;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;transition: all 0.2s ease-in}
#sub_container .aside .lnb li.on a,
#sub_container .aside .lnb li a:hover {background:url(../imgs/sub/lnb_dot_on.png) no-repeat 95% 14px #3c85d0;color:#fff;}
#sub_container .aside .aside_tit {font-weight:normal;font-size:26px;color:#323232;padding-bottom:10px;margin-bottom:16px;border-bottom: 2px solid #5aa0e7}
#sub_container #sub_content {float:right;width:795px}

#overlay {display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000;opacity:0.5;filter: alpha(opacity=50);z-index:1000}

