@charset "utf-8";

@import"global.css";


html, body, #warp {width:100%; height:100%; min-width:1310px;}
#warp {position:relative; width:100%; min-width:1310px; margin:0 auto;}
#gnb {overflow:hidden; position:fixed; z-index:100; top:0; left:0; width:300px; height:100%; background: rgb(204, 172, 217);}
#gnb .nav ol { padding: 0px; }
#gnb .nav .menu {display:block;}
#gnb .nav .menu > a {display:none; padding:14px 0 14px 30px; color:#fff; font-size:16px; font-family: 'Noto Sans Regular';}
#gnb .nav .menu ul {padding:10px 0 20px 30px; list-style:none;}
#gnb .nav .menu li {margin-top:5px;}
#gnb .nav .menu li:first-child {margin-top:0}
#gnb .nav .menu li a {display:block; font-size:12px; color:#bdbbc0;}
#gnb .nav .menu:hover, #gnb .nav .menu.active {background:#fff; font-weight:bold;}
#gnb .nav .menu > a:hover, #gnb .nav .menu.active > a { background:url("../../images/common/ico_bar.gif") no-repeat 30px bottom; color:#878786;}
#gnb .nav .menu li a:hover, #gnb .nav .menu li a.active {color:#878786; font-weight:bold;}
#gnb .nav .menu.active ul {display:block !important;}
#gnb .btn_mobile_menu {display:none;}
.mobile_gnb {display:none;}

#header2 {z-index:100; float:left; position: fixed; top:0px; left:0px; width:300px; height: 100%; background: rgba(24,64,43,0.9)}
#header2:after{display:block;clear:both;content:""}

.brand_logo { height: 200px; text-align:center; }
.brand_logo img { margin-top: 35px; }

.brand_sec01{
	text-align: right;
    padding: 37px 40px 0 0;
    position: fixed;
    height: 100px;
    width: 100%;
    z-index: 10;
	right:2%;
	bottom:1%;
}

#header2 dl.br_dl { height: 80px; }
#header2 dl.br_dl dt { padding-top:20px; color: #fff; padding-left: 30px; font-size: 16px; }
#header2 dl.br_dl dd { color: #c5c5c5; padding-left: 59px; font-size: 13px; }
#header2 dl.br_dl:hover { background: #18402b; }

.article_area hr.tit_bar { width: 38px; height: 5px; background: rgb(204, 172, 217); float:left;   }
.article_area h1 { font-size: 32px; color: #404040; font-weight:bold;margin-top:25px;}

.brand_txt01 { float:left; width:80%; margin-top: 100px; font-size: 15px; text-align: justify; color: #777777; line-height: 28px; }
.brand_txt01 span { /*font-size: 20px; color: #215a3f; font-weight: bold;*/ }
.brand_img01 img { margin: 15px 0 0 100px; }

.brand_txt02 { float:left; width: 500px; margin-top: 100px; font-size: 15px; text-align: justify; color: #777777; line-height:28px; }
.brand_txt02 span { font-size: 16px; color: #404040; font-weight: bold; line-height: 30px; }
.brand_img01 img { margin: 15px 0 0 100px; }
.brand_img02 img { margin: 120px 0 0 100px; }
.brand_img03 img { margin-top: -150px; }


.contents {height:100%;}
.row {*zoom:1; position:relative;}
.row.section_01 {height:1510px;}
.row.section_02 {height:1600px;}
.row.section_03 {height:1550px;}
.row.section_04 {height:1885px;}
.row.section_05 {height:1870px;}
.row.section_06 {height:2208px;}
.row.section_07 {height:1615px;}
.row.section_team {height:1500px; margin-top:200px}
.row:after {content:" "; clear:both; display:block; height:0;}

/* 비주얼 */
.visual {position:absolute; overflow:hidden; width:100%; height:390px; top:85px}
.visual p {display:none;  width:100%; height:100%; background-size:cover; transform:scale(1); -ms-transition:transform 3s 0s ease-out; transition:transform 3s 0s ease-out;  }
.visual p.transition {transform:scale(1.2); -ms-transition:transform 8s 0s ease-out; transition:transform 8s 0s ease-out; }

.section_num {position:absolute; top:460px; left:50%; width:225px; height:264px; margin-left:0; background:#252525; opacity:0; filter:Alpha(Opacity=00);}
.section_num p {text-align:center; color:#fff}
.section_num .ico_num {display:none; margin-top:40px; padding:28px 0; background:url("../../images/common/number_deco.png") no-repeat center; font-family: 'Noto Sans Medium'; font-size:16px}
.section_num .tit_word {display:none; margin-top:59px; font-family: 'Noto Sans DemiLight'; font-size:20px;}
.section_05 .section_num .tit_word {margin-top:44px}

/* 섹션별 텍스트 */
.article_area {position:absolute; top:50px; left:50%; width:1200px; margin-left:-575px; letter-spacing:-0.065em;}
.article_area h2 {display:none; /*overflow:hidden; position:relative; padding-left:45px; font-size:40px;*/}
.article_area h2 .ico_underline {position:absolute; left:0; bottom:0; display:inline-block; width:40px; height:5px; background:#848587;}
.article_area h2 em {opacity:0; filter:Alpha(Opacity=00);}
.article_area strong {display:block; margin-top:20px;}
.article_area .article {margin-top:55px; font-size:20px; line-height:40px; letter-spacing:-0.075em;}
.returnpolicy_step {width:100%; text-align:center; margin-top:20px;}
.returnpolicy_step img {width:100%; height:auto;}
.return_step {overflow:hidden;}
.return_step li {float:left;}
.return_step li.step_01 {width:210px; padding-left:21px;}
.return_step li.step_02 {width:300px; padding-left:50px;}
.return_step li.step_03 {width:273px; padding-left:15px;}

/* 컬리팀 영역 */
.kurly_teams {*zoom:1; position:absolute; left:50%; width:1050px; height:1200px; margin-left:-396px; padding-top:16px;}
.kurly_teams.mobile_type {display:none;}
.kurly_teams:after {content:" "; clear:both; display:block; height:0;}
.kurly_teams ul {float:left; width:330px;}
.kurly_teams ul.line_01 {}
.kurly_teams ul.line_02 {margin-top:-16px;}
.kurly_teams ul.line_03 {}
.kurly_teams li {overflow:hidden; height:240px;}
.kurly_teams li {background:#e6e6e6;}
.kurly_teams li .team_name {position:relative; display:block; height:0; background:cover; transform:scale(1); -ms-transition:transform 0.5s 0s ease-out; transition:transform 0.5s 0s ease-out;}
.kurly_teams li .team_name:hover {transform:scale(1.1); -ms-transition:transform 1s 0s ease-out; transition:transform 1s 0s ease-out;}
.kurly_teams li .team_name a {position:absolute; display:block; top:20px; left:50%; color:#fff; width:290px; height:120px; margin-left:-165px; width:330px; height:160px; top:0; text-align:center; padding-top:80px; font-family:'Playfair'; font-size:28px; background:url("../../images/common/bg_team_cover.png") repeat; opacity:0; filter:Alpha(Opacity=00);}
.kurly_teams li .team_name.txt_line2 a {height:175px; padding-top:65px;}
.kurly_teams li.team_00 .kurly_team {display:block; width:100%; padding-top:110px; font-family:'Playfair'; font-weight:bold; line-height:30px; font-size:24px; text-align:center; letter-spacing:7px; color:#fff; opacity:0; filter:Alpha(Opacity=00);}
.kurly_teams li.team_01 .team_name {background:url("../../images/common/Strategic-Planning.gif") no-repeat center;}
.kurly_teams li.team_02 .team_name {background:url("../../images/common/Contents_1.gif") no-repeat center;}
.kurly_teams li.team_03 .team_name {background:url("../../images/common/Logistics_1.gif") no-repeat center;}
.kurly_teams li.team_04 .team_name {background:url("../../images/common/Logistics_4.gif") no-repeat center;}
.kurly_teams li.team_05 .team_name {background:url("../../images/common/CEO.gif") no-repeat center;}
.kurly_teams li.team_06 .team_name {background:url("../../images/common/Merchandising.gif") no-repeat center;}
.kurly_teams li.team_07 .team_name {background:url("../../images/common/Contents_2.gif") no-repeat center;}
.kurly_teams li.team_08 .team_name {background:url("../../images/common/Logistics_2.gif") no-repeat center;}
.kurly_teams li.team_09 .team_name {background:url("../../images/common/Customer-Communication.gif") no-repeat center;}
.kurly_teams li.team_10 .team_name {background:url("../../images/common/Management-Support.gif") no-repeat center;}
.kurly_teams li.team_11 .team_name {background:url("../../images/common/Marketing.gif") no-repeat center;}
.kurly_teams li.team_12 .team_name {background:url("../../images/common/Food-Stylist.gif") no-repeat center;}
.kurly_teams li.team_13 .team_name {background:url("../../images/common/Logistics_3.gif") no-repeat center;}

/* ceo 영역 */
.ceo_area {overflow:hidden; display:none; position:fixed; z-index:10; top:10px; left:50%; width:870px; height:740px; margin-left:-350px; padding:35px 50px; background:#fff; border-radius:5px;}
.ceo_area .picture {position:absolute; top:197px; left:15px; padding:20px;}
.ceo_area h2 {position:absolute; top:120px; left:50px; font-size:12px; font-weight:normal; color:#373737; line-height:25px}
.ceo_area p {position:absolute; top:213px; left:300px; padding:0 80px 0 110px; font-size:16px; line-height:24px; letter-spacing:-0.047em; text-align:justify;}
.ceo_area p strong {display:block; height:29px; font-size:16px;}
.ceo_area p strong img {display:inline-block; vertical-align:top; margin:0 5px}
.ceo_area p em {font-size:32px; font-weight:normal;}
.ceo_area p span {display:block; font-size:13px}
.ceo_area p span.words {margin-top:20px}
.ceo_area .white_cover_area {position:absolute; top:397px; left:20px; width:245px; height:150px;}
.ceo_area .white_cover_area div {position:absolute; height:75px; background:#fff;}
.ceo_area .white_cover_area .white_cover_top { top:0; left:0; }
.ceo_area .white_cover_area .white_cover_bottom {top:75px; right:0;}

/*.article_wrap {display:none;}*/
.picture_area {overflow:hidden; position:fixed; z-index:10; top:10px; left:50%; width:870px; margin-left:-385px;  padding:30px 50px; background:#fff; height:740px; border-radius:5px;}
.picture_area h2 {position:absolute; width:865px; font-size:65px; font-family: 'Playfair'; font-weight:normal; color:#373737; text-align:center; line-height:60px; text-align:center;}
.picture_area h2 p {padding:45px 0;}
.picture_area h2 span {display:inline-block; width:1px; height:64px; background:#000;}
.picture_area .picture {position:relative; margin-top:302px}
.picture_area .picture p {position:absolute;}
.picture_area .picture .left_side {position:absolute; top:60px; left:0;}
.picture_area .picture .left_side button {display:block; position:absolute; top:163px; width:25px; height:25px; }
.picture_area .picture .left_side button span {display:none;}
.picture_area .picture .left_side .btn_prev {left:0; background:url("../../images/common/l_arrow_btn.png") no-repeat;}
.picture_area .picture .left_side .btn_next {right:0; background:url("../../images/common/r_arrow_btn.png") no-repeat;}
.picture_area .picture .right_side {position:absolute; top:0; right:0;}
.picture_area .team_say {position:absolute; top:615px; left:603px;}
.picture_area .team_say strong {display:block; font-size:14px;}
.picture_area .team_say strong img {display:inline-block; vertical-align:top; margin:0 5px}
.picture_area .team_say span {display:block; margin-top:10px; padding-left:27px; font-size:14px;}
.picture_area .team_say p em {font-size:32px; font-weight:normal;}
.btn_close {position:absolute;  top:30px; right:46px; display:block; width:28px; height:28px; background:url("../../images/common/ico_close.png") no-repeat; background-size:28px 28px; transition: transform 1s ease;}
.btn_close:hover {transform: rotate(360deg);}
.picture_area .white_cover_area {position:absolute; overflow:hidden; top:100px; left:91px; width:785px; height:150px;}
.picture_area .white_cover_area div {position:absolute; height:75px; background:#fff;}
.picture_area .white_cover_area .white_cover_top { top:0; left:0; }
.picture_area .white_cover_area .white_cover_bottom {top:75px; right:0;}
#dimmed {display:none; position:fixed; z-index:5; top:0; left:0; width:100%; height:100%; background:url("../../images/common/bg_team_cover.png") repeat;}

.menu-main{margin-top:50px;text-align: center}
.menu-main a{display:none; width: 200px;height: 46px;margin:0 auto;line-height:46px;border: solid 1px #fff;color:#fff}
/* mobile */
@media all and (max-width:768px) {
	html, body, #warp {min-width:100%;}
	#gnb  {display:none; top:50px; width:100% !important; height:450px; text-align:center;}
	#gnb .nav ol {padding-top:0;}
	#gnb .nav .menu ul {display:none !important;}
	#gnb .nav .menu.active ul {display:none !important;}
	#gnb .nav .menu > a {padding-left:0;}
	#gnb .nav .menu > a:hover, #gnb .nav .menu.active > a {background:none;}

	#gnb .nav .menu-main{margin: 20px 0 60px }
	#gnb .menu-main a{height:44px}

	.mobile_gnb {position:fixed; top:0; left:0; z-index:10; display:block; width:100%; height:40px; background:#fff;}
	.btn_m_menu {position:absolute; top:12px; left:15px;}
	.row {height:auto !important; margin-top:50px;}
	.visual {position:static; height:120px;}
	.visual p {display:block !important; background-size:contain !important;}
	.section_num {display:none;}
	.article_area {display:block !important; margin-top:10px; position:static; width:100%; margin-left:0; font-size:12px}
	.article_area h2 {display:block !important; font-size:20px; padding-left:27px;}
	.article_area h2 .ico_underline {width:20px; height:2px; left:10px;}
	.article_area h2 em {opacity:1; filter:Alpha(Opacity=100);}
	.article_area .article {display:block !important; margin-top:10px; padding:0 10px; font-size:12px; line-height:20px;}
	.kurly_teams.pc_type {display:none;}
	.kurly_teams.mobile_type li.team_00 .kurly_team {opacity:1; filter:Alpha(Opacity=100);}
	.kurly_teams.mobile_type {display:block; position:static; width:100%; margin-left:0;}
	.kurly_teams.mobile_type li .team_name {height:100%;}
	.kurly_teams.mobile_type ul {width:100%;}
	.kurly_teams li .team_name a {opacity:1; width:280px; height:110px; top:25px; margin-left:-140px;}
	.ceo_area {top:50px; width:320px; height:480px;  margin-left:-160px; padding:5px}
	.ceo_area h2 {position:static; margin-top:30px; font-size:21px; width:100%; text-align:center}
	.ceo_area .picture {position:static; padding:10px; text-align:center}
	.ceo_area .picture img {width:63%; height:auto;}
	.ceo_area .white_cover_area {display:none;}
	.ceo_area p {position:static; font-size:14px; padding:0 10px; text-align:center;}
	.ceo_area p strong {font-size:14px;}
	.ceo_area p span {padding:0;}
	.ceo_area p span.words {display:none;}
	.picture_area {top:50px; width:320px; height:480px; margin-left:-160px; padding:5px}
	.picture_area h2 {width:100%; margin-top:20px; font-size:20px; height:0; line-height:20px;}
	.picture_area h2 p {padding:10px 0}
	.picture_area h2 span {height:15px;}
	.picture_area .white_cover_area {display:none;}
	.picture_area .picture {margin-top:130px}
	.picture_area .picture p {position:static;}
	.picture_area .picture p img {width:100%; height:auto;}
	.picture_area .picture .left_side {position:static;}
	.picture_area .picture .right_side {display:none !important; position:static; top:0; right:0;}
	.picture_area .picture .left_side button {top:93px;}
	.picture_area .team_say {position:static; margin-top:20px; text-align:center}
	.picture_area .team_say span {padding-left:0;}
	.btn_close {top:10px; right:10px;}

	.article_area hr { float:none !important; margin-top:30px;}
	.article_area h1 { text-align:center; font-size:25px; margin-top:0px;}
	.article_area .brand_txt01 { width:100%; margin-top:40px; box-sizing:border-box; padding:0 20px; } 
	.article_area .brand_txt02 { width:100%; margin-top:40px; box-sizing:border-box; padding:0 20px; } 
	.article_area .brand_img01, .article_area .brand_img02, .article_area .brand_img03 { text-align:center;  }
	.article_area .brand_img01 img, .article_area .brand_img02 img{ width: 100%; padding-top:30px; margin:0;} 
	
	.tit_bar{ display:none; }
}

.layout-anchor {display:none; position:fixed; z-index:900; top:50px; left:50%; margin-left:-25px; width: 50px; height: 50px; background-image: url("http://thefarmers162.godo.co.kr/shop/data/skin_mobileV2/designgj/images/common/icon_sprite.png"); text-indent: -9999px; background-size:369px 164px;}
.layout-anchor.goback {background-position:-99px -90px; }
.layout-anchor.main_type {top:10px; left:initial; right:10px;}