@charset "utf-8";

/*----------------------------------------------------------------------------------------------------------------------------------------
	File : layout.css
	Company : The Webstyle co.,ltd
    CSS 적용순서 : 아이디 > 태그와 클래스 > 클래스 > 태그
    CSS 선택자 선언순서 : Type Selector, Layout Selector, Class Selector, Etc
    CSS 속성 선언순서 : display, position, float/clear, overflow, width/height, margin/padding, border, background, font/color, align, etc
------------------------------------------------------------------------------------------------------------------------------------------*/
.main .section {min-width:1360px;}
.main .section .section-body {position:relative; z-index:10;}

/* section_visual */
.section_visual {width:100%; background-color:#fff; z-index:1;}
.main-bxslider {height:585px; overflow:hidden;}
.main-bxslider .item {position:relative; height:585px; overflow:hidden}
.main-bxslider .item.item01 {background:url('../../images/main/img_mainVisual01.jpg') no-repeat center bottom; }
.main-bxslider .item.item02 {background:url('../../images/main/img_mainVisual01.jpg') no-repeat center bottom;}
.main-bxslider .item.item03 {background:url('../../images/main/img_mainVisual01.jpg') no-repeat center bottom;}
.main-bxslider .item .bx-img {position:absolute; left:50%; top:0; height:584px;}
.main-bxslider .item .info-box {position:relative; height:227px; margin-top:223px; padding:37px 40px;}
/*.main-bxslider .item .info-box:before {display:block; position:absolute; width:124px; height:103px; top:-45px; right:227px; background:url(../../images/main/jangdock.png) no-repeat; content:"";}*/
.main-bxslider .item .info-box .tit {display:block; font-family:"NanumSquareOTFR"; font-size:68px; color:#fff; line-height:90px; white-space:pre;}
.main-bxslider .item .info-box .txt {margin-top:15px; font-family:"NanumSquareOTFR"; font-size:18px; color:#fff; line-height:1.3;}
.main-bxslider .item .info-box .hashTag {display:block; margin-top:24px; font-size:0px;}
.main-bxslider .item .info-box .hashTag li {display:inline-block;}
.main-bxslider .item .info-box .hashTag li + li {margin-left:58px;}
.main-bxslider .item .info-box .hashTag li span {font-family:"NanumSquareOTFR"; font-size:14px; color:#fff;}
.section_visual .bx-wrapper {position:relative; padding:0; *zoom:1; -ms-touch-action:pan-y; touch-action:pan-y;}
.section_visual .bx-wrapper img {max-width:100%; display:block;}
.section_visual .bxslider {margin:0; padding:0;}
.section_visual .bx-viewport {-webkit-transform:translatez(0);}
.section_visual .bx-wrapper .bx-pager,
.section_visual .bx-wrapper .bx-controls-auto {position:absolute; bottom:50px; width:100%;}
.section_visual .bx-wrapper .bx-pager {text-align:center; font-size:0px; padding-top:20px;}
.section_visual .bx-wrapper .bx-pager.bx-default-pager a {background-color:rgba(255,255,255,0.5); text-indent:-9999px; display:block; width:20px; height:20px; margin:0 10px; outline:0; border-radius:100%;}
.section_visual .bx-wrapper .bx-pager.bx-default-pager a:hover,
.section_visual .bx-wrapper .bx-pager.bx-default-pager a.active,
.section_visual .bx-wrapper .bx-pager.bx-default-pager a:focus {background-color:#fff;}
.section_visual .bx-wrapper .bx-pager-item,
.section_visual .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display:inline-block; vertical-align:bottom; *zoom:1; *display:inline;}
.section_visual .bx-wrapper .bx-pager-item {font-size:0px; line-height:0;}
.section_visual .bx-wrapper .bx-controls-direction a {position:absolute; top:50%; margin-top:-16px; outline:0; width:32px; height:32px; text-indent:-9999px; z-index:9999;}
.section_visual .bx-wrapper .bx-controls-direction a.disabled {display:none;}
.section_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align:left; width:80%;}
.section_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right:0; width:35px;}

/* section notify */
.section_notify {width:100%; background-color:#fff; border-bottom:1px solid #cdcdcd;}
.notify-bxslider li a {display:block; height:50px; font-size:16px; color:#555;}
.notify-bxslider li a p {display:inline-block; width:800px; line-height:50px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.notify-bxslider li a span {float:right; line-height:50px;}


/* section_shop */
.section_shop {padding:70px 0 105px;}
.section_shop .section-header h2 {font-family:"NanumSquareOTFL"; font-size:38px; text-align:center; line-height: 1.5 }
.section_shop .section-body {padding-top:60px;}
.section_shop .bxslider-wrap {text-align:center;}
.section_shop .bxslider-wrap .bx-wrapper {display:inline-block;}
.section_shop .brand-bxslider .tit {margin-top:17px; text-align:center; font-size:20px; color:#111;}
.section_shop .bx-controls-direction .bx-prev {display:block; position:absolute; top: 110px; left:0; width:40px; height:40px; background:url('../../images/main/btn_prev.png') no-repeat; text-indent:-9999px;}
.section_shop .bx-controls-direction .bx-next {display:block; position:absolute; top: 110px; right:0; width:40px; height:40px; background:url('../../images/main/btn_next.png') no-repeat; text-indent:-9999px;}


/* section_franchisee */
.section_franchisee .section-header {text-align:center;}
.section_franchisee .section-header p {font-family:"NanumSquareOTFL"; font-size:30px; color:#111;}
.section_franchisee .section-header h2 {margin-top:19px; font-size:38px; color:#111;}
.section_franchisee .franchisee-info {width:100%; height:255px; margin-top:30px; padding:0 5.2em; border:1px solid #eaeaea; background:#f9f9f9; border-radius:5px;}
.section_franchisee .franchisee-info:after {display:block; clear:both; content:"";}
.section_franchisee .franchisee-info > dl {float:left; width:216px; margin-left:179px;}
.section_franchisee .franchisee-info > dl:first-child {margin-left:0;}
.section_franchisee .franchisee-info > dl dt {height:172px; text-align:center;}
.section_franchisee .franchisee-info > dl dt img {display:inline-block;}
.section_franchisee .franchisee-info > dl dd {text-align:center; font-size:20px; line-height:30px; color:#111;}
.section_franchisee .franchisee-info dl.item01 dt {padding-top:50px;}
.section_franchisee .franchisee-info dl.item02 dt {padding-top:26px;}
.section_franchisee .franchisee-info dl.item03 dt {padding-top:41px;}

.section_franchisee .consult-group {margin:40px 0 100px;}
.section_franchisee .consult-group:after{display:block; content:""; clear:both;}
.section_franchisee .consult-group p {display:inline-block; height:60px; font-size:28px; color:#111;}
.section_franchisee .consult-group p:before {display:inline-block; position:relative; width:40px; height:40px; margin-right:20px; top:8px; background:url('../../images/main/ico_tel.png') no-repeat; content:"";}
.section_franchisee .consult-group .btn-wrap {float:right;}
.section_franchisee .consult-group p:after {display:inline-block; position:relative; top:-8px; right:-10px; width:520px; height:1px; background:#a9a9a9; content:"";}

/* section_case */
.section_case .section-header h2 {font-size:38px; color:#111; text-align:center;}
.section_case .section-header h2:before {display:block; width:224px; height:0; margin:0 auto 100px auto; background:#535353; content:"";}
.section_case .case-list {padding:30px 0 100px;}
.section_case .case-list:after {display:block; clear:both; content:"";}
.section_case .case-list li {float:left; text-align:center;}
.section_case .case-list li a {width:394px; height:380px;}
.section_case .case-list li + li {margin-left:8px;}
.section_case .case-list li .img {width:394px; height:255px;}
.section_case .case-list li .img-logo {display:inline-block; height:33px; margin-top:20px;}
.section_case .case-list li .tit {margin-top:20px; font-size:16px; color:#555;}
.section_case .case-list li .place {margin-top:15px; font-size:20px; color:#111;}