@charset "utf-8";

@import url("https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700&display=swap"); /* NotoSans google font */

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html, body, #warp {width:100%; height:100%; min-width:1310px;}
body { background: #3a3a3a; font-family: 'Noto Sans Regular'; }
#warp {position:relative; width:100%; min-width:1310px; margin:0 auto;}
#gnb {overflow-y:scroll; position:fixed; z-index:100; top:0; left:0; width:0; height:100%; background:#4e4e4e;}
#gnb::after{ clear:both; display:block; content:""; }
#gnb::-webkit-scrollbar { width: 10px; }
#gnb::-webkit-scrollbar-thumb { background-color: #2f3542; }
#gnb::-webkit-scrollbar-track { background-color: grey; }

#gnb .nav ol { padding: 0px; }
#gnb .nav .menu {display:block;}
#gnb .nav .menu > a {display:none; padding:14px 0 14px 30px; font-size: 15px; color:#fff; 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:#143e2a;}
#gnb .nav .menu > a:hover, #gnb .nav .menu.active > a { background:url("../../images/common/ico_bar.gif") no-repeat 30px bottom;}
#gnb .nav .menu li a:hover, #gnb .nav .menu li a.active {color:#795c90;}
#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: #215a3f; float:left;   }
.article_area h1 { font-size: 32px; color: #404040; font-weight:bold;margin-top:25px;}

.brand_txt01 { float:left; width: 500px; 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%; }
.contents::after{ clear:both; display: block; content: "";}
.row {*zoom:1; position:relative;}
.row.section_01 { }
.row:after {content:" "; clear:both; display:block; height:0;}

/* 비주얼 */
.visual {position:absolute; overflow:hidden; width:100%; height:390px;}
.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:413px; width:100%; }
.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;}

#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}

ul.pray_list { list-style:none; display: flex; flex-wrap: wrap; gap:10px; }
ul.pray_list li { background: rgba(78,78,78,1); text-align:center; padding: 11px; margin-bottom: 10px; flex: 1 1 40%; }
ul.pray_list li a { color: #fff; font-size: 14px; width:100%; display:block; }
ul.pray_list li:hover { background: #adadad; }
.pr_p { background: #fff; width: 100%; text-align:center; padding: 25px; font-size: 22px; color: rgba(78,78,78,1); font-weight: 700; margin: 35px 0;}
.pr_title { color: #fff; display:block; padding: 20px 0; text-align:center; font-size: 40px; font-weight:700; border-top: 5px solid #2a2a2a; border-bottom: 5px solid #2a2a2a; margin-bottom: 50px;}
.pr_content { color: #fff; font-size: 20px; font-weight: 500; margin-bottom: 100px; line-height: 35px; }

ul.faq_box{ list-style:none; margin-bottom:100px; }
ul.faq_box li { cursor:pointer; color: #fff; margin-bottom: 30px; padding-bottom:15px; border-bottom: 2px solid #5f6368;}
ul.faq_box li { font-size: 24px; font-weight: 700; }
ul.faq_box li .answer_box { display:none; font-weight: 500; margin-top: 25px; font-size:20px; line-height: 35px; }
/* mobile */
@media all and (max-width:768px) {
	html, body, #warp {min-width:100%;}
	#gnb  {display:none; top:50px; width:100% !important; 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;}

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

    .pr_title { font-size: 22px; }
    .pr_content { padding: 10px; font-size: 16px; }

    ul.faq_box { padding: 10px; }
    ul.faq_box li { font-size: 18px; }
    ul.faq_box li .answer_box { font-size: 14px; }
}

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