@import url(//fonts.googleapis.com/css?family=Varela+Round);
@import url(//cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css);
@import url(https://fonts.googleapis.com/css?family=Montserrat:700);

html, body, h1, h2, h3, h5, h6, ul, li, ol, dl, dt, dd, p, a, span, img, form, input {
	padding: 0;
	margin: 0;
	border: 0;
}

html, body {
	width: 100%;
	height: 100%;
}

body {
	/* overflow: hidden; */
	font-family: 'NanumSquareRound',sans-serif;
	font-size: 16px;
	height: 100%;
	position: relative;
}

select {
    -webkit-appearance: arrow !important;
}

/* body::-webkit-scrollbar{width:6px} */
/* body::-webkit-scrollbar-thumb{background-color:#e1ebfa; ;border-radius:10px;} */


img {
	vertical-align: top;
	border: none;
}

ul li, ol li {
	list-style: none;
}

a {
	color: black;
	text-decoration: none;
}

*, *:before, *:after {
  margin: 0;
  padding: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
}

/*-------------------------- 모바일 메뉴 디스플레이 카테고리 시작 --------------------------*/

#moblieNav,#miblieMenuDown,#mNav{
  display: none;
}

/*-------------------------- 모바일 메뉴 디스플레이 카테고리 끝 --------------------------*/

.wrapper{
	width: 100%;
	position: relative;
}

/* -------------- 상단 네비게이션 시작 ----------------*/

.logo{
	width: 60px;
    left: 20px;
    display: inline-block;
    top: 9px;
    position: absolute;
}

.logo img{
	width: 100%;
}

.dchLogoText span{
	font-family: 'Varela Round', sans-serif;
	font-size: 1.8rem;
	font-weight: bold;
	color: white;
}

.dchLogoText{
	font-family: 'Varela Round', sans-serif;
	font-size: 1.8rem;
	font-weight: bold;
	color: white;
}


nav{
	text-align: right;
	position: absolute;
	width: 100%;
	height: 64px;
	z-index: 999;
}

nav ul {
	width: 100%;
	height: 64px;
}

nav li {
	text-align: right;
	display: inline-block;
	margin: 0 20px;
	line-height: 60px;
	color: black;
	font-size: 1em;
	cursor: pointer;
}


nav li:hover{
	position: relative;
}

nav ul.absol {
	height: 60px;
	margin: 0 auto;
	z-index: 100;
	border-bottom: 1px solid #ededed;
	background-color: white;
	padding-left: 20px;
	padding-right: 70px;
}

nav ul.absol li a{
	color: black;
}






.dropbtn {
    color: black;
    font-size: 1em;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
	text-align: center;
    display: none;
    position: absolute;
	top: 59px;
	left: -20px;
	width: 120px;
	line-height: 50px;
    background-color:  white;
	border: 1px solid #eee;
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 0px 0px;
    text-decoration: none;
    display: block;
}

.add_borB{border-bottom: 1px solid #eee;}
.add_borBN{border-bottom: none !important;}
.add_borB:hover{text-decoration:underline;}
.add_borBN:hover{text-decoration:underline;}
.dropdown-content a:hover {background-color: ##f4f4f4}

.dropdown:hover .dropdown-content {
    display: block;
}

/* .dropdown-content:hover{ */
    /* background-color: white; */
/* } */







.navColor{color: #878787;}
.navColor:hover{text-decoration: underline;}

nav ul.absol li:hover{
	text-decoration: underline;
}

nav ul.absol li:hover{
	text-decoration: underline;
}

nav ul.fixed {
	text-align: right;
	display: none;
	position: fixed;
	top: 0;
	width: 100%;
	height: 60px;
	z-index: 100;
	background-color: white;
	/* border-bottom: 1px solid #dedede; */
	padding-left: 20px;
	padding-right: 70px;
}

nav ul.fixed li a{
	display: inline-block;
	color: black;
}

nav ul.fixed li{
	text-align: right;
}

nav ul.fixed li:hover{
	text-decoration: underline;
}


/* .logoBox{ */
  /* top: 0px; */
  /* left: 20px; */
  /* position: absolute; */
	/* color: #fa374e; */
	/* line-height: 64px; */
	/* font-family: 'NanumSquareRound',sans-serif; */
	/* font-size: 1.6rem; */
	/* font-weight: bold; */
/* } */

/* .logoBox span{ */
	/* font-size: 1.6rem; */
	/* font-weight: bold; */
	/* color: black; */
/* } */

/* .loginBox{ */
	/* display: none; */
	/* position: absolute; */
	/* top: 0px; */
	/* right: 20px; */
	/* margin-top: 12px; */
/* } */

/* .login{ */
	/* display: inline-block; */
	/* width: 40px; */
	/* height: 40px; */
	/* cursor: pointer; */
	/* text-align: center; */
/* } */

/* -------------- 상단 네비게이션 끝 ----------------*/


.logoBox{
	display: flex;
	position: absolute;
	top: 0px;
	left: 20px;
	color: black;
	line-height: 64px;
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 1rem;
}

.logoBox img{
	margin-top: 12px;
}

/*-------------------------- 메인비주얼 시작 --------------------------*/


.uccElementBox{
	position: relative;
	width: 100%;
	height: auto;
	text-align: center;
	padding-top: 64px;
}

.main_Box{
	text-align: center;
	width: 100%;
	padding-top: 40px;
}

.main_logo{
	display: inline-block;
}

.index_main_title{
	text-align: center;
	font-family: 'NanumSquareRound',sans-serif;
	font-size: 3rem;
	line-height: 34px;
	margin-top: 20px;
}

.main_title{
	text-align: center;
	font-family: 'NanumSquareRound',sans-serif;
	font-size: 2rem;
	line-height: 34px;
	margin-top: 20px;
}

.main_title span{
	position: relative;
    font-size: 2rem;
    font-weight: bold;
}

.main_title span .spantext{
	display: inline-block;
    position: relative;
    font-size: 2rem;
    font-weight: bold;
    z-index: 2;
}



.yellowLine{
	position: absolute;
    left: 0;
    top: 22px;
    width: 100%;
    height: 6px;
    background-color: yellow;
}

.main_inputArea{
	text-align: center;
	width: 100%;
	margin-top: 50px;
}

.input_space{
	display: inline-block;
	width: 570px;
	height: 90px;
	border-radius: 60px;
	box-shadow: 0px 0px 30px 5px #eeeeee;
	padding-left: 30px;
}

.iBox{
	text-align: left;
}

.iBox_01{
}

.i_basic_Box{
	display: flex;
}

.i_basic_text{
	display: inline-block;
	line-height: 90px;
	font-size: 2rem;
	font-weight: 400;
	font-family: 'Varela Round', sans-serif;
	/* margin-right: 10px; */
}

.iboxInput{
	font-size: 1.3rem;
	width: 100%;
	display: inline-block;
}

.iboxInput input{
	width: 100%;
	height: 90px;
	border-radius: 60px;
	color: #aaaaaa;
	/* padding-top: 6px; */
}


input::placeholder{
	font-size: 1.4rem;
	color: #aaaaaa;
	font-family: 'NanumSquareRound',sans-serif;
}
/*-------------------------- 메인비주얼 끝 --------------------------*/



/*-------------------------- 폰 이미지 시작 --------------------------*/

.phoneImg_Box{
	display: block;
	text-align: center;
	position: relative;
	width: 100%;
	height: 130px;
	background-color: #95cf53;
	margin-top: 100px;
}


.phone_Btn{
	text-align: center;
	position: relative;
	top: -50px;
	display: inline-block;
	width: 100px;
	height: 100px;
	background-color: #333333;
	border-radius: 50%;
	padding-top: 36px;
	cursor: pointer;
}

.phone_Btn img{
	display: inline-block;
}

.m_pimg{
	display: none;
	text-align: right;
	position: relative;
	top: -40px;
}

.m_pimg img{
	width: 65%;
	display: inline-block;
}

/*-------------------------- 폰 이미지 끝 --------------------------*/




/*-------------------------- ucc name 소개 시작 --------------------------*/

.intro_Line{
	width: 100%;
	background-color: #95cf53;
	padding-bottom: 60px;
}

.intro_Box{
	position: relative;
	max-width: 730px;
    text-align: left;
    width: 100%;
    height: auto;
	background-color: white;
	border-radius: 40px;
	padding-top: 40px;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 60px;
    margin: 0 auto;
}

.pc_pimg{
	text-align: right;
    position: absolute;
    top: -64px;
}

.pc_pimg img{
    width: 63%;
	display: inline-block;
}


.intro_title{
	font-family: 'Varela Round', sans-serif;
	font-size: 3rem;
	margin-bottom: 20px;
}

.intro_title span{
	font-family: 'NanumSquareRound',sans-serif;
	font-size: 2.1rem;
	font-weight: bold;
}

.intro_subTitleLine{
	width: 100%;
	display: flex;
}

.imargin_b{margin-bottom: 18px;}

.subNumber_wrap{
	width:26px;
	margin-right: 10px;
}

.intro_subNumber{
	text-align: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: #95cf53;
    color: white;
    font-size: 1.2rem;
}

.intro_subTitle{
	width: 100%;
	font-family: 'NanumSquareRound',sans-serif;
	font-size: 1.2rem;
	padding-top: 2px;
}

/*-------------------------- ucc name 소개 끝 --------------------------*/


/*-------------------------- 상세페이지 시작 --------------------------*/

.detail_title{
	text-align: center;
	font-family: 'NanumSquareRound',sans-serif;
	font-size: 2rem;
	font-weight: bold;
	padding-top: 40px;
	cursor: pointer;
}

.detail_title span{
	font-size: 2.4rem;
}

.mySocial_Line{
	text-align: center;
	width: 100%;
	background-color: #5aa7e6;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 60px;
	margin-top: 260px;
}

.mySocial_wrap{
	margin: 0 auto;
	max-width: 730px;
}

.mySocial_box{
	display: inline-block;
    position: relative;
    top: -220px;
    text-align: center;
    overflow: hidden;
    width: 100%;
    height: 42.32vh;
    border-radius: 40px;
    z-index: 6;
}


.mySocial_box img{
	width: 100%;
	height: 42.32vh;
	border-radius: 40px;
}

.mySocial_btn{
	position: relative;
    display: inline-block;
    width: 95%;
    height: 52px;
    line-height: 52px;
    background-color: #333333;
    color: white;
    font-family: 'NanumSquareRound',sans-serif;
    font-size: 1.6rem;
    opacity: 0.7;
    border-radius: 60px;
    bottom: -370px;
    cursor: pointer;
}


.category_void{height: 20px;}

.social_category_Line{
	padding-left: 20px;
	padding-right: 20px;
}

.social_categoryBox{
	position: relative;
	top: -230px;
    width: 100%;
	max-width: 730px;
	margin: 0 auto;
    height: auto;
    border-radius: 40px;
    background-color: #ededed;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 20px;
    padding-left: 50px;
	z-index: 9;
}

.s_Box{
	text-align: left;
    position: relative;
    width: 100%;
    height: 90px;
    font-family: 'NanumSquareRound',sans-serif;
    font-size: 1.4rem;
    line-height: 90px;
    border-radius: 30px;
    background-color: white;
    padding-left: 40px;
}

.s_Box a{
	color: black !important;
}

.s_Box {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}
/* img 마우스 오버시*/
.s_Box:hover {
	text-decoration: underline;
    cursor:pointer;
    transform:scale(1.02); /* 마우스 오버시 이미지 크기를 1.1 배만큼 확대 */
    -o-transform:scale(1.02); 
    -moz-transform:scale(1.02);
    -webkit-transform:scale(1.02);
    transition: transform .3s;  
    -o-transition: transform .3s;
    -moz-transition: transform .3s;
    -webkit-transition: transform .3s;
    /* 마우스 오버시 이미지가 즉시 커지지 않고 30.5 second 의 시간에 걸쳐 커지는 애니메이션 효과*/
}

.s_b_margin{margin-bottom: 10px;}

.s_icon_box{
	text-align: center;
    position: absolute;
    top: 20px;
    left: -28px;
    width: 80px;
}

.s_icon{
    text-align: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-shadow: 0px 0px 30px 10px #f4f4f4;
}

.s_icon img{
	display: list-item;
	width: 100%;
}

.sbox_go_box{
	text-align: center;
	position: absolute;
    top: 22px;
    right: 30px;
    line-height: 20px;
	cursor: pointer;	
}

.sbox_go{
	display: inline-block;
    text-align: center;
    width: 50px;
    height: 50px;
	background-color: #ededed;
    border-radius: 50%;
	padding-top: 10px;
	padding-left: 6px;
}

.sbox_go img{
	display: inline-block;
}

.sbox_text{
	text-align: center;
	font-family: 'NanumSquareRound',sans-serif;
	font-size: 1rem;
	margin-top: 4px;
	display: none;
}

.social_bottom_btn button{
	font-size: 1rem;
	width: 100%;
	height: 40px;
	    border-radius: 40px;
}

.bottom_color{
	z-index: 3;
    bottom: 0px;
    position: absolute;
    width: 100%;
    height: 700px;
}
/*-------------------------- 상세페이지 끝 --------------------------*/



/*-------------------------- 인덱스 시작 --------------------------*/

.indexElementBox{
	position: relative;
	width: 100%;
	height: auto;
	text-align: center;
	padding-top: 100px;
}


.index_main_title{
	text-align: center;
	font-family: 'NanumSquareRound',sans-serif;
	font-size: 3rem;
	line-height: 34px;
	margin-top: 20px;
}


/*-------------------------- 인덱스 끝 --------------------------*/


/*-------------------------- 비밀변호 변경 시작 --------------------------*/

.change_password_Line{
	margin-top: 30px;
	padding-bottom: 60px;
}

.change_Way_text{
	font-size: 1.2rem;
    color: #a8a8a8;
    line-height: 26px;
	margin-bottom: 60px;
}

.change_btn{
	color: white;
    background-color: #333333;
    font-size: 1.1em;
    line-height: 50px;
    width: 100%;
    height: 50px;
    cursor: pointer;
    margin-top: 20px;
}

/*-------------------------- 비밀변호 변경 끝 --------------------------*/



/* -------------회원가입 시작------------- */



#becomeMember{
	display: flex;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 9999;
	right: -100%;
	top: 0;	
	text-align: center;
	flex-direction: column;
    transition:0.35s;
	-webkit-transition:0.35s;
	-moz-transition:0.35s;
}

#becomeMember.left {	
	position: fixed;
	width: 600px;
	height: 900px;
	right: 0;
	transition:0.35s;
	-webkit-transition:0.35s;
	-moz-transition:0.35s;
}

.pMember{
	background-color: white;
	width: 790px;
	margin: 0 auto;
	padding-left: 70px;
	padding-right: 70px;
	padding-top: 40px;
	padding-bottom: 50px;
	height: 478px;
}

.memberText{
	font-family: 'NanumSquareRound',sans-serif;
	font-size: 1.6em;
	margin-top: 6px;
	margin-bottom: 26px;
}

.membertBox{
	margin: 0 auto;
	width: 390px;
	height: 310px;
}

.mId{
	text-align: left;
	border: 1px solid #f4f4f4;
	margin-bottom: 10px;
	padding-left: 10px;
	width: 390px;
	height: 50px;
}

.mId input{
	padding-left: 10px;
	width: 370px;
	height: 48px;
}

.mId input::placeholder{
	color: #a8a8a8;
}

.mPass{
	text-align: left;
	border: 1px solid #f4f4f4;
	margin-bottom: 10px;
	padding-left: 10px;
	width: 390px;
	height: 50px;
}

.mPass input{
	color: black;
	padding-left: 10px;
	width: 370px;
	height: 48px;
}

.mPass input::placeholder{
	color: #a8a8a8;
}

.mRePass{
	text-align: left;
	border: 1px solid #f4f4f4;
	margin-bottom: 10px;
	padding-left: 10px;
	width: 390px;
	height: 50px;
}

.mRePass input{
	color: black;
	padding-left: 10px;
	width: 370px;
	height: 48px;
}

.mRePass input::placeholder{
  color: #a8a8a8;
}

.mEmail{
	text-align: left;
	border: 1px solid #f4f4f4;
	margin-bottom: 10px;
	padding-left: 10px;
	width: 390px;
	height: 50px;
}

.mEmail input{
	padding-left: 10px;
	width: 370px;
	height: 48px;
}

.mEmail input::placeholder{
	color: #a8a8a8;
}

.confrimBtn{
	background-color: #666666;
	line-height: 50px;
	font-size: 1.4em;
	color: white;
	width: 390px;
	height: 50px;
	cursor: pointer;
}

/* ------------ 회원가입 끝------------- */

/* -------------- 이용약관 시작 ----------------*/

#aggreeWrap_02{
	display: none;
	position: fixed;
	top: 0;
	background-color: rgba(0, 0, 0, .7);
	width: 100%;
	height: 100%;
	z-index: 9999;
	padding-left: 80px;
	padding-right: 20px;
	padding-top: 50px;
}

/* -------------- 이용약관 끝 ----------------*/

/* -------------- 개인정보처리 시작 ----------------*/

#aggreeWrap{
	display: none;
	position: fixed;
	top: 0;
	background-color: rgba(0, 0, 0, .7);
	width: 100%;
	height: 100%;
	z-index: 9999;
	padding-top: 50px;
}

.aggreeTitle{
	width: 100%;
	text-align: left;
	font-family: 'NanumSquareRound',sans-serif;
	font-size: 2rem;
	padding-bottom: 1rem;
	margin-bottom: 2rem;
	border-bottom: 1px solid #000000;
}

.aggreeCloseBtn{
	display: inline-block;
	float: right;
}

.aggreeBtn{
    display: inline-block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    border: 20px;
    border-radius: 30px;
    background-color: #333333;
    color: white;
    cursor: pointer;
}

.aggreeBtnLine{
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

#nAggreeBox{
	display: block;
    position: relative;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    top: 10px;
    max-width: 900px;
    padding: 30px;
    text-align: left;
    background-color: #ffffff;
    border-radius: 6px;
}

.mailLink{color: blue !important;}

.aggreeDetaile{
	overflow: hidden;
    overflow-y: scroll;
    width: 100%;
	height: 600px;
	padding-right: 2px;
}

.btnClosenAgree{
  float: right;
}

.nAggreeDetailText{
	font-family: 'NanumSquareRound',sans-serif;
  font-size: 1rem;
  font-weight: bolder;
  margin-bottom: 20px;
}

.nAggreeDetailSubText{
  /* display: inline-block; */
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: 'NanumSquareRound',sans-serif;
  font-size: 0.9rem;
  font-weight: normal;
  line-height: 160%;
}

.nAggreeDetailSubLastText{
  padding-left: 10px;
  margin-top: 6px;
  font-size: 0.8rem;
  font-weight: normal;
}

.aggreeDetaile::-webkit-scrollbar{width:4px}
.aggreeDetaile::-webkit-scrollbar-thumb{background-color: #95cf53;border-radius:10px;}

/* -------------- 개인정보처리 끝 ----------------*/


/* -------------- 피씨 로그인 슬라이드 시작 ----------------*/

.pcloginElement{
	display: block;
}

.loginElement{
	position: relative;
	height: 100%;
	background-color: white;
	border-left: 1px solid #ddd;
}

.loginIcon{
	position: absolute;
	top: 9px;
	right: 20px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #ffcc00;
	background-color: #f4f4f4;
}

.loginIcon:hover{
	background-color: #ffcc00;
}

.loginIcon img{

}

#pcloginSide{
	display: flex;
	position: absolute;
	width: 600px;
	height: 100vh;
	z-index: 9996;
	right: -600px;
	top: 0;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.75);
	flex-direction: column;
	transition:0.35s;
	-webkit-transition:0.35s;
	-moz-transition:0.35s;
}

#pcloginSide.left {
	position: fixed;
	width: 600px;
	right: 0;
	transition:0.35s;
	-webkit-transition:0.35s;
	-moz-transition:0.35s;
}

.nInquiryCloseBtn{
	position: absolute;
	top: 30px;
	right: 20px;
    z-index: 9999;
}

.nInquiryCloseBtn img{
	width: 20px;
}

.inputEmail,.inpuPassword{
	width: 100%;
}

.find_password_Line{
	text-align: right;
	width: 100%;
}

.f_password_btn{
	text-align: center;
	display: inline-block;
	font-size: 1rem;
	text-decoration: underline;
	color: #aaaaaa;
	cursor: pointer;
}

/* -------------- 피씨 로그인 슬라이드 끝 ----------------*/


/* ------------- 로그인 시작------------- */

#LoginForm{
  display: none;
  z-index: 9999 !important;
  position: fixed;
  text-align: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .75);
  padding-top: 150px;
  padding-left: 20px;
  padding-right: 20px;
}

.pLogin{
	margin: 0 auto;
  background-color: white;
  width: 100%;
  height: auto;
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 30px;
  padding-bottom: 50px;
}

.top{
  display:block;
  text-align: left;
  margin-bottom: 30px;
  width: 100%;
  left: 0;
}

.loginTitle{
	font-family: 'Varela Round', sans-serif;
	display: inline-block;
	font-size: 1.5em;
	font-weight: bold;
	color: #95cf53;
}

.loginTitle span{
	font-family: 'Varela Round', sans-serif;
	color: #aaaaaa;
}

.pX{
  display: inline-block;
  float: right;
  width: 29px;
  height: 29px;
  cursor: pointer;
}

.pX img{
	width: 26px;
}

.loginPageMainText{
	display: inline-block;
	text-align: center;
	font-family: 'NanumSquareRound',sans-serif;
	font-size: 2.4em;
	font-weight: bold;
}

.loginBoxs{
  display: inline-block;
	width: 100%;
  margin-top: 20px;
  margin-bottom: 10px;
}

.loginType{
	margin-bottom: 0px;
}

.inputEmail{
  border-bottom: 2px solid #ededed;
  margin-bottom: 20px;
  width: 100%;
  height: 50px;
  cursor: pointer;
}

.inputEmail input{
  padding-left: 10px;
  width: 100%;
  height: 50px;
}

.inputEmail input::placeholder{
  color: #a8a8a8;
}

.inpuPassword{
  border-bottom: 2px solid #ededed;
  margin-bottom: 20px;
  width: 100%;
  height: 50px;
  cursor: pointer;
}

.inpuPassword input{
	background-color: white;
	padding-left: 10px;
	width: 100%;
	height: 48px;
	font-family: 'NanumSquareRound',sans-serif;
}

.inpuPassword input::placeholder{
  color: #a8a8a8;
}

.logBtn{
  color: white;
  background-color: #333333;
  font-size: 1.1em;
  line-height: 50px;
  width: 100%;
  height: 50px;
  cursor: pointer;
  margin-top: 20px;
}

.loginVoid {
	text-align: center;
	width: 80px;
}

.idSave{
  line-height: 25px;
  height: 25px;
  font-size: 1rem;
  text-align: left;
}

.idSave a{
	color: black;
	cursor: pointer;
}

.idSave span{
	font-weight: bold;
	text-decoration: underline;
}

.idSave input{
  padding-left: 20px;
  margin-right: 10px;
  width: 25px;
  height: 25px;
  cursor: pointer;
}

.snsLog{
	width: 100%;
  position: relative;
}

.snsImg{
  position: absolute;
  margin-top: 12px;
  margin-left: 20px;
}

.checkImg{
	display: none;
	top: 16px;
  position: absolute;
  right: 12px;
  display: inline-block;
  width: 16px;
  height: 14px;
  border: 1px solid black;
}

.boxInSns{
	position: relative;
  border: 1px solid #f4f4f4;
  background-color: #f4f4f4;
  line-height: 46px;
  margin-bottom: 6px;
  width: 100%;
  height: 46px;
  cursor: pointer;
}

.boxInSns:hover{
	background-color: white;
    border: 1px solid black;
	transition: 0.3s;
}

.sText{
  font-size: 1em;
}

.memberBtn {
	text-align: center;
	display: inline-block;
	font-size: 1.1em;
	line-height: 50px;
	border: 1px solid #000000;
	width: 100%;
	height: 50px;
	cursor: pointer;
}

/* ------------- 로그인 끝------------- */

/* ------------- 비밀번호 찾기 시작------------- */

#pcFindPassWordSide{
	display: flex;
	position: absolute;
	width: 600px;
	height: 100vh;
	z-index: 9996;
	right: -600px;
	top: 0;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.75);
	flex-direction: column;
	transition:0.35s;
	-webkit-transition:0.35s;
	-moz-transition:0.35s;
}

#pcFindPassWordSide.left {
	position: fixed;
	width: 600px;
	right: 0;
	transition:0.35s;
	-webkit-transition:0.35s;
	-moz-transition:0.35s;
}

.find_Way_text{
    font-size: 1.2rem;
    color: #a8a8a8;
    line-height: 26px;
    margin-bottom: 30px;
}

.inputMarb{margin-bottom: 0px !important;}

.find_Way_redText{
	text-align: left;
    font-size: 1rem;
    color: #fa5a7f;
    line-height: 16px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.f_btn{
	color: white;
    background-color: #333333;
    font-size: 1.1em;
    line-height: 50px;
    width: 100%;
    height: 50px;
    cursor: pointer;
    margin-top: 20px;
}


/* ------------- 비밀번호 찾기 끝------------- */

/*------------- 풋터 시작 ----------------*/

#footer{
	font-family: 'NanumSquareRound',sans-serif;
	position: relative;
	bottom: 0;
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #333333;
}

.footBox{
	position: relative;
	max-width: 1300px;
  /* height: 244px; */
	margin: 0 auto;
}

.footElement{
	text-align: center;
	width: 100%;
	height: 50px;
}

.fBox{
	display: inline-block;
}

.footElement_01{
	display: inline-block;
	color: white;
	cursor: pointer;
}

.footElement_void{
	display: inline-block;
	margin-left: 30px;
	margin-right: 30px;
	color: white;
}

.footMenu{
	display: inline-block;
	text-align: left;
	width: 100%;
	color: #737373;
}

.uccLogoFootText{
	font-size: 1.4rem;
	font-weight: bold;
	color: white;
}

.uccLogoFootText span{
	font-size: 1.4rem;
	font-weight: bold;
	color: #95cf53;
}

.mobile_uccFootSubText{
	display: none;
}

.pc_uccFootSubText{
	display: block;
	font-size: 1rem;
	margin-top: 10px;
}

.underFooter{
	font-size: 0.9rem;
	color: #9ca0a1;
	margin-top: 20px;
}

.snsContent{
	position: absolute;
	right: 0;
	top:10px;
	text-align: center;
	display: inline-block;
}

.snsBox{
	display: flex;
}

.snsName{
  display: inline-block;
}

.snsName img{
  margin-right: 10px;
  width: 36px;
  cursor: pointer;
}

/* -------------- 풋터 끝 ----------------*/



/* -------------- 메뉴관리 시작 ----------------*/

.uccBox_add{padding-bottom: 60px; padding-top: 0px;}
.detail_add{margin-bottom: 30px;}

.myMenu_box{
	background-color: aliceblue;
	display: inline-block;
    position: relative;
    text-align: center;
	overflow: hidden;
    width: 100%;
    height: 42.32vh;
    border-radius: 40px;
	z-index: 6;
}
.myMenu_box .top_box{
height : 50%;
position: relative;
}
.myMenu_box .bot_box p{
    margin-bottom: 0.5rem;
}
.myMenu_box .top_box h1{
    margin-top: 3.5%;
}
.myMenu_box .top_box h2{
height: 50%;
    text-align: right;
    margin-right: 10%;
	    padding-top: 5%;
}
.myMenu_box .top_box h2 .dept, .myMenu_box .top_box h2 .mb_name{
font-size:24px;
}
.myMenu_box .bot_box{
text-align: right;
    margin-right: 10%;
}
.myMenu_box img{
    width: 20%;
    height: 18vh;
    border-radius: 40px;
	    position: absolute;
    margin-top: 10%;
    left: 15%;
}


.myMenu_btn {
    position: relative;
	bottom: 70px;
    display: inline-block;
    width: 95%;
    height: 52px;
    line-height: 52px;
    background-color: rgba(51, 51, 51, 1);
    color: white !important;
    font-family: 'NanumSquareRound',sans-serif;
    font-size: 1.6rem;
    opacity: 1;
    border-radius: 60px;
    cursor: pointer;
	padding-top: 9px;
    padding-left: 20px;
}

.myMenu_btn input{
	width: 97%;
}

.myMenu_info_text{
    font-size: 1rem;
	font-weight: bold;
    color: #ffffff;
    position: absolute;
	right: 120px;
	top: 0;
}

.myMenu_btn button{
	position: absolute;
    width: 50px;
    background: #333333;
    font-size: 1rem;
    height: 30px;
    right: 23px;
    top: 11px;
    line-height: 30px;
    border-radius: 4px;
}

.myMenu_Line{
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 60px;
	background-size: 100%;
	margin-top: 30px;
}

.menu_categoryBox {
    position: relative;
    width: 100%;
    max-width: 730px;
    margin: 0 auto;
    height: auto;
    border-radius: 40px;
    background-color: #ededed;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    padding-left: 20px;
    z-index: 9;
}
.laTxt{
    text-align: center;
    line-height: 1.7;
    margin-bottom: 0;
    width: 30%;
}
.m_Box {
    text-align: left;
    position: relative;
    width: 100%;
    height: auto;
    font-family: 'NanumSquareRound',sans-serif;
    font-size: 1.4rem;
    line-height: 110px;
    border-radius: 30px;
    background-color: white;
    padding-top: 17px;
	padding-left: 17px;
	padding-right: 120px;
	padding-bottom: 17px;
}

.add_m_Box_line{line-height: 0px !important;}

.mbox_go_box {
    text-align: center;
    position: absolute;
    top: 32px;
    right: 30px;
    line-height: initial;
    cursor: pointer;
}

.mbox_go {
    display: inline-block;
    text-align: center;
    width: 50px;
    height: 50px;
    background-color: #ededed;
    border-radius: 50%;
    padding-top: 0px;
}

.mbox_go input{
	width: 50px;
    height: 50px;
    background-color: #ededed;
    border-radius: 50%;
}

.m_Box_add_MarT{margin-top: 10px;}
.sBInput_mar{margin-bottom: 10px;}
.sgb_position{top: 40px !important;}
.s_g_add{padding-left: 0px !important; padding-top: 0px !important;}
.sBInput_Item{display: flex;}

.sbox_text_Mar{margin-top: 0px !important;}
.sBInput_Item input{font-size: 1rem !important;}
.sBInput_Item input::placeholder{font-size: 1rem !important;}
.sBInput_Item select{-webkit-appearance: menulist !important; width: 110px !important; height: 33px!important; font-size: 1rem !important; border:1px solid #ced4da !important; border-radius: .25rem!important; margin-right: 4px !important; padding-left: 4px !important;}

.row_add_css{
	display: flex;
	position: relative;
    text-align: center;
    width: 100%;
    max-width: 730px;
    margin: 0 auto;
}

.b_primary_add{ width: 50% !important; height: 44px !important; background-color: #333333 !important; border-color: #333333 !important; margin-right: 10px !important; border-radius: 12px !important;}
.b_primary_add_2{ width: 50% !important; height: 44px !important; background-color: #ededed !important; border-color: #ededed !important; margin-left: 10px !important; border-radius: 12px !important; color: black !important;} 


.form_add{background-color: none !important; border: none !important; color: white !important;}


/* -------------- 메뉴관리 끝 ----------------*/


/* -------------- 튜토리얼 시작 ----------------*/

.tutorial_Line{
    text-align: center;
    width: 100%;
    background-color: #eeeeee;
    padding-left: 20px;
    padding-right: 20px;
	padding-top: 30px;
    padding-bottom: 60px;
    margin-top: 50px;
}


.tutorial_box{
	display: flex;
	position: relative;
	max-width: 820px;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.tutorial_list{
	display: inline-block;
	position: relative;
	width: 50%;
	height: 390px;
	margin: 15px 15px;
	border-radius: 20px;
	background-color: #f6f6f6;
	overflow: hidden;
	box-shadow: 0px 0px 30px 5px #eeeeee;
}

.tutorial_img{
	width: 100%;
}

.tutorial_img img{
	width: 100%;
}

.tutorial_text{
	width: 100%;
	height: 100%;
	padding: 20px;
	font-size: 15px;
	text-align: left;
	background-color: #ffffff;
}

/* -------------- 튜토리얼 끝 ----------------*/