@font-face { font-family: 'NanumGothic';
	src: url('/h3/css/fonts/NanumGothic.eot');
	src: url('/h3/css/fonts/NanumGothic.eot') format('embedded-opentype'),
	url('/h3/css/fonts/NanumGothic.woff') format('woff');
}
		
@font-face {
	font-family:'NanumSquare';
	src: url('/h3/css/fonts/NanumSquareR.eot');
	src: url('/h3/css/fonts/NanumSquareR.eot?#iefix') format('embedded-opentype'),
	url('/h3/css/fonts/NanumSquareR.woff') format('woff'),
	url('/h3/css/fonts/NanumSquareR.ttf') format('truetype'); 
}
	
@font-face { font-family: 'IropkeBatangM';
	src: url('/h3/css/fonts/IropkeBatangM.eot');
	src: url('/h3/css/fonts/IropkeBatangM.eot') format('embedded-opentype'),
	url('/h3/css/fonts/IropkeBatangM.woff') format('woff');
}
	
@font-face { font-family: 'NanumBarunGothic';
	src: url('/h3/css/fonts/NanumBarunGothic.eot');
	src: url('/h3/css/fonts/NanumBarunGothic.eot') format('embedded-opentype'),
	url('/h3/css/fonts/NanumBarunGothic.woff') format('woff');
}
	
@font-face { font-family: 'NanumBarunGothicBold';
	src: url('/h3/css/fonts/NanumBarunGothicBold.eot');
	src: url('/h3/css/fonts/NanumBarunGothicBold.eot') format('embedded-opentype'),
	url('/h3/css/fonts/NanumBarunGothicBold.woff') format('woff');
}
	
@font-face { font-family: 'NanumPen';
	src: url('/h3/css/fonts/NanumPen.eot');
	src: url('/h3/css/fonts/NanumPen.eot') format('embedded-opentype'),
	url('/h3/css/fonts/NanumPen.woff') format('woff');
}
	
HTML { width:100%; height: 100%; }
		
BODY { 
	font-size:12px; color:#60646D;   
	font-family: 'malgun gothic', 'NanumGothic', 'Segoe UI', 'Gulim', 'Dotum', '고딕', 'Georgia', 'sans-serif'; 	
	background-color: #ffffff; 
	margin: 0 0 0 0;
	height: 100%;
}
		
a:link { text-decoration: none; color:#60646D; font-size:12px; font-family: "NanumGothic", "malgun gothic", "Gulim", "Dotum"; }
a:visited { text-decoration: none; color:#60646D; font-size:12px; font-family: "NanumGothic", "malgun gothic", "Gulim", "Dotum"; }
a:hover { text-decoration: none; color:#356D9B; font-size:12px; font-family: "NanumGothic", "malgun gothic", "Gulim", "Dotum"; }
	
/* loading */
.loader { position: absolute; left: 50%; top: 50%; z-index: 1; width: 150px; height: 150px; margin: -75px 0 0 -75px; border: 16px solid #f3f3f3; border-radius: 50%; border-top: 16px solid #3498db; width: 120px; height: 120px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } 
@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } 
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
		
div { box-sizing: border-box; }

/* 메인 컨텐츠 div */
#container_top { width:100%; min-height:100px; margin:0 auto; padding: 0 0 0 0; }
#container_main_image { width:100%; min-height:200px; margin:0 auto; padding: 0 0 0 0; }
#container_contents { width:100%; min-height:300px; margin:0 auto; padding: 0 0 0 0; }
#container_bottom { width:100%; margin:0 auto; padding: 0 0 0 0; background-color:#3E5160; } 
#container_navi { width:100%; margin:0 auto; padding: 0 0 0 0; }
#div_main_mobile_image { display: none; }
	
#clear_both { clear: both; }

/* top */	
#div_top { width:1200px; margin:0 auto; padding: 20px 0 10px 0; }
#top_logo { float:left; width:200px; height:100px; margin:0 0 0 0; }		
#top_menu { float:right; width:1000px; height:100px; margin:0 0 0 0; }	
#top_mobile_menu { display: none; }
#div_mobile_menu_tree { display: none; }
#logo_image { width:150px; cursor:pointer; }
#top_menu1 { font-size:18px; font-weight:normal; font-family: "NanumBarunGothic"; color:#000000; margin:50px 0 0 50px; cursor:pointer; }
#top_menu2 { font-size:18px; font-weight:normal; font-family: "NanumBarunGothic"; color:#000000; margin:50px 0 0 50px; cursor:pointer; }
#top_menu3 { font-size:18px; font-weight:normal; font-family: "NanumBarunGothic"; color:#000000; margin:50px 0 0 50px; cursor:pointer; }
#top_menu4 { font-size:18px; font-weight:normal; font-family: "NanumBarunGothic"; color:#000000; margin:50px 0 0 50px; cursor:pointer; }
#top_menu5 { font-size:18px; font-weight:normal; font-family: "NanumBarunGothic"; color:#000000; margin:50px 0 0 50px; cursor:pointer; }
#top_menu6 { font-size:14px; font-weight:normal; font-family: "NanumBarunGothic"; color:#60646D; margin:55px 0 0 50px; cursor:pointer; }
#top_menu7 { font-size:14px; font-weight:normal; font-family: "NanumBarunGothic"; color:#60646D; margin:55px 0 0 30px; cursor:pointer; }	
#top_menu8 { font-size:14px; font-weight:normal; font-family: "NanumBarunGothic"; color:#60646D; margin:55px 0 0 30px; cursor:pointer; }	
#top_menu1:hover { text-decoration: none; color:#356D9B; } 
#top_menu2:hover { text-decoration: none; color:#356D9B; } 
#top_menu3:hover { text-decoration: none; color:#356D9B; } 
#top_menu4:hover { text-decoration: none; color:#356D9B; } 
#top_menu5:hover { text-decoration: none; color:#356D9B; } 
#top_menu6:hover { text-decoration: none; color:#356D9B; } 
#top_menu7:hover { text-decoration: none; color:#356D9B; } 
#top_menu8:hover { text-decoration: none; color:#356D9B; } 

#div_top_submenu1 { display: none; width:170px; position: absolute; z-index:4000; transition-duration: 0.3s linear; box-shadow:0px 0px 0px #646466; border-top: 5px solid #ffffff; border-left: 0px solid #D8D8D8;
	border-right: 0px solid #D8D8D8; border-bottom: 0px solid #D8D8D8; background-color:#4A4A4A; padding:0px; color:#323832; letter-spacing:1px;
}
#div_top_submenu2 { display: none; width:170px; position: absolute; z-index:4000; transition-duration: 0.3s linear; box-shadow:0px 0px 0px #646466; border-top: 5px solid #ffffff; border-left: 0px solid #D8D8D8;
	border-right: 0px solid #D8D8D8; border-bottom: 0px solid #D8D8D8; background-color:#4A4A4A; padding:0px; color:#323832; letter-spacing:1px;
}
#div_top_submenu3 { display: none; width:170px; position: absolute; z-index:4000; transition-duration: 0.3s linear; box-shadow:0px 0px 0px #646466; border-top: 5px solid #ffffff; border-left: 0px solid #D8D8D8;
	border-right: 0px solid #D8D8D8; border-bottom: 0px solid #D8D8D8; background-color:#4A4A4A; padding:0px; color:#323832; letter-spacing:1px;
}
#div_top_submenu4 { display: none; width:170px; position: absolute; z-index:4000; transition-duration: 0.3s linear; box-shadow:0px 0px 0px #646466; border-top: 5px solid #ffffff; border-left: 0px solid #D8D8D8;
	border-right: 0px solid #D8D8D8; border-bottom: 0px solid #D8D8D8; background-color:#4A4A4A; padding:0px; color:#323832; letter-spacing:1px;
}

#div_top_submenu1_1 { padding:7px 0 7px 10px; font-size:13px; color:#ffffff; font-weight:normal; cursor:pointer; z-index:5000; font-family: 'NanumBarunGothic'; }
#div_top_submenu2_1 { padding:7px 0 7px 10px; font-size:13px; color:#ffffff; font-weight:normal; cursor:pointer; z-index:5000; font-family: 'NanumBarunGothic'; }
#div_top_submenu3_1 { padding:7px 0 7px 10px; font-size:13px; color:#ffffff; font-weight:normal; cursor:pointer; z-index:5000; font-family: 'NanumBarunGothic'; }
#div_top_submenu4_1 { padding:7px 0 7px 10px; font-size:13px; color:#ffffff; font-weight:normal; cursor:pointer; z-index:5000; font-family: 'NanumBarunGothic'; }
#div_top_submenu1_1:hover { background-color:#E5E5E5; color:#4A4A4A; z-index:5000; font-family: 'NanumBarunGothic'; }
#div_top_submenu2_1:hover { background-color:#E5E5E5; color:#4A4A4A; z-index:5000; font-family: 'NanumBarunGothic'; }
#div_top_submenu3_1:hover { background-color:#E5E5E5; color:#4A4A4A; z-index:5000; font-family: 'NanumBarunGothic'; }
#div_top_submenu4_1:hover { background-color:#E5E5E5; color:#4A4A4A; z-index:5000; font-family: 'NanumBarunGothic'; }

/* 메인 이미지 슬라이드 */
#mainslide1 { max-width:100%; width:100%; }
#mainslide2 { max-width:100%; width:100%; }
#mainslide3 { max-width:100%; width:100%; }
#mainslide4 { max-width:100%; width:100%; }
.mySlides { display: none; }
.slideshow-container {
  max-width: 100%; width:100%;
  position: relative;
  margin: auto;
}
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 3000ms;
  animation-name: fade;
  animation-duration: 3000ms;
}
@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* table no */
.table_no { border-top: 0px solid #2B579A; border-left: 0px solid #C2C5C8; border-collapse:collapse; margin:0 auto;}
.th_no { padding:0px; border-spacing: 0px; border-right: 0px solid #C2C5C8; border-bottom: 0px solid #C2C5C8; }			
.td_no { padding:0px; border-spacing: 0px; border-right: 0px solid #C2C5C8; border-bottom: 0px solid #C2C5C8; word-break:break-all; }	

/* div table */
.table { display: table; width: 100%; border-top: 0px solid #C2C5C8; border-left: 0px solid #C2C5C8; }
.heading { display: table-row; font-weight: bold; text-align: center; }
.row { display: table-row; }
.cell_title { display: table-cell; border-bottom: 0px solid #C2C5C8; border-right: 0px solid #C2C5C8; font-weight: bold; padding: 10px; background-color: #EBECED; }
.cell { display: table-cell; border-bottom: 0px solid #C2C5C8; border-right: 0px solid #C2C5C8; padding: 10px; }

/* Copyright */
#div_copyright_contents { width:1200px; margin:0 auto; text-align:left; padding:50px 10px 70px 10px; font-size:12px; color:#ffffff; }
#div_copyright_contents1 { float:left; width:50%; }
#div_copyright_contents2 { float:left; width:50%; }
#div_copyright1 { padding-top:10px; line-height:25px; width:90%; color:#97ACBB; }
#div_copyright2 { padding-top:10px; color:#E0E7EB; }
#div_copyright3 { padding-top:10px; text-align:right; }
#div_copyright1_title { font-size:18px; color:#ffffff; font-weight:normal; margin-bottom:10px; } 
#kiwinote_icon { width:100px; }
.copy_link { font-size:12px; color:#ffffff; font-family: "NanumGothic", "malgun gothic", "Gulim", "Dotum"; }
.copy_link:hover { font-size:12px; color:#D3DCE2; font-family: "NanumGothic", "malgun gothic", "Gulim", "Dotum"; }
#div_nibdn_icon { width:100px; padding:10px 0 10px 0; } 
#nibdn_icon { width:100px; }

.hr1 { width:100%; height:1px; border:0px solid #7993A8; background-color:#7993A8; margin:20px 0 10px 0; }

/* sub navi : display:inline-block; */
#div_navi1_back { width:100%; height:200px; background-color:#32769e; }
#div_navi2_back { width:100%; height:200px; background-color:#0da3a2; }
#div_navi3_back { width:100%; height:200px; background-color:#2baddc; }
#div_navi4_back { width:100%; height:200px; background-color:#ff9233; }
#div_navi5_back { width:100%; height:200px; background-color:#aaa09b; }
#div_navi_image { width:1200px; margin:0 auto; }
#sub_main_image { width:1200px; margin:0 auto; }
#div_navi_title { width:100%; padding: 30px 0 30px 0; background-color:#FBFAF8; }
#div_navi_category { width:1200px; margin:0 auto; text-align:left; padding: 0 0 10px 0; }
#div_navi_category_text { text-align:right; border-bottom: 1px solid #AEAFA9; padding: 0px 10px 10px 10px; background-color:#FBFAF8; font-size:16px; color:#646F65; font-weight:normal; }
#div_navi_menu { width:1200px; margin:0 auto; text-align:left; padding: 0 0 0 0; }
#div_navi_menu_text { text-align:left; border-left: 5px solid #2F759B; padding: 0 0 0 20px; font-size:26px; color:#0795AD; }

/* Login */
#div_login_contents { width:500px;margin:0 auto;padding:100px 0 100px 0; text-align:center; }
#div_login { width:500px; margin:0 auto; padding:100px 0 100px 0; text-align:center; border: 2px solid #ECECEC; }
#div_login1 { width:100%; padding:0 0 10px 0; }
#div_login2 { width:100%; padding:50px 0 0 0; }
#login_id { width:300px; height:40px; background-color:#F5F5F3; border:1px solid #6BA3C0; font-size:20px; color:#666666; padding:0px 0px 0px 5px; margin-bottom:20px; box-sizing: border-box; }
#login_password { width:300px; height:40px; background-color:#F5F5F3; border:1px solid #6BA3C0; font-size:20px; color:#666666; padding:0px 0px 0px 5px; margin-bottom:30px; box-sizing: border-box; }
.login_button { padding:10px 20px 10px 20px; font-size:16px; color:#ffffff; font-family: 'NanumGothic'; background-color: #71B5C6; border:0px solid #0985EA; border-radius:0px; cursor:pointer; }
.login_button:hover { background-color: #77A3D2; cursor:pointer; }
.logout_button { padding:10px 20px 10px 20px; font-size:16px; color:#ffffff; font-family: 'NanumGothic'; background-color: #D16578; border:0px solid #0985EA; border-radius:0px; cursor:pointer; }
.logout_button:hover { background-color: #D29364; cursor:pointer; }
#div_logout1 { width:100%; padding:0 0 20px 0; text-align:center; font-size:20px; color:#2C322F; font-family: 'NanumGothic'; font-weight:bold; }
#div_logout2 { width:100%; padding:0 0 20px 0; text-align:center; font-size:14px; color:#336A97; font-family: 'NanumGothic'; font-weight:bold; }
#div_logout3 { width:100%; padding:0 0 0 0; text-align:center; }
#div_logout4 { width:100%; padding:50px 0 0 0; text-align:center; }

/* box_layout */
#div_box1 { width:100%; margin:0 auto; padding:50px 0 50px 0; border:2px solid #ECECEC; }
#div_box_text1 { width:100%; padding:0 20px 20px 20px; text-align:left; }
#div_box_text2 { width:100%; padding:0 20px 20px 20px; text-align:left; font-size:20px; color:#2C322F; font-family: 'NanumGothic'; font-weight:bold; }
#div_box_text3 { width:100%; padding:0 20px 5px 20px; text-align:left; }
#div_box_text4 { width:100%; padding:20px 20px 20px 20px; text-align:left; }
#div_box_input1 { width:600px; padding:0 20px 20px 20px; text-align:left; }
#div_box_input2 { width:100%; height:300px; padding:0 20px 20px 20px; text-align:left; }
#div_box_input3 { width:100%; height:500px; padding:0 20px 20px 20px; text-align:left; }
#div_box_input4 { width:100%; padding:0 20px 20px 20px; text-align:left; }
#div_box_button1 { width:100%; padding:10px 20px 0 20px; text-align:left; }
#div_box_button2 { width:100%; padding:20px 20px 0 20px; text-align:left; }
#div_box_button3 { float:left; padding:20px 20px 0 0; text-align:center; }
#div_box_button4 { float:left; padding:20px 20px 0 0; text-align:center; }
#div_box_button5 { padding:20px 0 20px 0; text-align:right; }

/* button */
.button1 { padding:10px 20px 10px 20px; font-size:14px; color:#ffffff; font-family: 'NanumGothic'; background-color: #434746; border:0px solid #0985EA; border-radius:3px; cursor:pointer; } 
.button1:hover { background-color: #77A3D2; cursor:pointer; }

/* form input */
.form_input1 { width:100%; height:40px; background-color:#F5F5F3; border:1px solid #6BA3C0; font-size:20px; color:#666666; padding:0px 0px 0px 5px; box-sizing: border-box; }
.form_input2 { width:100%; height:300px; background-color:#F5F5F3; border:1px solid #6BA3C0; font-size:20px; color:#666666; padding:0px 0px 0px 5px; box-sizing: border-box; }
.form_input3 { width:20%; height:40px; background-color:#F5F5F3; border:1px solid #6BA3C0; font-size:20px; color:#666666; padding:0px 0px 0px 5px; box-sizing: border-box; }
.form_button1 { padding:10px 20px 10px 20px; font-size:16px; color:#ffffff; font-family: 'NanumGothic'; background-color: #71B5C6; border:0px solid #0985EA; border-radius:0px; cursor:pointer; }
.form_button1:hover { background-color: #77A3D2; cursor:pointer; }

/* input text */ 
.form_text { height:30px; background-color: #F4F4F4; border:1px solid #D5D5D5; padding-top:2px; padding-bottom:2px; padding-left:2px; padding-right:2px; font-size:14px; color:#474747; box-sizing: border-box; }		
.form_select { height:28px; background-color: #F4F4F4; border:1px solid #D5D5D5; padding-top:2px; padding-bottom:2px; padding-left:2px; padding-right:2px; font-size:14px; color:#474747; box-sizing: border-box; }		
.form_text_area { background-color: #F4F4F4; border:1px solid #D5D5D5; padding-top:2px; padding-bottom:2px; padding-left:2px; padding-right:2px; font-size:13px; color:#474747; box-sizing: border-box; }	
.form_text_area1 { background-color: #F4F4F4; border:1px solid #D5D5D5; padding-top:2px; padding-bottom:2px; padding-left:2px; padding-right:2px; font-size:12px; color:#474747; box-sizing: border-box; }
.form_text1 { background-color: #ffffff; border:0px solid #D5D5D5; padding:10px 10px 10px 10px; font-size:15px; color:#7D7D7D; box-sizing: border-box; }
.form_text_area1 { background-color: #ffffff; border:0px solid #D5D5D5; padding:10px 10px 10px 10px; font-size:15px; color:#7D7D7D; box-sizing: border-box; }

/* contents_title */
#contents_title1 { width:100%; margin:0 auto; padding:0 0 20px 0; text-align:left; font-size:20px; color:#2C322F; font-family: 'NanumGothic'; }
#contents_title2 { width:100%; margin:0 auto; padding:20px 10px 20px 10px; text-align:center; font-size:13px; color:#ffffff; background-color: #6D6C45; }

/* Join */
#div_search_contents { width:1200px;margin:0 auto; padding:100px 0 0 0; text-align:center; }
#div_join_contents { width:1200px;margin:0 auto; padding:100px 0 100px 0; text-align:center; }
#div_exit_contents { width:1200px;margin:0 auto; padding:0 0 100px 0; text-align:right; font-size:12px; font-family: "NanumGothic", "malgun gothic", "Gulim", "Dotum"; }
#div_exit_contents1 { width:1200px;margin:0 auto; padding:0 0 100px 0; text-align:left; }
#agree1 { vertical-align:middle; }
#agree2 { vertical-align:middle; }
#agreement { width:100%; height:100%; }
.agreement { width:100%; height:100%; }

/* 고객문의 */
#div_contact_contents { width:1200px;margin:0 auto; padding:100px 0 100px 0; text-align:center; }

/* 공지사항 */
#div_menu_tab { width:1200px; margin:0 auto; padding:100px 0 100px 0; }
.menu_tab1 { float:left; width:50%; padding:30px 0 30px 0; text-align:center; font-size:20px; color:#ffffff; background-color: #969BA7; font-family: 'NanumGothic'; border:2px solid #ffffff; cursor:pointer; }
.menu_tab2 { float:left; width:50%; padding:30px 0 30px 0; text-align:center; font-size:20px; color:#2C322F; background-color: #D7D9DD; font-family: 'NanumGothic'; border:2px solid #ffffff; cursor:pointer; }
#div_board { width:1200px; margin:0 auto; padding:0 0 100px 0; }

/* 게시판형 테이블 */
.table1 { width:100%; border-top: 2px solid #3E5160; border-left: 1px solid #C2C5C8; border-collapse:collapse; }
.table2 { width:100%; border-top: 1px solid #C2C5C8; border-left: 1px solid #C2C5C8; border-collapse:collapse; }
.th1 { padding:10px; border-spacing: 0px; border-right: 1px solid #C2C5C8; border-bottom: 1px solid #C2C5C8; }			
.td1 { padding:10px; border-spacing: 0px; background-color:#EBECED; text-align:center; font-weight:bold; border-right: 1px solid #C2C5C8; border-bottom: 1px solid #C2C5C8; word-break:break-all; }
.td1_left { padding:10px; border-spacing: 0px; background-color:#ffffff; text-align:left; border-right: 1px solid #C2C5C8; border-bottom: 1px solid #C2C5C8; word-break:break-all; }
.td1_center { padding:10px; border-spacing: 0px; background-color:#ffffff; text-align:center; border-right: 1px solid #C2C5C8; border-bottom: 1px solid #C2C5C8; word-break:break-all; }
.td1_right { padding:10px; border-spacing: 0px; background-color:#ffffff; text-align:right; border-right: 1px solid #C2C5C8; border-bottom: 1px solid #C2C5C8; word-break:break-all; }

.table3 { width:100%; border-top: 1px solid #3A3A3A; border-left: 1px solid #3A3A3A; border-collapse:collapse; }
.th3 { padding:10px; border-spacing: 0px; border-right: 1px solid #3A3A3A; border-bottom: 1px solid #3A3A3A; }			
.td3_1 { padding:10px; border-spacing: 0px; background-color:#D9D9D9; text-align:left; border-right: 1px solid #3A3A3A; border-bottom: 1px solid #3A3A3A; word-break:break-all; }
.td3_2 { padding:10px; border-spacing: 0px; background-color:#D0F1DE; text-align:left; border-right: 1px solid #3A3A3A; border-bottom: 1px solid #3A3A3A; word-break:break-all; } 


/* 게시판 목록 바로가기 버튼 */
a.btn_this{text-decoration:none;  border-radius:3px; background-color: #F0AD4E; font-size:12px; color:#ffffff; font-weight:bold; border:1px solid #ED9A29; display:block; float:left; padding:4px 4px 4px 4px; margin-right:3px; cursor:pointer; font-family: "NanumGothic"; }
a.btn_link{text-decoration:none;  border-radius:3px; font-size:12px; color:#666666; border:1px solid #CCCCCC; display:block; float:left; padding:4px 4px 4px 4px; margin-right:3px; cursor:pointer; font-family: "NanumGothic"; }
a:hover.btn_link{text-decoration:none; background:#F0AD4E; font-size:12px; color:#ffffff; border:1px solid #ED9A29; cursor:pointer; font-family: "NanumGothic"; }	

/* 서비스 관리 */
#div_board2 { width:1200px; margin:0 auto; padding:100px 0 100px 0; }
#div_info1 { width:1200px; margin:0 auto; padding:100px 0 0 0; }
#div_info1_text { width:100%; padding:5px 0 5px 0; }

/* 서비스 소개 */
#div_intro_contents1 { width:1200px;margin:0 auto; padding:100px 0 0 0; text-align:center; }
#div_intro_contents2 { width:1200px;margin:0 auto; padding:100px 0 100px 0; text-align:center; }
#div_sellm { width:1200px; margin:0 auto; padding:10px 0 10px 0; text-align:center; }
#sellm { width:1000px; }

/* home */ 
#div_home_contents1 { width:1200px; margin:0 auto; padding:100px 0 100px 0; text-align:center; }
#div_home_contents2 { width:1200px; margin:0 auto; padding:0 0 100px 0; text-align:center; }
#home_service1 { float:left; width:400px; }
#home_border1 { width:390px; margin:0 auto; padding:50px 0 50px 0; }
#home_service_image { width:390px; }

.pay_view
{   
	visibility: hidden;
	position: absolute;
	z-index: 3;
	padding:50px 50px 50px 50px; 
	background-color: #C6D6DB;
}

#div_contract_contents { width:1200px; margin:0 auto; padding:50px 50px 50px 50px; text-align:center; }
#form_contract { width:500px; height:40px; margin:0 auto; text-align:center; }
#form_logo { width:250px; margin:0 auto; padding:50px 0 30px 0; }
#contract_logo_image { width:250px; }
.pi_logo_image { width:220px; }

/* PG 결제창 */
.pg_top { position:fixed; top:5px; left:5px; right:5px; height:70px; background-color:#72BBFF; }
.pg_bottom { position:fixed; bottom:5px; left:5px; right:5px; height:60px; background-color:#72BBFF; text-align:right; padding:10px 20px 10px 20px; }

/* pg_div table */
.pg_table { display: table; width: 100%; border-top: 3px solid #43A4FF; border-left: 3px solid #43A4FF; }
.pg_heading { display: table-row; font-weight: bold; text-align: center; }
.pg_row { display: table-row; }
.pg_cell_title { display: table-cell; border-bottom: 3px solid #43A4FF; border-right: 3px solid #43A4FF; font-weight: bold; padding: 10px; background-color: #EBECED; }
.pg_cell { display: table-cell; border-bottom: 3px solid #43A4FF; border-right: 3px solid #43A4FF; padding: 10px; background-color: #ffffff; }












	
/** Mobile ======================================================================================================================================= */
@media screen and (max-width: 767px) {	

	/* top */	
	#div_top { max-width:100%; width:auto; margin:0 auto; padding: 20px 0 10px 0; }
	#top_logo { float:left; width:40%; height:auto; margin:0 0 0 0; text-align:center; padding-top:0px; }		
	#top_menu { display: none; }	
	#logo_image { max-width:50%; padding:0 0 0 0; }

	#top_mobile_menu { display: block; float:right; width:60%; height:50px; background-color:#40545A; }
	#div_mobile_menu1 { float:left; width:50%; height:50px; text-align:left; padding:10px 0 0 10px; font-size:12px; font-weight:normal; color:#f7f7f7; }
	#div_mobile_menu2 { float:right; width:50%; height:50px; text-align:right; }
	#div_mobile_menu3 { float:right; width:50%; height:50px; text-align:right; display:none; }
	#mobile_menu1 { max-width:30px; width:100%; margin:0 auto; padding:10px 10px 0 0; }
	#mobile_menu2 { max-width:30px; width:100%; margin:0 auto; padding:10px 10px 0 0; }

	#div_mobile_menu_tree { display:none; max-width:100%; width:100%; height:auto; padding:10px 0 10px 0; background-color:#DEDFE0; }
	#mobile_menu_tree1 { width:auto; margin:5px 10px 5px 10px; padding:10px 10px 10px 10px; border:1px solid #AAADB0; font-size:14px; font-weight:bold; color:#242526; }
	#mobile_menu_tree2 { width:auto; margin:5px 10px 5px 40px; padding:10px 10px 10px 10px; border:1px solid #AAADB0; font-size:13px; color:#242526; }


	/* 메인 컨텐츠 div */
	#container_top { max-width:100%; width:auto; min-height:100px; margin:0 auto; padding: 0 0 0 0; }
	#container_main_image { display: none; }
	#container_contents { max-width:100%; width:auto; min-height:300px; margin:0 auto; padding: 0 0 0 0; }
	#container_bottom { max-width:100%; width:auto; margin:0 auto; padding: 0 0 0 0; background-color:#3E5160; }
	#div_main_mobile_image { display: block; width:100%; height:10px; background-color:#3E5160; }

	/* Copyright */
	#div_copyright_contents { width:100%; text-align:left; padding:30px 10px 50px 10px; font-size:11px; color:#ffffff; }
	#div_copyright_contents1 { float:none; width:100%; }
	#div_copyright_contents2 { float:none; width:100%; }
	#div_copyright1 { padding:0 0 20px 0; line-height:25px; width:100%; }
	#div_copyright2 { width:100%; margin:0 auto; padding-top:10px; text-align:left; }
	#div_copyright3 { width:100%; margin:0 auto; padding-top:10px; text-align:right; }
	#div_copyright1_title { font-size:14px; color:#ffffff; font-weight:normal; margin-bottom:10px; } 
	#kiwinote_icon { width:75px; }
	.copy_link { font-size:11px; color:#ffffff; font-family: "NanumGothic", "malgun gothic", "Gulim", "Dotum"; }
	.copy_link:hover { font-size:11px; color:#D3DCE2; font-family: "NanumGothic", "malgun gothic", "Gulim", "Dotum"; }
	#div_nibdn_icon { width:75px; padding:10px 0 0 0; } 
	#nibdn_icon { width:75px; }

	
	/* sub navi : display:inline-block; */
	#div_navi1_back { max-width:100%; width:auto; height:auto; background-color:#32769e; }
	#div_navi2_back { max-width:100%; width:auto; height:auto; background-color:#0da3a2; }
	#div_navi3_back { max-width:100%; width:auto; height:auto; background-color:#2baddc; }
	#div_navi4_back { max-width:100%; width:auto; height:auto; background-color:#ff9233; }
	#div_navi5_back { max-width:100%; width:auto; height:auto; background-color:#aaa09b; }
	#div_navi_image { max-width:100%; width:auto; margin:0 auto; }
	#sub_main_image { max-width:100%; width:auto; margin:0 auto; }
	#div_navi_title { width:100%; padding: 20px 0 20px 0; background-color:#FBFAF8; }
	#div_navi_category { width:90%; margin:0 auto; text-align:left; padding: 0 0 10px 0; }
	#div_navi_category_text { text-align:right; border-bottom: 1px solid #AEAFA9; padding: 0px 10px 10px 10px; background-color:#FBFAF8; font-size:12px; color:#646F65; font-weight:normal; }
	#div_navi_menu { width:90%; margin:0 auto; text-align:left; padding: 0 0 0 0; }
	#div_navi_menu_text { text-align:left; border-left: 5px solid #2F759B; padding: 0 0 0 20px; font-size:16px; color:#0795AD; }

	/* Login */
	#div_login_contents { width:100%; margin:0 auto; padding:50px 0 50px 0; text-align:center; }
	#div_login { width:90%; margin:0 auto; padding:50px 0 50px 0; text-align:center; border: 2px solid #ECECEC; }
	#div_login1 { width:80%; margin:0 auto; padding:0 0 10px 0; }
	#div_login2 { width:80%; margin:0 auto; padding:50px 0 0 0; }
	#login_id { width:100%; height:30px; background-color:#F5F5F3; border:1px solid #6BA3C0; font-size:16px; color:#666666; padding:0px 0px 0px 5px; margin-bottom:20px; box-sizing: border-box; }
	#login_password { width:100%; height:30px; background-color:#F5F5F3; border:1px solid #6BA3C0; font-size:16px; color:#666666; padding:0px 0px 0px 5px; margin-bottom:30px; box-sizing: border-box; }
	.login_button { padding:10px 20px 10px 20px; font-size:16px; color:#ffffff; font-family: 'NanumGothic'; background-color: #71B5C6; border:0px solid #0985EA; border-radius:0px; cursor:pointer; }
	.login_button:hover { background-color: #77A3D2; cursor:pointer; }
	.logout_button { padding:10px 20px 10px 20px; font-size:16px; color:#ffffff; font-family: 'NanumGothic'; background-color: #D16578; border:0px solid #0985EA; border-radius:0px; cursor:pointer; }
	.logout_button:hover { background-color: #D29364; cursor:pointer; }
	#div_logout1 { width:100%; padding:0 0 20px 0; text-align:center; font-size:16px; color:#2C322F; font-family: 'NanumGothic'; font-weight:bold; }
	#div_logout2 { width:100%; padding:0 0 20px 0; text-align:center; font-size:13px; color:#336A97; font-family: 'NanumGothic'; font-weight:bold; }
	#div_logout3 { width:100%; padding:0 0 0 0; text-align:center; }
	#div_logout4 { width:100%; padding:50px 0 0 0; text-align:center; }

	/* box_layout */
	#div_box1 { width:100%; margin:0 auto; padding:50px 0 50px 0; border:2px solid #ECECEC; }
	#div_box_text1 { width:100%; padding:0 20px 20px 20px; text-align:left; }
	#div_box_text2 { width:100%; padding:0 20px 20px 20px; text-align:left; font-size:16px; color:#2C322F; font-family: 'NanumGothic'; font-weight:bold; }
	#div_box_input1 { width:100%; padding:0 20px 20px 20px; text-align:left; }
	#div_box_input2 { width:100%; height:300px; padding:0 20px 20px 20px; text-align:left; }
	#div_box_input3 { width:100%; height:500px; padding:0 20px 20px 20px; text-align:left; }
	#div_box_input4 { width:100%; padding:0 20px 20px 20px; text-align:left; }
	#div_box_button1 { width:100%; padding:10px 20px 0 20px; text-align:center; }
	#div_box_button2 { width:100%; padding:20px 20px 0 20px; text-align:center; }
	#div_box_button3 { float:none; padding:10px 0 20px 0; text-align:center; }
	#div_box_button4 { float:none; padding:0 0 0 0; text-align:center; }
	#div_box_button5 { padding:20px 0 20px 0; text-align:center; }

	/* form input */
	.form_input1 { width:100%; height:30px; background-color:#F5F5F3; border:1px solid #6BA3C0; font-size:16px; color:#666666; padding:0px 0px 0px 5px; box-sizing: border-box; }
	.form_input2 { width:100%; height:300px; background-color:#F5F5F3; border:1px solid #6BA3C0; font-size:20px; color:#666666; padding:0px 0px 0px 5px; box-sizing: border-box; }
	.form_input3 { width:20%; height:30px; background-color:#F5F5F3; border:1px solid #6BA3C0; font-size:20px; color:#666666; padding:0px 0px 0px 5px; box-sizing: border-box; }
	.form_button1 { padding:10px 20px 10px 20px; font-size:16px; color:#ffffff; font-family: 'NanumGothic'; background-color: #71B5C6; border:0px solid #0985EA; border-radius:0px; cursor:pointer; }
	.form_button1:hover { background-color: #77A3D2; cursor:pointer; }

	/* contents_title */
	#contents_title1 { width:100%; margin:0 auto; padding:0 0 20px 0; text-align:left; font-size:20px; color:#2C322F; font-family: 'NanumGothic'; }

	/* Join */
	#div_search_contents { width:90%;margin:0 auto; padding:50px 0 0 0; text-align:center; }
	#div_join_contents { width:90%; margin:0 auto; padding:50px 0 50px 0; text-align:center; }
	#div_exit_contents { width:90%;margin:0 auto; padding:0 0 50px 0; text-align:right; font-size:12px; font-family: "NanumGothic", "malgun gothic", "Gulim", "Dotum"; }
	#div_exit_contents1 { width:90%;margin:0 auto; padding:0 0 100px 0; text-align:left; }
	#agreement { width:100%; height:100%; }
	.agreement { width:100%; height:100%; }

	/* 고객문의 */
	#div_contact_contents { width:100%;margin:0 auto; padding:50px 0 50px 0; text-align:center; }

	/* 공지사항 */
	#div_menu_tab { width:90%; margin:0 auto; padding:50px 0 50px 0; }
	.menu_tab1 { float:left; width:50%; padding:30px 0 30px 0; text-align:center; font-size:16px; color:#ffffff; background-color: #969BA7; font-family: 'NanumGothic'; border:2px solid #ffffff; cursor:pointer; }
	.menu_tab2 { float:left; width:50%; padding:30px 0 30px 0; text-align:center; font-size:16px; color:#2C322F; background-color: #D7D9DD; font-family: 'NanumGothic'; border:2px solid #ffffff; cursor:pointer; }
	#div_board { width:90%; margin:0 auto; padding:0 0 50px 0; }

	/* 서비스 관리 */
	#div_board2 { width:90%; margin:0 auto; padding:50px 0 50px 0; }
	#div_info1 { width:90%; margin:0 auto; padding:50px 0 0 0; }
	#div_info1_text { width:100%; padding:5px 0 5px 0; }

	/* 서비스 소개 */
	#div_intro_contents1 { width:90%;margin:0 auto; padding:50px 0 0 0; text-align:center; }
	#div_intro_contents2 { width:90%;margin:0 auto; padding:50px 0 50px 0; text-align:center; }
	#div_sellm { width:100%; margin:0 auto; padding:10px 0 10px 0; text-align:center; }
	#sellm { max-width:100%; width:auto; }
	#voice_recorder { max-width:100%; width:auto; }

	/* home */
	#div_home_contents1 { width:90%;margin:0 auto; padding:50px 0 50px 0; text-align:center; }
	#div_home_contents2 { width:90%; margin:0 auto; padding:0 0 50px 0; text-align:center; }
	#home_service1 { float:none; max-width:100%; width:auto; }
	#home_border1 { width:100%; margin:0 auto; padding:20px 0 20px 0; }
	#home_service_image { max-width:100%; width:auto; }

	#div_contract_contents { width:100%; margin:0 auto; padding:20px 20px 20px 20px; }
	#form_contract { width:100%; height:40px; margin:0 auto; text-align:center; }
	#form_logo { width:100%; margin:0 auto; padding:50px 0 30px 0; }
	#contract_logo_image { max-width:50%; width:auto; }
	.pi_logo_image { width:110px; }

	
	
	
}
	
	



	
/** Tablet  ====================================================================================================================================== */
@media all and (min-width: 768px) and (max-width: 1023px) {

	/* top */	
	#div_top { max-width:100%; width:auto; margin:0 auto; padding: 20px 0 10px 0; }
	#top_logo { float:left; width:40%; height:auto; margin:0 0 0 0; text-align:center; padding-top:0px; }		
	#top_menu { display: none; }	
	#logo_image { max-width:50%; padding:0 0 0 0; }

	#top_mobile_menu { display: block; float:right; width:60%; height:50px; background-color:#40545A; }
	#div_mobile_menu1 { float:left; width:50%; height:50px; text-align:left; padding:10px 0 0 10px; font-size:12px; font-weight:normal; color:#f7f7f7; }
	#div_mobile_menu2 { float:right; width:50%; height:50px; text-align:right; }
	#div_mobile_menu3 { float:right; width:50%; height:50px; text-align:right; display:none; }
	#mobile_menu1 { max-width:30px; width:100%; margin:0 auto; padding:10px 10px 0 0; }
	#mobile_menu2 { max-width:30px; width:100%; margin:0 auto; padding:10px 10px 0 0; }

	#div_mobile_menu_tree { display:none; max-width:100%; width:100%; height:auto; padding:10px 0 10px 0; background-color:#DEDFE0; }
	#mobile_menu_tree1 { width:auto; margin:5px 10px 5px 10px; padding:10px 10px 10px 10px; border:1px solid #AAADB0; font-size:14px; font-weight:bold; color:#242526; }
	#mobile_menu_tree2 { width:auto; margin:5px 10px 5px 40px; padding:10px 10px 10px 10px; border:1px solid #AAADB0; font-size:13px; color:#242526; }


	/* 메인 컨텐츠 div */
	#container_top { max-width:100%; width:auto; min-height:100px; margin:0 auto; padding: 0 0 0 0; }
	#container_main_image { display: none; }
	#container_contents { max-width:100%; width:auto; min-height:300px; margin:0 auto; padding: 0 0 0 0; }
	#container_bottom { max-width:100%; width:auto; margin:0 auto; padding: 0 0 0 0; background-color:#3E5160; }
	#div_main_mobile_image { display: block; width:100%; height:10px; background-color:#3E5160; }

	/* Copyright */
	#div_copyright_contents { width:100%; text-align:left; padding:30px 10px 50px 10px; font-size:11px; color:#ffffff; }
	#div_copyright_contents1 { float:none; width:100%; }
	#div_copyright_contents2 { float:none; width:100%; }
	#div_copyright1 { padding:0 0 20px 0; line-height:25px; width:100%; }
	#div_copyright2 { width:100%; margin:0 auto; padding-top:10px; text-align:left; }
	#div_copyright3 { width:100%; margin:0 auto; padding-top:10px; text-align:right; }
	#div_copyright1_title { font-size:14px; color:#ffffff; font-weight:normal; margin-bottom:10px; } 
	#kiwinote_icon { width:75px; }
	.copy_link { font-size:11px; color:#ffffff; font-family: "NanumGothic", "malgun gothic", "Gulim", "Dotum"; }
	.copy_link:hover { font-size:11px; color:#D3DCE2; font-family: "NanumGothic", "malgun gothic", "Gulim", "Dotum"; }
	#div_nibdn_icon { width:75px; padding:10px 0 0 0; } 
	#nibdn_icon { width:75px; }

	
	/* sub navi : display:inline-block; */
	#div_navi1_back { max-width:100%; width:auto; height:auto; background-color:#32769e; }
	#div_navi2_back { max-width:100%; width:auto; height:auto; background-color:#0da3a2; }
	#div_navi3_back { max-width:100%; width:auto; height:auto; background-color:#2baddc; }
	#div_navi4_back { max-width:100%; width:auto; height:auto; background-color:#ff9233; }
	#div_navi5_back { max-width:100%; width:auto; height:auto; background-color:#aaa09b; }
	#div_navi_image { max-width:100%; width:auto; margin:0 auto; }
	#sub_main_image { max-width:100%; width:auto; margin:0 auto; }
	#div_navi_title { width:100%; padding: 20px 0 20px 0; background-color:#FBFAF8; }
	#div_navi_category { width:90%; margin:0 auto; text-align:left; padding: 0 0 10px 0; }
	#div_navi_category_text { text-align:right; border-bottom: 1px solid #AEAFA9; padding: 0px 10px 10px 10px; background-color:#FBFAF8; font-size:12px; color:#646F65; font-weight:normal; }
	#div_navi_menu { width:90%; margin:0 auto; text-align:left; padding: 0 0 0 0; }
	#div_navi_menu_text { text-align:left; border-left: 5px solid #2F759B; padding: 0 0 0 20px; font-size:16px; color:#0795AD; }

	/* Login */
	#div_login_contents { width:100%; margin:0 auto; padding:50px 0 50px 0; text-align:center; }
	#div_login { width:90%; margin:0 auto; padding:50px 0 50px 0; text-align:center; border: 2px solid #ECECEC; }
	#div_login1 { width:80%; margin:0 auto; padding:0 0 10px 0; }
	#div_login2 { width:80%; margin:0 auto; padding:50px 0 0 0; }
	#login_id { width:100%; height:30px; background-color:#F5F5F3; border:1px solid #6BA3C0; font-size:16px; color:#666666; padding:0px 0px 0px 5px; margin-bottom:20px; box-sizing: border-box; }
	#login_password { width:100%; height:30px; background-color:#F5F5F3; border:1px solid #6BA3C0; font-size:16px; color:#666666; padding:0px 0px 0px 5px; margin-bottom:30px; box-sizing: border-box; }
	.login_button { padding:10px 20px 10px 20px; font-size:16px; color:#ffffff; font-family: 'NanumGothic'; background-color: #71B5C6; border:0px solid #0985EA; border-radius:0px; cursor:pointer; }
	.login_button:hover { background-color: #77A3D2; cursor:pointer; }
	.logout_button { padding:10px 20px 10px 20px; font-size:16px; color:#ffffff; font-family: 'NanumGothic'; background-color: #D16578; border:0px solid #0985EA; border-radius:0px; cursor:pointer; }
	.logout_button:hover { background-color: #D29364; cursor:pointer; }
	#div_logout1 { width:100%; padding:0 0 20px 0; text-align:center; font-size:16px; color:#2C322F; font-family: 'NanumGothic'; font-weight:bold; }
	#div_logout2 { width:100%; padding:0 0 20px 0; text-align:center; font-size:13px; color:#336A97; font-family: 'NanumGothic'; font-weight:bold; }
	#div_logout3 { width:100%; padding:0 0 0 0; text-align:center; }
	#div_logout4 { width:100%; padding:50px 0 0 0; text-align:center; }

	/* box_layout */
	#div_box1 { width:100%; margin:0 auto; padding:50px 0 50px 0; border:2px solid #ECECEC; }
	#div_box_text1 { width:100%; padding:0 20px 20px 20px; text-align:left; }
	#div_box_text2 { width:100%; padding:0 20px 20px 20px; text-align:left; font-size:16px; color:#2C322F; font-family: 'NanumGothic'; font-weight:bold; }
	#div_box_input1 { width:100%; padding:0 20px 20px 20px; text-align:left; }
	#div_box_input2 { width:100%; height:300px; padding:0 20px 20px 20px; text-align:left; }
	#div_box_input3 { width:100%; height:500px; padding:0 20px 20px 20px; text-align:left; }
	#div_box_input4 { width:100%; padding:0 20px 20px 20px; text-align:left; }
	#div_box_button1 { width:100%; padding:10px 20px 0 20px; text-align:center; }
	#div_box_button2 { width:100%; padding:20px 20px 0 20px; text-align:center; }
	#div_box_button3 { float:none; padding:10px 0 20px 0; text-align:center; }
	#div_box_button4 { float:none; padding:0 0 0 0; text-align:center; }
	#div_box_button5 { padding:20px 0 20px 0; text-align:center; }

	/* form input */
	.form_input1 { width:100%; height:30px; background-color:#F5F5F3; border:1px solid #6BA3C0; font-size:16px; color:#666666; padding:0px 0px 0px 5px; box-sizing: border-box; }
	.form_input2 { width:100%; height:300px; background-color:#F5F5F3; border:1px solid #6BA3C0; font-size:20px; color:#666666; padding:0px 0px 0px 5px; box-sizing: border-box; }
	.form_input3 { width:20%; height:30px; background-color:#F5F5F3; border:1px solid #6BA3C0; font-size:20px; color:#666666; padding:0px 0px 0px 5px; box-sizing: border-box; }
	.form_button1 { padding:10px 20px 10px 20px; font-size:16px; color:#ffffff; font-family: 'NanumGothic'; background-color: #71B5C6; border:0px solid #0985EA; border-radius:0px; cursor:pointer; }
	.form_button1:hover { background-color: #77A3D2; cursor:pointer; }

	/* contents_title */
	#contents_title1 { width:100%; margin:0 auto; padding:0 0 20px 0; text-align:left; font-size:20px; color:#2C322F; font-family: 'NanumGothic'; }

	/* Join */
	#div_search_contents { width:90%;margin:0 auto; padding:50px 0 0 0; text-align:center; }
	#div_join_contents { width:90%; margin:0 auto; padding:50px 0 50px 0; text-align:center; }
	#div_exit_contents { width:90%;margin:0 auto; padding:0 0 50px 0; text-align:right; font-size:12px; font-family: "NanumGothic", "malgun gothic", "Gulim", "Dotum"; }
	#div_exit_contents1 { width:90%;margin:0 auto; padding:0 0 100px 0; text-align:left; }
	#agreement { width:100%; height:100%; }
	.agreement { width:100%; height:100%; }

	/* 고객문의 */
	#div_contact_contents { width:100%;margin:0 auto; padding:50px 0 50px 0; text-align:center; }

	/* 공지사항 */
	#div_menu_tab { width:90%; margin:0 auto; padding:50px 0 50px 0; }
	.menu_tab1 { float:left; width:50%; padding:30px 0 30px 0; text-align:center; font-size:16px; color:#ffffff; background-color: #969BA7; font-family: 'NanumGothic'; border:2px solid #ffffff; cursor:pointer; }
	.menu_tab2 { float:left; width:50%; padding:30px 0 30px 0; text-align:center; font-size:16px; color:#2C322F; background-color: #D7D9DD; font-family: 'NanumGothic'; border:2px solid #ffffff; cursor:pointer; }
	#div_board { width:90%; margin:0 auto; padding:0 0 50px 0; }

	/* 서비스 관리 */
	#div_board2 { width:90%; margin:0 auto; padding:50px 0 50px 0; }
	#div_info1 { width:90%; margin:0 auto; padding:50px 0 0 0; }
	#div_info1_text { width:100%; padding:5px 0 5px 0; }

	/* 서비스 소개 */
	#div_intro_contents1 { width:90%;margin:0 auto; padding:50px 0 0 0; text-align:center; }
	#div_intro_contents2 { width:90%;margin:0 auto; padding:50px 0 50px 0; text-align:center; }
	#div_sellm { width:100%; margin:0 auto; padding:10px 0 10px 0; text-align:center; }
	#sellm { max-width:100%; width:auto; }
	#voice_recorder { max-width:100%; width:auto; }

	/* home */
	#div_home_contents1 { width:90%;margin:0 auto; padding:50px 0 50px 0; text-align:center; }
	#div_home_contents2 { width:90%; margin:0 auto; padding:0 0 50px 0; text-align:center; }
	#home_service1 { float:none; max-width:100%; width:auto; }
	#home_border1 { width:100%; margin:0 auto; padding:20px 0 20px 0; }
	#home_service_image { max-width:100%; width:auto; }

	#div_contract_contents { width:100%; margin:0 auto; padding:20px 20px 20px 20px; }
	#form_contract { width:100%; height:40px; margin:0 auto; text-align:center; }
	#form_logo { width:100%; margin:0 auto; padding:50px 0 30px 0; }
	#contract_logo_image { max-width:50%; width:auto; }
	.pi_logo_image { width:110px; }

	
	
	
}



	

	
/** Mobile & Tablet  ============================================================================================================================== */
@media all and (max-width: 1023px) {

	/* top */	
	#div_top { max-width:100%; width:auto; margin:0 auto; padding: 20px 0 10px 0; }
	#top_logo { float:left; width:40%; height:auto; margin:0 0 0 0; text-align:center; padding-top:0px; }		
	#top_menu { display: none; }	
	#logo_image { max-width:50%; padding:0 0 0 0; }

	#top_mobile_menu { display: block; float:right; width:60%; height:50px; background-color:#40545A; }
	#div_mobile_menu1 { float:left; width:50%; height:50px; text-align:left; padding:10px 0 0 10px; font-size:12px; font-weight:normal; color:#f7f7f7; }
	#div_mobile_menu2 { float:right; width:50%; height:50px; text-align:right; }
	#div_mobile_menu3 { float:right; width:50%; height:50px; text-align:right; display:none; }
	#mobile_menu1 { max-width:30px; width:100%; margin:0 auto; padding:10px 10px 0 0; }
	#mobile_menu2 { max-width:30px; width:100%; margin:0 auto; padding:10px 10px 0 0; }

	#div_mobile_menu_tree { display:none; max-width:100%; width:100%; height:auto; padding:10px 0 10px 0; background-color:#DEDFE0; }
	#mobile_menu_tree1 { width:auto; margin:5px 10px 5px 10px; padding:10px 10px 10px 10px; border:1px solid #AAADB0; font-size:14px; font-weight:bold; color:#242526; }
	#mobile_menu_tree2 { width:auto; margin:5px 10px 5px 40px; padding:10px 10px 10px 10px; border:1px solid #AAADB0; font-size:13px; color:#242526; }


	/* 메인 컨텐츠 div */
	#container_top { max-width:100%; width:auto; min-height:100px; margin:0 auto; padding: 0 0 0 0; }
	#container_main_image { display: none; }
	#container_contents { max-width:100%; width:auto; min-height:300px; margin:0 auto; padding: 0 0 0 0; }
	#container_bottom { max-width:100%; width:auto; margin:0 auto; padding: 0 0 0 0; background-color:#3E5160; }
	#div_main_mobile_image { display: block; width:100%; height:10px; background-color:#3E5160; }

	/* Copyright */
	#div_copyright_contents { width:100%; text-align:left; padding:30px 10px 50px 10px; font-size:11px; color:#ffffff; }
	#div_copyright_contents1 { float:none; width:100%; }
	#div_copyright_contents2 { float:none; width:100%; }
	#div_copyright1 { padding:0 0 20px 0; line-height:25px; width:100%; }
	#div_copyright2 { width:100%; margin:0 auto; padding-top:10px; text-align:left; }
	#div_copyright3 { width:100%; margin:0 auto; padding-top:10px; text-align:right; }
	#div_copyright1_title { font-size:14px; color:#ffffff; font-weight:normal; margin-bottom:10px; } 
	#kiwinote_icon { width:75px; }
	.copy_link { font-size:11px; color:#ffffff; font-family: "NanumGothic", "malgun gothic", "Gulim", "Dotum"; }
	.copy_link:hover { font-size:11px; color:#D3DCE2; font-family: "NanumGothic", "malgun gothic", "Gulim", "Dotum"; }
	#div_nibdn_icon { width:75px; padding:10px 0 0 0; } 
	#nibdn_icon { width:75px; }

	
	/* sub navi : display:inline-block; */
	#div_navi1_back { max-width:100%; width:auto; height:auto; background-color:#32769e; }
	#div_navi2_back { max-width:100%; width:auto; height:auto; background-color:#0da3a2; }
	#div_navi3_back { max-width:100%; width:auto; height:auto; background-color:#2baddc; }
	#div_navi4_back { max-width:100%; width:auto; height:auto; background-color:#ff9233; }
	#div_navi5_back { max-width:100%; width:auto; height:auto; background-color:#aaa09b; }
	#div_navi_image { max-width:100%; width:auto; margin:0 auto; }
	#sub_main_image { max-width:100%; width:auto; margin:0 auto; }
	#div_navi_title { width:100%; padding: 20px 0 20px 0; background-color:#FBFAF8; }
	#div_navi_category { width:90%; margin:0 auto; text-align:left; padding: 0 0 10px 0; }
	#div_navi_category_text { text-align:right; border-bottom: 1px solid #AEAFA9; padding: 0px 10px 10px 10px; background-color:#FBFAF8; font-size:12px; color:#646F65; font-weight:normal; }
	#div_navi_menu { width:90%; margin:0 auto; text-align:left; padding: 0 0 0 0; }
	#div_navi_menu_text { text-align:left; border-left: 5px solid #2F759B; padding: 0 0 0 20px; font-size:16px; color:#0795AD; }

	/* Login */
	#div_login_contents { width:100%; margin:0 auto; padding:50px 0 50px 0; text-align:center; }
	#div_login { width:90%; margin:0 auto; padding:50px 0 50px 0; text-align:center; border: 2px solid #ECECEC; }
	#div_login1 { width:80%; margin:0 auto; padding:0 0 10px 0; }
	#div_login2 { width:80%; margin:0 auto; padding:50px 0 0 0; }
	#login_id { width:100%; height:30px; background-color:#F5F5F3; border:1px solid #6BA3C0; font-size:16px; color:#666666; padding:0px 0px 0px 5px; margin-bottom:20px; box-sizing: border-box; }
	#login_password { width:100%; height:30px; background-color:#F5F5F3; border:1px solid #6BA3C0; font-size:16px; color:#666666; padding:0px 0px 0px 5px; margin-bottom:30px; box-sizing: border-box; }
	.login_button { padding:10px 20px 10px 20px; font-size:16px; color:#ffffff; font-family: 'NanumGothic'; background-color: #71B5C6; border:0px solid #0985EA; border-radius:0px; cursor:pointer; }
	.login_button:hover { background-color: #77A3D2; cursor:pointer; }
	.logout_button { padding:10px 20px 10px 20px; font-size:16px; color:#ffffff; font-family: 'NanumGothic'; background-color: #D16578; border:0px solid #0985EA; border-radius:0px; cursor:pointer; }
	.logout_button:hover { background-color: #D29364; cursor:pointer; }
	#div_logout1 { width:100%; padding:0 0 20px 0; text-align:center; font-size:16px; color:#2C322F; font-family: 'NanumGothic'; font-weight:bold; }
	#div_logout2 { width:100%; padding:0 0 20px 0; text-align:center; font-size:13px; color:#336A97; font-family: 'NanumGothic'; font-weight:bold; }
	#div_logout3 { width:100%; padding:0 0 0 0; text-align:center; }
	#div_logout4 { width:100%; padding:50px 0 0 0; text-align:center; }

	/* box_layout */
	#div_box1 { width:100%; margin:0 auto; padding:50px 0 50px 0; border:2px solid #ECECEC; }
	#div_box_text1 { width:100%; padding:0 20px 20px 20px; text-align:left; }
	#div_box_text2 { width:100%; padding:0 20px 20px 20px; text-align:left; font-size:16px; color:#2C322F; font-family: 'NanumGothic'; font-weight:bold; }
	#div_box_input1 { width:100%; padding:0 20px 20px 20px; text-align:left; }
	#div_box_input2 { width:100%; height:300px; padding:0 20px 20px 20px; text-align:left; }
	#div_box_input3 { width:100%; height:500px; padding:0 20px 20px 20px; text-align:left; }
	#div_box_input4 { width:100%; padding:0 20px 20px 20px; text-align:left; }
	#div_box_button1 { width:100%; padding:10px 20px 0 20px; text-align:center; }
	#div_box_button2 { width:100%; padding:20px 20px 0 20px; text-align:center; }
	#div_box_button3 { float:none; padding:10px 0 20px 0; text-align:center; }
	#div_box_button4 { float:none; padding:0 0 0 0; text-align:center; }
	#div_box_button5 { padding:20px 0 20px 0; text-align:center; }

	/* form input */
	.form_input1 { width:100%; height:30px; background-color:#F5F5F3; border:1px solid #6BA3C0; font-size:16px; color:#666666; padding:0px 0px 0px 5px; box-sizing: border-box; }
	.form_input2 { width:100%; height:300px; background-color:#F5F5F3; border:1px solid #6BA3C0; font-size:20px; color:#666666; padding:0px 0px 0px 5px; box-sizing: border-box; }
	.form_input3 { width:20%; height:30px; background-color:#F5F5F3; border:1px solid #6BA3C0; font-size:20px; color:#666666; padding:0px 0px 0px 5px; box-sizing: border-box; }
	.form_button1 { padding:10px 20px 10px 20px; font-size:16px; color:#ffffff; font-family: 'NanumGothic'; background-color: #71B5C6; border:0px solid #0985EA; border-radius:0px; cursor:pointer; }
	.form_button1:hover { background-color: #77A3D2; cursor:pointer; }

	/* contents_title */
	#contents_title1 { width:100%; margin:0 auto; padding:0 0 20px 0; text-align:left; font-size:20px; color:#2C322F; font-family: 'NanumGothic'; }

	/* Join */
	#div_search_contents { width:90%;margin:0 auto; padding:50px 0 0 0; text-align:center; }
	#div_join_contents { width:90%; margin:0 auto; padding:50px 0 50px 0; text-align:center; }
	#div_exit_contents { width:90%;margin:0 auto; padding:0 0 50px 0; text-align:right; font-size:12px; font-family: "NanumGothic", "malgun gothic", "Gulim", "Dotum"; }
	#div_exit_contents1 { width:90%;margin:0 auto; padding:0 0 100px 0; text-align:left; }
	#agreement { width:100%; height:100%; }
	.agreement { width:100%; height:100%; }

	/* 고객문의 */
	#div_contact_contents { width:100%;margin:0 auto; padding:50px 0 50px 0; text-align:center; }

	/* 공지사항 */
	#div_menu_tab { width:90%; margin:0 auto; padding:50px 0 50px 0; }
	.menu_tab1 { float:left; width:50%; padding:30px 0 30px 0; text-align:center; font-size:16px; color:#ffffff; background-color: #969BA7; font-family: 'NanumGothic'; border:2px solid #ffffff; cursor:pointer; }
	.menu_tab2 { float:left; width:50%; padding:30px 0 30px 0; text-align:center; font-size:16px; color:#2C322F; background-color: #D7D9DD; font-family: 'NanumGothic'; border:2px solid #ffffff; cursor:pointer; }
	#div_board { width:90%; margin:0 auto; padding:0 0 50px 0; }

	/* 서비스 관리 */
	#div_board2 { width:90%; margin:0 auto; padding:50px 0 50px 0; }
	#div_info1 { width:90%; margin:0 auto; padding:50px 0 0 0; }
	#div_info1_text { width:100%; padding:5px 0 5px 0; }

	/* 서비스 소개 */
	#div_intro_contents1 { width:90%;margin:0 auto; padding:50px 0 0 0; text-align:center; }
	#div_intro_contents2 { width:90%;margin:0 auto; padding:50px 0 50px 0; text-align:center; }
	#div_sellm { width:100%; margin:0 auto; padding:10px 0 10px 0; text-align:center; }
	#sellm { max-width:100%; width:auto; }
	#voice_recorder { max-width:100%; width:auto; }

	/* home */
	#div_home_contents1 { width:90%;margin:0 auto; padding:50px 0 50px 0; text-align:center; }
	#div_home_contents2 { width:90%; margin:0 auto; padding:0 0 50px 0; text-align:center; }
	#home_service1 { float:none; max-width:100%; width:auto; }
	#home_border1 { width:100%; margin:0 auto; padding:20px 0 20px 0; }
	#home_service_image { max-width:100%; width:auto; }

	#div_contract_contents { width:100%; margin:0 auto; padding:20px 20px 20px 20px; }
	#form_contract { width:100%; height:40px; margin:0 auto; text-align:center; }
	#form_logo { width:100%; margin:0 auto; padding:50px 0 30px 0; }
	#contract_logo_image { max-width:50%; width:auto; }
	.pi_logo_image { width:110px; }

	
	
	
}