@charset "utf-8"; 
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&family=Outfit:wght@100..900&display=swap');
/*
.noto-sans-kr-<uniquifier> { 
	font-family: "Noto Sans KR", sans-serif; 
	font-optical-sizing: auto; 
	font-weight: <weight>; 
	font-style: normal; 
 } 

.outfit-<uniquifier> {
	font-family: "Outfit", sans-serif;  font-family: "Outfit", "Noto Sans KR", sans-serif;
	font-optical-sizing: auto;
	font-weight: <weight>;
	font-style: normal;
}
*/

* { margin:0; padding:0; border:0; } 
html { font-size:10px; } /* 1rem = 10px */
body { font-family: "Noto Sans KR", sans-serif; color:#696969; } 

img { margin:0; border:0; padding:0px; border-collapse:collapse; } 
input, select { vertical-align:middle; } 
input[type=radio] { margin-top:-3px; cursor:pointer; } 
label { margin-left:5px; margin-right:20px; cursor:pointer; } 
select { height:23px; } 
li, dd { list-style: none; } 


/* @@공통 FONT 설정 ****************************************/
a:link { color: #696969; text-decoration:none; } 
a:visited { color: #696969; text-decoration:none; } 
a:active { color: #696969; text-decoration:none; } 
a:hover { color: #f23900; text-decoration:none; } 

.box { border:1px solid #d1d1d1; } 

.cmt_ta { font-size:9pt; color:#555555; background:#FFFFFF; border:1px solid #DDDDDD; padding:4px; 
 scrollbar-track-color:#FFFFFF; scrollbar-face-color:#FFFFFF; 
 scrollbar-3dlight-color:#FFFFFF; scrollbar-highlight-color:#FFFFFF; 
 scrollbar-shadow-color:#FFFFFF; scrollbar-darkshadow-color:#FFFFFF; 
 scrollbar-arrow-color:#DDDDDD; } 

/* Border Line버튼 게시판 */
.border0 { border-style:solid; border-width:1px; border-color:#ececec; } 
.border1 { padding:2px 0 2px 5px; border-style:solid; border-width:1px; border-color:#d3d3d3; } 
.border_no { padding:2px 0 2px 5px; border-style:none; } 

.btn_basic_100 { display:inline-block; width:100px; text-align:center; vertical-align:middle; line-height:20px;  font-size:12px; color:#00bbd7; text-decoration:none; border:1px solid #ccc; background-color:#FFF; } 
.btn_basic_80 { display:inline-block; width:80px; text-align:center; vertical-align:middle; line-height:20px;  font-size:12px; color:#00bbd7; text-decoration:none; border:1px solid #ccc; background-color:#FFF; } 
.btn_basic_60 { display:inline-block; width:60px; text-align:center; vertical-align:middle; line-height:20px;  font-size:12px; color:#00bbd7; text-decoration:none; border:1px solid #ccc; background-color:#FFF; } 
.btn_basic_40 { display:inline-block; width:40px; text-align:center; vertical-align:middle; line-height:20px;  font-size:12px; color:#00bbd7; text-decoration:none; border:1px solid #ccc; background-color:#FFF; } 

/* BTN */
.btn_area { display:block; margin:0 auto; width:100%; max-width:1300px; } 
.btn_login { background: rgb(128, 133, 145) none repeat scroll 0 0; border: medium none currentcolor; color: rgb(255, 255, 255); font-size: 15px; font-weight: bold; height: 35px; margin: auto; margin-top:15px; text-align: center; width:100%; cursor:pointer; border-radius:3px; } 
.btn_login_sns { display:block; background: rgb(255, 255, 255) none repeat scroll 0 0; border: medium none currentcolor; color: rgb(105, 105, 105); font-size: 18px; font-weight: bold; height:30px; padding-top:7px; margin: auto; margin-top:15px; text-align: center; width:100%; cursor:pointer; border-radius:3px; border-style:solid; border-width:1px; border-color:#e0e0e0; } 
.btn_login_sns .sm { width:20px; height:20px; vertical-align:middle; margin-right:5px; } 
.btn_more { display:inline-block; background:#453932; border:medium none currentcolor; color:rgb(255, 255, 255);  font-size: 15px; font-weight:bold; width:100%; height: 35px; line-height:35px; margin:auto; text-align:center; cursor:pointer; border-radius:3px; margin-bottom:10px; } 
.btn_more a { width:100%; color:#FFF; } 
.btn_form_area { margin:30px auto; width:200px; height:50px; } 
.btn_form_area a { display:block; height:50px; padding: 10px 0 0 0; border-radius: 25px; background-color: #000; box-sizing: border-box; text-align:center; color:#fff; font-size: 18px; text-decoration: none; } 
.btn_form_area span { display:block; height:50px; padding: 10px 0 0 0; border-radius: 25px; background-color: #000; box-sizing: border-box; text-align:center; color:#fff; font-size: 18px; text-decoration: none; } 

.btn_order1 { display:inline-block; color:#fff; width:120px; height: 35px; background-color: #7F7F7F; font-size:16px; margin-top:15px; text-align: center; cursor:pointer; border-radius:3px; padding-top:3px; box-sizing: border-box; } 
.btn_order2 { display:inline-block; color:#fff; width:120px; height: 35px; background-color: #FD5701; font-size:16px; margin-top:15px; text-align: center; cursor:pointer; border-radius:3px; padding-top:3px; box-sizing: border-box; } 
.btn_order3 { display:inline-block; color:#fff; width:120px; height: 35px; background-color: #FB0004; font-size:16px; margin-top:15px; text-align: center; cursor:pointer; border-radius:3px; padding-top:3px; box-sizing: border-box; } 
.btn_ls { height:27px; text-align: center; padding-top:5px; display:inline-block; width:50%; box-sizing: border-box; color:#FFF; } 
.line7 { border-bottom:2px solid #e6e7e9; } 

.img_box { border-style:solid; border-color:#e2e2e2; border-width:1px; } 
.line_h23px { line-height:23px; } 
.line_h25px { line-height:25px; } 
.line_h35px { line-height:35px; } 
.txt_align_l { text-align:left; } 
.txt_align_r { text-align:right; } 
.txt_align_c { text-align:center; } 



/* @@ 공용_레이아웃 ****************************************/
nav { position:fixed; display:block; left:0px; top:135px; z-index:10; width:100%; height:40px; border-bottom:1px solid #999; } 
section { margin:0; margin-top:164px; padding:0; } 
article { margin:0; padding:0; } 
article ~ article { margin-top:100px; } 
aside { margin:0; padding:0; border:0; border-image:none; } 
footer { margin:0; padding:0; border:0; border-image:none; background-color:#1c1c1c; } 


/* TOP PC BLOG MENU St */
.new-menu-area { width:100%; height:50px; background-color:#FFF; font-size:12px; font-weight:500; } 
.new-menu-area .new-menu-box { margin:5px auto; max-width:900px; display:flex; justify-content:center; } 
.new-menu-area .new-menu-box li { display:inline-block; width: 20%; height:40px; text-align: center; line-height: 35px; margin:0px; padding:0px; } 
.new-menu-area .new-menu-box li a { font-size:18px; font-weight: 700; text-decoration:none; color:#111; } 

/* TOP MOBILE MENU */
#leftmenuAreaBG { position:fixed; top:0; left:0; z-index:19; display:none; width:100%; height:100%; background: rgba(0, 0, 0, 0.8); overflow: auto; } 
#leftmenuArea { position:fixed; top:0; left:-250px; z-index:20; display:none; width:250px; height:100%; background-color:#fff; overflow: auto; } 
#leftmenuBox { position:relative; overflow:auto; overflow-x:hidden; height:100%; } 
.m_menu_member { display: block; width: 250px; font-family: "Outfit", "Noto Sans KR", sans-serif; font-size: 1.6rem; font-weight:700; text-align: center; border-bottom: 1px solid #d1d1d1; padding: 40px 0 40px 0;  } 
.m_menu_member .btn { display:inline-block; width:100px; max-height:34px; margin:3px; box-sizing:border-box; border-radius:5px; color:rgb(255, 255, 255); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; font-weight:bold; } 
.m_menu_search { display:block; width:250px; height:50px; margin:10px 10px 0 10px; } 
.m_menu_search .input_keyword { display:inline-block; width:150px; height:37px; box-sizing:border-box; vertical-align:top; border:5px solid #21d2cf; font-size:14px; } 
#menubox li { width:100%; height:40px; vertical-align:middle; list-style:none; display:inline-table; } 
#menubox .cate_a { float:left; height:40px; padding:10px 0 0 15px; box-sizing: border-box; font-size:14px; font-weight: 400; color:#fff; } 
#menubox .go_main { float:right; padding-right:10px; } 
#menubox_ls { float:left; width:100%; /*padding:15px 0 15px 0; */ font-weight:bold; background: rgb(256, 256, 256); } 
#menubox_ls li { padding:10px 0 0 30px; box-sizing: border-box; } 
#menubox_ls li a { cursor:pointer; text-decoration: none; font-size:14px; font-weight:400; } 
.menu { border-bottom:1px solid #323232; background: #000000; } 
.menu a { cursor:pointer; text-decoration: none; } 
.menu .hide { display:none; } 
#menubox_ls2 { float:left; width:100%; height:40px; box-sizing: border-box; padding:15px 0 15px 0; font-weight:bold; } 
#menubox_ls2 li { clear:both; padding-left:15px; } 


/* MOUSE Scroll Down */
.mouse_area { margin:30px auto; /*background-color:#4400ff; */ text-align:center; width:40px; height:60px; } 
.mouse_down { position: relative; width: 30px; height: 50px; border-radius: 20px; background: transparent; border: 4px solid #9a9a9a; overflow:hidden; } 
.mouse_down:before { content: ""; position: absolute; width: 6px; height: 6px; border-radius: 50%; background: #9a9a9a; left: 50%; top: 10px; transform: translate(-50%, 0); animation: animate 1s linear infinite; } 
.mouse_down:after { content: ""; position: absolute; width: 6px; height: 15px; background: #9a9a9a; left: 50%; top: 5px; transform: translate(-50%, 0); border-radius: 3px; } 
.mouse_txt { display:block; text-align:center; width:100%; height:30px; margin-top:-20px; } 

@keyframes animate { 
	0% { transform: translate(-50%, 20px); } 
	80% { transform: translate(-50%, 50px); } 
	100% { transform: translate(-50%, 60px); } 
} 


/* @@ MIDDLE ********************************/
.content_body { display:block; } 
.content_body_50 .yy_mm { font-size:16px; font-weight:bold; } 
.content_body_50 .border_serch { width:120px; height:20px; border:1px solid #d1d1d1; font-size:12px; font-weight:bold; } 

.content_body h2 { width:100%; margin-bottom:20px; padding:3px 0 0 3px; font-size:14px; font-weight:900; } 
.content_body .title { display:block; width:100%; margin-bottom:20px; padding:3px 0 0 20px; font-size:14px; font-weight:bold; } 
.content_bodyul { margin:0; padding:0; } 
.content_body dl { width:100%; margin:3px 0 40px 0px; } 
.content_body dt { width:100%; padding:3px 0 3px 10px; font-weight:bold; vertical-align:middle; } 
.content_body dd { margin:0px; padding:3px 0 3px 10px; } 



.prd_tit { margin:40px auto; margin-bottom:0px; width:98%; height:29px; background-image:url("../images/common/prd_tit_bg.jpg"); text-align: center; } 
.prd_tit_div { margin:0 auto; max-width:150px; padding:0 20px 0 20px; font-size:14px; font-weight:500; color:#000; background-color:#FFF; } 
.prd_tit_div2 { margin:0 auto; max-width:200px; padding:0 20px 0 20px; font-size:14px; font-weight:500; color:#000; background-color:#FFF; } 
.prd_more { margin:0 auto; width:98%; text-align:right; } 
.prd_more a { font-size:12px; font-weight:400; color:#000; text-decoration: none; } 
.bg_gray3 { background-color: #FFFFFF; border-style:solid; border-color:#d7d7d7; border-width:1px; } 

/* sub1_de */
.slider { position: relative; width: 100%; height: 550px; overflow: hidden; }
.slider .jquery-reslider .slider-block { width: 100%; height: 550px; position: absolute; z-index: 5; background-position: 50% 50%; background-size: cover; opacity: 0; }
.slider .jquery-reslider .slider-direction { width: 60px; height: 60px; position: absolute; top:45%; z-index: 5; cursor: pointer; }	
.slider .jquery-reslider .slider-direction.slider-direction-prev {	left: 20px;	background: url('/assets/images/prev2.png') no-repeat;	}
.slider .jquery-reslider .slider-direction.slider-direction-next {	right: 20px;	background: url('/assets/images/next2.png') no-repeat	}
.slider .jquery-reslider .slider-dots { position: absolute; width: 100%; text-align: center; bottom:30px;	}
.slider .jquery-reslider .slider-dots { position: absolute; }
.slider .jquery-reslider .slider-dots li { width: 15px; height: 15px; border-radius: 100px; display: inline-block; margin: 10px; background-color: #ffffff; cursor: pointer; }
.slider .jquery-reslider .slider-dots li.active { background-color:#000; }
.slider .jquery-reslider .txt_area	{ margin:350px auto 0px; width:90%; text-align:center; } 
.slider .jquery-reslider .txt_area h2	{	font-size:30px; font-weight:800; color:rgb(255, 255, 255);  	line-height:35px; }
.slider .jquery-reslider .txt_area span	{	font-size:20px; font-weight:800; color:rgb(255, 255, 255);  line-height:23px; }

.sub_dt_ls { display:inline-table; width:100%; margin:10px 0 30px 0; text-align:center; font-size:14px;; font-style:italic; } 
.sub_dt_ls span { padding:5px; } 
.sub_dt_ls.sb_title { font-weight:bold; } 
.sub_dt_ls.sb_txt { letter-spacing:-1px; } 
.sub_dt_ls.sb_title a { text-decoration:none; } 
.grid2 { margin:0 auto; padding:30px 0 30px 0; display:block; max-width:1440px; } 
.quick_menu { position:fixed; right:20px; z-index:101; /*top: calc(50%-40px); */ bottom:20px; } 
.quick_menu span { float:left; font-size:17px; } 
.quick_menu div.quick_call { padding: 12px 0px 23px 15px; box-sizing:border-box; } 
.quick_menu div.quick_call img { margin-top: 4px; } 
.quick_menu div.quick_katalk { padding: 12px 0px 23px 15px; box-sizing:border-box; } 
.quick_menu div.quick_katalk img { margin-top: 4px; } 
.quick_menu div.quick_top { padding: 12px 0px 23px 15px; box-sizing:border-box; } 
.quick_menu div.quick_top img { margin-top: 4px; } 
.quick_menu div { margin-bottom:13px; width:60px; height:60px; border-radius:30px; text-align:center; cursor:pointer; box-sizing:border-box; } 
.quick_menu img { width:30px; } 
.quick_call { background: #76be43; } 
.quick_katalk { background: #ffe80e; } 
.quick_top { 
 background: #4400ff; /* Old browsers */
 background: -moz-linear-gradient(left, #4400ff 0%, #ff670f 66%); /* FF3.6-15 */
 background: -webkit-linear-gradient(left, #4400ff 0%,#ff670f 66%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to right, #4400ff 0%,#ff670f 66%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4400ff', endColorstr='#ff670f',GradientType=1 ); /* IE6-9 */ } 

.img_area { margin:0 auto; width:90%; max-width:730px; text-align:center; } 
.img_area img { width:100%; max-width:730px; margin:30px 0 30px 0; } 

.screen_area { clear:both !important; position: relative; width:100%; max-width:730px; padding-bottom: 56.25%; background-color:#4385f5; } 
.screen_area iframe { position: absolute; top:0; left:0; width:100%; height:100%; background-color:#4385f5; } 
.MovCon_Area2 { width:100%; margin:26px 0 50px 0; display:block; vertical-align:top; } 


/* @@ MODAL_ALERT ****************************************/
.alert_modal { position: absolute; left:50%; top:50%; transform:translate(-50%, -50%); display:block; width:50%; max-width:400px; height:auto; padding:20px 10px 20px 10px; background-color:#fff; overflow: auto; border-radius:7px; z-index:30; } 
.alert_modal dt { width:100%; height:25px; border-style:solid; border-width:0 0 2px 0; border-color:#eaeaec; margin-bottom:5px; } 
.alert_modal dd { width:98%; height:30px; margin:5px 0 5px 0; padding:1%; vertical-align:middle; line-height:18px; } 
.alert_modal dd.btn { width:98%; height:30px; padding:1%; text-align:center; vertical-align:middle; } 
.alert_modaldd .input_box { width:98%; height:25px; padding:2px 0 2px 5px; /*margin:5px 0 5px 0; */ } 
.alert_modal dd .input_label { position:absolute; height:30px; line-height:30px; padding-left:8px; overflow:hidden; white-space:nowrap; } 

.alert_modal_400 { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); display:block; width:50%; max-width:400px; height:auto; padding:20px 10px 20px 10px; background-color:#fff; overflow: auto; border-radius:7px; z-index:30; } 
.alert_modal_400 p { display:table-cell; width:100%; padding:5px 0 5px 0; text-align:center; vertical-align:middle; line-height:24px; } 
.alert_modal_400 span { display:table-cell; width:100%; height:25px; text-align:center; vertical-align:middle; line-height:24px; } 
.alert_ls { width:80%; height:100px; margin:0 0 0 10px; padding:2px 0 2px 5px; border-style:solid; border-width:1px; border-color:#d3d3d3; line-height:30px; overflow-y:scroll; } 
.modal_title {  font-weight:bold; font-size:14px; } 

.alert_modal_600 { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); display:block; width:50%; max-width:600px; height:auto; max-height:580px; padding:20px 10px 20px 10px; background-color:#fff; overflow: auto; border-radius:7px; z-index:30; } 
#alert_modal_600_ls { width:100%; height:auto; max-height:580px; overflow-y:scroll; } 
#alert_modal_700_ls { width:100%; height:auto; max-height:580px; overflow-y:scroll; } 

.alert_titlt { font-size:12px; font-weight:500; } 
.alert_modal_bg	{ position:fixed; top:0; right:0; bottom:0; left: 0; display:block; background: rgba(0, 0, 0, 0.8); z-index:20; -webkit-transition:opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in;} 
.modal_btn { display:inline-block; padding:3px; min-width:60px; font-size:12px; font-weight:400; text-align:center; cursor:pointer; border-radius:1px; border:1px solid #cccccc; background-color:#FFF; } 

/* MODAL_MAP */
#wrap_map { width:900px; height:600px; } 
#map_panel { float:left; width:890px; height:50px; padding:5px; } 
#map_canvas { display:block; width:95%; height:530px; margin:0px; padding:5px; } 

#form_ch1 { width:96%; padding:2%;; margin:0px; border:0px; } 
#form_ch1 fieldset { width:100%; padding:0px; margin:0px; border:0px; } 
#form_ch1 p { width:100%; text-align:center; vertical-align:middle; } 
#form_ch1 dl { width:100%; padding:0px; margin:0px; } 
#form_ch1 dl dt { width:100%; height:25px; border-style:solid; border-width:0 0 2px 0; border-color:#eaeaec; margin-bottom:5px; } 
#form_ch1 dl dd { width:98%; height:30px; margin:5px 0 5px 0; padding:1%; vertical-align:middle; } 
#form_ch1 dl dd.btn { width:98%; height:30px; padding:1%; text-align:center; vertical-align:middle; } 
#form_ch1dl dd .input_box { width:98%; height:25px; padding:2px 0 2px 5px; /*margin:5px 0 5px 0; */ } 
#form_ch1 dl dd .input_label { position:absolute; height:30px; line-height:30px; padding-left:8px; overflow:hidden; white-space:nowrap; } 

#form_ch2 { width:96%; padding:2%;; margin:0px; border:0px; } 
#form_ch2 fieldset { width:100%; padding:0px; margin:0px; border:0px; } 
#form_ch2 p { width:100%; text-align:center; vertical-align:middle; } 
#form_ch2 dl { width:100%; padding:0px; margin:0px; } 
#form_ch2 dl dt { width:100%; height:25px; border-style:solid; border-width:0 0 2px 0; border-color:#eaeaec; margin-bottom:5px; } 
#form_ch2 dl dd { width:98%; height:30px; padding:1%; margin:0px; text-align:center; vertical-align:middle; } 
#form_ch2 dl dd.btn { width:98%; height:30px; padding:1%; text-align:center; vertical-align:middle; } 
#form_ch2 fieldset label { position:absolute; height:30px; line-height:30px; padding-left:8px; overflow:hidden; white-space:nowrap; } 
#form_ch2fieldset input { width:98%; height:25px; padding:2px 0 2px 5px; margin:5px 0 5px 0; } 

#email_check, #name2_check { display:none; } 
.input_annotation { position:relative; top:10px; left:10px; margin-bottom:10px; width:90%; display:block; border:1px solid #CE9E7B; background-color:#FEEBBA; font-size:12px; padding:3px; vertical-align:top; text-align:left; } 

/* @@TABLE 설정 ***************************************/
.basic_table { clear:both; border-collapse:collapse; } 
.basic_table .tdHover { cursor:pointer; } 
.basic_table thead th.title_le { clear:both; height:35px; text-align:center; vertical-align:middle; font-size:14px; font-weight:bold; border-style:solid; border-width:1px; border-color:#e9e9e9; background-color:#f3f3f3; } 
.basic_table thead th.title_le2 { height:35px; text-align:left; vertical-align:middle; font-size:14px; font-weight:bold; border-style:solid; border-width:1px 1px 1px 1px; border-color:#e9e9e9; background-color:#f3f3f3; padding-left:10px; } 
.basic_table thead th.title_ri { height:35px; text-align:center; vertical-align:middle; font-size:14px; font-weight:bold; border-style:solid; border-width:1px 1px 1px 0; border-color:#e9e9e9; background-color:#f3f3f3; } 
.basic_table tbody th.title_le_w_t { padding:3px 0 3px 10px; height:30px; text-align:center; font-size:14px; border-style:solid; border-width:1px 1px 1px 0; border-color:#e9e9e9; background-color:#f3f3f3; } 
.basic_table tbody th.title_le_w_t2 { padding:3px 0 3px 10px; height:30px; text-align:center; font-size:14px; border-style:solid; border-width:1px; border-color:#e9e9e9; background-color:#f3f3f3; } 
.basic_table tbody td.title_ri_w_t { padding:3px 0 3px 10px; height:30px; font-size:11px; line-height:14px; border-style:solid; border-width:1px 0 1px 0; border-color:#e9e9e9; } 
.basic_table tbody th.title_le_w { padding:3px 0 3px 10px; height:30px; text-align:center; font-size:14px; border-style:solid; border-width:0 1px 1px 0; border-color:#e9e9e9; background-color:#f3f3f3; } 
.basic_table tbody td.title_ri_w { padding:3px 0 3px 10px; height:30px; font-size:11px; line-height:20px; border-style:solid; border-width:0 0 1px 0; border-color:#e9e9e9; } 
.basic_table tbody td.title_ri_w2 { padding:3px 0 3px 10px; height:30px; font-size:11px; line-height:20px; } 
.basic_table tbody td.title_ri_w3 { padding:3px 0 3px 10px; height:30px; font-size:11px; line-height:20px; text-align:center; border-style:solid; border-width:1px; border-color:#e9e9e9; } 
.basic_table tbody td.img_area { padding:20px 0 20px 0; text-align:center; } 
.basic_table tbody td.txt_area { width:98%; padding:1%; line-height:23px; font-size:12px; } 
.basic_table tbody span.annotation { color:#A00000; font-size:11px; } 
.basic_table tbody td.ls { height:40px; padding:3px 0 3px 0; font-size:14px; text-align:center; border-style:solid; border-color:#e9e9e9; border-width:0 0 1px 0; } 
.basic_table tbody td.ls_le { height:40px; padding:3px 0 3px 3px; font-size:14px; text-align:left; border-style:solid; border-color:#e9e9e9; border-width:0 0 1px 0; } 
.basic_table tbody td.ls_secret { height:40px; text-align:center; color:#FFFFFF; border-style:solid; border-color:#e9e9e9; border-width:0 0 1px 0; } 
.basic_table tbody td.ls_line { height:1px; padding:0px; background:url("../../images/board/dot_line.gif"); } 

.brd_ls_txt { padding:40px 0 40px 20px; box-sizing:border-box;  border-style:solid; border-width:0 0 1px 0; border-color:#ececec; line-height:30px; font-size:14px; } 
.brd_ls_txt img { max-width:900px; } 

.basic_table tbody td.bottom_ri { height:50px; border-top-style:solid; border-top-width:2px; border-top-color:#e9e9e9; text-align:right; } 
.basic_table tbody td.bottom_ce { height:50px; border-top-style:solid; border-top-width:2px; border-top-color:#e9e9e9; text-align:center; } 

#form_write_btn { width:100%; height:30px; text-align:right; margin-top:20px; } 
#form_write_btn a { display:inline-block; width:100px; height:23px; font-size:13px; background-color:#333; text-align:center; vertical-align:middle; padding-top:3px; font-weight:bold; color:#FFFFFF; } 
#form_write_btn_c { width:100%; height:30px; text-align:center; margin-top:20px; } 
#form_write_btn_c .btn { clear:both; display:inline-block; width:100px; height:30px; background-color:#333; padding-top:7px; font-size:13px; text-align:center; font-weight:bold; color:#FFFFFF; } 

/* VIEW_TABLE */
.basic_table_view { width:100%; border-collapse:collapse; border-style:solid; border-width:1px 0 0 0; border-color:#ececec; } 
.basic_table_view thead th.title_le { height:30px; text-align:center; vertical-align:middle; font-size:12px; font-weight:bold; border-style:solid; border-width:1px 1px 1px 1px; border-color:#ececec; background-color:#f3f3f3; } 
.basic_table_view thead th.title_ri { height:30px; text-align:center; vertical-align:middle; font-size:12px; font-weight:bold; border-style:solid; border-width:1px 1px 1px 0; border-color:#ececec; background-color:#f3f3f3; } 
.basic_table_view tbody th.title_le_w { padding:3px 0 3px 10px; height:30px; text-align:center; font-size:12px; border-style:solid; border-width:0 1px 1px 0; border-color:#ececec; background-color:#f3f3f3; } 
.basic_table_view tbody td.title_ri_w { padding:3px 0 3px 10px; height:30px; font-size:11px; line-height:20px; border-style:solid; border-width:0 0 1px 0; border-color:#ececec; } 
.basic_table_view tbody td.img_area { padding:20px 0 20px 0; text-align:center; } 
.basic_table_view tbody td.txt_area { padding:20px 0 20px 30px; line-height:20px; } 
.basic_table_view tbody span.annotation { color:#A00000; font-size:11px; } 
.basic_table_view tbody td.ls { height:30px; text-align:center; border-style:solid; border-color:#ececec; border-width:0 0 1px 0; } 
.basic_table_view tbody td.ls_le { height:30px; text-align:left; font-size:11px; border-style:solid; border-color:#ececec; border-width:0 0 1px 0; } 
.basic_table_view tbody td.ls_secret { height:30px; text-align:center; color:#FFFFFF; border-style:solid; border-color:#ececec; border-width:0 0 1px 0; } 
.basic_table_view tbody td.ls_line { height:1px; padding:0px; background:url(../../images/board/dot_line.gif); } 
.basic_table_view tbody td.bottom_ri { height:30px; border-top-style:solid; border-top-width:2px; border-top-color:#ececec; text-align:right; } 
.basic_table_view tbody td.bottom_ce { height:30px; border-top-style:solid; border-top-width:2px; border-top-color:#ececec; text-align:center; } 
.basic_table_view tbody tr:hover td, .basic_table tbody tr.active td { color:#666; background-color:#f3f3f3; } 
.basic_table_view tbody tr:hover td a, .basic_table tbody tr.active td a { color:#666 !important; } 


/* @@ POST ********************************************************/
/*
.post_ls { display:block; margin:30px auto; width:98% !important; max-width:1300px; padding:15px; box-sizing:border-box;  } 
.post_ls h2 { width:100%; margin-bottom:20px; padding:3px 0 0 3px; font-size:24px; font-weight:900; } 
.post_ls .title { display:block; width:100%; margin-bottom:20px; padding:3px 0 0 20px; font-size:14px; font-weight:bold; } 
.post_lsul { margin:0; padding:0; } 
.post_ls dl { width:100%; margin:3px 0 40px 0px; } 
.post_ls dt { width:100%; padding:3px 0 3px 10px; font-weight:bold; vertical-align:middle; } 
.post_ls dd { margin:0px; padding:3px 0 3px 10px; } 
*/

.post { display:block; margin:0 auto; margin-bottom:30px; width:95% !important; max-width:1300px; padding:15px; background:#ffffff; box-sizing: border-box; border:solid 1px rgba(160, 160, 160, 0.3); } 
.post .tit { width:100%; display:inline-block; } 
.post .tit h2 { display:block; line-height:23px; min-height:30px; font-size:14pt; font-weight:bold; padding:3px 0 3px 0; border-bottom:solid 2px rgba(160,160,160,0.3); } 
/*.post .no { display:inline-block; padding-right:10px; border-right:solid 2px rgba(160,160,160,0.3); color:rgba(160,160,160,0.8); } */
.post .date { position:relative; top:-50px; float:right; padding-left:10px; border-left:solid 2px rgba(160,160,160,0.3); color:rgba(160,160,160,0.8); text-align:right; font-size:10pt; } 
.post .btn_post_view { display:none; float:right; padding-left:10px; text-align:right; } 
.post .btn_post_hidden { display:inline-block; float:right; padding-left:10px; text-align:right; } 
.post .screen_area { display:block; margin:3% auto; width:80%; text-align:center; } 
.post .screen_area iframe { max-width:710px; max-height:350px; } 
.post .img { display:block; margin-top:20px; text-align:center; } 
.post .img img { width:100%; max-width:500px; margin:5px; } 
.post .txt { display:block; font-size:11pt; line-height:25px; margin-top:20px; /*background-color:#4400ff; /* These are technically the same, but use both */
overflow-wrap: break-word; 
word-wrap: break-word; 
-ms-word-break: break-all; 
/* This is the dangerous one in WebKit, as it breaks things wherever */
word-break: break-all; 
/* Instead use this non-standard one: */
word-break: break-word; 
/* Adds a hyphen where the word breaks, if supported (No Blink) */
-ms-hyphens: auto; 
-moz-hyphens: auto; 
-webkit-hyphens: auto; 
hyphens: auto; } 
.post .txt a { font-size:11pt; line-height:25px; text-decoration:underline; color:#28A8A8; } 
.post .txt img { width:100%; max-width:730px; margin:5px; } 
.post .break_word { /* These are technically the same, but use both */
overflow-wrap: break-word; 
word-wrap: break-word; 

-ms-word-break: break-all; 
/* This is the dangerous one in WebKit, as it breaks things wherever */
word-break: break-all; 
/* Instead use this non-standard one: */
word-break: break-word; 

/* Adds a hyphen where the word breaks, if supported (No Blink) */
-ms-hyphens: auto; 
-moz-hyphens: auto; 
-webkit-hyphens: auto; 
hyphens: auto; 
} 
.post .sumimg_ls_add { display:block; width:100%; text-align:right; margin-top:15px; } 
.post_btn_area { display:block; margin:0 auto; width:95% !important; max-width:1300px; } 

.banner_google_area { display:block; margin:0 auto; margin-top:20px; width:90% !important; max-width:1000px; text-align:center; overflow:auto; } 
.sns_area { display:block; margin:0 auto; margin-top:20px; width:100% !important; max-width:1300px; box-sizing:border-box; border:solid 1px rgba(160, 160, 160, 0.3); text-align:center; } 

/* VIEW 이미지 리스트 */
#sumimg_ls { display:block; width:100%; padding:20px 0 20px 0; text-align:center; } 
#sumimg_ls_btn { width:100%; text-align:right; } 
#sumimg_ls_box1 { float:left; margin:20px 7px 0 7px; width:130px; height:130px; border-style:solid; border-width:1px; border-color:#cdcdcd; background-color:#FFF; } 
#sumimg_ls_box1 p { width:118px; height:71px; margin:6px; } 
#sumimg_ls_box1 ul { width:118px; margin:0 6px 0 0px; } 
#sumimg_ls_box1 .ls { width:118px; height:38px; line-height:17px; } 

.sumimg_ls_area { margin:0 auto; max-width:1752px; } 
#sumimg_ls_box2 { display:block; width:100%; text-align:center; margin-bottom:20px; } 
#sumimg_ls_box2 img { margin:0 auto; padding:10px; max-width:730px; } 
#sumimg_ls_box2 dl { margin:0 auto; padding-bottom:50px; max-width:730px; } 
#sumimg_ls_box2 dl dt { width:100%; text-align:center; font-size:14px; } 
#sumimg_ls_box2 dl dd { width:100%; text-align:center; font-size:12px; line-height:23px; } 


/* @@ 페이지셋 ****************************************/
.page_set { display:inline-block; width:20px; height:20px; text-align:center; vertical-align:middle; line-height:20px;  font-size:11px; color:#cccccc; text-decoration:none; border:1px solid #ccc; background-color:#e8e8e8; } 
.page_set_link { display:inline-block; width:20px; height:20px; text-align:center; vertical-align:middle; line-height:20px;  font-size:11px; color:#00bbd7; text-decoration:none; border:1px solid #ccc; background-color:#FFF; } 

.border_ltr_on { width:100px; padding:2px 10px; border-top:2px solid #47B717; border-left:2px solid #47B717; border-right:2px solid #47B717; border-bottom:2px solid #ffffff; font-size:12px; font-weight:bold; } 
.border_ltr_off { width:100px; padding:2px 10px; border-top:2px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc; background-color:#F7F7F7; font-size:12px; color:#999999; } 
.border_content { padding:5px; margin: 2px 0; border-top:2px solid #47B717; border-left:2px solid #cccccc; border-right:2px solid #cccccc; border-bottom:2px solid #cccccc; font-size:12px; } 

.sub_ltr_on { width:100px; padding:1px 10px; border-top:1px solid #47B717; border-left:1px solid #47B717; border-right:1px solid #47B717; border-bottom:1px solid #ffffff; font-size:12px; font-weight:bold; background-color:#FFFFFF; } 
.sub_ltr_off { width:100px; padding:1px 10px; border-top:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc; font-size:12px; color:#999999; background-color:#FFFFFF; } 
.sub_content { padding:5px; margin: 1px 0; border-top:1px solid #47B717; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; background-color:#FFFFFF; } 
.sub_content2 { padding:5px; margin: 5px 0; border:1px solid #eeeeee; } 

#photo_area{ top : 0px; float:left; width: 100%; border:0px solid red;  } 
#photo_area_sub { float:left; width: 100px; padding:5px; border:0px solid red;  } 



/* @@ 반응형 St ******************************/
@media only screen and (min-width:721px){
  header { position:fixed; left:0px; top:0px; z-index:10; width:100%; height:135px; background-color:#FFF; overflow:hidden; } 
	header .top_body { width:100%; height:135px; overflow:hidden; display:flex; justify-content:center; align-items:center; } 
	header .top_body h1 { font-family: "Outfit", "Noto Sans KR", sans-serif; font-size:2.9rem;   } 
	header .top_body h1 ._fir { font-weight:600; color:#434242; }
	header .top_body h1 ._sec { font-weight:600; color:#000; }
	.siteMapBtn { position:fixed; top:40px; right:20px; z-index:50; } 
	.siteMapBtn button { display: block; cursor: pointer; padding:7px; transform: translate3d(0, 0, 0); transition: transform .4s; background-color:#000; border-radius:2rem; }
	.siteMapBtn button._close { display:none; }  
	nav { position:fixed; display:block; left:0px; top:135px; z-index:10; width:100%; height:40px;  } 
	section { display:block; width:100%; margin:0; margin-top:164px; padding:0; } 
	.new-menu-area .new-menu-box li { display:inline-block; width: 20%; height:40px; text-align: center; line-height: 35px; margin:0px; padding:0px; } 
    
  /*Main*/
	.main_tit_area { display:block; margin-top:50px; width:100%; text-align:center; font-family: "Outfit", "Noto Sans KR", sans-serif; font-size:5rem; font-weight:800; color:#000; letter-spacing:-1px; } 
	.main_subtit_area { display:block; margin-top:0px; width:100%; text-align:center; font-size:1.4rem; font-weight:400; color:#000; vertical-align:text-top; } 
	.sub1_txt1 { margin:50px auto 0px; width: 100%; max-width: 663px; padding: 10px; box-sizing: border-box; border: 10px; font-size: 2.3rem; font-weight: 700; letter-spacing: -1px; line-height: 40px; color: #000; } 
	.sub1_txt2 { margin: 0px auto; width: 100%; max-width: 663px; padding: 10px; box-sizing: border-box; border: 10px; font-size: 2rem; line-height: 3rem; letter-spacing: -1px; color: #000; } 

	/* sub1_de */
	.slider { position: relative; width: 100%; height: 550px; overflow: hidden; }
	.slider .jquery-reslider .slider-block { width: 100%; height: 550px; position: absolute; z-index: 5; background-position: 50% 50%; background-size: cover; opacity: 0; }
	.slider .jquery-reslider .slider-direction { width: 60px; height: 60px; position: absolute; top:45%; z-index: 5; cursor: pointer; }	
	.slider .jquery-reslider .slider-direction.slider-direction-prev {	left: 20px;	background: url('/assets/images/prev2.png') no-repeat;	}
	.slider .jquery-reslider .slider-direction.slider-direction-next {	right: 20px;	background: url('/assets/images/next2.png') no-repeat	}
	.slider .jquery-reslider .slider-dots { display:block; position: absolute; width: 100%; text-align: center; bottom:30px;	}
	.slider .jquery-reslider .slider-dots { position: absolute; }
	.slider .jquery-reslider .slider-dots li { width: 15px; height: 15px; border-radius: 100px; display: inline-block; margin: 10px; background-color: #ffffff; cursor: pointer; }
	.slider .jquery-reslider .slider-dots li.active { background-color:#000; }
	.slider .jquery-reslider .txt_area	{ margin:350px auto 0px; width:90%; text-align:center; } 
	.slider .jquery-reslider .txt_area h2	{	font-size:30px; font-weight:800; color:rgb(255, 255, 255);  	line-height:35px; }
	.slider .jquery-reslider .txt_area span	{	font-size:20px; font-weight:800; color:rgb(255, 255, 255);  line-height:23px; }
	.slide_txt_area { position: absolute; top:730; z-index:500; width:100%; margin-top:230px; text-align:center; } 
	.slide_txt_area h2 { font-size:24px; font-weight:800; color:rgb(0, 0, 0);  line-height:35px; } 
	.slide_txt_area span { font-size:12px; font-weight:800; color:rgb(0, 0, 0);  line-height:23px; letter-spacing:-1px; } 
	.slide_txt_area a { text-decoration:none; } 

	.grid_area { padding:0 4rem 0 4rem; box-sizing:border-box; }
	.grid { margin:0 auto; width:100%; display:flex; flex-wrap: wrap; padding:30px 0 30px 0; /* background-color:#4400ff; */ } 
	.gallery_ls_box1 { width:215px; display:inline-block; margin:0px 8px 80px 8px; vertical-align:top; } 
	.gallery_ls_box1 p { width:215px; margin:0px; } 
	.gallery_ls_box1 p img { width:215px; } 
	.gallery_ls_box1 a,li { margin:0; padding:0; color:#000; } 
	.gallery_ls_box1 .title { width:215px; padding:10px 5px 5px 5px; box-sizing:border-box; text-align:center; font-size:1.5rem; } 
	.gallery_ls_box1 .ls { display:none; width:215px; padding:3px 5px 3px 5px; line-height:17px; text-align:center; } 

	.bg_gray1 { margin:30px auto; display:block;  width:80%; max-width:1200px; height:450px; /* background:#ececec; */ border-width:1px 0px 1px 0px; border-style:solid; border-color:#ddd; background:url('../images/common/bg_map.jpg') 50% 50% no-repeat; }

	.info_head { width:98%; margin:2% 1% 0 1%; } 
	.info_head::after { content: ""; clear: both; } 
	.info_head table { width:100%; border-collapse:collapse; } 
	.info_head tr:nth-of-type(odd) { background:#ffffff; } 
	.info_head th { background:#ffffff; font-weight:bold; } 
	.info_head td { border:1px solid #ccc; text-align:left; padding:10px; } 
	.info_head h3 { color:#000000; font-size:16px; line-height:23px; padding: 0 15px 0 15px; } 
	.info_head p { color:#000000; font-size:11px;  line-height:20px; padding: 15px 15px 0 15px; } 
	.info_head .txt { width:100%; color:#434242; font-size:11px;  line-height:20px; padding: 0 15px 15px 15px; } 
	.info_head2 { display:none; } 
	.hidden_971 { display:none !important; }

	.mobile_area	{ float:left; width:100%; height:373px; background-image:url("images/quick_moon2_bg.jpg"); background-repeat:repeat-x; }	
	.mobile_area .mobile_box1 { margin:0 auto; width:90%; text-align:center; max-width:743px;  }
	.mobile_area .mobile_box1 img { width:90%;  max-width:743px;  }
	.mobile_area .mobile_box2 { margin:0 auto; width:90%; max-width:804px; }
	.mobile_right	{ float:left; width:50%; text-align:right; }
	.mobile_left { float:left; 	width:50%; text-align:left;	}
	.mobile_right img { width:100%; max-width:402px; }
	.mobile_left img { width:100%; max-width:402px; }	

	/* PROFILE */
	.art_profile_area { padding-top:100px;  }
	.profile_box { margin:50px auto; width:100%; height:350px; margin-bottom:30px; display:inline-block; }
	.profile_box .profile_img { display:inline-block; width:47%; padding-right:3%;	height:350px; box-sizing:border-box; text-align:right; }
	.profile_box .profile_img img {	width:245px; height:245px; text-align:center; border-radius:50%;  }
	.profile_box .profile_ls	{	display:inline-block; width:47%; box-sizing:border-box; text-align:left; vertical-align:top; padding:30px 0 0 30px; }
	.profile_box .profile_ls h3 { font-size:2.5rem; color:#333; padding:0 0 10px 15px; }
	.profile_box .profile_ls ul li	{ display:flex; gap:1rem; align-items:top; font-size:17px;	margin:0; padding:0; font-weight:normal; color:#575757; line-height:30px;}
	.profile_box .profile_ls ul li ._ftxt { flex-grow:0; flex-basis: 10rem;  }
	.profile_box .profile_ls ul li ._stxt { flex-grow:1; }
	.profile_box .profile_ls span { width:100px; padding-left:8px; color:#999; display:inline-block;}
	.profile_box .profile_slogan { margin:0 auto; padding:20px 0 20px 0; width:80%; text-align: center; color: rgb(0, 0, 0);  font-size:17px; font-weight:600; line-height:30px; border-style:solid; border-width:1px 0 1px 0; border-color:#d4d4d4; }

	/* Filmography */
	.history_box	{ width:90%; padding-left:5%; padding-right:5%; padding-top:50px; }	
	.history_ls_left	{ display:inline-block; width:46%; padding:0 2%; vertical-align:top; }
	.history_ls_left_box	{ margin:0 auto; width:100%; max-width:600px; }
	.history_ls_left h2	{	display:block; height:30px;  font-size:20px; color:#333; border-style:solid; border-width:0 0 2px 0; border-color:#dcdcdc; box-sizing:border-box; }
	.history_ls_left ul {	display:block; margin-top:10px;}
	.history_ls_left ul li	{	margin:0; padding:3px 0 3px 0; font-size:14px;	font-weight:normal; color:#575757;  padding: 5px 0 5px 0px;}
	.history_ls_left .dd {	display:inline-block; width:25%; min-width:100px; vertical-align:top; padding: 3px 0 3px 8px; color:#999; line-height: 23px;}	
	.history_ls_left .txt {	display:inline-block; vertical-align: top; padding: 3px 0 3px 0;    line-height: 23px; }						
	.history_ls_left .ls_more {	margin-top: 10px; width:100%;	border-radius:10px;	text-align:center; padding:10px 0 10px 0; font-size:16px;	cursor:pointer; background-color:#1c1c1c; color:#fff; 	}

	.gall_ls_area { display:none; margin:50px auto; width:100%; max-width:1500px; text-align:center; }
	.gall_ls_box {	display:inline-block; width:165px; margin:0 5px 5px 5px; vertical-align:top;	}
	.gall_ls_box img { width:100%;	}
	.gall_ls_box span {	display:block; padding:5px 0 5px 0; width:100%;  font-size:15px; color:#626262; text-align:center; font-weight:bold; }

	.post_ls { margin:30px auto 0px; width:98% !important; max-width:1300px; padding:15px 15px 0 15px; box-sizing:border-box;  } 
	.post_ls ~ .post_ls { margin:0px auto 30px; width:98% !important; max-width:1300px; padding:15px; box-sizing:border-box;   }
	.post_ls:last-child { margin-bottom:80px; } 
	.post_ls .etc_area { display:flex; justify-content:right; gap:10px; } 
	.post_ls .etc_area .pageset_area{ display:flex; gap:2px; } 

	/*@@ FOOTER **/
	.footer_area { margin:0 auto; width:100%; max-width:1080px; padding:50px 0 50px 0; } 
	.footer_area .footer_infor { margin:0 auto; text-align:center; } 
	.footer_area .footer_infor li { display:inline-block; height:30px; padding:0 10px 0 10px; color:#fff;  font-size:12px; } 
	.footer_area .footer_add { margin:0 auto; text-align:center; } 
	.footer_area .footer_add ul li { display: inline-block; padding: 3px 10px 3px 10px; color: #fff; font-size: 1.4rem; box-sizing: border-box; line-height: 25px; } 
	.footer_area .footer_copy { margin:0 auto; text-align:center; } 
	.footer_area .footer_copy ul li { display:inline-block; padding:3px 10px 3px 10px; color:#fff; font-size:12px; box-sizing:border-box; line-height:25px; } 
}

@media only screen and (max-width:720px){		
	.hidden_769 { display:none !important; } 
	header { position:fixed; left:0px; top:0px; z-index:10; width:100%; height:120px; background-color:#FFF; overflow:hidden; } 
	header .top_body { width:100%; height:120px; overflow:hidden; display:flex; justify-content:center; align-items:center; }
	header .top_body h1 { font-family: "Outfit", "Noto Sans KR", sans-serif; font-size:2.9rem;   } 
	header .top_body h1 ._fir { font-weight:600; color:#434242; }
	header .top_body h1 ._sec { font-weight:600; color:#000; } 
	nav { position:fixed; display:block; left:0px; top:115px; z-index:10; width:100%; height:40px; } 
	.siteMapBtn { position:fixed; top:40px; right:20px; z-index:50; } 
	.siteMapBtn button { display: block; cursor: pointer; padding:7px; transform: translate3d(0, 0, 0); transition: transform .4s; background-color:#000; border-radius:2rem; }
	.siteMapBtn button._close { display:none; }  
	section { display:block; width:100%; margin:0; margin-top:166px; padding:0; } 
	.new-menu-area .new-menu-box li { display:inline-block; width: 20%; height:40px; text-align: center; line-height: 35px; margin:0px; padding:0px; } 

	/*Main*/
	.main_tit_area { display:block; margin-top:50px; width:100%; text-align:center; font-family: "Outfit", "Noto Sans KR", sans-serif; font-size:6vw; font-weight:800; color:#000; letter-spacing:-1px; } 
	.main_subtit_area { display:block; margin-top:0px; width:100%; text-align:center; font-size:1.4rem; font-weight:400; color:#000; } 
	.sub1_txt1 { margin:50px auto 0px; width: 100%; padding:2rem 4rem 0 4rem; box-sizing:border-box; border: 10px; font-size: 2.3rem; font-weight: 700; letter-spacing: -1px; line-height: 40px; color: #000; } 
	.sub1_txt2 { margin: 0px auto; width: 100%; padding:3rem 4rem 0 4rem; box-sizing:border-box; border: 10px; font-size: 2rem; line-height: 3rem; letter-spacing: -1px; color: #000; } 

	/* sub1_de */
	.slider { position: relative; width: 100%; height:350px; overflow: hidden; }
	.slider .jquery-reslider .slider-block { width: 100%; height: 350px; position: absolute; z-index: 5; background-position: 50% 50%; background-size: cover; opacity: 0; }
	.slider .jquery-reslider .slider-direction { width: 60px; height: 60px; position: absolute; top:40%; z-index: 5; cursor: pointer; }	
	.slider .jquery-reslider .slider-direction.slider-direction-prev {	left: 20px;	background: url('/assets/images/prev2.png') no-repeat;	}
	.slider .jquery-reslider .slider-direction.slider-direction-next {	right: 20px;	background: url('/assets/images/next2.png') no-repeat	}
	.slider .jquery-reslider .slider-dots { display:none; position: absolute; width: 100%; text-align: center; bottom:30px;	}
	.slider .jquery-reslider .slider-dots { position: absolute; }
	.slider .jquery-reslider .slider-dots li { width: 15px; height: 15px; border-radius: 100px; display: inline-block; margin: 10px; background-color: #ffffff; cursor: pointer; }
	.slider .jquery-reslider .slider-dots li.active { background-color:#000; }
	.slider .jquery-reslider .txt_area	{ margin:350px auto 0px; width:90%; text-align:center; } 
	.slider .jquery-reslider .txt_area h2	{	font-size:30px; font-weight:800; color:rgb(255, 255, 255);  	line-height:35px; }
	.slider .jquery-reslider .txt_area span	{	font-size:20px; font-weight:800; color:rgb(255, 255, 255);  line-height:23px; }
	.slide_txt_area { position: absolute; top:730; z-index:500; width:100%; margin-top:230px; text-align:center; } 
	.slide_txt_area h2 { font-size:24px; font-weight:800; color:rgb(0, 0, 0);  line-height:35px; } 
	.slide_txt_area span { font-size:12px; font-weight:800; color:rgb(0, 0, 0);  line-height:23px; letter-spacing:-1px; } 
	.slide_txt_area a { text-decoration:none; } 

	.grid { margin:0 auto; padding:3rem 0rem 3rem 0rem; box-sizing:border-box; } 
	.grid3 { margin:30px auto; vertical-align:top;} 
	.gallery_ls_box1 { width:215px; display:inline-block; margin:0px 8px 80px 8px; vertical-align:top; } 
	.gallery_ls_box1 p { width:215px; margin:0px; } 
	.gallery_ls_box1 p img { width:215px; } 
	.gallery_ls_box1 a,li { margin:0; padding:0; color:#000; } 
	.gallery_ls_box1 .title { width:215px; padding:10px 5px 5px 5px; box-sizing:border-box; text-align:center; font-size:1.5rem; } 
	.gallery_ls_box1 .ls { display:none; width:215px; padding:3px 5px 3px 5px; line-height:17px; text-align:center; } 

	.mobile_area { float:left; width:100%; padding:0 0 20px 0; background-image:url(images/quick_moon2_bg.jpg); background-repeat:repeat-x;  }	
	.mobile_area .mobile_box1 { margin:0 auto; width:95%; text-align:center; max-width:743px; padding-top:40px; box-sizing:border-box;   }
	.mobile_area .mobile_box1 img  { width:90%;  max-width:743px;  }
	.mobile_area .mobile_box2 { width:100%;  }
	.mobile_right	{ display:inline-block; width:100%; text-align:center; }
	.mobile_left { display:inline-block; width:100%; text-align:center;	}
	.mobile_right img	{ width:90%; max-width:402px; }
	.mobile_left img { width:90%; max-width:402px; }	

	/* PROFILE */
	.art_profile_area { padding-top:40px;  }
	.profile_box	{	margin:30px auto; width:100%; margin-bottom:30px; display:block;}
	.profile_box .profile_img	{	margin:0 auto; width:100%; text-align:center;	margin-bottom:30px; }
	.profile_box .profile_img img	{	width:245px; 	height:245px; text-align:center; border-radius:50%;}
	.profile_box .profile_ls	{	margin:0 auto; width:90%;  }
	.profile_box .profile_ls h3	{	width:100%; text-align:center;  font-size:2.5rem; color:#333; margin-bottom:10px; padding:0px;}
	.profile_box .profile_ls ul	{	margin:0 auto; width:95%; max-width:320px;		}
	.profile_box .profile_ls ul li { display:flex; gap:1rem; align-items:top; font-size:1.7rem;	margin:0; padding:0; font-weight:normal; color:#575757; line-height:30px;}
	.profile_box .profile_ls ul li ._ftxt { flex-grow:0; flex-basis: 10rem;  }
	.profile_box .profile_ls ul li ._stxt { flex-grow:1; }
	.profile_ls span {	width:80px; padding-left:8px; color:#999; display:inline-block; text-align:left; }
	.profile_slogan	{	margin:0 auto; padding:20px 0 20px 0; width:80%; text-align: center; color: rgb(0, 0, 0);  font-size:17px; font-weight:600; line-height:30px; border-style:solid; border-width:1px 0 1px 0; border-color:#d4d4d4;		}

	.bg_gray1 { margin:30px auto; display:block;  width:100%; max-width:1200px; height:450px; /* background:#ececec; */ border-width:1px 0px 1px 0px; border-style:solid; border-color:#ddd; background:url('../images/common/bg_map.jpg') 50% 50% no-repeat; }

	/* Filmography */
	.history_box { margin:0 auto; width:100%; margin-top:50px; }	
	.history_ls_left	{ margin:auto 0; width:80%; padding:0 0 10% 10%; }
	.history_ls_left_box { margin:0 auto; width:100%; max-width:800px; }
	.history_ls_left h2	{	display:block; height:30px;  font-size:20px; color:#333; border-style:solid; border-width:0 0 2px 0; border-color:#dcdcdc; box-sizing:border-box; }
	.history_ls_left ul {	display:block; margin-top:10px;}
	.history_ls_left ul li	{	width:100%;  font-size:14px;	margin:0; padding:0; font-weight:normal; color:#575757; padding: 5px 0 5px 0px;}
	.history_ls_left .dd {	display:inline-block; width:25%;	max-width:100px; vertical-align:top; padding: 3px 0 3px 8px; color:#999; }	
	.history_ls_left .txt {	display:inline-block; vertical-align: top;    padding: 3px 0 3px 0;    line-height: 23px;	 }
	.history_ls_left .ls_more {	margin-top: 10px;	width:100%; border-radius:10px;	text-align:center; padding:10px 0 10px 0; font-size:16px;	cursor:pointer; background-color:#1c1c1c; color:#fff; }

	.gall_ls_area { display:none; margin:50px auto; width:100%; max-width:1500px; text-align:center; }
	.gall_ls_box {	display:inline-block; width:165px; margin:0 5px 5px 5px; vertical-align:top;	}
	.gall_ls_box img { width:100%;	}
	.gall_ls_box span {	display:block; padding:5px 0 5px 0; width:100%;  font-size:15px; color:#626262; text-align:center; font-weight:bold; }

	.post_ls { margin:30px auto 0px; width:98% !important; max-width:1300px; padding:15px 15px 0 15px; box-sizing:border-box;  } 
	.post_ls ~ .post_ls { margin:0px auto 30px; width:98% !important; max-width:1300px; padding:15px; box-sizing:border-box;   }
	.post_ls:last-child { margin-bottom:80px; } 
	.post_ls .etc_area { display:flex; justify-content:right; gap:10px; } 
	.post_ls .etc_area .pageset_area{ display:flex; gap:2px; } 

	/*@@ FOOTER **/
	.footer_area { margin:0 auto; width:100%; max-width:1080px; padding:50px 0 50px 0; } 
	.footer_area .footer_infor { margin:0 auto; text-align:center; } 
	.footer_area .footer_infor li { display:inline-block; height:30px; padding:0 10px 0 10px; color:#fff;  font-size:12px; } 
	.footer_area .footer_add { margin:0 auto; text-align:center; } 
	.footer_area .footer_add ul li { display: inline-block; padding: 3px 10px 3px 10px; color: #fff; font-size: 1.4rem; box-sizing: border-box; line-height: 25px; } 
	.footer_area .footer_copy { margin:0 auto; text-align:center; } 
	.footer_area .footer_copy ul li { display:inline-block; padding:3px 10px 3px 10px; color:#fff; font-size:12px; box-sizing:border-box; line-height:25px; }
}

@media only screen and (max-width:460px){		
	.hidden_769 { display:none !important; } 
	header { position:fixed; left:0px; top:0px; z-index:10; width:100%; height:70px; background-color:#FFF; overflow:hidden; } 
	header .top_body { width:100%; height:70px; overflow:hidden; display:flex; justify-content:center; align-items:center; }
	header .top_body h1 { font-family: "Outfit", "Noto Sans KR", sans-serif; font-size:2.3rem;   } 
	header .top_body h1 ._fir { font-weight:600; color:#434242; }
	header .top_body h1 ._sec { font-weight:600; color:#000; } 
	.siteMapBtn { position:fixed; top:15px; right:20px; z-index:50; } 
	.siteMapBtn button { display: block; cursor: pointer; padding:7px; transform: translate3d(0, 0, 0); transition: transform .4s; background-color:#000; border-radius:2rem; }
	.siteMapBtn button._close { display:none; }  
	nav { position:fixed; display:block; left:0px; top:70px; z-index:10; width:100%; height:40px; } 
	section { display:block; width:100%; margin:0; margin-top:121px; padding:0; } 
	.new-menu-area .new-menu-box li { display:inline-block; width: 25%; height:40px; text-align: center; line-height: 35px; margin:0px; padding:0px; } 

	/*Main*/
	.main_tit_area { display:block; margin-top:50px; width:100%; text-align:center; font-family: "Outfit", "Noto Sans KR", sans-serif; font-size:9vw; font-weight:800; color:#000; letter-spacing:-1px; } 
	.main_subtit_area { display:block; margin-top:0px; width:100%; text-align:center; font-size:1.4rem; font-weight:400; color:#000; } 
	.sub1_txt1 { margin:50px auto 0px; width: 100%; padding:2rem 4rem 0 4rem; box-sizing:border-box; border: 10px; font-size: 2.3rem; font-weight: 700; letter-spacing: -1px; line-height: 40px; color: #000; } 
	.sub1_txt2 { margin: 0px auto; width: 100%; padding:3rem 4rem 0 4rem; box-sizing:border-box; border: 10px; font-size: 2rem; line-height: 3rem; letter-spacing: -1px; color: #000; } 

	/* sub1_de */
	.slider { position: relative; width: 100%; height:350px; overflow: hidden; }
	.slider .jquery-reslider .slider-block { width: 100%; height: 350px; position: absolute; z-index: 5; background-position: 50% 50%; background-size: cover; opacity: 0; }
	.slider .jquery-reslider .slider-direction { width: 60px; height: 60px; position: absolute; top:40%; z-index: 5; cursor: pointer; }	
	.slider .jquery-reslider .slider-direction.slider-direction-prev {	left: 20px;	background: url('/assets/images/prev2.png') no-repeat;	}
	.slider .jquery-reslider .slider-direction.slider-direction-next {	right: 20px;	background: url('/assets/images/next2.png') no-repeat	}
	.slider .jquery-reslider .slider-dots { display:none; position: absolute; width: 100%; text-align: center; bottom:30px;	}
	.slider .jquery-reslider .slider-dots { position: absolute; }
	.slider .jquery-reslider .slider-dots li { width: 15px; height: 15px; border-radius: 100px; display: inline-block; margin: 10px; background-color: #ffffff; cursor: pointer; }
	.slider .jquery-reslider .slider-dots li.active { background-color:#000; }
	.slider .jquery-reslider .txt_area	{ margin:350px auto 0px; width:90%; text-align:center; } 
	.slider .jquery-reslider .txt_area h2	{	font-size:30px; font-weight:800; color:rgb(255, 255, 255);  	line-height:35px; }
	.slider .jquery-reslider .txt_area span	{	font-size:20px; font-weight:800; color:rgb(255, 255, 255);  line-height:23px; }
	.slide_txt_area { position: absolute; top:730; z-index:500; width:100%; margin-top:230px; text-align:center; } 
	.slide_txt_area h2 { font-size:24px; font-weight:800; color:rgb(0, 0, 0);  line-height:35px; } 
	.slide_txt_area span { font-size:12px; font-weight:800; color:rgb(0, 0, 0);  line-height:23px; letter-spacing:-1px; } 
	.slide_txt_area a { text-decoration:none; } 

	.grid { margin:0 auto; padding:3rem 0rem 3rem 0rem; box-sizing:border-box; } 
	.gallery_ls_box1 { width:45.5%; display:inline-block; margin:0px 8px 80px 8px; vertical-align:top; } 
	.gallery_ls_box1 p { width:100%; margin:0px; } 
	.gallery_ls_box1 p img { width:100%; } 
	.gallery_ls_box1 a,li { margin:0; padding:0; color:#000; } 
	.gallery_ls_box1 .title { width:100%; padding:10px 5px 5px 5px; box-sizing:border-box; text-align:center; font-size:1.5rem; } 
	.gallery_ls_box1 .ls { display:none; width:100%; padding:3px 5px 3px 5px; line-height:17px; text-align:center; } 

	.mobile_area { float:left; width:100%; padding:0 0 20px 0; background-image:url(images/quick_moon2_bg.jpg); background-repeat:repeat-x;  }	
	.mobile_area .mobile_box1 { margin:0 auto; width:95%; text-align:center; max-width:743px; padding-top:40px; box-sizing:border-box;   }
	.mobile_area .mobile_box1 img  { width:90%;  max-width:743px;  }
	.mobile_area .mobile_box2 { width:100%;  }
	.mobile_right	{ display:inline-block; width:100%; text-align:center; }
	.mobile_left { display:inline-block; width:100%; text-align:center;	}
	.mobile_right img	{ width:90%; max-width:402px; }
	.mobile_left img { width:90%; max-width:402px; }	

	/* PROFILE */
	.art_profile_area { padding-top:40px;  }
	.profile_box	{	margin:30px auto; width:100%; margin-bottom:30px; display:block;}
	.profile_box .profile_img	{	margin:0 auto; width:100%; text-align:center;	margin-bottom:30px; }
	.profile_box .profile_img img	{	width:245px; 	height:245px; text-align:center; border-radius:50%;}
	.profile_box .profile_ls	{	margin:0 auto; width:90%;  }
	.profile_box .profile_ls h3	{	width:100%; text-align:center;  font-size:2.5rem; color:#333; margin-bottom:10px; padding:0px;}
	.profile_box .profile_ls ul	{	margin:0 auto; width:95%; max-width:320px;		}
	.profile_box .profile_ls ul li { display:flex; gap:1rem; align-items:top; font-size:1.7rem;	margin:0; padding:0; font-weight:normal; color:#575757; line-height:30px;}
	.profile_box .profile_ls ul li ._ftxt { flex-grow:0; flex-basis: 10rem;  }
	.profile_box .profile_ls ul li ._stxt { flex-grow:1; }
	.profile_ls span {	width:100px; padding-left:8px; color:#999; display:inline-block; text-align:left; }
	.profile_slogan	{	margin:0 auto; padding:20px 0 20px 0; width:80%; text-align: center; color: rgb(0, 0, 0);  font-size:17px; font-weight:600; line-height:30px; border-style:solid; border-width:1px 0 1px 0; border-color:#d4d4d4;		}

	.bg_gray1 { margin:30px auto; display:block; width:100%; max-width:1200px; height:450px; /* background:#ececec; */ border-width:1px 0px 1px 0px; border-style:solid; border-color:#ddd; background:url('../images/common/bg_map.jpg') 50% 50% no-repeat; }

	/* Filmography */
	.history_box { margin:0 auto; width:100%; margin-top:50px; }	
	.history_ls_left	{ margin:auto 0; width:80%; padding:0 0 10% 10%; }
	.history_ls_left_box { margin:0 auto; width:100%; max-width:800px; }
	.history_ls_left h2	{	display:block; height:30px;  font-size:20px; color:#333; border-style:solid; border-width:0 0 2px 0; border-color:#dcdcdc; box-sizing:border-box; }
	.history_ls_left ul {	display:block; margin-top:10px;}
	.history_ls_left ul li	{	width:100%;  font-size:14px;	margin:0; padding:0; font-weight:normal; color:#575757; padding: 5px 0 5px 0px;}
	.history_ls_left .dd {	display:inline-block; width:25%;	max-width:100px; vertical-align:top; padding: 3px 0 3px 8px; color:#999; }	
	.history_ls_left .txt {	display:inline-block; vertical-align: top;    padding: 3px 0 3px 0;    line-height: 23px;	 }
	.history_ls_left .ls_more {	margin-top: 10px;	width:100%; border-radius:10px;	text-align:center; padding:10px 0 10px 0; 	font-size:16px;	cursor:pointer; background-color:#1c1c1c; color:#fff; }

	.gall_ls_area { display:none; margin:50px auto; width:100%; max-width:1500px; text-align:center; }
	.gall_ls_box {	display:inline-block; width:165px; margin:0 5px 5px 5px; vertical-align:top;	}
	.gall_ls_box img { width:100%;	}
	.gall_ls_box span {	display:block; padding:5px 0 5px 0; width:100%;  font-size:15px; color:#626262; text-align:center; font-weight:bold; }

	.post_ls { margin:30px auto 0px; width:98% !important; max-width:1300px; padding:15px 15px 0 15px; box-sizing:border-box;  } 
	.post_ls ~ .post_ls { margin:0px auto 30px; width:98% !important; max-width:1300px; padding:15px; box-sizing:border-box;   }
	.post_ls:last-child { margin-bottom:80px; } 
	.post_ls .etc_area { display:block; text-align:center; } 
	.post_ls .etc_area .pageset_area{ display:block;  } 

	/*@@ FOOTER **/
	.footer_area { margin:0 auto; width:100%; max-width:1080px; padding:50px 0 50px 0; } 
	.footer_area .footer_infor { margin:0 auto; text-align:center; } 
	.footer_area .footer_infor li { display:inline-block; height:30px; padding:0 10px 0 10px; color:#fff;  font-size:12px; } 
	.footer_area .footer_add { margin:0 auto; text-align:center; } 
	.footer_area .footer_add ul li { display: inline-block; padding: 3px 10px 3px 10px; color: #fff; font-size: 1.4rem; box-sizing: border-box; line-height: 25px; } 
	.footer_area .footer_copy { margin:0 auto; text-align:center; } 
	.footer_area .footer_copy ul li { display:inline-block; padding:3px 10px 3px 10px; color:#fff; font-size:12px; box-sizing:border-box; line-height:25px; }
}