@charset "utf-8";

*{margin:0;padding:0;}
*{-webkit-text-size-adjust:none;-webkit-font-smoothing: antialiased;}


html,body{min-width:1240px;height:100%;margin:0 auto;}
html{overflow-y:scroll;}
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*,*:before,*:after{box-sizing:inherit}
body{margin:0;padding:0;width:100%;font-size:12px;font-family : "돋움","Tahoma","Malgun Gothic", Arial, sans-serif;}
form{margin:0;padding:0;}
div,input,textarea,select,button,table,ul,li,ol,dl,dt,dd{margin:0;padding:0;}
input,textarea{outline-style:none;}
img,input{vertical-align:middle;}
img,fieldset{border:0;}
select{font-size:12px;}
label{cursor:pointer;}
input[type="checkbox"]{cursor:pointer;}
input[type="radio"]{cursor:pointer;}
input[type="text"]{padding:5px;border:1px solid #ddd;}
input[type="password"]{padding:5px;border:1px solid #ddd;}
select{border:1px solid #ddd;padding:3px;font-size:12px;font-family:'돋움';color:#666;}


/* 

	layout.css 
	
*/


.bg_f9{background:#f9f9f9;}
.bg_f7{background:#f7f7f7;}
.bg_f6{background:#f6f6f6;}
.bg_f5{background:#f5f5f5;}
.bg_ea{background:#eaeaea;}




/* 페이지 타이틀 및 기타 텍스트 설정 */
.section_title{font-family:'nb',Sans-serif;}
.section_title{margin:0;padding:0;font-style:normal;font-weight:600;font-size:30px;color:#222;letter-spacing:-1px;}
.text_center{text-align:center;}
.section_scrib{font-family:'nb',Sans-serif;font-size:16px;font-weight:normal;letter-spacing:-1px;color:#555;padding:10px 0;}
.section_stitle{font-family:'nb',Sans-serif;font-size:20px;font-weight:600;letter-spacing:-1px;padding:15px 0;letter-spacing:-1px;color:#333;}

.fmbox{padding:24px 30px 0 34px;background:#f8f8f8;border:1px solid #cecfd1;margin-bottom:10px;font-size:14px;font-family:'nb', '돋움', Dotum,Helvetica,AppleGothic,Sans-serif;}
.step_agree_new{height:183px;border:1px solid #b9b9b9;background:#fff;padding:20p 16px 5px 20px;margin-bottom:10px;overflow-y:scroll;overflow-x:hidden;}


/* 서브페이지 상단 타이틀 처리 */
.sub_title_tbar{width:45px;margin:0 auto;border-bottom:3px solid #333;margin-top:30px;margin-bottom:20px;}
.tgreet{text-align:center;margin-bottom:50px;}



/* 상단메뉴 */
#topmnus{position:absolute;right:5px;top:30px;}			
#topmnus > li{position:relative;float:left;padding:8px 25px 20px 25px;font-family:'맑은 고딕';font-size:17px;font-weight:bold;}
#topmnus > li:last-child{padding-right:0;}
#topmnus a{text-decoration:none;}
#topmnus a:hover{color:#44acd9;}

/* 전체메뉴 */
#all_menu{position:absolute;top:90px;width:100%;min-height:200px;padding:0 0 10px 0;background:#333;color:#fff;}
#all_menu .all_menu_inner{position:relative;width:95%;max-width:1280px;margin:0 auto;}
#all_menu .all_menu_inner .mnu_part{position:absolute;right:5px;top:-30px;z-index:20;}
#all_menu .all_menu_inner .mnu_part > li{float:left;color:#fff;font-family:'맑은 고딕';font-size:17px;font-weight:bold;padding:8px 25px 20px 25px;letter-spacing:-1px;}
#all_menu .all_menu_inner .mnu_part > li:last-child{padding-right:0;}
#all_menu .all_menu_inner .mnu_part > li .ti{visibility:hidden;}
#all_menu .all_menu_inner .mnu_part > li > ul{margin-top:10px;}
#all_menu .all_menu_inner .mnu_part > li > ul > li{font-family:'nb',Sans-serif;font-size:15px;font-weight:normal;letter-spacing:-1px;color:#ddd;padding:4px 0;text-indent:4px;}
#all_menu .all_menu_inner .mnu_part > li > ul > li:first-child{padding-top:10px;}
#all_menu .all_menu_inner .mnu_part > li > ul > li a{color:#ddd;}
#all_menu .all_menu_inner .mnu_part > li > ul > li a:hover{color:#ffcc33;}



/* 모바일 메뉴 */
.nav{overflow-y:auto !important;position:fixed;display:hidden !important;z-index:99999 !important;background:#1d2328;border-right:0px solid #15191d;height:auto;color:#fff;font-family:'nb';font-size:13px;}
.nav .gh{position:relative;padding:20px 0 15px 0;text-indent:10px;font-family:'나눔 고딕';font-size:16px;width:85%;margin:0 auto;border-bottom:1px solid #000;}
.nav .gh .m_close{position:absolute;right:0;top:12px;cursor:pointer;}
.nav .bl{height:1px;background:#000;}
.nav .gl{height:1px;background:#354048;}
.nav .nav_inbox{width:85%;margin:0 auto;border-bottom:1px solid #354048;}
.nav #mmnu{overflow:hidden;}
.nav #mmnu li.bm{padding:13px 0;text-indent:10px;color:#bbb;font-family:'nb';font-size:15px;letter-spacing:0;border-bottom:1px solid #000;border-top:1px solid #354048;}
.nav #mmnu li.bm{position:relative;}
.nav #mmnu li.bm a{color:#bbb;}
.nav #mmnu li.bm .plus{position:absolute;right:12px;top:10px;color:#999;font-weight:normal;font-family:'돋움';font-size:22px;}
.nav #mmnu .bm2{overflow:hidden;margin-top:10px;border-top:1px solid #354048;}
.nav #mmnu .bm2 > li{padding:12px 6px 0 6px;font-family:'nb';font-size:15px;letter-spacing:0;}


#toplogo{position:absolute;left:0;top:12px;font-family:'nb';font-size:26px;font-weight:bold;}
#sub_box{padding-left:7px;line-height:150%;color:#666;max-width:1280px;}
#toplogo{position:absolute;left:0;top:12px;font-family:'nb';font-size:26px;font-weight:bold;}
#thbox{position:relative;width:95%;max-width:1280px;margin:0 auto;}
.incontents{width:95%;max-width:1280px;margin:0 auto;padding-top:20px;padding-bottom:10px;min-height:300px;}



/* 하단 공통 */
#bottom_box{width:100%;background:#f8f8f8;;padding:30px 0 50px 0;min-height:80px;}
#bottom_box #btm{position:relative;max-width:1280px;margin:0 auto;padding-left:20px;}
#bottom_box #btm .logo_btm{position:absolute;right:5px;bottom:10px;}
.copy_str{font-family:'nb',Sans-serif;font-size:14px;font-weight:normal;letter-spacing:-1px;color:#888;padding:3px 0;}
.gov{position:absolute;right:10px;top:16px;overflow:hidden;}
.gov > li{float:left;padding:0 10px;font-family:'nb',Sans-serif;font-size:14px;font-weight:normal;letter-spacing:-1px;color:#ccc;}


/* 팝업 */
.white-popup {
  position: relative;
  background: #FFF;
  padding: 50px;
  width:auto;
  max-width: 800px;
  margin: 20px auto;
}
#pop_prov #prov_title{padding:30px 0;font-family:'nb';font-size:20px;font-weight:bold;border-bottom:1px solid #ddd;margin-bottom:20px;}
#pop_prov #provbox{line-height:150%;font-family:'nb';font-size:14px;color:#333;}


/* Font Awesome */
.fa_80{
	text-align:center;
	width:80px;
	height:80px;
	line-height:80px !important;
	text-align:center;
	border-radius:50%;
	font-size:35px !important;
	color:#fff;
	background:#4f82e9;
}

.fa_s80{
	text-align:center;
	width:80px;
	height:80px;
	line-height:80px !important;
	text-align:center;
	border-radius:50%;
	font-size:35px !important;
	color:#fff;
	background:#4f82e9;
}

.fa_s80-1{
	text-align:center;
	width:80px;
	height:80px;
	line-height:80px !important;
	text-align:center;
	border-radius:50%;
	font-size:35px !important;
	color:#fff;
	background:#ccccff;
}

.fa_s20{
	text-align:center;
	width:50px;
	height:50px;
	line-height:50px !important;
	text-align:center;
	border-radius:50%;
	font-size:25px !important;
	color:#4f82e9;
}


.fa_my{
	text-align:center;
	width:70px;
	height:70px;
	line-height:70px !important;
	text-align:center;
	border-radius:10%;
	font-size:35px !important;
	color:#fff;
	background:#ccccff;
}



/* 반응형 UL, LI */
ul.pr_list{display:flex;flex-flow:row wrap;}
ul.pr_list > li{float:left;text-align:center;display:table-cell;}
ul.pr_list > li div.photo_box{padding:8px;}
ul.pr_list > li div.photo_box .photo_bound{border:1px solid #ccc;background:#fff;}
ul.pr_list > li div.tleft{text-align:left !important;margin:12px;padding-left:0 !important;}

// 컬럼수별 처리
ul.pcol_01 > li{width:100%;} 
ul.pcol_02 > li{width:50%;} 
ul.pcol_03 > li{width:33%;}
ul.pcol_04 > li{width:25%;}
ul.pcol_05 > li{width:20%;}


// 서브페이지 
.main_guide{padding:20px 0 30px 0;margin-bottom:30px !important;}
.main_guide .section_title{padding:30px 0;font-size:24px;}

.main_guide #guide_box{overflow:hidden;max-width:1280px;margin:0 auto;}
.main_guide #guide_box > li{margin-bottom:35px;}

.main_guide .stitle{margin:10px 0;}
.main_guide .section_stitle{font-weight:normal;margin-top:10px;font-size:20px;}
.main_guide .section_scrib{font-size:18px;color:#333;padding-top:0 !important;padding:0 12px !important;text-align:left;line-height:1.5;padding:10px;}

.rtitle_box{display:inline-block;border-radius:0 30px 30px 0;background:#ddd;padding-left:20px;margin:20px 0 30px 0;}
.rtitle_box .rtitle_title{display:inline-block;border-radius:30px;padding:10px 20px;background:#0066ff;font-family:'nb';font-weight:normal;font-size:20px;color:#fff;}
.rstitle_title{display:inline-block;border-radius:20px;padding:5px 20px;background:#0066ff;font-family:'nb';font-weight:normal;font-size:16px;color:#fff;}


.in_gray_box{width:98%;margin:0 auto;background:#eee;padding:10px;margin-top:20px;margin-bottom:20px;}



/* 모바일 환경 */
@media (max-width: 768px) 
{
	
	html,body{min-width:320px;}
	.mob{display:block;margin-top:8px;}
	#addr,#email,#subject{width:98%;}
	#id,#name{width:50%;}
	#reg_number{width:80%;}
	#passwd{width:80%;}
	#resno1{width:50%;}
	#pheight,#pweight{width:100px;}
	#thbox{width:95%;margin:0 auto;}
	#toplogo{position:absolute;left:5%;top:12px;font-family:'nb';font-size:20px;font-weight:bold;}
	#toplogo img.toplogo{height:55px !important; margin-top:8px;}
	#tlogo{height:50px;}

	.section_title{font-size:20px;font-weight:normal;padding:0;color:#333;}
	.section_stitle{font-size:15px;font-weight:normal;}
	.section_scrib{font-size:14px;}	

	#sub_pat{height:65px !important;line-height:65px !important;}
	#all_menu{display:none !important;}

	.mpic{width:100% !important;}

	// 서브페이지 이미지
	.img_m{width:100%;border:1px solid red;}
	.sub_title_tbar{margin-top:10px;margin-bottom:10px;}
	.tgreet{margin-bottom:15px;}

	#bottom_box #btm .logo_btm{display:none;}

	.stxt{font-size:12px !important;}
	 li.stxt{padding:4px !important;}


	// 컬럼수별 처리
	.pr_list > li::after{content:"", clear:both;display:block;}
	
	ul.mcol_01 > li{width:100% !important;} 
	ul.mcol_02 > li{width:50% !important;} 
	ul.mcol_03 > li{width:33% !important;}
	ul.mcol_04 > li{width:25% !important;}
	ul.mcol_05 > li{width:20% !important;}

	// 하단
	#bottom_box #btm{padding-left:15px;}
}