@charset "utf-8";
@import url('../css/sub.css');

/* Reset */
html,body {width:100%; height:100%; padding:0; margin:0; }

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,select {
	display:block;
	margin:0; padding:0;
	font-size:14px; font-family:Arial, MingLiU , PMingLiU, MS Song , SimSun, MS Hei arial, sans-serif !important;
	word-break:normal;
}

h1,h2,h3,h4,h5 {font-family:Arial, MingLiU , PMingLiU, MS Song , SimSun, MS Hei arial, sans-serif !important; color:#1f2227}
li {list-style:none;}
a {color:#71777c; text-decoration:none; border:0}
a:focus {color:#71777c; text-decoration:none;}
img {vertical-align:top; border:0}
legend {display:none}
caption {width: 1px; height: 1px; clip: rect(0 0 0 0); overflow: hidden;}
ol,ul,nav {list-style:none}
table {width:100%; border-spacing:0; border-collapse:collapse}
textarea {resize:none}
fieldset {border:0}
select {text-transform:none}

/* html5 */
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display:block}

/* font */
body,input,textarea,a {font-size:14px; font-family:Arial, MingLiU , PMingLiU, MS Song , SimSun, MS Hei arial, sans-serif !important; color:#282828;}
input[type=checkbox],input[type=radio] {margin-top:-2px}
select,input {vertical-align:middle}
.hide {position:absolute; top:-9999px; left:-9999px; width:0; height:0; margin:0; overflow:hidden; font-size:0; text-indent:-9999px; line-height:0}

/* text align-style */
.al {text-align:left !important}
.al {text-align:right !important}
.ac {text-align:center !important}

/* margin-style */
.mAll10 {margin:10px}
.mtop10 {margin-top:10px}
.mtop20 {margin-top:20px}
.mtop40 {margin-top:40px}
.mbottom10 {margin-bottom:10px}
.mleft10 {margin-left:10px}
.mright10 {margin-right:10px}
.mAll15 {margin:15px}
.mtop15 {margin-top:15px}
.mbottom15 {margin-bottom:15px}
.mleft15 {margin-left:15px}
.mleft25 {margin-left:25px}
.mright15 {margin-right:15px}
.mAll20 {margin:20px}
.mAll30 {margin:30px}
.mbottom40 {margin-bottom:40px}
.mright20 {margin-right:20px}

/* padding-style */
.pAll10 {padding:10px}
.ptop10 {padding-top:10px}
.pbottom10 {padding-bottom:10px}
.pleft10 {padding-left:10px}
.pright10 {padding-right:10px}
.ptop15 {padding-top:15px}
.pbottom15 {padding-bottom:15px}
.pleft15 {padding-left:15px}
.pright15 {padding-right:15px}

body {position:relative; z-index:1; width:100%; height:100%; font-size:14px; color:#666666;}
/* skipNav */
#skipNav {position:absolute; left:0; top:-100px; width:100%; z-index:40}
#skipNav a:active,
#skipNav a:focus {position:absolute; left:0; top:100px; width:100%; padding:5px 0; font-family:Arial, MingLiU , PMingLiU, MS Song , SimSun, MS Hei arial, sans-serif !important; color:#333; font-size:14px; text-align:center; font-weight:bold}


#wrap {position:relative; width:100%; min-width:1450px; min-height:800px; margin:auto; height:auto; background:url('../img/mheader_bg.png') repeat-x top;}

#sub_wrap {position:relative; width:100%; min-width:1450px;  margin:auto; height:auto}
.scont_wrap {background:#ebebeb}

.headerWrap {position:relative; top:0px; left:0; width:100%; min-width:1450px; height:60px; z-index:99}
.headerWrap2 {position:relative; top:0px; left:0; width:100%; min-width:1450px; height:60px; z-index:99}
.sbody {background:url('img/sheader_bg.png') repeat center 0}
.openAll {background:url('../img/mheader_bg.png') repeat top}

.allMenuWrap {position:relative; z-index:101; width:100%; width:100%; padding:0; padding:0;	background:#01305B url('../img/all_menu_bg.png') repeat-x top}
.allMenuinner {position:relative; width:1450px}
#allMenu {height:0px; overflow:hidden}
.allMenu {padding:0 0px}
.small .rightSection {overflow:hidden}
.allBtn {width:60px; height:60px; position:absolute; right:0; top:0}
.allList {padding:12px 0 10px 180px;/* min-width:960px;*/ overflow:hidden}
.allList li {float:left; width:315px}
.allList li a {color:#fff; font-size:14px}
.allList li ul {padding-top:20px; height:120px; background:url('../img/tsm_line.png') no-repeat 230px 25px}
.allList li li {line-height:18px; background:url('../img/tsm_icon.png') no-repeat 0 9px; padding-left:10px}
.allList li li a {color:#a4c6e6; font-size:12px}
.allList li li a:hover {color:#fff000}

.allBtnClose {display:block; position:absolute; right:0; bottom:0; width:60px; height:60px; z-index:3000}

#header {position:relative; width:850px; height:60px; background:url('../img/mheader_bg.png') repeat-x top }
#header h1 {position:absolute; z-index:100; top:9px; left:80px}
#header h1 a {display:block; width:247px; height:45px}
#header2 {position:relative; width:1381px; height:60px; background:url('../img/mheader_bg.png') repeat-x top }
#header2 h1 {position:absolute; z-index:100; top:9px; left:80px}
#header2 h1 a {display:block; width:247px; height:45px}

.utilNavi {position:absolute; top:0px; left:0px; height:60px; width:60px}

.innerContaniner {padding-top:40px}

.footerWrap {position:relative;width:100%; min-width:1465px; height:90px; overflow:hidden; background:#282C33}
#footer {width:1465px;}
.addr {display:block; float:left; width:600px; margin:20px 0 0 57px; line-height:16px; font-size:11px;	color:#f1f1f1}
#footer p {font-size:10px; color:#C4C8CF}
.footList {float:left; margin:20px 0 0 180px; width:560px}
.footList li {display:inline; padding:20px 0}

.mlayout {width:1465px; margin-top:-60px}
.main_visual {float:left; width:850px; height:854px; background:#ddd}
.main_container {position:absolute; left:850px; top:0; width:614px;}
.msection_container {float:left; width:530px}
.aside_wrap {float:left; width:84px; background:#f9f9f9; height:854px}
.msection_wrap1 {float:left}
.section1 {position:relative; float:left; width:296px; height:192px; background:#fff url('../img/m_president_bg.png') no-repeat right bottom}
.section2 {position:relative; float:left; width:234px; height:192px; background:#f4f6f6}
.section3 {position:relative; float:left; width:296px; height:201px; background:#ededed url('../img/m_brouchure_bg.png') no-repeat}
.section4 {position:relative; float:left; width:234px; height:201px; background:url('../img/m_ica.png') no-repeat}
.section5 {position:relative; float:left; width:296px; height:240px; background:url('../img/m_rms_bg.png') no-repeat}
.section6 {position:relative; float:left; width:234px; height:240px; background:#ebebeb url('../img/m_vision.png') 50px 90px no-repeat}
.section7 {position:relative; float:left; width:296px; height:221px; background:url('../img/m_naps_bg.png') no-repeat}
.section8 {position:relative; float:left; width:234px; height:221px; background:url('../img/m_ams_bg.png') no-repeat}

.section1 a {text-indent:-5000000px; height:192px; display:block; position:absolute; top:0; left:0; cursor:pointer; width:296px}
.section2 a {text-indent:-5000000px; height:192px; display:block; position:absolute; top:0; left:0; cursor:pointer; width:234px}
.section3 a {text-indent:-5000000px; height:201px; display:block; position:absolute; top:0; left:0; cursor:pointer; width:296px}
.section4 a {text-indent:-5000000px; height:201px; display:block; position:absolute; top:0; left:0; cursor:pointer; width:234px}
.section5 a {text-indent:-5000000px; height:240px; display:block; position:absolute; top:0; left:0; cursor:pointer; width:296px}
.section6 a {text-indent:-5000000px; height:240px; display:block; position:absolute; top:0; left:0; cursor:pointer; width:234px}
.section7 a {text-indent:-5000000px; height:221px; display:block; position:absolute; top:0; left:0; cursor:pointer; width:296px}
.section8 a {text-indent:-5000000px; height:221px; display:block; position:absolute; top:0; left:0; cursor:pointer; width:234px}

.lang {background:#006ed5; height:216px}
.lang ul {padding-top:10px}
.lang li {padding:10px 12px}
.lang li a {color:#fff; font-size:10px}
.lang li a:hover {color:#03152d}
.lang li a.on {color:#03152d}
.mrepo li {background:url('../img/side_arrow.png') no-repeat bottom; height:45px; text-align:right; line-height:13px; padding:20px 20px 0 0}
.mrepo li a {color:#424242; font-size:12px}
.mrepo li a:hover {color:#006ed5}

.section1 ul {margin:16px 0 0 20px}
.section1 li:first-child {font-size:13px; color:#000; font-weight:bold}
.section1 li.tit {font-size:24px; color:#4bacc4; font-weight:bold; letter-spacing:-1px; padding-top:10px}
.section1 p {margin:25px 125px 0 18px; font-size:13px; color:#878787; line-height:17px; word-break:break-all}

.section2 ul {margin:16px 0 0 14px}
.section2 li:first-child {font-size:24px; color:#000; text-align:right; padding-right:15px}
.section2 li span {font-weight:bold}
.section2 li:last-child {margin-top:30px}

.section3 ul {margin:16px 0 0 20px}
.section3 li:first-child {font-size:14px; color:#000; font-weight:bold}
.section3 li.tit {font-size:26px; color:#c42f26; font-weight:bold; letter-spacing:-1px; padding-top:10px}
.section3 p {margin:17px 130px 0 20px; font-size:13px; color:#878787; line-height:16px; word-break:break-all}

.section4 ul {margin:120px 12px 0}
.section4 li:first-child {font-size:16px; color:#ec4444}
.section4 li {font-size:13px; color:#FFF; text-align:right}
.section4 li:last-child {font-size:11px; color:#8c96ba; line-height:16px}

.section5 ul {margin:16px 0 0 19px}
.section5 li:first-child {font-size:24px; color:#000; font-weight:bold}
.section5 li:last-child {font-size:14px; color:#615a5a;padding-top:0}
.section5 p {margin:32px 15px 0 20px; font-size:14px; color:#878787; line-height:18px; word-break:break-all}

.section6 ul {margin:16px 0 0 0}
.section6 li:first-child {font-size:24px; color:#000; font-weight:bold; letter-spacing:-1.5px; text-align:right; margin-right:20px}
.section6 li:last-child {font-size:13px; color:#878787; text-align:right; padding-left:30px; margin-right:20px}

.section7 ul {margin:16px 0 0 19px}
.section7 li:first-child {font-size:24px; color:#000; font-weight:bold}
.section7 li:last-child {font-size:14px; color:#402e2e}
.section7 p {margin:35px 15px 0 18px; font-size:13px; color:#000; line-height:18px; word-break:break-all}

.section8 ul {margin:16px 17px 0}
.section8 li:first-child {font-size:24px; color:#fff; font-weight:bold; text-align:right}
.section8 li:last-child {font-size:14px; color:#fff; text-align:right}
.section8 p {margin:35px 12px 0 12px; font-size:13px; color:#ebebeb; line-height:18px; word-break:break-all}

/* 메인비주얼 */
.pop_zone {position:relative; width:850px; height:854px}
.pop_zone button {border:none; padding:0; display: inline-block; overflow: hidden;cursor:pointer !important}
.pop_zone .pop_control {position:absolute; top:134px; left:142px; width:51px; height:16px; z-index:2}
.pop_zone .pop_control li {float:left}
.pop_zone .pop_control button {display:none; float:left; border:none; height:15px; width:16px; background: url('../img/popupCtrl.png') no-repeat 0 0}
.pop_zone .pop_control button.on {display:block}
.pop_zone .pop_control button span{position: absolute;visibility:hidden}
.pop_zone .controll button span{visibility:hidden}
.pop_zone .pop_control .prev_pop { background-position:0 0; display:none} 
.pop_zone .pop_control .next_pop { background-position:-16px 0; display:none}
.pop_zone .pop_control .play_pop { background-position:-16px 0}
.pop_zone .pop_control .stop_pop { background-position:0px 0}
.pop_img {position: relative; width:100%; z-index:1}
.pop_img ul {position:absolute; top:0}
.pop_img li {display: inline !important}
.pop_img li button {margin-top:134px; margin-left:63px; background:url('../img/popupList.png') no-repeat -56px 0; width:14px; height:14px}
.pop_img li:last-child button {margin-left:2px}
.pop_img li button span{position:absolute; visibility:hidden}
.pop_img li a {z-index:-1; position:absolute; left:0px; top:0px; width:850px; height:854px; display:none}
.pop_img li a img {width:850px; height:854px}
.pop_img li.on button {background-position:0 0; width:52px}
.pop_img li.on a {display:block}
.pop_img .pop_view_img {position:absolute; left:0; top:0}
.pop_img  li.on .pop_view_img{position:absolute; left:0; top:0}


/* 서브레이아웃 */
.slayout {position:relative; width:1465px; background:url('../img/scont_bg.png') repeat-y right; float:left; padding-top:0px}
.sleft {float:left; width:311px}
.sleft .stitle {background:url('../img/stitle_bg.png') no-repeat; height:110px; font-size:39px; color:#fff; text-align:center; padding-top:60px; border-bottom:1px solid #d7d7d7; letter-spacing:-1px}
.sleft ul.smenu {width:310px}
.sleft ul.smenu li {background:#f5f5f5; border-bottom:1px solid #d7d7d7; line-height:48px;}
.sleft ul.smenu li.line2 {line-height:24px !important;}
.sleft ul.smenu li a {display:block; padding-left:40px; font-size:16px; color:#707070}
.sleft ul.smenu li a.on {padding-left:40px; color:#fff; background:#006ed5 url('../img/sm_arrow.png') no-repeat 290px 20px}
.sleft ul.smenu li a:hover {padding-left:40px; color:#fff; background:#006ed5 url('../img/sm_arrow.png') no-repeat 290px 20px}
.sleft ul.smenu li ul li {background:#fff url('../img/sm_arrow2.png') no-repeat 40px 17px; line-height:40px; padding-left:15px}
.sleft ul.smenu li ul li a {color:#989696; font-size:14px}
.sleft ul.smenu li ul li a:hover {color:#989696; font-size:14px; background:none !important; color:#006ed5}
.sleft ul.smenu li ul li a.on {color:#989696; font-size:14px; background:none !important; color:#006ed5}
.sleft ul.smenu li ul li:first-child {border-top:1px solid #d7d7d7}
.sleft ul.smenu li ul li:last-child {border-bottom:none; padding-bottom:20px}
.scont {float:left; width:1015px; min-height:800px; padding-top:10px; margin:0 0 0 55px}

.aside_wrap2 {position:absolute; top:0; left:1381px; width:84px; background:#f9f9f9; z-index:50000 !important}

/* 서브 컨텐츠 상단 */
.cont_top1 {margin-top:22px; background:url('../img/svisual_about.png') no-repeat right bottom; padding-top:20px}
.cont_top2 {margin-top:22px; background:url('../img/svisual_activities.png') no-repeat right bottom; padding-top:20px}
.cont_top3 {margin-top:22px; background:url('../img/svisual_technology.png') no-repeat right bottom; padding-top:20px}
.cont_top4 {margin-top:22px; background:url('../img/svisual_repository.png') no-repeat right bottom; padding-top:20px}
.cont_tit {background:url('../img/scont_titlebg.png') no-repeat left top; padding-top:10px; font-size:30px; font-weight:bold; color:#000; letter-spacing:-1px }
.nav {padding:27px 0 15px 0; border-bottom:1px solid #ddd; }
.nav img {padding-right:5px; padding-left:3px; vertical-align:middle;	padding-bottom:4px}
span.location1 {padding-left:13px; background:url('../img/nav_arrow.png') no-repeat 0 3px; padding-right:7px; color:#313844}
span.location2 {padding-left:13px; background:url('../img/nav_arrow.png') no-repeat 0 3px; padding-right:7px; color:#01488a}

.scontext {clear:both; padding:20px; width:930px; margin:40px 0; }
.scontext:after {display:block; clear:both; content:""}
.scontext .txt {font-size:14px; line-height:18px; color:#666;}

.clear {display:block; clear:both; height:0; font-size:0}
.rightSection {position:absolute; z-index:950; right:-83px; width:83px;/* overflow:hidden;*/}