@charset "utf-8";
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);

/*===================== 공통 기본 =====================*/

body {background:#ffffff; font-family:'Noto Sans Korean','Malgun Gothic', serif; font-size:13px; color:#222;}
img {max-width:100%;}
h1, h2, h3, h4, h5, h6 {font-family: 'Noto Sans Korean','Malgun Gothic', serif;}
button {font-family: 'Noto Sans Korean','Malgun Gothic', serif;}
ol, ul, li {list-style:none;}

#hd_pop, #hd_wrapper, #tnb ul, #gnb .gnb_wrap, #container_wr, #ft_wr {width:1300px !important;}
#hd, #wrapper, #ft {min-width:1300px !important;}
#hd {border:0 !important;}
.container {width:1300px; margin:0 auto;}

@media (max-width: 1349px) {
	#hd_pop, #hd_wrapper, #tnb ul, #gnb .gnb_wrap, #container_wr, #ft_wr {width:100% !important;}
	#hd, #wrapper, #ft  {min-width:auto !important; width:100%;}
	.container {width:100%; padding:0% 2%;}
}


@media (max-width: 999px) {
	.hd_pops {width:60%; top:90px !important; left:20% !important;}
	.hd_pops_con {width:100% !important; height:auto !important;}
	.hd_pops img {width:100% !important;}
}

@media (max-width: 699px) {
	.hd_pops {width:80%; left:10% !important;}
}

/* 게시판 페이징 */
.pg_wrap {}
.pg_wrap:after {} 
.pg {}
.pg_page, .pg_current {}
.pg a:focus, .pg a:hover {}
.pg_page {border-radius:0; margin:0px 4px; background-color:#fff; color:#888888;}
.pg_page:hover{background-color:#fff; border:1px solid #e62129; color:#e62129;}
.pg_start {}
.pg_prev {}
.pg_end {}
.pg_next {}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover{}
.pg_current {background:#e62129; border-radius:0; border:1px solid #e62129; box-shadow:none; height: 30px; line-height: 28px; font-size:1.083em; font-weight:normal;}

/* 검색결과 색상 */
.sch_word {color:#333333 !important;}

/* 버튼 */
.btn_submit {background:#e62129 !important; }
.btn_cancel {font-weight:normal !important; }
a.btn, .btn {line-height:34px;}
a.btn_b01, .btn_b01 {border:1px solid #e5e5e5 !important; background:#f8f8f8 !important; color:#444; font-weight:normal;}
a.btn_b02, .btn_b02 {background:#e62129 !important; font-weight:normal;}
a.btn_admin, .btn_admin {background:#333 !important; font-weight:normal;}

/* 탑버튼 */
#top_btn {border:2px solid #c72a1d; background:#c72a1d; color:#fff; font-size:24px; line-height:20px !important; right:5px; bottom:5px;}
#top_btn:hover {border-color:#313131; background:#313131;}

span.br {display:block;}

/* ===================== 메뉴 영역 ===================== */

.header{width:100%; z-index:100; background:#fff; }

.header .s_top {height:40px; line-height:40px; background:#313131;}

.header .s_top .left {float:left; font-size:14px;}
.header .s_top .left li {background:url('../img/phone_icon.png') left 14px no-repeat;padding-left:24px;}
.header .s_top .left li a {color:#fff;}

.header .s_top .right {float:right; font-weight:300;  font-size:12px;}
.header .s_top .right dd {position:relative; display:inline-block;}
.header .s_top .right dd:first-child:before, .header .s_top .right dd:last-child:before {display:none;}
.header .s_top .right dd a {padding:0px 17px; color:#fff;}
.header .s_top .right dd:before {position:relative; top:2px; display:inline-block; width:1px; height:11px; background:#fff; content:'';}

.header .s_top .right dd .drop_family{float:right; position:relative; top:8px; }
.header .s_top .right dd .drop_family .btn_family{display:block;position:relative; padding:0 15px;width:130px;height:25px;line-height:25px;font-size:12px;color:#fff;border:1px solid #fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;z-index:10; text-transform: uppercase;}
.header .s_top .right dd .drop_family .btn_family:after {display:none;}
.header .s_top .right dd .drop_family .icon{display:block;position:absolute;right:14px;top:40%;margin-top:0px;width:8px;height:7px;background:url("../img/family_site_arrow.png") no-repeat;z-index:5}
.header .s_top .right dd .drop_family .drop_list{display:none;position:absolute;left:0;top:25px;right:0;padding:6px 0;background:#333;z-index:30}
.header .s_top .right dd .drop_family .drop_list a{display:block;padding:0 15px;line-height:24px;font-size:12px;color:#999;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.header .s_top .right dd .drop_family .drop_list a:hover{color:#fff;text-decoration:underline}
.header .s_top .right dd .drop_family.active .icon{background:url("../img/family_site_arrow_on.png") no-repeat}

.header .logo_wrap {display:block; overflow:hidden; width:100%; text-align:center; padding:40px 0 28px;}
.header .logo_wrap h1{float:left;} 
.header .logo_wrap h1 a{display:block}
.header .logo_wrap .top_quick {float:right;}
.header .logo_wrap .top_quick li {float:left; margin:0 21px;}
.header .logo_wrap .top_quick li:last-child {margin-right:0;}
.header .logo_wrap .top_quick li.contact_us {background:url('../img/contact_us_icon.png') left no-repeat;}
.header .logo_wrap .top_quick li.reservation {background:url('../img/reservation_icon.png') left no-repeat;}
.header .logo_wrap .top_quick li.qna {background:url('../img/qna_icon.png') left no-repeat;}
.header .logo_wrap .top_quick li a {font-size:18px; letter-spacing:-0.03em; padding-left:26px;}

	@media (max-width: 999px) {
		.header {height:auto; padding:0; border-bottom:0;}

		.header .s_top .right dd a {padding:0 10px;}
		.header .s_top .right dd .drop_family {display:none;}

		.header .logo_wrap {padding:15px 0;}
		.header .logo_wrap h1 {position:relative;}
		.header .logo_wrap h1 img {width:auto; height:20px;}
		.header .logo_wrap .top_quick {display:none;}
	}

.lnb{width:100%; background:#f8f8f8; height:49px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.lnb a{}
.lnb .close{display:none}
.lnb .container {height: 100%;}
.lnb ul{position:relative;z-index:10;display: flex;flex-wrap: nowrap;justify-content:space-between;/*overflow-y: hidden;*/width: 100%; height: 100%;/*overflow-x: auto;*/}
.lnb ul li{position:relative;/* float:left; */margin:0px 27.8px; height: 100%;}		
/*20201012_기존주석처리.lnb ul li > a{position:relative; z-index:2; display:block; width:130px; font-size:16px; padding:0; text-align:center;}*/
.lnb ul li > a{position:relative; z-index:2; display:flex; align-items: center; justify-content: center; height: 100%; font-size:16px; padding:0; text-align:center; line-height: 1.2;}
.lnb ul li:hover > a {background:#c72a1d; color:#fff;}
.lnb ul li:hover dl{display:block;}
/*20201012_기존주석처리.lnb dl{display:none;position:absolute;top:26px; left:-20px; width:170px;padding:37px 25px 28px;background:#fff;}*/
.lnb dl{display:none;position:absolute;top:26px; left:-28px; width:170px;padding:37px 25px 28px;background:#fff;}
.lnb dl dd > a{display:block;line-height:35px;font-size:14px;color:#666; text-align:left; padding:0 10px; border-bottom:1px solid #e5e5e5;}
.lnb dl dd > a:hover {color:#c72a1d; border-bottom:1px solid #c72a1d;}

.m_lnb {display:none;}
	@media (max-width: 1349px) {
		.lnb ul {text-align:center;}
		.lnb ul::-webkit-scrollbar {height:0;}
		.lnb ul li {float:none; display:inline-block; margin:0% 1%; width:10.2%;}
		.lnb ul li > a {width:100%;}
		.lnb dl {width:120%; left:-10%;}
	}

	@media (max-width: 1099px) {
		.lnb {}
		.lnb ul li {}
		.lnb dl {width:140%; left:-20%;}
		.lnb dl dd > a {padding:0; font-size:110%;}
	}

	@media (max-width: 999px) {
		.lnb {display:none;}
		.m_lnb {display:block;}

		/* 모바일 카테고리 왼쪽메뉴 */
		.nav_open{ position:absolute; top:48px; right:10px; display:block ; width:35px; height:35px; line-height:35px; text-align: center; font-size:18px; color:#fff; background:#c72a1d; border-radius:50%;}

		.sch{top:40px; right:15px;}

		#mask {position: absolute; z-index:1000; top:0; left:0; background:#000; display:none;}
		.nav_close {border: 0; position: absolute; top:11px; right:6px; z-index:1001; background:#c72a1d; border-radius:50%; color:#fff; font-size: 20px; width: 30px; height: 30px; line-height: 28px; text-align: center; font-weight: 200;}

		#navtoggle { display:block; position:fixed; z-index:1000; top:0; right:0; background:#fff; width:0; display:none; max-width:500px; height:100% !important;} /* width:46.87%  display:none*/
		#navtoggle ul li {padding:0 0; clear:both; width:100%;}

		#navtoggle #left_menu{width:100%; position:relative; /*height:100%;*/ text-align:left; top:0; z-index:1000; /* 20211013 최은빈 - 스크롤 보이도록 */ height:inherit;overflow-y:scroll; }
		#navtoggle img{ height:45px; vertical-align:middle}
		#navtoggle .close{top:0px; right:0;}
		#navtoggle .close img{height:33px; position:absolute; top:15px; right:0px;}

		#navtoggle .title{color:#c72a1d; line-height:40px; font-size:1.35em; padding:5px 2%; border-bottom:1px solid #e6e6e6; font-weight:bold; letter-spacing:-1px}
		#navtoggle .title img{height:23px;}

		/*1차메뉴*/
		#navtoggle li.mgnb_1dli a.mgnb_1da{position:relative; background:#FFFFFF; display:block; border-bottom:1px solid #e6e6e6; font-size:18px; line-height:3em;color: #000; cursor:pointer; padding:0px; text-align:center;}
		/*#navtoggle li.mgnb_1dli a.mgnb_1da:after {position:absolute; top:0px;  right:15px; font-size:18px; display:inline-block; content:'\f107';  font-family:'FontAwesome', serif !important;}*/
		#navtoggle li.mgnb_1dli a.on {color:#c72a1d;}
		/*#navtoggle li.mgnb_1dli a.on:after {content:'\f106';}	*/		  
		/*2차메뉴*/
		#navtoggle ul.mgnb_2dul{ display:none; background:#f1f1f1; padding: 10px 5px;}
		#navtoggle ul.mgnb_2dul .mgnb_2dli {padding: 7px 15px; text-align:center; font-size: 16px; color: #333; line-height: 24px; }
		#navtoggle ul.mgnb_2dul .mgnb_2dli a {display:block; overflow:hidden;}
		#navtoggle li.mgnb_2dli a.mgnb_2da{background:rgba(138, 136, 136, 0.5); display:block; border-bottom:1px dotted #d7d7d7; font-size:1em; line-height:2.5em; text-indent:10%;}
		#navtoggle li.mgnb_2dli a.mgnb_2da:hover{color:#555}

		#gnb_right{ display:none;}

		.mtop_quick {display:block; overflow:hidden; margin-top:-1px;}
		.mtop_quick dd {float:left; width:33.3%; text-align:center; border:1px solid #d7d7d7; margin-left:-1px;}
		.mtop_quick dd:first-child {margin-left:1px;}
		.mtop_quick dd a {font-size:120%; padding:45px 0 20px 0; display:block;}
		.mtop_quick dd.contact_us {background:url('../img/contact_us_icon.png') center 20px no-repeat;}
		.mtop_quick dd.reservation {background:url('../img/reservation_icon.png') center 20px no-repeat;}
		.mtop_quick dd.qna {background:url('../img/qna_icon.png') center 15px no-repeat;}

	}


/* ===================== 하단 정보 ===================== */

#footer {background:#272727; padding:78px 0;}

#footer .copy_cscenter {border:1px solid #a0a0a0; float:right;display:inline-block; font-size:14px; color:#fff; text-align:right; line-height:24px; text-transform: uppercase; padding:19px 12px 19px 23px;}
#footer .copy_cscenter span {}
#footer .copy_cscenter h6 {background: url(../img/phone_icon.png) left center no-repeat; font-size:24px; padding-left:20px;}
#footer .copy_cscenter h6 a {color:inherit;}
#footer .copy_cscenter p {color:#999999}

#footer .copy_logo {margin-bottom:20px;}

#footer .copy_info {}
#footer .copy_info .link {display:block; overflow:hidden; margin-bottom:18px;}
#footer .copy_info .link li {display:inline-block;}
#footer .copy_info .link li:before {position:relative; display:inline-block; width:1px; height:13px; background:#9d9d9d; top:2px; content:''; margin:0 13px;}
#footer .copy_info .link li:first-child:before {display:none;}
#footer .copy_info .link li a {color:#9d9d9d; font-size:13px;}

#footer .copy_info .info {font-size:12px; color:#6c6c6c;}
#footer .copy_info .info span {}

	@media (max-width: 1349px) {
	}

	@media (max-width: 1099px) {
	}

	@media (max-width: 999px) {
		#footer {padding:40px 0;}
		#footer .container {text-align:center;}
		#footer .copy_cscenter {float:none; text-align:left; margin-bottom:30px; padding:2% 6%;}
		#footer .copy_cscenter p {padding:0 20px;}
	}

	@media (max-width: 699px) {
		#footer .copy_cscenter {padding:2% 10%;}
		#footer .copy_info .link li {width:30%;}
		#footer .copy_info .link li:nth-child(4), #footer .copy_info .link li:nth-child(5) {width:38%;}
		#footer .copy_info .link li:before {margin:0px !important;}
		#footer .copy_info .link li a {display:inline-block; width:99%;}
		#footer .copy_info .link li:nth-child(4):before {display:none;}
	}


/* 20211005 - 최은빈 수정 */
.lnb ul li {margin:0px 23px;}
.lnb ul li > a {width:104px;}
.lnb ul li.menu_passman > a {width:135px;}
.lnb dl {padding:37px 10px 28px;}
.lnb li.menu_passman dl {left:-17px;}


/* 20211013 - 최은빈 */
/* 배우모델프로필 리스트 남여 버튼 */
#bo_cate #bo_cate_ul {margin-bottom:20px;}
#bo_cate .bo_cate_gender li {margin-left:-4px;}
@media (max-width: 699px) {
	#bo_gall #bo_cate .bo_cate_gender > li {width:50% !important;margin:0;}
}


/* 배우모델프로필 글쓰기폼 라디오 버튼 */
#bo_w input[type='radio'],input[type='radio']:checked {appearance: none;width: 0.9rem;height: 0.9rem;border-radius: 100%;margin-right: 0.1rem;}
#bo_w input[type='radio'] {background-color:#fff;border: 2px solid #ddd; }
#bo_w input[type='radio']:checked {background-color:#e62129;}