/*******************

서브페이지 공통 시작 

********************/


/********** 스티키 메뉴 **********/

#hd.nofix {position:relative;top:0;left:0;background:#000;}
#hd.nofix .gnb_2dul {background:rgba(0,0,0,1);}

#gnb_all.nofix {position:absolute;}



/********** 비쥬얼 영역 **********/

.sub_visual {width:100%;height:600px;overflow:hidden;min-width:1280px;background:url(../img/sub/sub1_1_vis_bg2.jpg) no-repeat top/cover;background-attachment:fixed}
.sub_visual .txt_area {display:table;width:100%;height:100%;}
.sub_visual .txt_area .txt_bx {display:table-cell;width:100%;height:100%;text-align:center;vertical-align:middle;color:#fff;}
.sub_visual .txt_area .stt {font-size:10px;margin-bottom:30px;}
.sub_visual .txt_area .stt span {display:inline-block;margin-right:15px;}
.sub_visual .txt_area .stt span:last-child {margin-right:0;}
.sub_visual .txt_area #container_title span {font-size:60px;line-height:100%;}
.sub_visual .txt_area .line {display:block;width:50px;height:1px;background:#fff;margin:30px auto;}
.sub_visual .txt_area p {font-size:14px;}
.sub_visual .txt_area p span {display:block;margin-bottom:5px;}
.sub_visual .txt_area p span:last-child {margin-bottom:0;}



/********** 서브 메뉴 영역 **********/

.snb_wrap {width:100%;height:55px;background:#efefef;}
.snb_wrap.sticky {position:fixed;z-index:999;top:0;left:0;box-sizing:border-box;box-shadow:3px 3px 5px rgba(0,0,0,0.1)}
.snb_wrap .inner {width:1280px;margin:0 auto;}
.snb_wrap .inner > p {float:left;width:55px;height:55px;background:#cc5d52;text-align:center;line-height:55px;font-size:20px;color:#fff;}
.snb_wrap .inner > div {float:left;width:220px;position:relative;z-index:100;}
.snb_wrap .inner > div:nth-of-type(1) {background:#fff;color:#9f9f9f;}
.snb_wrap .inner > div:nth-of-type(2) {background:#353535;color:#aaa;}
.snb_wrap .inner > div:nth-of-type(2) p {color:#fff3bb;}
.snb_wrap .inner > div > p {position:relative;width:100%;height:55px;line-height:55px;padding-left:20px;}
.snb_wrap .inner > div > p:after {position:absolute;right:20px;top:20px;content:'';display:block;width:10px;height:10px;transform:rotate(-135deg);}
.snb_wrap .inner > div:nth-of-type(1) > p:after {border-top:0.1em solid #9f9f9f;border-left:0.1em solid #9f9f9f;}
.snb_wrap .inner > div:nth-of-type(2) > p:after {border-top:0.1em solid #fff3bb;border-left:0.1em solid #fff3bb;}
.snb_wrap .inner > div > ul {display:none;position:absolute;width:100%;background:inherit;}
.snb_wrap .inner > div:nth-of-type(1) > ul {box-shadow:1px 7px 10px rgba(0,0,0,0.1)}
.snb_wrap .inner > div > ul li {height:55px;line-height:55px;padding-left:20px;width:100%;}
.snb_wrap .inner > div:nth-of-type(1) > ul li:hover {color:#000;}
.snb_wrap .inner > div:nth-of-type(1) > ul li.active {background:#f0f0f0;color:#000;}
.snb_wrap .inner > div:nth-of-type(2) > ul li:hover {color:#fff;}
.snb_wrap .inner > div:nth-of-type(2) > ul li.active {color:#fff3bb;} 



/********** 서브 컨텐츠 영역 **********/

.sub_content_wrapper {overflow-x:hidden;}
.sub_content_wrapper .ssc .inner {width:1280px;height:100%;margin:0 auto;}
.sub_content_wrapper .ssc .inner:after {content:'';display:block;clear:both;}
.sub_content_wrapper .ssc .inner .txt_bx h2 {font-size:40px;}
.sub_content_wrapper .ssc .inner .txt_bx h2 strong {font-weight:800;}
.sub_content_wrapper .ssc .inner .txt_bx p span {display:block;margin-bottom:5px;}
.sub_content_wrapper .ssc .inner .txt_bx p span:last-child {margin-bottom:0;}



/*******************
서관면옥 - 서관면옥
********************/

.scw_1_1 .ssc .txt_area {display:table;width:100%;height:100%;}
.scw_1_1 .ssc .txt_bx {display:table-cell;height:100%;width:100%;vertical-align:middle;}
.scw_1_1 .ssc .txt_bx  h2 {margin:25px 0;}
.scw_1_1 .ssc .txt_bx p {font-size:14px;}
.scw_1_1 .ssc1 {position:relative;overflow:hidden;height:775px;background:url(../img/sub/sub1_1_1_bg.jpg) no-repeat center bottom/cover;}
.scw_1_1 .ssc1 .txt_area {float:left;}
.scw_1_1 .ssc1 .txt_area img {width:160px;}
.scw_1_1 .ssc1 .txt_area p {color:#666;}
.scw_1_1 .ssc1 .img_bx {position:absolute;right:5%;top:95px;overflow:hidden;width:45%;}
.scw_1_1 .ssc1 .img_bx img {margin-left:50%;transform:translateX(-50%)}

.scw_1_1 .ssc2 {height:630px;background:url(../img/sub/sub1_1_2_bg.jpg) no-repeat center center/cover;background-attachment:fixed;}
.scw_1_1 .ssc2 .inner {position:relative;}
.scw_1_1 .ssc2 .inner .txt_area {float:right;color:#fff;width:720px;}
.scw_1_1 .ssc2 .img_bx {position:absolute;left:0;top:-75px;z-index:1;}

.scw_1_1 .ssc3 {height:725px;background:#fcfaf6;overflow:hidden;position:relative;z-index:-1;}
.scw_1_1 .ssc3 .txt_area p {color:#666;}
.scw_1_1 .ssc3 .img_bx {position:absolute;right:0;bottom:0;}



/*******************
서관면옥 - 경영철학
********************/

.scw_1_2 .ssc1 {position:relative;margin-top:100px;}
.scw_1_2 .ssc1 .img_bx {position:absolute;right:1%;width:50%;overflow:hidden;}
.scw_1_2 .ssc1 .img_bx img {float:right;}
.scw_1_2 .ssc1 .txt_area {display:table;}
.scw_1_2 .ssc1 .txt_area .txt_bx {display:table-cell;height:364px;vertical-align:middle;}
.scw_1_2 .ssc1 .txt_area .txt_bx img {width:150px;}
.scw_1_2 .ssc1 .txt_area .txt_bx h2 {margin:20px 0 20px 0;}
.scw_1_2 .ssc1 span.line {display:block;margin:80px auto;width:1px; height:115px;background:#000;}
.scw_1_2 .ssc2 {margin-bottom:100px;}
.scw_1_2 .ssc2 ul li {float:left;width:32%;margin-right:2%;}
.scw_1_2 .ssc2 ul li:last-child {margin-right:0;}
.scw_1_2 .ssc2 ul li h2 {font-weight:100;font-size:32px;}
.scw_1_2 .ssc2 ul li h2 strong {font-weight:600;}
.scw_1_2 .ssc2 ul li:nth-child(1) h2 {color:#bbab8d}
.scw_1_2 .ssc2 ul li:nth-child(2) h2 {color:#cc5d52}
.scw_1_2 .ssc2 ul li:nth-child(3) h2 {color:#353741}
.scw_1_2 .ssc2 ul li .img_bx {overflow:hidden;margin-bottom:10px;}
.scw_1_2 .ssc2 ul li img {width:100%;transition:all 0.3s;}
.scw_1_2 .ssc2 ul li .img_bx:hover img {transform:scale(1.05);}
.scw_1_2 .ssc2 ul li h3 {font-size:24px;font-weight:600;margin-bottom:5px;}
.scw_1_2 .ssc2 ul li p {color:#666;}



/***************************
서관면옥이야기 - 메뉴 이야기
***************************/

.scw_2_1 .ssc .txt_bx {text-align:center;margin-top:100px;}
.scw_2_1 .ssc .txt_bx img {margin-bottom:20px;}
.scw_2_1 .tabs { display: table; width: 100%; margin-top:50px;}
.scw_2_1 .tabs > li { transition-duration: .25s; float:left;text-align: center; width:16.583333%; height:60px; margin-right:0.1%; position: relative; overflow: hidden; cursor: pointer; color: #353535; background:#f5f5f5; }
.scw_2_1 .tabs > li:last-child {margin-right:0;}
.scw_2_1 .tabs > li span {position:absolute;display:block;z-index:2;width:100%;height:100%;line-height:60px;}
.scw_2_1 .tabs > li div { position: absolute; width: 100%; height: 60px; top: 60px; left: 0; background: rgba(0, 0, 0, 0.1);
  transition-duration: .25s;}
.scw_2_1 .tabs > li:hover div  { top:50px; }
.scw_2_1 .tabs > li.active { color: #fff; }
.scw_2_1 .tabs > li.active div  {
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-ms-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
	background: #353535;
	top:0;
	z-index:1;
}
.scw_2_1 .tab__content { margin:100px 0;background-color: white; position: relative; width: 100%;}
.scw_2_1 .tab__content > li { width: 100%; position: absolute; top: 0; left: 0; display: none; list-style: none; }
.scw_2_1 .tab__content > li .content {display:table;}
.scw_2_1 .tab__content > li .content:after {display:block;content:'';clear:both;}
.scw_2_1 .tab__content > li .content > div {display:table-cell;height:100%;width:100%;vertical-align:middle;}
.scw_2_1 .tab__content > li .left {float:left;}
.scw_2_1 .tab__content > li .right {float:right;}
.scw_2_1 .tab__content .tc_li_1 .left {width:50%}
.scw_2_1 .tab__content .tc_li_1 .right {width:45%;height:485px;}
.scw_2_1 .tab__content .tc_li_2 .left {width:35%}
.scw_2_1 .tab__content .tc_li_2 .right {width:60%;height:583px;}
.scw_2_1 .tab__content .tc_li_3 .left {width:60%;height:583px;}
.scw_2_1 .tab__content .tc_li_3 .right {width:35%;}
.scw_2_1 .tab__content .tc_li_4 .img_con {width:38%;}
.scw_2_1 .tab__content .tc_li_4 .txt_con {width:55%;}
.scw_2_1 .tab__content .tc_li_4 .tc4_1 {margin-bottom:80px;}
.scw_2_1 .tab__content .tc_li_4 .tc4_1 .txt_con {height:528px;}
.scw_2_1 .tab__content .tc_li_4 .tc4_2 .txt_con {height:382px;}
.scw_2_1 .tab__content .tc_li_5 .left {width:50%;height:461px;}
.scw_2_1 .tab__content .tc_li_5 .right {width:45%;}
.scw_2_1 .tab__content .tc_li_6 .left {width:35%}
.scw_2_1 .tab__content .tc_li_6 .right {width:60%;height:583px;}

.scw_2_1 .content__wrapper h2 {margin-bottom:25px;font-family:'Gowun Batang', 'Nanum Myeongjo', serif; font-weight:800; letter-spacing:-1px;font-size:32px;}
.scw_2_1 .content__wrapper p {color:#666;line-height:150%;}
.scw_2_1 .content__wrapper p span {color:#999;font-size:14px;}
.scw_2_1 .content__wrapper img { width: 100%; height: auto; }



/*****************************
서관면옥이야기 - 서관면상이란?
*****************************/

.scw_2_2 .ssc {text-align:center;}
.scw_2_2 .ssc .txt_bx h2 {margin:25px 0 35px 0;}
.scw_2_2 .ssc .txt_bx {margin-bottom:40px;}
.scw_2_2 .ssc .txt_bx p {color:#666;}

.scw_2_2 .ssc1 {background:url(../img/sub/sub2_2_bg.jpg) no-repeat center top;box-sizing:border-box;padding-top:150px;}
.scw_2_2 .ssc1 .txt_bx h2 span {display:block;}
.scw_2_2 .ssc1 .txt_bx h2 span:nth-child(1) {margin-right:120px;}
.scw_2_2 .ssc1 .txt_bx h2 span:nth-child(2) {margin-left:120px;}
.scw_2_2 .ssc1 .txt_bx h2 span:nth-child(3) {font-size:20px;font-weight:800;margin-top:30px;}
.scw_2_2 .ssc1 .img_bx {margin-bottom:80px;}
.scw_2_2 .ssc1 .line {display:block;position:relative;margin:0 auto;width:1px;height:180px;background:#cdcdcd;overflow:hidden;}
.scw_2_2 .ssc1 .line:after {display:block;content:'';position:absolute;width:100%;height:100%;background:#aaa; animation:down 2s ease-in-out infinite;}
.scw_2_2 .ssc2 {overflow:hidden;padding-bottom:150px;}
.scw_2_2 .ssc2 .img_bx {margin:80px 0;}
.scw_2_2 .ssc2 .txt_bx h2 {position:relative;width:auto;display:inline-block;}
.scw_2_2 .ssc2 .txt_bx h2 span {display:block;}
.scw_2_2 .ssc2 .txt_bx h2 span:nth-child(2) {position:absolute;top:-40px;right:-40px;font-size:48px;font-weight:800;}
.scw_2_2 .ssc2 .txt_bx p.txt1 {margin-bottom:80px;}



/******************
메뉴소개 - 메뉴소개 : 리뉴얼
*******************/
.scw_3_1 .line {display:inline-block;width:30px;height:2px;background:#cc5d52;}
.scw_3_1 .scw_tit h2 {font-size:40px;font-weight:900;}
.scw_3_1 .scw_tit p {font-size:14px;color:#666;}
.scw_3_1 .scw_tit p span {display:block;}
.scw_3_1 .ssc_tit {text-align:center;}
.scw_3_1 .ssc_tit span.letter {font-size:11px;color:#b3b3b3;letter-spacing:0.5em;}
.scw_3_1 .ssc_tit h3 {font-size:48px;font-weight:700;margin:10px 0 25px 0;}
.scw_3_1 .ssc_tit p {font-size:14px;color:#999;}
.scw_3_1 .slide_pop .txt_box h3 {font-size:32px;font-weight:700;font-family: 'Gowun Batang', 'Nanum Myeongjo', serif;}
.scw_3_1 .slide_pop .txt_box p {font-size:14px;color:#666;}
.scw_3_1 .slide_pop .txt_box span.btn {display:inline-block;width:125px;height:30px;background:#f0f0f0;text-align:center;line-height:30px;font-size:12px;color:#666;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.scw_3_1 .slide_pop li:hover span.btn {background:#cc5d52;color:#fff;}
.scw_3_1 .slide_pop .img_box > img {
	-webkit-filter: drop-shadow(0px 7px 5px rgba(150,150,150,0.8));
	filter: drop-shadow(0px 7px 5px rgba(150,150,150,0.8));
}


/* .pp_inline {background:#fff;} */
.pp_inline:after {display:block;content:'';clear:both;}
.pp_inline .left_box {float:left;width:50%;}
.pp_inline .right_box {float:right;width:50%;height:640px;padding:80px 0 0 80px;background:url(../img/menu/pop_layer_bg.jpg) no-repeat right bottom/cover;box-sizing:border-box;}
.pp_inline .left_box img {width:100%;}
.pp_inline .right_box span {text-transform:uppercase;font-size:10px;letter-spacing:0.5em;color:#999;}
.pp_inline .right_box h3 {margin:20px 0;font-size:48px;font-weight:700;}
.pp_inline .right_box p {font-size:14px;color:#999;line-height:170%;letter-spacing:-1px;}
div.pp_default .pp_content {position:relative;width:100% !important;height:640px !important;overflow:hidden !important;
	background:url(../img/menu/pop_layer_bg_big.jpg) no-repeat left bottom/cover;
}
div.pp_default .pp_details {display:none;}
.currentTextHolder {display:none;}
div.pp_default .ppt {display:none;}
div.pp_default .pp_nav {position:absolute;left:50%;top:50%;width:100%;height:45px;z-index:1;margin:0 !important;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause {display:none;}
div.pp_default a.pp_arrow_previous, 
div.pp_default a.pp_arrow_next {position:absolute;width:45px;height:45px;margin:0;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}
div.pp_default a.pp_arrow_previous:hover, 
div.pp_default a.pp_arrow_next:hover {background:#d71a22;opacity:1;}
div.pp_default a.pp_arrow_previous:after, 
div.pp_default a.pp_arrow_next:after {position:absolute;width:15px;height:15px;top:50%;display:block;content:'';}	
div.pp_default a.pp_arrow_previous {background:#393536/*#d71a22*/;}
div.pp_default a.pp_arrow_next {background:#393536;left:100%;margin-left:-45px;}
div.pp_default a.pp_arrow_previous:after {left:18px;border-top:1px solid #fff;border-left:1px solid #fff;
	-webkit-transform:translateY(-50%) rotate(-45deg);
	-ms-transform:translateY(-50%) rotate(-45deg);
	transform:translateY(-50%) rotate(-45deg);
}
div.pp_default a.pp_arrow_next:after {right:18px;border-top:1px solid #fff;border-right:1px solid #fff;
	-webkit-transform:translateY(-50%) rotate(45deg);
	-ms-transform:translateY(-50%) rotate(45deg);
	transform:translateY(-50%) rotate(45deg);
}
div.pp_default .pp_close {position:absolute;right:20px;top:20px;width:48px;height:48px;z-index:1;}
div.pp_default .pp_close:after {position:absolute;top:22px;left:-8px;display:block;content:'';width:63px;height:2px;background:#ccc;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
div.pp_default .pp_close:before {position:absolute;top:22px;left:-8px;display:block;content:'';width:63px;height:2px;background:#ccc;
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

.scw_3_1 .ssc1 {position:relative;height:878px;text-align:center;padding-top:100px;overflow:hidden;}
.scw_3_1 .ssc1 .line {margin-bottom:30px;}
.scw_3_1 .ssc1 h2 {margin-bottom:30px;}
.scw_3_1 .ssc1 .img_box {position:absolute;z-index:-1;bottom:0;left:50%;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
}
.scw_3_1 .ssc2 {display:table;height:480px;width:100%;background:url(../img/menu/ssc2_bg.jpg) no-repeat center center/cover;background-attachment:fixed;}
.scw_3_1 .ssc2 .ssc_tit {display:table-cell;text-align:center;vertical-align:middle;}
.scw_3_1 .ssc2 .ssc_tit span {color:#ffefa3;font-weight:400;font-size:16px;}
.scw_3_1 .ssc2 .ssc_tit h3 {font-size:48px;color:#fff;margin:20px 0;}
.scw_3_1 .ssc2 .ssc_tit p {font-size:14px;color:#f3f3f3;line-height:170%;}
.scw_3_1 .ssc2 .ssc_tit a {background:rgba(255,255,255,0.15);margin-top:30px;display:inline-block;width:125px;height:30px;line-height:30px;text-align:center;font-size:12px;color:#fff;font-weight:400;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.scw_3_1 .ssc2 .ssc_tit a:hover {background:#cc5d52;}

.scw_3_1 .ssc3 {position:relative;padding:100px 0;}
.scw_3_1 .ssc3:before,
.scw_3_1 .ssc3:after {position:absolute;top:333px;display:block;content:'';width:100px;height:517px;background:url(../img/menu/pattern_big.png) no-repeat;z-index:-1;}
.scw_3_1 .ssc3:before {left:0;background-position:right}
.scw_3_1 .ssc3:after {right:0;background-position:left}
.scw_3_1 .ssc3 ul {width:1560px;margin:100px auto 0 auto;}
.scw_3_1 .ssc3 ul li {float:left;width:25%;text-align:center;}
.scw_3_1 .ssc3 ul li .img_box {position:relative;height:435px;margin-bottom:30px;}
.scw_3_1 .ssc3 ul li .img_box img {position:absolute;bottom:0;left:50%;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.scw_3_1 .ssc3 ul li .img_box .bg {position:absolute;top:0;left:50%;width:225px;height:300px;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.scw_3_1 .ssc3 ul li:hover .img_box .bg {width:250px;}
.scw_3_1 .ssc3 ul li:hover .img_box img {bottom:10px;} 
.scw_3_1 .ssc3 ul li:nth-child(1) .img_box .bg {background:url(../img/menu/ssc3_img1_bg.jpg) no-repeat center center;}
.scw_3_1 .ssc3 ul li:nth-child(2) .img_box .bg {background:url(../img/menu/ssc3_img2_bg.jpg) no-repeat center center;}
.scw_3_1 .ssc3 ul li:nth-child(3) .img_box .bg {background:url(../img/menu/ssc3_img3_bg.jpg) no-repeat center center;}
.scw_3_1 .ssc3 ul li:nth-child(4) .img_box .bg {background:url(../img/menu/ssc3_img4_bg.jpg) no-repeat center center;}
.scw_3_1 .ssc3 ul li .txt_box h3 {margin:20px 0 10px;}
.scw_3_1 .ssc3 ul li .txt_box .btn {margin-top:40px;}

@media screen and (max-width:1440px) { 
	.scw_3_1 .ssc3 ul {width:90%;}
	.scw_3_1 .ssc3 ul li {width:50%;}
	.scw_3_1 .ssc3 ul li:nth-child(1),
	.scw_3_1 .ssc3 ul li:nth-child(2) {margin-bottom:70px;}
}

.scw_3_1 .ssc4 {background:#fbfbfa;padding:100px 0;}
.scw_3_1 .ssc4 ul {width:1700px;margin:150px auto 0 auto;}
.scw_3_1 .ssc4 ul li {float:left;width:50%;margin-bottom:200px;}
.scw_3_1 .ssc4 ul li:last-child {width:100%;margin-left:0}
.scw_3_1 .ssc4 ul li:after {display:block;content:'';clear:both;}
.scw_3_1 .ssc4 ul li .img_box {position:relative;float:left;width:565px;height:150px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.scw_3_1 .ssc4 ul li:hover .img_box {padding:10px 0;}
.scw_3_1 .ssc4 ul li .img_box .bg {width:100%;height:100%;}
.scw_3_1 .ssc4 ul li:nth-child(1) .img_box .bg {background:url(../img/menu/ssc4_img1_bg.jpg) no-repeat center center/cover;}
.scw_3_1 .ssc4 ul li:nth-child(2) .img_box .bg {background:url(../img/menu/ssc4_img2_bg.jpg) no-repeat center center/cover;}
.scw_3_1 .ssc4 ul li:nth-child(3) .img_box .bg {background:url(../img/menu/ssc4_img3_bg.jpg) no-repeat center center/cover;}
.scw_3_1 .ssc4 ul li:nth-child(4) .img_box .bg {background:url(../img/menu/ssc4_img4_bg.jpg) no-repeat center center/cover;}
.scw_3_1 .ssc4 ul li:nth-child(5) .img_box .bg {background:url(../img/menu/ssc4_img5_bg.jpg) no-repeat center center/cover;}
.scw_3_1 .ssc4 ul li .img_box img {position:absolute;z-index:1;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.scw_3_1 .ssc4 ul li:nth-child(1) .img_box img {left:20px;bottom:-30px;}
.scw_3_1 .ssc4 ul li:nth-child(2) .img_box img {left:20px;top:-60px;}
.scw_3_1 .ssc4 ul li:nth-child(3) .img_box img {left:30px;bottom:-80px;}
.scw_3_1 .ssc4 ul li:nth-child(4) .img_box img {left:-30px;bottom:-80px;}
.scw_3_1 .ssc4 ul li:nth-child(5) .img_box img {left:20px;bottom:-80px;}
.scw_3_1 .ssc4 ul li:nth-child(1):hover .img_box img {left:30px;}
.scw_3_1 .ssc4 ul li:nth-child(2):hover .img_box img {left:30px;}
.scw_3_1 .ssc4 ul li:nth-child(3):hover .img_box img {left:40px;}
.scw_3_1 .ssc4 ul li:nth-child(4):hover .img_box img {left:-20px;}
.scw_3_1 .ssc4 ul li:nth-child(5):hover .img_box img {left:30px;}
.scw_3_1 .ssc4 ul li:nth-child(2n) .img_box {float:left;width:510px;}
.scw_3_1 .ssc4 ul li .txt_box {float:left;margin-left:30px;height:150px;margin-top:-15px;}
.scw_3_1 .ssc4 ul li .txt_box div {display:table-cell;}
.scw_3_1 .ssc4 ul li .txt_box h3 {margin:7px 0;font-size:28px;}
.scw_3_1 .ssc4 ul li .txt_box .btn {margin-top:20px;}

@media screen and (max-width:1600px) { 
	.scw_3_1 .ssc4 ul {width:90%;}
	.scw_3_1 .ssc4 ul li {width:49%;margin-right:2%;margin-bottom:150px;}
	.scw_3_1 .ssc4 ul li:nth-child(2n) {margin-right:0;}
	.scw_3_1 .ssc4 ul li .img_box {margin-bottom:80px;width:100%;}
	.scw_3_1 .ssc4 ul li:nth-child(2n) .img_box {width:100%;}
	.scw_3_1 .ssc4 ul li:last-child {width:49%;}
	.scw_3_1 .ssc4 ul li:nth-child(4) .img_box img {left:0;}
	.scw_3_1 .ssc4 ul li:nth-child(4):hover .img_box img {left:10px;}
	.scw_3_1 .ssc4 ul li .txt_box {margin-left:0;margin-top:0;clear:both;}
}

.scw_3_1 .ssc5 {padding:150px 0 100px 0;}
.scw_3_1 .ssc5 .ssc_tit {float:left;text-align:left;margin-left:5%;}
.scw_3_1 .ssc5 ul {float:left;margin-left:7%;}
.scw_3_1 .ssc5 ul li {float:left;margin-right:60px}
.scw_3_1 .ssc5 ul li:last-child {margin-right:0;}
.scw_3_1 .ssc5 ul li .img_box {position:relative;width:531px;height:181px;margin-bottom:100px;}
.scw_3_1 .ssc5 ul li .img_box .bg {position:absolute;width:100%;height:100%;top:0;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.scw_3_1 .ssc5 ul li .img_box > img {position:absolute;top:-60px;left:50%;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.scw_3_1 .ssc5 ul li:hover .img_box  .bg {transform:scale(0.95);}
.scw_3_1 .ssc5 ul li:hover img {top:-70px;}
.scw_3_1 .ssc5 ul li .txt_box {text-align:center;}
.scw_3_1 .ssc5 ul li .txt_box h3 {margin:20px 0 10px 0;}
.scw_3_1 .ssc5 ul li .txt_box .btn {margin-top:40px;}

@media screen and (max-width:1680px) { 
	.scw_3_1 .ssc5 {padding:100px 0;}
	.scw_3_1 .ssc5 .ssc_tit {float:none;text-align:center;margin-left:0;margin-bottom:150px;}
	.scw_3_1 .ssc5 ul {float:none;width:90%;margin:0 auto;}
	.scw_3_1 .ssc5 ul li {width:48%;margin-right:4%;}
	.scw_3_1 .ssc5 ul li .img_box {width:100%;}
	.scw_3_1 .ssc5 ul li .img_box .bg img {width:100%;}
}



/******************
서관면옥 소식 - 공통
*******************/

.scw_4_1 .ssc {margin:100px 0;}
.scw_4_1 .ssc .sc_txt_area {text-align:center;margin-bottom:40px;}
.scw_4_1 .ssc .sc_txt_area img {margin-bottom:20px;}

.scw_4_2 .ssc {margin:100px 0;}
.scw_4_2 .ssc .sc_txt_area {text-align:center;margin-bottom:40px;}
.scw_4_2 .ssc .sc_txt_area img {margin-bottom:20px;}



/******************
오시는 길 - 지점안내
*******************/

.scw_5_1 .ssc {padding:100px 0;}
.scw_5_1 .ssc #map {float:right;width:60%;height:560px;}
.scw_5_1 .ssc .sc_txt_area {float:left;width:40%;height:560px;background:rgba(255,255,255,0.95);padding-left:5%;box-sizing:border-box;display:table;}
.scw_5_1 .ssc .sc_txt_area .txt_bx {display:table-cell;width:100%;height:100%;vertical-align:middle;}
.scw_5_1 .ssc .sc_txt_area img {margin-bottom:30px;}
.scw_5_1 .ssc .sc_txt_area h1 {margin-bottom:10px;font-size:38px;}
.scw_5_1 .ssc .sc_txt_area p {margin-bottom:40px;color:#666}
.scw_5_1 .ssc .sc_txt_area ul li {margin-bottom:10px;color:#666}
.scw_5_1 .ssc .sc_txt_area ul li:last-child {margin-bottom:0;}
.scw_5_1 .ssc .sc_txt_area ul li strong {display:inline-block;width:150px;color:#000;}
.scw_5_1 .ssc .sc_txt_area ul li i {margin-right:10px;}



/******************
오시는 길 - 매장전경
*******************/

.scw_5_2 .ssc {padding:80px 0;}
.scw_5_2 .ssc .sc_txt_area {text-align:center;margin-bottom:40px;}
.scw_5_2 .ssc .sc_txt_area img {margin-bottom:20px;}
.scw_5_2 .ssc .gallery_slider_for .slide img,
.scw_5_2 .ssc .gallery_slider_nav .slide_li img {width:100%;}
.scw_5_2 .ssc .slick-arrow {z-index:1;width:45px;height:45px;border-radius:100%;border:2px solid #fff;}
.scw_5_2 .ssc .slick-arrow:before {display:block;width:100%;height:100%;opacity:1;line-height:40px !important;}
.scw_5_2 .ssc .slick-prev {left:2.5%;}
.scw_5_2 .ssc .slick-next {right:2.5%;}
.scw_5_2 .ssc .slide_li {position:relative;}
.scw_5_2 .ssc .slide_li span {position:absolute;display:block;width:100%;height:100%;background:rgba(0,0,0,0.8);transition:all 0.5s;}
.scw_5_2 .ssc .gallery_slider_nav .slick-current .slide_li span {opacity:0;}



/******************
Recruit - 채용안내
*******************/

.scw_6_1 #container_title {font-weight:400;}
.scw_6_1 #container_title strong {font-weight:800;}

.scw_6_1 .txt_area .txt_bx {text-align:center;}
.scw_6_1 .txt_area .txt_bx h2 {margin-bottom:15px;}
.scw_6_1 .ssc {overflow:hidden;}
.scw_6_1 .ssc1 {padding:100px 0 80px 0;}
.scw_6_1 .ssc1 .txt_area .txt_bx img {width:160px;margin-bottom:50px;}
.scw_6_1 .ssc1 .cont_ul_area {margin-top:80px;}
.scw_6_1 .ssc1 .content_li {float:left;width:49%;margin-right:2%;margin-bottom:50px;}
.scw_6_1 .ssc1 .content_li:nth-child(2n) {margin-right:0;}
.scw_6_1 .ssc1 .content_li img {width:100%;margin-bottom:30px;}
.scw_6_1 .ssc1 .content_li .tit_bx {border-bottom:1px solid #d4d4d4;padding-bottom:20px;margin-bottom:20px;}
.scw_6_1 .ssc1 .content_li .tit_bx h3 {font-size:48px;font-weight:800;margin:5px 0 7px 0;}
.scw_6_1 .ssc1 .content_li .tit_bx p {font-size:20px;font-weight:400;}
.scw_6_1 .ssc1 .content_li .sns_li {margin-top:10px;font-size:20px;}
.scw_6_1 .ssc1 .content_li_1 .sns_li a:nth-child(1):hover {color:#03CF5D;}
.scw_6_1 .ssc1 .content_li_1 .sns_li a:nth-child(2):hover {color:#3b5998;}
.scw_6_1 .ssc1 .content_li_1 .sns_li a:nth-child(3):hover {color:#DD2A7B;}
.scw_6_1 .ssc2 {background:#f8f8f8;padding:80px 0;}
.scw_6_1 .ssc2 .txt_area img {margin-bottom:40px;}
.scw_6_1 .ssc2 .cont_ul_area {margin:80px 0;border-bottom:1px solid #000;width:100%;}
.scw_6_1 .ssc2 .cont_ul_area li {position:relative;float:left;width:20%;text-align:center;}
.scw_6_1 .ssc2 .cont_ul_area li .img_bx {position:relative;display:table;height:85px;width:100%;margin-bottom:30px;}
.scw_6_1 .ssc2 .cont_ul_area li .img_bx div {display:table-cell;height:85px;vertical-align:middle;}
.scw_6_1 .ssc2 .cont_ul_area li .img_bx span.arrow {position:absolute;top:50%;right:0;display:block;width:15px;height:15px;border-top:3px solid #999;border-right:3px solid #999;
	transform:translate(0, -50%) rotate(45deg);
}
.scw_6_1 .ssc2 .cont_ul_area li p {font-size:20px;font-weight:600;margin-bottom:60px;}
.scw_6_1 .ssc2 .cont_ul_area li:nth-child(4) p {margin-bottom:30px;}
.scw_6_1 .ssc2 .cont_ul_area li span.dot {display:block;position:absolute;left:50%;bottom:-12px;width:25px;height:25px;background:#990000;border-radius:100%;
	transform:translate(-50%);
}
.scw_6_1 .ssc2 .txt2 {text-align:center;line-height:250%;}
.scw_6_1 .ssc2 .txt2 span {font-size:18px;font-weight:600;color:#900;}

.scw_6_1 .ssc3 {padding:80px 0;}
.scw_6_1 .ssc3 .txt_area {margin-bottom:60px;}
.scw_6_1 .ssc3 .txt_area img {margin-bottom:40px;}
.scw_6_1 .ssc3 .lt_wr .more_btn {margin:20px auto 0 auto;width:200px;padding:7px 0;text-align:center;border-radius:100px;background:#CC5D52;color:#fff;font-weight:600;}
.scw_6_1 .ssc3 .lt_wr .more_btn a {display:block;width:100%;height:100%;}