@charset "utf-8";
/* 나눔폰트 시작*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
@font-face{
font-family:'NanumBarunGothic';
font-style:normal;
font-weight:normal;
src:url('../fonts/NanumBarunGothic.eot');
src:local('※'),
   url('../fonts/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
   url('../fonts/NanumBarunGothic.woff') format('woff');
}
@font-face{
font-family:'NanumBarunGothicBold';
font-style:normal;
font-weight:normal;
src:url('../fonts/NanumBarunGothicBold.eot');
src:local('※'),
   url('../fonts/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype'),
   url('../fonts/NanumBarunGothicBold.woff') format('woff');
}
/*
나눔브러쉬 (Nanum Brush Script)
나눔고딕(Nanum Gothic)
나눔고딕코딩(Nanum Gothic Coding)
나눔명조(Nanum Myeongjo)
나눔펜(Nanum Pen Script)
*/
/* 나눔폰트 끝 */
/* 기본 시작*/
*    	  	{margin:0; padding:0;}
* {-webkit-text-size-adjust:none;} /* 아이폰 텍스트 자동확대 막기 */

html		{  }
.ie			{width:100%; }
body		{width:100%; height:100%;}

td *, div *, li *, span *, p *  {}
ul, ol, li						{list-style:none;}
p,div,ul,li,dl,dt,dd,ol,em,fieldset,textarea,input,select,table,th,td,address,cite,
h1,h2,h3,h4,h5,h6 {color:#666; font-family:'Nanum Gothic',dotum, sans-serif; font-size:16px; line-height:130%;}

img			{border:0px ; vertical-align: middle;}
strong		{font-weight:bold;}
strong.st1		{color:#ff7e00;}
strong.st2		{color:#ff7e00;}
.displayno {display:none;}
.text_hack {overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap; position:relative; }
.text_en_hack {
word-wrap: break-word; /* IE 5.5-7 */
white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
white-space: pre-wrap; /* current browsers */
}
.video-container{position:relative;padding-bottom:50.25%;padding-top:30px;height:0;overflow:hidden;} /* 동영상 리사이징 */
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;} /* 동영상 리사이징 */
.imgpng img { /* png파일 보더라인 없애기 (애니메이션 경우만) */
	-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop')"; // for IE8
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop'); // for IE7
}

/* Link Style */
a				{text-decoration:none; color:#666666;  font-family:'Nanum Gothic',dotum, sans-serif; font-size:14px;line-height:140%;}
a:link		{text-decoration:none; color:#666666;  font-family:'Nanum Gothic',dotum, sans-serif; font-size:14px;line-height:140%;}
a:visited	{color:#666666;}
a:active	{color:#666666;background:none;}
a:hover	{text-decoration:underline;color:#3399cc;}
a:focus		{text-decoration:underline;color:#3399cc;}

/* From Style */
input, select {line-height:100%; vertical-align:middle; background:#fff; }
textarea	{border:1px solid #D8D8D8; padding:2px;}
input.ed {border:1px solid #D8D8D8;padding:3px 4px; }
select.ed {border:1px solid #D8D8D8; }
textarea.ed { border:1px solid #D8D8D8; padding:2px; }
hr, caption {display:none;}
legend		{position:absolute; height:0; font-size:0px; line-height:0; overflow:hidden; text-indent:-20000px; }
address,cite,em	{font-style:normal;}
fieldset	{border:0; padding:0; }
label		{cursor:pointer;vertical-align:middle;}
 img{width:100%;}
/*margin padding start */
.mart5 {margin-top:5px !important;}
.mart10 {margin-top:10px !important;}
.mart15 {margin-top:15px !important;}
.mart20 {margin-top:20px !important;}
.mart25 {margin-top:25px !important;}
.mart30 {margin-top:30px !important;}
.mart35 {margin-top:35px !important;}
.mart40 {margin-top:40px !important;}
.mart45 {margin-top:45px !important;}
.mart50 {margin-top:50px !important;}
.mart55 {margin-top:55px !important;}
.mart60 {margin-top:60px !important;}
.marb10 {margin-bottom:10px !important;}
.marb15 {margin-bottom:15px !important;}
.marb20 {margin-bottom:20px !important;}
.marb25 {margin-bottom:25px !important;}
.marb30 {margin-bottom:30px !important;}
.marb35 {margin-bottom:35px !important;}
.marb40 {margin-bottom:40px !important;}
.marb45 {margin-bottom:45px !important;}
.marb50 {margin-bottom:50px !important;}
.marb55 {margin-bottom:55px !important;}
.marb60 {margin-bottom:60px !important;}
/* 기본 끝*/
/*common*/
#wrap {width:100%; max-width:640px; min-width:320px; margin:0 auto; position:relative; overflow:hidden;}
#header {width:100%; max-width:640px;height:80px; border-bottom:1px solid #ebebeb;}
#header h1 {width:200px; float:left; margin:17px 0 0 15px}
#header h1 img {width:95%; height:auto;}
#header #allmenu {float:right; margin-top:25px; margin-right:15px;}
#header #allmenu img {width:70%; float:right;}
#header div.gnb_wrap {width:100%; display:block; position:absolute; right:-100%; top:80px; z-index:10;}
#header div.gnb_wrap ul.gnb {width:100%;display:inline-block; }
#header div.gnb_wrap ul.gnb > li > a {width:auto; display:block;font-family:'Nanum Gothic','NanumGothic', "돋움","dotum", sans-serif;text-decoration:none; }
#header div.gnb_wrap ul.gnb > li {width:100%;background:#4bb6c1;border-bottom:1px solid #81ccd4;}
#header div.gnb_wrap ul.gnb > li:last-child{border-bottom:none;}
#header div.gnb_wrap ul.gnb > li > a {height:40px;line-height:40px; padding:0px 20px; color:#fff; font-size:16px;}
#header div.gnb_wrap ul.gnb > li > a:hover ,header div.gnb_wrap ul.gnb > li > a:focus{background:#286368; color:#00fffc;}
#header div.gnb_wrap p{width:100%; height:12px;background:url('../images/common/gnb_sh.png') no-repeat left bottom;}
#gnb_bg{width:100%; height:100%; position:absolute; right:-100%; background:#000; opacity:0.3; z-index:9;}
#footer {width:100%; padding:35px 0; background:#292929;}
#footer p{text-align:center; color:#a5a5a5; font-size:14px;}
.color1{color:#3a8f9d;}
.color2{color:#1cb1be}
.color3{color:#e50022}
.size22{font-size:22px;}

/*main*/
#m_visual_wrap {width:100%; position:relative;}
#m_visual {width:100%; height:449px; overflow:hidden; margin:0 auto; position:relative; z-index:8;}
#m_visual div.bt {height:15px; overflow:hidden; position:absolute; left:42%; bottom:10px; z-index:8;}
#m_visual div.bt a {margin:0 2px; }
#m_visual div.bt a.on img {margin-top:-28px;}
#m_visual div.bt a img{width:14px;}
#m_visual div.img_wrap {filter:alpha(opacity=0);}
#m_visual div.img_wrap p {width:100%; position:absolute; top:0px;left:0px; opacity:0; filter:alpha(opacity=0);}
#m_visual div.img_wrap p.img img {width:100%; height:auto;}
#contents {width:100%;}
div.top{ min-height:370px;position:relative; overflow:hidden; background:url('../images/main/top_bg.gif') repeat left top; background-size:100%;}
div.top.bg{background:url('../images/main/top_bg2.jpg') repeat left top; background-size:100%;}
div.top > p {width:229px; min-height:230px; margin:35px auto 0;}
div.top > p img{margin-left:30px;}
div.top div.txt{width:100%; position:absolute; left:0; bottom:0; padding:20px 0; background:url('../images/main/top_txt.png') repeat left top; }
div.top div.txt h2{margin-bottom:10px;font-size:24px; color:#00fffc; text-align:center; font-weight:normal;}
div.top div.txt p{padding:0 3%;font-size:16px; color:#fff; text-align:center; word-break:keep-all;}
div.middle{width:100%; position:relative; overflow:hidden;}
div.middle > img{z-index:10; position:relative;}
div.middle div.txt{width:330px;position:absolute; top:27%; left:50%; margin-left:-165px; z-index:11; text-align:center;}
div.middle div.txt p.eng{font-size:36px; letter-spacing:8px; font-weight:bold; color:#fff}
div.middle div.txt p.kr{font-size:18px; letter-spacing:1px; color:#fff}
div.middle div.txt a img{width:111px; margin-top:3%;}
div.bottom{padding-bottom:20%;}
div.bottom div{margin:20% auto 0; text-align:center;}
div.bottom div img{width:71px;}
div.bottom div h2{margin:15px 0; font-family:'NanumBarunGothic'; font-size:22px; color:#000; font-weight:normal;}
div.bottom div h2 span{font-size:20px;}
div.bottom div a{width:191px; height:46px; margin:20px auto 0; display:block; font-size:17px; color:#3a8f9d; line-height:46px; border:2px solid #4bb6c1; text-decoration:none;}
div.bottom div p{ font-family:'NanumBarunGothic'; font-size:16px; color:#000;}
div.bottom div p.ps{margin-top:10px;color:#3a8f9d; font-size:18px;}
#back{overflow:hidden;background:#ededee;}
div.map{padding:10% 3% 5%;}
div.map p.tit{padding-top:60px;margin-bottom:15px;font-size:26px; color:#3a8f9d; font-family:'NanumBarunGothic'; text-align:center; background:url('../images/main/map_tit.gif') no-repeat center top; background-size:40px;}
div.quick{width:94%; margin-left:3%; margin-bottom:7%; overflow:hidden; border:1px solid #d4d4d4; background:#fff;}
div.quick ul li{width:27%;float:left; padding-left:6%}
div.quick ul li img{float:left; width:20px; margin-top:25px; margin-right:4%;}
div.quick ul li:nth-child(2) img{margin-top:21px;}
div.quick ul li a{display:block;color:#000; text-decoration:none; line-height:66px;}

/*sub*/
#s_contents{width:92%; margin-left:4%; margin-bottom:70px;}
div.Tit{padding:6% 0 8%; overflow:hidden;}
div.Tit h2{float:left;font-size:34px; color:#333; font-family:'NanumBarunGothic'; font-weight:normal;}
div.Tit h2 img{width:13%;}
div.article{overflow:hidden;}
div.line{border-bottom:2px solid #54bfc8;}
div.s1{margin-top:20px;}
div.s1 div.left{width:65%;float:left;}
div.s1 div.left p.tit{font-size:21px; font-weight:bold; color:#333;}
div.s1 div.right{width:30%; float:right;}
div.list{margin-top:20px;}
div.list p{padding-left:20px;height:40px; color:#fff; font-size:20px; line-height:40px; font-weight:bold; background:url('../images/sub/bar.gif') repeat left top; background-size:100%;}
div.list ul{padding:20px 15px;}
div.list ul li{margin-bottom:10px;}
ul.time{width:100%;}
ul.time li:first-child{border-top:none;}
ul.time li{padding:2% 3%; overflow:hidden; border-top:1px solid #d8dcde;}
ul.time li img{float:left;width:17px; margin-top:3px; margin-right:5px;}
ul.time li p{float:left;overflow:hidden; margin-left:5px; color:#333;}
ul.time li p span{display:block;}
p.mapTit{margin-top:30px;font-size:20px; color:#000; margin-bottom:7px;}
p.mapTit img{width:25px;}
ul.s8{margin-left:10px;}
ul.s8 li p{margin-top:10px; font-size:16px;color:#3a8f9d; font-weight:bold; margin-bottom:5px; margin-left:-8px;}
ul.s8 li{font-size:15px;}