@charset "utf-8";

/******************** 사업소개 ********************/

.title_line_black {width: 40px; height: 1px; margin-bottom:30px; background-color: #f7951b;}

/* 인사말 */
.greeting_con {position:relative; min-height:600px; padding-top:56px; background:url("../image/content/greeting_bg.gif") no-repeat 100% 0;}
.greeting_con .greeting {width:600px; padding:60px 133px 90px 50px; background:#fff; border:1px dashed #aaa; border-radius:20px;}
.greeting_con .greeting .tit {margin:0 0 40px 0; font-size:27px; font-weight: bold; color:#000; letter-spacing: -2px; line-height:1;}
.greeting_con .greeting p {margin-bottom:30px; line-height:1.7; letter-spacing: -0.5px;}
.greeting_con .greeting .sign {margin:60px 0 0; font-size:18px; font-weight:bold; color:#000; letter-spacing:-1px;}
.greeting_con .greeting .sign span {font-size:22px; font-family: serif;}
.greeting_pic {position:absolute; top:160px; right:40px; padding:10px 10px 0 0;}
.greeting_pic img {border-radius:20px;}
.greeting_character {position:absolute; left:317px; bottom:0px;}

/* 사업소개 */
.business_introduce_box {overflow:hidden; border:1px dashed #aaa; border-radius:20px;}
.business_introduce_box li {float:left; width:33.333%;}
.business_introduce_box li > div {min-height:570px; padding:40px; border-left:1px dashed #aaa;}
.business_introduce_box li:first-child > div {border-left:none;}
.business_introduce_box li > div .icon {overflow:hidden; position:relative; width:250px; height:250px; margin:0 auto; border-radius:100%;}
.business_introduce_box li > div .icon img {position:absolute; bottom:0;}
.business_introduce_box li:first-child > div .icon {border-radius:100%; background:#4fc9c5;}
.business_introduce_box li:first-child+li > div .icon {border-radius:100%; background:#f9aa49;}
.business_introduce_box li:first-child+li+li > div .icon {border-radius:100%; background:#9a9fcf;}
.business_introduce_box li > div h2 {font-size:22px; text-align:center;}

/* 사업체계구성도 */
.business_diagram {position:relative;}
.business_diagram > ul > li {position:absolute;}
.business_diagram > ul > li:first-child {border-top:none;}
.business_diagram > ul > li > h2, .business_diagram > ul > li > h3, .business_diagram > ul > li > p {letter-spacing:-2px; }
.business_diagram > ul > li > h2 {margin:0; font-size:23px; color:#000;}
.business_diagram > ul > li > h3 {margin:3px 0 28px; font-size:16px; font-weight:bold; color:#999;}
.business_diagram > ul > li > p {font-size:14px; line-height:1.6;}
.business_diagram > ul > li:first-child {left:0; top:230px;}
.business_diagram > ul > li:first-child+li {right:0; top:52px; text-align:right;}
.business_diagram > ul > li:first-child+li+li {right:0; bottom:12px; text-align:right;}

.business_diagram > ul > li:first-child > h3 {color:#23bcb7}
.business_diagram > ul > li:first-child+li > h3 {color:#8187c3}
.business_diagram > ul > li:first-child+li+li > h3 {color:#f7951b}
.business_diagram > ul > li:first-child+li > p, .business_diagram > ul > li:first-child+li+li > p  {text-align:right;}

/* 오시는길 */
.map_info {overflow:hidden; width:1000px; margin:0 auto; padding:35px 5px; border-bottom:1px solid #ddd;}
.map_info p {margin:0;}
.map_info .address {float:left;}
.map_info .address p {font-size:20px; color:#000; letter-spacing:-1px;}
.map_info .tel {float:right; margin-left:25px;}
.map_info .fax {float:right; margin-left:25px;}
.map_info .mail {float:right;}
.map_info li {font-size:14px;}
.map_info li strong {display:inline-block; padding:0 5px 0 30px; height:23px; line-height:23px; font-weight:400; color:#000;}
.map_info li p {display:inline-block;}
.map_info .address strong {background:url("../image/content/ic_address.png") 0 0 no-repeat;}
.map_info .tel strong {background:url("../image/content/ic_tel.png") 0 0 no-repeat;}
.map_info .fax strong {background:url("../image/content/ic_fax.png") 0 0 no-repeat;}
.map_info .mail strong {background:url("../image/content/ic_mail.png") 0 0 no-repeat;}
.root_daum_roughmap {margin:0 auto !important; border:none !important; padding:0 !important; border-radius:0px !important;}


/***** 마을소개 *****/
/* 마을소개 */
.town_introduce {position:relative; padding:20px 0 120px; background:url("../image/content/town_introduce_bg.jpg") 0 0 no-repeat;}
.town_intro01, .town_intro02, .town_intro03 {overflow:hidden;}
.town_intro01 {margin-bottom:225px;}
.town_intro02 {margin-bottom:135px;}

.town_intro01 .intro_txt, .town_intro03 .intro_txt {float:left;}
.town_intro01 .pic, .town_intro02 .pic, .town_intro03 .pic {overflow:hidden; border-radius:20px; line-height:0;}

.town_intro01 .pic, .town_intro03 .pic {float:right;}
.town_intro02 .intro_txt{float:right;}
.town_intro02 .pic {float:left; margin-left:50px;}
.town_intro03 .pic {margin-top:70px;}

.town_intro01 .intro_txt {width:590px; margin-right:80px;}
.town_intro02 .intro_txt {width:470px; margin-left:80px;}
.town_intro03 .intro_txt {width:660px; margin-right:80px;}

.town_introduce .intro_txt h2 {margin-bottom:30px; font-size:34px; font-weight:lighter;}
.town_introduce .intro_txt h2.tmg {margin-top:55px;}
.town_introduce .intro_txt p {line-height:1.8; letter-spacing:-1px; color:#666;}

.town_character01 {position:absolute; right:-70px; top:647px;}
.town_character02 {position:absolute; left:400px; top:1262px;}
.town_character03 {position:absolute; right:300px; top:2077px;}

/* 상세페이지 */


/***** 여행프로그램 *****/
/* 마을여행프로그램 */
.town_tour {text-align:center;}
.town_tour img {margin-bottom:20px; border-radius:20px;}

/******************** 커뮤니티 ********************/
/***** 문의안내 *****/
.question {overflow:hidden; padding:70px 100px 80px; border:1px dashed #ccc; border-radius:20px; text-align:center;}
.question > div {display:inline-block; padding:30px 0 120px 180px; background:url("../image/content/question_title.png") 0 0 no-repeat; }
.question .title {margin:0 0 15px 0; font-size:27px; font-weight:bold; color:#000; letter-spacing:-2px;}
.question p {margin:0; font-size:17px; color:#333; word-break:keep-all; font-weight:normal; letter-spacing:-1px;}
.question ul {margin:10px -20px 0 0; text-align:center;}
.question li {display:inline-block; width:260px; height:260px; background:#f5f5f5; border-radius:100%; text-align:center; font-size:14px;}
.question span {display:inline-block;}
.question li.time {margin:0 30px;}
.question .tit {padding-top:78px; font-size:21px; font-weight:bold; color:#000; letter-spacing:-1px; line-height:1;}
.question .t_line {display:block; width:30px; height:1px; margin:22px auto; background:#000;}

.question li.how span.bg, .question li.time span.bg, .question li.tel span.bg {padding:7px 20px; border-radius:100px; font-size:17px; color:#fff; line-height:1;}
.question li.how span.bg {background:#23bcb7;}
.question li.time span.bg {background:#f7951b;}
.question li.tel span.bg {background:#8187c3;}