@charset "UTF-8";



#wrapper {overflow:hidden;}



/* header */

.gnb_wrap li ul {display:none; .zoom:1; position:absolute; z-index:9999; top:43px;left:0; width:100%; height:33px; border-top:1px solid #d5dbe0; background:#fff}

.gnb_wrap li ul li {padding:0; text-align:center}

.gnb_wrap li ul li a {/*width:148px; padding:2px 0 0;*/line-height:24px; background:url("../images/bar_2depth.gif") no-repeat right center}

.gnb_wrap li ul li:first-child {padding:0}



/* Main Content Area */

.visual_area {.zoom:1; height:356px; margin:10px}

.visual_area:after {content:""; clear:both; display:block}



.visual_area .visual {float:left; position:relative; width:963px; height:100%}

.visual_area .visual .visual_box {overflow:hidden; position:relative; height:100%}

.visual_area .visual #slide {overflow:hidden; height:100%}

.visual_area .visual #slide li {position:absolute; left:0; top:0; right:0; height:100%}

.visual_area .visual #slide li > div {overflow:hidden; position:absolute; left:0; top:0; right:0; bottom:0}

.visual_area .visual #slide li > div img {display:block; position:absolute; top:0; width:100%; height:100%}

.visual_area .visual #slide li em {display:block; position:absolute; z-index:40; left:-500px; top:10px; padding:20px 0 0 25px; line-height:31px; color:#fff; font-family:Verdana, Century Gothic; font-size:24px; letter-spacing:-1.5px}

.visual_area .visual #slide li em span {display:block; width: 172px; height:16px; line-height:16px; font-family:Century Gothic; font-size:16px; margin-bottom:10px;  color:#fff; font-weight:bold; letter-spacing:0; border-bottom:2px solid #fff}

.visual_area .visual #slide li.slide1 {z-index:3}

.visual_area .visual #slide li.slide1 div img {left:0}

.visual_area .visual #slide li.slide2 div img {right:0}

.visual_area .visual #slide li.slide3 div img {left:0; top:auto; bottom:0}



.mvR {float:left; height:100%; width:275px; max-height:356px; margin-left:1px;}

.mvR .rpt {height:100%;}

.mvR .mobile {display:none;}

.mvR .rtop {position:relative; height:50%; overflow:hidden; }

.mvR .rbot {position:relative; height:50%; overflow:hidden; }

.mvR ul.rimg {height:100%; left:0; position:relative; width:500%;}

.mvR ul.rimg li {float:left; display:none;}

.mvR .bar {position:absolute; bottom:0; left:0; width:100%; height:50px;}

.mvR .rtop .bar {bottom:1px;}

.mvR .rtop .bar .txt_box {padding-left:52px;}

.mvR .bar .txt_box {background:url("../images/bar.png") repeat-x left top; height:100%; padding-left:15px;}

.mvR .bar .txt_box p {color:#fff; font-size:13.5px; font-weight:bold; padding-top:7px; letter-spacing:0; font-family:'century gothic', 'arial', sans-serif;}

.mvR .bar .txt_box ul li {color:#fff; font-size:11px; font-family:'verdana', 'arial', sans-serif; display:none; margin-bottom:10px;} 

.mvR .bar .arr {position:absolute; right:0; top:0; width:50px; text-align:center; height:100%;}

.mvR .bar .arr li.atp {/*border-bottom:solid 1px #555;*/ background:url("../images/bar_top.png") repeat-x left top; height:25px;}

.mvR .bar .arr li.abt {/*border-top:solid 1px #a0a0a0;*/ background:url("../images/bar_bot.png") repeat-x left top; height:25px;}

.mvR .bar .arr li.atp a {display:block; padding-top:8px;}

.mvR .bar .arr li.abt a {display:block; padding-top:10px;}

.mvR .bar a.pause {background:url("../images/btn_barpause.png") no-repeat left top; display:block; width:24px; height:28px; position:absolute; top:10px; left:15px; text-indent:-9999px; font-size:0;}

.mvR .bar a.play {background:url("../images/btn_barplay.png") no-repeat left top; display:block; width:24px; height:28px; position:absolute; top:10px; left:15px; text-indent:-9999px; font-size:0;}




.right_wing .right_box1 {padding:20px 33px 2px; background:#ebeff2}

.right_wing .right_box1 .wing_box {height:120px; border:1px solid #d3d7dc}

.right_wing .right_box1 .wing_box a {display:block; overflow:hidden; height:120px}

.right_wing .right_box1 .wing_box img {width:100%; height:120px}

.right_wing .right_box1 .subject {padding:8px 0 18px; background:url("../images/fixarea_bg01.gif") no-repeat right 8px}

.right_wing .right_box1 .subject a {display:block;padding-right:22px;font-family:"NanumGothicBold",'Century Gothic',sans-serif;font-size:1.1em; color:#3d4049;line-height:1.1}

.right_wing .right_box1 .subject a span {display:block;margin-top:5px;font-weight:normal;,'Nanum Gothic','NanumGothicWeb';font-size:0.85em; color:#666}

.right_wing .right_box2 {padding:30px 33px 5px; background:url("../images/bg_right_wing2.gif") repeat-x}

.right_wing .right_box2 li {padding-bottom:25px; background:url("../images/fixarea_bg02.gif") no-repeat 0 0}

.right_wing .right_box2 .title {padding:9px 0 10px}

.right_wing .right_box2 .title a {font-weight:bold;font-size:1.15em; color:#3c3f48}

.right_wing .right_box2 .summ {line-height:1.3}

.right_wing .right_box3 {padding:23px 33px; background:url("../images/bg_right_wing3.gif") repeat-x}

.right_wing .right_box3 li {float:left; width:72px; height:23px; line-height:23px; letter-spacing:-0.5px; font-family:'Century Gothic',sans-serif; font-weight:bold}

.right_wing .right_box3 li a {display:block; height:100%; font-family:'Century Gothic'}

.right_wing .right_box3 li.last {width:120px; padding-left:15px; background:url("../images/fixarea_bg04.gif") no-repeat 0 center}

.right_wing .right_box4 {/*padding:25px 33px;*/padding:8px 20px; background:url("../images/fixarea_list_bg04.gif") repeat-x; border-bottom:1px solid #fff}

.right_wing .right_box4 li {border-top:1px solid #f3f5f7; border-bottom:1px solid #d0d4d7; background:url("../images/err_right_wing.png") no-repeat 96% center}

.right_wing .right_box4 li.m01 {border-top:0}

.right_wing .right_box4 li.m05 {border-bottom:0}

.right_wing .right_box4 li a {display:block; padding:7px 0 7px 8px;}

/*.mvR > div {height:50%}

.mvR .vsT {overflow:hidden; position:relative; height:50%}

.mvR .vsT > ul {.zoom:1; height:100%}

.mvR .vsT > ul li {height:100%;}

.mvR .vsT > ul li a {display:block; height:100%}

.mvR .vsT > ul:after {content:""; clear:both; display:block}

.mvR .vsB {position:relative; overflow:hidden; height:50%}

.mvR .vsB .vs_shadow {width:100%; height:100%; position:absolute; left:0; top:0; background:url("../images/shadow_next_sect.png") no-repeat 0 0; background-size:100%; cursor:pointer;}

.mvR .vsB .vs_shadow .ico_mcw {height:50px; padding:16px 0 0 69px; background:url("../images/ico_mcw02.png") 13px 13px no-repeat;}

.mvR .vsB .vs_shadow strong {display:block; padding-bottom:6px; font-family:Century Gothic; font-weight:bold; font-size:17px; color:#fff; text-shadow: 1px 1px #333; line-height:19px; letter-spacing:0.2px;}

.mvR .vsB .vs_shadow span {font-family:Verdana; font-size:12px; color:#fff; text-shadow: 1px 1px #333; line-height:1em; letter-spacing:0.2px;}

.vsT .tit {font-size:15px; font-weight:bold; color:#fff; position:absolute; top:20px; left:20px; z-index:10}

.vsT .icon {position:absolute; top:20px; right:20px; background:url("../images/mark_mv.png") no-repeat left top; width:30px; height:29px; display:block; z-index:10}

.vsT ul.img li {float:left; position:relative; width:100%; height:100%;}

.vsT ul.img li img {position:absolute; left:0; top:0; width:100%; height:100%}*/

/* .vsT ul.img li span {font-family:verdana, sans-serif; font-size:11px; color:#e4e4e4; position:absolute; top:50px; left:20px; font-weight:normal} */

.vsT ul.img li .mov_shadow {width:100%; height:100%; position:absolute; left:0; top:0; background:url("../images/shadow_next_sect.png") no-repeat 0 0; background-size:100%; cursor:pointer; z-index:99;}

.vsT ul.img li .mov_shadow .ico_mcw {height:50px; padding:16px 0 0 69px; background:url("../images/ico_mcw01.png") 19px 15px no-repeat;}

.vsT ul.img li .mov_shadow strong {display:block; padding-bottom:6px; font-family:Century Gothic; font-weight:bold; font-size:17px; color:#fff; text-shadow: 1px 1px #333; line-height:19px; letter-spacing:0.2px;}

.vsT ul.img li .mov_shadow span {font-family:Verdana; font-size:12px; color:#fff; text-shadow: 1px 1px #333; line-height:1em; letter-spacing:0.2px;}



.mcM {display:none}

.vsT .bar {height:50px; width:100%; position:absolute; bottom:0; left:0; background:url("../images/bar.png") repeat-x left top; z-index:99;}

.vsT .bar .stop {position:absolute; top:7px; left:8px; width:13px; height:12px; background:url("../images/btn_stop.png") no-repeat 2px top}

.vsT .bar .play {position:absolute; top:7px; left:8px; width:13px; height:12px; background:url("../images/btn_main_play.png") no-repeat 3px top}

.vsT ul.dot {z-index:6; text-align:center; max-width:235px; margin:0 auto; position:relative; top:8px; height:12px}

.vsT ul.dot li {display:inline-block; vertical-align:top}

.vsT ul.dot li a {background:url("../images/off.png") no-repeat left top; width:13px; height:12px; display:block}

.vsT ul.dot li a.on {background:url("../images/on.png") no-repeat left top}

.vsB {position:relative; background:url("../images/bar02.png") no-repeat left top}

.vsB a {display:block; position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%}

.vsB a img {width:100%; height:100%}

.mcT {display:none}

.section {position:relative; margin:10px 10px 0 0; .zoom:1}

.section:after {content:""; clear:both; display:block}



.section_left {float:left; width:962px; margin:0 5px;}

.section_left .newsfeed {.zoom:1}

.section_left .newsfeed:after {content:""; clear:both; display:block}

.section_left .newsfeed li {position:relative; float:left; margin-right:7px;}

.section_left .newsfeed li.last {margin-right:0}

.section_left .newsfeed li span.mark, .section_left .best_box span.mark {z-index:10; position:absolute; top:0; left:18px;}

/*.section_left .newsfeed li span.shL {background:url("../images/shadowl.png") no-repeat left bottom;width:7px; height:122px; display:block; position:absolute; bottom:0; left:1px}*/

/*.section_left .newsfeed li span.shR {background:url("../images/shadowr.png") no-repeat left bottom;width:7px; height:122px; display:block; position:absolute; bottom:0; right:1px}*/

.section_left .newsfeed li span.shB {background:url("../images/shadowb.png") repeat-x left bottom;width:100%; height:8px; display:block; position:absolute; bottom:-9px; left:0}

.section_left .newsfeed li .line {position:relative; margin:8px 7px; padding:1px; background:#ffffff; border:solid 1px #d5dbe0; text-align:center}

.section_left .newsfeed li .line:before {content:""; display:block; position:absolute; bottom:0; left:-7px; width:7px; height:122px; background:url("../images/shadowl.png") no-repeat left bottom}

.section_left .newsfeed li .line:after {content:""; display:block; position:absolute; bottom:0; right:-7px; width:7px; height:122px; background:url("../images/shadowr.png") no-repeat left bottom}

.section_left .newsfeed li .line img {width:291px;}

.section_left .newsfeed li .line .txt {background:#fff; position:relative; text-align:left; padding:0 0 10px 10px}

.section_left .newsfeed li .line .txt p {font-weight:bold; font-size:1.25em; color:#293849; padding-top:10px; letter-spacing:0}

.section_left .newsfeed li .line .txt span.date {display:block; font-family:verdana, sans-serif; font-size:0.9em; color:#979a9e; background:url("../images/d_line.gif") no-repeat 60px 6px}

.section_left .newsfeed li .line .txt span.blue {color:#0d5cab; margin-left:15px; font-family:Verdana; font-size:10px}

.section_left .newsfeed li .line .txt a {position:absolute; right:1px; top:1px; border-left:solid 1px #dae0e5; display:block; width:45px; height:55px; background:url("../images/btn_go_off.gif") no-repeat left top}

.section_left .newsfeed li .line .txt a:hover {background:url("../images/btn_go_on.gif") no-repeat left top}



.section_left .best_box {overflow:hidden; position:relative; height:100%; margin-top:5px; padding:8px 7px 0; padding-bottom:8px}

.section_left .best_box .best_slider {clear:both; overflow:hidden; width:100%; position:relative; padding:0 0 8px}

.section_left .best_box span.shL {background:url("../images/shadowl.png") no-repeat left bottom;width:7px; height:122px; display:block; position:absolute; bottom:0; left:1px}

.section_left .best_box span.shR {background:url("../images/shadowr.png") no-repeat left bottom;width:7px; height:122px; display:block; position:absolute; bottom:0; right:2px}

.section_left .best_box span.shB {background:url("../images/shadowb.png") repeat-x left bottom;width:925px; height:8px; display:block; position:absolute; bottom:0; left:0}

.section_left .best_box a.front {background:url("../images/con_bg02.gif") repeat-x left top; width:70px; height:215px; /*height:213px;*/ text-align:center; position:relative; color:#6f7e8b; display:block}

.section_left .best_box a.front:hover {background:url("../images/con_bg_over.gif") repeat-x left top; color:#4e5c68}

.section_left .best_box a.front span {display:block; font-size:14px; padding:90px 0; font-family:verdana, sans-serif}

.section_left .best_box a.detail {margin-top:1px; display:block}

.section_left .best_box ul {border:solid 1px #d5dbe0; float:left; width:937px}

.section_left .best_box ul li {float:left; width:70px; border-left:solid 1px #f5f6f7; border-right:solid 1px #d5dbe0}

.section_left .best_box ul li:first-child {border-left:0; padding-left:1px}

.section_left .best_box ul li p {display:none; margin-top:1px}

.section_left .best_box ul li p img {width:100%; max-height:213px; max-width:791px;}

.section_left .best_box ul li p a {display:block; margin:0 auto}

.section_left .best_box ul li.on {width:791px}

.section_left .best_box ul li.on p {display:block}

.section_left .best_box ul li.on a.front {display:none}

.section_left .best_box a.bpp {position:absolute; display:none}

.section_left .recent_news {clear:both; position:relative; margin-top:30px; margin-left:8px; max-width:948px}

.section_left .recent_news li {.zoom:1; background:url("../images/con_box02.gif") no-repeat right bottom; padding-bottom:40px; margin-bottom:20px; position:relative}

.section_left .recent_news li:after {content:""; clear:both; display:block}

.section_left .recent_news li p.img {float:left; padding-right:20px}

.section_left .recent_news li .txt {overflow:hidden; padding:5px 25px 0 0; color:#797f84; letter-spacing:-0.02em}

.section_left .recent_news li .txt strong {display:block; overflow:hidden; font-size:18px; color:#59636c; font-family:"NanumBarunGothic"; text-overflow:ellipsis; word-break:break-all; white-space:nowrap}

.section_left .recent_news li .txt span {display:block; color:#9e9e9e; margin:5px 0 15px}

.section_left .recent_news li .txt p {height:auto; overflow:hidden; text-overflow:ellipsis; padding-bottom:10px;}

.section_left .recent_news li .txt span.tvw {color:#59636c}

.section_left .recent_news li .read {position:absolute; overflow:hidden; bottom:16px; right:10px; display:block; width:101px; height:24px; background:url("../images/btn_read.gif") no-repeat left top}

.section_left .recent_news li .read span {display:block; width:1px; height:1px; font-size:1px; line-height:1px; opacity:0; filter:alpha(opacity=0)}

.section_left .recent_newsM {display:none}









/* News&Notice */





.section_left  .news_box {position:relative; max-width:955px; margin:0 0 50px 8px; padding-top:7px; width:98%;}

.section_left  .nnWrap {padding-top:0px; /*border:1px solid #e9ecef;*/ background:#fff; height:208px;}

.section_left  .news_box p.tag {margin-bottom:15px;}

#news_notice {padding:15px 15px 0;border:1px solid #e9ecef; background:url("../images/bg_notice.gif") repeat-x left top; }

#news_notice .viewport { max-width: 955px; height: 150px; overflow: hidden; position: relative; }

#news_notice .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; width:100%;}

/*  #news_notice .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }*/

#news_notice .scrollbar{position: relative; background-position: 0 0; float: right; width: 15px; }

#news_notice .track {height: 100%; width:15px; position: relative; padding: 0 1px; }

#news_notice .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; /*left: -15px; */}

#news_notice .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }

#news_notice .disable { display: none; }

.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

#news_notice dl {position:relative;}

#news_notice dl:after {content:""; clear:both; display:block}

#news_notice dt, .section_left .notice dd {height:28px;}

#news_notice dt {float:left; width:85px; background:url("../images/bg_ntc_th.gif") right 5px no-repeat; font-size:13px; font-weight:bold; color:#59636c;}

#news_notice dd {float:left; padding-left:25px; max-width:720px; width:83%;}

#news_notice dd div {float:left; font-size:11px; color:#59636c;}

#news_notice dd .date {float:right; font-family:'Century Gothic'; font-size:12px; color:#9e9e9e; position:absolute; right:2px; top:0;}







.section_right {float:right; width:276px;}

.section_right .sub_logo {width:100%; height:28px; margin-top:8px; background:url("../images/right_wing_tit.png") no-repeat}

.section_right .sub_logo span {width:0; height:0; opacity:0; filter:alpha(opacity=0); font-size:0; line-height:0}

.section_right .link_area {padding-top:10px}

.section_right .link_area div {margin-top:19px; background:url("../images/bg_rightbox_center.png") repeat-x}

.section_right .link_area div:first-child {margin-top:0}

.section_right .link_area > div:hover {background:url("../images/bg_rightbox_on_center.png") repeat-x}

.section_right .link_area > div:hover a >span {background:url("../images/bg_rightbox_on_right.png") no-repeat right top}

.section_right .right_link1 a {display:block; background:url("../images/bg_rights_off1.png") no-repeat left top;}

.section_right .right_link1:hover a {background:url("../images/bg_rights_on1.png") no-repeat left top; }

/*.section_right .right_link1:hover span, .section_right .right_link1:hover {background:none;}*/ 

.section_right .link_area .right_link1 a span, .section_right .link_area .right_link1 a span strong {display:none;}

.section_right .right_link2 a {display:block; background:url("../images/bg_rights_off2.png") no-repeat left top}

.section_right .right_link2:hover a {background:url("../images/bg_rights_on2.png") no-repeat left top}

.section_right .link_area a > span {display:block; height:66px; padding:0 7px 0 93px; background:url("../images/bg_rightbox_right.png") no-repeat right top}

.section_right .link_area a > span strong {display:block; height:13px; line-height:13px; padding-top:8px; font-size:13px; font-family:"Century Gothic"; font-weight:bold}

.section_right .link_area a > span span {display:block; font-size:11px; line-height:16px; padding-top:4px}



.section_right .etc_list {margin-top:19px}

.section_right .etc_list strong {display:none;}

/*

.section_right .etc_list li {margin-top:11px; background:url("../images/bg_link_center.gif") repeat-x left top}

.section_right .etc_list li a {display:block; width:100%; background:url("../images/bg_link_left.png") no-repeat left top}

.section_right .etc_list li a span {display:block; position:relative; height:55px; line-height:55px; color:#868f97; font-family:'NanumGothicBold'; font-size:13px; padding:0 50px 0 132px; background:url("../images/etc_list1.png") no-repeat right top}

.section_right .etc_list li a span em {display:block; position:absolute; left:22px; top:0; width:102px; height:11px; margin-top:21px; text-indent:-5000px; background:url("../images/etc_list_logo.gif") no-repeat}

.section_right .etc_list li a:hover {color:#677179}

.section_right .etc_list li a:hover em {background:url("../images/etc_list_logo_on.gif") no-repeat}

.section_right .etc_list li a:hover span {color:#677179; background:url("../images/etc_list1_on.png") no-repeat right top}

*/

.section_right .etc_list3 {margin-top:20px; }

.section_right .etc_list3 span {opacity:0; filter:alpha(opacity=0)}

.section_right .etc_list3 img {width:100%;}





.section_right .mcW {}

.section_right .mcW a.btn3 {background:url("../images/btn_03.gif") no-repeat left top; display:block; width:296px; height:55px; margin-top:20px}

.section_right .mcW a.btn3:hover {background:url("../images/btn_03_over.gif") no-repeat left top}

.section_right .mcW a.btn4 {background:url("../images/btn_04.gif") no-repeat left top; display:block; width:296px; height:55px; margin-top:5px}

.section_right .mcW a.btn4:hover {background:url("../images/btn_04_over.gif") no-repeat left top}

.section_right .mcW a.hcmov {margin-top:20px; display:block}



.rsnList {margin-top:20px; border:1px solid #d5dbe0;}

.rsnList dt {position:relative; padding-left:19px; border-bottom:1px solid #d5dbe0; font-family:Century Gothic; font-weight:bold; height:68px;}

.rsnList dt:after {content:""; clear:both; display:block}

.rsnList dt div {float:left; width:30px; padding:5px 3px 0 0; font-size:54px; color:#0d5cab; line-height:54px;}

.rsnList dt p {padding-top:24px; font-size:18px; color:#424b52; line-height:18px;}

.rsnList dt span {display:block; font-size:10px; font-weight:normal; color:#59636c; line-height:10px;}

.rsnList dt a {position:absolute; right:21px; top:34px;}

.rsnList dd {padding:18px 0 10px 20px;}

.rsnList dd li {margin-bottom:10px; line-height:0;}



.section_right .q_list {margin-top:20px; border:solid 1px #d5dbe0; border-bottom:none}

.section_right .q_list li {border-bottom:solid 1px #d5dbe0; background:url("../images/con_bg03.gif") repeat-x left top}

.section_right .q_list li.on {background:#fff}

.section_right .q_list li .q_list_tit {padding:9px 15px; display:block; font-family:Century Gothic; font-weight:bold; background:url("../images/btn_open.gif") no-repeat 97% 14px; letter-spacing:0;}

.section_right .q_list li.on .q_list_tit {color:#0d5cab; background:url("../images/btn_close.gif") no-repeat 97% 14px}

.section_right .q_list li div {display:none; padding:3px 15px 25px; font-family:verdana, sans-serif; letter-spacing:-0.02em; line-height:25px}

.section_right .q_list li.on div {display:block}

.section_right .q_list li div li {border-bottom:none; background:none; padding:3px 0 0}

.section_right .q_list li div li span.num {color:#0d5cab}





/* 하단 aside */

.aside {.zoom:1}

.aside:after {content:""; clear:both; display:block}

.aside > li {float:left; position:relative; width:25%; height:205px; padding-top:38px; background:url("../images/bg_aside_body.gif") repeat-x left bottom}

.aside > li:before {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:9px; background:url("../images/bg_aside_top.gif") repeat-x}

.aside a {color:#677179}

.aside dl {padding:0 3.17% 0}

.aside dt {height:14px; line-height:14px; padding-bottom:18px; font-family:Century Gothic, Arial; font-weight:bold; font-size:14px; color:#6f7e8b}

.aside dd p {line-height:18px; font-family:Verdana, Arial; color:#797f84}

.aside dd .search_btn {display:inline-block; height:22px; margin-top:5px; padding-right:21px; border:1px solid #dadee0; background:url("../images/btn_aside_search.gif") no-repeat right 0}

.aside dd .search_btn em {display:inline-block; min-width:96px;height:100%; line-height:22px; padding:0 8px; color:#737c83; font-size:11px; border-right:1px solid #dadee0; vertical-align:top; background:url("../images/bg_main_search.gif") repeat-x}

.aside dd .search_btn span {display:inline-block; width:1px; height:100%; background:#fff; vertical-align:top}

.aside dd ol li {position:relative; margin:15px 29px 0 0}

.aside dd ol li:first-child {margin-top:0}

.aside dd ol li a {display:block; height:24px; line-height:24px; font-size:13px; color:#677179; background:url("../images/bg_new_line.gif") no-repeat right center}

.aside dd ol li a em {display:inline-block; margin-right:5px; color:#0d5cab; font-size:13px}

.aside .aside1 dd p {padding-bottom:4px; font-size:13.5px}

.aside .aside3 ul {.zoom:1}

.aside .aside3 ul:after {content:""; clear:both; display:block}

.aside .aside3 li {float:left; width:50%; .width:146px; margin-bottom:10px}

.aside .aside3 li a {display:block; height:53px; line-height:52px; padding-left:62px}

.aside .aside3 li.cs1 a {background:url("../images/ico_cs1.png") no-repeat left center}

.aside .aside3 li.cs2 a {background:url("../images/ico_cs2.png") no-repeat left center}

.aside .aside3 li.cs3 a {background:url("../images/ico_cs3.png") no-repeat left center}

.aside .aside3 li.cs4 a {background:url("../images/ico_cs4.png") no-repeat left center}

.aside .aside3 li.cs5 a {background:url("../images/ico_cs5.png") no-repeat left center}

.mark_button li {margin-bottom:9px; background:url("../images/bg_link_center.gif") repeat-x left top}

.mark_button a {display:block; position:relative; height:35px; line-height:35px;  font-size:13px; color:#868f97; background:url("../images/bg_link_left.png") no-repeat left top}

.mark_button a span {display:block; padding:0 50px 0 20px; background:url("../images/bg_link_right.png") no-repeat right top}

.mark_button a:hover {color:#677179}

.mark_button a:hover span {background:url("../images/bg_link_right_on.png") no-repeat right top}





/* footer */

.footer {border-top:1px solid #bec5cb;font-weight:bold}

.footer:after {content:""; clear:both; display:block}

.footer > div {.zoom:1; position:relative; padding:18px 0 18px 10px; border-top:1px solid #e9ecee; background:#e0e4e7}

.foot_logo {display:block; position:absolute; left:10px; top:22px; width:178px; height:21px; background:url("../images/logo_footer_sub.png") no-repeat}

.footer_info {padding-left:280px;padding-bottom:8px; .zoom:1}

.footer_info:after {content:""; clear:both; display:block}

.footer_info dl {position:relative;padding:0 290px 7px 0; line-height:13px; color:#6f7e8b; font-size:11px; .zoom:1; letter-spacing:0;}

.footer_info dl:after {content:""; clear:both; display:block}

.footer_info dl dt {float:left;}

.footer_info dl dt + dd {float:left;padding-left:10px;}

.footer_info dl dt + dd address {font-weight:bold;}

.footer_info dl dd.last {position:absolute;top:0;right:0;width:285px;letter-spacing:-1px;font-size:10px;}

.copyright {padding-left:280px; line-height:9px; color:#aab4bd; font-family:'Century Gothic', Arial; font-size:10px; word-break:break-all; letter-spacing:0;font-weight:normal;}

.copyright em {padding-right:9px;}



/* main intro footer */

.main_intro .footer {height:89px; border-top:0; background:url("../images/bg_main_intro_footer.gif") left top repeat-x;}

.main_intro .footer > div {padding-top:26px; border-top:1px solid #ddd; background:none;}

.main_intro .footer_info {display:none;}

.main_intro .copyright {text-align:right; margin-right:20px;}





/* main intro */

.intro_map {padding:25px 19px; border-bottom:1px solid #ddd;}

.intro_map div.img {position:relative;}

.intro_map div.img > img {width:100%; max-width:1222px;}

.intro_map div.img span {position:absolute;}

.intro_map div.img span a {display:block;}

.intro_map div.img .europe {top:97px; left:17px;}

.intro_map div.img .korea {top:133px; left:494px}

.intro_map div.img .china {top:205px; left:457px;}

.intro_map div.img .india {top:223px; left:301px;}

.intro_map div.img .vietnam {top:250px; left:430px;}

.intro_map div.img .singapore {top:296px; left:402px;}

.intro_map div.img .america {top:88px; right:201px;}

.intro_cont {padding:22px 20px; border-top:1px solid #969696; background-color:#f5f7f8;}

.intro_cont dl {background:url("../images/bg_dot.gif") 120px 0 repeat-y;}

.intro_cont dl:after {content:""; display:block; clear:both;}

.intro_cont dl dt {float:left;padding-top:6px;}

.intro_cont dl dd {margin-left:136px;}

.intro_cont dl dd span {display:inline-block; width:200px; margin-bottom:10px;}







@media all and (max-width:1024px) {

#contents {margin-top:45px}

.main_intro #contents {margin-top:0;}

.gnb_wrap li ul li a {background:none}

.mcT {display:block}

.visual_area {height:330px; margin:0}

.visual_area .visual {width:731px;}

.visual_area .mvR {/*width:29%;*/ height:100%;}

/*.visual_area .mvR > div {height:50%}*/

.visual_area .mvR div ul, .visual_area .mvR div ul li {height:100%}

.visual_area .mvR div a {display:block; width:100%; height:100%}





/* main intro */

.intro_map div.img a img {width:95%;}

.intro_map div.img .europe {top:15.5%; left:0; margin-left:-4px;}

.intro_map div.img .korea {top:22%; left:39%;}

.intro_map div.img .china {top:34.2%; left:35.7%;}

.intro_map div.img .india {top:37.2%; left:23%;}

.intro_map div.img .vietnam {top:42.5%; left:33.3%;}

.intro_map div.img .singapore {top:50%; left:30.8%;}

.intro_map div.img .america {top:14%; right:14.5%;}





.section {margin-right:0}

.section_left {float:none; width:auto; margin:0}

.section_left .newsfeed li {width:32%; margin-right:2%}

.section_left .newsfeed li .line img {max-width:304px; width:100%}

.section_left .newsfeed li span.shR {right:1px}

.section_left .newsfeed li .mcW,

.section_left .best_box.mcW {display:none}

.section_left .best_box {max-width:965px}

.section_left .best_box .best_slider {padding:0 1px 8px}

.section_left .best_box ul {width:99.9%; background:url("../images/con_bg04.gif") repeat-x left top; max-width:965px}

.section_left .best_box ul li {text-align:center; width:100%; display:none;}

.section_left .best_box ul li.on {border-right:0; width:100%; display:block;}

.section_left .best_box ul p {text-align:center;}

.section_left .best_box ul p img {width:777px; max-width:777px}

.section_left .best_box a.front {display:none}

.section_left .best_box a.bpp {display:block; width:60px; height:213px; font-size:0; line-height:0; overflow:hidden; text-indent:-9999px}

.section_left .best_box a.prev {left:0%; top:0; background:url("../images/btn_arrl.png") 50% 50% no-repeat}

.section_left .best_box a.next {right:0%; top:0; background:url("../images/btn_arrr.png") 50% 50% no-repeat}

.section_left .best_box span.shB {max-width:968px; width:100%}

.section_left .best_box span.shL {bottom:2px}

.section_left .best_box span.shR {right:-2px; bottom:2px}

.section_left .recent_news {max-width:965px; margin:19px 0 0 8px}

/*.section_left .recent_news li {background:url("../images/con_box02.gif") no-repeat center bottom}*/

.section_left .recent_news li span.none {display:none}



.section_left .recent_news li p.img {float:left; width:33%; padding-right:2.3%}

.section_left .recent_news li p.img img {display:block; width:100%; /*height:100%*/}

.section_left .recent_news li .txt {float:left; width:61%; padding:5px 2.8% 20px 0; color:#797f84; letter-spacing:-0.02em}

.section_left .recent_news li .txt strong {display:block; font-size:18px; color:#59636c; font-family:"NanumBarunGothic"}

.section_left .recent_news li .txt span {display:block; color:#9e9e9e; margin:5px 0 15px}





.section_right {float:none; width:auto; .zoom:1; margin-bottom:30px; padding:0 7px}

.section_right:after {content:""; clear:both; display:block}

.section_right .sub_logo {display:none}

.section_right .link_area {float:left; width:32.3%; padding-top:0}

.section_right .link_area div {margin-top:16px; background:url("../images/bg_rightbox_center.png") repeat-x; background-size:contain}

.section_right .link_area div:hover {background-size:contain}

.section_right .link_area > div:hover a >span {background-size:contain}

.section_right .link_area div:first-child {margin-top:0}

.section_right .link_area .right_link1 a img {display:none;}

.section_right .link_area .right_link1 a span, .section_right .link_area .right_link1 a span strong {display:block;}

.section_right .right_link1 a {background-size:contain}

.section_right .right_link1:hover  a {background-size:contain}

.section_right .right_link2 a {background-size:contain}

.section_right .right_link2:hover  a {background-size:contain}

.section_right .link_area a > span {display:block; height:45px; padding:0 7px 0 83px; background-size:contain}

.section_right .link_area a > span strong {display:block; height:46px; line-height:46px; padding-top:0}

.section_right .link_area a > span span {display:none}



.rsnList {float:left; width:32%; margin:0 0 0 1.5%;}

.rsnList dt {border-bottom:none; background:url("../images/bg_reasons.gif") repeat-x left top; padding:18px 13px;}

.rsnList dt a {top:51px;}

.rsnList dd {display:none;}



.section_right .q_list {float:left; width:32.3%; margin:0 0 0 1.5%; border-top:0; box-sizing:border-box}

.section_right .q_list li {margin-top:-1px; border-top:solid 1px #d5dbe0}

.section_right .q_list li  ul li:first-child {border-top:0}

.section_right .q_list li.on {background:url("../images/con_bg03.gif") repeat-x left top}

.section_right .q_list li.on div {display:none}

.section_right .q_list li.on a {color:#677179}



.section_right .etc_list {float:left; width:32.3%; margin-left:1.5%; margin-top:0}

.section_right .etc_list li {margin-top:-1px; background-size:100% 100%; /*border-bottom:solid 1px #d5dbe0;*/ background:url("../images/bg_line1.gif") repeat-x left top;}

.section_right .etc_list li:first-child {margin-top:0}

.section_right .etc_list li strong {display:block; color:#868f97; font-size:13px; background:url("../images/btn_go2.gif") no-repeat right top;}

.section_right .etc_list li img {display:none;}

.section_right .etc_list li a {background:url("../images/bg_line2.gif") no-repeat left top; display:block;}

.section_right .etc_list li a span {height:36px; line-height:36px; padding:0 50px 0 16px; background-size:100% 100% }

.section_right .etc_list li a span em {display:none}

.section_right .etc_list li a:hover span {background-size:100% 100%}

.section_right .etc_list .etc_list3 {margin-top:-1px; background:url("../images/bg_line1_2.gif") repeat-x left top;}

.section_right .etc_list .etc_list3 a {background:url("../images/bg_line2_2.gif") no-repeat left top; display:block;}

.section_right .etc_list .etc_list3 span {opacity:1; filter:alpha(opacity=1)}

/*.section_right .etc_list3 img {display:none}*/







.section_right .tbtn {float:left; width:30%}

.section_right .mcW a.btn1 {margin-top:0}





/* aside */

.aside > li {width:33.3%}

.aside > li:first-child {width:33.4%}

.aside > li.aside3 {display:none}



/* footer */

.footer > div {padding:25px 10px 18px}

.foot_logo {margin:0 15% 0 0}

.footer_info .info_in {padding-right:0;}

.footer_info dl dt {float:none;}

.footer_info dl dt + dd {float:none;padding:0;}

.footer_info dl dd.last {position:relative;right:auto;top:auto;width:auto;}

.footer_info dl {line-height:17px}

.copyright {padding-top:7px; line-height:13px;font-weight:normal}

.copyright em {font-weight:normal}

.main_intro .copyright {position:absolute; top:30px; right:10px; padding:0; margin:0;}

.main_intro .foot_logo {margin:0;}

}



@media all and (max-width:1023px) {

	.visual_area {position:relative;}

	.visual_area .visual {width:100%; float:none;}

	.mvR {float:none; position:absolute; bottom:0; left:0; height:69px; z-index:100; width:100%;}

	.mvR .web {display:none;}

	.mvR .mobile.rpt {display:block; bottom:0; left:0; width:100%; height:69px; position:absolute; border-top:solid 1px #88898c; background:url("../images/line.png") no-repeat center top;}

	.mvR .mobile .bar {

		position:relative; width:50%; float:left; height:69px; 

		background:rgba(0,0,0,0.65) url("../images/bar.png") repeat-x left top;

		background:#000 url("../images/bar.png") repeat-x left top \0IE8;

		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /* IE 8 */}

	.mvR .mobile .bar p {color:#fff; font-size:14px; font-family:'Century Gothic', 'century gothic', sans-serif; margin:10px 0 0 10px; font-weight:bold; letter-spacing:0;}

	.mvR .mobile .bar a {color:#fff;}

	.mvR .mobile .bar img.btn {margin-top:8px; display:block;}

}





@media all and (max-width:975px) {

/* main intro */

.intro_map div.img .europe {top:15.8%; left:0; margin-left:-8px;}

.intro_map div.img .korea {top:21.7%; left:38.7%;}

.intro_map div.img .china {top:34.2%; left:35.3%;}

.intro_map div.img .india {top:37.2%; left:22.7%;}

.intro_map div.img .vietnam {top:42%; left:32.9%;}

.intro_map div.img .singapore {top:50%; left:30.3%;}

.intro_map div.img .america {top:14.5%; right:14%;}

}



@media all and (max-width:940px) {

/* main intro */

.intro_map div.img a {width:92%;}

.intro_map div.img .europe {top:15.8%; left:0; margin-left:-4px;}

.intro_map div.img .korea {top:21.7%; left:39%;}

.intro_map div.img .china {top:34.2%; left:35.6%;}

.intro_map div.img .india {top:37.2%; left:23%;}

.intro_map div.img .vietnam {top:42%; left:33.2%;}

.intro_map div.img .singapore {top:50%; left:30.7%;}

.intro_map div.img .america {top:14.5%; right:13%;}

}



@media all and (max-width:885px) {

/* main intro */

.intro_map div.img a {width:90%;}

.intro_map div.img .europe {top:15.8%; left:0; margin-left:-7px;}

.intro_map div.img .korea {top:21.7%; left:38.7%;}

.intro_map div.img .china {top:34.2%; left:35.3%;}

.intro_map div.img .india {top:37.2%; left:22.7%;}

.intro_map div.img .vietnam {top:42%; left:33%;}

.intro_map div.img .singapore {top:50%; left:30.4%;}

.intro_map div.img .america {top:14.3%; right:12.3%;}

}



@media all and (max-width:850px) {

/* main intro */

.intro_map div.img a {width:85%;}

.intro_map div.img .europe {top:15.8%; left:0; margin-left:-7px;}

.intro_map div.img .korea {top:21.7%; left:38.7%;}

.intro_map div.img .china {top:34.2%; left:35.3%;}

.intro_map div.img .india {top:37.2%; left:22.7%;}

.intro_map div.img .vietnam {top:42%; left:33%;}

.intro_map div.img .singapore {top:50%; left:30.4%;}

.intro_map div.img .america {top:14.3%; right:11.2%;}

}



@media all and (max-width:815px) {

/* main intro */

.intro_map div.img a {width:82%;}

.intro_map div.img .europe {top:15.8%; left:0; margin-left:-7px;}

.intro_map div.img .korea {top:21.7%; left:38.7%;}

.intro_map div.img .china {top:34.2%; left:35.3%;}

.intro_map div.img .india {top:37.2%; left:22.7%;}

.intro_map div.img .vietnam {top:42%; left:33%;}

.intro_map div.img .singapore {top:50%; left:30.4%;}

.intro_map div.img .america {top:14.3%; right:10.5%;}

}



@media all and (max-width:800px) {



.section_left .newsfeed li .line:before {content:""; display:none}

.section_left .newsfeed li .line:after {content:""; display:none}

.section_left .newsfeed li span.shB {display:none}

.visual_area, .visual_area .visual {height:280px}

.visual_area .mvR {height:280px}



.newsfeed li .line .txt span.date {background:none}

.newsfeed li span.shB, .newsfeed li span.shL, .newsfeed li span.shR,

.section_left .best_box .best_slider {border:solid 1px #d5dbe0; padding:0; width:99.8%}

.section_left .best_box ul {border:none}

.section_left .best_box .bpb a.detail img {max-width:628px; width:100%}

.section_left .best_box span.shB, .section_left .best_box span.shL, .section_left .best_box span.shR {display:none}

.section_left .recent_news li {padding-bottom:20px}

.section_left .news_box {width:97.5%;}



.foot_logo {position:static; padding-bottom:22px;}

.footer_info {padding-left:0;height:100px;}

.footer_info dl dt + dd, .footer_info dl dd {float:left;}

.footer_info dl dd.last {padding-left:10px;}

.copyright {position:static; width:auto; padding:0;height:13px;}



}



@media all and (max-width:780px){

/* main intro */

.intro_map div.img a {width:78%;}

.intro_map div.img .europe {top:15.8%; left:0; margin-left:-7px;}

.intro_map div.img .korea {top:21.7%; left:38.7%;}

.intro_map div.img .china {top:34.2%; left:35.3%;}

.intro_map div.img .india {top:37.2%; left:22.7%;}

.intro_map div.img .vietnam {top:42%; left:33%;}

.intro_map div.img .singapore {top:50%; left:30.4%;}

.intro_map div.img .america {top:14.3%; right:9.3%;}

}



@media all and (max-width:768px){	

.section_left .best_box {max-width:721px; padding:8px}

.section_left .best_box ul {max-width:721px}



.section_left .news_box {margin-bottom:32px;padding:0;}

.section_left .nnWrap {height:auto;}

#news_notice .viewport {height:100px;}

#news_notice dt {background:none; width:80px;}

#news_notice dd {float:none; height:20px; padding:0;overflow:hidden; text-overflow: ellipsis;white-space:nowrap;word-wrap: normal;}

#news_notice dd .date {display:none;}



.section_right .link_area {width:100%; float:none;}

.section_right .link_area div {background:url("../images/bg_rightbox_center.png") repeat-x}

.section_right .link_area > div	{width:100%; margin:0;}

/*.section_right .link_area > div:first-child {margin-left:0}*/



.section_right .right_link1 a {display:block; background:url("../images/bg_rights_off1.png") no-repeat}

.section_right .link_area .right_link2 {margin-top:10px;}

.section_right .right_link2 a {display:block; background:url("../images/bg_rights_off2.png") no-repeat}

.section_right .link_area a > span {display:block; height:68px; padding:0 20px 0 93px; background:url("../images/bg_rightbox_right.png") no-repeat right top}

.section_right .link_area a > span strong {display:block; height:14px; line-height:14px; padding-top:25px; font-size:14px; font-family:"Century Gothic"; font-weight:bold}

/*.section_right .link_area a > span span {display:block; font-size:11px; line-height:16px; padding-top:4px}*/

.rsnList {float:none; width:100%; margin:20px 0 0;}

.section_right .q_list {width:48%; margin:20px 0 0 0}

.section_right .etc_list {width:100%; float:none; margin:20px 0 0;}



}



@media all and (max-width:745px){

/* main intro */

.intro_map div.img a {width:75%;}

.intro_map div.img .europe {top:15.8%; left:0; margin-left:-7px;}

.intro_map div.img .korea {top:21.7%; left:38.7%;}

.intro_map div.img .china {top:34.2%; left:35.3%;}

.intro_map div.img .india {top:37.2%; left:22.7%;}

.intro_map div.img .vietnam {top:42%; left:32.8%;}

.intro_map div.img .singapore {top:50%; left:30.4%;}

.intro_map div.img .america {top:14.3%; right:8.4%;}

}



@media all and (max-width:720px){

/* main intro */

.intro_map div.img a {width:70%;}

.intro_map div.img .europe {top:15.8%; left:0; margin-left:-4px;}

.intro_map div.img .korea {top:21.7%; left:38.8%;}

.intro_map div.img .china {top:34.2%; left:35.5%;}

.intro_map div.img .india {top:37.2%; left:22.9%;}

.intro_map div.img .vietnam {top:42%; left:33.1%;}

.intro_map div.img .singapore {top:50%; left:30.5%;}

.intro_map div.img .america {top:14.3%; right:7.2%;}

}



@media all and (max-width:690px){

/* main intro */

.intro_map div.img a {width:67%;}

.intro_map div.img .europe {top:15.8%; left:0; margin-left:-5px;}

.intro_map div.img .korea {top:21.7%; left:38.7%;}

.intro_map div.img .china {top:34.2%; left:35.3%;}

.intro_map div.img .india {top:37.2%; left:22.7%;}

.intro_map div.img .vietnam {top:42%; left:32.9%;}

.intro_map div.img .singapore {top:50%; left:30.5%;}

.intro_map div.img .america {top:14.3%; right:6.1%;}

}



@media all and (max-width:670px){

.intro_map div.img .america {top:14.3%; right:5.5%;}

}



@media all and (max-width:640px) {

/* main intro */

.intro_map div.img a {width:60%;}

.intro_map div.img .europe {top:15.8%; left:0; margin-left:-3px;}

.intro_map div.img .korea {top:21.7%; left:39%;}

.intro_map div.img .china {top:34.2%; left:35.8%;}

.intro_map div.img .india {top:37.5%; left:23%;}

.intro_map div.img .vietnam {top:42.4%; left:33.3%;}

.intro_map div.img .singapore {top:50%; left:30.8%;}

.intro_map div.img .america {top:14.3%; right:3.7%;}

	

.section {padding:10px}

.mcW {display:none}

.mcM {display:block}

.visual_area {height:auto}

.visual_area .visual {width:100%; height:280px}

.visual_area .mvR {width:100%; height:162px}

.visual_area .mvR .vsT {float:left; max-width:320px; overflow:hidden; position:relative; width:50%; height:100%;}

.visual_area .mvR .vsB {height:100%}

.visual_area .vsT .icon {display:none}

.visual_area .vsT ul.img {position:relative}

.visual_area .vsT ul.img li img {max-width:320px; width:100%}

.visual_area .vsT .bar {background-repeat:repeat-x;}

.visual_area .vsB {float:left; padding-top:0; width:50%}

.visual_area .vsB img {max-width:320px; width:100%}

.section_left .newsfeed {margin:0 -7px}

.section_left .newsfeed li {width:50%; margin-right:0}

.section_left .newsfeed li.nr {float:right}

.section_left .newsfeed li.last {display:none}

.section_left .best_box {max-width:721px; padding:8px 0}

.section_left .best_box .best_slider {width:99.5%}

.section_left .best_box a.bpp {display:none}

.section_left .recent_news {margin:19px 0 0 0}

.section_left .recent_news li p.img {width:100%}

.section_left .recent_news li .txt {float:left; width:96%; margin-bottom:20px; padding:0 3.5% 0 0; color:#797f84; letter-spacing:-0.02em}

.section_left .recent_news li .txt strong {display:block; font-size:18px; color:#59636c; font-family:"NanumBarunGothic"}

.section_left .recent_news li .txt span {display:block; color:#9e9e9e; margin:5px 0 15px}



.section_left .news_box {margin-left:0;width:auto;}

#news_notice dd {width:75%;}

	

.section_right {max-width:600px; padding:0}

.section_right .link_area a > span {padding:0 14px 0 83px}

.section_right .tbtn {clear:both; overflow:hidden; width:100%}

.section_right a.btn1 {float:left; width:49%; max-width:284px}

.section_right a.btn2 {float:right; width:49%; max-width:284px}

.section_right a.btn1 img, .section_right a.btn2 img {max-width:284px; width:100%}

.section_right a.btn3, .section_right a.btn4, .section_right a.btn5 {background:none}

.aside > li.aside1 {display:none}

.aside > li {width:50%;height:150px;}





.footer_info {height:125px;}

.footer_info dl dd.last {padding:0;clear:both;float:none;}	

}





@media all and (max-width:620px){

.intro_map div.img .america {top:14.3%; right:3%;}

}



@media all and (max-width:600px) {

/* main intro */

.intro_map div.img a {width:55%;}

.intro_map div.img .europe {top:15.8%; left:0; margin-left:-1px;}

.intro_map div.img .korea {top:21.9%; left:39.1%;}

.intro_map div.img .china {top:34.2%; left:35.9%;}

.intro_map div.img .india {top:37.5%; left:23.2%;}

.intro_map div.img .vietnam {top:42.4%; left:33.5%;}

.intro_map div.img .singapore {top:50%; left:31%;}

.intro_map div.img .america {top:14.3%; right:1.5%;}

	

@media all and (max-width:580px) {

.intro_map div.img .america {top:14.3%; right:1%;}

.foot_logo {position:static; padding-bottom:22px}

.footer_info {padding-left:0}

.copyright {position:static; width:auto;height:13px; padding-top:17px}



}





@media all and (max-width:570px) {

.intro_map div.img .america {top:14.3%; right:0.5%;}

}



@media all and (max-width:560px) {

.footer_info dl dd {float:none}



/* main intro */

.intro_map div.img a {width:50%;}

.intro_map div.img .europe {top:15.8%; left:0; margin-left:-1px;}

.intro_map div.img .korea {top:21.9%; left:39.1%;}

.intro_map div.img .china {top:34.2%; left:35.9%;}

.intro_map div.img .india {top:37.5%; left:23.2%;}

.intro_map div.img .vietnam {top:42.4%; left:33.5%;}

.intro_map div.img .singapore {top:50%; left:31%;}

.intro_map div.img .america {top:14.3%; right:0; margin-right:-2px;}

}

	

	

@media all and (max-width:570px) {

.intro_map div.img .america {top:14.3%; right:0; margin-right:-5px;}

}

	

@media all and (max-width:550px) {

.intro_map div.img .america {top:14.3%; right:0; margin-right:-7px;}

}

	

@media all and (max-width:535px) {

.intro_map div.img .america {top:14.3%; right:0; margin-right:-9.5px;}

}



@media all and (max-width:520px) {

/* main intro */

.intro_map div.img a {width:45%;}

.intro_map div.img .europe {top:15.8%; left:0; margin-left:-1px;}

.intro_map div.img .korea {top:21.9%; left:39.1%;}

.intro_map div.img .china {top:34.2%; left:35.9%;}

.intro_map div.img .india {top:37.5%; left:23.2%;}

.intro_map div.img .vietnam {top:42.4%; left:33.5%;}

.intro_map div.img .singapore {top:50%; left:31%;}

.intro_map div.img .america {top:14.3%; right:0; margin-right:-17px;}



.section_right .link_area {float:none;}

.section_right .link_area > div {float:none; width:100%; margin:10px 0 0 0}

.section_right .link_area a > span span {font-size:12px}

.section_right .etc_list {float:none; width:100%; margin-left:0}

.section_right .q_list {float:none; width:100%; margin-left:0}

.aside {background:url("../images/bg_aside_body.gif") repeat-x left bottom; background-size:100% 100%}

.aside > li {width:100%; background:none}

.aside > li:before {background:none}

.aside > li.aside2 {width:100%; background:url("../images/bg_aside_body.gif") repeat-x left bottom}

.aside > li.aside2:before {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:9px; background:url("../images/bg_aside_top.gif") repeat-x}

.aside > li.aside4 {padding-top:0;background:#e0e4e7}

}





@media all and (max-width:515px) {

/* main intro */

.intro_map div.img .europe {top:15.8%; left:0; margin-left:0;}

.intro_map div.img .korea {top:22%; left:39.3%;}

.intro_map div.img .china {top:34.4%; left:36%;}

.intro_map div.img .india {top:37.5%; left:23.4%;}

.intro_map div.img .vietnam {top:42.6%; left:33.7%;}

.intro_map div.img .singapore {top:50%; left:31%;}

.intro_map div.img .america {top:14.3%; right:0; margin-right:-19px;}

}

	

@media all and (max-width:500px) {

.intro_map div.img .america {top:14.3%; right:0; margin-right:-22px;}

}

@media all and (max-width:490px) {

.intro_map div.img .america {top:14.3%; right:0; margin-right:-24px;}

}



@media all and (max-width:480px) {

/* main intro */

.intro_map div.img .europe {top:15.8%; left:0; margin-left:-3px;}

.intro_map div.img .korea {top:22%; left:39.3%;}

.intro_map div.img .china {top:34.4%; left:35.9%;}

.intro_map div.img .india {top:37.5%; left:23.4%;}

.intro_map div.img .vietnam {top:42.6%; left:33.5%;}

.intro_map div.img .singapore {top:50%; left:30.8%;}

.intro_map div.img .america {top:14.3%; right:0; margin-right:-28px;}

	

#news_notice dd {width:75%; padding-left:10px;}



.section_right .tbtn {float:none}

.section_right .q_list {float:none; width:100%}

.section_right .bot {float:none; width:100%}



.section_left .newsfeed li span.mark, .section_left .best_box span.mark {z-index:10; position:absolute; top:-5px; left:10px;}

.section_left .newsfeed li span.mark img, .section_left .best_box span.mark img {width:80%;}

/*.section_left .news_box {width:96%;}*/



}



@media all and (max-width:460px) {

/* main intro */

.intro_map div.img .europe {top:15.8%; left:0; margin-left:-3px;}

.intro_map div.img .korea {top:22%; left:38.7%;}

.intro_map div.img .china {top:34.4%; left:35.4%;}

.intro_map div.img .india {top:37.5%; left:23%;}

.intro_map div.img .vietnam {top:42.6%; left:33%;}

.intro_map div.img .singapore {top:50%; left:30%;}

.intro_map div.img .america {top:14%; right:0; margin-right:-32px;}

}



@media all and (max-width:440px) {

/* main intro */

.intro_map div.img .europe {top:15%; left:0; margin-left:-6px;}

.intro_map div.img .korea {top:22%; left:38.7%;}

.intro_map div.img .china {top:34.4%; left:35.1%;}

.intro_map div.img .india {top:37.5%; left:22.7%;}

.intro_map div.img .vietnam {top:42.6%; left:32.7%;}

.intro_map div.img .singapore {top:50%; left:29.7%;}

.intro_map div.img .america {top:13.7%; right:0; margin-right:-36px;}

}



@media all and (max-width:430px) {

/* main intro */

.intro_map div.img .europe {top:15%; left:0; margin-left:-8px;}

.intro_map div.img .korea {top:22%; left:38.7%;}

.intro_map div.img .china {top:34.4%; left:35.1%;}

.intro_map div.img .india {top:37.5%; left:22.5%;}

.intro_map div.img .vietnam {top:42.6%; left:32.5%;}

.intro_map div.img .singapore {top:50%; left:29.5%;}

.intro_map div.img .america {top:13.7%; right:0; margin-right:-39px;}

}	

	

@media all and (max-width:420px) {

.intro_map div.img .europe {top:15%; left:0; margin-left:-8px;}

.intro_map div.img .korea {top:22%; left:38.7%;}

.intro_map div.img .china {top:33%; left:34.1%;}

.intro_map div.img .india {top:37.5%; left:22%;}

.intro_map div.img .vietnam {top:42.6%; left:32.2%;}

.intro_map div.img .singapore {top:50%; left:29.2%;}

.intro_map div.img .america {top:13.3%; right:0; margin-right:-41px;}

	

/* Main Content Area */

/*.visual_area {height:400px;}*/

.visual_area .mvR .vsT, .visual_area .mvR .vsB {max-height:135px;}



.aside > li.aside2 {display:none;}

.aside > li.aside4 {padding-top:38px;}

.section {margin:0 0 30px 0; padding:0;}

.section_left {float:none; width:100%; margin-bottom:15px;}

.section_left .recent_news {margin-left:0;}

.section_left .recent_news li {margin-bottom:0; padding:0 10px 10px; background:url("../images/con_box03.gif") no-repeat right bottom;}

.section_left .recent_news li p.img {float:none; width:100%; padding-right:0}

.section_left .recent_news li .txt {float:none; width:89.4%; padding:10px 6.6% 10px 2%;}

.section_left .recent_news li .read {position:absolute; overflow:hidden; bottom:18px; right:10px;}



.section_left .newsfeed {margin:0;}

.section_left .newsfeed li {width:100%;}

.section_left .newsfeed li.m_last {display:none;}

.section_left .newsfeed li .line .txt {min-height:30px; padding:0 0 0 2%; line-height:1em;}

.section_left .newsfeed li .line .txt p {padding-top:0; font-size:1em;}

.section_left .newsfeed li .line .txt span.blue {margin-left:10px;}

.section_left .newsfeed li .line .txt a {width:24px; height:29px; background:url("../images/btn_go2_off.gif") no-repeat left top}

.section_left .newsfeed li .line .txt a:hover {background:url("../images/btn_go2_on.gif") no-repeat left top}



.section_left .news_box {margin: 0 3.2% 32px;width: 93.6%;}

#news_notice dt {display:none;}

#news_notice dd {width:auto;}



.section_right {float:none; width:93.6%; margin:0 3.2%;}



}

	

@media all and (max-width:400px) {

.intro_map div.img .america {top:13%; right:0; margin-right:-45px;}

}

	

@media all and (max-width:380px) {

.intro_map div.img .europe {top:15%; left:0; margin-left:-8px;}

.intro_map div.img .korea {top:20%; left:37.2%;}

.intro_map div.img .china {top:32%; left:35%;}

.intro_map div.img .india {top:35.5%; left:20.5%;}

.intro_map div.img .vietnam {top:42.6%; left:32%;}

.intro_map div.img .singapore {top:50%; left:29%;}

.intro_map div.img .america {top:12%; right:0; margin-right:-48px;}

}

	

@media all and (max-width:320px) {

	/*.section_left .news_box {width:90%;}*/

	/*#news_notice dd {width:71%;}*/

}