@charset "utf-8";

/* 보도자료 */
.news_list ul{width:1215px;}
.news_list ul:after{content:"";display:block;clear:both;}
.news_list ul li{float:left;width:390px;margin-right:15px;margin-bottom:40px;}
.news_list ul li a{display:block;}
.news_list ul li a span,
.news_list ul li a strong{display:block;}
.news_list ul li .nl_img img{width:100%;}
.news_list ul li a .nl_txt{background-color:#f5f5f5;height:210px;box-sizing:border-box;padding:25px 20px;}
.news_list ul li a .nl_txt .tit01{font-size:20px;color:#333;margin-bottom:15px;}
.news_list ul li a .nl_txt .txt01{font-size:14px;color:#666;line-height:24px;margin-bottom:25px;max-height:72px;overflow:hidden;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}
.news_list ul li a .nl_txt .txt01 em{text-decoration:underline;font-weight:bold;}
.news_list ul li a .nl_txt .date{position:relative;padding-top:14px;font-size:13px;font-weight:bold;color:#757575;}
.news_list ul li a .nl_txt .date:after{position:absolute;left:0;top:0;width:18px;border-top:1px solid #ddd;content:"";display:block;}

/* 매장타입 */
.type .LE_tab li{width:33.3333333333%;}
.type_content{display:none;}
.type_content:first-child{display:block;}
.type_content h3{text-align:center;font-size:24px;color:#333;margin-bottom:60px;}
.tc_slide{text-align:center;}
.tc_slide .slick-dots{margin-top:40px;}
.tc_slide .slick-dots li{display:inline-block;margin:0 3px;}
.tc_slide .slick-dots li button{display:inline-block;width:18px;height:18px;font-size:0;text-indent:-9999%;background-color:#888;border-radius:50%;outline:none;}
.tc_slide .slick-dots li.slick-active button{background-color:#fcb040;}
.tc_slide .slick-arrow{position:absolute;top:50%;width:75px;height:75px;margin-top:-37px;font-size:0;overflow:hidden;text-indent:-9999%;transition:0.3s all;z-index:10;}
.tc_slide .slick-arrow.slick-prev{position:absolute;left:0;background:url("../img/main/slide_arrow01_prev.png") no-repeat center center;}
.tc_slide .slick-arrow.slick-next{position:absolute;right:0;background:url("../img/main/slide_arrow01_next.png") no-repeat center center;}
.tc_slide .slick-arrow:hover{opacity:0.6;}

/* 오시는 길 */
.contact_wrap h3{font-size:24px;color:#333;margin-bottom:40px;}
.contact_wrap .ta_view{margin-bottom:40px;}
.contact_wrap .map_cont{width:100%;height:730px;background-color:#ddd;}
.contact_wrap .board_view .ta_view .colw02{width:auto;}


/* 브랜드안내 */
.list_style01 li{position:relative;font-size:16px;color:#666;padding-left:10px;line-height:34px;}
.list_style01 li:after{position:absolute;left:0;top:0;content:"-";display:block;}
.list_style01.ta_center li{display:inline-block;}
.bi_box{padding:60px 0 80px 0;border-top:1px solid #ddd;}
.bi_box h3{font-size:24px;color:#333;margin-bottom:20px;font-weight:bold;}
.bi_box.bi01 h3{text-align:center;}
.bi_box h4{position:relative;font-size:20px;color:#333;margin-bottom:20px;font-weight:bold;padding-left:13px;}
.bi_box h4:after{position:absolute;left:0;top:0;content:"·";display:block;}
.bi_box .txt01{font-size:16px;color:#666;line-height:165%;}
.bi_box .txt01.color02{color:#333;}
.bi_box.bi01 .txt01{margin-bottom:8px;text-align:center;}
.bi_box.bi01 .txt01 strong{color:#333;text-decoration:underline;}
.bi_box.bi01 .list_style01{margin-bottom:50px;text-align:center;}
.bi_box .bi01_list{padding:40px 0;text-align:center;background-color:#fafafa;border-top:2px solid #444;margin-bottom:50px;}
.bi_box .bi01_list:after{content:"";display:block;clear:both;}
.bi_box .bi01_list > li{position:relative;float:left;width:25%;height:280px;}
.bi_box .bi01_list > li:after{position:absolute;left:0;top:0;bottom:0;border-left:1px solid #dcdcdc;content:"";display:block;}
.bi_box .bi01_list > li:first-child:after{display:none;}
.bi_box .bi01_list > li .chart_img{margin-bottom:25px;}
.bi_box .bi01_list > li:nth-of-type(2) .chart_img img{margin-left:35px;}
.bi_box .bi01_list > li h5{font-size:24px;color:#333;margin-bottom:13px;}
.bi_box .bi01_list > li .list_style01{padding-left:48px;}
.bi_box .bi01_list > li .list_style01 li{line-height:26px;color:#333;text-align:left;line-height:150%;}
.bi_box .bi01_img{text-align:center;margin-top:40px;}
.bi_box.bi02 .txt_box{position:relative;margin-bottom:80px;}
.bi_box.bi02 .bi_img02{position:absolute;right:87px;bottom:0;}
.bi_box.bi02 .txt_box .tit01{position:relative;font-size:30px;color:#333;line-height:45px;font-family:'Nanum Myeongjo';padding-top:16px;margin-bottom:27px;}
.bi_box.bi02 .txt_box .tit01:after{position:absolute;left:0;top:0;width:20px;border-top:4px solid #ddd;content:"";display:block;}
.bi_box .thurm_box:after{content:"";display:block;clear:both;}
.bi_box .thurm_box li{float:left;width:585px;}
.bi_box .thurm_box li .tb_txt{background-color:#f5f5f5;height:290px;box-sizing:border-box;padding-top:40px;padding-left:40px;}
.bi_box .thurm_box li .tb_txt .tit01{font-size:20px;color:#333;margin-bottom:15px;font-weight:bold;}
.bi_box .thurm_box li.b_right{float:right;}

.box_type01{position:relative;padding-left:250px;}
.box_type01 h3{position:absolute;left:0;top:2px;font-size:24px;color:#333;font-weight:bold;}
.box_type01 h4{font-size:20px;color:#333;line-height:26px;margin-bottom:10px;font-weight:bold;}
.box_type01 .txt01{font-size:16px;color:#666;line-height:165%;}
.box_type01 .uline{text-decoration:underline;color:#333;}

.bi_box.bi03 .txt_box .txt01{margin-bottom:35px;}
.bi_box.bi03 .thurm_list li{float:left;width:300px;margin-left:25px;box-sizing:border-box;text-align:center;}
.bi_box.bi03 .thurm_list li:first-child{margin-left:0;}
.bi_box.bi03 .thurm_list li .txt01{border:1px solid #e7e7e7;padding:35px 0;box-sizing:border-box;height:120px;}
.bi_box.bi03 .thurm_list li:last-child .txt01{padding:20px 0;}

.bi_box.bi04 .txt_box .txt01{margin-bottom:35px;}


/* 성공노하우 */
.kh_box{padding:60px 0 80px 0;border-top:1px solid #ddd;}
.bi_img .img_left{float:left;}
.bi_img .img_right{float:right;}
.kh_box .bi_img{text-align:center;}
.kh_box .list_style01,
.kh_box .txt01{margin-bottom:54px;}
.kh_box .list_style01 li{line-height:26px;}
.kh_box.kh01 .list_style01{margin-bottom:35px;}
.kh_box.kh03 .txt01,
.kh_box.kh08 .list_style01{margin-bottom:64px;}
.kh_box.kh06 .txt01{margin-bottom:0;}

.circle_list{text-align:center;}
.circle_list li{display:inline-block;margin:0 26px;}
.circle_list li .cl_img{margin-bottom:27px;}
.circle_list li .cl_txt strong{display:block;font-size:24px;color:#333;margin-bottom:15px;}
.circle_list li .cl_txt p{color:#333;line-height:24px;}

.system_list ul{text-align:center;}
.system_list ul li{display:inline-block;width:160px;margin:0 35px;vertical-align:top;}
.system_list ul li .icon{position:relative;display:block;border:15px solid #e8e8ea;box-sizing:border-box;border-radius:50%;margin-bottom:14px;}
.system_list ul li .icon:after{position:absolute;left:-60px;top:50%;margin-top:-16px;width:21px;height:33px;background:url('../img/sub/system_list_arrow.png') no-repeat center top;content:"";display:block;}
.system_list ul li:first-child .icon:after{display:none;}
.system_list ul li strong{font-size:16px;color:#666;display:block;}
.system_list ul li .tit02{line-height:20px;margin-top:13px;margin-bottom:20px;height:40px;}


/* 디자인 */
.partner_list{width:970px;}
.partner_list li{float:left;box-sizing:border-box;border:1px solid #ddd;margin-right:15px;margin-bottom:15px;}

.layer_slide_close{display:none;position:fixed;left:50%;top:50%;margin-top: -360px;margin-left: 313px;z-index:1000;background:none;}
.desigh_slide .slick-slide > a{position:relative;display:block;}
.desigh_slide .slick-slide > a:after{position:absolute;left:0;right:0;top:0;bottom:0;content:"";display:block;background:rgba(0,0,0,0.7) url('../img/sub/btn_slidelayer.png') no-repeat center center;transition:0.3s;opacity:0;}
.desigh_slide .slick-slide:hover > a:after{opacity:1;}
.desigh_slide .slick-dots{position:relative;margin-top:40px;width:100%;text-align:center;}
.desigh_slide .slick-dots li{display:inline-block;margin:0 5px;}
.desigh_slide .slick-dots li button{width:18px;height:18px;background-color:#888;font-size:0;text-indent:-9999%;border-radius:50%;}
.desigh_slide .slick-dots li.slick-active button{background-color:#fcb040;}
.dg_list{width:970px;margin-top:25px;}
.dg_list li{float:left;text-align:center;margin-right:18px;}
.dg_list li > a{position:relative;display:block;}
.dg_list li > a:after{position:absolute;left:0;right:0;top:0;bottom:0;content:"";display:block;background:rgba(0,0,0,0.7) url('../img/sub/btn_slidelayer.png') no-repeat center center;transition:0.3s;opacity:0;}
.dg_list li:hover  > a:after{opacity:1;}
.dg_list li .txt01{margin-top:15px;margin-bottom:35px;}

.layer_slide{position:fixed;width:950px;height:596px;left:50%;top:50%;margin-left:-475px;margin-top:-298px;z-index:1000;display:none;}
.layer_slide .slick-dots{position:relative;margin-top:20px;width:100%;text-align:center;}
.layer_slide .slick-dots li{float:none;display:inline-block;margin:0 4px;}
.layer_slide .slick-dots li button{width:12px;height:12px;background-color:#fff;font-size:0;text-indent:-9999%;border-radius:50%;}
.layer_slide .slick-dots li.slick-active button{background-color:#ff4949;}
.layer_slide .slick-arrow{position:absolute;top:50%;margin-top:-43px;width:45px;height:86px;z-index:56;text-indent:-9999em;font-size:0;overflow:hidden;}
.layer_slide .slick-arrow.slick-prev{left:-88px;background: url("../img/sub/btn_layerPrev.png") no-repeat center center;}
.layer_slide .slick-arrow.slick-next{right:-88px;background: url("../img/sub/btn_layerNext.png") no-repeat center center;}




/* tablet */
@media screen and (max-width: 1200px){
	.board_view .ta_view .colw01{width:17%;}
	.bi_box.bi02 .bi_img02{text-align:right;}
	.bi_box.bi02 .bi_img02 img{width:70%;}
	.bi_box .thurm_box li{width:49%;}
	.bi_box .thurm_box li .tb_txt{padding:30px 25px;}
	.bi_box .thurm_box li .tb_txt br{display:none;}
	.bi_img .img_left{width:49%;}
	.bi_img .img_right{width:49%;}
	.box_type01{padding-left:200px;}
	.bi_box.bi03 .thurm_list{width:102%;margin-left:-1%;}
	.bi_box.bi03 .thurm_list li{width:31.33333%;margin:0 1%;}
	.bi_box.bi03 .thurm_list li:first-child{margin:0 1%;}
	.bi_box.bi03 .thurm_list li .txt01{padding:35px 5px;}
	.bi_box.bi03 .thurm_list li:last-child .txt01{padding:20px 5px;}
	.list_style01 li{margin:10px 0;}
	.partner_list{width:102%;margin-left:-1%;}
	.partner_list li{width:31.33333333333333%;margin:5px 1%;}
	.news_list ul{width:102%;margin-left:-1%;}
	.news_list ul li{width:31.33333333333%;margin:25px 1%;}
	.news_list ul li .nl_img img{width:100%;}
	.dg_list{width:102%;margin-left:-1%;}
	.dg_list li{width:48%;margin:5px 1%;}
}

/* tablet */
@media screen and (max-width: 960px){
	.bi_box .txt01{font-size:14px;}
	.bi_box .txt01 br{display:none;}
	.bi_box .bi01_list > li:nth-of-type(2) .chart_img img{margin-left:0;}
	.bi_box .bi01_list > li h5{font-size:20px;}
	.bi_box .bi01_list > li .list_style01{padding:0 15px;}
	.bi_box .bi01_list > li .list_style01 li{font-size:14px;}
	.bi_box.bi02 .bi_img02{right:0;}
	.circle_list li{margin:0 8px;width:30%;vertical-align:top;}
	.system_list ul li{width:120px;margin:0 15px;}
	.system_list ul li .icon{border:10px solid #e8e8ea;}
	.system_list ul li .icon:after{left:-38px;}
	.partner_list{}
	.partner_list li{width:48%;}
	.news_list ul li{width:48%;}
	.layer_slide_close{left:inherit;right:4%;top:16%;margin-left:0;margin-top:0;}
	.layer_slide_close img{width:32px;}
	.layer_slide{width:96%;height:auto;margin-left:-48%;margin-top:0;top:20%;}
	.layer_slide .slick-arrow{position:absolute;top:50%;margin-top:-43px;width:45px;height:86px;z-index:56;text-indent:-9999em;font-size:0;overflow:hidden;}
	.layer_slide .slick-arrow.slick-prev{left:0;background: url("../img/sub/btn_layerPrev.png") no-repeat center center;background-size:16px;}
	.layer_slide .slick-arrow.slick-next{right:0;background: url("../img/sub/btn_layerNext.png") no-repeat center center;background-size:16px;}
	
}


/* moblie */
@media screen and (max-width: 768px){
	.bi_box{padding:30px 0 40px 0;}
	.bi_box .txt01{font-size:12px;line-height:150%;}
	.list_style01 li{font-size:12px;line-height:150%;margin:5px 0;}
	.bi_box .bi01_list{padding:20px 0;}
	.bi_box .bi01_list > li{width:50%;height:260px;padding:15px 0;box-sizing:border-box;border-left:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;}
	.bi_box .bi01_list > li:nth-of-type(2n+1){border-left:none;}
	.bi_box .bi01_list > li:nth-of-type(3),
	.bi_box .bi01_list > li:nth-of-type(4){border-bottom:none;}
	.bi_box .bi01_list > li h5{font-size:16px;margin-bottom:8px;}
	.bi_box .bi01_list > li:nth-of-type(2) .chart_img img{margin-left:0;}
	.bi_box .bi01_list > li .list_style01{padding-left:0;padding:0 10px;}
	.bi_box .bi01_list > li .list_style01 li{line-height:150%;}
	.bi_box .bi01_list > li:after{display:none;}
	.bi_box h4{font-size:16px;margin-bottom:10px;}
	.bi_box h3{font-size:18px;margin-bottom:10px;}

	.bi_box.bi02 .txt_box .tit01{font-size:19px;line-height:150%;margin-bottom:14px;}
	.bi_box.bi02 .txt_box .tit01 br{display:none;}
	.bi_box.bi02 .bi_img02{position:relative;right:0;bottom:0;margin-top:20px;text-align:center;}
	.bi_box.bi02 .bi_img02 img{width:100%;}
	.bi_box .thurm_box li{width:100%;float:none;margin-bottom:30px;}
	.bi_box .thurm_box li .tb_txt{padding:20px 15px;height:auto;}
	.bi_box .thurm_box li .tb_txt .tit01{font-size:14px;margin-bottom:8px;}
	.bi_box .txt01 br{display:none;}
	
	.box_type01 h3{position:relative;top:0;margin-bottom:10px;}
	.box_type01{padding-left:0;}
	.bi_box.bi03 .thurm_list{width:102%;margin-left:-1%;}
	.bi_box.bi03 .thurm_list li{width:31.33333%;margin:0 1%;}
	.bi_box.bi03 .thurm_list li:first-child{margin:0 1%;}
	.bi_box.bi03 .thurm_list li .txt01{padding:35px 5px;}
	.bi_box.bi04 .txt_box .txt01{margin-bottom:22px;}
	
	.kh_box{padding:30px 0 40px 0;}
	.box_type01 h3{font-size:18px;}
	.box_type01 h4{font-size:15px;line-height:130%;margin-bottom:8px;}
	.box_type01 .txt01{font-size:12px;line-height:150%;}
	.kh_box .list_style01 li{line-height:150%;}
	.kh_box.kh01 .list_style01{margin-bottom:22px;}
	.bi_img{text-align:center;}
	.bi_img .img_left{float:none;margin-bottom:10px;width:100%;}
	.bi_img .img_right{float:none;width:100%;}

	.kh_box .list_style01, .kh_box .txt01{margin-bottom:34px;}
	.circle_list li{margin:0;width:32%;vertical-align:top;}
	.circle_list li .cl_img{margin-bottom:13px;}
	.circle_list li .cl_txt p{font-size:11px;line-height:150%;}
	.circle_list li .cl_txt p br{display:none;}
	.circle_list li .cl_txt strong{font-size:15px;margin-bottom:8px;}

	.system_list ul{padding-bottom:38px;}
	.system_list ul li{margin:0;box-sizing:border-box;width:32%;padding:0 5px;}
	.system_list ul li .icon{border:8px solid #e8e8ea;;max-width:130px;margin:10px auto;}
	.system_list ul li strong{font-size:12px;}
	.system_list ul li .icon:after{left:-22px;width:13px;height:33px;background:url('../img/sub/system_list_arrow.png') no-repeat center center;background-size:8px;}

	
	.kh_box.kh03 .txt01, .kh_box.kh08 .list_style01{margin-bottom:40px;}
	


	.news_list ul{width:100%;}
	.news_list ul li{width:100%;float:none;margin-right:0;margin-bottom:40px;}
	.news_list ul li a .nl_txt{height:185px;}
	.news_list ul li a .nl_txt .tit01{font-size:15px;}
	.news_list ul li a .nl_txt .txt01{font-size:12px;line-height:20px;max-height:60px;margin-bottom:13px;}
	.news_list ul li a .nl_txt .date{font-size:12px;}

	.desigh_slide .slick-dots{margin-top:20px;}
	.desigh_slide .slick-dots li{margin:0 2px;}
	.desigh_slide .slick-dots li button{width:12px;height:12px;}
	
	.type_content h3{font-size:18px;margin-bottom:30px;}
	.tc_slide .slick-dots{margin-top:20px;}
	.tc_slide .slick-dots li{margin:0 2px;}
	.tc_slide .slick-dots li button{width:12px;height:12px;}
	.tc_slide .slick-arrow{display:none !important;}

	.dg_list{width:100%;margin-top:13px;}
	.dg_list li{float:none;width:100%;margin-right:0;text-align:center;}
	.contact_wrap .map_cont{height:auto;}

	.contact_wrap .ta_view{}
	.contact_wrap h3{font-size:18px;margin-bottom:20px;}
	.contact_wrap .board_view .ta_view,
	.contact_wrap .board_view .ta_view thead,
	.contact_wrap .board_view .ta_view thead tr,
	.contact_wrap .board_view .ta_view thead td,
	.contact_wrap .board_view .ta_view thead th{display:block;}
	.contact_wrap .board_view .ta_view thead td,
	.contact_wrap .board_view .ta_view thead th{height:auto;border:none;padding:0;background:none;}
	.contact_wrap .board_view .ta_view thead tr{}
	.contact_wrap .board_view .ta_view thead th{padding-top:15px;margin-bottom:8px;font-size:15px;}
	.contact_wrap .board_view .ta_view thead td{border-bottom:1px solid #dcdcdc;padding-bottom:15px;font-size:13px;}
}