@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('font.css');

/*-----------------------------------------------------------------------------------------------------------
css
-----------------------------------------------------------------------------------------------------------*/
#skipnavigation { display:none; visibility:hidden;}
#wrapper		{ padding:0; width:100%; min-width:1000px;}
#top_navi		{width:100%;background: #ffffff;  height:102px;background-color:rgba( 255, 255, 255, 0.85 ); box-shadow:1px 1px 6px #8b8b8b; }
.top_navi_wrap{margin:0 auto; width:1000px; position:relative;padding:0; }
.top_navi_wrap h1		{ position:absolute; top:16px; left:0;z-index:99;}
.top_navi_wrap a.open_m_menu{display:none;}

/* 팝업 170420 추가 */
.main_popup{position:fixed; top:0; left:0; width:100%; height:100%; z-index:500;}
.main_popup .blackbg{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:100;}
.main_popup a img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:100%; /*width:800px;*/ z-index:500;}

.tad{background:url(/images/common/tad_bg.jpg) no-repeat 50% 0;margin:0 auto;text-align:center;padding:22px 0 21px}
.tad div{position:relative;width:1000px;margin:0 auto;text-align:left;}
.tad div span{ position:absolute; top:12px; right:0;}

/* menu */
#menu					{clear:both;position:relative; padding:50px 0 0 0px;}
#menu ul.main_menu li 	{float:left; width:140px; text-align:left; font-size:1.1em;}
#menu ul.main_menu li a				{display:inline-block; font-weight:600; color:#222;}
#menu ul.main_menu li a:hover		{color:#193c98;}
#menu ul.main_menu		{ padding-left:300px;}
/* 2차 메뉴 */
#menu_dept				{position:absolute;z-index:99999999999999;padding-bottom:20px;width:100%;left:0;
top:101px;background:url(/images/common/menu_bg.jpg) repeat-x center; overflow:hidden;
height:px; background-color:#fff; border-bottom:1px #efefef solid}
#menu_dept .menu_wrp	{ width:1000px; margin:0 auto; left:0; top:0;}
#menu_dept .header_img	{position:absolute; top:30px;}
#menu_dept .menu_dept_ul	{padding-left:300px; width:700px;}
#menu_dept .menu_dept_ul li	{float:left;width:140px;}
#menu_dept .menu_open		{text-align:left;width:120px;float:left; color:#000000;padding-top:8px;}
#menu_dept .menu_open ul li	{padding-left:3px; margin:5px 0; letter-spacing:-0.5px; /*background:url(/images/common/dot.gif) no-repeat left 10px;*/ width:110px;   !important}
ul.sub_menu li a{color:#6f6f6f;}
ul.sub_menu li a:hover		{color:#193c98;font-weight:500;/*background:#3563b1*/}

/* 모바일 메뉴 */
.mobile_menu { background-color: #252525; height: 100%; left: -250px; overflow: auto; position: fixed; top: 0; width: 250px; z-index: 99999; }
.mobile_menu .top_link { border-bottom: 1px solid #444; height: 50px; line-height: 50px; position: relative; }
.mobile_menu .top_link a { display: block; overflow: hidden; position: absolute; text-indent: -9999px; }
.mobile_menu .top_link a.home { background: rgba(0, 0, 0, 0) url("/images/common/btn_m_home.png") no-repeat scroll 0 0 / 63px 20px; height: 21px; left: 15px; top: 15px; width: 63px; }
.mobile_menu .top_link a.close_m_menu { background: rgba(0, 0, 0, 0) url("/images/common/btn_m_menu_close.png") no-repeat scroll 0 0 / 26px 26px; height: 26px; right: 12px; top: 12px; width: 26px; }
.mobile_menu > ul { /*padding-bottom: 150px;*/ }
.mobile_menu > ul > li { border-bottom: 1px solid #333; }
.mobile_menu > ul > li > a { background: rgba(0, 0, 0, 0) url("/images/common/icon_plus.png") no-repeat scroll 15px 18px / 10px 10px; color: #ddd; display: block; font-size: 15px; font-weight: bold; height: 46px; letter-spacing: -1px; line-height: 46px; padding: 0 0 0 30px; }
.mobile_menu > ul > li > a.opened { background: rgba(0, 0, 0, 0) url("/images/common/icon_arrow_up.png") no-repeat scroll 15px 18px / 10px 10px; }
.mobile_menu > ul > li > a:hover { color: #fff; text-decoration: none; }
.mobile_menu > ul > li > a.selected { color: #d3dfff; }
.mobile_menu li .submenu { background-color: #333; display: none; }
.mobile_menu li ul { }
.mobile_menu li ul li { border-bottom: 1px solid #3f3f3f; height: 40px; }
.mobile_menu li ul li.last { border: medium none; }
.mobile_menu li ul li a { color: #ccc; display: block; font-size: 13px; font-weight: bold; line-height: 40px; padding-left: 30px; }
.mobile_menu li ul li a:hover { color: #d3dfff; text-decoration: none; }
.mobile_menu li ul li a.selected { color: #d3dfff; font-weight: bold; }

.con_wrap		{ padding:0; margin:0 auto; width:1000px; clear:both; position:relative}

/*-----------------------------------------------------------------------------------------------------------
main 컨텐츠
-----------------------------------------------------------------------------------------------------------*/
#m_visual 	{ position:relative; left:0; top:0; width:100%; height:650px;min-width:1000px; overflow: hidden; }
.mimg_view1 { position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); z-index:0; /*width:100%; height:100%;margin-left: -1000px; background:url(/images/main/visual1.jpg) repeat-x 50% 0px;*/ }
.mimg_view2 { position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); z-index:0;}
.mimg_view3 { position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); z-index:0;}
.main_visual a.btn{display:block;position:absolute;top:380px;width:60px;height:60px;text-indent:-9999px;overflow:hidden;}
.main_visual a.btn_mvisualback{ opacity: 0.6;background:url(/images/main/vs_btn_pre.png) no-repeat 0 0;left:5%;}
.main_visual a.btn_mvisualnext{ opacity: 0.6;background:url(/images/main/vs_btn_nex.png) no-repeat 0 0;right:5%;}

.main_visual a.btn_mvisualback:hover{ opacity: 1;}
.main_visual a.btn_mvisualnext:hover{opacity: 1;}

#slider{display:none;}

.m_banner{background:#10bbfa;margin:0 auto;text-align:center}
.m_banner_m{display:none;}

#contents	{width:100%; overflow:hidden;}
#contents .tit{text-align:center;font-size:26px;font-weight:600;letter-spacing:-1px;color:#222;}
#contents .tit h3{}
#contents .main_tit{text-align:center;font-size:26px;font-weight:600;letter-spacing:-1px;color:#f39800;}
#contents .tit2{display:block; font-weight:700;}
#contents .tit3{display:block; font-size:25px; font-weight:700; line-height:38px;}
#contents .txt{text-align:center;font-size:18px;font-weight:500;letter-spacing:-1px;color:#464646;padding-top:40px}

/*추가*/
.pay_cont {max-width: 1000px;margin: 0 auto;padding-top:50px;}
.pay_cont h3 {font-size: 28px;color: #222;font-weight: 700;margin-bottom: 30px;}
.pay_table {width:100%;border-spacing: 0;}
.pay_table tr.point {font-size: 18px;color: #222;font-weight: 500;}
.pay_table td {padding:12px 10px; background:#fff; border-bottom:#ddd 1px solid; line-height:170%;}
.pay_note {display:none;}
.pay_list {margin-top:20px;}
.pay_list li {line-height:1.5}

.cat {position: absolute;right:5%;top: 530px; animation:ball 1.5s ease-in Infinite Alternate;}
@keyframes ball{
      0%{
          transform: rotate(0deg);
        }
        35%{
          transform: rotate(2deg);
        }
		35%{
          transform: rotate(-2deg);
        }
		100%{
          transform: rotate(0deg);
        }
    }

@media screen and (max-width:1200px) {
	.cat{right:5px;top:580px;}
	.cat img {max-width: 80%;}
}

@media screen and (max-width:1000px) {
	.cat{display:none;}
}
@media screen and (max-width:800px) {
	.pay_cont {padding:50px 20px 0;}
	.pay_cont h3 {font-size: 22px;}
	.pay_list {font-size:14px;}
}

@media screen and (max-width:480px) {
	.pay_cont {padding:30px 20px 0;}
	.pay_table {display:none;}
	.pay_note {display:flex;padding-bottom: 10px;}
	.pay_note .pay_title {float: left;width: 30%;font-weight: 500;color: #111;font-size: 17px;}
	.pay_note .pay_txt {width: 70%;text-align: end;}
	.pay_note .pay_txt li {line-height:1.4}
	.pay_note .pay_txt li span{color:#111;font-weight:500}
}

.m_con1 {width:1000px; margin:0 auto; overflow:hidden; padding:40px 0 80px; }

.m_con1 .con1{width:998px;border:1px solid #ddd;height:504px;margin-top:0;}
.m_con1 .con1:after{display:block;clear:both;content:''}
.m_con1 .con1_1{float:left;width:409px;border-right:1px solid #ddd;height:502px;}
.m_con1 .con1_1 h3{padding:30px 0 0 30px;font-size:25px; color:#222222;font-weight: 500;letter-spacing: -0.5px; }
.m_con1 .con1_1 h3 span{padding:0px 0 0 10px;line-height:22px;font-size:13px;color:#a6a5a5;letter-spacing: -0.5px;}
.m_con1 .con1_1 .tb_cost{width:100%;margin-top:20px;padding:0 30px;}
.m_con1 .con1_1 .tb_cost th{color:#222;font-weight:500;text-align:left;padding:3px 0;}
.m_con1 .con1_1 .tb_cost td{}
.m_con1 .con1_1 .bnt_tb_cost{margin:20px 30px;padding-bottom:20px;text-align:center;border-bottom:1px solid #ddd;}
.m_con1 .con1_1 .bnt_tb_cost2{margin:20px 30px 0;padding-bottom:30px;text-align:center;}
.m_con1 .con1_1 .btn_calendar1{width:70%;height:28px;padding:0;text-indent:10px;font-size:1em;}
.m_con1 .con1_1 .btn_calendar2{width:45%;height:28px;padding:0;text-indent:10px}
.m_con1 .con1_1 .btn_calendar3{width:90%;height:28px;padding:0;text-indent:10px;background:#f6f6f6;font-size:1em;}
.m_con1 .con1_1 .btn_calendar4{width:100%;height:28px;padding:0;text-indent:10px;background:#f6f6f6;}

.con1_2_3{float:left}
.m_con1 .con1_2{background:#fafafa;width:587px;height: 504px;/*height:297px;border-bottom:1px solid #ddd;*/}
.m_con1 .con1_2 h3{padding:30px 0 0 30px;font-size:25px; color:#222222;letter-spacing: -0.5px;font-weight: 500; }
.m_con1 .con1_2 h3 span{padding:0px 0 0 10px;line-height:22px;font-size:13px;color:#a6a5a5;letter-spacing: -0.5px;}
.m_con1 .con1_2 h3:after{display:block;clear:both;content:''}
.m_con1 .con1_2 .tb_reserve{width:100%;padding:20px 30px 0 30px;}
.m_con1 .con1_2 .tb_reserve td{ height:35px; border-bottom:1px dotted #d2d2d2;}
.m_con1 .con1_2 .tb_reserve td.first{font-weight:500;background:url(/images/main/dot.png) no-repeat left 15px;padding-left:10px;}
.m_con1 .con1_2 .tb_reserve td.date{text-align:right}
.m_con1 .con1_2 .tb_reserve td.btn{text-align:right}
.m_con1 .con1_2 .tb_reserve td.no_line{ border-bottom:none;}

/*.m_con1 .con1_3{position:relative;max-width:618px;overflow:hidden;}*/


.m_con1 .con1_3{position:relative;}
.m_con1 .con1_3 img{width:617px; height:204px;}
/*.m_con1 .con1_3 li{position:relative;background:#ccc;border-right:1px solid #fff;width:205px;height:207px;float:left}
.m_con1 .con1_3 li:nth-child(3n){border-right:none;width:206px;}
.m_con1 .con1_3:after{display:block;clear:both;content:''}
.m_con1 .con1_3 li span{position:absolute;bottom:0;display:block;width:205px;height:25px;opacity: 0.9;
color:#fff;text-align:center;padding-top:8px;}*/



.m_con2 {width:100%;background:url(/images/main/mc2_bg.jpg)no-repeat;margin:0 auto; overflow:hidden;padding:70px 0 80px;}
.mm_cont{width:1000px; margin:0 auto; overflow:hidden;;padding-top:60px;}
.mm_cont:after{display:block;clear:both;content:''}
.mm_cont .consigned01	{background:url(/images/main/mc2_bn1.png)no-repeat;padding-right:5px;padding-bottom:5px;width:497px;height: 244px;float:left;}
.mm_cont .consigned02	{background:url(/images/main/mc2_bn2_.png)no-repeat;padding:px;width:497px;height: 244px;float:left;}
.mm_cont .consigned03	{background:url(/images/main/mc2_bn3.png)no-repeat;padding-right:5px;width:497px;height: 244px;float:left;}
.mm_cont .consigned04	{background:url(/images/main/mc2_bn4.png)no-repeat;padding:px;width:497px;height: 244px;float:left;}
.mm_cont .Txt01	{padding:30px 0 0 40px;font-size:25px; color:#222222;letter-spacing: -1px;}
.mm_cont .sTxt1	{padding:20px 0 0 40px;line-height:22px;color:#888;letter-spacing: -1px;}
.mm_cont .sTxt01	{padding:20px 0 0 40px;line-height:22px;color:#474747;letter-spacing: -1px;}
.mm_cont .Txt02	{padding:30px 0 0 40px;font-size:25px; color:#fff;letter-spacing: -1px;}
.mm_cont .sTxt2	{padding:20px 0 0 40px;line-height:22px;font-size:15px;color:#fff;letter-spacing: -1px;}
.mm_cont .sTxt02	{padding:20px 0px 0 40px;line-height:22px;font-size:15px;color:#fff;letter-spacing: -1px;}
.mm_cont .consigned03 .Txt01 a	{font-size:25px; color:#fff;}
.mm_cont .consigned03 .sTxt01 {color:#fff;}
.mm_cont .more	{margin-top:25px;border:1px solid #595959;border-radius: 50px;padding: 6px 0 6px 20px;width: 73px;cursor: pointer;}
.mm_cont .more:hover a{color:#fff;}
.mm_cont .more:hover {background:#595959;}

.m_con3 {width:1000px; margin:0 auto; overflow:hidden;padding:70px 0 80px;}
.m_con3:after{display:block;clear:both;content:''}
/*.m_bbs			{ float:left; width:288px; padding-top:50px;margin-right:20px; padding-left:30px; border:1px solid #e0e2e1;height:320px;background:#fff;} bak250204*/
.m_bbs			{ float:left; width:965px; padding-top:50px;padding-left:30px; border:1px solid #e0e2e1;height:320px;background:#fff;}
.m_bbs p.title	{ padding-bottom:13px;font-size:25px; color:#222222;letter-spacing: -1px; }
.m_bbs ul		{ margin:30px 30px 0 0;}
.m_bbs ul li	{ line-height:43px; background:url(/images/main/dot.png) no-repeat left top 22px; padding-left:10px; margin-left:2px; border-bottom:1px dotted #cecece;}
.m_bbs ul li:last-child	{border-bottom:none}

.m_bbs2			{ float:left; width:288px; padding-top:30px;margin-right:20px; padding-left:30px; border:1px solid #e0e2e1;height:340px;background:#fff;}
.m_bbs2 .img{text-align:center;}
.m_bbs2 p.title	{ padding-top:30px;text-align:center;padding-bottom:13px;font-size:25px; color:#222222;letter-spacing: -1px; }
.m_bbs2 ul		{ margin:0px 30px 0 0}
.m_bbs2 ul li	{ line-height:43px; background:url(/images/main/dot.png) no-repeat left top 22px; padding-left:10px; margin-left:2px; border-bottom:1px dotted #cecece;}
.m_bbs2 ul li:nth-child(3n)	{  border-bottom:none;}

.m_bbs3			{ float:left; width:288px; padding-top:30px; padding-left:30px; border:1px solid #e0e2e1;height:340px;background:#fff;}
.m_bbs3 .img{text-align:center;}
.m_bbs3 p.title	{ padding-top:30px;text-align:center;padding-bottom:13px;font-size:25px; color:#222222;letter-spacing: -1px; }
.m_bbs3 ul		{ margin:0px 30px 0 0;}
.m_bbs3 ul li	{ line-height:43px; background:url(/images/main/dot.png) no-repeat left top 22px; padding-left:10px; margin-left:2px; border-bottom:1px dotted #cecece;}
.m_bbs3 ul li:nth-child(3n)	{  border-bottom:none;}



/*-----------------------------------------------------------------------------------------------------------
하단 카피
-----------------------------------------------------------------------------------------------------------*/

#footer_wrap {z-index:550;clear:both; color:#939da4; background-color: #393939;padding-top:30px;}
.footer_m{background-color:#f0f0f0; height:40px; border-top:1px solid #dfdfdf;}
.footer2 {width:1000px;text-align:left;;margin:0 auto; clear:both;height:100px;margin-top:16px; color:#919191;}
.footer2 span{font-size:12px;}
.flogo {float:left;width:200px;top:20px;margin-left:10px;}
.fcopyright {float:left;margin-left:30px;margin-top:0px;line-height:21px; }
.fcopyright li{display:inline; background: url('/images/common/copy_line.gif') left no-repeat; margin-left:12px; padding-left:13px;}
.fcopyright li:first-child{background:none; margin-left:-12px;}
.fcopyright li a{color:#a0a0a0;}

/*-----------------------------------------------------------------------------------------------------------
sub컨텐츠
-----------------------------------------------------------------------------------------------------------*/
/*#s_visual 	{ position:relative;background:url(/images/sub/bg.jpg); left:0; top:0; width:100%; height:211px;  }
#s_visual .s_txt		{ position:relative; width:1000px; text-align:right; top:0px; right:0 ; margin:0 auto; z-index:1;}
.simg_view1 { position:absolute; left:0; top:0; width:100%; height:100%; background:url(/images/sub/sub_visual1.jpg) repeat-x 50% 0px; z-index:0; }
.simg_view2 { position:absolute; left:0; top:0; width:100%; height:100%; background:url(/images/sub/sub_visual2.jpg) repeat-x 50% 0px; z-index:0; }
.simg_view3 { position:absolute; left:0; top:0; width:100%; height:100%; background:url(/images/sub/sub_visual3.jpg) repeat-x 50% 0px; z-index:0; }*/

/* 상단 비주얼, 로케이션 영역 */
.company .top_area { position:relative; left:0; top:0; width:100%; height: 170px;border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; 
background: url('/images/sub/st_img1.jpg') repeat-x 50% 0px; z-index:999; }
.company {height:218px;border-bottom: 1px solid #ddd; }
.top_area { position: relative;  z-index: 20;}
.top_area .visual2 { position: relative; margin: 0 auto;   width: 1000px;height:220px; }
.top_area .visual2 h1 {position: relative; margin:0 auto;}
.top_area .location2 { position: absolute; height:48px; left: 0;  z-index: 30; *zoom: 1; }
.top_area .location2:after { display: block; content:''; clear: both; }
.top_area .location2 .list { padding: 0 10px; border-left: 1px solid #ddd; vertical-align: top; float: left; }
.top_area .location2 .list > a { display: block; min-width: 118px; height: 47px; color: #444; line-height: 48px;text-align: center; }
.top_area .location2 .list.last { border-right: 1px solid #ddd; }
.top_area .location2 .home { width: 28px; }
.top_area .location2 .home a { padding-top: 48px; min-width: 0; height: 0; line-height: 0; font-size: 0;
background: url('/images/sub/navi_home.png') no-repeat center center; overflow: hidden; }
.top_area .float_img { position: absolute; top: 0; right: 0; z-index: 9; }

#lnb2 { position: relative; padding: 0; min-width: 140px; border-left: none; background: url('/images/sub/bg_lnb.png') repeat-y 0 0; z-index: 20; }
#lnb2.on { background: url('/images/sub/bg_lnb_on.png') repeat-y 0 0; }
#lnb2 > a { padding: 0 10px; min-width: 120px; color: #085671; font-weight: bold; background: url('/images/sub/bg_lnb.png') repeat-y right 0; text-align: center; }
#lnb2.on > a { background: url('/images/sub/bg_lnb_on.png') repeat-y right 0; }
#lnb2 > a span { display: inline-block; padding-right: 18px; background: url('/images/sub/mc1_ico_arrow.jpg') no-repeat right center; *display: inline; *zoom: 1; }
#lnb2.on > a span { background: url('/images/sub/mc1_ico_arrow.jpg') no-repeat right center; }
#lnb2 .depth { display: none; border-bottom: 1px solid #ddd; background: #fff url('/images/sub/bg_lnb.png') repeat-y 0 0; }
#lnb2.on .depth { display: block; border-bottom: 1px solid #999; background: #fff url('/images/sub/bg_lnb_on.png') repeat-y 0 0; }
#lnb2 .depth ul { background: url('/images/sub/bg_lnb.png') repeat-y right 0; }
#lnb2.on .depth ul { background: url('/images/sub/bg_lnb_on.png') repeat-y right 0; }
#lnb2 .depth ul li { border-top: 1px solid #ddd; }
#lnb2 .depth ul li.on { border-top: none; }
#lnb2 .depth ul li a { display: block; padding: 14px 10px; color: #444; text-align: center; }
#lnb2 .depth ul li.on a { color: #fff; font-weight: bold; background: #008fc1; }


.container_wrap  { width:1000px; margin:0 auto; margin-top:50px;}
.container_wrap:after {clear:both;content:"";display:block;}

#container { padding-bottom: 100px; width: 100%; color: #333; line-height: 24px; font-size: 15px; overflow:hidden;}

/* 제목 영역 */
.tit_area { margin-bottom: 40px; }
.tit_area.bd { padding-bottom: 40px; border-bottom: 1px solid #ccc; }
.tit_area h2 { font-size: 40px; font-weight: 600; line-height: 44px;  letter-spacing:-0.5px; }
.tit_area h2 span {  }
.tit_area h2 .en { margin-left: 16px; padding-left: 16px; color: #666; line-height: 22px; font-size: 18px; background: url('/images/sub/line.png') no-repeat 0 2px; }

#container .cont {position:relative; width:100%; text-align:left; min-height:600px;_height:expression(this.scrollHeight<600?"600px":"auto"); }

/* 표 */
.board_list2				{width:100%;border-collapse:separate;*border-collapse:collapse;border-spacing:0;table-layout:fixed;border-top:2px solid #db440b; }
.board_list2 tbody th 		{padding:15px 10px; margin:0; background:#fff7f8; color:#333;  font-weight:700; border-bottom:#e1e1e1 1px solid;border-left:#e1e1e1 1px solid; text-align: center; }
.board_list2 tbody th.no	{border-right:#ddd 1px solid;  }
.board_list2 tbody td 		{padding:10px; background:#fff; border-bottom:#ddd 1px solid; line-height:170%; border-left:#ddd 1px solid; text-align:center;}
.board_list2 tbody td.point2{font-weight:600; color:#333;}
.board_list2 tbody td.no	{border-right:#ddd 1px solid;}


/* 반응형 css */
@media screen and (max-width:800px) {

#wrapper  { width:100%; min-width:0;}
.tad{display:none;}

#top_navi{height:90px;}
.top_navi_wrap{width:100%;}
.top_navi_wrap	h1{top:10px;left:10px;width:180px;height:60px;padding-left:10px;}
.top_navi_wrap	h1 img{width:130px}
.top_navi_wrap	h1 a{width:180px;line-height:70px;height:60px;}
.top_navi_wrap a.open_m_menu{display:block;position:absolute;top:10px; right:0;width:58px;height:58px;}
.top_navi_wrap a.open_m_menu img{width:100%}
#menu{display:none;}

.main_visual{ display:none;}
#slider{display:block}
.swipe { overflow: hidden; /*visibility: hidden;*/ position: relative; }
.swipe-wrap { overflow: hidden; position: relative; }
.swipe-wrap > div { float: left; width: 100%; position: relative; }
.swipe-wrap > div img {width: 100%;height: auto; }
.pagination { display: inline-block;  width: 100%; text-align: center; bottom:3%; z-index:9; position:absolute; }
.pagination a {display: inline-block; vertical-align: top; zoom: 1; *display: inline; width: 1em; height: 1em; border-radius: 0.75em; background-color: #fff; transition: background-color 0s ease; }
.pagination a.active, .pagination a:hover {background-color: #1a3c96; }

.m_banner{display:none;}
.m_banner_m{display:block;}
.m_banner_m img {width:100%;}

#contents	{width:100%; overflow:hidden;}
#contents .tit{;text-align:center;font-size:26px;font-weight:600;letter-spacing:-1px;color:#464646;padding:0 20px}
#contents .txt{;text-align:center;font-size:18px;font-weight:500;letter-spacing:-1px;color:#464646;padding:20px 20px 0}
#contents .txt img{width: 100%; padding-top: 20px;}    

.m_con1 {width:100%;padding:20px 0 0px; }

.m_con1 .con1{width:100%;border:none;height:100%;margin-top:20px;}
.m_con1 .con1:after{display:block;clear:both;content:''}
.m_con1 .con1_1{float:none;width:100%;border-top:1px solid #ddd;border-bottom:1px solid #ddd;height:100%;}
.m_con1 .con1_1 h3{padding:30px 0 0 20px;font-size:22px; color:#222222;letter-spacing: -1px; }
.m_con1 .con1_1 h3 span{padding:0px 0 0 10px;line-height:22px;font-size:13px;color:#a6a5a5;font-weight:300;letter-spacing: 0;}
.m_con1 .con1_1 .tb_cost{width:100%;margin-top:20px;padding:0 20px;}
.m_con1 .con1_1 .tb_cost th{font-size:15px;color:#222;font-weight:500;text-align:left;padding:3px 0;}
.m_con1 .con1_1 .tb_cost td{}
.m_con1 .con1_1 .bnt_tb_cost{margin:20px 30px;padding-bottom:20px;text-align:center;border-bottom:1px solid #ddd;}
.m_con1 .con1_1 .bnt_tb_cost2{margin:20px 30px 0;padding-bottom:30px;text-align:center;}
.m_con1 .con1_1 .btn_calendar1{width:73%;height:28px;padding:0;text-indent:10px;font-size:15px;}
.m_con1 .con1_1 .btn_calendar2{width:45%;height:28px;padding:0;text-indent:10px}
.m_con1 .con1_1 .btn_calendar3{width:90%;height:28px;padding:0;text-indent:10px;background:#f6f6f6;font-size:1em;}
.m_con1 .con1_1 .btn_calendar4{width:100%;height:28px;padding:0;text-indent:10px;background:#f6f6f6;}

.con1_2_3{float:none}
.m_con1 .con1_2{background:#fafafa;width:100%;height:100%;border-bottom:1px solid #ddd;padding-bottom:20px;}
.m_con1 .con1_2 h3{padding:30px 0 0 20px;font-size:22px; color:#222222;letter-spacing: -1px; }
.m_con1 .con1_2 h3 span{padding:0px 0 0 10px;line-height:22px;font-size:13px;color:#a6a5a5;font-weight:300;letter-spacing: -0.5px;}
.m_con1 .con1_2 h3:after{display:block;clear:both;content:''}
.m_con1 .con1_2 .tb_reserve{width:100%;padding:20px 30px 0 30px;}
.m_con1 .con1_2 .tb_reserve .color{display:none;}
.m_con1 .con1_2 .tb_reserve td{ font-size:14px;height:35px; border-bottom:1px dotted #d2d2d2;}
.m_con1 .con1_2 .tb_reserve td.first{font-size:14px;font-weight:500;background:url(/images/main/dot.png) no-repeat left 15px;padding-left:10px;}
.m_con1 .con1_2 .tb_reserve td.date{font-size:13px;text-align:right}
.m_con1 .con1_2 .tb_reserve td.btn{text-align:right}
.m_con1 .con1_2 .tb_reserve td.no_line{ border-bottom:none;}


.m_con1 .con1_3 img{width:100%;}

.m_con1 .con1_3{position:relative;100%}
.m_con1 .con1_3 li{position:relative;background:#ccc;border-right:1px solid #fff;width:33.2%;height:100%;float:left}
.m_con1 .con1_3 li:nth-child(3n){border-right:none;width:33.3%;}
.m_con1 .con1_3:after{display:block;clear:both;content:''}
.m_con1 .con1_3 li span{position:absolute;bottom:0;display:block;width:100%;line-height:10px;opacity: 0.9;color:#fff;text-align:center;padding-top:5px;}

.m_con2 {width:100%;background:url(/images/main/.jpg)no-repeat #f7f6f7;margin:0 auto; overflow:hidden;padding:30px 0 0px;}
.mm_cont{width:100%; margin:0 auto; overflow:hidden;;padding-top:30px;}
.mm_cont:after{display:block;clear:both;content:''}
.mm_cont .consigned01	{background:url(/images/main/mc2_bn1.png)no-repeat;background-size:100% 100%;padding-right:0px;padding-bottom:0px;width:100%;height: 100%;float:none;}
.mm_cont .consigned02	{background:url(/images/main/mc2_bn2_.png)no-repeat;background-size:100% 100%;padding:px;padding-bottom:0px;width:100%;height: 100%;float:none;}
.mm_cont .consigned03	{background:url(/images/main/mc2_bn3.png)no-repeat;background-size:100% 100%;padding-right:0px;padding-bottom:0px;width:100%;height: 100%;float:none;}
.mm_cont .consigned04	{background:url(/images/main/mc2_bn4.png)no-repeat;background-size:100% 100%;padding:px;padding-bottom:0px;width:100%;height: 100%;float:none;}
.mm_cont .consigned01 img{width:100%;}
.mm_cont .consigned01 .hanalogo img{    width: auto;}
.mm_cont .Txt01	{padding:30px 20px 0;font-size:22px; color:#222222;letter-spacing: -1px;}
.mm_cont .sTxt1	{padding:20px 20px 0;line-height:22px;font-size:13px;color:#888;font-weight:600;letter-spacing: -1px;}
.mm_cont .sTxt01	{padding:20px;;line-height:22px;font-size:15px;color:#474747;letter-spacing: -1px;}
.mm_cont .Txt02	{padding:30px 20px 0;font-size:22px; color:#fff;letter-spacing: -1px;}
.mm_cont .sTxt2	{padding:20px 20px 20px;line-height:22px;font-size:15px;color:#fff;letter-spacing: -1px;}
.mm_cont .sTxt02	{padding:20px;line-height:22px;font-size:15px;color:#fff;letter-spacing: -1px;}
.mm_cont .more	{margin-top:25px;border:1px solid #595959;border-radius: 50px;padding: 6px 0 6px 20px;width: 73px;cursor: pointer;}
.mm_cont .more:hover a{color:#fff;}
.mm_cont .more:hover {background:#595959;}

.m_con3 {width:100%; margin:0 auto; overflow:hidden;padding:0px 0 80px;}
.m_con3:after{display:block;clear:both;content:''}
.m_bbs			{ float:left; width:100%; padding-top:50px;margin-right:0px; padding-left:0px; border:1px solid #e0e2e1;border-bottom:none;height:100%;background:#fff;}
.m_bbs p.title	{ padding-bottom:13px;padding-left:30px; font-size:22px; color:#222222;letter-spacing: -1px; }
.m_bbs ul		{ margin:30px 30px 20px 30px;}
.m_bbs ul li	{ line-height:43px; background:url(/images/main/dot.png) no-repeat left top 22px; padding-left:10px; margin-left:2px; border-bottom:1px dotted #cecece;}

.m_bbs2			{ float:left; width:100%; padding-top:30px;margin-right:0px; padding-left:0px; border:1px solid #e0e2e1;border-bottom:none;height:100%;background:#fff;}
.m_bbs2 .img{text-align:center;}
.m_bbs2 p.title	{ padding-top:30px;text-align:center;padding-bottom:13px;font-size:22px; color:#222222;letter-spacing: -1px; }
.m_bbs2 ul		{ margin:0px 30px 20px 30px}
.m_bbs2 ul li	{ line-height:43px; background:url(/images/main/dot.png) no-repeat left top 22px; padding-left:10px; margin-left:2px; border-bottom:1px dotted #cecece;}

.m_bbs3			{ float:left; width:100%; padding-top:30px; padding-left:0px; border:1px solid #e0e2e1;height:100%;background:#fff;}
.m_bbs3 .img{text-align:center;}
.m_bbs3 p.title	{ padding-top:30px;text-align:center;padding-bottom:13px;font-size:22px; color:#222222;letter-spacing: -1px; }
.m_bbs3 ul		{ margin:0px 30px 20px 30px;}
.m_bbs3 ul li	{ line-height:43px; background:url(/images/main/dot.png) no-repeat left top 22px; padding-left:10px; margin-left:2px; border-bottom:1px dotted #cecece;}

#footer_wrap {z-index:550;clear:both; color:#939da4; background-color:#393939;padding:30px 20px 20px;}
.footer2 {width:100%;text-align:center;;margin:0px auto; clear:both;height:100%;margin-top:16px; color:#919191;}
.footer2 span{font-size:12px;}
.flogo {float:none;width:100%;top:20px;margin-left:0px;margin:0 auto}
.flogo img{width:150px}
.fcopyright {float:none;margin-left:0px;margin-top:20px;line-height:21px; }
.fcopyright li{display:inline; background: url('/images/common/copy_line.gif') left no-repeat; margin-left:12px; padding-left:13px;}
.fcopyright li:first-child{background:none; margin-left:-12px;}
.fcopyright li a{color:#a0a0a0;}



.company .top_area { position:relative; left:0; top:0; width:100%; height: 47px;border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; 
background: none; z-index:999; }
.company {height:100%;border-bottom: 1px solid #ddd; }
.top_area { position: relative;  z-index: 20;}
.top_area .visual2 { position: relative; margin: 0 auto;   width: 100%;height:100%; }
.top_area .visual2 h1 {position: relative; display:none  }
.top_area .location2 { position: absolute; height:48px; left: 0;  z-index: 30; *zoom: 1; }
.top_area .location2:after { display: block; content:''; clear: both; }
.top_area .location2 .list { padding: 0 10px; border-left: 1px solid #ddd; vertical-align: top; float: left; }
.top_area .location2 .list > a { display: block; min-width: 118px; height: 47px; color: #444; line-height: 48px; font-size: 15px; text-align: center; }
.top_area .location2 .list.last { border-right: 1px solid #ddd; }
.top_area .location2 .home { width: 28px; }
.top_area .location2 .home a { padding-top: 48px; min-width: 0; height: 0; line-height: 0; font-size: 0;
background: url('/images/sub/navi_home.png') no-repeat center center; overflow: hidden; }
.top_area .float_img { position: absolute; top: 0; right: 0; z-index: 9; }

#lnb2 { position: relative; padding: 0; min-width: 140px; border-left: none; background: url('/images/sub/bg_lnb.png') repeat-y 0 0; z-index: 20; }
#lnb2.on { background: url('/images/sub/bg_lnb_on.png') repeat-y 0 0; }
#lnb2 > a { padding: 0 10px; min-width: 120px; color: #085671; font-weight: bold; background: url('/images/sub/bg_lnb.png') repeat-y right 0; text-align: center; }
#lnb2.on > a { background: url('/images/sub/bg_lnb_on.png') repeat-y right 0; }
#lnb2 > a span { display: inline-block; padding-right: 18px; text-decoration: underline; background: url('/images/sub/mc1_ico_arrow.jpg') no-repeat right center; *display: inline; *zoom: 1; }
#lnb2.on > a span { background: url('/images/sub/mc1_ico_arrow.jpg') no-repeat right center; }
#lnb2 .depth { display: none; border-bottom: 1px solid #ddd; background: #fff url('/images/sub/bg_lnb.png') repeat-y 0 0; }
#lnb2.on .depth { display: block; border-bottom: 1px solid #999; background: #fff url('/images/sub/bg_lnb_on.png') repeat-y 0 0; }
#lnb2 .depth ul { background: url('/images/sub/bg_lnb.png') repeat-y right 0; }
#lnb2.on .depth ul { background: url('/images/sub/bg_lnb_on.png') repeat-y right 0; }
#lnb2 .depth ul li { border-top: 1px solid #ddd; }
#lnb2 .depth ul li.on { border-top: none; }
#lnb2 .depth ul li a { display: block; padding: 14px 10px; color: #444; text-align: center;font-size:15px; }
#lnb2 .depth ul li.on a { color: #fff; font-weight: bold; background: #008fc1; }


.container_wrap  { width:100%; margin:0 auto; margin-top:30px;box-sizing:content-box;}
.container_wrap:after {clear:both;content:"";display:block;}

#container { padding-bottom: 100px;padding:0 2% 20px; width:96%; color: #333; line-height: 24px; font-size: 15px; overflow:hidden;}

/* 제목 영역 */
.tit_area { margin-bottom: 20px; }
.tit_area.bd { padding-bottom: 40px; border-bottom: 1px solid #ccc; }
.tit_area h2 { font-size: 40px; font-weight: 600; line-height: 44px;  letter-spacing:-0.5px; }
.tit_area h2 span {  }
.tit_area h2 .en { margin-left: 16px; padding-left: 16px; color: #666; line-height: 22px; font-size: 18px; background: url('/images/sub/line.png') no-repeat 0 2px; }

#container .cont {position:relative; width:100%; text-align:left; min-height:600px;_height:expression(this.scrollHeight<600?"600px":"auto"); }


}


#open-event {position:fixed;top:0;left:0;height:100%;width:100%;z-index:9999;background-color:rgba(0,0,0,0.7);}
#open-event img {display:block;margin:190px auto;}

@media screen and (max-width:800px) {
  #open-event {display:none;}
}

@media screen and (max-width:480px) {
#top_navi {height: 75px;}
.top_navi_wrap	h1{top:-3px;left:0px;width:130px;height:60px;padding-left:15px;}
.top_navi_wrap	h1 img{width:120px}
.top_navi_wrap	h1 a{width:180px;line-height:78px;height:60px;}
.top_navi_wrap a.open_m_menu {top: 0px;}

.m_con1 .con1_3{position:relative;width:100%}
.m_con1 .con1_3 li{position:relative;background:#ccc;border-right:1px solid #fff;width:33.1%;height:100%;float:left}
.m_con1 .con1_3 li:nth-child(3n){border-right:none;width:33.2%;}
.m_con1 .con1_3:after{display:block;clear:both;content:''}
.m_con1 .con1_3 li span{position:absolute;bottom:0;display:block;width:100%;background:#434343;line-height:none;
color:#fff;text-align:center;padding-top:10px;}
#contents .main_tit{display:none}
#contents .tit2{width:100%;text-align:center;font-size:20px;font-weight:600;letter-spacing:-1px;color:#464646;display: inline-block; padding: 7px 0}
#contents .txt{text-align:center;font-size:18px;font-weight:600;letter-spacing:-1px;color:#000;padding:20px 0 20px 0}
#contents .tit{text-align:center;font-size:22px;font-weight:500;letter-spacing:-1px;color:#464646;padding:0px 0 0 0}
#contents .tit h3{display: block; letter-spacing: -2px}
#contents .txt img{display: none}

.tit_area h2 span {font-size:32px}

.flogo img {width: 130px;}
.fcopyright p{font-size:13px;letter-spacing: -0.5px;}
}


/* 메인 팝업존 */
.popup_zone {width:100%;height:100%;text-align:center;position:fixed;left:0;top:0;z-index:20000}
.popup_zone .kgb {width:100%;height:100%;background-color:rgba(0,0,0,0.4);position:fixed;left:0;top:0;z-index:20001}
.popup_zone .popup_wrap {width:480px;border-radius:15px 15px 0 0;transform:translate(-50%,-50%);position:fixed;left:50%;top:50%;z-index:20002;overflow:hidden}
.popup_zone .popup_wrap .pop_slide {height:645px;background: #fff;font-size:0;line-height:0;overflow:auto;}
.popup_zone .popup_wrap .slide_img {display:inline-block;float:left;}
.popup_zone .popup_wrap .slide_img a {display:block}
.popup_zone .popup_wrap .slide_img img {max-width:100%}
.popup_zone .popup_wrap .pop_paging {width:67px;line-height:30px;color:#888;border-radius:15px;background-color:#fff;position:absolute;right:12px;top:12px}
.popup_zone .popup_wrap .pop_paging .current {color:#222;font-weight:400}
.popup_zone .popup_wrap .pop_paging .total {}
.popup_zone .popup_wrap .pup_button {display:flex;flex-wrap:nowrap;background-color:#fff;border-radius:0 0 15px 15px;overflow:hidden}
.popup_zone .popup_wrap .pup_button a {width:50%;color:#222;font-size:16px;font-weight:400;line-height:71px}
.popup_zone .popup_wrap .pup_button a:hover {background-color:#f9f9f9}
.popup_zone .popup_wrap .pup_button a.bt_close {}
.popup_zone .popup_wrap .pup_button a.bt_close::before {display:inline-block;float:left;width:1px;height:15px;content:"";background-color:#ccc;position:relative;top:calc(50% - 6px)}
.popup_zone .popup_wrap .pup_button a.bt_today_close {}

/*슬라이드 동그라미 아이콘*/
.popup_zone .slick-dots {display:none !important;}

@media screen and (max-width:960px){
	.popup_zone .popup_wrap {width:480px}
	.popup_zone .popup_wrap .pop_slide {height:600px}
}
@media screen and (max-width:768px){
	.popup_zone .popup_wrap {width:420px}
	.popup_zone .popup_wrap .pop_slide {height:525px}
	.popup_zone .popup_wrap .pup_button a {font-size:15px;line-height:58px}
}
@media screen and (max-width:480px){
	.popup_zone .popup_wrap {width:300px}
	.popup_zone .popup_wrap .pop_slide {height:375px}
	.popup_zone .popup_wrap .pup_button a {line-height:54px}
}
