@charset "utf-8";


@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(font/NotoSansKR-Thin.eot);
  src: url(font/NotoSansKR-Thin.eot?#iefix) format('embedded-opentype'),
  src: url(font/NotoSansKR-Thin.woff2) format('woff2'),
       url(font/NotoSansKR-Thin.woff) format('woff'),
       url(font/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(font/NotoSansKR-Light.eot);
  src: url(font/NotoSansKR-Light.eot?#iefix) format('embedded-opentype'),
  src: url(font/NotoSansKR-Light.woff2) format('woff2'),
       url(font/NotoSansKR-Light.woff) format('woff'),
       url(font/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(font/NotoSansKR-Regular.eot);
   src: url(font/NotoSansKR-Regular.eot?#iefix) format('embedded-opentype'),
   src: url(font/NotoSansKR-Regular.woff2) format('woff2'),
        url(font/NotoSansKR-Regular.woff) format('woff'),
        url(font/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(font/NotoSansKR-Medium.eot);
   src: url(font/NotoSansKR-Medium.eot?#iefix) format('embedded-opentype'),
   src: url(font/NotoSansKR-Medium.woff2) format('woff2'),
        url(font/NotoSansKR-Medium.woff) format('woff'),
        url(font/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(font/NotoSansKR-Bold.eot);
   src: url(font/NotoSansKR-Bold.eot?#iefix) format('embedded-opentype'),
   src: url(font/NotoSansKR-Bold.woff2) format('woff2'),
        url(font/NotoSansKR-Bold.woff) format('woff'),
        url(font/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(font/NotoSansKR-Black.eot);
   src: url(font/NotoSansKR-Black.eot?#iefix) format('embedded-opentype'),
   src: url(font/NotoSansKR-Black.woff2) format('woff2'),
        url(font/NotoSansKR-Black.woff) format('woff'),
        url(font/NotoSansKR-Black.otf) format('opentype');
 } 



/* CSS Document */


body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,pre,form,fieldset,legend,blockquote,a,button{
	margin: 0;
	padding: 0;
}

body{font-family:'Noto Sans KR', Noto Serif ,sans-serif ;
	 font-size:13px;
	 color:#4f565b;
	 width:100%;
	 margin:0;
	 padding:0;
}


video {max-width:100%; border:0;}
label {cursor:pointer;}
i , em , address{font-style:normal; font-weight:normal;}


fieldset,img { 
	border:0;
}

address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}

ol,ul {
	list-style:none;
	margin:0;
	padding:0;
}

li {display:inline-block; zoom:1;*display:inline;}


section, header,article,edu1,edu2,edu3,edu4{
	display: block;
}


.gap_5 {height:5px;}
.gap_10 {height:10px;}
.gap_15 {height:15px;}
.gap_20 {height:20px;}
.gap_25 {height:25px;}
.gap_30 {height:30px;}
.gap_35 {height:35px;}
.gap_40 {height:40px;}
.gap_45 {height:45px;}
.gap_50 {height:50px;}


a:link,a:visited {color:#585858;text-decoration:none}
a:active,a:hover,a:focus{color:#5a5a5a}
a {text-decoration:none; /*color:#333;*/ display:inline-block; zoom:1;*display:inline;}




.wrap {width:100%;
	   max-width:100%; 
	   height:100%;
	   /*position:relative;
	   overflow:hidden;*/
	   font-family:'Noto Sans KR' , Noto Serif,sans-serif ;
	   margin:0;
	   padding:0

	   }






/*=================================================
                        Top
===================================================*/


.all-top-out{width:100%;
			 height:110px;
			 position:fixed;
			 z-index:99999;
			 top:0;
			 background:#FFF;
			 clear:both} /* 탑부분 정지 원할시 이부분 삭제*/

.all-top-out-sub {width:100%;
			      height:110px;
				  background:#FFF;
			      margin:0 auto;}





.top-out {width:100%;
		  height:34px;
		  background:#FFF;
	      border-bottom:solid 1px #dbdbdb;
		  clear:both;}

.top {width:1000px;
	  height:34px;
	  font-size:13px;
	  background:#FFF;
	  border-bottom:solid 1px #dbdbdb;


	  /*background:#eaeaea;*/
	  margin:0 auto;}

.top ul { }

.top li {float:left; display:inline-block; zoom:1;*display:inline; }

.face {width:26px; padding:4px 2px;  } /*26+4=30*/

.youtube {width:26px; padding:4px 2px; } /*26+4=30*/

.fav {width:250px; line-height:35px; padding:0 4px }  /*258*/

.stick {color:#dbdbdb;}

.gap33 {width:134px;height:14px}  /*135*/
 
.gap {width:134px;}  /*135*/



.log-top {float:left; width:183px; border-right:solid 1px #dbdbdb;} /*273*/

.log-top li {width:90px; height:15px; text-align:center; padding:10px 0; border-left:solid 1px #dbdbdb; }

.log-top li a:hover {color:#9f9f9f !important;}




.language-top {float:left; width:364px; } /*273*/

.language-top li {width:90px; height:35px; text-align:center; border-right:solid 1px #dbdbdb;}


.language {line-height:25px; vertical-align:top;}

.lang {width:90px; height:30px; padding-top:5px; display:block}

.lang:hover {width:90px; background:#707070; color:#FFF }

.language-top li a.selected{width:90px;
							background:#707070;
							text-decoration:none;
							color:#FFF !important;
							font-weight:500;
							cursor:default;
							}




/*=================================================
                        Menu
===================================================*/

#moreMenu {display:none}

.menu-out {width:100%;
		   height:74px;
	       border-bottom:solid 1px #dbdbdb;
		   background:#FFF;
		   /*border-bottom:solid 1px #cfcfcf;*/
		   box-shadow: 10px 4px 14px rgba(0, 0, 0, 0.1);
		   -webkit-box-shadow: 10px 4px 14px rgba(0, 0, 0, 0.1);
		   -moz-box-shadow: 10px 4px 14px rgba(0, 0, 0, 0.1);
		   clear:both;}

.menu {width:1000px;
	   font-size:20px; 
	   font-weight:800;
	   color:#333;
	   /*letter-spacing:-0.10px;*/
	   height:74px;
	   background:#FFF;
	   border-bottom:solid 1px #dbdbdb;
	   margin:0 auto;
	   border:solid 0px red;
	   
	   }



.top-logo {
	float:left; width:177px; padding:24px 0 25px 20px;	   
} /*180*/

.mbtn-pd {padding-left:5px;}

.menu ul {} /*790*/

.menu li {float:left; text-align:right;

	   border:solid px red;

}


/*.menu-btn {width:158px; text-align:center; padding:25px 0 26px 0 ; border:solid 0px #f15d35;}
.menu-btn:hover {width:148px; text-align:center; border-bottom:solid 4px #2475d0; color:#2475d0; padding:25px 0px 22px 0px ; margin:0 5px;}*/



.menu-btn {width:155px; text-align:center; padding:28px 0 24px 0 ; border:solid 0px #f15d35;} 
.menu-btn:hover {width:145px; text-align:center; border-bottom:solid 4px #2475d0; color:#2475d0; padding:28px 0px 20px 0px ; margin:0 5px;} 

.layer-menu {float:right; width:17px;  padding:30px 0px; } /*30*/

/*=================================================
                    Eng_Menu
===================================================*/
.eng-btn {width:155px; text-align:center; padding:26px 0 24px 0 ; border:solid 0px #f15d35; font-weight:700;}
.eng-btn:hover {width:145px; text-align:center; border-bottom:solid 4px #2475d0; color:#2475d0; padding:26px 0px 20px 0px ; margin:0 5px; }


/*=================================================
                    Vnm_Menu
===================================================*/
.vnm-btn {width:155px; text-align:center; padding:26px 0 24px 0 ; border:solid 0px #f15d35; font-weight:700; letter-spacing:-0.8px; font-size:18px;}
.vnm-btn:hover {width:145px; text-align:center; border-bottom:solid 4px #2475d0; color:#2475d0; padding:26px 0px 20px 0px ; margin:0 5px; }

/*=================================================
                    Chn_Menu
===================================================*/
.chn-btn {width:155px; text-align:center; padding:26px 0 24px 0 ; border:solid 0px #f15d35; font-weight:700; letter-spacing:-0.1;}
.chn-btn:hover {width:145px; text-align:center; border-bottom:solid 4px #2475d0; color:#2475d0; padding:26px 0px 20px 0px ; margin:0 5px; }





/*////// Layer /////*/

.top-layer-outline {width:100%;
					padding:15px;
				    background:#f7f7f7;
					border-bottom:solid 1px #dbdbdb;
					position:absolute; 
					display:none;
				    box-shadow: 10px 4px 14px rgba(0, 0, 0, 0.1);
				    -webkit-box-shadow: 10px 4px 14px rgba(0, 0, 0, 0.1);
				    -moz-box-shadow: 10px 4px 14px rgba(0, 0, 0, 0.1);
					z-index:9990;
					clear:both;}

.top-layer {width:1000px;
			color:#333;
			margin:0 auto;}


.top-layer span {padding:5px; margin-top:20px;}

.top-layer li {float:left;
			   width:148px;
			   text-align:center;
			   border-right:solid 1px #dbdbdb;}

.ft-pd6 {padding-top:6px;}

.s-menu-btn {width:115px; text-align:center; padding:5px 5px 5px 5px;}

.s-menu-btn:hover {}

.mg10 {margin-left:10px;}

.top-layer a {color:#999;}

.top-layer h2 {padding:10px 0;}

.top-layer a:hover {color:#333;}

.top-layer p {font-size:12px;}

.closed {float:left;
		 padding:10px 14px 10px 14px;
		 background:#666;
		 color:#e7e7e7 !important;
		 }

.closed:hover {color:#FFF !important;}



/* Gap */

.ht-gap {width:100%; 
		 height:30px;
		 clear:both;}

.ht-gap1000 {width:1000px; 
			 height:30px;
			 margin:0 auto;}


.ht-gap1 {width:100%;
		  height:20px;
		  clear:both;}

.ht-gap1-1000 {width:1000px; 
			   height:30px;
			   margin:0 auto;}



.ht-gap2 {width:100%;
		  height:20px;
		  background:#333;
		  clear:both;}

.ht-gap2-1000 {width:1000px; 
			   height:30px;
			   margin:0 auto;}



        /* center start // main만 적용*/

.all-contents-out {width:100%;
				   min-height:700px;
				   clear:both;
} /*main만 적용*/



        /* center start // 기타sub페이지 적용*/

.all-sub-contents-out {width:100%;
				       min-height:700px;
				       clear:both;
} /*기타sub페이지 적용*/


.all-sub-contents1000 {width:1000px;
					   min-height:700px;
					   margin:0 auto;}



.all-foot-out {width:100%;
			   height:414px;
			   background:#666;
			   clear:both;}


.all-foot {width:1000px;
		   height:auto;
		   margin:0 auto;}




/*=================================
       Left-menu
===================================*/

.cn-left, .cn-left1, .cn-left2 {float:left;
								width:220px;
								height:;
								}   

.cn-left h3 {height:76px;
			 text-align:center;
			 padding-top:50px;
			 font-size:22px;
			 font-weight:600;
			 letter-spacing:-0.6px;
			 color:#FFF;
			 background:#f69d56; /* #64697d */}

.cn-left1 h3 {height:76px;
			  text-align:center;
			  padding-top:50px;
			  font-size:22px;
			  font-weight:600;
			  letter-spacing:-0.6px;
			  color:#FFF;
			  background:#64697d; /* #64697d */}

.cn-left2 h3 {height:76px;
			  text-align:center;
			  padding-top:50px;
			  font-size:22px;
			  font-weight:600;
			  letter-spacing:-0.6px;
			  color:#FFF;
			  background:#3b69ae; /* #64697d */}





.cn-left li, .cn-left1 li, .cn-left2 li {display:block;}

.left-menu {width:200px;
			padding:10px;
			border-bottom:solid 1px #cfcfcf;}

.left-menu:hover {color:#bdbdbd;}

.intro {font-size:13.6px !important; font-weight:500; color:#7c7c7c !important;}





.cn-center {float:left;
			padding:20px 13px;
			height:100%;
			}


/*=================================
       Right-menu
===================================*/


.cn-right {float:left;
		   width:754px;
		   min-height:768px;}

.cn-right4 {float:left;
		    width:754px;
		    padding:40px 0 18px 0;
		    background: url('../Img/sub-img01.png') no-repeat 575px 5px;
		    border-bottom:solid 1px #cfcfcf;}

.cn-right1 {float:left;
		    width:754px;
		    padding:40px 0 18px 0;
			background: url('../Img/sub-img02.png') no-repeat 590px 14px;
		    border-bottom:solid 1px #cfcfcf;}

.cn-right2 {float:left;
		    width:754px;
		    padding:40px 0 18px 0;
		    background: url('../Img/sub-img03.png') no-repeat 570px 12px;
		    border-bottom:solid 1px #cfcfcf;}

.cn-right3 {float:left;
		    width:754px;
		    padding:40px 0 18px 0;
		    background: url('../Img/sub-img02.png') no-repeat 590px 14px;
		    border-bottom:solid 1px #cfcfcf;}



.cn-right h3, .cn-right1 h3, .cn-right2 h3, .cn-right3 h3, .cn-right4 h3 {font-weight:700;font-size:24px;color:#666;letter-spacing:-1px;padding:10px 0;}

.cn-right span, .cn-right1 span, .cn-right2 span, .cn-right3 span, .cn-right4 span {font-size:12px;color:#a2a2a2;}





.right-sc {float:left;
		   width:754px;
		   padding:30px 0;
		   font-size:13.6px;
		   color:#7c7c7c;
		   line-height:22px;}

.right-sc h4 {font-size:16px;
			  color:#6e90b2;
			  font-weight:600;}

.right-sc p {font-size:16px;
			 color:#666;}



.top5_title {font-size:16px; font-weight:600; padding:0 0px 0 0px;}
.quick_title {font-size:30px; font-weight:600; padding:0 0px 0 0px;}




/*=================================================
                        Contents
===================================================*/




.content-out {width:100%;
			  height:470px;
			  clear:both;}

.content {width:1000px;
		  height:470px;
		  margin:0 auto;}

.main-left {float:left;
			width:668px;}

.main-right {float:left;
			 width:330px;
			 height:468px;
			 border:solid 0px #dbdbdb;}

.m-btn1 {height:56px; padding:45px 0 55px 0; line-height:28px; }
.m-btn1 li {vertical-align:middle;}
.m-btn1 img {margin-top:10px; padding:0 0 0 6px;}

.m-btn2 {height:56px; padding:38px 0 62px 0; line-height:28px; border-top:solid 1px #dbdbdb; background:#f9fafa;}
.m-btn2 li {vertical-align:middle;}
.m-btn2 img {margin-top:16px; padding:0 0 0 2px;}

.m-btn3 {height:56px; padding:45px 0 55px 0; line-height:24px; border-top:solid 1px #dbdbdb; background: url('../img/161005/free-icon.png') no-repeat 20px 0px;}
.m-btn3 li {vertical-align:middle;}
.m-btn3 img {margin-top:10px; padding:0 0 0 14px;}




/* Tab */

.content-tab-out {width:100%;
				  height:208px;
				  clear:both;} /*500/159 (높이45/114)*/

.content-tab {width:1000px;
			  height:208px;
			  margin:0 auto;}



/* ==================================================
   Tabmenu
   ================================================== */


#tabmenu{
	width:1000px;
	height:auto;
	margin:0 auto;
	clear:both;
}

ul.tab{
	width:998px;
	height:52px;
	/*max-height:178px;*/
	border-top:solid 1px #ececec;
    border-left:solid 1px #ececec;
	border-right:solid 1px #ececec;
	font-size:15px;
	background:#FFF;
}

ul.tab li{
	float:left;
	width:499px;
	height:52px;
	list-style-type:none;
	/*border-top:1px solid #d5d5d5;
	border-left:1px solid #d5d5d5;
	border-bottom:1px solid #d5d5d5;*/		
}

ul.tab li a{
	width:499px;
	outline:none;
	/*background:#e7e7e7;*/
	display:block;
	line-height:52px;
	text-align:center;
}


ul.tab li:hover{
	width:499px;
	/*background:#e7e7e7;*/
	/*background:#59bdc6;*/
	text-decoration:none;
	color:#FFF !important;
	cursor:default;
}

ul.tab li a.selected{
	width:499px;
	/*background:#59bdc6;*/
	text-decoration:none;
	color:#333 !important;
	font-weight:500;
	/*color:#FFF !important;*/
	cursor:default;
}



ul.panel{
		width:998px;
		background:#FFF;
		border-top:none;
		border:solid 1px #ececec;
		clear:both;
}

ul.panel li{
	width:997px;
	text-align:left;
	display: inline-block;
	font-size:13px;
	line-height:20px;
	/* 여러 줄 자르기 추가 스타일 
	overflow: hidden;
	white-space: normal;
	text-overflow: ellipsis;
	list-style-type:none;*/
	
   /*word-break:break-word;
   특수문자를 포함하고 강제 줄바꿈*/ 
   /*word-break:break-word;	 
     table-layout:fixed;
	/*word-break:keep-all; 
     word-wrap:break-word*/
    /*word-wrap:nowrap;*/
	/*text-indent:1em;*/
	/*line-height:26px;*/
	/*color:#333;*/
}



ul.panel li img {padding-bottom:6px;}


.tab-ft2 {color:#787878;}
.tab-ft3 {color:#c8c8c8;}


.step-box1 {text-align:center; border-right:solid 1px #ececec; padding:20px 0 15px 0;}
.step-box2 {text-align:center; padding:20px 0 15px 0;}



/*=================================================
                    Bottom-menu
===================================================*/





.bottom-menu-out {width:100%;
				  height:170px;
				  background:#FFF;
				  border-top:solid 1px #e7e7e7;
				  clear:both;} /*높이95*/

.bottom-menu {width:1000px;
			  height:171px;
			  background:#FFF;
			  line-height:22px;
			  margin:0 auto;
		  
			  }

.bottom-logo {float:left; /*151*/
			  width:151px;
			  padding:84px 95px 0 24px;}
			  

.bottom-menu h4 {color:#8f8f8f;
				padding-left:25px;
			     line-height:34px !important;
			     font-weight:600;}

.bottom-menu p {font-size:14px;
		        color:#888;
				

				}

.bottom-menu ul {padding-top:20px; 
			     text-align:left;}

.bottom-menu li {float:left; 
			     width:146px;} /*730*/


.btom-fixed {text-align:left; 
			 padding-left:20px;


			 }
.btom-fixed a {color:#888;font-size:12px;}
.btom-fixed a:hover {color:#c8c8c8;font-size:12px;}





/*=================================================
                    cs
===================================================*/


.bottom-cs-out {width:100%;
				height:100px;
				background:#FFF;
				border-top:solid 1px #e7e7e7;
				clear:both;} /*높이101*/

.bottom-cs {width:1000px;
			height:101px;
			margin:0 auto;} 

.bottom-cs h1 {font-size:38px; color:#6d6d6d}


.cs-btn1 {float:left;
		  width:455px; 
		  height:60px;
		  padding:20px 0;
		  background:#FFF; 
		  }

.cs-btn1-sub {width:435px;height:60px;}

.cs-btn1 .num {font-family:'나눔고딕', 'Nanum Gothic','Noto Sans KR', Noto Serif,sans-serif, '돋움',dotum,AppleGothic,sans-serif ;
			   font-size:25px; font-weight:700; color:#6d6d6d} /*226*/


/*.cs-icon1 {width:;
		   height:;
		   background:url('../img/161005/phone-icon.png') no-repeat 40px 38px;
		   clear:both;}*/

.cs-btn1 .txt { color:#6d6d6d; vertical-align:middle; line-height:18px; } /*209*/


/**/


.cs-btn2 {float:left;
		  width:291px; /*283*/
		  height:60px;
		  padding:20px 0;
		  color:#6d6d6d
		  }


.cs-icon2 {width:;
		   height:;
		   /*background:url('../img/161005/1ad1.png') no-repeat 0px 0px;*/
		   clear:both;}

.cs-btn2 .num {font-family:'나눔고딕' !important , 'Nanum Gothic' !important;font-size:25px; font-weight:700; color:#6d6d6d}
.cs-btn2 .txt {font-family:'나눔고딕' !important , 'Nanum Gothic' !important;font-size:32px; font-weight:700; color:#6d6d6d; vertical-align:top; line-height:44px;}


/**/

.cs-btn3 {float:left;
		  width:250px;
		  height:60px;
		  padding:20px 0 20px 0px;
		  background:#FFF;
		  }

.cs-icon3 {width:;
		   height:;
		   padding:0 0 20px 70px;
		   background:url('../img/161005/faq-icon.png') no-repeat 0px 0px;
		   clear:both;}

.cs-icon3 h1 {font-family:'나눔고딕' !important , 'Nanum Gothic' !important;font-size:25px; font-weight:700;}





/*=================================================
                        Footer
===================================================*/



.company-out {width:100%;
			  background:#4a4a4a;
		 	  height:36px;
			  clear:both;} /*높이170*/

.company {width:1000px;
		  height:16px;
		  padding:10px 0;
		  font-size:14px;
		  color:#b7b7b7;
		  line-height:px;
		  background:#4a4a4a;
		  margin:0 auto;}



.company p {color:#b7b7b7;}


/**/



.bottom1-out {width:100%;
              height:106px;
			  background:#4a4a4a;
			  color:#858585 !important;
			  clear:both;} /*높이170*/

.bottom1 {width:1000px;
		  height:90px;
		  font-size:12px;
		  font-weight:100;
		  padding:8px 0;
		  background:#4a4a4a;
		  color:#858585 !important;
		  line-height:20px;
		  margin:0 auto;}

.bottom1 p{color:#9f9f9f !important;}



/* Chrom */
@media screen and (-webkit-min-device-pixel-ratio:0){
.menu-btn {width:155px; text-align:center; padding:26px 0 24px 0 ; border:solid 0px #f15d35;} 
.menu-btn:hover { width:145px; text-align:center; border-bottom:solid 4px #2475d0; color:#2475d0; padding:26px 0px 20px 0px ; margin:0 5px; }

.eng-btn {width:155px; text-align:center; padding:26px 0 24px 0 ; border:solid 0px #f15d35; font-weight:700;}
.eng-btn:hover {width:145px; text-align:center; border-bottom:solid 4px #2475d0; color:#2475d0; padding:26px 0px 20px 0px ; margin:0 5px; }

.vnm-btn {width:155px; text-align:center; padding:26px 0 24px 0 ; border:solid 0px #f15d35; font-weight:700; letter-spacing:-0.8px; font-size:18px;}
.vnm-btn:hover {width:145px; text-align:center; border-bottom:solid 4px #2475d0; color:#2475d0; padding:26px 0px 20px 0px ; margin:0 5px; }

.chn-btn {width:155px; text-align:center; padding:26px 0 24px 0 ; border:solid 0px #f15d35; font-weight:700;}
.chn-btn:hover {width:145px; text-align:center; border-bottom:solid 4px #2475d0; color:#2475d0; padding:26px 0px 20px 0px ; margin:0 5px; }

}

/* iPhone / mobile webkit */
@media screen and (max-device-width: 480px) {
.menu-btn a, .menu-btn:active, .menu-btn:hover, .menu-btn a:hover, .menu-btn:focus{ width:148px; text-align:center; border-bottom:solid 4px #2475d0; color:#2475d0; padding:25px 0px 18px 0px ; margin:0 5px; }
}