@charset "utf-8";

html,body {width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust: none}
#wrap {max-width:100%;min-width:318px;}


#main_intro_wrap {width:100%;height:100%;background:url(../mobile/imgs/main/intro_visual.png) no-repeat 50% 50%;background-size:cover}
#intro_container {position:relative;width:90%;margin:0 auto}
.intro_tit {padding-top:28px;text-align:center}
.main_intro_txt {padding-top:106px}
.main_intro_txt img {width:100%}
.intro_link_area {padding-top:112px;text-align:center}
.intro_link_area a {display:inline-block;width:100%;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;box-sizing:border-box}
.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)}

.intro_link_area ul li {float:left;width:49%;margin-right:1%;margin-bottom:1%}

@media (min-width:640px){
	.intro_link_area ul li {width:24%}
	.main_intro_txt img {width:auto}
	.intro_tit {padding-top:128px;text-align:center}
	.main_intro_txt {padding-top:136px}
	.intro_link_area {padding-top:152px;text-align:center}
	
}

.scroll_none {overflow:hidden;overflow-x:hidden !important;overflow-y:hidden !important;}

.container {
  position:relative;
  padding:0 10px 0;
}

.container:before,
.container:after {
  display: table;
  content: " ";
}

.container:after {
  clear: both;
}

.container:before,
.container:after {
  display: table;
  content: " ";
}

.container:after {
  clear: both;
}

#head_wrap {position:fixed;top:0px;left:0px;z-index:1000;width:100%;height:50px;background-color:#fff;box-shadow:0px 3px 5px rgba(0,0,0,0.4)}
#head_wrap .head {position:relative;padding:0 10px 0}
#head_wrap .head .menu_btn {display:block;position:absolute;top:0px;left:0px;z-index:3;width:50px;height:50px;background:url(../mobile/imgs/common/icon_set.png) no-repeat 6px 17px;background-size:360px 640px;text-indent:-9999px}
#head_wrap .head .logo {display:table;position:relative;width:100%;height:50px;vertical-align:middle;text-align:center}
#head_wrap .head .logo a {display:table-cell;width:100%;height:50px;vertical-align:middle;text-align:center}
#head_wrap .head .logo a span {display:inline-block;width:115.5px;height:50px;background:url(../mobile/imgs/common/logo.png) no-repeat 0 12px;background-size:113.5px 27px;text-indent:-99999px}

body.fixed #head_wrap {background-color:rgba(255,255,255,0.9)}

.side_wrap{position:relative;padding-bottom:40px;}
.aside_close{position:absolute;top:0px;left:-7px;width:50px;height:50px;background:none;border:none;color:transparent;transform:translateZ(0px);}
.aside_close:before, .aside_close:after {content:'';position:absolute;left:50%;top:50%;width:1px;height:30px;margin:-15px 0 0 -1px;background:#fff;}
.aside_close:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.aside_close:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.aside_all:after{display:inline-block;width:6px;height:6px;margin-left:4px;border:1px solid #fff;border-width:1px 1px 0 0;vertical-align:2px;content:'';-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.side_head{overflow:hidden;position:relative;height:60px;padding:0 140px 0 28px;background:#484b5a}
.login_btn {display:block;position:absolute;top:10px;right:10px;width:56px;height:30px;border:1px solid #fff;color:#fff !important;font-size:13px;line-height:28px;text-align:center}

#main_visual {position:relative;width:100%;overflow:hidden;padding-top:50px}
#main_visual .main_visual_list {position:relative;width:100%}
#main_visual .main_visual_list li {float:left}
#main_visual .main_visual_list li img {width:100%;}
#main_visual .bx-has-pager {position:absolute;bottom:10px;left:0;height:8px;width:100%;z-index:99;text-align:center} 
#main_visual .bx-pager .bx-pager-item {display:inline-block}
#main_visual .bx-pager .bx-pager-item .bx-pager-link {display:inline-block;width:10px;height:10px;margin-right:5px;background-color:rgba(255,255,255,255.8);border-radius:50%;text-indent:-9999px}
#main_visual .bx-pager .bx-pager-item .bx-pager-link.active {background-color:rgba(236,107,20,0.8);}

#aside {display:none;position:fixed;width:200px;height:100%;min-height:0px;top:0px;left:0px;background-color:#004c99;z-index:1024;overflow-x:hidden;overflow-y:auto;}
#aside .aside_tit_area {display:block;position:relative;width:100%;height:50px;background-color:#004c99;box-sizing:border-box}
#aside .aside_tit {display:inline-block;height:36px;color:#fff;font-size:15px;font-weight:normal;line-height:36px;vertical-align:middle}
#aside .aside_container {position:relative;width:100%;height:100%;background-color:#eee;}
#aside .aside_btn {display:inline-block;position:relative;padding:0 10px 0;height:36px;background-color:#023a5f;line-height:34px;color:#666;font-size:15px;text-align:center;vertical-align:middle}

#aside .aside_list {width:100%;padding:15px 15px 15px 15px;background-color:transparent;box-sizing:border-box}
#aside .aside_list li {line-height:18px}
#aside .aside_list li a.tit {display:block;padding:10px 0 10px 10px;font-size:1.500em;color:#fff;font-weight:bold}
#aside .aside_list li a.tit img {display:inline-block;line-height:1.500em;vertical-align:baseline}
#aside .aside_list li ul.snb {display:none}
#aside .aside_list li ul.snb li {line-height:18px}
#aside .aside_list li ul.snb li a {display:block;padding:0px 0 6px 17px;font-size:1.167em;color:#fff}
#aside .aside_list li ul.snb li a img {display:inline-block;line-height:1.167em;vertical-align:baseline}

#overlay {display:none;position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:1023;background:#000;opacity: 0.5;}


#con_container {position:relative;width:100%;padding:25px 10px 0;box-sizing:border-box;-webkit-box-sizing:border-box;}

.board_list2 {position:relative;}
.mtit {font-size:15px;font-weight:bold;color:#303030;line-height:15px}
.mtit2 {padding-left:10px;background:url(../mobile/imgs/common/h_dot.png) no-repeat 0 11px;background-size:8px;font-size:15px;font-weight:bold;color:#303030;line-height:15px}
.mtit2 img {vertical-align:baseline}
.tab_menu_list {width:100%;height:31px;margin-top:19px;line-height:28px;text-align:center;background-color:#f3f3f3}
.tab_menu_list li {float:left;width:25%;background:url(../mobile/imgs/main/board_line.png) no-repeat 0 9px;background-size:1px 12px;text-align:center;line-height:30px}
.tab_menu_list li:first-child {padding-left:0px;marign-left:0px;background:none}
.tab_menu_list li a {font-size:13px;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:10px;padding-left:10px;min-height:130px}
.tab_con .more {position:absolute;top:-77px;right:0px;}
.tab_con .more img {width:20px}
.tab_con .more a {color:#666;font-size:12px}
.tab_con .more a span {color:#ff6020}
.tab_con .tab_con_list {width:100%}
.tab_con .tab_con_list li {padding-left:8px;background:url(../mobile/imgs/main/board_dot.png) no-repeat 0 11px;background-size:3.5px;line-height:24px;}
.tab_con .tab_con_list li a {font-size:12px;color:#848484;letter-spacing:-0.07em}


.ideology_info {position:relative;width:100%;margin-top:30px}
.ideology_info .ideology_tit {position:absolute;top:0px;left:0px;z-index:2px}
.ideology_info .ideology_tit img {width:40px}
.ideology_info .ideology_img {display:block}
.ideology_info .ideology_img img {width:100%}
.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;width:100%;margin-top:30px;}
.main_prd .main_prd_tit {position:absolute;top:0px;left:0px;z-index:9}
.main_prd .main_prd_tit img {width:40px}
.main_prd .bx-viewport {}
.main_prd .main_prd_area {position:relative;width:100%;background-color:#f1f1f1}
.main_prd .main_prd_list {position:relative;width:100%;}
.main_prd .main_prd_list li {width:100%;}
.main_prd .main_prd_list li img {width:100%}
.main_prd .bx-pager {position:absolute;top:10px;right:0px;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:5px;height:5px;margin-right:2px;background-color:rgba(241,241,241,1);border-radius:50%;text-indent:-9999px}
.main_prd .bx-pager .bx-pager-item .bx-pager-link.active {background-color:rgba(236,107,20,1);}


#footer_wrap {position:relative;width:100%;margin:64px auto 0;padding:24px 0 24px;border-top:1px solid #a6a6a6;text-align:center}
#footer_wrap .foot_nav_list {width:100%}
#footer_wrap .foot_nav_list li {display:inline-block;padding:0 10px 0 10px;background:url(../mobile/imgs/common/f_line.png) no-repeat 0 3px;background-size:1px 10px;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:12px;color:#525252;font-weight:bold}
#footer_wrap .foot_nav_list li a:hover {color:#ffa42c}
#footer_wrap address {display:block;margin-top:10px;font-style:normal;font-size:11px;color:#828282;line-height:15px}
#footer_wrap address span {display:inline-block}
#footer_wrap .copy {margin-top:12px;font-size:11px;color:#828282;line-height:11px}
#footer_wrap .etc_logo {}
#footer_wrap .etc_logo img {width:100px}

#sub_visual {width:100%;padding-top:50px}
#sub_visual img {width:100%}

.sub_content {margin-top:50px}

.page_wrap {width:100%;text-align:center;margin-top:22px}
.page_wrap a {display:inline-block;width:25px;height:25px;margin:0 3px 0;line-height:25px}
.page_wrap a.page_num {border:1px solid #d9d9d9;font-size:12px;color:#666}
.page_wrap a.page_num.on {border-color:#d92026;font-weight:bold;}
.page_wrap a.page_first {background:url(../mobile/imgs/common/icon_set.png) no-repeat -500px -14px;text-indent:-9999px;}
.page_wrap a.page_prev {background:url(../mobile/imgs/common/icon_set.png) no-repeat -527px -14px;text-indent:-9999px;}
.page_wrap a.page_next {background:url(../mobile/imgs/common/icon_set.png) no-repeat -500px -40px;text-indent:-9999px;}
.page_wrap a.page_last {background:url(../mobile/imgs/common/icon_set.png) no-repeat -527px -40px;text-indent:-9999px;}