@charset "euc-kr";
/**********************************************************
	Main (¸ÞÀÎ)
	½ºÅ¸ÀÏ : "/main.html";
**********************************************************/

@media only screen and (max-width:1023px){
div#scroll{display:none;}

div#contents { position: relative; width: 100%; margin: 0 auto; text-align: center; }
div#contents div#visual { display:none;}
div#contents div#visual_m{display:block;position:relative;width:100%; margin-top:0px; }

div#contents div.maintin p {font-size: 16px !important; }
div#contents div.maintin img {position:absolute;width:100%; left:50%;top:50%;margin:-307px 0 0 -950px;}
div#contents div.maintin {width:100%; margin:0 auto;padding:6px 0; position:absolute; z-index:99;}
div#contents div.maintin a { margin: 50px auto !important; }
div#contents div.maintin ul.sub_m {float:left;width:100%;}
div#contents div.maintin ul.sub_m li {float:left;width:260px;margin-left:70px;border:3px solid #ffffff;}
div#contents div.maintin ul.sub_m li a:hover {float:left;}

div#contents div.maintin p span{font-size:35px; font-weight:bold; color: rgba(204, 204, 204, 0.8);}

div#contents div#cont2{display:table; width: 100%; margin: 0 auto; padding:30px 0;  background-color: #333; }
div#contents div#cont2 h1{font-weight: bold; font-size:30px; color:#fff; }
div#contents div#cont2 ul#caution{width:100%; margin: 0 auto; }
div#contents div#cont2 ul#caution li{width: 47%; float:left; padding:100px 1% 5% 1%; font-size:16px; line-height: 24px; text-align:center; color:#fff; background-position: 50% 0; background-repeat: no-repeat}
div#contents div#cont2 ul#caution li img{width:65px; }

div#contents div#cont2 table#caution {width: 70%;  margin: 0 auto; padding:20px 20px;  text-align: center; }
div#contents div#cont2 table#caution th { padding-bottom: 30px; font-weight: normal; font-size: 12pt; line-height: 1.3; }
div#contents div#cont2 table#caution th b { font-size: 30pt; font-weight: bold; color: #FFF;  }
div#contents div#cont2 table#caution td { padding:10px; font-size: 12pt; line-height:1.3; color: #fff; }
div#contents div#cont2 table#caution td img{ width:128px; }

div#contents div#sub03{width:100%; margin:30px auto}

ul.sub03_tab { overflow: hidden; width:100%; margin:0 auto; padding-bottom: 20px}
ul.sub03_tab img { display: block; width:80%; height:32px; margin:0px auto; }
ul.sub03_tab img.d { display: block; width:100%; height:32px; margin:0px auto; }
ul.sub03_tab li { float:left; width: 32%; height: 40px; margin-right:2%; text-align:center;  }
ul.sub03_tab li:last-child{margin:0;}
ul.sub03_tab li a { display: block;  color:#fff; background-color: #494c50; font-weight: bold; text-decoration: none; line-height: 40px; }
ul.sub03_tab li a.active {color:#fff;background:#f19000; }

div.map_box{ overflow: hidden; width:100%; padding: 0 0 10px 0}
div.map_box div.r_txt{width:100%; }
div.map_box div.r_txt img{display:block; width:100%; }
div.map_box div.r_txt p{padding-top:7px; text-align:left; font-size:14px; line-height:24px;}
div.map_box{width:98%; margin:0 auto; padding-top:2%; border: solid 1px #636363; }
div.map_box div.l_txt{width:98%; margin:0 auto;}
div.map_box div.l_txt img{display:block; width:100%; }
div.map_box div.r_txt{width:96%; padding: 0 2%;}
div.map_box div.r_txt h3 { font-size: 24px; margin-top: 20px}
div.map_box div.r_txt p{ padding-top:7px; text-align:left; font-size:14px; line-height:24px;}
div.map_box div.r_txt p span { color: #999}
div.map_box ul.imgbox { overflow: hidden; width:100%; padding:2% 0 ; border-bottom: 1px solid #636363; }
div.map_box ul.imgbox li { float:left; width:23%; height:50px; margin-left:1%; border:1px solid #636363; cursor:pointer; }
div.map_box ul.imgbox img { width: 100%; height: 100%; margin: 0 }
ul.snsbox{width:100%; height:100px;}
ul.snsbox li{width:23%; height:74px; float:left; margin-right:2%;}
ul.snsbox li:last-child{margin:0;}
ul.snsbox li a{}
ul.snsbox li a img{display:block; width:100%; }

div.txt_box{ width:100%; margin:20px auto;}
div.txt_box h2{ font-size:18px; line-height:20px; font-weight:bold; color:#300607;}
div.txt_box p{ font-size:14px; line-height:26px; padding:20px 0 30px 0; }


div.img_box{  display:inline-block; text-align:center; width:98%; /*height:480px;*/  margin:0 1% 30px 1%; background:#2f333b;}
div.img_box span.tit{display:block;  font-size: 16px; height:35px; font-weight: bold; text-align:center; margin-top:10px; vertical-align:middle !important;}
div.img_box img{ display:inline-block; width:80%; margin:10px auto; }	
div.img_box_t{display:inline-block;width:100%;font-size: 13px; color: #fff; text-align:left; margin-top: 10px; padding-top: 5px; border-top: 2px solid #000}
div.img_box_t h3 {text-align:left; font-size: 14px; line-height:150%;}
div.img_box_t h3 span{float:left; width:100%; font-size: 14px; }
div.img_box_t h3 span.span1{text-align:center;}
div.img_box_t h3 span.span3{text-align:center;}
div.img_box_t h3 span.span2{text-align:center; font-size: 14px;}
div.img_box_t h3 span.span4{text-align:center; font-size: 14px;}
div.img_box_t div#tt{width:92%;margin: 0 auto;}
div.img_box_t div#tt ul{width:100%; height:25px;margin:0 auto; }
div.img_box_t div#tt ul li{float:left; width:50%; font-size:14px; color: #f90; font-weight: bold;  padding:3px 0 10px}
div.img_box_t span.colorW { color: #fff}
div.img_box_t p{font-size: 15px; color: #000; }
div.img_box a.reserv {clear:both; display: block; width:90%; margin:18px auto 18px auto;  background:#f90; color: #222; text-align:center; font-size:18px;text-decoration: none; font-weight: bold;padding:10px 0;  }


div#contents div#cont4{width: 100%; background:#313131; margin: 0 auto; padding:30px 0; }
div#contents div#cont4 h1{font-size: 30px;  font-weight: bold; padding-bottom:40px; }
div#contents div#cont4 div.store{width:100%; margin:0 auto;}
div#contents div#cont4 div.jijum_box{width:100%; margin-bottom:50px;}
div#contents div#cont4 div.jijum_box div.ibox img{ display:block; width:100%; height:198px;}
div#contents div#cont4 div.jijum_box div.tbox{ background-color:#363a42;}
div#contents div#cont4 div.jijum_box h2 {font-size: 22px; margin-bottom:20px; font-weight: bold; text-align:center; color:#fff; padding: 10px; height:30px; line-height:30px; background: #363a42;
    border: solid 1px #494e58;}
div#contents div#cont4 div.jijum_box div.tbox ul {height:42px; margin: 0 auto; padding:10px;}
div#contents div#cont4 div.jijum_box div.tbox ul li{ float:left; width:32%; margin-right:2%; }
div#contents div#cont4 div.jijum_box div.tbox ul li:last-child{ margin:0; }
div#contents div#cont4 div.jijum_box div.tbox ul li a{background: #494e58; display:block; text-align: center; font-size: 14px; font-weight: bold;color:#fff; padding:10px; }
div#contents div#cont4 div.jijum_box div.tbox p{font-size:14px; line-height:20px; padding:10px; text-align:center;}

div#cont5 { width: 100%; margin: 50px auto;}
div#cont5 h1{ text-align: left; margin-bottom: 24px; }
div#cont5 div.wrap_review { overflow: hidden; }
div#cont5 li { float: left; width: 100%; margin-bottom: 30px}
div#cont5 ul img {float: left; width: 28%; border: 3px solid #333;}
div#cont5 div.txt_box { float: left; width: 60%; padding: 1% 2%; margin: 0; text-align: left }
div#cont5 div.txt_box p.tit { font-size: 18px; line-height: 2; padding: 0; }
div#cont5 div.txt_box span.color_orange { display: block; margin-bottom: 10px; font-size: 16px; color: #f90}

}


/* pc */
@media only screen and (min-width:1024px){

div#scroll{display:block;}

div#contents { position: relative; width: 100%; margin: 0 auto; padding-top:80px; text-align: center; }

div#contents div.maintin p { margin-top: 130px; font-size: 42px !important; }
div#contents div.maintin img {position:absolute;width:1900px;height:580px;left:50%;top:50%;margin:-307px 0 0 -950px;}
div#contents div.maintin {width:100%;height:600px; margin:0 auto; padding-top:30px; position:absolute; z-index:99;}
div#contents div.maintin a { margin: 50px auto !important; }
div#contents div.maintin ul.sub_m {float:left;width:980px;height:556px;}
div#contents div.maintin ul.sub_m li {float:left;width:260px;height:550px;margin-left:70px;border:3px solid #ffffff;}
div#contents div.maintin ul.sub_m li a:hover {float:left;}

div#contents div.maintin p span{font-size:130px; font-weight:bold; color: rgba(204, 204, 204, 0.8);}

div#contents div#visual { position:relative; width:100%; margin-top:0px; height:620px; display:block; }

div#contents div#visual_m { display:none;}
/*
div#contents div#cont2{display:table; width: 100%; margin: 0 auto; padding:30px 0;  }
div#contents div#cont2 h1{font-weight: bold; font-size:40px; color:#fff; }
div#contents div#cont2 ul#caution{width:70%; margin: 0 auto; padding:20px; }
div#contents div#cont2 ul#caution li{width: 23%; float:left; padding:1%; font-size:16px; line-height: 24px; text-align:center; color:#fff; }
div#contents div#cont2 ul#caution li img{width:128px; }


div#contents div#cont2 table#caution {width: 70%;  margin: 0 auto; padding:20px 20px;  text-align: center; }
div#contents div#cont2 table#caution th { padding-bottom: 30px; font-weight: normal; font-size: 12pt; line-height: 1.3; }
div#contents div#cont2 table#caution th b { font-size: 30pt; font-weight: bold; color: #FFF;  }
div#contents div#cont2 table#caution td { padding:10px; font-size: 12pt; line-height:1.3; color: #fff; }
div#contents div#cont2 table#caution td img{ width:128px; }
*/
div#cont2 { width: 100%; padding-top: 60px; background: url(../images/main/dan_bg.png) 50% 0% repeat-x}
div#cont2 div.wrap_nb { width: 1000px; margin: 0 auto}
div#cont2 h1 { text-align: left; margin-bottom: 30px;}
div#cont2 ul#caution {overflow: hidden;}
div#cont2 ul#caution li { float: left; width: 370px; padding: 0 40px 30px 90px; text-align: left; font-size: 14px; line-height: 1.6; color: #999; background-position: 0 0; background-repeat: no-repeat}
div#cont2 ul#caution li img { margin: 0 0 5px -5px;}


div#contents div#sub03{width:1024px; margin:40px auto 0}

div#left1 { overflow: hidden; margin-top: 100px}

ul.sub03_tab {width:812px; height: 85px; margin:0 auto; padding: 23px 0 0 28px; background: url(../images/main/main_titbg.png)}
ul.sub03_tab li { float:left; height: 40px; text-align:center; }
ul.sub03_tab li/*:first-child*/ { margin-right: 16px }
ul.sub03_tab li a {display:block; width: 251px; height:61px; color:#fff;background:url(../images/main/titbg_off.png); background-color: #494c50; text-decoration: none; line-height: 61px; font-size: 22px; font-weight:bold; }
ul.sub03_tab li a img { margin-top: 10px}
ul.sub03_tab li a.active { color:#fff; font-weight: bold; background: url(../images/main/titbg_on.png); }


div.map_box{width:100%; height: 376px; padding-top:2%; margin-top: 30px; background: url(../images/main/txtbox_bg.png) 50% 50% no-repeat}
div.map_box div.l_txt{width:50%; float:left; border-right: solid 1px #636363; margin-top: 10px}
div.map_box div.l_txt img{display:block; width:70%; height: 237px; margin: 0 auto }
div.map_box div.r_txt{width:43%; float:left; padding: 0 2%;}
div.map_box div.r_txt h3 { font-size: 24px; text-align: left; margin-top: 40px}
div.map_box div.r_txt p{ padding:15px 0 10px; text-align:left; font-size:14px; line-height:24px; color: #f0f0f0; margin-bottom: 20px}
div.map_box div.r_txt p span { color: #999}
div.map_box ul.imgbox { overflow: hidden; width:358px; height: 80px; margin: 0 auto }
div.map_box ul.imgbox li { float:left; width:23%; height:80px; margin-left:1%; border:1px solid #636363; cursor:pointer; }
div.map_box ul.imgbox img { width: 100%; height: 100%; margin: 0 }
ul.snsbox{}
ul.snsbox li{width:49px; height:49px; float:left; margin-right:20px;}
ul.snsbox li:last-child{margin:0;}
ul.snsbox li a{}
ul.snsbox li a img{display:block; width:100%; }

div.txt_box{ width:100%; margin:50px auto;}
div.txt_box h2{ font-size:18px; line-height:20px; font-weight:bold; color:#300607;}
div.txt_box p{ font-size:14px; line-height:26px; padding:20px 0 30px 0; }


div.img_box{ overflow: hidden; display:inline-block; text-align:center; width:230px; /*height:480px;*/  margin:0 10px 30px 10px; background:#494c50;}
div.img_box span.tit{display:block; height: 35px; font-size: 16px; font-weight: bold; text-align:center; margin:10px 0; }
div.img_box span.subtit { display: block; padding: 0 10px; height: 30px;}
div.img_box img{ display:block; width:100%; }	
div.img_box_t{display:inline-block;width:100%;font-size: 13px; color: #fff; text-align:left; border-top: 2px solid #333; margin-top: 10px; padding-top: 5px}
div.img_box_t h3 {text-align:left; font-size: 14px; line-height:150%;}
div.img_box_t h3 span{float:left; width:100%; font-size: 14px; }
div.img_box_t h3 span.span1{text-align:center;}
div.img_box_t h3 span.span3{text-align:center;}
div.img_box_t h3 span.span2{text-align:center; font-size: 14px;}
div.img_box_t h3 span.span4{text-align:center; font-size: 14px; color:#f90;}
div.img_box_t div#tt{width:92%;margin: 0 auto;}
div.img_box_t div#tt ul{width:100%; height:25px;margin:0 auto; }
div.img_box_t div#tt ul li{float:left; width:50%; font-size:11px; color: #f90; font-weight: bold;  padding:3px 0 10px}
div.img_box_t span.colorW { color: #fff}
div.img_box_t p{font-size: 15px; color: #000; }
div.img_box a.reserv {clear:both; display: block; width:90%; margin:18px auto 18px auto; background-color: #f90; text-align:center; font-size:18px;text-decoration: none; font-weight: bold;padding:10px 0; color: #222; }


div#contents div#cont4{width: 100%; background:#313131; margin: 0 auto; padding:30px 0; }
div#contents div#cont4 h1{font-size: 40px;  font-weight: bold; padding-bottom:40px; }
div#contents div#cont4 div.store{width:1020px; margin:0 auto;}
div#contents div#cont4 div.jijum_box{float:left; width:300px; margin:0 20px;}
div#contents div#cont4 div.jijum_box div.ibox img{ display:block; width:100%; height:198px;}
div#contents div#cont4 div.jijum_box div.tbox{ background-color:#363a42;}
div#contents div#cont4 div.jijum_box h2 {font-size: 22px; margin-bottom:30px; font-weight: bold; text-align:center; color:#fff; padding: 10px; height:30px; line-height:30px; background: #363a42;
    border: solid 1px #494e58;}
div#contents div#cont4 div.jijum_box div.tbox ul {height:42px; margin: 0 auto; padding:10px;}
div#contents div#cont4 div.jijum_box div.tbox ul li{ float:left; width:86px; margin-right:10px; }
div#contents div#cont4 div.jijum_box div.tbox ul li:last-child{ margin:0; }
div#contents div#cont4 div.jijum_box div.tbox ul li a{background: #494e58; display:block; text-align: center; font-size: 14px; font-weight: bold;color:#fff; padding:10px; }
div#contents div#cont4 div.jijum_box div.tbox p{font-size:14px; line-height:20px; padding:10px; text-align:center;}

div#cont5 { width: 1000px; margin: 50px auto;}
div#cont5 h1{ text-align: left; margin-bottom: 24px; }
div#cont5 div.wrap_review { overflow: hidden; }
div#cont5 li {overflow: hidden; float: left; width: 500px; height: 140px; margin-bottom: 30px}
div#cont5 ul img {float: left; width: 188px; height: 128px; border: 6px solid #333}
div#cont5 div.txt_box { float: left; width: 270px; height: 140px; padding: 7px 10px 7px 20px; margin: 0; text-align: left }
div#cont5 div.txt_box p.tit { font-size: 18px; line-height: 2; padding: 0; }
div#cont5 div.txt_box span.color_orange { display: block; margin-bottom: 10px; font-size: 16px; color: #f90}

}