@font-face {
  font-family: 'Pretendard';
  font-weight: 900;
  src: local('Pretendard Black'), url(https://ecimg.cafe24img.com/pg134b40258762027/chingchingdesign/font/Pretendard-Black.woff2) format('woff2'), url(https://ecimg.cafe24img.com/pg134b40258762027/chingchingdesign/font/Pretendard-Black.woff) format('woff');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 800;
  src: local('Pretendard ExtraBold'), url(https://ecimg.cafe24img.com/pg134b40258762027/chingchingdesign/font/Pretendard-ExtraBold.woff2) format('woff2'), url(https://ecimg.cafe24img.com/pg134b40258762027/chingchingdesign/font/Pretendard-ExtraBold.woff) format('woff');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 700;
  src: local('Pretendard Bold'), url(https://ecimg.cafe24img.com/pg134b40258762027/chingchingdesign/font/Pretendard-Bold.woff2) format('woff2'), url(https://ecimg.cafe24img.com/pg134b40258762027/chingchingdesign/font/Pretendard-Bold.woff) format('woff');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 600;
  src: local('Pretendard SemiBold'), url(https://ecimg.cafe24img.com/pg134b40258762027/chingchingdesign/font/Pretendard-SemiBold.woff2) format('woff2'), url(https://ecimg.cafe24img.com/pg134b40258762027/chingchingdesign/font/Pretendard-SemiBold.woff) format('woff');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 500;
  src: local('Pretendard Medium'), url(https://ecimg.cafe24img.com/pg134b40258762027/chingchingdesign/font/Pretendard-Medium.woff2) format('woff2'), url(https://ecimg.cafe24img.com/pg134b40258762027/chingchingdesign/font/Pretendard-Medium.woff) format('woff');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 400;
  src: local('Pretendard Regular'), url(https://ecimg.cafe24img.com/pg134b40258762027/chingchingdesign/font/Pretendard-Regular.woff2) format('woff2'), url(https://ecimg.cafe24img.com/pg134b40258762027/chingchingdesign/font/Pretendard-Regular.woff) format('woff');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 300;
  src: local('Pretendard Light'), url(https://ecimg.cafe24img.com/pg134b40258762027/chingchingdesign/font/Pretendard-Light.woff2) format('woff2'), url(https://ecimg.cafe24img.com/pg134b40258762027/chingchingdesign/font/Pretendard-Light.woff) format('woff');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 200;
  src: local('Pretendard ExtraLight'), url(https://ecimg.cafe24img.com/pg134b40258762027/chingchingdesign/font/Pretendard-ExtraLight.woff2) format('woff2'), url(https://ecimg.cafe24img.com/pg134b40258762027/chingchingdesign/font/Pretendard-ExtraLight.woff) format('woff');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 100;
  src: local('Pretendard Thin'), url(https://ecimg.cafe24img.com/pg134b40258762027/chingchingdesign/font/Pretendard-Thin.woff2) format('woff2'), url(https://ecimg.cafe24img.com/pg134b40258762027/chingchingdesign/font/Pretendard-Thin.woff) format('woff');
}

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img { margin:0; padding:0; }
html { width:100%; height:100%; overflow-x: hidden; }
ul{list-style:none;}
a{text-decoration: none; color: inherit;}
* {box-sizing: border-box; }
body {   
         width:100%;  min-width:1200px;
         margin: 0 auto;
         padding: 0; overflow-x: hidden;
    	 font-family: 'Pretendard';
     }

/*font*/
.pre_52{font-size:52px; font-family:"pretendard"; font-weight:500;}
.pre_30_exb{font-size:30px; font-family:"pretendard"; font-weight:700;}
.pre_26{font-size:26px; font-family:"pretendard"; font-weight:400; line-height: 36px;}
.pre_20{font-size:20px; line-height:30px;  font-family:"pretendard"; font-weight:400;}
.pre_20_b{font-size:20px; font-family:"pretendard"; font-weight:700;}
.pre_18{font-size:18px !important; font-family:"pretendard"; font-weight:400;}


/*common*/
.flex{display:flex;}
.column{display:flex; flex-direction: column;}
.flex_center{justify-content:center;}
.between{justify-content:space-between;}
.align_center{align-items:center;}
.align_left{align-items:flex-start;}
.center{text-align:center;}
.text_left{text-align: left;}
.auto{margin:auto;}

.top5{margin-top:5px;}
.top10{margin-top:10px;}
.top20{margin-top:20px;}
.top22{margin-top:22px;}
.top30{margin-top:30px;}
.top50{margin-top:50px;}
.top70{margin-top:70px !important;}
.top80{margin-top:80px !important;}
.top100{margin-top: 100px !important;}
.top176{margin-top:176px;}

.top_20{margin-top:-20px;}
.top_22{margin-top:-22px;}
.top_25{margin-top:-25px;}
.top_50{margin-top:-50px;}

.bot10{margin-bottom: 10px;}
.bot15{margin-bottom: 15px;}
.bot20{margin-bottom: 20px;}
.bot30{margin-bottom: 30px;}
.bot50{margin-bottom: 50px;}
.bot80{margin-bottom: 80px !important;}
.bot100{margin-bottom: 100px;}

.right5{margin-right:5px;}
.right10{margin-right:10px;}
.right20{margin-right:20px;}
.right30{margin-right:30px;}
.right40{margin-right:40px;}
.right60{margin-right: 60px;}
.right100{margin-right: 100px;}

.left10{margin-left:10px;}
.left20{margin-left:20px;}
.left30{margin-left:30px;}
.left32{margin-left:32px;}
.left43{margin-left:43px;}
.left50{margin-left:50px;}

.left_10{margin-left:-10px;}
.left_30{margin-left:-30px;}
.left_10per{margin-left:-10%;}

.pad_top10{padding-top:10px;}
.pad_top30{padding-top:30px;}
.pad_top32{padding-top:32px;}
.pad_top50{padding-top:50px;}
.pad_top_68{padding-top:68px;}
.pad_bot20{padding-bottom:20px;}


.pad_left50{padding-left:50px;}

.text-right { text-align : right!important }

/*color*/
.gray{color:#666 !important;}
.blue{color:#446BB4 !important;}
.dark_black{color:#14171B;}
.gray{color:#666;}

/*gnb*/
#navbar {margin: 0 auto; padding: 0;}
.navbar_box{width:1200px; max-width: 1200px; height:58px; margin:auto; display: flex; justify-content: space-between; align-items: center;}
.none_hover:hover{background:none !important;}
.w{border-left:1px solid #666; height:14px;}
/*key*/
.key_box{ width:1200px; margin:auto; display: flex; justify-content: center;}
.h{position: absolute; z-index:2; top:520px;}
.key{ position: absolute; z-index:0; width:1200px; top:80px;}
/*quick*/
.quick{ position: absolute; z-index:1; top:608px; width:1000px; height:182px; background:#446BB4;}
.quick ul{display:flex; justify-content: space-between;}
.quick li{width:200px; color:#fff; text-align:center; padding:24px;}
.quick .line{width:1px; border-right:1px solid #5176B9; height:118px; margin-top:30px; padding:0;}
.quick img{margin-bottom:20px;}
.quick_center{margin-top:92px;}
/*info*/
.info{ clear:both; width:1000px; margin:auto; margin-top:870px;}
.info ul{display:flex; justify-content: space-between; }
.info li:first-child{margin-right:30px;}
/*check list*/
.check_list{width:100%; background:#EDF1F8;  margin:80px auto; padding:80px 0; }
.check_list ul{ display: flex; flex-direction:column; justify-content: center; align-items: center;}
.check_list ul li{margin-top:30px; }
.check_list ul li:first-child{margin-top:0; }
.check_list .list {width:810px;}
.check_list .list ul{ display: flex; flex-direction:row; justify-content: flex-start; }
 
/*tab*/
.tab_all{width:1000px; margin:auto; text-align:center;}
.tablinks{width:220px; height:187px; border-radius:10px; border:0;}
.tab_all .tab {  width:690px; overflow: hidden; margin: auto;}

.tab_all .tab button {
  float: left;
  background-color: #EEEEEE;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
  margin-right:10px;
  color:#666;
}

.tab_all .tab button:hover {
  border: 3px solid #446BB4;
  background-color: #fff;
}

.tab_all .tab button.active {
  border: 3px solid #446BB4;
  background-color: #fff;
  color:#14171B;
}

.tab_all .tabcontent {
  display: none;
  padding: 6px 12px;
  border-top: none;
  background:#fff;
}
    
     .tab_all table {
         	font-size:16px;
            width: 1000px;
            border-collapse: collapse;
        }
       .tab_all td {
            color:#666;
            background:#fff;
            border-bottom:1px solid #DAE1F0;
            border-right:1px solid #DAE1F0;
            padding:16px;
            
            
        }
   		 .tab_all td:last-child {
            color:#666;
            background:#fff;
            border-bottom:1px solid #DAE1F0;
            border-right:0;
            padding:16px;
           }
       .tab_all th, td {
            padding: 16px 0;
            text-align: left;
        }
       .tab_all th {
            text-align:center;
           	height:65px;
            color:#fff;
            background-color: #446BB4;
        }
        .tab_all th:first-child {
             text-align:center;
            		width:72px;
                    color:#fff;
                    background-color: #446BB4;
            		border-radius:10px 0 0 0;
            		font-size:18px;
            	}
/*
     .tab_all th:nth-child(2) {width:183px;}
     .tab_all th:nth-child(3) {width:90px;}
     .tab_all th:nth-child(4) {width:54px;}
     .tab_all th:nth-child(5) {width:183px;}
     .tab_all th:nth-child(6) {width:67px;}
     .tab_all th:nth-child(7) {width:115px;}
     .tab_all th:nth-child(8) {width:115px;}
*/
         .tab_all th:last-child {
              text-align:center;
             				width:115px;
                            color:#fff;
                            background-color: #446BB4;
                            border-radius:0 10px 0 0;
                        }
  
 /*banner*/
.bn{width:1000px; margin:auto;}
.bn ul{ display: flex; flex-direction: row; justify-content: space-between;}
/*list*/
.list{width:1000px; margin:auto; text-align:center;}
.list li:nth-child(2){text-align:left;}   
     .list table {
         	font-size:16px;
            width: 1000px;
            border-collapse: collapse;
        }
       .list td {
            color:#666;
            background:#fff;
            border-bottom:1px solid #DAE1F0;
            border-right:1px solid #DAE1F0;
            padding:16px;
            
            
        }
   		 .list td:last-child {
            color:#666;
            background:#fff;
            border-bottom:1px solid #DAE1F0;
            border-right:0;
            padding:16px;
           }
       .list th, td {
            padding: 16px 0;
            text-align: left;
        }
       .list th {
            text-align:center;
           	height:65px;
            color:#fff;
            background-color: #446BB4;
        }
        .list th:first-child {
             text-align:center;
            		width:72px;
                    color:#fff;
                    background-color: #446BB4;
            		border-radius:10px 0 0 0;
            		font-size:18px;
            	}
     .list th:nth-child(2) {width:110px;}
     .list th:nth-child(3) {width:127px;}
     .list th:nth-child(4) {width:342px;}
     .list th:nth-child(5) {width:230px;}
     .list th:last-child {
              text-align:center;
             				width:115px;
                            color:#fff;
                            background-color: #446BB4;
                            border-radius:0 10px 0 0;
                        }

.nlist{width:1000px; margin:auto; text-align:center;}
.nlist table {
	font-size:16px;
	width: 1000px;
	border-collapse: collapse;
}
.nlist td {
	color:#666;
	background:#fff;
	border-bottom:1px solid #DAE1F0;
	border-right:1px solid #DAE1F0;
	padding:6px;
}
.nlist td:last-child {
	color:#666;
	background:#fff;
	border-bottom:1px solid #DAE1F0;
	border-right:0;
	padding:6px;
}
.nlist th, td {
	padding: 6px 0;
	text-align: left;
}
.nlist th {
	text-align:center;
	height:65px;
	color:#fff;
	background-color: #446BB4;
}
.nlist th:first-child {
	text-align:center;
	width:72px;
	color:#fff;
	background-color: #446BB4;
	border-radius:10px 0 0 0;
	font-size:18px;
}

 /*form*/
    .hope_bg{background:#EDF1F8;}
    .hope_form{width:680px; list-style:none; margin:auto; padding:80px 0; text-align:center;}
    .hope_form input{border:0;}
    .label_all{width:680px; height:50px; display:flex; margin-bottom:10px;}
    .label{width:122px !important; padding:12px; background:#446BB4; border-radius:10px 0 0 10px; color:#fff;  font-size:16px;}
    .box{width:558px !important; padding:12px 0; border:0; background:#fff; border-radius: 0 10px 10px 0; }
    .box input{height:40px; font-size:18px; font-family: 'Pretendard'; padding:20px;}
	#message{font-size:18px; font-family: 'Pretendard'; padding:20px;}
    .message_all{width:580px; height:350px;  display:flex; }
   	.message{width:122px !important; height:350px; padding:25px; background:#446BB4; border-radius:10px 0 0 10px; color:#fff;  font-size:18px;}
    .message_box{width:458px; height:350px; background:#fff;  border-radius: 0 10px 10px 0; }
    .message_box textarea{width:100%; height:350px; border:0; font-size:18px; resize: none; text-align: left;  line-height:26px;}
	.message_box placeholder{font-family: 'Pretendard';}
    .hope_form placeholder{font-size:18px; font-family: 'Pretendard'; text-align:left;}
 

/* CSS 스타일을 추가합니다. */
.only_mobile{display:none;}
.toggle-menu {
 display: none; /* 초기에는 숨깁니다. */
 border-top: #CACACA;
}

footer {width:100%; line-height: 22px; font-size:16px;color:#999999; text-align: center;}
.fixed{position:fixed;  width:100%; max-width: 100%;top:0px}
.navbar {
overflow: hidden;
background-color: #fff;
}

.navbar a {
font-family:'pretendard';
font-weight:400;
float: left;
font-size: 18px;
color: #666;
text-align: center;
padding: 14px 15px;
text-decoration: none;
}

.navbar a:hover{
background-color: #446BB4;
color:#fff;
}
 
.btnWrap{
 position: fixed;
 right: 10px;
 bottom: 7px;
     } 
     
 

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  /* 태블릿 */
  .none_tb{display:none !important;}
  .only_tb{display:block !important;}
}

.map_btn{ width:52px ; height:52px ; font-size:13px;padding:0px; }
.map_icon{ width:52px ; height:52px ; }
.map_btn_pos{ position:absolute ; right:30px;}


/* 720px 미만일 때 토글 메뉴를 보이도록 합니다. */
@media only screen and (max-width: 1024px) {
  body{width:100%; max-width: 1024px; min-width:320px;}
 .only_mobile{display:block;}
 .none_mobile{display:none;}
 .navbar_box{display:none;}
 .map_btn{ width:46px ; height:46px ; font-size:12px;padding:0px; }
 .map_icon{ width:46px ; height:46px ; }
 .map_btn_pos{ position:absolute ; right:18px;}
 .toggle-menu {
   display: block;
   font-family: 'Pretendard';
   font-size:1.3rem;
   border-top: 1px solid #CACACA;
   background:#2a2a2a;
   color:#fff;
   padding:100px 0;
   margin-top:10px;
 }


 /*font*/
.pre_52{font-size:1.7rem; font-family:"pretendard"; font-weight:500;}
.pre_30_exb{font-size:1.2rem; font-family:"pretendard"; font-weight:700; line-height: 1.3rem;}
.pre_26{font-size:1rem; font-family:"pretendard"; font-weight:400; line-height: 1.3rem;}
.pre_20_b{font-size:1.2rem; font-family:"pretendard"; font-weight:600; line-height: 1.3rem;}
.pre_20{font-size:1rem; font-family:"pretendard"; font-weight:400;}
.pre_18{font-size:0.8rem !important; font-family:"pretendard"; font-weight:400;}

.pre_1rem{font-size:1rem; font-family:"pretendard"; font-weight:400; line-height: 1.3rem;}
.pre_12rem{font-size:1.2rem; font-family:"pretendard"; font-weight:400; line-height: 1.5rem;}
.pre_15rem{font-size:1.5rem; font-family:"pretendard"; font-weight:400; line-height: 1.7rem;}

.column_m{display:flex; flex-direction: column;}

/*size*/
.top176_m{margin-top:37px;}
.top10{margin-top:10px;}
.top20{margin-top:20px;}
.top30{margin-top:10px;}
.top50{margin-top:30px;}
.top100{margin-top:50px !important;}

.top_18{margin-top:-18px;}

.bot50{margin-bottom: 30px;}
.bot100{margin-bottom: 50px;}

.pad_5_5per{margin:0 5%;}
.pad_10_10per{margin:0 10%;}

.pad_top32{padding-top:20px;}
.pad_top_68{padding-top:0;}
.pad_top50{padding-top:20px;}

.w45{width:45% !important;}
.w50{width:50% !important;}
.w80{width:80%;}
.w90{width:90%;}
.w100{width:100%;}
.m_center{text-align:center;}


/*key*/
.key_box{ width:100%;  margin:auto; display: flex; justify-content: center; margin-top:-70px;}
.h{position: absolute; z-index:2; top:380px;}
.key{ position: absolute; z-index:0; width:100%; top:80px;}
/*quick*/
.quick{ position: absolute; z-index:1; top:420px; width:100%; height:190px; background:#446BB4;}
.quick ul{display:flex; justify-content: space-between;}
.quick li{width:50%; color:#fff; text-align:center; padding:24px;}
.quick .line{width:1px; border-right:1px solid #5176B9; height:118px; margin-top:30px; padding:0;}
.quick img{margin-bottom:20px;}
.quick_center{margin-top:92px;}    
/*info*/
.info{ clear:both; width:100%; margin:auto; margin-top:720px;}
.info ul{display:flex; flex-direction:column; text-align:center;} 
.info li{padding:0 20px;}
.info li:first-child{margin-right:0; padding:0 20px;}
/*check list*/
.check_list{width:100%; background:#EDF1F8;  margin:80px auto; padding:80px 0; }
.check_list ul{ display: flex; flex-direction:column; justify-content: center; align-items: center;}
.check_list ul li{margin-top:30px; text-align:center;}
.check_list ul li:first-child{margin-top:0; }
.check_list .list {width:100%;}
.check_list .list li{text-align:center;}
.check_list .list ul{ display: flex; flex-direction:column; }  
 /*tab*/
.tab_all{width:100%; margin:auto; text-align:center;}
.m_tablinks{width:30%; height:160px; border-radius:10px; border:0;}
.tab_all .tab { width:100%; overflow: hidden; margin: auto; text-align:center;}   
.tab_all .tab button {
  background-color: #EEEEEE;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  margin-right:3px;
  margin-left:6px;
  color:#666;
}  
    .tab_all .tab button:last-child {
  background-color: #EEEEEE;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  margin-right:0;
  color:#666;
}  
.m_tabcontent{width:90%; margin:auto; padding:30px 0;}   
.m_tabcontent li{}
.con_list{border-bottom:1px solid #D9D9D9; height:220px; padding:30px 10px; text-align:left;}
.con_list li{line-height:1.6rem;}
.con_list_1{font-size:1.5rem; font-weight:700; color:#446BB4; margin-bottom:10px;}
.con_list_2{font-size:1rem; color:#444;}
.con_list_3{font-size:1rem; color:#999;}
.con_list_4{font-size:1rem; color:#666;}
.con_list_5{font-size:0.8rem; color:#666;}
.tip{background:#446BB4; color:#fff; font-size:16px; width:64px; height:22px; padding:2px 5px;}
 /*banner*/
.bn{width:100%; margin:auto;}
.bn ul{ display: flex; flex-direction: column; }    
/*list*/
.list{width:90%; margin:auto; text-align:center;}    
 /*form*/
.hope_form{width:90%; list-style:none; margin:auto; padding:80px 0; text-align:center;}
.label_all{width:100%; height:70px; display:flex; margin-bottom:10px;}
.label{width:20% !important; padding:10px; background:#446BB4; border-radius:10px 0 0 10px; color:#fff; font-size:1rem;}
.box{width:100% !important; padding:25px 0; border:0; background:#fff; border-radius: 10px 10px 10px 10px; }
    .box input{width:100%; height:40px; font-size:18px; font-family: 'Pretendard'; padding:20px;}
	#message{font-size:1rem; font-family: 'Pretendard'; padding:20px;}
    .message_all{width:100%; height:350px;  display:flex; }
   	.message{width:24% !important; height:350px; padding:15px; background:#446BB4; border-radius:10px 0 0 10px; color:#fff; font-size:1rem;}
    .message_box{width:80% height:350px; background:#fff;  border-radius: 0 10px 10px 0; }
    .message_box textarea{width:100%; height:350px; border:0; font-size:18px; resize: none; text-align: left;  line-height:26px;}
	.message_box placeholder{font-family: 'Pretendard';}
    .hope_form placeholder{font-size:18px; font-family: 'Pretendard'; text-align:left;}

footer{font-family:"pretendard";  font-size:0.7rem;}