@charset "utf-8";
/* CSS Document */
html{height:100%; width:100%;}
.new_wrap{position:relative; min-width:320px; max-width:800px; margin:0 auto;}

/*new main*/
#m_container {}
#m_container .visual {overflow:hidden;}
#m_container .visual .txtArea {position:absolute; top:35%; left:0; width:100%; z-index:99; color:#fff; text-align:center;}
#m_container .visual .txtArea strong {font-size:37.5px; font-weight:700;}
#m_container .visual .txtArea p {font-size:13px; line-height:20px;}
#m_container .visual  img {display:block; width:100%;}
#m_container .visual .visualArea {position:relative; }
#m_container .visual .visual_list .bx-controls-direction {display:none;}
#m_container .visual .link_list {overflow:hidden; padding:0 10px; margin-top:60px;}
#m_container .visual .link_list li {/*float:left;*/ width:32%; height:110px; margin-left:2%; background:url('../images/main/bg_black.png');}
#m_container .visual .link_list li a {display:block; padding:60px 0 15px; color:#fff; font-size:13px; font-weight:800;}
#m_container .visual .link_list li.link01:first-child {/*margin-left:0;*/ margin: 0 auto;}
#m_container .visual .link_list li.link01 a {background:url('../images/main/visual_icon01.png') no-repeat 50% 22px; background-size:15px 22.5px;}
#m_container .visual .link_list li.link02 a {background:url('../images/main/visual_icon02.png') no-repeat 50% 22px; background-size:27.5px 22.5px;}
#m_container .visual .link_list li.link03 a {background:url('../images/main/visual_icon03.png') no-repeat 50% 22px; background-size:27.5px 22px;}
#m_container .visual .bx-pager {position:absolute; bottom:6%; left:0; width:100%; z-index:99; text-align:center;}
#m_container .visual .bx-pager div {display:inline-block;}
#m_container .visual .bx-pager div a {display:block; width:20px; height:20px; font-size:0;}
#m_container .visual .bx-pager div a {background:url('../images/main/vs_off.png') no-repeat 50% 50%; background-size:10px 10px;}
#m_container .visual .bx-pager div a.active {background:url('../images/main/vs_on.png') no-repeat 50% 50%; background-size:10px 10px;}

#m_container .tit {margin-bottom:30px; color:#333; font-size:20px; font-weight:800; text-align:center;}
#m_container .con01 {padding:30px 10px 40px; background:#f8f8f8;}
#m_container .con01 ul {overflow:hidden; margin:-1.2% 0 0 -1.2%;}
#m_container .con01 ul li {position:relative; float:left; width:48.8%; margin:1.2% 0 0 1.2%;}
#m_container .con01 ul li a {display:block; position:absolute; top:0; padding-top:42%; left:0; width:100%; height:100%; color:#fff; font-size:11px; text-align:center; font-family:'Nanum Square'; box-sizing:border-box;}
#m_container .con01 ul li a strong {display:block; font-size:15px; font-weight:800;}
#m_container .con01 ul li img {display:block; width:100%;}

#m_container .con02 {padding:30px 10px; background:url('../images/main/con02_bg.jpg'); background-size:cover; font-family:'Nanum Square';}
#m_container .con02 .tit {color:#fff;}
#m_container .con02 ul {overflow:hidden;}
#m_container .con02 ul li {float:left; width:32.5%; height:97px; margin-left:1.25%; background:#fff; -moz-box-shadow:inset 0 0 10px #888;-webkit-box-shadow: inset 0 0 10px #888; box-shadow:inset 0 0 10px #888;}
#m_container .con02 ul li:first-child {margin-left:0;}
#m_container .con02 ul li a {display:block; height:100%; padding-top:20px; text-align:center; font-size:11px; color:#888; box-sizing:border-box;}
#m_container .con02 ul li a strong {display:block; margin-bottom:3px; font-size:13px; color:#333; font-weight:800;}
#m_container .con02 ul li a span:after {content:''; display:block; width:30px; height:1.5px; margin:5px auto 0; background:#0a686a;}

#m_container .con03 {padding:40px 10px 30px; background:#f8f8f8;}
#m_container .con03 ul {overflow:hidden; padding:25px 10px; background:url('../images/main/con03_bg.png') no-repeat 100% 100%; background-size:75px 122.5px; -webkit-box-shadow: 2px 3px 14px -2px rgba(0,0,0,0.49);
-moz-box-shadow: 2px 3px 14px -2px rgba(0,0,0,0.49);
box-shadow: 2px 3px 14px -2px rgba(0,0,0,0.49);}
#m_container .con03 ul li {float:left; width:25%; min-height:95px; border-left:1px solid #e6e6e6; text-align:center;  box-sizing:border-box;}
#m_container .con03 ul li:first-child {border-left:0;}
#m_container .con03 ul li a {display:block; padding-top:47px; color:#333; font-size:11px; font-weight:700; line-height:16px;}
#m_container .con03 ul li.list01 {background:url('../images/main/con03_icon01.png') no-repeat 50% 0; background-size:37.5px 33px;}
#m_container .con03 ul li.list02 {background:url('../images/main/con03_icon02.png') no-repeat 50% 0; background-size:33px 32.5px;}
#m_container .con03 ul li.list03 {background:url('../images/main/con03_icon03.png') no-repeat 50% 0; background-size:43.5px 27px;}
#m_container .con03 ul li.list04 {background:url('../images/main/con03_icon04.png') no-repeat 50% 0; background-size:41.5px 31px;}




/*기존 main*/
.main01{height:100%}
.mainmenu {position:absolute; top:0; z-index:3; width:100%}
.mainmenu  .menu > ul > li > a{color:rgb(255,255,255);}
.mainmenu  .menu > ul > li > a:hover{color:rgb(255,255,255);}
.mainmenu  .mright .lang li a.langon{color:rgb(255,255,255); font-weight:bold}
.mainmenu  .mright .lang li a{color:#9ca4b6;}
body#main .topmenu{border-bottom:1px solid #3d4851;}
.topmenu{position:absolute; top:0; left:0; width:100%; z-index:99;}
.main01 .main01txt{  font-size:33px; text-align:center; color:rgb(255,255,255);  top:70px; z-index:3; position:relative}
.main01 .topbanner{width:90%; left:10%; position:absolute;top:300px;  z-index:10;}
.main01 .topbannerbox{background:rgba(255,255,255,0.9); width:45%; height:135px; float:left; margin-right:2px; text-align:center; padding-top:22px; box-sizing:border-box; cursor:pointer; margin-bottom:2px}
.main01 .topbannerbox:hover{background:rgb(0,113,116); color:rgb(255,255,255);}
.main01 .topbannerbox:hover .topbmore a{background:#005052; color:rgb(255,255,255)}
.main01 .topbanner .on{background:rgb(0,113,116); color:rgb(255,255,255);}
.main01 .topbanner .on .topbmore a{background:#005052; color:rgb(255,255,255)}
.main01 .topbannerbox .topbtitle{font-size:17px; font-weight:bold; margin-bottom:10px;}
.main01 .topbannerbox .topbsubtitle{font-size:12px; margin-bottom:7px}
.main01 .topbannerbox .topbmore a{background:rgb(255,255,255); border-radius:3px; padding:2px 10px; color:#666666; display:inline-block}

.simple_banner_wrap{ position:relative; overflow:hidden; height:100%; margin:0 auto; text-align:center; width:100%; background:rgb(102,102,102) }
.simple_banner_wrap .main_txt{position:absolute; top:180px; left:50px; z-index:10}
.simple_banner_wrap ul{ list-style:none;padding:0; display:block; position:absolute; left:0; top:0; width:100%; height:100%; }
.simple_banner_wrap ul li{ margin:0; padding:0; display:block; position:absolute; top:0; left:0; width:100%; height:100%; }
.simple_banner_wrap ul li span{display:block; width:100%; height:100%;}
.simple_banner_wrap .nav_wrap{ position:relative; z-index:2; left:50%; top:100px;}
.simple_banner_wrap .nav_wrap ul{ display:block; position:relative; list-style:none; }
.simple_banner_wrap .nav_wrap ul li{ display:inline-block; position:relative; width:12px; height:12px; margin:0 1px; cursor:pointer; }
.simple_banner_wrap .nav_wrap.numeral{ height:14px; line-height:14px; }
.simple_banner_wrap .nav_wrap.numeral ul li{ font-size:12px; width:14px; height:14px; text-align:center; text-shadow:1px 1px 0px #CCC; }
.simple_banner_wrap .nav_wrap.numeral ul li.on{ text-decoration:underline; font-weight:bold; }
.simple_banner_wrap .nav_wrap.bullet ul li{ font-size:10px; text-indent:-3000px; border-radius:10px;/* box-shadow:inset 0 0 0 2px #FFF;*/ margin-right:8px; background:none; border:3px solid #fff}
.simple_banner_wrap .nav_wrap.bullet ul li.on{ background-color:#fff;border:3px solid #fff }
.simple_banner_wrap .nav_wrap.prev_next{ height:14px; line-height:14px; text-shadow:1px 1px 0px #CCC; }
.simple_banner_wrap .nav_wrap.prev_next ul li{ font-size:12px; width:8px; height:8px; font-weight:bold; text-align:center; }
.simple_banner_wrap .mainimg1{background:url(../images/main_1.jpg) no-repeat top center; width:100%; height:100%}
.simple_banner_wrap .mainimg2{background:url(../images/main_2.jpg) no-repeat top center; width:100%; height:100%}
.simple_banner_wrap .mainimg3{background:url(../images/main_3.jpg) no-repeat top center; width:100%; height:100%}
.simple_banner_wrap .mainimg4{background:url(../images/main_4.jpg) no-repeat top center; width:100%; height:100%}


.main02{width:100%; margin:0 auto; overflow:hidden}

.main02 .main02txt{ padding:20px;}
.main02 .main02txt .main02txt-1{font-family: 'Crimson Text', serif; color:#333333; font-size:28px;  line-height:100%}
.main02 .main02txt .main02txt-2{font-family: 'Crimson Text', serif; color:#0a686a; font-size:65px; font-weight:bold}
.main02 .main02txt .main02txt-3{font-size:15px; font-weight:bold}
.main02 .m_gnb{background:url(../images/main_02_b.png) no-repeat; width:100%; background-size:cover; overflow:hidden; height:240px; }
.main02 .m_video {padding:20px; box-sizing:border-box}
.main02 .m_video img{width:100%;}
.main02 .m_video .m_video_t1{font-size:16px; color:#666666; padding-top:15px;}
.main02 .m_video .m_video_t2{font-size:24px; color:#333333; font-weight:bold;  text-transform:uppercase}

.main02 .m_gnb_s{float:left; width:50%; padding-top:30px; padding-bottom:40px;}
.main02 .m_gnb_s ul li{border-bottom:1px solid #8ab8b8; width:85%}
.main02 .m_gnb_s ul li a{padding:10px 0 10px 15px; display:block; color:#ffffff; font-size:14px; letter-spacing:-1px}
.main02 .m_gnb_s ul li a:hover{background:url(../images/arr_point.png) left center no-repeat; font-weight:bold}
.main02 .m_gnb_s ul li a.gnbon{background:url(../images/arr_point.png) left center no-repeat; font-weight:bold}
.main02 .m_lnb{float:left; width:50%; padding-top:30px; padding-bottom:40px;}
.main02 .m_lnb ul li{border-bottom:1px solid #949897; width:100%}
.main02 .m_lnb ul li a{padding:10px 0 10px 15px; display:block; color:#ffffff; font-size:14px; letter-spacing:-1px}
.main02 .m_lnb ul li a:hover{background:url(../images/arr_point.png) left center no-repeat; font-weight:bold}
.main02 .m_lnb ul li a.lnbon{background:url(../images/arr_point.png) left center no-repeat; font-weight:bold} 

.main03{background:url(../images/main_b_bg.png) repeat center center;  padding:5%; box-sizing:border-box; background-size:cover }
.main03 .main03txt { margin-bottom:10px;}
.main03 .main03txt .main03txt-1{font-family: 'Crimson Text', serif; color:#fff; font-size:45px; font-weight:bold; line-height:90%; margin-bottom:15px;}
.main03 .main03txt .main03txt-2{color:#FFF; font-size:14px}
.main03 .tabgallery{}
.main03 .tabgallery .tabs{width:100%;background:none; overflow:hidden}
.main03 .tabgallery .tabs nav{ width:25%; float:left; margin-right:5%; padding:0; overflow:visible; font-size:13px}
.main03 .tabgallery  .tabs .contents {  float:left;  color: #6C5D5D;  height: 100%;  overflow: hidden;  padding:5%;box-sizing:border-box; background:rgb(255,255,255); width:70% }
.main03 .tabgallery  .tabs .contents img{width:100%;}

.main03 .tabgallery .tabs nav a {  color: #0a686a; font-size:13px; font-weight:bold; border-bottom:none; width:100%; text-align:center; background:rgb(255,255,255); margin-bottom:5px;border-right: none; height:70px; font-size:14px; padding:10px; position:relative; box-sizing:border-box}

.main03  .tabgallery .tabs nav a:hover, .main03  .tabgallery .tabs nav a.selected { color: #fff;  font-weight:bold; border-bottom:none;   background:#333333}
.main03 .tabgallery .tabs nav a.selected .tabon{background:url(../images/arr_right.png) no-repeat ; position:absolute;  width:10px; height:15px; display:block; top:40%; right:-10px; z-index:10}


.main03 .tabgallery .tabs nav a:nth-child(1){ box-sizing:border-box}
.main03 .tabgallery .tabs nav a:nth-child(2){ box-sizing:border-box}
.main03 .tabgallery .tabs nav a:nth-child(3){ box-sizing:border-box}
.main03 .content-txt1{font-size:17px; padding-top:20px; font-weight:bold; text-decoration:underline; }
.main03 .content-txt2{font-size:16px; line-height:160%;padding-top:40px;}
.main03 .content-page{padding-top:10px; text-align:right; font-weight:bold;  font-size:20px; }


.main04{ background:#f7f7f7; padding:5% 5% 50px 5%; box-sizing:border-box}
.main04 .main04txt{ margin-bottom:20px}
.main04 .main04txt .main04txt-1{font-family: 'Crimson Text', serif; color:#333333; font-size:32px; margin-bottom:5px; line-height:100%}
.main04 .main04txt .main04txt-2{font-family: 'Crimson Text', serif; color:#0a686a; font-size:50px; font-weight:bold}
.main04 .main04txt .main04txt-3{font-size:15px; font-weight:bold}
.main04 .notice{}
.main04 .notice .noticebox{background:#ffffff; width:100%;  float:left; -webkit-box-shadow: -1px 0px 13px -2px rgba(0,0,0,0.32);
-moz-box-shadow: -1px 0px 13px -2px rgba(0,0,0,0.32);
box-shadow: -1px 0px 13px -2px rgba(0,0,0,0.32); padding:30px; box-sizing:border-box; position:relative}
.main04 .notice .noticebox .notice-day{border:3px solid #ececec;  text-align:center; height:30px; line-height:30px; margin-bottom:12px;     white-space: nowrap;   overflow: hidden;    text-overflow: ellipsis;}
.main04 .notice .noticew{overflow:hidden;}
.main04 .notice .noticebox .notice-title{font-size:18px; font-weight:bold; margin-bottom:5px;   white-space: nowrap;   overflow: hidden;    text-overflow: ellipsis;}
.main04 .notice .noticebox .notice-more{position:absolute; bottom:30px; right:30px;}
.main04 .notice .noticebanner{overflow:hidden; clear:both;}
.main04 .notice .noticebanner > div{float:left; width:33.3%;border-right:1px solid #CCC; box-sizing:border-box; font-size:18px;  }
.main04 .notice .noticebanner > div:last-child{border-right:none;}
.main04 .notice .noticebanner  a{display:block; float:none; text-align:center; padding-top:130px; font-size:15px}
.main04 .notice .noticebanner .nbanner1{background:url(../images/main_ico1.png) no-repeat center center;}
.main04 .notice .noticebanner .nbanner2{background:url(../images/main_ico2.png) no-repeat center center;}
.main04 .notice .noticebanner .nbanner3{background:url(../images/main_ico3.png) no-repeat center center;}

.main05{background:rgb(255,255,255); padding:5%; box-sizing:border-box }
.main05 .main05txt{ margin-bottom:20px;}
.main05 .main05txt .main05txt-1{font-family: 'Crimson Text', serif; color:#333333; font-size:22px; margin-bottom:5px; line-height:100%; text-transform:capitalize}
.main05 .main05txt .main05txt-2{font-family: 'Crimson Text', serif; color:#0a686a; font-size:45px; font-weight:bold; line-height:100%; margin-bottom:10px;}
.main05 .main05txt .main05txt-3{font-size:15px; font-weight:bold}
.main05 .main05right{background:url(../images/main_c_bg.png) no-repeat right top; width:100%; box-sizing:border-box; overflow:hidden; padding:5%; box-sizing:border-box; }
.main05 .main05right .main05box{ box-sizing:border-box;  padding-bottom:15px;}
.main05 .main05right .main05box .main05box-title{font-size:20px; font-weight:bold; position:relative; top:3px;}
.main05 .main05right .main05box ul li a{font-size:16px; margin-bottom:0px; display:block; color:#666666; padding-top:5px; letter-spacing:-1px;}
.main05 .main05right .main05box ul li  .btn{opacity:0}
.main05 .main05right .main05box ul li .gobtn{text-decoration:underline; color:rgb(0,0,0)}
.main05 .main05right .main05box ul li .gobtn .btn{  background:rgb(0,0,0); color:rgb(255,255,255); border-radius:50%;; width:35px; height:35px; text-align:center; line-height:35px; display:inline-block; margin-left:5px;  color:rgb(0,0,0); color:rgb(255,255,255); opacity:1; position:absolute;}
.main05 .main05right .main05box ul li a:hover{text-decoration:underline; color:rgb(0,0,0)}
.main05 .main05right .main05box .gotxt{ position:relative; top:10px;}
.main05 .w1200{overflow:hidden; margin-bottom:85px}


#slideshow
	{
		position: relative;
		overflow: hidden;
		
		margin: 0 auto;
		max-width: 1145px;
		text-align:left

		/* No iOS tap highlight */
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

		/* No text selection */
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;

		/* No IE10 default touch actions */
		-ms-touch-action: none;
	}

	#slideshow .strip
	{
		position: relative;
	}

	#slideshow .strip,
	#slideshow .slide
	{
		left: 0;
		top: 0;

		width: 100%;
		height: 100%;
	}

	#slideshow .strip,
	#slideshow .slide,
	#slideshow > button
	{
		-webkit-perspective: 1000;
		-webkit-backface-visibility: hidden;
	}

	#slideshow .slide
	{
		position: absolute;
		display: none;
		text-align: center;
		outline: none;
	}

	#slideshow .slide.sticky
	{
		display: block;
	}

	#slideshow > button
	{
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;

		padding: 0;
	}

	#slideshow button.next
	{
		left: auto;
		right: 0;
	}

	#slideshow .markers
	{
		text-align: right;
	}

	#slideshow ul,
	#slideshow li
	{
		display: block;
		overflow: hidden;

		margin: 0;
		padding: 0;

		list-style: none;
	}

	#slideshow li
	{
		float: left;
	}

	#slideshow li + li
	{
		margin-left: 10px;
	}

	.advanced #slideshow ul
	{
		display: inline-block;
	}


/*
	Theme
	----------------------------------- */

	#slideshow .strip
	{
		padding-bottom:45%;
	}

	
	
	#slideshow .slide p
	{
		position: absolute;
		top: 50%;
		left: 0;

		width: 100%;
		height: 40px;
		margin-top: -20px;

		font-weight: bold;
		font-size: 2em;
		line-height: 40px;
	}

	#slideshow button
	{
		margin: 0;

		background: none;
		border: 0;
		cursor: pointer;

		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}

	.advanced #slideshow > button
	{
		position: absolute;
		top: 50%;

		display: block;

		width: 40px;
		height: 36px;

		margin-top: -40px;
		padding-right: 10px;
		padding-left: 7px;
	}

	#slideshow > button::-moz-focus-inner
	{
		margin: -1px;
		padding: 0;
	}

	#slideshow > button b
	{
		display: block;

		width: 23px;
		height: 36px;

		background: transparent url(../img/arrow.png) no-repeat 0 -36px;
		background: rgba(0, 0, 0, 0) url(../img/arrow.svg) no-repeat 0 -36px;
		background-size: 23px 72px;

		text-indent: -10000px;
	}

	#slideshow button.next
	{
		padding-right: 7px;
		padding-left: 10px;
	}

	#slideshow button.next b
	{
		left: 10px;
	}

	#slideshow button.next b
	{
		background-position: 0 0;
	}

	#slideshow .markers
	{
		height: 15px;
		padding: 15px 10px; margin-top:40px;

		text-align: center;
		font-size: 0.8em;
	}

	/* Hide buttons when disabled */
	#slideshow.disabled > button
	{
		display: none;
	}

	#slideshow .markers button
	{
		display: inline-block;

		*display: block;
		*float: left;

		padding: 0;

		width: 10px;
		height: 10px;

		background: #575757;
		border-radius: 5px;

		text-indent: -10000px;
		opacity: 0.3;
	}

	#slideshow .markers button + button
	{
		margin-left: 5px;
	}

	#slideshow .markers button.sticky
	{
		background-color: #0a686a;
		opacity: 0.75;
	}