@charset "utf-8";

/* QUICK */
/*
#quick { position:absolute; width:160px; right:10px; top:161px; border-bottom:2px solid #a4acaf; z-index:999; }
#quick_sub { position:absolute; width:160px; right:10px; top:409px; border-bottom:2px solid #a4acaf; z-index:999; }
#quick01 { position:absolute; width:83px; right:10px; top:184px; border:1px solid #e0e0e0; z-index:999; }
#quick01_sub { position:absolute; width:83px; right:10px; top:409px; border:1px solid #e0e0e0; z-index:999; }
*/
#quick { position:absolute; width:153px; right:20px; top:409px; z-index:999; }
.quick_tel { line-height:0; }
.quick_area { background-color:#FFF; border-left:1px solid #acacac; border-right:1px solid #acacac; border-bottom:1px solid #acacac; }
.quick_area .steff_go { height:36px; background:url(../images/inc/quick_line.png) no-repeat center bottom; background-color:#f9f9f9; }
.quick_area .steff_order { height:36px; background:url(../images/inc/quick_line.png) no-repeat center top; background-color:#f9f9f9; }
.quick_area .steff_text { float:left; margin-left:12px; }
.quick_area .steff_text a,
.quick_area .steff_text a:hover { width:145px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#5d5d5d; font-size:12px; line-height:35px; font-weight:bold; display:block; background:url(../images/inc/quick_more.png) no-repeat 126px 13px; }
.quick_area .steff_text01 { float:left; margin-left:12px; }
.quick_area .steff_text01 a,
.quick_area .steff_text01 a:hover { width:145px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#ed1c24; font-size:12px; line-height:35px; font-weight:bold; display:block; background:url(../images/inc/quick_more.png) no-repeat 126px 13px; }
.quick_area .steff_message { margin:19px auto; }
.quick_area .steff_message .message_info { height:20px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#5f5f5f; font-size:12px; text-align:center; }
.quick_area .steff_message .message_texarea { height:79px; text-align:center; }
.quick_area .steff_message .message_texarea textarea { width:127px; height:61px; padding:5px; border:1px solid #d5d5d5; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#5f5f5f; font-size:12px; line-height:20px; }
.quick_area .steff_message .message_tel { margin:0 auto; width:139px; height:32px; }
.quick_area .steff_message .message_tel .tel01 { float:left; width:40px; height:21px; }
.quick_area .steff_message .message_tel .tel01 input{ font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#5d5d5d; font-size:12px; text-align:center; }
.quick_area .steff_message .message_tel .tel02 { float:left; width:9px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#afafaf; font-size:12px; line-height:21px; text-align:center; }
.quick_area .steff_message .message_btn { width:137px; height:26px; margin:0 auto; border:1px solid #6ba7e5; background-color:#015cba; text-align:center; }
.quick_area .steff_message .message_btn a,
.quick_area .steff_message .message_btn a:hover { font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#ffffff; font-size:13px; line-height:26px; font-weight:bold; display:block; }
.quick_banner { line-height:0; }
.quick_banner ul { margin:0; padding:0; }
.quick_banner li { list-style:none; text-align:center; }

/* STEFF STORY */
.story01 { width:994px; margin:23px auto 0; }
.story01 .head_info { width:974px; height:57px; margin:0 auto; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#263e7a; font-size:25px; font-weight:bold; }
.story01 .head_photo { width:990px; height:204px; margin:0 auto; }
.story01 .head_photo ul { margin:0; padding:0; }
.story01 .head_photo li { list-style:none; float:left; width:330px; }
.story01 .head_photo .photo { text-align:center; }
.story01 .head_photo .photo_title { margin-top:14px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#263e7a; font-size:15px; font-weight:bold; text-align:center; }
.story01 .line { margin:48px auto 45px; height:1px; background:url(../images/story/line_bg.png) repeat-x; }
.story01 .head_text { width:974px; margin:0 auto 50px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#666; font-size:13px; line-height:22px; text-align:justify; }
.story01 .head_text .red { color:#ed1c24; }
.story01 .history { }
.story01 .history .title { margin-bottom:50px; }

.story01 .history .history_header { }
.story01 .history .history_header .photo { float:left; width:373px; height:255px; margin-left:5px; }
.story01 .history .history_header .history { float:left; width:588px; margin-left:24px; }
.story01 .history .history_header .history_list { width:588px; }
.story01 .history .history_header .history_list ul { margin:0 auto; }
.story01 .history .history_header .history_list li { list-style:none; padding-bottom:40px; background:url(../images/story/history_img04.png) repeat-y 73px 0px; }
.story01 .history .history_header .history_list .year { float:left; width:91px; background:url(../images/story/history_img02.png) no-repeat 73px 0px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#000000; font-size:23px; font-weight:bold; letter-spacing:0; text-align:left; }
.story01 .history .history_header .history_list .year01 { float:left; width:91px; background:url(../images/story/history_img03.png) no-repeat 73px 0px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#000000; font-size:23px; font-weight:bold; letter-spacing:0; text-align:left; }
.story01 .history .history_header .history_list .history_right { float:left; margin-top:-6px; }
.story01 .history .history_header .history_list .history_right ul { margin:0px; padding:0px; }
.story01 .history .history_header .history_list .history_right li { list-style:none; padding-bottom:0px; background:none; }
.story01 .history .history_header .history_list .history_right .month { float:left; width:50px; padding:6px 0px; text-align:center; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#222222; font-size:13px; line-height:20px; font-weight:bold; }
.story01 .history .history_header .history_list .history_right .month_text { float:left; padding:6px 0px; text-align:left; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#666666; font-size:13px; line-height:20px; }

.story02 { min-height:500px; background:url(../images/story/story02_img01.png) no-repeat right top; }
.story02 .list { }
.story02 .list ul { margin:0; padding:0; }
.story02 .list li { list-style:none; padding:31px 0 38px 0; background:url(../images/story/line_bg.png) repeat-x bottom; }
.story02 .list li.type01 { width:584px; }
.story02 .list li.last { background:none; }
.story02 .list .icon { float:left; width:44px; margin:0 15px 0 12px; }
.story02 .list .list_area { float:left; }
.story02 .list .list_area .title { font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#111111; font-size:24px; line-height:44px; font-weight:bold; }
.story02 .list .list_area .text_red { margin:12px auto 13px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#ed1c24; font-size:14px; font-weight:bold; }
.story02 .list .list_area .text_blue { margin:12px auto 13px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#2e3192; font-size:14px; font-weight:bold; }
.story02 .list .list_area .text_brown { margin:12px auto 13px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#925916; font-size:14px; font-weight:bold; }
.story02 .list .list_area .text_list { font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#555555; font-size:13px; line-height:20px; }

.story03 { }
.story03 .list { }
.story03 .list ul { margin:0; padding:0; }
.story03 .list li { list-style:none; padding:31px 0 38px 0; background:url(../images/story/line_bg.png) repeat-x bottom; }
.story03 .list li.last { background:none; }
.story03 .list .icon { float:left; width:44px; margin:0 15px 0 12px; }
.story03 .list .list_area { float:left; }
.story03 .list .list_area .title { font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#111111; font-size:24px; line-height:44px; font-weight:bold; }
.story03 .list .list_area .text_list { width:915px; margin-top:8px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#555555; font-size:13px; line-height:20px; }
.story03 .list .list_area .text_list .blue { color:#2e3192; }
.story03 .list .list_area .text_list ul { margin:0; padding:0; }
.story03 .list .list_area .text_list li { list-style:none; padding:0 0 0 8px; background:url(../images/story/story03_dot01.png) no-repeat left 7px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#555555; font-size:13px; line-height:20px; }
.story03 .list .list_area .photo { width:922px; margin-top:13px; }
.story03 .list .list_area .photo ul { margin:0; padding:0; }
.story03 .list .list_area .photo li { list-style:none; float:left; width:457px; margin-left:8px; padding:0; background:none; }
.story03 .list .list_area .photo li:first-child { margin-left:0; }
.story03 .list .list_area .photo .img { }
.story03 .list .list_area .photo .text { margin:13px 0 0 12px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#555555; font-size:13px; line-height:20px; }
.story03 .list .list_area .photo .text .brown { color:#925916; }

/* STEFF STORY */
.hotdog { margin:67px auto 0; }
.hotdog .hotdog_area { width:974px; margin:0 auto; }
.hotdog .hotdog_area .title_area { height:53px; }
.hotdog .hotdog_area .title_area .title01 { float:left; width:101px; height:31; background:url(../images/menu/hotdog_bg01.png) no-repeat center top; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#fff; font-size:22px; line-height:31px; font-weight:bold; text-align:center; }
.hotdog .hotdog_area .title_area .title01_01 { float:left; width:101px; height:31; background:url(../images/menu/hotdog_bg02.png) no-repeat center top; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#fff; font-size:22px; line-height:31px; font-weight:bold; text-align:center; }
.hotdog .hotdog_area .title_area .title02 { float:left; width:300px; height:31; margin-left:12px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#111111; font-size:24px; line-height:31px; font-weight:bold; }
.hotdog .hotdog_area .img_area { }
.hotdog .hotdog_area .img_area ul { margin:0; padding:0; }
.hotdog .hotdog_area .img_area li { list-style:none; float:left; width:314px; margin-left:16px; }
.hotdog .hotdog_area .img_area li:first-child { margin-left:0; }
.hotdog .hotdog_area .img_area .img_sum { width:312px; height:175px; border:1px solid #cccccc; }
.hotdog .hotdog_area .img_area .img_title { height:52px; padding-top:8px; background-color:#f0f0f0; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#505050; font-size:13px; line-height:20px; text-align:center; }
.hotdog .hotdog_area .img_area .img_title .red { color:#ed1c24; font-weight:bold; }
.hotdog .hotdog_area .img_area .img_title .blue { color:#2e3192; font-weight:bold; }
.hotdog .hotdog_line { height:1px; margin:50px auto 40px; background:url(../images/story/line_bg.png) repeat-x top; }

/* 커피 원두의 특징 */
.coffee { position:relative; }
.coffee .head_img { text-align:center; }
.coffee p { width:928px; margin:37px auto; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#555555; font-size:13px; line-height:22px; text-align:left; }
.coffee span { font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#2e3192; font-size:13px; line-height:22px; }
.coffee .slide { width:944px; margin:0 auto; border:1px solid #c2c2c2; background-color:#f0f0f0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; line-height:0; }

.coffee #sub_slide { position:relative; width:936px; height:530px; margin:4px; z-index:9; }
.coffee #sub_slide .sub_visual {position: relative;}
.coffee #sub_slide .sub_visual .slidesjs-previous {z-index:10;position:absolute;top:40%;left:2%;display: block;width:23px;height: 0;background-image: url(../images/inc/sub_slide_left.png);padding-top: 49px;background-position: 0 0;overflow: hidden;}
.coffee #sub_slide .sub_visual .slidesjs-next {z-index:10;position:absolute;top:40%;right:2%;display: block;width:23px;height: 0;background-image: url(../images/inc/sub_slide_right.png);padding-top: 49px;background-position: 0 0;overflow: hidden;}
.coffee #sub_slide .sub_visual .slidesjs-pagination {list-style: none;padding:0 0 0 0;margin:0;position: absolute;top:500px;left:840px;z-index:10;width:100%;text-align: left; }
.coffee #sub_slide .sub_visual .slidesjs-pagination li {margin: 0 2px 0 0;display: inline-block; text-indent:-9999px; }
.coffee #sub_slide .sub_visual .slidesjs-pagination li a {display: block;width: 11px;height: 0;padding-top: 11px;background-image: url(../images/main/btn_rollBtn.png);background-position: 0 0;float: left;overflow: hidden; }
.coffee #sub_slide .sub_visual .slidesjs-pagination li a.active,
.coffee #sub_slide .sub_visual .slidesjs-pagination li a:hover.active,
.coffee #sub_slide .sub_visual .slidesjs-pagination li a:hover {background-image: url(../images/main/btn_rollBtn_on.png)}
.coffee #sub_slide .sub_visual .slidesjs-play {display: none;}
.coffee #sub_slide .sub_visual .slidesjs-stop {display: none;}


/* FRANCHISE */
.franchise01 { position:relative; margin:50px auto 0; }
.franchise01.v1 { position:relative; margin:0 auto 0; }
.franchise01 .title_area { height:44px; }
.franchise01 .title_area .icon { float:left; width:44px; height:44px; margin:0 13px; 0 11px; }
.franchise01 .title_area .icon_title { float:left; width:350px; height:44px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#111111; font-size:24px; line-height:44px; font-weight:bold; }
.franchise01 .franchise_list { width:910px; margin:28px 0 0 67px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#555555; font-size:13px; line-height:20px; }
.franchise01 .franchise_list ul { margin:0; padding:0; }
.franchise01 .franchise_list li { list-style:none; }
.franchise01 .franchise_list .title01 { height:16px; padding-left:19px; background:url(../images/franchise/franchise01_dot01.png) no-repeat left 2px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#2e3192; font-size:15px; line-height:16px; font-weight:bold; }
.franchise01 .franchise_list .text01 { margin:10px 0 25px 20px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#555555; font-size:13px; line-height:20px; }
.franchise01 .franchise_line { height:1px; margin:40px auto; background:url(../images/story/line_bg.png) repeat-x top; }
.franchise01 .franchise_step { height:263px; margin-top:30px; background:url(../images/franchise/franchise01_bg01.png) no-repeat left top; }
.franchise01 .franchise_step .step_area { width:926px; margin-left:68px; }
.franchise01 .franchise_step .step_area ul { margin:0; padding:0; }
.franchise01 .franchise_step .step_area li { list-style:none; float:left; width:194px; height:63px; margin-right:35px; margin-bottom:20px; padding-top:8px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#fff; font-size:12px; line-height:18px; text-align:center; }
.franchise01 .franchise_step .step_area li.type01 { height:55px; padding-top:16px; }
.franchise01 .franchise_step .step_area li.type02 { height:47px; padding-top:24px; }

.franchise01 .franchise_photo { width:822px; height:456px; margin:25px 0 0 70px; background-color:#f0f0f0; border:1px solid #c2c2c2; }
.franchise01 .franchise_photo img { margin:3px; }

/*
.mainVisual01 {position:relative; width:100%;  margin:3px auto; height:450px; overflow:hidden; }
.mainVisual01 .visualBg01 {height:450px; margin:0 auto;  position:absolute; top:0;  left:0; width:100%; z-index:500; text-indent:-2000%; }
.mainVisual01 .visualBg011 {background:url("../images/franchise/franchise01_img02.png") no-repeat  center 0;}
.mainVisual01 .visualBg012{background:url("../images/franchise/franchise01_img03.png") no-repeat  center 0;}
.mainVisual01 .visualBg013{background:url("../images/franchise/franchise01_img04.png") no-repeat  center 0;}
.mainVisual01 .visualBg014{background:url("../images/franchise/franchise01_img05.png") no-repeat  center 0;}
.mainVisual01 .visualBg015{background:url("../images/franchise/franchise01_img06.png") no-repeat  center 0;}
.mainVisual01 .visualBg016{background:url("../images/franchise/franchise01_img07.png") no-repeat  center 0;}
.mainVisual01 .controller201{width:994px; position:relative;  z-index:600; margin:0 auto}
.mainVisual01 .controller201 .visualTxt{padding: 0 0 0 99px; }
.mainVisual01 .controller201 .rollBtnD {position:absolute; top:430px; left:690px;}
*/
.franchise01 #sub_slide { position:relative; width:100%; height:450px; margin:0 auto; z-index:9; }
.franchise01 #sub_slide .sub_visual {position: relative;}
.franchise01 #sub_slide .sub_visual .slidesjs-previous {z-index:10;position:absolute;top:40%;left:2%;display: block;width:23px;height: 0;background-image: url(../images/inc/sub_slide_left.png);padding-top: 49px;background-position: 0 0;overflow: hidden;}
.franchise01 #sub_slide .sub_visual .slidesjs-next {z-index:10;position:absolute;top:40%;right:2%;display: block;width:23px;height: 0;background-image: url(../images/inc/sub_slide_right.png);padding-top: 49px;background-position: 0 0;overflow: hidden;}
.franchise01 #sub_slide .sub_visual .slidesjs-pagination {list-style: none;padding:0 0 0 0;margin:0;position: absolute;top:420px;left:720px;z-index:10;width:100%;text-align: left;}
.franchise01 #sub_slide .sub_visual .slidesjs-pagination li {margin: 0 2px 0 0;display: inline-block;}
.franchise01 #sub_slide .sub_visual .slidesjs-pagination li a {display: block;width: 11px;height: 0;padding-top: 11px;background-image: url(../images/main/btn_rollBtn.png);background-position: 0 0;float: left;overflow: hidden;}
.franchise01 #sub_slide .sub_visual .slidesjs-pagination li a.active,
.franchise01 #sub_slide .sub_visual .slidesjs-pagination li a:hover.active,
.franchise01 #sub_slide .sub_visual .slidesjs-pagination li a:hover {background-image: url(../images/main/btn_rollBtn_on.png)}
.franchise01 #sub_slide .sub_visual .slidesjs-play {display: none;}
.franchise01 #sub_slide .sub_visual .slidesjs-stop {display: none;}

.franchise01 .franchise_img01 { position:absolute; width:404px; height:266px; right:10px; top:73px; background:url(../images/franchise/franchise01_img01.png) no-repeat; }

.franchise02 { position:relative; margin-top:0; border-top:2px solid #333333; }
.franchise02 th { height:35px; border-left:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; background-color:#f2f4f9; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#000000; font-size:13px; text-align:center; }
.franchise02 th.first-child { border-left:none; }
.franchise02 td { height:39px; border-left:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#525252; font-size:13px; text-align:center; }
.franchise02 td:first-child { border-left:none; }
.franchise02 td.type01 { height:39px; border-left:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#ed1c24; font-size:13px; text-align:center; background-color:#fff6f8; }
.franchise02 td.type01:first-child { border-left:none; }
.franchise02 td.type02 { padding-left:20px; text-align:left; }
.franchise02 .vat { position:absolute; top:-20px; right:0px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#525252; font-size:13px; text-align:right; }

.franchise05 { position:relative; margin-top:50px; }
.franchise05 .info_img { margin-bottom:48px; text-align:center; }
.franchise05 .title_area { height:44px; }
.franchise05 .title_area .icon01 { float:left; width:44px; height:44px; margin:0 13px 0 16px; }
.franchise05 .title_area .icon01_title { float:left; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#111111; font-size:24px; line-height:44px; font-weight:bold; }
.franchise05 .franchise05_list { width:920px; margin-left:72px; margin-top:15px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#555555; font-size:13px; line-height:20px; }
.franchise05 .franchise05_step { width:890px; height:71px; margin-left:73px; margin-top:25px; background:url(../images/franchise/franchise05_bg01.png) no-repeat center top; }
.franchise05 .franchise05_step ul { margin:0; padding:0; }
.franchise05 .franchise05_step li { list-style:none; float:left; width:154px; height:71px; margin-left:30px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#fff; font-size:12px; line-height:71px; text-align:center; }
.franchise05 .franchise05_step li:first-child { margin-left:0; }
.franchise05 .line01 { height:1px; margin:35px auto 30px; background:url(../images/story/line_bg.png) repeat-x top; }
.franchise05 .btn_order { width:159px; height:35px; margin:0 auto; background:url(../images/franchise/franchise05_btn.png) no-repeat center top; text-align:center; }
.franchise05 .btn_order a,
.franchise05 .btn_order a:hover { font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#666666; font-size:12px; line-height:35px; display:block; }

.fran_title_area { position:relative; height:1px; }
.fran_title_area .fran_title_area01 { position:absolute; height:44px; left:0; top:-10px; }
.fran_title_area .fran_title_area01 .icon { float:left; width:44px; height:44px; margin:0 13px; 0 11px; }
.fran_title_area .fran_title_area01 .icon_title { float:left; width:350px; height:44px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#111111; font-size:24px; line-height:44px; font-weight:bold; }

/* 20160707 프랜차이즈 추가 */
.franchise_head { position:relative; height:40px; background:url(../images/franchise/franchise_head_bg.jpg) no-repeat center top; font-family:'gulim','굴림'; color:#fff; font-size:12px; line-height:42px; text-align:center; }
.franchise_title { margin:30px auto 10px; font-family:Malgun Gothic; color:#282828; font-size:20px; letter-spacing:-1px; font-weight:bold; }
.franchise_title01 { margin:0 auto 6px; font-family:Malgun Gothic; color:#2e3192; font-size:13px; letter-spacing:-1px; }
.franchise_title01 strong { font-family:Malgun Gothic; color:#2e3192; font-size:15px; font-weight:bold; }
.franchise_info { margin:15px 10px 60px; }
.franchise_info ul { margin:0; padding:0; }
.franchise_info li { list-style:none; padding-left:7px; background:url(../images/franchise/dot01.jpg) no-repeat left 7px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#333333; font-size:13px; line-height:20px; }

.franchise01_title { margin:20px 20px 0; font-family:Malgun Gothic; color:#282828; font-size:20px; letter-spacing:-1px; font-weight:bold; }
.franchise01_title span { font-family:Malgun Gothic; color:#ed1c24; font-size:20px; letter-spacing:-1px; font-weight:bold; }
.franchise01_info { margin:14px 20px 0; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#555555; font-size:13px; line-height:20px; }
.franchise01_info strong { font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#2e3192; font-size:13px; font-weight:bold }
.franchise01_info01 { margin:24px 20px 0; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#2e3192; font-size:15px; font-weight:bold }
.franchise01_info01_img { margin:24px 20px 45px; }
.franchise01_info02 { margin:14px 20px 14px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#555555; font-size:14px; line-height:24px; }
.franchise01_info02 strong { font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#2e3192; font-size:14px; font-weight:bold }
.franchise01 .head_area { position:relative; height:540px; }
.franchise01 .head_area .thum { position:absolute; left:26px; top:32px; }
.franchise01 .head_area .box01 { position:absolute; width:315px; height:146px; left:339px; top:46px; border:1px solid #d0d0d0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.franchise01 .head_area .box01 h1 { margin:21px 21px 0; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#2e3192; font-size:15px; font-weight:bold; }
.franchise01 .head_area .box01 p { margin:10px 21px 0; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#555555; font-size:13px; line-height:20px; }

.franchise01 .head_area .box02 { position:absolute; width:315px; height:226px; left:664px; top:46px; border:1px solid #d0d0d0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.franchise01 .head_area .box02 h1 { margin:31px 21px 0; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#2e3192; font-size:15px; font-weight:bold; }
.franchise01 .head_area .box02 p { margin:10px 21px 0; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#555555; font-size:13px; line-height:20px; }

.franchise01 .head_area .box03 { position:absolute; width:315px; height:146px; left:14px; top:202px; border:1px solid #d0d0d0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.franchise01 .head_area .box03 h1 { margin:21px 21px 0; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#2e3192; font-size:15px; font-weight:bold; }
.franchise01 .head_area .box03 p { margin:10px 21px 0; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#555555; font-size:13px; line-height:20px; }

.franchise01 .head_area .box04 { position:absolute; width:315px; height:146px; left:339px; top:202px; border:1px solid #d0d0d0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.franchise01 .head_area .box04 h1 { margin:21px 21px 0; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#2e3192; font-size:15px; font-weight:bold; }
.franchise01 .head_area .box04 p { margin:10px 21px 0; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#555555; font-size:13px; line-height:20px; }

.franchise01 .head_area .box05 { position:absolute; width:315px; height:222px; left:664px; top:282px; border:1px solid #d0d0d0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.franchise01 .head_area .box05 h1 { margin:31px 21px 0; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#2e3192; font-size:15px; font-weight:bold; }
.franchise01 .head_area .box05 p { margin:10px 21px 0; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#555555; font-size:13px; line-height:20px; }

.franchise01 .head_area .box06 { position:absolute; width:315px; height:146px; left:14px; top:358px; border:1px solid #d0d0d0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.franchise01 .head_area .box06 h1 { margin:21px 21px 0; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#2e3192; font-size:15px; font-weight:bold; }
.franchise01 .head_area .box06 p { margin:10px 21px 0; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#555555; font-size:13px; line-height:20px; }

.franchise01 .head_area .box07 { position:absolute; width:315px; height:146px; left:339px; top:358px; border:1px solid #d0d0d0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.franchise01 .head_area .box07 h1 { margin:21px 21px 0; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#2e3192; font-size:15px; font-weight:bold; }
.franchise01 .head_area .box07 p { margin:10px 21px 0; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#555555; font-size:13px; line-height:20px; }

.franchise01 .head_area .btn01 { position:absolute; right:15px; top:-10px; }

.franchise_faq { margin:24px 29px 50px 20px; border:1px solid #d3d3d3; background-color:#f9f9f9; }
.franchise_faq ul { margin:0; padding:30px; }
.franchise_faq li { list-style:none; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#555555; font-size:13px; line-height:20px; padding-bottom:25px; }
.franchise_faq li.type01 { font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#083c76; font-size:13px; font-weight:bold; padding-bottom:6px; }
.franchise_faq li.type02 { padding-bottom:0; }

.process { margin:0 14px 60px; }
.process ul { margin:0; padding:0; }
.process li { list-style:none; float:left; width:50%; background:url(../images/franchise/process_line.jpg) repeat-x left bottom; }
.process li.type01 { background:url(../images/franchise/process_line.jpg) repeat-x left bottom; background-color:#f7f7f7; }
.process .thum { width:110px; margin:32px 16px 32px 30px; display:inline-block; vertical-align:middle;  }
.process .thum_info { width:280px; padding-left:27px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#555555; font-size:13px; line-height:22px; display:inline-block; vertical-align:middle; }
.process .thum_info h1 { margin:0 0 0 -27px; padding:0; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; font-size:15px; color:#000000; font-weight:bold; display:inline-block; vertical-align:middle; }

.interior { margin:26px 0; }
.interior .slide { width:946px; margin:0 auto; border:1px solid #c2c2c2; background-color:#f0f0f0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; line-height:0; }
.interior #sub_slide { position:relative; width:936px; height:530px; margin:4px; z-index:9; }
.interior #sub_slide .sub_visual {position: relative;}
.interior #sub_slide .sub_visual .slidesjs-previous {z-index:10;position:absolute;top:40%;left:2%;display: block;width:23px;height: 0;background-image: url(../images/inc/sub_slide_left.png);padding-top: 49px;background-position: 0 0;overflow: hidden;}
.interior #sub_slide .sub_visual .slidesjs-next {z-index:10;position:absolute;top:40%;right:2%;display: block;width:23px;height: 0;background-image: url(../images/inc/sub_slide_right.png);padding-top: 49px;background-position: 0 0;overflow: hidden;}
.interior #sub_slide .sub_visual .slidesjs-pagination {list-style: none;padding:0 0 0 0;margin:0;position: absolute;top:500px; left:850px;z-index:10;width:100%;text-align: left;}
.interior #sub_slide .sub_visual .slidesjs-pagination li {margin: 0 2px 0 0;display: inline-block; text-indent:-9999px;}
.interior #sub_slide .sub_visual .slidesjs-pagination li a {display: block;width: 11px;height: 0;padding-top: 11px;background-image: url(../images/main/btn_rollBtn01.png);background-position: 0 0;float: left;overflow: hidden;}
.interior #sub_slide .sub_visual .slidesjs-pagination li a.active,
.interior #sub_slide .sub_visual .slidesjs-pagination li a:hover.active,
.interior #sub_slide .sub_visual .slidesjs-pagination li a:hover {background-image: url(../images/main/btn_rollBtn_on.png)}
.interior #sub_slide .sub_visual .slidesjs-play {display: none;}
.interior #sub_slide .sub_visual .slidesjs-stop {display: none;}


/* RECRUIT */
.recruit { margin-top:50px; }
.recruit .title_area { height:44px; }
.recruit .title_area .icon01 { float:left; width:44px; height:44px; margin:0 13px 0 11px; }
.recruit .title_area .icon01_title { float:left; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#111111; font-size:24px; line-height:44px; font-weight:bold; }
.recruit .recruit_list { width:915px; margin-left:69px; margin-top:20px; }
.recruit .recruit_list ul { margin:0; padding:0; }
.recruit .recruit_list li { list-style:none; width:915px; height:86px; margin-bottom:20px; background-color:#eeeeee; }
.recruit .recruit_list .recruit_sum { float:left; width:87px; height:86px; }
.recruit .recruit_list .recruit_text { float:left; width:807px; margin-left:20px; padding-top:13px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#555555; font-size:13px; line-height:20px; }
.recruit .recruit_list .recruit_text .red { color:#ed1c24; font-weight:bold; }
.recruit .recruit_list .recruit_text .type01 { letter-spacing:-1px; }
.recruit .recruit_line { height:1px; margin:50px auto 40px; background:url(../images/story/line_bg.png) repeat-x; }
.recruit .recruit_list01 { overflow:auto; width:915px; height:156px; margin-left:69px; margin-top:20px; background-color:#eeeeee; }
.recruit .recruit_list01 .area { width:800px; margin:26px auto 0; }
.recruit .recruit_list01 .area ul { margin:0; padding:0; }
.recruit .recruit_list01 .area li { float:left; list-style:none; width:100px; }
.recruit .recruit_list01 .area .img01 { text-align:center; }
.recruit .recruit_list01 .area .text01 { margin-top:6px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#555555; font-size:13px; line-height:17px; text-align:center; }

.recruit02 { margin-top:50px; }
.recruit02 .btn_order { float:left; width:159px; height:35px; margin-left:9px; background:url(../images/franchise/franchise05_btn.png) no-repeat center top; text-align:center; }
.recruit02 .btn_order a,
.recruit02 .btn_order a:hover { font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#666666; font-size:12px; line-height:35px; display:block; }

/* ETC */
.privacy { font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#555555; font-size:13px; line-height:22px; }
.agreement { font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#555555; font-size:13px; line-height:22px; }
.email { font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#555555; font-size:13px; line-height:22px; }

/* 상담 */
.message_view { position:absolute; width:100%; height:100%; left:0px; top:0px; }
.message_view .area { position:relative; margin:0 auto; width:409px; height:266px; border:3px solid #555bdd; background-color:#FFF; }
.message_view .area .btn_close { position:absolute; width:32px; height:32px; top:0px; right:0px; }
.message_view .area .view_content { width:327px; margin:36px auto 0; }
.message_view .area .view_content .title { font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#1b1b1b; font-size:30px; font-weight:bold; }
.message_view .area .view_content .info { width:370px; margin-top:19px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#6f6f6f; font-size:12px; line-height:20px; }
.message_view .area .view_content .textarea { width:327px; height:103px; margin-top:19px; }
.message_view .area .view_content .textarea textarea { width:317px; height:93px; margin-top:5px; padding:5px; border:1px solid #d5d5d5; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#5f5f5f; font-size:12px; line-height:20px; }
.message_view .area .view_content .tel_area { width:327px; height:28px; margin:14px auto 0; }
.message_view .area .view_content .tel_area .tel01 { float:left; width:50px; height:28px; }
.message_view .area .view_content .tel_area .tel01 input{ font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#5d5d5d; font-size:12px; text-align:center; }
.message_view .area .view_content .tel_area .tel02 { float:left; width:9px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#afafaf; font-size:12px; line-height:28px; text-align:center; }
.message_view .area .view_content .tel_area .message_btn { float:right; width:137px; height:26px; margin:0 auto; border:1px solid #6ba7e5; background-color:#015cba; text-align:center; }
.message_view .area .view_content .tel_area .message_btn a,
.message_view .area .view_content .tel_area .message_btn a:hover { font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#ffffff; font-size:13px; line-height:26px; font-weight:bold; display:block; }

/* 20160707 빠른창업상담 */
/*
.message { position:absolute; width:100%; height:100%; left:0px; top:0px; background-color:rgba(0,0,0,0.50); z-index:999; }
.message .area { position:relative; width:515px; height:292px; margin:225px auto; background:url(../images/inc/message_bg.jpg) no-repeat left top; }
.message .area .btn_close { position:absolute; width:29px; right:-29px; top:0; }
.message .area .message_area { position:absolute; width:316px; height:93px; left:177px; top:30px; }
.message .area .message_area textarea { width:100%; height:93px; padding:10px; border:1px solid #d5d5d5; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#5f5f5f; font-size:12px; line-height:18px; }
.message .area .agreement_area { position:absolute; width:316px; height:63px; left:177px; top:133px; }
.message .area .agreement_area textarea { width:100%; height:63px; padding:10px; border:1px solid #d5d5d5; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#5f5f5f; font-size:12px; line-height:18px; }
.message .area .check_area { position:absolute; left:177px; top:202px; }
.message .area .check_area .check { float:left; }
.message .area .check_area .check_text { float:left; margin:3px 0 0 2px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#5f5f5f; font-size:12px; }
.message .area .tel_area { position:absolute; width:316px; left:177px; top:231px;}
.message .area .tel_area .tel01 { float:left; width:52px; height:28px; }
.message .area .tel_area .tel01 input{ font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#5d5d5d; font-size:12px; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.message .area .tel_area .tel02 { float:left; width:10px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#afafaf; font-size:12px; line-height:28px; text-align:center; }
.message .area .tel_area .message_btn { float:right; width:128px; height:30px; margin:0 auto; border:1px solid #6ba7e5; background-color:#015cba; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.message .area .tel_area .message_btn a,
.message .area .tel_area .message_btn a:hover { font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#ffffff; font-size:13px; line-height:26px; font-weight:bold; display:block; }
*/

.message {  }
.message .area { position:relative; width:515px; height:292px; margin:0 auto; background:url(../images/inc/message_bg.jpg) no-repeat left top; }
.message .area .btn_close { position:absolute; width:29px; right:-29px; top:0; }
.message .area .message_area { position:absolute; width:316px; height:93px; left:177px; top:30px; }
.message .area .message_area textarea { width:100%; height:93px; padding:10px; border:1px solid #d5d5d5; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#5f5f5f; font-size:12px; line-height:18px; }
.message .area .agreement_area { position:absolute; width:316px; height:63px; left:177px; top:133px; }
.message .area .agreement_area textarea { width:100%; height:63px; padding:10px; border:1px solid #d5d5d5; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#5f5f5f; font-size:12px; line-height:18px; }
.message .area .check_area { position:absolute; left:177px; top:202px; }
.message .area .check_area .check { float:left; }
.message .area .check_area .check_text { float:left; margin:3px 0 0 2px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#5f5f5f; font-size:12px; }
.message .area .tel_area { position:absolute; width:316px; left:177px; top:231px;}
.message .area .tel_area .tel01 { float:left; width:52px; height:28px; }
.message .area .tel_area .tel01 input{ font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#5d5d5d; font-size:12px; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.message .area .tel_area .tel02 { float:left; width:10px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#afafaf; font-size:12px; line-height:28px; text-align:center; }
.message .area .tel_area .message_btn { float:right; width:128px; height:30px; margin:0 auto; border:1px solid #6ba7e5; background-color:#015cba; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.message .area .tel_area .message_btn a,
.message .area .tel_area .message_btn a:hover { font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#ffffff; font-size:13px; line-height:26px; font-weight:bold; display:block; }

.gift {  }
.gift .area { position:relative; width:615px; height:404px; margin:0 auto; border:3px solid #7e7e7e; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background-color:#fff; }
.gift .area .btn_close { position:absolute; width:29px; right:-29px; top:-3px; }
.gift .area .gift_list { width:568px; margin:44px auto 0; }
.gift .area .gift_list ul { margin:0; padding:0; }
.gift .area .gift_list li { list-style:none; float:left; width:124px; margin:0 9px 30px; }