@import url("common.css"); 
@import url("form.css"); 

/*******************#wrapper Àüü css ********************************/
#wrapper {
	width:100%;
	height:100%;
}
#wrapper:after{content:""; display:block; clear:both;  /* height:0; visibility:hidden; */}

#wrap_con {
	width:100%;
	height:100%;
	margin:0 auto;
}

#wrap {
	width:100%; 
	max-width:960px;
	min-height:500px;
	margin:0 auto;
	overflow:hidden;
	box-sizing: border-box;
}
#wrap:after {display:block; clear:both;}

#wrap #navi {width:100%; max-width:960px; height:35px; clear:both; position:absolute; z-index:1000;}
#wrap #navi ul {}
#wrap #navi ul li {float:left;}

/* °øÅë // top */
#wrap .utill {height:55px; clear:both;}
#wrap .utill .logo {float:left; margin-top:2px;padding-bottom:2px;}
#wrap .utill .utill_icon {float:right;}
#wrap .utill .utill_icon ul {padding-top:20px;}
#wrap .utill .utill_icon ul li {float:left; padding:0 3px;}

#navi .tab01 {width:100%; max-width:960px; border:0px; overflow:hidden; *zoom:1;}
#navi .tab01 ul {text-align:center;border:0px; }
#navi .tab01 ul li { float:left;}
#navi .tab01 ul li img {}
#navi .tab01:after { content:" "; display:block; clear:both; }
#navi .tab01_m0 ul li img { margin:0; }

div.tab02 {}
div.tab02 ul { position:relative; left:20px;  width:100%; *zoom:1; height:20px;}
div.tab02 ul li { float:left; padding:0 4px;}
div.tab02 ul li a { padding-left:6px; color:#636363; font-size: 12px;}
div.tab02 ul li.on a {color:#000000; font-weight:bold }
div.tab02 ul:after { content:" "; display:block; clear:both; }

.hide {display:none;}

#container_wrap{
 padding:20px;
}

#container {
	width:100%; max-width:960px;
	padding-bottom:15px;
	float:left;
	*zoom:1;
	_height:100%; /* IE6¿ë ÇÙ */
}

/* °øÅë // sub */
#content_sub {
	width:948px; 
	border:1px #c4c7cf solid; 
	overflow:hidden; 
	float:left;
	background-color:#ffffff;
	*zoom:1;
	_height:100%; /* IE6¿ë ÇÙ */
}

/* °øÅë // quick¸Þ´º */
#quick {
	position:relative;
	width:95px;
	float:right;
	margin-left:30px;
	text-align:center;
	background:url(/images/quick_bg.gif) repeat-y;
}
#quick ul {clear:both;}
#quick ul li {display:block; width:95px;}

/* °øÅë// fotter */
#fotter_group {
		width:100%;
		height:50px;
		border-top:1px #c4c7cf solid;
		padding-top:15px;
		margin:0 auto;
		clear:both;
		background-color:#ffffff;
		color:#7e8c93;
 
}

.fotter_roll {width:1100px; margin:0 auto; padding-bottom:15px;}
.fotter_roll ul li {display:inline; padding-right:26px;}
.fotter {width:1100px; margin:0 auto; font-size:11px; clear:both; padding:15px 0; border-top:1px #eaeaea solid;}
.fotter .fotter_logo {width:100px; float:left;}
.fotter .fotter_link {width:900px; float:left;}

 /* Åܸ޴º*/
.tab {width:100%; clear:both; overflow:hidden; margin-bottom:25px; font-size:13px;}
.tab dl {clear:both; text-align:center;}
.tab dt {float:left; width:130px; padding:10px 5px; background-color:#3e8cc7; color:#ffffff; border:1px #05639b solid; font-weight:500; margin-right:2px; margin-bottom:2px;}
.tab dd {float:left; width:130px;padding:10px 5px; background-color:#f7f7f7; border:1px #dfdfdf solid; color:#000; font-weight:500; margin-right:2px; margin-bottom:2px;}

.content_tit {width:100%; height:30px; margin-bottom:15px; border-bottom:1px solid #cdcdcd; }
.content_tit:after{content:""; clear:both; clear:both;}
.content_tit ul {float:left;}
.content_tit ul.path_tit { color:#000; font-weight:500; font-size:15px}
.content_tit ul.path {float:right;}

.content_tab { *zoom:1;}
.content_tab:after {content:""; display:block; clear:both;}

.pop_wrap {padding:10px}
.pop_tit {width:100%; height:30px; }

.manager_main {}
.manager_main h1 {color:#e31616; font-size:14px; padding:15px 0 5px;}


.manager_login {width:710px; height:400px; margin:0 auto; background-color:#f4f4f4; }
.manager_login .m_login_Tit {
	width:100%; 
	height:95px; 
	font-size:30px;
	font-weight:500;
	color:#fff;
	line-height:95px;
	background:url(/images/btn/login_title.gif) no-repeat;
	border-radius:10px;
}
.manager_login .m_login_Form {width:100%; height:183px;}
.manager_login .m_login_Form .m_login_Form_T { height:60px; padding-top:30px; color:#414541;}
.manager_login .m_login_Form .m_login_Form_T .login_Form_T_1 {font-size:15px}

.manager_login .m_login_Form .m_login_Form_M {width:385px; height:123px; margin:0 auto;}
.manager_login .m_login_Form .m_login_Form_M div {float:left;}


.manager_login .m_login_Form .m_login_Form_M .m_login_Form_M_input { width:295px; height:76px;}
.manager_login .m_login_Form .m_login_Form_M .m_login_Form_M_input ul {margin-bottom:8px; height:30px;}
.manager_login .m_login_Form .m_login_Form_M .m_login_Form_M_input ul li {float:left;}
.manager_login .m_login_Form .m_login_Form_M .m_login_Form_M_input .input_text {width:67px; height:30px; line-height:30px; color:#828282;}
.manager_login .m_login_Form .m_login_Form_M .m_login_Form_M_input input {
	width:208px;
	height:28px;
	border:1px solid #d6d6d6;
	background-color:#fff;
}
.manager_login .m_login_Form .m_login_Form_M .m_login_Form_M_button {width:90px; height:68px;}
.manager_login .m_login_Form .m_login_Form_M .m_login_Form_M_button .m_login_btn {
	cursor:pointer; 
	width:90px; 
	height:68px; 
	font-size:13px; 
	text-align:center;
	color:#ffffff;
	font-weight:500;
	border:0;
	background-image:url(/images/btn/btn_login.gif);
}

.manager_login .m_login_check {
	height:72px;
	display:inline-block;
	text-align:center;
	color:#828282;
}


.manager_login .m_login_Bottom {
	width:100%;
	height:30px;
	color:#555;
	line-height:30px;
}

.cus_logiin_wrap {
	max-width:960px;
	height:100vh;
	display:flex;
	justify-content: center; 
	align-items: center; 
}

.cus_logiin_wrap .cus_login_form {
	margin:0 auto;
	padding:0;
	width:100%;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.cus_logiin_wrap .cus_login_form .login_ok {text-align:center; padding:20px 0 10px; clear:both; width:100%; max-width:300px; margin:0 auto;}
.cus_logiin_wrap .cus_login_form .login_ok input { width:100%; cursor:pointer; text-align:center; }


.service_login { width:100%;}
.service_login .service_page_tab {background-color:#fff; width:100%; border-radius:5px; overflow:hidden; font-size:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.service_login .service_page_tab ul { border-left:0; padding:0; margin:0; }
.service_login .service_page_tab ul:after { content:""; display:block; clear:both; }
.service_login .service_page_tab ul li { float:left; width:33.33%; text-align:center;  cursor:pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.service_login .service_page_tab ul li:first-child { width:33.33%; }
.service_login .service_page_tab ul li a { display:block; width:100%; line-height:50px; color:#393939; font-size:16px; }
.service_login .service_page_tab ul li:first-child a { border-left:0; }
.service_login .service_page_tab ul li:hover a,
.service_login .service_page_tab ul li.select a { background-color:#242424; color:#fff; }

.service_page_form {background-color:#fff; min-height:300px; display:flex; align-items: center; justify-content: center; width:100%; text-align:center; border:1px solid #e1e1e1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.service_page_form .service_page_form_inner { text-align:center; padding:20px 10px 10px; max-width:550px;}
.service_page_form .service_page_form_inner ul { display:inline-block;}
.service_page_form .service_page_form_inner ul li { text-align:left; margin-bottom:5px; }
.service_page_form .service_page_form_inner ul li span {display:inline-block; width:60px; color:#000; }
.service_page_form .service_page_form_inner ul li span.c_name { }
.service_page_form .service_page_form_inner ul li > a { margin-left:30px;}
.service_page_form .service_page_form_inner ul li > a.center { margin-left:30px;}
.service_page_form .service_page_form_inner ul li input { }
.service_page_form .service_page_form_inner ul li input.input50 {width:50px;}
.service_page_form .service_page_form_inner ul li input.input150 {width:183px;}

.service_page_form .service_page_form_inner .info_memo {margin-top:15px; font-size:14px; color:#000; line-height:24px;}
.service_page_form .service_page_form_inner .info_memo span {display:block; }


.cus_new .service_page_form {background-color:#fff; min-height:300px; display:flex; align-items: center; justify-content: center;  width:100%; text-align:center; border:1px solid #e1e1e1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.cus_new .service_page_form .service_page_form_inner { text-align:center; padding:20px 10px 10px; max-width:550px;}
.cus_new .service_page_form .service_page_form_inner ul { display:inline-block;}
.cus_new .service_page_form .service_page_form_inner ul li { text-align:left; margin-bottom:5px;}
.cus_new .service_page_form .service_page_form_inner ul li span {display:inline-block; width:60px; color:#000;}
.cus_new .service_page_form .service_page_form_inner ul li span.c_name { }
.cus_new .service_page_form .service_page_form_inner ul li > a { margin-left:30px;}
.cus_new .service_page_form .service_page_form_inner ul li > a.center { margin-left:30px;}
.cus_new .service_page_form .service_page_form_inner ul li input { }
.cus_new .service_page_form .service_page_form_inner ul li input.input50 {width:50px;}
.cus_new .service_page_form .service_page_form_inner ul li input.input150 {width:183px;}

.cus_new  { text-align:center;}
.cus_new .new_request{  text-align:center;  }
.cus_new .new_request ul { padding:50px 0; }
.cus_new .new_request ul:after { content:""; display:block; clear:both; }
.cus_new .new_request ul li{ display:inline-block; height:35px; line-height:35px; color:#000; font-size:15px;}
.cus_new .new_request ul li.request_btn { margin-left:10px;}

.cus_new2 {text-align:center; }
.cus_new2 .new_request {background-color:#fff; text-align:center; border:1px solid #e1e1e1; min-height:300px; display:flex; align-items: center;  }
.cus_new2 .new_request ul { padding:0 10px; max-width:300px; margin:0 auto;}
.cus_new2 .new_request ul:after { content:""; display:block; clear:both; }
.cus_new2 .new_request ul li{ display:block; margin:10px 0; color:#000; font-size:15px; }
.cus_new2 .new_request ul li.request_btn { width:100%; }
.cus_new2 .new_request ul li.request_btn .btn_bluest6 { width:100%; margin-top:10px;}


.request_agreey {margin-top:10px;}
.request_agreey .agree_con {width:100%;}
.request_agreey textarea {width:100%; height:80px;}
.request_agreey .check_input {text-align:right;}

.maincontent_tit {width:100%; height:30px; margin:40px 0 25px; }
.maincontent_tit:after{content:""; clear:both; clear:both;}
.maincontent_tit ul {float:left;}
.maincontent_tit ul.path_tit { color:#000; font-weight:500; font-size:15px}
.maincontent_tit ul.path {color:#000; font-weight:500; font-size:15px}

.main_content_tab {width:100%; height:45px; margin-bottom:25px; border-bottom:1px solid #d5d5d5; border-top:3px solid #242424; }
.main_content_tab ul {height:45px;}
.main_content_tab ul li {display:inline-block; line-height:50px; font-size:14px; font-weight:500; padding:0 10px; color:#000}
.main_content_tab ul li.select {color:#c09d54}
.main_content_tab ul li.tab_line {padding:0;}

#admin_content_area { position:relative; width:1024px; height:300px;}
#admin_content_area .check_sn { left:0; top:30px; width:460px; height:145px;  margin:0;}
.check_sn { background-color:#fff; position:absolute; left:50%; top:50%; width:460px; transform: translate(-50%,-50%);}

#admin_content_area2 { position:relative; width:960px; height:220px;}
#admin_content_area2 .check_sn { left:0; top:30px; width:960px; height:145px;  margin:0;}

.pop_mask {
	display:none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000); zoom: 1; z-index: 179; cursor:pointer;  -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s;
}
.pop_mask2 {
	display:none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000); zoom: 1; z-index: 179; cursor:pointer;  -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s;
}
.layerPop { 
		display:none; 
		position:fixed; 
		left:50%; 
		top:50%; 
		width:335px;
		height:220px;
		margin-left:-167px; 
		margin-top:-110px;
		z-index:10000; 
}
.layerPop .close {  position:absolute; top:6px; right:6px; width:32px; height:30px; cursor:pointer}

.layerPop .pop_open_warp {width:335px; height:220px; cursor:default;}
.layerPop .pop_open_warp .pop_open {text-align:center; background-color:#fff;}
.layerPop .pop_open ul {}
.layerPop .pop_open ul.pop_tit {height:44px; line-height:44px; font-size:14px; color:#fff; font-weight:500; text-indent:15px; background-color:#242424; border-radius:5px 5px 0 0;}
.layerPop .pop_open ul.pop_cont { padding:30px 0 30px 0; text-align:center; color:#686868; }
.layerPop .pop_open ul.pop_line {width:309px; margin:0 auto; border-bottom:1px solid #ededed;}
.layerPop .pop_open ul.pop_button { margin:0 auto; padding:30px 0; text-align:center;}
.layerPop .pop_open ul.pop_button li{float:left; margin:32px 10px; color:#000; border:1px solid #000; font-size:13px; font-weight:500; background-color:#ffffff;  cursor:pointer; font-family: "Noto Sans KR";}

.layerPop2 { 
		display:none; 
		position:fixed; 
		left:50%; 
		top:50%; 
		width:335px;
		height:240px;
		margin-left:-167px; 
		margin-top:-120px;
		z-index:10000; 
}

.layerPop2 .pop_open_warp {width:335px; height:240px; cursor:default;}
.layerPop2 .pop_open_warp .pop_open {text-align:center; background-color:#fff;}
.layerPop2 .pop_open ul {}
.layerPop2 .pop_open ul.pop_tit {height:44px; line-height:44px; font-size:14px; color:#ffffff; font-weight:500; text-indent:15px; background-color:#242424; text-align:left; border-radius:5px 5px 0 0;}
.layerPop2 .pop_open ul.pop_cont { padding:20px 0; color:#686868; }
.layerPop2 .pop_open ul.pop_cont:after{clear:both; display:block; content:""; }
.layerPop2 .pop_open ul.pop_cont .pop_cont_input {font-size:15px; color:#000;}
.layerPop2 .pop_open ul.pop_cont .pop_cont_input input {margin-left:15px;}
.layerPop2 .pop_open ul.pop_cont .pop_cont_text{font-size:13px; line-height:18px; margin-top:20px;}
.layerPop2 .pop_open ul.pop_cont .pop_cont_text2{font-size:13px; line-height:18px;}
.layerPop2 .pop_open ul.pop_line {width:309px; margin:0 auto; border-bottom:1px solid #ededed;}
.layerPop2 .pop_open ul.pop_button { margin:0 auto; padding:20px 0; text-align:center;}
.layerPop2 .pop_open ul.pop_button li{color:#000; font-size:13px; border:1px solid #000; font-weight:500; background-color:#ffffff; cursor:pointer;}

.layerPop2 .close {  position:absolute; top:6px; right:6px; width:32px; height:30px; cursor:pointer}

.check_color_black { color:#fff; background-color:#000; display:block;}
.check_color_green { color:#fff; background-color:#6a8c27; display:block;}
.check_color_red { color:#fff; background-color:#f00; display:block;}
.check_color_blue { color:#161bf4;}

.subPage {
    background-color: #f2f2f2;  
	padding:50px 0;
	height:auto;
}
.subPage #wrap {
    background-color: #fff;
	border-radius: 20px;
    padding: 0 50px;
}

@media screen and (max-width:1200px){
	.subPage #wrap {
		max-width: 960px;
		padding: 0 25px;
	}
}
@media screen and (max-width:1060px){
	.subPage {
		padding:0;
		height:auto;
		background-color: #fff; 
	}
	.subPage #wrap {
		padding: 0 1%;
		border-radius: 0;
	}
}
@media screen and (max-width:960px){
	.nc_area1 { margin-top:30px; font-size:20px; }
	.nc_area2 { margin-top:20px; font-size:16px; }
}