@charset "euc-kr";




/** ·Îµù css **/

#loading {
 width: 100%;
 height: 100%;
 top: 0px;
 left: 0px;
 position: fixed;
 display: block;
 opacity: 1;
 background-color: #fff;
 z-index: 1001;
 text-align: center; }

#loading-image {
 position: absolute;
 top: 50%;
 left: 50%;
 margin-left:-40px;
 z-index: 1001;}



@keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-moz-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-webkit-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-o-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-moz-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-webkit-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-o-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@keyframes loading-text-opacity {
	0%  {opacity: 0}
	20% {opacity: 0}
	50% {opacity: 1}
	100%{opacity: 0}
}

@-moz-keyframes loading-text-opacity {
	0%  {opacity: 0}
	20% {opacity: 0}
	50% {opacity: 1}
	100%{opacity: 0}
}

@-webkit-keyframes loading-text-opacity {
	0%  {opacity: 0}
	20% {opacity: 0}
	50% {opacity: 1}
	100%{opacity: 0}
}

@-o-keyframes loading-text-opacity {
	0%  {opacity: 0}
	20% {opacity: 0}
	50% {opacity: 1}
	100%{opacity: 0}
}
.loading-container,
.loading {
	height: 200px;
	position: relative;
	width: 200px;
	border-radius: 100%;
}


.loading-container {
    left: 50%;
    margin-left: -100px;
    top: 50%;
    margin-top: -100px;

 }

.loading {
	border: 2px solid transparent;
	border-color: transparent #555 transparent #555;
	-moz-animation: rotate-loading 1.5s linear 0s infinite normal;
	-moz-transform-origin: 50% 50%;
	-o-animation: rotate-loading 1.5s linear 0s infinite normal;
	-o-transform-origin: 50% 50%;
	-webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
	-webkit-transform-origin: 50% 50%;
	animation: rotate-loading 1.5s linear 0s infinite normal;
	transform-origin: 50% 50%;
}

.loading-container:hover .loading {
	border-color: transparent #008adf transparent #008adf;
}
.loading-container:hover .loading,
.loading-container .loading {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

#loading-text {
	-moz-animation: loading-text-opacity 1s linear 0s infinite normal;
	-o-animation: loading-text-opacity 1s linear 0s infinite normal;
	-webkit-animation: loading-text-opacity 1s linear 0s infinite normal;
	animation: loading-text-opacity 1s linear 0s infinite normal;
	color: #000;
	font-size: 18px;
	opacity: 0;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 0;
	width: 220px;
	height:204px;
	line-height:204px;
}





@media (min-width:1300px) {/* ÃÖ¼Ò 1300 ~ ÃÖ´ë */


	#wrapper { position:relative; overflow:hidden;  height:auto; width:100%; min-width:1650px; margin:auto; position:relative; background-color:#ffffff;}


	header.firstheader { position:relative; z-index: 3; background: rgba(255,255,255,0.9); z-index: 100; width: 100%; border-bottom:1px solid #aaaaaa;}

	header.header_move_pc{animation: header_move_pc 0.5s;  animation-fill-mode:forwards;}
	header.header_up_pc{animation: header_up_pc 0.5s; animation-fill-mode:forwards;}

	.mobile_menu{display:none;}


	/*Äü¸Þ´º*/
	#scroll{position: absolute; right: 0px; z-index: 100; display: none;}
		.s_quick li {background: #fff;  margin-bottom: 5px; text-align: center; box-shadow: 0px 5px 8px -5px #6f6f6f;}
			.s_quick li a {display: block;  padding-top: 0px;  padding: 10px;}
			.s_quick li:not(.sq07) a:hover { background-color:#effbfa; }
			.s_quick .sq05 {}
			.s_quick .sq06 {}
			.s_quick .sq07 {}
	/*//Äü¸Þ´º*/

	/*¸¶¿ì½ºÈÙ*/
	.mouse{display:none; position: fixed; left: 50px; bottom:50px; opacity:0.4;  z-index: 100; width:125px; height:288px; background:url(/img/mouse.png) no-repeat center;}
		.mouse:before{  
		animation: mymove_mouse 0.9s alternate;
		animation-iteration-count: infinite;
		position: absolute; right: 50%; top:50px; margin-right:-5px; content:""; display:block; width:10px; height:50px; background:#2183bf;}
		.mouse:after{  
		position: absolute; left: -40%; top:-50px; margin-right:-3px; content:'"½ºÅ©·Ñ ÇØÁÖ¼¼¿ä"'; color:#000; width:180%; text-align:center; font-size:24px; display:block; }




	#contents { width:100%;}
		.contents_box{padding:130px 0 0; width:1500px; margin:0 auto;}
			.contents_box .p01{text-align:center; margin-bottom:100px; font-size:74px; padding:0 50px; word-break:keep-all; }
				.contents_box .p01 span{color:#008adf;}

			.contents_box  .p02{
				text-align: center;
				margin-bottom: 50px;
				font-size:30px;
				}


		.tit_box01{
			font-size:0px;
			padding:200px 45% 50px 6%;
			min-height:600px;
			margin-top:80px;
			background:url(/img/bottom_img.png) no-repeat 85% bottom;
			background-size:600px;
			box-sizing:border-box;
		}
		.tit_box01 p:nth-child(1){
			font-size:66px;
			line-height:66px;
			margin-bottom:35px;
		}

		.tit_box01 p:nth-child(1) span{
			line-height: normal;
			box-shadow: inset 0 -20px 0 #008adf;
		}

		.tit_box01 p:nth-child(2){
			font-size:22px;
			line-height:34px;
			word-break:keep-all;
			text-align:left;
		}


	/* ǪÅÍ */
	footer{width:100%; border-top:1px solid #aaa; padding:40px 0;}
      footer .box{width:1500px; margin:0 auto;  font-size:0px}
		 footer .box .left{display:inline-block;     vertical-align: middle; width:45%; font-size:14px; padding:20px 0 20px 80px; box-sizing:border-box; border-right:1px solid #aaa;}
			 footer .box .left .login_box{margin-bottom:15px; font-size:0px;}
				 footer .box .left .login_box a{display:inline-block; margin-right:10px; font-size:20px; line-height:20px; border:1px solid #000; padding:5px;}
				 footer .box .left .login_box a:hover{border:1px solid #008adf; color:#008adf}
			 footer .box .left .login_box{}
		 footer .box .right{display:inline-block;     vertical-align: middle; width:55%; ; font-size:16px; line-height:30px; padding-left:80px; box-sizing:border-box;}

		 footer .box .num{font-size:34px;  }


}
@media screen and (min-width:1024px) and (max-width: 1299px) {/* ÃÖ¼Ò 1024 ~ 1299  */



	#wrapper {height:100%; width:100%; position:relative; background-color:#ffffff; }


	header.firstheader {background: rgba(255,255,255,0.9); z-index: 100; width: 100%; border-bottom:1px solid #aaaaaa;}

	header.header_move_pc2{animation: header_move_pc2 0.5s;  animation-fill-mode:forwards;}
	header.header_up_pc2{animation: header_up_pc2 0.5s; animation-fill-mode:forwards;}


	.mobile_menu{display:none;}

	/*Äü¸Þ´º*/
	#scroll{position: absolute; right: 0px; z-index: 9; display: none;}
		.s_quick li {background: #fff;  margin-bottom: 5px; text-align: center; box-shadow: 0px 5px 8px -5px #6f6f6f;}
			.s_quick li a {display: block;  padding-top: 0px;  padding: 10px;}
			.s_quick li:not(.sq07) a:hover { background-color:#effbfa; }
			.s_quick .sq05 {}
			.s_quick .sq06 {}
			.s_quick .sq07 {}
	/*//Äü¸Þ´º*/


	/*¸¶¿ì½ºÈÙ*/
	.mouse{display:none;  position: fixed; left: 30px; bottom:30px; opacity:0.4;  z-index: 100; width:80px; height:184px; background:url(/img/mouse.png) no-repeat center; background-size:cover;}
		.mouse:before{  
		animation: mymove_mouse_tb 0.9s alternate;
		animation-iteration-count: infinite;
		position: absolute; right: 50%; top:20px; margin-right:-3px; content:""; display:block; width:6px; height:30px; background:#2183bf;}
		.mouse:after{  
		position: absolute; left: -40%; top:-30px; margin-right:-3px; content:'"½ºÅ©·Ñ ÇØÁÖ¼¼¿ä"'; color:#000; width:180%; text-align:center; font-size:16px; display:block; }



	#contents { width:100%; position:relative;}
		.contents_box{padding:60px 0 0;  width: 95%; margin: 0 auto;}
			.contents_box .p01{text-align:center; margin-bottom:60px; font-size:40px;  word-break:keep-all; padding:0 40px; }
				.contents_box .p01 span{color:#008adf;}
		
			.contents_box  .p02{
				text-align: center;
				margin-bottom: 50px;
				font-size:30px;
				}

		.tit_box01{
			font-size:0px;
			padding:100px 45% 50px 6%;
			min-height:400px;
			margin-top:50px;
			background:url(/img/bottom_img.png) no-repeat 90% bottom;
			background-size:400px;
			box-sizing:border-box;
		}
		.tit_box01 p:nth-child(1){
			font-size:44px;
			line-height:44px;
			margin-bottom:20px;
		}

		.tit_box01 p:nth-child(1) span{
			line-height: normal;
			box-shadow: inset 0 -13px 0 #008adf;
		}

		.tit_box01 p:nth-child(2){
			font-size:18px;
			line-height:28px;
			word-break:keep-all;
			text-align:left;
		}
			

  	/* ǪÅÍ */
	footer{width:100%; border-top:1px solid #aaa; padding:40px 0;}
      footer .box{width:95%; margin:0 auto;  font-size:0px}
		 footer .box .left{display:inline-block;     vertical-align: middle; width:40%; font-size:14px; padding:30px; box-sizing:border-box; border-right:1px solid #aaa;}
			 footer .box .left .login_box{margin-bottom:10px; font-size:0px;}
				 footer .box .left .login_box a{display:inline-block; margin-right:5px; font-size:16px; line-height:16px; border:1px solid #000; padding:5px;}
				 footer .box .left .login_box a:hover{border:1px solid #008adf; color:#008adf}
			 footer .box .left .login_box{}
		 footer .box .right{display:inline-block;     vertical-align: middle; width:60%; ; font-size:16px; line-height:30px; padding:30px; box-sizing:border-box;}

		 footer .box .num{font-size:28px; word-break:keep-all; line-height:34px; }
			footer .box .num span{display:inline-block;   }



}

@media screen and (min-width: 768px) and (max-width: 1023px){



	#wrapper { height:100%; width:100%; position:relative; background-color:#ffffff; }


	header.firstheader {background: rgba(255,255,255,0.9); z-index: 100; width: 100%; border-bottom:1px solid #aaaaaa;}
	header.header_move_tb{animation: header_move_tb 0.5s;  animation-fill-mode:forwards;}
	header.header_up_tb{animation: header_up_tb 0.5s; animation-fill-mode:forwards;}

	.mobile_menu{display:none;}

	/*Äü¸Þ´º*/
	#scroll{position: absolute; right: 0px; z-index: 9; display: none;}
		.s_quick li {background: #fff;  margin-bottom: 5px; text-align: center; box-shadow: 0px 5px 8px -5px #6f6f6f;}
			.s_quick li a {display: block;  padding-top: 0px;  padding: 10px;}
			.s_quick li:not(.sq07) a:hover { background-color:#effbfa; }
			.s_quick .sq05 {}
			.s_quick .sq06 {}
			.s_quick .sq07 {}
	/*//Äü¸Þ´º*/


	/*¸¶¿ì½ºÈÙ*/
	.mouse{display:none; position: fixed; left: 50px; bottom:30px; opacity:0.4;  z-index: 100; width:60px; height:138px; background:url(/img/mouse.png) no-repeat center; background-size:cover;}
		.mouse:before{  
		animation: mymove_mouse_tb 0.9s alternate;
		animation-iteration-count: infinite;
		position: absolute; right: 50%; top:20px; margin-right:-3px; content:""; display:block; width:6px; height:30px; background:#2183bf;}



	#contents { width:100%; position:relative;}
		.contents_box{  width: 95%;  margin: 0 auto; padding:40px 0 0;}
			.contents_box .p01{text-align:center; margin-bottom:40px; font-size:40px; word-break:keep-all;}
				.contents_box .p01 span{color:#008adf;}
		
			.contents_box  .p02{
				text-align: center;
				margin-bottom: 30px;
				font-size:22px;
				}


		.tit_box01{
			font-size:0px;
			padding:50px 44% 50px 6%;
			min-height:300px;
			margin-top:20px;
			background:url(/img/bottom_img.png) no-repeat 95% bottom;
			background-size:300px;
			box-sizing:border-box;
		}
		.tit_box01 p:nth-child(1){
			font-size:38px;
			line-height:38px;
			margin-bottom:15px;
			word-break:keep-all;
		}

		.tit_box01 p:nth-child(1) span{
			line-height: normal;
			box-shadow: inset 0 -10px 0 #008adf;
		}

		.tit_box01 p:nth-child(2){
			font-size:16px;
			line-height:24px;
			word-break:keep-all;
			text-align:left;
		}
			


	/* ǪÅÍ */
	footer{width:100%; border-top:1px solid #aaa; padding:20px 0;}
	  footer .box{width:95%; margin:0 auto;  font-size:0px}
		 footer .box .left{display:inline-block;     vertical-align: middle; width:35%; font-size:14px; padding:20px; box-sizing:border-box; border-right:1px solid #aaa;}
			 footer .box .left .login_box{margin-bottom:10px; font-size:0px;}
				 footer .box .left .login_box a{display:inline-block; margin-right:5px; margin-bottom:5px; font-size:14px; line-height:14px; border:1px solid #000; padding:5px;}
				 footer .box .left .login_box a:hover{border:1px solid #008adf; color:#008adf}
			 footer .box .left .login_box{}
		 footer .box .right{display:inline-block;     vertical-align: middle; width:65%; ; font-size:14px; line-height:22px; padding:20px; box-sizing:border-box;}

		 footer .box .num{font-size:24px; word-break:keep-all; line-height:32px; }
			footer .box .num span{display:inline-block;   }




}
@media (max-width: 767px){




	#wrapper {position: relative;  width:100%; margin:auto; background-color:#ffffff; }



	header.firstheader {background: #fff; z-index: 100; width: 100%; border-bottom:1px solid #aaaaaa;}
	header.header_move_mb{animation: header_move_mb 0.5s;  animation-fill-mode:forwards;}
	header.header_up_mb{animation: header_up_mb 0.5s; animation-fill-mode:forwards;}


	.mobile_menu{height: 100%;  overflow-y: scroll; display:none; position:fixed; width:70%; right:0px; z-index:9999; background:#fff;}
		.mobile_menu > ul{padding-top:30px;}
			.mobile_menu > ul > li{padding:20px; border-bottom:2px dashed #efefef;}
				.mobile_menu > ul > li > a{font-size:20px; color:#008adf; display:inline-block; margin-bottom:10px;}
				.mobile_menu > ul > li >  ul > li > p{cursor:pointer; font-size:14px; color:#000; display:block; margin-bottom:5px; background:#efefef; padding:5px;}
				.mobile_menu > ul > li >  ul > li > a{font-size:14px; color:#000; display:block; margin-bottom:5px; background:#efefef; padding:5px;}

					.mobile_menu .list{display:none; padding:10px;}
						.mobile_menu .list li{display:inline-block; margin:5px; padding:5px; border:1px solid #000;}


		.mobile_menu .exit{cursor:pointer; position:absolute; right:20px; top:20px; background:url(/img/all_menu_x.png) no-repeat center; background-size:cover;  width:30px; height:30px;}
			.mobile_menu .exit:hover{background:url(/img/all_menu_xc.png) no-repeat center; background-size:cover; }



	/*Äü¸Þ´º*/
	#scroll{display: none;}
	/*//Äü¸Þ´º*/

	/*¸¶¿ì½ºÈÙ*/
	.mouse{display: none;}



	#contents { width:100%; position:relative;}
		.contents_box{  width: 95%; margin: 0 auto; padding:40px 0 0;}
			.contents_box .p01{padding:0 10px; text-align:center; margin-bottom:30px; font-size:30px; line-height:44px; word-break:keep-all;}
				.contents_box .p01 span{color:#008adf;}
			.contents_box  .p02{
				text-align: center;
				margin-bottom: 30px;
				font-size:18px;
				}

			
				
		.tit_box01{
			font-size:0px;
			padding:0px 15px 290px 15px;
			margin-top:60px;
			background:url(/img/bottom_img.png) no-repeat 95% bottom;
			background-size:290px;
			box-sizing:border-box;
		}
		.tit_box01 p:nth-child(1){
			font-size:24px;
			line-height:30px;
			margin-bottom:10px;
			word-break:keep-all;
		}

		.tit_box01 p:nth-child(1) span{
			line-height: normal;
			box-shadow: inset 0 -5px 0 #008adf;
		}

		.tit_box01 p:nth-child(2){
			font-size:14px;
			line-height:22px;
			word-break:keep-all;
			text-align:left;
		}


	/* ǪÅÍ */
	footer{width:100%; border-top:1px solid #aaa; padding:10px 0;}
	  footer .box{width:95%; margin:0 auto;}
		 footer .box .left{font-size:14px; padding:25px 15px; box-sizing:border-box; border-bottom:1px solid #aaa;}
			 footer .box .left .login_box{margin-bottom:10px; font-size:0px;}
				 footer .box .left .login_box a{display:inline-block; margin-right:5px;font-size:12px; line-height:12px; border:1px solid #000; padding:5px;}
				 footer .box .left .login_box a:hover{border:1px solid #008adf; color:#008adf}
			 footer .box .left .login_box{}
		 footer .box .right{font-size:12px; line-height:18px; padding:25px 15px; box-sizing:border-box; word-break:keep-all;}

		 footer .box .num{font-size:24px; word-break:keep-all; line-height:32px; }
			footer .box .num span{display:inline-block;   }




}




/* ³»¿ë °øÅë */
::-moz-selection { background:#008adf; color:#fff; }
::selection { background:#008adf; color:#fff; }
.liner { border-bottom:1px dotted #999999; margin-top:10px; margin-bottom:20px; }
.c_point { color:#333333; font-size:25px; font-family:"NGothicB"; }




::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-thumb {
background-color: #2f3542;
}
::-webkit-scrollbar-track {
background-color: #ccc;
}

* {scrollbar-3dLight-Color: #ddd; scrollbar-arrow-color: #bbb; scrollbar-base-color: #ddd; scrollbar-Face-Color: #333; scrollbar-Track-Color: #ddd; scrollbar-DarkShadow-Color: #ddd; scrollbar-Highlight-Color: #2b333a; scrollbar-Shadow-Color:transparent;}


select {

    -webkit-appearance: none;  /* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */
    -moz-appearance: none;
    appearance: none;
/* È­»ìÇ¥ ¸ð¾çÀÇ À̹ÌÁö */
}