@charset "utf-8";


/*-----------------------------------------------------------------*/
/* reset
/*-----------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 { margin:0; }
ol, ul, li, dl, dt, dd {list-style:none; padding:0; margin:0;}
li{ list-style-type:none; }
caption, legend { position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden; }
label, input, button, select, img { vertical-align:middle; }
input, button{ margin:0; padding:0; font-family:'Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; font-size:16px; font-weight:400; }
input, textarea{ margin:0; padding:0 15px; background:#fff; }
select{ margin:0; padding-left:5px; background:#fff; }
input, textarea, select, a, button{ outline:none; }
input, select{ height:36px; line-height:36px; font-size:14px; color:#555; border:1px solid #ddd; }
input[type=checkbox], input[type=radio]{ padding:0; border:none; margin-right:5px; height:auto; line-height:auto; }
button{ cursor:pointer; }
button,input[type=submit]{ margin:0; vertical-align:top; cursor:pointer; }
textarea {width:100%;font:400 12px/16px 'NanumGothic','Malgun Gothic',Sans-serif;color:#777;min-height:43px;border:solid 1px #ddd;background:#fff;padding:5px 1%;}
textarea, select { margin:0; font-family:'Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; font-size:14px; font-weight:400; }
p { margin:0; padding:0; word-break:keep-all; font-family:'Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; font-size:15px; line-height:25px; font-weight:400; color:#444; }
hr { display:none; }
a{ text-decoration:none; color:#222; }
a{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
a:link, a:visited { text-decoration:none; }
a:hover, a:focus, a:active { color:#000; text-decoration:underline; }
a:hover, a:active, a:focus{ text-decoration:none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
img,fieldset,iframe{ border:0; vertical-align:top; }
img,fieldset { border:none; }
table{ width:100%; margin:0px auto; border-collapse:collapse; border-spacing:0; vertical-align:top; }
label{ cursor:pointer; }
label:hover{ color:#f36910; }
label input[type=checkbox]{ vertical-align:middle; }
i{ font-style:normal; }




/* ROBOTO : latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(/css/fonts/roboto/Roboto-Light7.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(/css/fonts/roboto/Roboto-Regular7.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(/css/fonts/roboto/Roboto-Medium7.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Daehan';
  font-style: normal;
  font-weight: 400;
  src: url('/css/fonts/DaehanR.woff2') format('woff2'), url('/css/fonts/DaehanR.woff') format('woff');
}

@font-face {
  font-family: 'Daehan';
  font-style: normal;
  font-weight: 700;
  src: url('/css/fonts/DaehanB.woff2') format('woff2'), url('/css/fonts/DaehanB.woff') format('woff');
}

@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

address{ float:right; width:81%; font-style:normal; }
address h3{ padding:0 0 7px; color:#141414; font-size:14px; }
address ul{ overflow:hidden; }
address ul li{ position:relative; float:left; padding:1px 10px 1px 11px; color:rgba(255,255,255,0.7); font-size:13px; font-family:'Noto Sans KR','Malgun Gothic',Sans-serif; font-weight:400; line-height:150% }
address ul li:first-child{ padding-left:0; }
address ul li:last-child{ padding-right:0; }
address ul li:before{ position:absolute; left:0; top:50%; margin-top:-5px; content:""; width:1px; height:10px; background:#666; }
address ul li:first-child:before{ display:none; }
address ul li a{ display:inline-block; color:rgba(255,255,255,0.7); }
address ul li a:hover{ color:rgba(255,255,255,0.9); }
address ul:last-child li{ font-size:13px; font-family:'Noto Sans KR','Malgun Gothic',Sans-serif; font-weight:400; line-height:150% }

address ul:first-child{ margin-bottom:5px; }
address ul:first-child li{ font-size:14px; }
address ul:first-child li:before{ margin-top:-2px; width:2px; height:2px; border-radius:100px; }


/*----스크롤 헤더-----*/

#header.on .logo{display:none;}
#header.on .logo.two{display:block;}
#header.on {background:#fff; opacity:1; border-color:#ddd; }
#header.on .flex-box{background:#fff; opacity:1; }
#header.on .Menu li a{color:#000; }
#header.on .top_menu_right li a{color:#333; font-weight:400; }
#header.on .top_menu_right li:nth-child(1) a{ color:#d5243c; font-weight:400; }


/*----메인배너----*/
.red{color:#d3233b;}
.centerWrap{ position:relative; width:100%; max-width:1230px; min-width:1024px; margin:0 auto; padding-left:15px; padding-right:15px; }
.centerWrap:after{ display:block; content:''; clear:both; }
.img_wrap{z-index:2; position:relative; overflow:hidden;}
.img_wrap img{width:auto !important; max-width:100% !important; }

.main_banner_ment{text-align:left; }
.main_banner_ment h1{margin:10px 0 20px; font-family:'GmarketSansBold'; font-size:80px; line-height:120%; color:#fff; }
.main_banner_ment h1 b{display:block; font-family:'GmarketSansBold'; font-size:80px;}
.main_banner_ment h3{font-family:'GmarketSansLight'; font-size:28px; line-height:120%; color:#fff; }
.main_banner_ment h3 b{font-family:'GmarketSansBold'; }

.main_banner_wrap{margin-top:-85px;}
.main_banner_wrap li:hover p{color:rgba(255,255,255);}


/*----튜나셰프 소개----*/
.main_content_wrap {background:url(../img/main_content_bg.jpg) no-repeat center; margin-top:85px; height:852px; }
.main_content_top h2{font-family:'GmarketSansBold'; font-size:40px; line-height:120%; color:#333; }
.main_content_top h1{ font-family:'GmarketSansBold'; font-size:50px; line-height:160%; color:#000; }
.main_content_top h1 b{ font-family:'GmarketSansBold'; font-size:50px; line-height:160%; }
.main_content_top p{ padding:20px 0 35px; font-family:'Noto Sans KR','Malgun Gothic',Sans-serif; font-weight:400; color:#333; font-size:20px; line-height:160%;}

.main_content_bottom{overflow:hidden; }
.main_content_bottom li{position:relative; overflow:hidden; float:left; width:32%; margin-left:2%; height:360px; background:url(../img/main_content01.jpg) no-repeat top; border-radius:20px;  }
.main_content_bottom li:nth-child(2){background:url(../img/main_content02.jpg) no-repeat top;}
.main_content_bottom li:nth-child(3){background:url(../img/main_content03.jpg) no-repeat top;}
.main_content_bottom li:nth-child(3n+1){ margin-left:0; }
.main_content_bottom li img{ max-width:100%; width:auto; margin:0 auto; height:auto !important; }


.main_content_bottom li dl{padding:40px 20px; }
.main_content_bottom li dl dt{ font-family:'Noto Sans KR','Malgun Gothic',Sans-serif; font-weight:600; font-size:30px; line-height:150%; color:#d3233b; }
.main_content_bottom li dl dt:after{display:block; content:' '; width:40px; height:1px; background:#d3233b; opacity:.4; }
.main_content_bottom li dl dd{padding-top:30px; word-break:keep-all; font-family:'Noto Sans KR','Malgun Gothic',Sans-serif; font-weight:400; color:#fff; font-size:17px; line-height:160%; }

.main_content_bottom li:hover dt{color:#fff;}
.main_content_bottom li:hover dl dt:after{background:#ddd;}
.main_content_bottom li:hover dd{color:rgba(255,255,255,.8);}
.main_content_bottom li:hover{ background:#d3233b; transition: background 1s ease-out; -webkit-transition: 0.5s ease-in-out;}



/*----업체 튜나셰프 소개_v1----*/

/*.main_franchise_wrap{background:#ddd; padding-top:85px; }
.main_franchise{padding:80px 0; overflow:hidden; }
.main_franchise .franchise_left{float:left; width:60%; padding-top:15px;}
.main_franchise .franchise_right{float:left; width:40%;}

.franchise_left .top{padding-bottom:30px;}
.franchise_left .top:after{ display:block; content:' ';  margin-top:15px; width:60px; height:1px; background:#d3233b; opacity:.4; }
.franchise_left .top h1{padding-bottom:10px; font-family:'GmarketSansBold'; font-size:40px; line-height:160%; color:#000; }
.franchise_left .top h3{font-family:'Noto Sans KR','Malgun Gothic',Sans-serif; font-weight:600; color:#555; font-size:20px; line-height:160%; }
.franchise_left .top p{ font-family:'GmarketSansBold'; font-size:22px; line-height:150%; color:#888; }
.franchise_left .bottom span{display:block; font-family:'Noto Sans KR','Malgun Gothic',Sans-serif; font-weight:400; color:#333; font-size:18px; line-height:160%; }*/

/*----업체 튜나셰프 소개_v2----*/
.main_franchise_wrap{background:url(../img/main_franchise_bg.gif);  }
.main_franchise{padding:60px 0; overflow:hidden; position:relative; }
.main_franchise a{position:absolute; top:85px; right:0; background:rgba(255,255,255,.4); color:#555; border:solid 1px #ddd; border-radius:2px; padding:6px 30px; font-family:'Noto Sans KR','Malgun Gothic',Sans-serif; font-weight:400; font-size:16px; }
.main_franchise a:hover{border-color:#d3233b; background:#d3233b; color:#fff;}
.main_franchise h1{font-family:'GmarketSansBold'; font-size:35px; line-height:150%; color:#000; }
.main_franchise p{font-family:'Noto Sans KR','Malgun Gothic',Sans-serif; font-weight:400; font-size:18px; line-height:150%; color:rgba(0,0,0,.7); }

/*----신청버튼---*/

.main_application_wrap{background:url(../img/application_bg.jpg) no-repeat center; }
.main_application{ padding:105px 0 90px; overflow:hidden; }
.main_application .application_left{float:left; width:88%; }
.main_application .application_right{float:left; width:12%; }
.main_application .application_right a{display:block; position:relative; text-align:center; width:125px; height:125px; background:#cd3247; border-radius:100px; margin-bottom:15px; font-family:'GmarketSansBold'; font-size:17px; color:#fff; } 
.main_application .application_right a p{padding:15px 0 5px;}
.main_application .application_right a:first-child p{padding-bottom:0;}
.main_application .application_right a img{max-width:100%; width:auto; margin:0 auto;}
.main_application .application_right a:hover{background:#97091d; }
.main_application .application_left h2{ font-family:'GmarketSansBold'; font-size:30px; line-height:150%; color:#fff; }
.main_application .application_left h1{ font-family:'GmarketSansBold'; font-size:40px; line-height:150%;  }
.main_application .application_left h3{ font-family:'GmarketSansBold'; font-size:22px; line-height:150%; color:rgba(255,255,255,.8); }
.main_application .application_left p{padding-top:50px; font-family:'Noto Sans KR','Malgun Gothic',Sans-serif; font-weight:400; color:rgba(255,255,255,.7); font-size:18px; line-height:160%; }

/*----사이트맵 타이틀, x 버튼----*/
#sitemap .site_menu_title{ overflow:hidden; margin:60px 0 30px; }
#sitemap .site_menu_title h1{ float:left; font:500 30px/32px 'Roboto','Noto Sans KR',Malgun Gothic,Sans-serif; color:#434343; text-transform:uppercase; }
#sitemap .btn_close{ float:right; position:relative; font-size:30px; text-align:right; display:inline-block; padding:10px; cursor:inherit; }
#sitemap .btn_close > i{ font-size:18px; color:#333; vertical-align:5px; cursor:pointer; }

/*----사이트맵----*/
#sitemap{ display:none; position:fixed; background:#fff url(/img/bg_pattern_01.png); width:22%; height:100%; z-index:9999; top:0; right:0; }
#sitemap .centerWrap{max-width:auto !important; min-width:auto !important; width:auto;  }

#sitemap .site_menu{ position:relative; display:block; overflow:hidden; }
#sitemap .site_menu > li{ float:none; width:100%; padding-bottom:15px; }
#sitemap .site_menu > li:nth-child(4n+1){ margin-left:0; }
#sitemap .site_menu > li:nth-child(5){  }
#sitemap .site_menu > li:last-child{  }

#sitemap .depth_1{ position:relative; display:block; width:100%; padding:0 20px; margin-bottom:6px; background:#d3233b; font:400 20px/46px 'Roboto','Noto Sans KR', "Malgun Gothic", Sans-serif; text-transform:uppercase; text-align:left; color:#fff; }
#sitemap .depth_1:before{ position:absolute; right:0; bottom:0; width:100%; height:100%; content:''; }

#sitemap .depth_2{ position:relative; }
#sitemap .depth_2 li{ border-bottom:1px dotted #ddd; }
#sitemap .depth_2 li > a{ display:block; padding:0 0 0 15px; color:#444; font:300 14px/34px 'Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; }
#sitemap .depth_2 li > a{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
#sitemap .depth_2 > li:hover > a{ color:#434343; font-weight:400; }
#sitemap .depth_2 li.active > a{ color:#434343; font-weight:400; }

/* 3depth */
#sitemap .depth_3{ position:relative; }
#sitemap .depth_3 li{ border-top:1px dotted #ddd; border-bottom:none; }
#sitemap .depth_3 li.active a{ color:#434343; font-weight:400; }
#sitemap .depth_3 li > a{ position:relative; padding-left:32px; color:#555; }
#sitemap .depth_3 li > a:before{ position:absolute; left:22px; top:15px; display:inline-block; content:''; margin-right:5px; width:3px; height:3px; border-radius:100px; background:#555; }
#sitemap .depth_3 li > a:hover{ color:#434343; font-weight:400; }
#sitemap .depth_3 li > a:hover:before{ background:#434343; }


/*----태블릿반응형---*/

@media(max-width:1200px){
	
.centerWrap{min-width:auto; width:auto; }			
#header .flex-box{ padding:0 15px; }
#section1{height:auto !important; }	
#section2{height:auto !important; }
#section3{height:auto !important;} 


}





/*----모바일반응형---*/

@media(max-width:999px){
	
input, textarea, select{font-size:12px; }
input, select{height:30px; line-height:30px;}
	
.centerWrap{min-width:auto; width:auto; }	
#section1{height:auto !important; }	
#section2{height:auto !important; }
#section3{height:auto !important;} 

#header{height:65px; }
.logo a img{width:120px !important;}
.logo.two a img{width:120px !important;}
#header .Menu{display:none;}
#header .top_menu_right{width:100%; }
#header .top_menu_right li{margin:4px 0; }
#header .top_menu_right li a{font-size:12px; padding:0 4px;}
#header .flex-box{padding:0 15px;}

#sitemap{width:100%; }
.siteMap{width:auto; padding:33px 0 0 0; }
.siteMap div{width:26px; height:20px; }
.siteMap span{ height:1px; }	
.siteMap span:nth-of-type(2){width:12px; top:9px; }	
	
#sitemap .site_menu_title h1{font-size:20px;}	
#sitemap .site_menu_title{margin:30px 0 15px;}	
#sitemap .depth_1{font-size:16px; line-height:36px;}
#sitemap .depth_2 li > a{font-size:13px; line-height:30px;}
#sitemap .site_menu > li{padding-bottom:10px;}
	
.visual_ment{top:120px; }	
.main_banner_ment h1{font-size:28px; margin-bottom:0; }	
.main_banner_ment h3{font-size:18px;}
.main_banner_ment{text-align:center; }	

.main_content_top h1 b{font-size:30px;}

.main_banner_ment h1 b{font-size:35px;}
.main_content_wrap{height:auto; margin-top:25px; padding-bottom:30px;}
.main_content_top{padding:25px 0; }	
.main_content_top h2{font-size:22px; }	
.main_content_top h1{font-size:24px; line-height:150%; }
.main_content_top p{font-size:15px; line-height:140%; padding:10px 0 20px; }
.main_content_bottom li{float:none; width:100%; margin-left:0; margin-bottom:15px; height:auto;  }
.main_content_bottom li dl dt{font-size:20px;}
.main_content_bottom li dl dt:after{width:30px;}
.main_content_bottom li dl dd{font-size:13px; line-height:140%; padding-top:20px;}

.history_middle h3 br{display:none;}

.main_franchise_wrap{padding-top:0; }
.main_franchise{padding:30px 0 80px;}
.main_franchise h1{font-size:24px; }
.main_franchise p{font-size:15px;}
.main_franchise a{right:auto; left:0; top:123px; border-radius:15px; border-color:#d3233b; color:#d3233b;  font-size:13px; padding:0 13px 3px; }

.main_application{padding:30px 0; }
.main_application .application_left{float:none; width:100%; }
.main_application .application_right{float:none; width:100%; margin-top:20px; }
.main_application .application_right a{display:inline-block; float:left; width:49%; margin-left:2%; height:auto;  border-radius:15px; font-size:15px; padding:13px 0 10px; }
.main_application .application_right a p{ display:inline; }
.main_application .application_right a:nth-child(2) p{padding-bottom:4px;}
.main_application .application_right a:first-child{margin-left:0; }
.main_application .application_right a img{width:40px; margin-top:-8px; padding-right:7px; }

.main_application .application_left h2{font-size:22px;}
.main_application .application_left h1{font-size:24px; }
.main_application .application_left h3{font-size:18px; }
.main_application .application_left p{font-size:15px; line-height:140%; padding-top:15px;}

address{float:none; width:100%; }
.copyright_block{padding:35px 0; text-align:center; }
.copyright_wrap h1{float:none; width:100%; }
.copyright_wrap h1 a{max-width:125px; margin:0 auto; padding-bottom:15px;}
address ul li{font-size:12px; float:none; display:inline-block; padding:0 6px 0 8px; color:rgba(255,255,255,0.5); }
address ul:last-child li{font-size:12px; }
address ul li:nth-child(4):before{display:none; }
}