/* common */


/* margin */
.mgt0 {margin-top:0 !important;}
.mgl0 {margin-left:0 !important;}
.mgb0 {margin-bottom:0 !important;}

.mgtb20 {margin:20px 0 !important;}

.mgt3 {margin-top:3px !important;}
.mgt5 {margin-top:5px !important;}
.mgt10 {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.mgt20 {margin-top:20px !important;}
.mgt25 {margin-top:25px !important;}
.mgt30 {margin-top:30px !important;}
.mgt35 {margin-top:35px !important;}
.mgt40 {margin-top:40px !important;}
.mgt45 {margin-top:45px !important;}
.mgt50 {margin-top:50px !important;}
.mgt55 {margin-top:55px !important;}
.mgt60 {margin-top:60px !important;}
.mgt65 {margin-top:65px !important;}
.mgt70 {margin-top:70px !important;}
.mgt75 {margin-top:75px !important;}
.mgt80 {margin-top:80px !important;}
.mgt90 {margin-top:90px !important;}
.mgt130 {margin-top:130px !important;}

.mgl0 {margin-left:0px !important;}
.mgl3 {margin-left:3px !important;}
.mgl5 {margin-left:5px !important;}
.mgl10 {margin-left:10px !important;}
.mgl15 {margin-left:15px !important;}
.mgl20 {margin-left:20px !important;}
.mgl25 {margin-left:25px !important;}
.mgl30 {margin-left:30px !important;}
.mgl35 {margin-left:35px !important;}
.mgl45 {margin-left:45px !important;}
.mgl80 {margin-left:80px !important;}
.mgl125 {margin-left:125px !important;}

.mglm25 {margin-left:-25px !important;}

.mgr10 {margin-right:10px !important;}

.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb40 {margin-bottom:40px !important;}
.mgb60 {margin-bottom:60px !important;}
.mgb100 {margin-bottom:100px !important;}

.con_center {text-align:center; margin:0 auto;}


.content_sub_big_text {
    font-size: 1.5rem;
    margin-top: 2rem;
}




.brand_vis { position: relative; }
.brand_vis img {max-width:100%;}
.brand_vis .brand_vis_img {background: url('../../img/contents/brand_vis01.jpg') no-repeat center 0;height: 660px;}
.brand_vis .brand_vis_text {position: absolute;display: table;top: 45%;left: 50%;width: 100%;max-width: 1280px;/* height: 100%; */margin: auto;padding: 0;transform: translate(-50%, -50%);}
.brand_vis .vis_text {/* width: 480px; */left: 0;position: relative;margin-left: 3.5rem;color: #fff;}
.brand_vis .vis_text .big_text {font-size:38px; line-height:170%; color: #372f2d;font-family: 'Nanum Myeongjo';}
.brand_vis .vis_text .big_text_s {font-size:16px ;color: #372f2d; line-height:180%;}
.brand_vis .vis_text .big_text_w {font-size:1.7em; line-height:160%; margin:30px 0 30px 0; color: #fff;font-family: 'Nanum Myeongjo';}

.brand_vis .vis_text .big_text2 {margin-bottom: ;font-size: ;color:  #fff;font-family: 'Nanum Myeongjo'; letter-spacing:-0.09rem;}
.brand_vis .vis_text .big_text3 {margin-bottom: ;font-size: ;color: #fff;font-family: 'Nanum Myeongjo'; letter-spacing:-0.09rem;}
.brand_vis .vis_text .small_text {color: #fff;word-break:  keep-all; font-size:1.1em;}

.brand_img {margin:0 auto; text-align:center; padding: 20px 0 40px 0; max-width:100%;} 
.brand_line {height:15px width:1px; text-align:center; margin:30px auto; }
.brand_txt {margin:0 auto; text-align:center; padding: 0 0 40px 0; font-size:45px; line-height:170%; font-family: 'Nanum Myeongjo'; font-weight:bold;} 
.brand_toptxt_s {margin:0 auto; text-align:center; padding: 0 0 0px 0; font-size:14px; letter-spacing:3px} 
.brand_txt_s {margin:0 auto; text-align:center; padding: 0 0 40px 0; font-size:19px; line-height:180%; color:#9F8870;} 


.brand_bottom{margin:0 0 150px 0}
.brand_bottom:after { content:""; display:block; clear:both; }
.brand_img02{float:left; padding: 0 50px 0 0; width:55% }
.brand_txt02{float:left; width:40%; text-align:left; padding:30px 0 0 0}
.brand_txt02_tit {font-size:23px; letter-spacing:3px; padding:0 0 30px 0; font-family: 'Nanum Myeongjo'; } 
.brand_txt02_txt {font-size:17px; color:#333; line-height:170%; }


.brand_img03 {padding:170px 0;background: url('../../img/brand/brand01_bg.jpg') no-repeat center center; background-size:cover;text-align: center;margin-top: 70px;}
.brand_txt02{margin:0 auto; width:80%; text-align:center; padding:30px 0 }
.brand_txt03_tit {font-size:36px; letter-spacing:3px; padding:0 0 50px 0; font-family: 'Nanum Myeongjo';  text-align:center; font-weight:bold;} 
.brand_txt03_txt {font-size:18px; color:#333; line-height:180%;  text-align:center; }



.reservation {margin:0 auto; text-align:center; padding: 0 0 70px 0; }
.reservation_txt {margin:0 auto; text-align:center; padding: 0 0 40px 0; font-size:26px; line-height:175%; color:#000; font-family: 'Nanum Myeongjo'; letter-spacing:-0.8px; } 
.reservation_txt_s {margin:0 auto; text-align:center; padding: 0 0 50px 0; font-size:16px; line-height:180%; color:#555;} 


@media (max-width: 840px) {

	.brand_img {margin:0 auto; text-align:center; padding: 0 0 40px 0; width:100%;} 
	.brand_img img {max-width:100%;}
	.brand_txt_s {margin:0 auto; text-align:center; padding: 0 40px 40px 40px; font-size:24px; line-height:180%; } 
	
	.brand_txt02{margin:0 auto; width:70%; text-align:center; padding:30px 0 }
	.brand_txt03_txt {font-size:21px; color:#333; line-height:180%;  text-align:center; }

	.reservation_txt {margin:0 auto; text-align:center; padding: 0 50px 30px 50px; font-size:30px; line-height:155%; color:#333; font-family: 'Nanum Myeongjo'; letter-spacing:-0.8px; } 
	.reservation_txt_s {margin:0 auto; text-align:center; padding: 0 0 50px 0; font-size:24px; line-height:180%; color:#555; width:82%;} 
	
	.brand_eng{margin:0 0 70px 0}
}


.ceo_cont{padding:40px 0; margin:30px 0 0 0}
.ceo_img{width:400px; float:left;}
.ceo_txt{float:left; padding:0 0 0 50px; font-size:15px} 
.ceo_txt01{font-size:25px; line-height:140%; font-family: 'Nanum Myeongjo'; letter-spacing:-0.8px; padding:0 0 30px 0;} 


.ceo_vis { position: relative; }
.ceo_vis img {max-width:100%;}
.ceo_vis .ceo_vis_img2 {background: url('../../img/brand/ceo1.jpg') no-repeat center 0;height:380px; margin:80px 0;} 
.ceo_vis .ceo_vis_text {position: absolute;display: table;top: 50%;left: 50%;width: 1280px;/* height: 100%; */margin: auto;padding: 0;transform: translate(-50%, -50%);}
.ceo_vis .vis_text {width: 650px;left:40%;position: relative;margin-left: 3.5rem;}

.ceo_vis .vis_text .big_text {line-height:160%; margin-bottom: 20px;font-size: 25px;color: #fff;font-family: 'Nanum Myeongjo'; letter-spacing:-0.9px;}
.ceo_vis .vis_text .small_text {color: #fff;word-break:  keep-all;font-size: 15px; line-height:165%;}

.ceo_biz {background-color:#f7f7f7; color:#000; line-height:180%; padding:60px 0 120px 0;;}
.ceo_biz_tit {padding:40px 0; font-size:36px; font-weight:bold; color:#797373; font-family: 'Nanum Myeongjo';}
.ceo_biz_l{float:left; padding: 0 40px 0 0; width:48%;  line-height:185%;}
.ceo_biz_r{float:left; padding: 0 0px 0 0; width:48%;  line-height:185%;}




@media (max-width: 1280px) {

	.ceo_vis img {max-width:100%;}
	.ceo_vis .ceo_vis_img2  {background-size: cover;/* height: 0; *//* padding-top: 32%; */background-position: 35% top;height: 380px;/* background-size: 150%; */}
	.ceo_vis .ceo_vis_text {position: absolute;display: table;top: 50%;left: 45%;width: 1280px;/* height: 100%; */margin: auto;padding: 0;transform: translate(-50%, -50%);}
	.ceo_vis .vis_text {width: 650px;left:40%;position: relative;margin-left: 3.5rem;}

	.ceo_vis .vis_text .big_text {line-height:160%; margin-bottom: 20px;font-size: 25px;color: #fff;font-family: 'Nanum Myeongjo'; letter-spacing:-0.9px;}
	.ceo_vis .vis_text .small_text {color: #fff;word-break:  keep-all;font-size: 15px; line-height:165%;}
		
}


@media (max-width: 840px) {


	.ceo_vis .ceo_vis_img2 {background-size: cover;/* height: 0; *//* padding-top: 32%; */background-position: 15% top; height: 300px;/* background-size: 150%; */  margin:0px 0 80px 0;}
	.ceo_vis .vis_text .small_text {font-size:15px;text-align: center;}
	.ceo_vis .ceo_vis_text {position: relative;display: block;width: 100%;left: 0;transform: none;}
	.ceo_vis .vis_text {left:0;width: 640px;margin: 0 auto;padding: 0px 20px 60px 20px;}
	.ceo_vis .vis_text .small_text { color:#333;font-size: 22px; line-height:180%;  padding: 0 20px 40px 20px; }
	.ceo_vis .vis_text .big_text{text-align:center;font-size: 31px;margin-bottom: 30px; line-height:150%; color:#333; }
	
	.ceo_biz {background-color:#f7f7f7; color:#000; line-height:170%; padding:40px 0 70px 0;;}
	.ceo_biz_tit {padding:40px 0; font-size:38px; font-weight:bold; color:#372f2d; font-family: 'Nanum Myeongjo';}
	.ceo_biz_l{float:none; padding: 0 0px 0 0; width:95%; font-size:21px; }
	.ceo_biz_r{float:none; padding: 0 0px 0 0; width:95%; font-size:21px; }



}


.map_img {margin:0 auto; text-align:center; padding: 80px 0 40px 0; max-width:100%;} 
.map_img img {max-width:100%;}
.addr {padding:30px 0 80px 0;  }
.addr_block {padding: 0 30px 0 0}
.addr_company {font-weight:bold; color:#61574d}
.date {padding: 20px 0px 0 0 ; line-height:180%;}
.date_block {padding: 0 30px 0 0}


.way {width:100%; padding: 0 0 60px 0;  margin:0 0 30px 0}
.way table {width:100%; border-top:2px solid #372f2d;  }
.way table th {width:20%; border-bottom:1px solid #372f2d; padding:40px 0; font-weight:400;  }
.way table td {width:80%; border-bottom:1px solid #cecece; padding:40px 0 40px 40px;}


@media (max-width: 840px) {

	.map_img {margin:0 auto; text-align:center; padding: 0 0 40px 0; width:100%;} 
	.map_img img {max-width:100%;}
	.addr {padding:30px 0 40px 0; height:auto; }
	.addr_block {padding: 0 0px 5px 0; display:inline-block;}
	.addr_company {font-size:27px; padding: 0 0px 20px 0; font-weight:400}

	.date {padding: 30px 0px 0 0 ; }
	.date_block {padding: 0 0px 5px 0; display:block;}
}




ul {padding:0px; margin:0px;}
ul.bul_none li {padding:0 0 4px 0px; margin:0 0 0 6px;}
ul.bul_none ul {padding:0 0 4px 0; list-style:none;}
ul.bul_none ul li {padding:1px 0px 4px 9px; margin:0; }


ul {padding:0px; margin:0px;}
ul.bul_none02 li {padding:0 0 18px 0px; margin:0 0 0 6px;}
ul.bul_none02 ul {padding:0 0 4px 0; list-style:none;}
ul.bul_none02 ul li {padding:1px 0px 4px 9px; margin:0; }

ul {padding:0px; margin:0px;}
ul.bul_dot li {padding:0 0 8px 11px; margin:0 0 0 6px; background:url('../../img/common/bul_g.gif') no-repeat 0 13px; }
ul.bul_dot ul {padding:0 0 4px 0; list-style:none;}
ul.bul_dot ul li {padding:1px 0px 4px 9px; margin:0; background:url('../../img/common/bul_g.gif') no-repeat 0 9px;}


ul {padding:0px; margin:0px;}
ul.bul_bar li {padding:0 0 18px 15px; margin:0 0 0 6px; background:url('../../img/common/bul_bar.png') no-repeat 0 11px; }
ul.bul_bar ul {padding:0 0 4px 0; list-style:none;}
ul.bul_bar ul li {padding:1px 0px 4px 9px; margin:0; background:url('../../img/common/bul_bar.png') no-repeat 0 9px;}



.program1 {padding:40px 0 20px 0; margin:30px 0 20px 0; }
.program1:after { content:""; display:block; height:0; clear:both; float:none;} 
.program1_r{float:right; width:48%; }
.program1_l{float:left; padding:0 30px 0 0; }

.program1_title{font-size:22px; color:#222; padding:10px 0 15px 0; font-weight:400; line-height:170%;}
.program1_txt {font-size:16px; line-height:180%; color:#555; padding:10px 0 0 0;}

/* Board : imgList */
.imglist { width:100%; margin-top:10px;  border-top:0px solid #333; border-bottom:0px solid #333;}
.imglist > ul > li { border-top:1px dashed #ccc; }
.imglist > ul > li:after { content:""; display:block; clear:both;}
.imglist > ul > li:first-child { border-top:none;}
.imglist a { text-decoration:none;}
.imglist > ul > li{ display:block; padding:50px 0px 50px 0px; }
.imglist .tgImg { overflow:hidden; float:left; max-width:480px; min-height:150px;  border:0px solid #ddd; }
.imglist .tgImg img { width:100%; height:inherit;}
.imglist .tgCont { margin-left:550px; box-sizing:border-box; }
.imglist .tgCont .sTitle { font-weight:400; font-size:22px; color:#000; padding:0 0 10px 0;}
.imglist .tgCont .tgTxt { margin:10px 0 5px; color:#444; font-size:16px; line-height:180%; }
.imglist .tgCont .tgTxt_s{ margin:10px 0 5px; color:#676767; font-size:14px; line-height:180%; }



#program ul ul:after {content:","; display:block; height:0; clear:both; visibility:hidden;}
#program > ul > li > .program1_1{border-bottom:1px solid #ddd;}
#program > ul > li > .program1_1:after{display:block;content:"";clear:both;}
#program > ul > li > .program1_1 > li{float:left;text-align:left;padding:60px 0;}
#program > ul > li > .program1_1 > li:nth-child(1){padding: 60px 50px 60px 50px;width: 35%;}
#program > ul > li > .program1_1 > li:nth-child(1) span{display:block;}
#program > ul > li > .program1_1 > li:nth-child(1) span:nth-child(1){font-size: 14px;line-height:160%;letter-spacing: 1px; padding: 0 0 7px 0;}
#program > ul > li > .program1_1 > li:nth-child(1) span:nth-child(2){font-size:24px;line-height: 170%; font-weight: 400; color:#000; letter-spacing: -0.4¤Ä¤¼;}
#program > ul > li > .program1_1 > li:nth-child(2){width: 60%;}
#program > ul > li > .program1_1 > li:nth-child(2) p.program_txt{color:#222; margin-bottom:15px; line-height:170%;}
#program > ul > li > .program1_1 > li:nth-child(2) p.program_txt_s{width:100%; padding-right:25px; margin-bottom:5px; color:#444; font-size: 14px;}
#program > ul > li > .program1_1 > li:nth-child(2) p.program_txt_e{color:#222; margin-bottom:15px; line-height:170%; padding-top: 40px;}
#program > ul > li > .program1_1 > li:nth-child(2) p.program_txt_e02{width:100%; padding-right:25px; margin-bottom:5px; color:#444; font-size: 14px; padding-top: 5px;}
#program > ul > li > .program1_1 > li:nth-child(2) p.program_txt_time {width:100%; padding-right:25px; margin-bottom:5px; color:#444; font-size: 14px; padding-top: 30px;}


.program_info {padding:20px 50px 30px 50px; }
.program_tit {font-size:30px; font-weight:bold; color:#000; }
.program_s {padding:30px 0px 10px 0px; line-height:170% }


@media all and (max-width:840px) {

/* Board : imgList */
.imglist { width:100%; margin-top:10px;  border-top:0px solid #333; border-bottom:0px solid #333;}
.imglist > ul > li { border-top:1px dashed #ccc; }
.imglist > ul > li:after { content:""; display:block; clear:both;}
.imglist > ul > li:first-child { border-top:none;}
.imglist a { text-decoration:none;}
.imglist > ul > li{ display:block; padding:30px 0px 30px 0px; }
.imglist .tgImg { overflow:hidden; float:left; max-width:480px; min-height:150px;  border:0px solid #ddd; }
.imglist .tgImg img { width:100%; height:inherit;}
.imglist .tgCont { margin-left:550px; box-sizing:border-box; }
.imglist .tgCont .sTitle { font-weight:400; font-size:23px; color:#000; padding:0 0 10px 0;}
.imglist .tgCont .tgTxt { margin:10px 0 5px; color:#444; font-size:16px; line-height:180%; }
.imglist .tgCont .tgTxt_s{ margin:10px 0 5px; color:#676767; font-size:14px; line-height:180%; }


#program ul ul:after {content:","; display:block; height:0; clear:both; visibility:hidden;}
#program > ul > li > .program1_1{border-bottom:1px solid #ddd;}
#program > ul > li > .program1_1:after{display:block;content:"";clear:both;}
#program > ul > li > .program1_1 > li{float:left;text-align:left;padding: 10px 0 30px 0;}
#program > ul > li > .program1_1 > li:nth-child(1){padding: 40px 50px 20px 0px;width: 100%;}
#program > ul > li > .program1_1 > li:nth-child(1) span{display:block;}
#program > ul > li > .program1_1 > li:nth-child(1) span:nth-child(1){font-size: 16px;line-height:160%;letter-spacing: 1px; padding: 0 0 7px 0;}
#program > ul > li > .program1_1 > li:nth-child(1) span:nth-child(2){font-size:31px;line-height: 150%; font-weight: 400; color:#000; letter-spacing: -0.4px;}
#program > ul > li > .program1_1 > li:nth-child(2){width: 100%;}
#program > ul > li > .program1_1 > li:nth-child(2) p.program_txt{color:#222; margin-bottom:15px; font-size: 20px; line-height:165%; }
#program > ul > li > .program1_1 > li:nth-child(2) p.program_txt_s{width:100%;padding-right:25px;margin-bottom:5px;color:#444;font-size: 18px; line-height:165%;}

#program > ul > li > .program1_1 > li:nth-child(2) p.program_txt_e{color:#222; margin-bottom:15px; font-size: 20px; line-height:165%; padding-top: 30px;}
#program > ul > li > .program1_1 > li:nth-child(2) p.program_txt_e02{width:100%;padding-right:25px;margin-bottom:5px;color:#444;font-size: 18px; line-height:165%; padding-top: 5px;}
#program > ul > li > .program1_1 > li:nth-child(2) p.program_txt_time {width:100%; padding-right:25px; margin-bottom:5px; color:#444; font-size: 18px; padding-top: 30px;}

.program_info {padding:20px 0px 10px 0px; width:100%}
.program_s {font-size: 18px;}
}




@keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}

.animatedFadeInUp {
    opacity: 0
}

.fadeInUp {
    opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}

