@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(https://fonts.googleapis.com/css?family=Tinos);

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;}
a:hover,a:active,a:focus {text-decoration:none}
.container {width:100%}
[class*="col-"] {
  padding: 0px !important;
}
.mt2 {margin-top:2% !important;}
.mt3 {margin-top:3% !important;}
.mt4 {margin-top:4% !important;}
.mt5 {margin-top:5% !important;}
.mt8 {margin-top:8% !important;}
.mt10 {margin-top:10% !important;}

.mt20 {margin-top:20% !important;}
.mb1 {margin-bottom:1% !important;}
.mb2 {margin-bottom:2% !important;}
.mb3 {margin-bottom:3% !important;}
.mb4 {margin-bottom:4% !important;}
.mb6 {margin-bottom:6% !important;}
.mb8 {margin-bottom:8% !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb110 {margin-bottom:10% !important;}
.mb12 {margin-bottom:10% !important;}


.white {color:#fff}
.gray {color:#404040}
.con_copy{color:#6c4b21;padding-top:4%}
.text1 {display:block; font-size:1.2em /* 16px / 12px */; line-height:21px;text-align:justify; color:#707070}
.text2 {display:block; font-size:1.4em /* 16px / 12px */; line-height:1.8em;color:#000000;}
.text3 {display:block; font-size:1.2em /* 16px / 12px */; line-height:1.5em;color:#707070}
.text4 {display:block; font-size:1.0em /* 16px / 12px */; line-height:1.6em;color:#898989}

.uList {margin:20px 0 0 100px; line-height:24px;}

.pt0 {padding-top:0 !important;}
.pd {padding:20px 15px !important}
.pd01 {padding:2px !important}
.pd02 {padding:5px !important}

.pd1 {padding:1% !important}
.pd2 {padding:0 2% !important}
.pd3 {padding:0 3% !important}
.pd3_3 {padding:4% 3% !important}

.pd4 {padding:0 4% !important}

.pd5 {padding:0 5% !important}
.pd6 {padding:0 6% !important}
.pd8 {padding:0 8% !important}
.pd10 {padding:0 10% !important}
.pd15 {padding:0 15% !important}

body {font-family:'맑은 고딕','Malgun Gothic','Dotum','AppleGothic',sans-serif; font-size:12px}

#wrap {width:100%}
header {max-width:1505px; margin:36px auto 10px auto; font-family:'Verdana','Geneva',sans-serif}
header .container .row {margin-right:0}
header .eng {font-size:0.916em /* 11px / 12px */; font-size:11px; color:#7d7d7d; margin-right:20px}
header .vol {font-family:'Verdana','nanum gothic';font-size:0.9em /* 10px / 12px */; font-size:11px; color:#858484; background:#e3e3e3; padding:5px 17px; border-radius:3px}

nav {max-width:1505px; margin:0 auto}
nav .navbar-nav {margin-top:10px}
nav.navbar-default {background:none; border:none}
.navbar-default .navbar-nav>li>a {font-size:1.333em /* 16px / 12px */; color:#000; font-weight:bold}
.navbar-default .navbar-nav>li>a:hover {color:#3387d1}
.navbar-default .navbar-nav>li>a.on {color:#3387d1}
#special .container .row {max-width:1505px; margin:0 auto; position:relative; padding:1% 0 4% 0}
#special .txt {position:absolute; top:40%; width:100%; text-align:center}
#special .mTitle {font-family:'bookman old style','Tinos', serif; font-size:1.333em /* 16px / 12px */; color:#fff}
#special .mTitle a {border:1px solid #fff; padding:1% 3%; color:#fff}
#special .sTitle {font-size:5em /* 64px / 12px */; font-weight:bold; color:#fff; margin-top:2%}
#special .sTitle a{color:#fff;}
#special .ssTitle {font-size:1.667em /* 20px / 12px */; font-weight:bold; color:#fff; margin-top:2%}
#special .ssTitle a{color:#fff;}

#space {background:#f4f4f4}
#space .container .row {max-width:1505px; margin:0 auto; padding:4% 0}
#space .container .row .col-lg-4 {padding-right:23px !important}
#space .mTitle {font-family:'bookman old style','Tinos', serif; font-size:1.333em /* 16px / 12px */; color:#464646; text-align:center; width:100%; margin-top:2%}
#space .mTitle a {border:1px solid #464646; padding:1% 3%; display:inline-block; color:#464646}
#space .sTitle {font-size:1.9em /* 36px / 12px */; font-weight:bold; color:#464646; text-align:center; width:100%; margin-top:1%}
#space .sTitle a{color:#464646;}
#space .ssTitle {font-size:1.3em /* 36px / 12px */; font-weight:normal; color:#464646; text-align:center; width:100%; margin-top:1%}
#space .ssTitle a{color:#464646;}
#ictDesign .container .row {max-width:1505px; margin:0 auto; position:relative; padding:3% 0}
#content .container .row {max-width:1505px; margin:0 auto; padding:0 0 2% 0}
#content .people {padding-right:20px !Important}
#content .story {padding:0 10px !Important}
#content .news {padding-left:20px !Important}
#content .mTitle {font-family:'bookman old style','Tinos', serif; font-size:1.333em /* 16px / 12px */; color:#464646; text-align:center; width:100%; margin-top:7%}
#content .mTitle a {border:1px solid #464646; padding:1% 7%; display:inline-block; color:#464646}
#content .sTitle {font-size:1.9em /* 36px / 12px */; font-weight:bold; color:#464646; text-align:center; width:100%; margin-top:4%}
#content .sTitle a{color:#464646;}
#content .ssTitle {font-size:1.3em /* 36px / 12px */; font-weight:normal; color:#464646; text-align:center; width:100%; margin-top:1%}
#content .ssTitle a{color:#464646;}

footer {background:#404040; padding-bottom:4%}
footer .fa-stack {font-size:1.5em}
.btn-footer {border:1px solid #ccc; color:#b4b4b4; font-size:1.13em /* 14px / 12px */;}
.btn-footer:hover {color:#fff}
.btn02-footer {border:1px solid #ccc; color:#d1d1d1; font-size:1.13em /* 14px / 12px */; font-weight:bold;}
.btn02-footer:hover {color:#fff}

.sns {margin-top:3%}
.footerBtn {margin-top:2%}
address {margin-top:2%; font-size:1.167em /* 14px / 12px */; color:#d7d7d7}
.copyright {font-size:0.916em /* 11px / 12px */; color:#9c9b9b; margin-top:1%}
.vimeoWrap{
     position: relative;
    padding-bottom: 54.00%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
    margin: 0;
  }
.vimeoWrap iframe,
.vimeoWrap object,
.vimeoWrap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.vimeoWrap02{
     position: relative;
    padding-bottom: 52.50%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
    margin: 0;
  }
.vimeoWrap02 iframe,
.vimeoWrap02 object,
.vimeoWrap02 embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#s_special .container .row {max-width:1505px; margin:0 auto; position:relative; padding:1% 0 2% 0}
#s_special .txt {position:absolute; top:40%; width:100%; text-align:center}
#s_special .mTitle {font-family:'bookman old style','Tinos', serif; font-size:1.333em /* 16px / 12px */; color:#fff}
#s_special .mTitle a {border:1px solid #fff; padding:1% 3%; color:#fff}
#s_special .sTitle {font-size:5em /* 60px / 12px */; font-weight:bold; color:#fff; margin-top:2%}
#s_special .ssTitle {font-size:1.667em /* 20px / 12px */; font-weight:bold; color:#fff; margin-top:2%}

#s_people .container .row {max-width:1505px; margin:0 auto; position:relative; padding:1% 0 4% 0}
#s_people .txt {position:absolute; top:35%; width:100%; text-align:center}
#s_people .mTitle {font-family:'bookman old style','Tinos', serif; font-size:1.333em /* 16px / 12px */; color:#fff}
#s_people .mTitle a {border:1px solid #fff; padding:1% 3%; color:#fff}
#s_people .sTitle {font-size:5em /* 60px / 12px */; font-weight:bold; color:#fff; margin-top:2%}
#s_people .ssTitle {font-size:1.667em /* 20px / 12px */; font-weight:bold; color:#fff; margin-top:2%}

.con {padding:3% 0}
.con .container .row {width:85%;max-width:1505px; margin:0 auto}
.con h2 {font-size:3.75em /* 45px / 12px */; font-family:'Nanum Gothic', serif; font-weight:600}
.con h3 {font-size:2.2em /* 30px / 12px */; font-family:'Nanum Gothic', serif; font-weight:600; line-height:1.5em;}
.con h4 {font-size:1.8em /* 18px / 12px */; font-family:'Nanum Gothic', serif; font-weight:600}
.con h5 {font-size:1.5em /* 18px / 12px */; font-weight:600;color:#000;text-align:left}
.con h6 {font-size:1.3em /* 18px / 12px */; font-weight:400;color:#707070;text-align:center}

.tabStyle {overflow:hidden;}
.tabStyle li {list-style:none; text-align:center}
.tabStyle li.on a {background:#000; color:#fff}
.tabStyle li a:hover {background:#000; color:#fff}
.tabStyle li a {display:block; float:left; background:#e1e1e1; padding:1% 0 !important; font-family:'Verdana','Malgun Gothic','Geneva',sans-serif; font-size:1.167em /* 14px / 12px */; color:#000;}
.tab2 li a {width:50%}
.tab3 li a {width:33.3%;}
.tab4 li a {width:25%;}

.circle1 {background-color:#807362; width:18em; height:18em; border-radius:18em; -webkit-border-radius:18em; -moz-border-radius:18em; margin:0 auto}
.cm1 {font-family:'Verdana','Geneva',sans-serif; font-size:1.5em /* 18px / 12px */; color:#fff; font-weight:bold; padding-top:25%}
.cm2 {font-size:1.333em /* 16px / 12px */; color:#fff; padding-top:15%}
.cm3 {font-size:1.333em /* 16px / 12px */; color:#fff; padding-top:10%}
.circle1 .bar {width:32px; height:3px; border-bottom:3px solid #fff; margin:0 auto}
.tblSkin th {text-align:center; background:#ededed}

.source{text-align:right; font-size:0.9em; color:#959595;}
.source a{color:#959595;}

.source02{font-size:1.0em; color:#78498f;}

.top {display:block; position:fixed;	bottom:20px; right:30px; z-index:200; width:26px; height:30px;font-size:11px; text-decoration:none; text-align:center;}



#map {height:100%}


@media screen and (max-width: 450px) {
	body {font-size:4px}
	nav .logo {width:140px}
	#special .txt, #s_special .txt, #s_people .txt {top:30%}
	.text1 {line-height:14px}
	#special .sTitle, #s_special .sTitle, #s_people .sTitle {font-size:2.5em !important;}
	.fbIcon {top:-2px !important; right:90px !important}
	.twIcon {top:-2px !important; right:115px !important}
	.circle1 {width:14em; height:14em; border-radius:14em; -webkit-border-radius:14em; -moz-border-radius:14em}
	.uList {margin-left:20px; line-height:16px;}
}

@media screen and (max-width: 767px) {
	body {font-size:6px}
	.uList {margin-left:30px}
	.gmap {height:300px}
}

@media (min-width: 768px) and (max-width: 991px) {	
	.navbar-default .navbar-nav>li {margin-left:30px}
	.navbar-default .navbar-nav>li>a {padding:15px 0}
	.uList {margin-left:30px}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.navbar-default .navbar-nav>li {margin-left:60px}
	.navbar-default .navbar-nav>li>a {padding:15px 0}
	.uList {margin-left:40px}
}

@media (min-width: 1200px) and (max-width: 1400px) {
	.navbar-default .navbar-nav>li {margin-left:100px}
	.navbar-default .navbar-nav>li>a {padding:15px 0}
	.uList {margin-left:60px}
}

@media (min-width: 1400px) and (max-width: 1530px) {
nav .container {padding-right:15px; padding-left:15px}
}

@media (min-width: 1531px) {
	header .container .row {margin-right:-15px}
	nav .container {padding-right:0; padding-left:0}
	.navbar-default .navbar-nav>li {margin-left:100px}
	.navbar-default .navbar-nav>li>a {padding:15px 0}	
}