/*@import url(http://fonts.googleapis.com/css?family=Noto+Sans);*/
/*@font-face{font-family:"NanumGothic"; src:url("../font/NanumGothic.eot"); src:local(※), url("../font/NanumGothic.woff") format('woff')}*/
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css")
*{margin:0;padding:0;}
*, *:before, *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
/* reset */
html, body{width:100%;height:100%;background:transparent;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body {font-family:"Nanum Gothic", Dotum, Gulim, Apple SD Gothic Neo, Arial, Tahoma,sans-serif;font-size:12px;line-height:100%;color:#666;background-color:#fff;width:100%;min-width:320px;-webkit-font-smoothing:antialiased;/* Fix for webkit rendering */-webkit-text-size-adjust:none;*word-break:break-all;margin:0 auto;min-width:320px;/*font-weight:600*/}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, del, dfn, em, img, ins, kbd, q, samp, small, strong, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, footer, header, nav, section {margin:0;padding:0;border:0;border-radius:0;/* for iOS */outline:0;font-size:100%;}
h1, h2, h3, h4, h5, h6{margin:0;font-size:1em;}
ol, ul, li{list-style:none;}
input:focus, a:focus, select:focus{outline:dotted 1px #797979;}
img, fieldset, iframe{border:0;}
img, input, select{vertical-align:middle;}
button{background:none;border:none;}
textarea{resize:none;}

em{font-style:normal;}

img{width:100%;}

button{cursor:pointer;}

table{border-collapse:separate;border-spacing:0;border-collapse:collapse;}
caption{display:none;}
th, td{padding:0;vertical-align:top;text-align:left;}
hr, legend, caption{display:none;}

a, img{border:0;outline:none;selector-dummy:expression(this.hideFocus=true);padding:0;margin:0;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover, a:focus{text-decoration:none;}
a:active{text-decoration:none;}

.blind {position:absolute;visibility:hidden;top:-9999px;left:-9999px;}

::-webkit-input-placeholder{color:rgba(153,153,153,0.3)}
:-moz-placeholder{color:rgba(153,153,153,0.3)}
::-moz-placeholder{color:rgba(153,153,153,0.3)}
:-ms-input-placeholder{color:rgba(153,153,153,0.3)}

.warp{width:100%;}

/* header */
.header{height:45px;text-align:center;position:relative;}
.header h1{width:123px;height:44px;margin:5px auto 0;}
.all_menu{width:22px;height:30px;background:url(/mbshome/mbs/cic_m/images/all_menu.png) no-repeat;background-size:22px auto;position:absolute;top:0;right:10px;text-indent:-9999em;color:transparent;}

/* allmenu */
.dimm{background:#000;opacity:0.6;position:absolute;top:0;right:0;width:100%;height:100%;z-index:5;}
.allmenu_wrap{width:70%;background:#fff;height:100%;position:absolute;z-index:10;top:0;right:-100%;}
.allmenu ul{display:none;}
.allmenu > li > a{height:42px;line-height:42px;color:#222;font-size:16px;font-weight:bold;padding:0 0 0 38px;border-bottom:1px solid #b6b6b6;width:100%;display:block;}
.allmenu > li li a{height:41px;background:#efefef;line-height:41px;padding:0 0 0 25px;border-bottom:1px solid #b6b6b6;display:block;position:relative;font-size:12px;color:#222;}
.allmenu > li li a:after{background:#6374b8;width:2px;height:2px;position:absolute;left:16px;top:20px;content:"";}
.allmenu > li:nth-child(1) > a,
.allmenu > li:nth-child(6) > a{background:url(/mbshome/mbs/cic_m/images/menu01.png) no-repeat 10px -42px;background-size:22px auto;}
.allmenu > li:nth-child(2) > a,
.allmenu > li:nth-child(5) > a{background:url(/mbshome/mbs/cic_m/images/menu02.png) no-repeat 10px -42px;background-size:22px auto;}
.allmenu > li:nth-child(3) > a{background:url(/mbshome/mbs/cic_m/images/menu03.png) no-repeat 10px -42px;background-size:22px auto;}
.allmenu > li:nth-child(4) > a{background:url(/mbshome/mbs/cic_m/images/menu04.png) no-repeat 10px -42px;background-size:22px auto;}
.allmenu > li.on:nth-child(1) > a{background:#3468c8 url(/mbshome/mbs/cic_m/images/menu01.png) no-repeat 10px 0;background-size:22px auto;color:#fff;}
.allmenu > li.on:nth-child(2) > a{background:#3468c8 url(/mbshome/mbs/cic_m/images/menu02.png) no-repeat 10px 0;background-size:22px auto;color:#fff;}
.allmenu > li.on:nth-child(3) > a{background:#3468c8 url(/mbshome/mbs/cic_m/images/menu03.png) no-repeat 10px 0;background-size:22px auto;color:#fff;}
.allmenu > li.on:nth-child(4) > a{background:#3468c8 url(/mbshome/mbs/cic_m/images/menu04.png) no-repeat 10px 0;background-size:22px auto;color:#fff;}
.btn_close{background:url(/mbshome/mbs/cic_m/images/close.png) no-repeat;width:31px;height:29px;text-indent:-9999em;color:transparent;position:absolute;top:6px;left:-42px;background-size:100% auto;}

/* main */
.m_content{background:url(/mbshome/mbs/cic_m/images/mobilemain.jpg) no-repeat;background-size:100% auto;padding:86.5% 0 29px;}
.m_content .section{padding:0 10px;}
.m_content .menu{overflow:hidden;}
.m_content .menu li{float:left;width:50%;}
.m_content .menu li a{display:block;position:relative;}
.m_content .menu li em{display:block;color:#fff;font-size:14px;position:absolute;line-height:20px;bottom:12px;left:0;text-align:center;width:100%;font-weight:bold;}
.m_content .menu li:nth-child(2) span{position:absolute;width:100%;color:#254182;font-size:11px;line-height:15px;bottom:9px;left:0;text-align:center;}
.m_content .menu li:nth-child(3) em{bottom:20px;}
.m_content .menu li:nth-child(3) span{font-size:11px;color:#bdd7bf;position:absolute;bottom:9px;line-height:13px;width:100%;text-align:center;left:0;}

/* footer */
.footer{background:#4e4e4e;padding:11px 0 0;}
.footer p{padding:0 15px;color:#c8c8c8;line-height:13px;font-size:11px;}
.footer span{color:#fff;}
.footer strong{color:#fff;}
.footer .copy{border-top:1px solid #717171;margin:6px 0 0;padding:6px 15px 8px;}

/* sub menu */
.sub_menu{overflow:hidden;position:relative;height:40px;background:#2e4479;}
.sub_menu ul{position:relative;}
.sub_menu li{float:left;width:16.66%;line-height:15px;font-size:11px;}
.sub_menu li a{border-right:1px solid #fff;display:block;text-align:center;color:#becbe9;background:#2e4479;font-weight:bold;width:100%;height:100%;height:40px;padding:5px 0;}
.sub_menu li.on a{background:#3468c8 url(/mbshome/mbs/cic_m/images/sub_on.png) no-repeat 50% 100%;background-size:7px auto;color:#fff;}
.sub_menu li:nth-child(4) a,
.sub_menu li:nth-child(5) a{line-height:40px;padding:0;}

/* top */
.btn_top{margin:20px auto 22px;display:block;border:1px solid #b4b4b4;width:88px;text-align:center;padding:0 19px 0 0;height:31px;box-shadow:0 0 5px #ddd;border-radius:2px;vertical-align:middle;font-size:12px;color:#000;background:url(/mbshome/mbs/cic_m/images/arr_top.png) no-repeat 100% 0;background-size:19px auto;}

/* title */
.title .tit{color:#313131;font-size:18px;border-bottom:1px solid #575757;height:41px;line-height:41px;text-align:center;position:relative;font-weight:bold;}
.title .tit .btn_menu{position:absolute;top:0;right:0;width:20px;height:41px;background:url(/mbshome/mbs/cic_m/images/arr_bul.png) no-repeat;background-size:20px auto;text-indent:-9999em;color:transparent;}
.title .tit.on .btn_menu{background-position:0 -41px;}
.title ul{display:none;position:absolute;width:100%;background:#fff;z-index:5}
.title li{height:30px;line-height:30px;border-bottom:1px solid #c0c0c0;}
.title li:last-child{border-bottom:1px solid #575757;}
.title li a{display:block;padding:0 0 0 17px;position:relative;font-size:12px;color:#222;}
.title li a:after{width:2px;height:2px;background:#6374b8;content:"";position:absolute;left:10px;top:50%;}
.title li a:focus{background:#e8effd;}

/* sub */
.content .section{padding:10px;}
.hello_desc{border-bottom:1px solid #bcbcbc;}
.txt_box2 p{line-height:16px;font-size:12px;color:#555;margin:13px 0 0;}
.history li{margin:0 0 6px;border:1px solid #b6b6b6;display:table;width:100%;}
.history li em{display:table-cell;background:#e4edf5;border-right:1px solid #c8d4e0;font-size:12px;color:#555;text-align:center;width:118px;vertical-align:middle;font-weight:bold;}
.history li p{display:table-cell;padding:5px 9px;line-height:16px;color:#555;font-size:12px;}
.img_box{border:1px solid #bcbcbc;}
.logo_desc{border:1px solid #bcbcbc;margin:10px 0;}
.logo_desc li{position:relative;border-bottom:1px solid #dfdfdf;}
.logo_desc li:last-child{border-bottom:none;}
.logo_desc li span{display:inline-block;width:23px;height:23px;color:#fff;text-align:center;line-height:23px;background:#6c8dbd;border-radius:23px;position:absolute;top:50%;left:10px;margin: -11px 0 0 0;}
.logo_desc li:nth-child(even) span{background:#406294;}
.logo_desc li p{display:inline-block;padding:8px 20px 8px 42px;font-size:12px;}
.logo_desc .txt{position:relative;}
.logo_desc .txt span{margin:-13px 0 0 0;}
.logo_desc .img{border-top:1px solid #dfdfdf;}
.s_tit{margin:20px 0 2px;font-size:14px;color:#000;font-weight:bold;position:relative;line-height:26px;}
.s_tit:after{content:"";background:#3468c8;width:13px;height:2px;position:absolute;top:0;left:0;}
.s_tit:first-child{margin-top:0 !important;}
.ss_tit{color:#35568b;font-size:12px;font-weight:bold;background:url(/mbshome/mbs/cic_m/images/blick.png) no-repeat 0 4px;margin:5px 0 5px;background-size:8px auto;padding:0 0 0 11px;}
.img_text{border:1px solid #bcbcbc;}
.img_text p{font-size:12px;line-height:16px;color:#555;text-align:center;border-top:1px solid #bcbcbc;padding:10px;}
.sub_visual{margin:0 0 10px;position:relative;}
.sub_visual .bg{background:#000;opacity:0.6;height:48px;width:100%;position:absolute;bottom:0;left:0;z-index:2}
.sub_visual p{font-size:14px;color:#fff;font-weight:bold;text-align:center;position:absolute;bottom:0;left:0;width:100%;height:48px;line-height:48px;z-index:3;}
.txt_box{background:#e7edf3;border:1px solid #bcbcbc;line-height:16px;font-size:12px;color:#555;padding:10px;}
.part_list{border-top:1px solid #d1d1d1;margin:10px 0;}
.part_list li{border-bottom:1px solid #d1d1d1;position:relative;min-height:42px;}
.part_list li em{display:inline-block;width:34px;height:34px;color:#fff;text-align:center;line-height:34px;background:url(/mbshome/mbs/cic_m/images/part_odd.png) no-repeat;position:absolute;top:50%;left:0;margin: -17px 0 0 0;background-size:100% auto;font-size:10px;}
.part_list li:nth-child(even) em{background:url(/mbshome/mbs/cic_m/images/part_even.png) no-repeat;background-size:100% auto;}
.part_list li p{display:inline-block;padding:10px 20px 10px 42px;font-size:12px;}
.way1 li{border-bottom:1px solid #cfcfcf;overflow:hidden;}
.way1 li em{display:inline-block;width:70px;float:left;font-size:12px;color:#222;font-weight:bold;line-height:16px;padding:5px 0 0 16px;background:url(/mbshome/mbs/cic_m/images/ico01.png) no-repeat 0 6px;background-size:13px auto;}
.way1 li p{float:left;display:inline-block;padding:5px 0;line-height:16px;font-size:12px;color:#555;}
.way1 li:nth-child(2) em{background:url(/mbshome/mbs/cic_m/images/ico02.png) no-repeat 0 6px;background-size:13px auto;}
.way1 li:nth-child(3) em{background:url(/mbshome/mbs/cic_m/images/ico03.png) no-repeat 0 6px;background-size:13px auto;}
.way2{border:1px solid #bcbcbc;}
.way2 li{overflow:hidden;}
.way2 li:first-child{border-bottom:1px solid #dbdbdb;}
.way2 li em{float:left;display:inline-block;border-right:1px solid #dbdbdb;width:100px;text-align:center;font-size:12px;color:#222;font-weight:bold;line-height:26px;}
.way2 li p{float:left;padding:0 0 0 7px;line-height:26px;color:#555;font-size:12px;}
.way3{border:1px solid #bcbcbc;}
.way3 li{overflow:hidden;border-top:1px solid #dbdbdb;display:table;width:100%}
.way3 li:first-child{border-top:none;}
.way3 li em{display:table-cell;border-right:1px solid #dbdbdb;width:86px;text-align:center;font-size:12px;color:#222;font-weight:bold;line-height:26px;color:#328b2f;}
.way3 li p{padding:6px 7px;line-height:16px;color:#555;font-size:12px;word-wrap:break-word;display:table-cell;}
.way3 li:nth-child(2) em{color:#1870c1;}
.way3 li:nth-child(3) em{color:#e84b21;}
.desc{font-size:12px;color:#555;line-height:16px;margin:10px 0 0;text-align:center;}
.call{position:relative;border:1px solid #c9c9c9;border-bottom:none;}
.call p{position:absolute;bottom:0;left:0;height:56px;background:url(/mbshome/mbs/cic_m/images/bg_repeat.png) repeat;background-size:3px auto;width:100%;text-align:center;}
.call p img{width:199px;height:31px;margin:14px auto 0;}
.call_desc{border:1px solid #c9c9c9;border-top:none;padding:15px 27px 20px;background:#ececec;}
.call_desc p{font-size:12px;color:#555;line-height:16px;margin:0 0 17px;}
.call_desc a{background:url(/mbshome/mbs/cic_m/images/bg_btn.png) repeat;background-size:3px auto;height:34px;line-height:34px;color:#fff;font-weight:bold;text-align:center;width:100%;display:block;font-size:12px;}

/* table */
.tableWrap {margin-bottom: 20px; width: 100%; border-top: 2px #999 solid; font-size: 12px;}
.tableWrap thead th{text-align: center; padding:10px 0 11px 0; background:#ededed; border-left:1px #dcdcdc solid; border-bottom:1px #dcdcdc solid; color:#666;}
.tableWrap thead th.fir{border-left:none;}
.tableWrap tbody th{text-align: center; padding:10px 0 11px 0; background:#f9f9f9; border-bottom:1px #dcdcdc solid; color:#757575;}
.tableWrap tbody td{padding:10px 10px 11px; border-left:1px #dcdcdc solid; border-bottom:1px #dcdcdc solid; text-align:center;}
.tableWrap tbody td.fir{border-left:none;}
.tableWrap.tdLeft tbody td {text-align: left;}

/* 사이버역사관 */
.logoDiv {margin-bottom: 40px;}
.logoDiv img {max-width: 321px; margin: 40px auto; display: block;}
.logoDiv ol li {color: #555; font-size: 12px; padding-left: 25px; line-height: 18px; margin-bottom: 15px; background-position: left -1px; background-repeat: no-repeat;}
.logoDiv ol li.n01 {background-image: url('/mbshome/mbs/cic_m/images/olList_01.png');}
.logoDiv ol li.n02 {background-image: url('/mbshome/mbs/cic_m/images/olList_02.png');}
.logoDiv ol li.n03 {background-image: url('/mbshome/mbs/cic_m/images/olList_03.png');}
.logoDiv ol li.n04 {background-image: url('/mbshome/mbs/cic_m/images/olList_04.png');}
.logoDiv ol li.n05 {background-image: url('/mbshome/mbs/cic_m/images/olList_05.png');}
.logoDiv ol li.n06 {background-image: url('/mbshome/mbs/cic_m/images/olList_06.png');}
.logoDiv ol li.n07 {background-image: url('/mbshome/mbs/cic_m/images/olList_07.png');}
.logoDiv ol li.n08 {background-image: url('/mbshome/mbs/cic_m/images/olList_08.png');}
.contentsBox,
.contentsBox2 {border:1px solid #bcbcbc; padding: 15px; font-size: 12px; margin: 20px 0 40px;}
.contentsBox > div {font-size: 14px; margin-bottom: 20px;}
.contentsBox > div > strong {display: block; color: #3c80dc; font-size: 16px; margin-bottom: 10px;}
.contentsBox2 {background-size: 100%; position: relative; width: 100%; height: 550px; background: url('/mbshome/mbs/cic_m/images/cic.jpg') center center no-repeat;}
.contentsBox2 .sum01 {width: 200px; position: absolute; top: 20px; left: 20px; background: url('/mbshome/mbs/cic_m/images/cicBg01.png') top left no-repeat; padding: 20px 0 0 20px;}
.contentsBox2 .sum02 {width: 200px; position: absolute; bottom: 20px; left: 20px; background: url('/mbshome/mbs/cic_m/images/cicBg02.png') top left no-repeat; padding: 20px 0 0 20px;}
.contentsBox2 .sum03 {width: 200px; position: absolute; bottom: 20px; right: 20px; background: url('/mbshome/mbs/cic_m/images/cicBg03.png') top left no-repeat; padding: 20px 0 0 20px;}
.contentsBox2 .sum01 h5 {color: #2d75d6; margin-bottom: 10px;}
.contentsBox2 .sum02 h5 {color: #067d88; margin-bottom: 10px;}
.contentsBox2 .sum03 h5 {color: #4f7d0d; margin-bottom: 10px;}

@media all and (max-width: 500px) {
	.contentsBox2 {background-size: 90%; background-position: center top; padding-top: 90%; height: auto;}
	.contentsBox2 .sum01,
	.contentsBox2 .sum02,
	.contentsBox2 .sum03 {position: static; width: 100%; margin: 20px 0;}
}