@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:0; height:100%; background:url("/company/img/bg_01_cover.png") repeat 0 0;}
#gnb .nav ol {padding-top:49px}
#gnb .nav .menu {display:block;}
#gnb .nav .menu > a {display:none; padding:14px 0 14px 30px; color:#fff; font-family: 'Nanum Gothic Bold';}
#gnb .nav .menu ul {padding:10px 0 20px 30px;}
#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:#fff;}
/*#gnb .nav .menu:hover, #gnb .nav .menu.active {background:#f3588d;}*/ 분홍색
#gnb .nav .menu:hover, #gnb .nav .menu.active {background:#74d03b;}
#gnb .nav .menu > a:hover, #gnb .nav .menu.active > a { background:url("/company/img/ico_bar.gif") no-repeat 30px bottom;}
#gnb .nav .menu li a:hover, #gnb .nav .menu li a.active {color:#fff;}
#gnb .nav .menu.active ul {display:block !important;}
#gnb .btn_mobile_menu {display:none;}
.mobile_gnb {display:none;}

.contents {height:100%;}
.row {*zoom:1; position:relative;}
.row.section_01 {height:1640px;}
.row.section_02 {height:2665px;}
.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:125px}
.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:#74d03b; 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("/company/img/number_deco.png") no-repeat center; font-family: 'Nanum Gothic Bold'; font-size:16px}
.section_num .tit_word {display:none; margin-top:59px; font-family: 'Nanum Gothic Bold'; font-size:20px;}
.section_05 .section_num .tit_word {margin-top:44px}

/* 섹션별 텍스트 */
.article_area {position:absolute; top:850px; left:50%; width:875px; margin-left:-375px; 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;}


/* mobile */
@media all and (max-width:768px) {
html, body, #warp {min-width:100%;}
#gnb  {display:none; top:40px; width:100% !important; height:372px; 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;}
.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:9px; 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;}
}

.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;}