@charset "UTF-8";
@import url(board.css);
@import url(member.css);



/* Noto Sans KR */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: url('font/notokr-Light.eot');
    src: local('※'),
    url('font/notokr-Light.woff') format('woff');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
	src: url('font/notokr-Regular.eot');
	src: local('※'),
         url('font/notokr-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
	src: url('font/notokr-Medium.eot');
	src: local('※'),
         url('font/notokr-Medium.woff') format('woff');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
	src: url('font/notokr-Bold.eot');
	src: local('※'),
         url('font/notokr-Bold.woff') format('woff');
}




*{margin:0; padding:0;}
html{width:100%; height:100%}
body{position:relative; font-family: 'Noto Sans KR', 'Verdana', sans-serif;  font-size:16px; line-height:28px; color:#555; letter-spacing:-0.04em; height:100%; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; line-height:1;}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,table,tr,th,td{margin:0; padding:0}
ul,ol,li{list-style:none}
img, fieldset{border:none; vertical-align:top}
legend, caption{position:absolute; top:-9999px; left:-9999px; z-index:-1}
textarea, button{vertical-align:middle} 
input, select{vertical-align:middle; background:#fff; border:1px solid #e1e1e1; font-family:'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#555; letter-spacing:-0.6px; border-radius:0; font-size:16px}
input{padding:3px 10px; height:32px}
option{padding:3px 10px;}
input[type="radio"],input[type="checkbox"] {border:0; padding:0; height:auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
input[type="password"] {background:#fff; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
input[type="text"] {background:#fff; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
input[type="tel"] {background:#fff; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
select{padding:5px; height:40px; border:1px solid #e1e1e1; background:#fff;}
textarea{padding:10px; vertical-align:middle; background:#fff; border:1px solid #e1e1e1; font-family:'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#555; font-size:16px; letter-spacing:-0.6px; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius:0}
a{text-decoration:none; color:#555;}
a:hover, a:focus, a:active{text-decoration:none;}
table{border-collapse:collapse; width:100%;}
button{background:none; border:none; padding:0; margin:0; cursor:pointer; overflow:visible; white-space: nowrap;  font-size:16px; font-family:'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', sans-serif;}
button:active {outline: none}
button::-moz-focus-inner {padding:0; border:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
em{font-style:normal}
th{font-weight:normal}
::-webkit-input-placeholder {color:#cfcfcf;}
:-moz-placeholder {color:#cfcfcf; opacity:1;}
::-moz-placeholder {color:#cfcfcf; opacity:1;}
:-ms-input-placeholder {color:#cfcfcf;}
:placeholder-shown {color:#cfcfcf;}







/* 간격 */
.mt0{margin-top:0px !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt45{margin-top:45px !important}
.mt50{margin-top:50px !important}
.mt55{margin-top:55px !important}
.mt60{margin-top:60px !important}
.mt70{margin-top:70px !important}
.mt100{margin-top:100px !important}
.pt90{padding-top:90px !important}

.grd
{
	position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; opacity:0.8;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c4c4c+0,131313+100 */
	background: rgb(0, 110, 183); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(115,207,70,1) 0%, rgba(28,66,189,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(115,207,70,1) 0%, rgba(28,66,189,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(115,207,70,1) 0%, rgba(28,66,189,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73cf46', endColorstr='#1c42bd',GradientType=0 ); /* IE6-9 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}



body.lypopOpen{overflow:hidden;}
#wrapper {position:relative; width:100%; overflow:hidden;}
#cBody {position:relative; width:100%;}
.subWrap {position:relative; padding:0 0 130px; width:100%;}
.subWrap.pbNo {padding:0}
.container {position:relative; width:1200px; margin:0 auto;}
.blackBg {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:100; display:none;}
.clear:after{content:''; display:block; clear:both;}
.blind{width:0; height:0; text-indent:-9999px; font-size:0;}


.cboth {clear:both;}

img,video,embed,object {max-width:100%}

.m_view {display:none;}
.pc_view {display:block;}


/*본문 바로가기*/
.goCon{position:fixed; top:-50px; left:0; z-index:1; text-align:center; box-sizing:border-box; padding:15px 0; width:100%; height:50px; color:#fff; line-height:1; background:#272727;}
.goCon:focus{top:0;}

#wrapper {min-width:1200px;}

/* header */
#util {position:absolute; z-index:80; right:155px; top:15px;}
#util a {font-weight:500; font-size:12px; color:#555; display:inline-block; position:relative; padding-left:10px; margin-left:10px; line-height:12px; letter-spacing:0; border-left:1px solid #d3d3d3;}
#util a:before {content:''; position:absolute; top:50%; left:0; margin-top:-6.5px;  background:#e1e1e1;}
#util a:first-child {padding-left:0; margin-left:0; border-left:none;}
#util a:first-child:before {display:block;}
#util a:hover, #util a:focus {color:#0050a2;}

#lang {position:absolute; z-index:80; right:0; top:10px;}


#header {position:relative; top:0; left:0; width:100%; height:130px; border-bottom:1px solid #e1e1e1; background:#fff; z-index:70;}
#header .container {z-index:2}
#header .container:after {content:''; display:block; clear:both;}
#header h1 {position:absolute;  top:20px; left:0}



.head-nav { display: block; position:absolute; top:56px; right:0; z-index:999; }


#menu {width:980px; }

#menu ul {margin:0; margin-left:-5px; padding:0; list-style:none; white-space:nowrap; text-align:left; }

#menu ul li {margin:0; padding:0; list-style:none; }
#menu ul li:hover > ul {visibility:visible; left:0; top:45px;}
#menu ul li a {display: block;  font-size:19px;  color:#333; font-weight:700; line-height:50px; padding:0 50px 25px 50px; }
#menu ul li a:hover { font-weight:700;  color:#0084c9;}

#menu ul li ul {position:absolute; left:-9999px; top:75px !important;}
#menu ul li ul li {width:170px;  text-align:center; }
#menu ul li ul li a { font-size:14px; font-weight:400; color:#fff;background:#0084c9; padding:10px 0; line-height:18px; border-bottom:1px solid #4699c6; border-left:none; }
#menu ul li ul li a:hover {background:#0050a2;  color:#fff; font-weight:400;}

#menu ul.level1 li.level1-li {float:left; display:block; position:relative; }

#menu li:hover > a, #menu ul li:hover > a.fly {  font-weight:700;  color:#0084c9; }






/* 모바일 헤더 */
.mHeader, .mMenuArea {display:none;}



/* footer */
#f_m {position:relative; clear:both; font-size:16px;width:1200px; margin:0 auto;text-align:center;}
#f_m ul li {display:inline-block; .display:inline-block;zoom:1;#display:inline;  margin:0 20px;}
#f_m ul li a {color:#fff; font-weight:500;}


#footer_wrap {position:relative; clear:both; background:#414141; color:#999; text-align:center; padding:60px 0;}
#footer_wrap #footer {position:relative; clear:both; width:1200px; margin:0 auto; line-height:20px;  font-size:14px; }

#footer_wrap #footer .address {position:relative; text-align:center; margin-top:40px;}
#footer_wrap #footer .address ul {clear:both;}
#footer_wrap #footer .address ul li {display:inline-block; .display:inline-block;zoom:1;#display:inline; padding-left:20px; margin:5px 0 5px 20px;background:url(../images/common/footer_line.jpg) no-repeat left; }
#footer_wrap #footer .address ul li:first-child {padding-left:0; background:none; margin-left:0;}
#footer_wrap #footer .address p {position:relative; clear:both;}
#footer_wrap #footer .address ul li strong {color:#fff; font-weight:500;}
#footer_wrap #footer .sns {position:absolute; top:-57px; right:0;}
#footer_wrap #footer .sns ul li {float:left; margin-left:10px;}



/* 탑버튼 */
.topBtn {position:fixed; bottom:0; right:40px; display:none; z-index:70;}





/* ------------------main --------------------*/

/* 비주얼 */
.mainVisArea {position:relative; width:100%; overflow:hidden;}
.mainVisArea .swiper-wrapper .swiper-slide {display:block; position:relative; width:100%; height:100%;}
.mainVisArea .swiper-wrapper .swiper-slide img {width:100%}
.mainVisArea .swiper-wrapper .swiper-slide .pc {display:block;}
.mainVisArea .swiper-wrapper .swiper-slide .tablet {display:none;}
.mainVisArea .swiper-wrapper .swiper-slide .mobile {display:none;}
.mainVisArea .swiper-wrapper .swiper-slide .txtBox {position:absolute; top:180px; left:50%; box-shadow:5px 5px 50px 0 rgba(0,0,0,0.2); -ms-transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -o-transform:translate(-50%, 0); transform:translate(-50%, 0); opacity:0;}
.mainVisArea .swiper-wrapper .swiper-slide .tit{margin-top:175px; font-size:80px; line-height:88px; font-family:'NotoSans-Black', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#fff;}
.mainVisArea .swiper-wrapper .swiper-slide .txt{margin-top:20px; font-size:20px; line-height:30px; color:#fff;}
.mainVisArea .swiper-wrapper .swiper-slide .mainBt{
	display:inline-block; height:50px; padding:0 40px; font-size:18px; color:#fff; line-height:48px; text-align:center; border-radius:25px; margin-top:40px;
	background: rgb(10, 112, 223); /* Old browsers */
	background: -ms-linear-gradient(to bottom right,  rgba(10, 112, 223,1) 0%, rgba(35,136,249,1) 100%); /* ie */
	background: -o-linear-gradient(to bottom right,  rgba(10, 112, 223,1) 0%, rgba(35,136,249,1) 100%); /* opera */
	background: -moz-linear-gradient(to bottom right,  rgba(10, 112, 223,1) 0%, rgba(35,136,249,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(to bottom right,  rgba(10, 112, 223,1) 0%, rgba(35,136,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom right,  rgba(10, 112, 223,1) 0%, rgba(35,136,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.mainVisArea .swiper-button-prev {left:40px; width:70px; height:70px; background:url("../images/main/imgRoll_prev.png") no-repeat 50% 50%;}
.mainVisArea .swiper-button-prev:hover {background:url("../images/main/imgRoll_prev_on.png") no-repeat 50% 50%;}
.mainVisArea .swiper-button-next {right:40px; width:70px; height:70px; background:url("../images/main/imgRoll_next.png") no-repeat 50% 50%;}
.mainVisArea .swiper-button-next:hover {background:url("../images/main/imgRoll_next_on.png") no-repeat 50% 50%;}
.mainVisArea .swiper-pagination {display:inline-block; padding:15px 65px 15px 31px;  width:auto; height:11px; left:50%; bottom:50px; background:rgba(0,0,0,0.5); overflow:hidden; border-radius:20.5px; -ms-transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -o-transform:translate(-50%, 0); transform:translate(-50%, 0);}
.mainVisArea .swiper-pagination .swiper-pagination-bullet {vertical-align:top; width:11px; height:11px; margin:0 0 0 10px; background:url("../images/main/imgRoll_indi.png") no-repeat 50% 50%;}
.mainVisArea .swiper-pagination .swiper-pagination-bullet:first-child {margin:0;}
.mainVisArea .swiper-pagination .swiper-pagination-bullet-active {background:url("../images/main/imgRoll_indi_on.png") no-repeat 50% 50%;}
.mainVisArea .swiper-pagination .playBtn {display:block; width:41px; height:41px; position:absolute; top:0; right:0; background:rgba(0,0,0,0.2) url("../images/main/play_bt.png") no-repeat 50% 50%; border-radius:20.5px;}
.mainVisArea .swiper-pagination .playBtn.on {background:rgba(0,0,0,0.2) url("../images/main/play_bt_on.png") no-repeat 50% 50%;}



.mcontents {position:relative; clear:both; width:1200px; margin:0 auto; padding:80px 0;}
.mcontents .mt45 {margin-top:45px;}


#mission{position:relative; float:left; width:370px; }

#mlinkbox {position:relative;  float:left; width:368px; height:298px;  border:1px solid #e7e7e7; text-align:center; margin-left:45px;}
#mlinkbox .txt {position:relative; clear:both; margin-top:25px; font-size:14px; color:#666; line-height:20px;}
#mlinkbox .txt p.red {color:#c52412; font-weight:700;}

#news_wrap {position:relative;  float:right; width:368px; height:298px;  border:1px solid #e7e7e7;}
#news_wrap .news {position:relative; clear:both; padding:30px 40px;}
#news_wrap .news .list {position:relative; clear:both; margin-top:30px;}
#news_wrap .news .list ul li {background:url(../images/main/icon_blue.jpg) no-repeat 0 13px; padding-left:10px;}
#news_wrap .news .list ul li a {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; color:#555; font-weight:500; line-height:30px;}
#news_wrap .news .list ul li a:hover {color:#0050a2; text-decoration:underline;}
#news_wrap .news .btn_more {position:absolute; top:30px; right:40px;}
#news_wrap .call {position:absolute; bottom:0; width:100%;text-align:center;font-size:16px; color:#343434; font-weight:500; background:#f3f3f3; border-top:1px solid #ededed; line-height:70px;}
#news_wrap .call span {color:#0084c9; font-size:18px; font-weight:700; margin-left:10px;}

#community {position:relative; clear:both; float:left; width:370px; }
#community  .box {position:relative; clear:both; height:103px; padding-top:35px; background:#f3f3f3; border:1px solid #e7e7e7; font-size:14px; color:#666; font-weight:500; line-height:20px;}
#community  .box .icon {position:relative; float:left; width:155px; text-align:center;}
#community  .box .txt {position:relative; float:left; width:213px;}

#edudata {position:relative;  float:left; width:370px; height:300px;  margin-left:45px; background:url(../images/main/edudata_bg.jpg) no-repeat;}
#edudata h2 {color:#fff; padding-top:45px; text-align:center;}
#edudata .link {position:relative; clear:both;  width:170px; margin:0 auto; border-top:1px solid #a69d95; margin-top:20px;}
#edudata .link ul li {line-height:39px; background:url(../images/main/arrow.png) no-repeat right; border-bottom:1px solid #a69d95;}
#edudata .link ul li a {color:#fff; font-size:14px; font-weight:500;}


h2 { font-size:20px; color:#222; font-weight:700; margin-bottom:10px;}
h3 { font-size:25px; color:#333; font-weight:900;  background:url(../images/sub/bar.jpg) no-repeat 0 0; padding-top:15px;}


/*------------------ sub ------------------*/
.subvisual {position:relative; clear:both; height:155px; padding-top:95px;  font-size:40px; line-height:35px; letter-spacing:6px; font-weight:900;text-align:center; color:#fff;}
.subvisual  p { margin-bottom:15px;  font-size:15px; font-weight:500; letter-spacing:-0.03em; line-height:15px;}

.vis01 {position:relative; clear:both; background:url(../images/sub/visual.jpg) no-repeat center;}
.vis02 {position:relative; clear:both; background:url(../images/sub/visual02.jpg) no-repeat center;}
.vis03 {position:relative; clear:both; background:url(../images/sub/visual03.jpg) no-repeat center;}
.vis04 {position:relative; clear:both; background:url(../images/sub/visual04.jpg) no-repeat center;}
.vis05 {position:relative; clear:both; background:url(../images/sub/visual05.jpg) no-repeat center;}
.vis06 {position:relative; clear:both; background:url(../images/sub/visual06.jpg) no-repeat center;}
.vis07 {position:relative; clear:both; background:url(../images/sub/visual07.jpg) no-repeat center;}
.vis08 {position:relative; clear:both; background:url(../images/sub/visual08.jpg) no-repeat center;}


#s_container {position:relative; clear:both;padding:70px 0 100px 0;}
.stitle {position:relative; clear:both; font-size:30px; color:#000; font-weight:700; text-align:center; margin-bottom:70px;}
.contents {position:relative; clear:both; width:1200px; margin:0 auto; line-height:28px;}


/* snb style */
#snb {position:relative; clear:both; height:70px; padding-top:5px; background:#f9f9f9; border-bottom:1px solid #e2e2e2; text-align:center;}
#snb ul li {display:inline-block;  .display:inline-block;zoom:1;#display:inline;  letter-spacing:-0.05em;}
#snb a {display:block;  font-size:17px;font-weight:700;  text-align:center; line-height:65px; color:#555; padding:0 30px; }
#snb a.snb_on, #snb a.snb_on:hover {color:#0084c9; border-bottom:5px solid #0084c9;}
#snb a:hover{color:#111;}


.snb_tab {position:relative; clear:both;text-align:center; margin-top:50px;}
.snb_tab ul li {display:inline-block;  .display:inline-block;zoom:1;#display:inline;  font-size:18px; font-weight:500;}
.snb_tab ul li a {display:block; color:#555; padding:15px 60px;background: #efefef; margin:0 10px; border-radius:30px;}
.snb_tab ul li a.tab_on {background: #0084c9; color:#fff; font-weight:700;}








#location {position:relative; clear:both;}
#location ul li.tt {color:#4465a2; font-size:18px; font-weight:500; margin-bottom:10px; background:none; padding-left:0;}
#location ul li br {display:none;}
#location ul li {background:url(../images/sub/icon_gray.jpg) no-repeat 0 9px; padding-left:7px;}
#location ul li strong {color:#333; font-weight:500; }

.map {width:100%; overflow:hidden; margin-top:30px;}
.map .frame {width:1920px; height:400px; margin-left:-960px;padding-left:50%;}

.person_img {text-align:center; padding:20px 0;}

.icon_li {position:relative; clear:both; padding:20px 0; }
.icon_li ul li {background:url(../images/sub/icon_gray.jpg) no-repeat 0 9px; padding-left:7px; }






#other {position:relative; clear:both; width:600px; padding:20px; margin:0 auto; border:10px solid #572359;}
#other h2 {font-size:30px; color:#222; font-weight:500; text-align:center; padding:20px 0;}
#other textarea{padding:10px; width:580px; height:500px; border:1px solid #dfdfdf; font-family:'NG'; font-size:14px; line-height:23px;
scrollbar-face-color:#FFFFFF;		
scrollbar-highlight-color:#CFCFCF;		
scrollbar-3dlight-color:#FFFFFF;		
scrollbar-shadow-color:#CFCFCF;		
scrollbar-darkshadow-color:#FFFFFF;		
scrollbar-track-color:#FFFFFF;		
scrollbar-arrow-color:#D0D0D0; 
}








.map_info {position:relative; clear:both; border-top:1px solid #e1e1e1; padding:40px 0;}
.map_info ul {width:1200px; margin:0 auto;}
.map_info ul li {float:left; margin:10px 40px;}
.map_info ul li.tt {font-size:20px; color:#572359; font-weight:700; letter-spacing:-0.05em; line-height:18px;}
.map_info ul li span {margin-right:10px;background:#8bc63e; color:#fff;font-weight:500; letter-spacing:0px; padding:2px 10px; border-radius:20px; text-align:center;}
#map_wrap {position:relative; clear:both; }
#map_wrap h3 {font-size:19px; color:#222; font-weight:500; text-align:center;}
#map_wrap span {color:#ff5a00; font-weight:700; }
#map {position:relative; clear:both;   overflow:hidden; }
#map .frame {width:1200px; height:550px;}





/*비밀번호 팝업*/
#layer_popup {display:none; margin:0;padding:30px 20px;background-color:#ffffff;z-index:2000;}
#layer_popup .b-close {color:#f37a20;font-weight:bold;cursor:pointer; background:#999 !important;}
#layer_popup .popupContent {margin:0;padding:0;text-align:center;border:0;width:200px;height:200px; font-weight:700; color:#222; letter-spacing:-0.05em;}
#layer_popup .popupContent p {margin-bottom:5px;}
#layer_popup .popupContent iframe {border:0;padding:0px;margin:0;z-index:10;}
#layer_popup .popupContent button{ line-height:30px; margin:0; padding:5px 82px; text-align:center; color:#fff; background:#0050a2; font-weight:500; font-size:14px;}
#layer_popup .popupContent .txt {font-size:13px; font-weight:400; line-height:18px;}



.blue {color:#0084c9;}
.orange {color:#e16f00;}

#missionstatement {position:relative; clear:both;}
#missionstatement p {font-size:27px; color:#222; font-weight:700; text-align:center;}
#missionstatement .icon_wrap {position:relative; clear:both; border-top:1px solid #dfdfdf; margin-top:50px; padding:50px 0;}
#missionstatement .icon_wrap .icon {position:relative;  float:left;}
#missionstatement .icon_wrap .icon ul li {padding:5px 0;}
#missionstatement .icon_wrap .icon ul li img {margin-right:15px;}
#missionstatement .icon_wrap .ml100 {margin-left:100px;}
#missionstatement .mission_box {position:relative; float:left; width:540px; background:#efefef; margin:60px 30px 0 30px;}
#missionstatement .mission_box .txt {position:relative; clear:both; text-align:center; color:#555; font-size:17px; font-weight:700; line-height:30px; padding:15px 0; }


#purpose {position:relative; clear:both;}
#purpose p {font-size:27px; color:#222; font-weight:100; text-align:center; line-height:35px; letter-spacing:-0.05em;}
#purpose p.tt {font-weight:700; padding:80px 0;}


#greeting {position:relative; clear:both;}
#greeting p {font-size:27px; color:#222; font-weight:100; text-align:center; line-height:35px; letter-spacing:-0.05em;}
#greeting p.tt {font-weight:700; padding:80px 0;}
#greeting .img {position:relative; clear:both; margin-top:100px;}
#greeting .txt {position:relative; clear:both; margin-top:100px;}
#greeting .txt p {font-size:17px; font-weight:500; line-height:28px; margin-bottom:35px;}
#greeting .txt p span {color:#0084c9; font-weight:700;}


#vision {position:relative; clear:both; text-align:center;}
#vision h3 {text-align:left;margin:100px 0 30px 0; }
#vision .corecompetency {position:relative; clear:both; border:1px solid #dfdfdf; background:#fcfcfc; }
#vision .corecompetency .img {float:left;}
#vision .corecompetency .txt {float:left; text-align:left; padding:70px 0 0 80px; font-size:18px; font-weight:700; line-height:45px;}



#export {position:relative; clear:both;}
#export p {font-size:27px; color:#222; font-weight:100; text-align:center; line-height:35px; letter-spacing:-0.05em;}
#export .box {position:relative; float:left; margin:70px 15px; width:370px; background:#f1f1f1;}
#export .box ul li {float:left;}
#export .box ul li.step {width:80px; height:90px; line-height:90px; text-align:center; color:#fff; background:#0084c9; font-size:50px; font-weight:900; }
#export .box ul li p {font-size:16px; font-weight:700; line-height:26px; color:#555; text-align:left; padding:20px 0 0 20px;}
#export .orange {font-size:17px; color:#e16f00; font-weight:500;}




.popup {position:absolute;width:500px;left:10px; right:10px; top:10px;z-index:200000;visibility:hidden;}
.popup table {width:500px !important; font-size:13px;}
.popup table strong {margin-left:10px;}


#history {position:relative; clear:both;border-top:2px solid #444; margin-top:30px;}
#history .list {position:relative; clear:both; border-bottom:1px solid #dfdfdf; padding:15px 0;}
#history .list .img {float:left;width:180px; margin-right:50px;}
#history .list .text {float:left;}
#history .list .text ul li {padding-top:20px;}
#history .list .text ul li.year {width:200px;font-size:25px; color:#0084c9; font-weight:900;}


#humannetwork {position:relative; clear:both;}
#humannetwork .box {position:relative; clear:both; background:#646464; margin-top:30px;}
#humannetwork .box .img {float:left; width:600px;}
#humannetwork .box .text {float:left; width:460px; padding:70px; color:#fff; font-size:18px; line-height:30px; font-weight:100;}
#humannetwork .txt {position:relative; clear:both; font-size:23px; line-height:40px; margin-top:70px; font-weight:100;}
#humannetwork .round {position:relative; clear:both; margin:0 auto;width:1050px;}
#humannetwork .round ul li {float:left; margin:50px; width:250px; height:250px; text-align:center; color:#fff; font-size:24px; line-height:30px; font-weight:700;border-radius:250px; }
#humannetwork .round ul li img {margin:50px 0 20px 0;}
#humannetwork .round ul li.bg1 {background:#00c3c9;}
#humannetwork .round ul li.bg2 {background:#005ec9;}
#humannetwork .round ul li.bg3 {background:#4e09c0;}
#humannetwork .step {position:relative; clear:both; margin-top:50px;}
#humannetwork .step ul {clear:both;background:#0084c9; margin-bottom:30px;}
#humannetwork .step ul li {float:left; width:82%; padding:2%;  background:#fafafa;  color:#555; font-weight:500; line-height:24px;}
#humannetwork .step ul li.tt {width:10%; padding:2%; text-align:center; background:#0084c9; color:#fff; font-size:20px; }


#seoultourtrade  {position:relative; clear:both;}
#seoultourtrade .img {float:left; width:570px;}
#seoultourtrade .txt {float:right; width:570px;}








/*====================================모바일====================================*/



@media all and (max-width:800px) {
	#wrapper {min-width:320px;}
	.subWrap {padding:0 0 100px;}
	.container {width:auto; padding:0 5%;}

	.m_view {display:block;}
	.pc_view {display:none;}


	.mview {display:block; position:absolute; right:15px; top:20px;z-index:999; font-size:13px;}

	#header  {display:none;}
	#mutil {position:relative; clear:both; margin-top:30px;}
	#mutil ul li {clear:both; margin-top:10px; margin-left:30px; font-size:13px;}
	#mutil ul li a {color:#777;}
	#mlang {position:relative; clear:both; margin:20px 0 0 30px;}
	#mlang img {width:35px;}

	

	/* 모바일 헤더 */
	.mHeader {position:relative; top:0; left:0; display:block; width:100%; height:70px; background:#fff; z-index:100;}
	.mHeader > div {position:relative; top:0; left:0; width:100%; height:70px; background:#fff; border-bottom:1px solid #e1e1e1;}
	.mHeader .menuBtn {position:absolute; left:15px; top:50%; -ms-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -moz-transform:translate(0, -50%); -o-transform:translate(0, -50%); transform:translate(0, -50%);}
	.mHeader .menuBtn img {width:25px;}
	.mHeader .logo {position:absolute; left:50%; top:50%; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
	.mHeader .logo img{width:60px; margin-top:0px;}


	/* 모바일 메뉴영역 */
	.mMenuArea {display:block; position:absolute; top:0; left:-100%; width:100%; height:100%; background:#fff; z-index:9999999;}
	.mMenuArea .top {
		position:relative; height:50px;
		background: #0084c9; /* Old browsers */
		
	}
	.mMenuArea .top .loginBt {position:absolute; top:50%; left:30px;  height:38px; line-height:36px; font-size:19px;font-weight:500;color:#fff;  -ms-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -moz-transform:translate(0, -50%); -o-transform:translate(0, -50%); transform:translate(0, -50%);}
	.mMenuArea .top .closeBt {position:absolute; top:50%; right:21px; -ms-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -moz-transform:translate(0, -50%); -o-transform:translate(0, -50%); transform:translate(0, -50%);}
	.mMenuArea .util {padding:26px 0; text-align:center; background:#3b079c;}
	.mMenuArea .util a {position:relative; display:inline-block; padding-left:25px; margin-left:24px; font-size:18px; color:#fff;}
	.mMenuArea .util a:before {content:''; position:absolute; top:50%; left:0; width:1px; height:17px; margin-top:-8.5px; background:rgba(255,255,255,0.2);}
	.mMenuArea .util a:first-child {padding-left:0; margin-left:0;}
	.mMenuArea .util a:first-child:before {display:none;} 

	.mMenuArea .gnbArea .oneD {display:block; font-weight:500; font-size:16px; color:#222; padding:20px 30px; border-bottom:1px solid #e1e1e1; background:url("../images/common/m_oneD_icon.png") no-repeat 100% 20px;}
	.mMenuArea .gnbArea .oneD.on { color:#0084c9; font-weight:700; background:url("../images/common/m_oneD_icon_on.png") no-repeat 100% 29px #f2f2f2; }
	.mMenuArea .gnbArea .twoD {display:none; padding:0 15px; border-bottom:1px solid #e1e1e1; background:#f2f2f2}
	.mMenuArea .gnbArea .twoD > a {display:block;  font-size:14px; color:#555; font-weight:500;padding:15px 30px; border-bottom:1px solid #dadada}
	.mMenuArea .gnbArea .twoD:last-child > a:last-child {border-bottom:0px solid #e1e1e1;}
	.mMenuArea .gnbArea .twoD > a.on {}
	.mMenuArea .gnbArea .twoD > a.thrBt{background:url("../images/common/thrBt.png") no-repeat 95% center; background-size:30px;}
	.mMenuArea .gnbArea .twoD > a.thrBt.on{background:url("../images/common/thrBt_on.png") no-repeat 95% center; background-size:30px; border-bottom:1px solid #dadada;}
	.mMenuArea .gnbArea .twoD > a:nth-last-of-type(1){border-bottom:none;}
	.mMenuArea .gnbBanner {width:94%; margin:50px auto;}
	.mMenuArea .gnbBanner img {width:100%;}





	/* footer */
	#f_m {position:relative; clear:both; font-size:14px;width:100%; margin:0 auto;text-align:center; line-height:60px;}
	#f_m ul li {display:inline-block; .display:inline-block;zoom:1;#display:inline;  margin:0 15px;}
	#f_m ul li a {color:#fff; font-weight:500;}
	#f_m ul li.pc_view {display:none;}


	#footer_wrap {position:relative; clear:both; background:#414141; color:#aaa; text-align:center; padding:0;}
	#footer_wrap #footer {position:relative; clear:both; width:100%; margin:0 auto; line-height:20px;  font-size:14px; }

	#footer_wrap #footer .address {position:relative; text-align:left; margin-top:0; padding:30px 20px ;border-top:1px solid  #555;}
	#footer_wrap #footer .address ul {clear:both;}
	#footer_wrap #footer .address ul li {clear:both; display:block; .display:inline-block;zoom:1;#display:inline; padding-left:0; margin:0;background:url(../images/common/footer_line.jpg) no-repeat left; }
	#footer_wrap #footer .address ul li:first-child {padding-left:0; background:none; margin-left:0;}
	#footer_wrap #footer .address p {position:relative; clear:both;}
	#footer_wrap #footer .address ul li strong {color:#fff; font-weight:500;}


	
	/* 탑버튼 */
	.topBtn {position:fixed; bottom:0; right:0; display:none; z-index:70;}





	/* -----------------------------main--------------------------------- */

	/* 비주얼 */
	.mainVisArea .swiper-wrapper .swiper-slide .pc {display:none;}
	.mainVisArea .swiper-wrapper .swiper-slide .tablet {display:block;}
	.mainVisArea .swiper-wrapper .swiper-slide .mobile {display:none;}
	.mainVisArea .swiper-wrapper .swiper-slide .container{width:600px;}
	.mainVisArea .swiper-wrapper .swiper-slide .tit{margin-top:90px; font-size:55px; line-height:60px;}
	.mainVisArea .swiper-wrapper .swiper-slide .txt{font-size:18px; line-height:24px;}
	.mainVisArea .swiper-wrapper .swiper-slide .mainBt{margin-top:30px; font-size:18px;}	
	.mainVisArea .swiper-button-prev {left:3%; width:35px; height:35px; background-size:35px;}
	.mainVisArea .swiper-button-prev:hover {background-size:35px;}
	.mainVisArea .swiper-button-next {right:3%; width:35px; height:35px; background-size:35px;}
	.mainVisArea .swiper-button-next:hover {background-size:35px;}
	.mainVisArea .swiper-pagination {bottom:20px; padding:10px 20px;}
	.mainVisArea .swiper-pagination .swiper-pagination-bullet {width:8px; height:8px; margin:2px 0 0 10px; background-size:8px}
	.mainVisArea .swiper-pagination .swiper-pagination-bullet:first-child {margin:2px 0 0 0;}
	.mainVisArea .swiper-pagination .swiper-pagination-bullet-active {margin:2px 0 0 10px; background-size:8px}
	.mainVisArea .swiper-pagination .playBtn {display:none;}

	





	.mcontents {position:relative; clear:both; width:auto; padding:15px;}

	.mcontents .mt45 {margin-top:15px !important;}


	#mission{position:relative; clear:both; float:both;  width:100%; }
	#mission img {width:100%;}

	#mlinkbox {position:relative;   clear:both; float:both;  width:100%; background:#efefef; height:auto;  border:none; text-align:center; margin:15px 0 0 0;}
	#mlinkbox img {width:100%;}
	#mlinkbox .txt {position:relative; clear:both; margin-top:10px;  padding:20px;}


	#news_wrap {position:relative; clear:both; float:both; width:100%; height:auto;  margin-top:15px; border:none;}
	#news_wrap .news {position:relative; clear:both; padding:20px;}
	#news_wrap .news .list {position:relative; clear:both; margin-top:15px;}
	#news_wrap .news .list ul li {background:url(../images/main/icon_blue.jpg) no-repeat 0 13px; padding-left:10px;}
	#news_wrap .news .list ul li a {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; color:#555; font-weight:500; line-height:30px;}
	#news_wrap .news .list ul li a:hover {color:#0050a2; text-decoration:underline;}
	#news_wrap .news .btn_more {position:absolute; top:20px; right:20px;}
	#news_wrap .call {position:relative; margin-top:20px; background:#0050a2; color:#fff;}
	#news_wrap .call span {color:#fff;}


	#community {position:relative; clear:both; float:both; width:100%; }
	#community .box {position:relative; clear:none;  float:left; width:50%; height:auto; padding:30px 0; background:#fff; border:none; font-size:14px; color:#666; font-weight:500; line-height:20px;}
	#community .box .icon {position:relative; clear:left;  width:100%; text-align:center;}
	#community .box .txt {position:relative; clear:left;   width:100%; text-align:center; margin-top:20px;}
	#community .mt20 {margin-top:0 !important;}

	#edudata {position:relative; clear:both; float:both; width:100%; height:auto;  margin-left:0; background:url(../images/main/edudata_bg.jpg) no-repeat;background-size:cover;}
	#edudata h2 {color:#fff; padding-top:45px; text-align:center;}
	#edudata .link {position:relative; clear:both;  width:170px; margin:0 auto; border-top:1px solid #a69d95; margin-top:20px; padding-bottom:40px;}
	#edudata .link ul li {line-height:39px; background:url(../images/main/arrow.png) no-repeat right; border-bottom:1px solid #a69d95;}
	#edudata .link ul li a {color:#fff; font-size:14px; font-weight:500;}






	/* -----------------------------sub--------------------------------- */
	.subvisual {position:relative; clear:both; height:90px; padding-top:0;  font-size:22px; line-height:90px; letter-spacing:3px; font-weight:900;   text-align:center; color:#fff;background-size:cover;}
	.subvisual  p {display:none;}


	h3 { font-size:20px; color:#333; font-weight:900;  background:url(../images/sub/bar.jpg) no-repeat 0 0; padding-top:15px;}


	#s_container {position:relative; clear:both;padding:40px 15px 50px 15px; font-size:15px;}
	#s_container2 {position:relative; clear:both;padding:40px 0 0 0; font-size:15px;}
	.stitle {position:relative; clear:both; font-size:25px; color:#000; font-weight:700; text-align:center; margin-bottom:30px;}
	.contents {position:relative; clear:both; width:100%; margin:0 auto;}
	.contents2 {position:relative; clear:both;  }


	/* snb style */
	#snb {display:none;}

	.snb_tab {position:relative; clear:both;text-align:center; margin-top:30px;}
	.snb_tab ul li {float:left; width:50%; font-size:13px; font-weight:500;  margin-bottom:10px;}
	.snb_tab ul li a {display:block; color:#777; padding:10px 10px;width:auto;margin:0 10px; }
	.snb_tab ul li a.tab_on {background:#0050a2; color:fff; font-weight:700;}


	.map_info { padding:30px 15px;}
	.map_info ul {width:100%; margin:0 auto;}
	.map_info ul li {float:both; clear:both; margin:10px 0 0 0; line-height:30px;}
	.map_info ul li.tt {margin-bottom:20px;}
	#map .frame {width:1200px; height:400px; margin-left:-600px; padding-left:50%;}




	#missionstatement p {font-size:22px;  line-height:25px;}
	#missionstatement .icon_wrap {position:relative; clear:both; border-top:1px solid #dfdfdf; margin-top:30px; padding:30px 0;}
	#missionstatement .icon_wrap .icon {position:relative; clear:both; float:both;}
	#missionstatement .icon_wrap .icon ul li {padding:15px 0 15px 50px; line-height:20px;}
	#missionstatement .icon_wrap .icon ul li img {position:absolute; left:0; margin-top:-5px;}
	#missionstatement .icon_wrap .ml100 {margin-left:0;}
	#missionstatement .mission_box {position:relative; clear:both; float:both;width:100%; background:#efefef; margin:30px 0 0 0;}
	#missionstatement .mission_box .txt {position:relative; clear:both; text-align:center; color:#333; font-size:15px; font-weight:500; line-height:25px; padding:15px 15px; }


	#purpose {position:relative; clear:both;}
	#purpose p {font-size:20px; color:#222; font-weight:100; text-align:center; line-height:30px; letter-spacing:-0.05em;}
	#purpose p.tt {padding:50px 0 30px 0;}


	#greeting {position:relative; clear:both;}
	#greeting p {font-size:20px; color:#222; font-weight:100; text-align:center; line-height:30px; letter-spacing:-0.05em;}
	#greeting p.tt {padding:50px 0 30px 0;}
	#greeting .img {margin-top:50px;}
	#greeting .txt {margin-top:50px;}
	#greeting .txt p {font-size:15px; font-weight:500; line-height:25px; margin-bottom:20px;}
	#greeting .txt p span {color:#0084c9; font-weight:700;}


	#vision h3 {margin:60px 0 20px 0; }
	#vision .corecompetency .img {clear:both; float:both;}
	#vision .corecompetency .txt {clear:both; float:both;text-align:left; padding:30px; font-size:16px; font-weight:700; line-height:35px;}



	#export p {font-size:20px; color:#222; font-weight:100; text-align:center; line-height:30px; letter-spacing:-0.05em; margin-bottom:30px;}
	#export .box {position:relative; clear:both; float:both; margin:2%; width:96%; background:#f1f1f1;}
	#export .box ul li {float:left; width:85%;}
	#export .box  img {width:100%;}
	#export .box ul li.step {width:15%; height:70px; line-height:70px; text-align:center; color:#fff; background:#0084c9; font-size:30px; font-weight:900; }
	#export .box ul li p {font-size:16px; font-weight:700; line-height:25px; color:#555; text-align:left; padding:10px; margin-bottom:0;}
	#export .orange {position:relative; clear:both; font-size:15px; padding-top:20px;}


	.popup table {width:100% !important; font-size:13px;}
	.popup table strong {margin-left:10px;}


	#history {position:relative; clear:both;border-top:2px solid #444; margin-top:30px;}
	#history .list {position:relative; clear:both; border-bottom:1px solid #dfdfdf; padding:15px 0;}
	#history .list .img {float:left;width:20%; margin-right:5%;}
	#history .list .img img {width:100%;}
	#history .list .text {float:left; width:75%;}
	#history .list .text ul li {width:100%; padding-top:0; line-height:18px;}
	#history .list .text ul li.year {width:100%;font-size:20px; line-height:25px;color:#0084c9; font-weight:900; padding-bottom:10px;}



	#humannetwork .box .img {clear:both; float:both; width:100%;}
	#humannetwork .box .text {clear:both; float:both; width:90%; padding:3% 5%;  font-size:16px; line-height:28px; }
	#humannetwork .txt {position:relative; clear:both; font-size:20px; line-height:30px; margin-top:50px; font-weight:100;}
	#humannetwork .round {position:relative; clear:both; margin:0 auto;width:100%;margin:30px 0;}
	#humannetwork .round ul li {float:left; margin:1%; width:31%; height:150px; text-align:center; color:#fff; font-size:17px; line-height:20px; font-weight:700;border-radius:250px; }
	#humannetwork .round ul li img {margin:30px 0 10px 0; width:50px;}
	#humannetwork .step {position:relative; clear:both; margin-top:30px;}
	#humannetwork .step ul {clear:both;background:#0084c9; margin-bottom:20px;}
	#humannetwork .step ul li {float:left; width:75%; padding:2%;  background:#fafafa;  color:#555; font-weight:500; line-height:24px;}
	#humannetwork .step ul li.tt {width:17%; padding:2%; text-align:center; background:#0084c9; color:#fff; font-size:18px; }


	#seoultourtrade  {position:relative; clear:both;}
	#seoultourtrade .img {clear:both; float:both; width:100%;}
	#seoultourtrade .txt {clear:both; float:both; width:100%; margin-top:30px;}





	
}