@import url('https://fonts.googleapis.com/css?family=Play');
@import url('https://fonts.googleapis.com/css?family=Montserrat');

@charset "utf-8";
/* CSS Document */



*{margin:0; padding:0; font-size:16px; color:#424242; font-family:'Montserrat', sans-serif; line-height:22px  }




*{list-style:none; margin:0; padding:0;}

	
.sub_title_1{font-size:40px; text-align:center; color:#492085; padding-top:45px; font-weight:bold; padding-bottom:15px;}
.sub_title_2{font-size:25px; text-align:center; color:#5c4ab8; padding-bottom:15px;}

.sub_title_3{font-size:40px; padding-left:32px;  color:#fff; padding-top:45px; font-weight:bold; padding-bottom:15px;}
.sub_title_4{font-size:25px; padding-left:32px; color:#c6c0e7; line-height:26px; padding-bottom:15px;}

.title_1{background:url(../_images/dot_1.png) no-repeat; font-weight:bold; font-size:22px; color:#271a6c; padding-left:22px;}
.title_2{background:url(../_images/dot_2.png) no-repeat; font-weight:bold; font-size:22px; color:#fff; padding-left:22px;}


.padding_01{padding-bottom:10px;}
.padding_02{padding-bottom:20px;}
.padding_03{padding-bottom:30px;}
.padding_04{padding-bottom:40px;}
.padding_05{padding-bottom:50px;}
.padding_06{padding-bottom:60px;}
.padding_07{padding-bottom:70px;}
.padding_08{padding-bottom:80px;}
.padding_09{padding-bottom:90px;}
.padding_10{padding-bottom:100px;}
.padding_11{padding-bottom:110px;}
.padding_12{padding-bottom:120px;}
.padding_13{padding-bottom:130px;}
.padding_14{padding-bottom:140px;}
.padding_15{padding-bottom:150px;}
.padding_16{padding-bottom:160px;}


.padding-top_01{padding-top:10px;}
.padding-top_02{padding-top:20px;}
.padding-top_03{padding-top:30px;}
.padding-top_04{padding-top:40px;}
.padding-top_05{padding-top:50px;}
.padding-top_06{padding-top:60px;}
.padding-top_07{padding-top:70px;}
.padding-top_08{padding-top:80px;}
.padding-top_09{padding-top:90px;}


.margin-top_01{margin-top:10px;}
.margin-top_02{margin-top:20px;}
.margin-top_03{margin-top:30px;}
.margin-top_04{margin-top:40px;}
.margin-top_05{margin-top:50px;}
.margin-top_06{margin-top:60px;}
.margin-top_07{margin-top:70px;}
.margin-top_08{margin-top:80px;}
.margin-top_09{margin-top:90px;}


.sub_txt_1{ text-align:center;font-size:16px; color:#271a6c; line-height:22px; padding-top:20px;}
.sub_txt_2{ text-align:center;font-size:22px; font-weight:bold; color:#fff; line-height:22px; }
.sub_txt_3{ text-align:center; font-size:16px; color:#fff; line-height:22px; }
.sub_txt_4{ font-size:23px; font-weight:bold; color:#000; padding-bottom:15px; }
.sub_txt_5{ font-size:25px; text-align:center; font-weight:bold; color:#5b49b7; padding-bottom:15px; }
.sub_txt_6{ font-size:25px; text-align:left; font-weight:bold; color:#5b49b7; padding-bottom:15px; }




.fra_pro_1{width:200px; text-align:center; float:left}
.fra_pro_2{width:50px; text-align:center; float:left; line-height:120px; height:120px;}

.m_menu_sub{display:none}
.sub_bgcolor{background:#5c4ab9; height:113px;}

.sub_menu_bg{border-top:1px solid #ccc; border-bottom:1px solid #ccc; height:43px;}
.sub_menu_on{width:200px; float:left; text-align:center; height:43px; background:#5c4ab9; color:#fff; cursor:pointer; border-right:1px solid #afafaf; line-height:43px; font-size:20px; font-weight:bold}
.sub_menu_off{text-align:center; height:43x; width:200px; float:left; line-height:43px; font-size:18px; color:#4e4e4e; cursor:pointer; border-right:1px solid #afafaf;}
.sub_menu_on2{width:300px; float:left; text-align:center; height:43px; background:#5c4ab9; color:#fff; cursor:pointer; border-right:1px solid #afafaf; line-height:43px; font-size:20px; font-weight:bold}
.sub_menu_off2{text-align:center; height:43x; width:300px; float:left; line-height:43px; font-size:18px; color:#4e4e4e; cursor:pointer; border-right:1px solid #afafaf;}


.frame_1{width:1201px; margin:0 auto}
.frame_2{width:100%;}
.frame_3{width:520px; margin:0 auto}
.frame_4{width:600px; margin:0 auto}
.frame_price{width:100%; background:url(../price/images/bg.gif) no-repeat; height:540px;}
.kr_frame_price{width:100%; background:url(../price/images/bg.gif) no-repeat; height:540px;}
.frame_main{width:100%; background:url(/_images/bg.gif) no-repeat; height:827px;}
.frame_howtooder_1{width:100%; background:#5c4ab9; height:827px;}
.frame_howtooder_2{width:846px;  height:761; float:right }
.frame_quick{background:url(/_images/quick_bg.gif) ; width:100%; height:354px; }
.frame_partner{width:100%; background:url(../about/images/partner_bg.gif)  no-repeat; padding-top:20px; padding-bottom:30px;}
.frame_service{width:100%; background:url(../service/images/service_bg.gif) no-repeat; padding-top:20px; padding-bottom:30px;}
.frame_service2{width:100%; background:url(../service/images/service_bg2.gif) no-repeat; height:240px; padding-top:20px}
.frame_aboutus{width:1600px; margin:0 auto}

.sub_frame_1{width:1000px; height:300px;  margin:0 auto}
.sub_frame_2{float:left; width:30%; margin-right:40px;}
.kr_sub_frame_2{float:left; width:45%; margin-right:40px;}
.sub_frame_3{float:left;  width:30%;}
.sub_frame_4{width:1000px; position:relative; height:300px;  margin:0 auto}
.sub_frame_5{float:left; position:absolute; width:30%; margin-right:40px;}
.sub_frame_6{float:left; position:absolute; width:30%;}
.sub_frame_7{width:100%; border-bottom:1px solid #ccc; height:80px}

.menu_box{
	width:100%; margin:0 auto; height:120px; color:#000;  position:fixed; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.m_menu_box{display:none}

.top_style{width:1200px;  height:120px;margin:0 auto; }

.menu_box a{color:#fff; font-size:17px;   text-decoration:none; 
}
.fixed{background:rgba(92,74,185,1); color:#fff; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
		
.fixed a{ transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; color:#fff;}
.logo{width:149px; height:120px; float:left; padding-top:10px; line-height:120px;}
.logo a{font-size:46px;  text-decoration:none;}
.nav_top{height:30px; width:1000px; float:right}
.nav_top ul li{float:right; height:30px; padding:27px 0 0 15px}
.nav_top a{color:#fff; font-size:10px;   text-decoration:none; }

.menu_box > ul{float:right;  }
.menu_style{padding-left:350px;  padding-top:20px;}
.menu_style_li{float:right; text-decoration:none;   text-align:center; margin-top:40px; padding-bottom:20px; margin-left:50px;  color:#36bba1;font-size:20px;}
.menu_sub_style{ background:#5c4aba; padding:10px; border-bottom:1px solid #6b59c8; color:#fff; font-size:15px; text-align:left; height:22px;}			
					
/**메뉴부분 마우스 오버시 색상 **/
.menu_box li a:hover{
						border-top:2px solid #36bba1; padding-top:11px; color:#36bba1;}
						
.menu_box li:nth-child(2) a:hover{
						border-top:2px solid #36bba1; padding-top:11px; color:#36bba1;}
						
.menu_box li:nth-child(3) a:hover{
						border-top:2px solid #36bba1; padding-top:11px; color:#36bba1;}
						
.menu_box li:nth-child(4) a:hover{
						border-top:2px solid #36bba1; padding-top:11px; color:#36bba1;}
						
.menu_box li:nth-child(5) a:hover{
						border-top:2px solid #36bba1; padding-top:11px; color:#36bba1;}
	
	
 .swiper-container {
        width: 100%;
        height: 500PX;
    }
    .swiper-slide {
        background-position: center;
        background-size: cover;
    }	
	
	

.main_txt_1{font-size:80px; font-weight:bold; text-align:center;  color:#FFF; }]




        /*  Page styles  */

    
        .skrollr-desktop body {
          
        }

        #skrollr-body {
			 overflow:visible;
            position:relative;
        }


/*  Styles _ 메인show&fade_txt효과 */

        .dummy-content{
            padding: 150px 0;
            background: radial-gradient(white, #EEF6F9);
            color: #3FA564;
            font-size: 24px;
            
            text-align: center;
        }


        .dummy-content h2{
            font-weight: normal;
        }


        .body-text{
            padding: 50px 0;
            background-color: #fff;
            color: #000;
            font-size: 18px;
        
            text-align: center;
        }

        .body-text h2{
            font-size: 42px;
            font-weight: normal;
            margin-bottom: 80px;
        }

        .body-text p{
            width: 28%;
            display: inline-block;
            text-align: left;
            padding: 20px;
            color: #45636B;
        }


        @media (max-width: 900px){

            .body-text p{
                width: 100%;
            }

        }
		

#footer{background:#373737; width:100%; height:214px;}
.footer_center{width:1134px; margin:0 auto; padding-top:57px}
.footer_left{width:160px; float:left; padding-top:35px}
.footer_right{float:left; color:#b5b5b5; font-size:13px; line-height:22px}





table.table_1 {
	clear:both;
	border-collapse:collapse;
	border-top:2px solid #5d4bb9;
}

table.table_1 tr td {

	border-collapse:collapse;
	padding:10px;
	color:#3d3d3d;
	border-bottom:1px solid #cfcfcf;
	height:25px;
	font-size:16px;
	line-height:22px;
}
table.table_1 th {
	color:#5d4bb9;
	font-size:18px;
	height:25px;
	background:#efeff7;
	line-height:25px;
	padding:15px 10px;
	border-bottom:1px solid #cfcfcf;
	font-weight:bold;
}




table.table_1_1 {
	clear:both;
	border-collapse:collapse;
	border-top:2px solid #5d4bb9;
}

table.table_1_1 tr td {

	border-collapse:collapse;
	padding:10px;
	color:#3d3d3d;
	border-bottom:1px solid #cfcfcf;
	height:25px;
	font-size:16px;
	line-height:22px;
}
table.table_1_1 th {
	color:#5d4bb9;
	font-size:18px;
	height:25px;
	line-height:25px;
	padding:15px 10px;
	border-bottom:1px solid #cfcfcf;
	font-weight:bold;
}


table.table_apply {
	clear:both;
	border-collapse:collapse;
	border-top:2px solid #5d4bb9;
}

table.table_apply tr td {

	border-collapse:collapse;
	padding:5px;
	color:#3d3d3d;
	border-bottom:1px solid #cfcfcf;
	height:25px;
	font-size:16px;
	line-height:22px;
}
table.table_apply th {
	color:#5d4bb9;
	font-size:18px;
	height:25px;
	line-height:25px;
	padding:10px 10px;
	border-bottom:1px solid #cfcfcf;
	font-weight:bold;
}


table.table_board {
	clear:both;
	border-collapse:collapse;
	border-top:2px solid #5d4bb9;
}

table.table_board tr td {

	border-collapse:collapse;
	padding:10px;
	color:#3d3d3d;
	border-bottom:1px solid #cfcfcf;

	font-size:16px;
	line-height:22px;
}
table.table_board th {
	color:#5d4bb9;
	font-size:18px;
	height:25px;
	background:#efeff7;
	line-height:25px;
	padding:15px 10px;
	border-bottom:1px solid #cfcfcf;
	font-weight:bold;
}




table.table_2 {
	clear:both;
	border-collapse:collapse;
}

table.table_2 tr td {

	border-collapse:collapse;
	padding:10px;
	color:#000;
	padding-left:20px;
	border-bottom:1px solid #c4c4c4;
	height:25px;
	font-size:18px;
	line-height:22px;
}
table.table_2 th {
	color:#5d4bb9;
	font-size:18px;
	height:25px;
	line-height:25px;
	padding:10px;
	border-bottom:2px solid #5d4bb9;
	font-weight:bold;
}


table.table_3 {
	clear:both;
	border-collapse:collapse;
	border-top:2px solid #c4c4c4;
}

table.table_3 tr td {

	border-collapse:collapse;
	padding:10px;
	color:#000;
	border-bottom:1px solid #cfcfcf;
	height:50px;
	text-align:right;
	font-size:25px;
	line-height:50px;
	font-weight:bold;
}
table.table_3 th {
	color:#5d4bb9;
	font-size:18px;
	height:25px;
	line-height:25px;
	padding:15px 10px;
	border-bottom:1px solid #cfcfcf;
	font-weight:bold;
}



.input_01{border:1px solid #ccc; height:25px; padding:3px; 	color:#3d3d3d; font-size:16px}
.input_02{border:1px solid #5d4bb9; height:60px; padding:5px; width:250px; font-weight:bold; background:#FFFFFF; font-size:20px; float:left; margin-right:10px; 	color:#5d4bb9; }
.input_03{border:1px solid #5d4bb9; height:60px; padding:5px; width:250px; font-weight:bold; background:#5d4bb9; font-size:20px; float:left; margin-right:10px; 	color:#fff; }
.input_04{border:1px solid #ccc; width:100%; height:25px; padding:3px; 	color:#3d3d3d; font-size:16px}
.input_05{border:1px solid #5d4bb9; height:60px; padding:5px; width:370px; font-weight:bold; background:#5d4bb9; font-size:20px; float:left; margin-right:10px; 	color:#fff; }
.input_06{border:1px solid #5d4bb9; height:60px; padding:5px; width:250px; font-weight:bold; background:#5c4aba; font-size:20px; float:left; margin-right:10px; 	color:#fff; }
.input_07{border:1px solid #5d4bb9; height:60px; padding:5px; width:250px; font-weight:bold; background:#271b65; font-size:20px; float:left; margin-right:10px; 	color:#fff; }
.input_08{border:1px solid #5d4bb9; height:50px; padding:5px; width:250px; font-weight:bold; background:#5c4aba; margin:0 auto; font-size:20px; color:#fff; }
.input_09{border:1px solid #5d4bb9; height:48px; padding:5px; width:235px; line-height:48px; text-align:center; font-weight:bold; background:#5c4aba; font-size:20px; float:left; margin-right:10px; 	color:#fff; }
.input_apply{border:1px solid #5d4bb9; height:40px; padding:5px; width:250px; font-weight:bold; background:#5c4aba; margin:0 auto; font-size:20px; color:#fff; }
.input_write{border:1px solid #5d4bb9; height:40px; padding:5px; width:100px; font-weight:bold; background:#5d4bb9; font-size:18px; float:left; margin-right:10px; 	color:#fff; }
.input_write2{border:1px solid #5d4bb9; height:40px; padding:5px; width:100px;  background:#fff; font-size:18px; float:left; margin-right:10px; 	color:#5d4bb9; }

.sign_btn_1{width:50%; height:50px; background:#5d4bb9; color:#fff; text-align:center; cursor:pointer; line-height:50px; font-size:18px; font-weight:bold; float:left}
.sign_btn_2{width:50%; height:50px; border-bottom:1px solid #cfcfcf; text-align:center; cursor:pointer; color:#5d4bb9; line-height:50px; font-size:18px; font-weight:bold; float:left}
.sign_login_bg{border-left:1px solid #cfcfcf;  border-right:1px solid #cfcfcf; clear:both;  border-bottom:1px solid #cfcfcf;   }
.sign_login_bg_txt{font-size:18px; width:370px; margin:0 auto; }

.txt_1{font-size:25px; text-align:center; width:100%; padding-top:30px; padding-bottom:40px;}
.txt_2{font-size:18px;  font-weight:bold; color:#000}

.forgot_email_1{float:left; font-size:15px; width:55px; line-height:25px; padding-right:5px;}
.forgot_email_2{float:left; font-size:15px; width:230px; border:1px solid #ccc; height:25px; margin-right:10px;}
.forgot_email_3{float:left; font-size:15px; width:65px;  padding:3px; border:1px solid #ebebeb; text-align:center; background:#ebebeb; color:#424242;}

.btn_box_w{width:250px; margin:0 auto}

.dot_1{padding-left:10px; background:url(../_images/dot_3.gif) no-repeat}

.main_box_left{position:relative; width:312px; float:left; margin-right:130px;}
.main_box_right{position:relative; width:312px; float:left; }
.main_box_1{width:90px; height:90px; box-shadow:5px 5px 25px gray; background:#5c4ab9; position:absolute;  left: 109px; top: -37px;}
.main_box_2{width:312px; height:425px; box-shadow:5px 5px 25px gray; background:#FFFFFF}

.main_title_1{color:#6538a8; font-weight:bold; height:50px; font-size:22px; line-height:22px; text-align:center; padding-top:90px; }
.main_title_2{padding:15px 25px 15px 25px; height:205px;  line-height:22px; }
.main_btn_01{width:143px; height:30px; border:1px solid #6538a8; text-align:center; line-height:30px; font-size:15px; color:#6538a8; margin-left:85px; background:#fff; }
.main_title_3{color:#6538a8; font-weight:bold; height:30px; font-size:22px; line-height:22px; text-align:left; padding-top:20px; }

.howto_1{background:url(/_images/order_bg.png) no-repeat; height:95px; padding:3px 0px 0px 35px ; position:relative}
.howto_2{position:absolute; font-size:40px; font-weight:bold; text-align:center; color:#fff; width: 44px; height: 32px; left: 30px; top: -13px;}
.howto_3{width:206px;  height:66px; background:#7d60cb; float:left; font-size:20px; color:#fff; text-align:center; padding-top:25px; line-height:22px; font-weight:bold}
.howto_4{width:560px; height:61px; background:#543da2; float:left; color:#fff; padding:15px;}
.notebook{position:absolute; left: -664px; top: 207px;}

.main_quick_1{float:left; width:400px; height:354px;  }
.main_quick_2{font-size:26px; font-weight:bold; color:#2523a0; padding-left:30px; height:50px; padding-top:50px}
.main_quick_3{width:94px; height:144px;  float:left; margin-right:10px; padding-left:30px;}
.main_quick_4{width:234px; height:174px; float:left;  font-size:15px; line-height:20px;}
.main_quick_5{clear:both;  float:right;  padding-bottom:40px;}
.main_quick_6{width:500px;}
.main_quick_7{width:500px; font-size:12px; padding-left:30px; line-height:18px}
.btn_quick_more{width:80px; margin-right:30px;  border:1px solid #5c4ab9; height:30px; font-size:14px; background:#5c4ab9; color:#fff; font-weight:bold}
.quick_map{width:300px}

.about_height{float:left; width:100%;  border-bottom:1px solid #ccc;}
.about_01{width:132px; float:left; margin-top:50px; }
.about_02{width:1060px;  float:left; margin-bottom:50px ;  margin-top:50px;}

.txt_w{color:#fff}

.about_03{position:absolute; left: -75px; top: 0px;}
.about_04{background:#5c4aba; padding:70px 70px 70px 280px; width:821px; text-align:left;  line-height:26px; margin-top:100px;}
.about_05{position:relative}
.about_06{background:#5c4aba; padding:70px 70px 70px 280px; width:821px; text-align:left;  line-height:26px; margin-top:100px;}
.about_07{background:#5c4aba; padding:70px 70px 70px 280px; width:821px; text-align:left;  line-height:26px; margin-top:100px;}

.par_01{width:1020px; margin:0 auto;}
.par_02{float:left; width:300px; margin-right:40px;  margin-bottom:50px;}
.par_banner{float:left; padding:10px 22px 10px 22px; margin-right:20px;}

.about_sub_menu_1{width:599px; float:left; height:80px; border-bottom:2px solid #fff; text-align:center; cursor:pointer; text-decoration:none; color:#5c4aba; font-size:20px; font-weight:bold; border-left:1px solid #ccc; line-height:80px;}
.about_sub_menu_2{width:599px; float:left;  height:80px;  text-align:center; border-left:1px solid #ccc;  cursor:pointer; text-decoration:none; border-right:1px solid #ccc; font-weight:bold;color:#a6a6a6; font-size:20px; line-height:80px;}

.about_sub_menu_3{width:599px; float:left; height:80px; border-bottom:2px solid #fff; text-align:center; cursor:pointer; text-decoration:none; border-right:1px solid #ccc; color:#5c4aba; font-size:20px; font-weight:bold; border-left:1px solid #ccc; line-height:80px;}
.about_sub_menu_4{width:599px; float:left;  height:80px;  text-align:center; border-left:1px solid #ccc;  cursor:pointer; text-decoration:none;  font-weight:bold;color:#a6a6a6; font-size:20px; line-height:80px;}

.service_01{padding-bottom:30px; padding-top:30px; border-bottom:1px solid #ccc;}
.service_02{width:470px; margin-right:50px; float:left}
.service_03{width:680px; height:300px; float:left}

.service_04{width:560px; float:left; margin-right:25px;}
.service_05{width:187px; padding:20px; height:128px; float:left; background:#352878}
.service_06{font-size:27px; line-height:40px;  color:#fff; font-weight:bold; padding-bottom:10px;}
.service_07{float:left; width:323px;}
.service_08{width:510px;  padding:20px; text-align:center; line-height:86px; font-size:20px; color:#000; height:86; background:#FFF}

.service_09{width:530px; margin-right:50px; float:left}
.service_10{width:127px; margin-right:30px; float:left}
.service_11{width:350px; padding-top:20px; float:left}



a.btn_apply:link {font-size:20px; color:#fff; FONT-STYLE: normal; TEXT-DECORATION: none; }
a.btn_apply:visited {font-size:20px; color:#fff; FONT-STYLE: normal; TEXT-DECORATION:none; }
a.btn_apply:hover {font-size:20px; color:#fff; FONT-STYLE: normal; TEXT-DECORATION: none; }
a.btn_apply:active {font-size:20px; color:#fff; FONT-STYLE: normal; TEXT-DECORATION: none; }


.faq_question{font-size:25px; font-weight:bold; color:#5c4aba; }
.faq_plus{float:right; font-size:35px; font-weight:bold; color:#5c4aba;}
.faq_answer{ padding:20px; border-bottom:1px solid #ccc; line-height:30px; background:#eeeeee;  text-align:justify; color:#333; cursor:pointer}