@charset "utf-8";
@import url("common.css");

/* CSS Document */
#contents{position:relative; min-width:1280px; background-color:#fff; min-height:700px;}
#contents:after{content: ''; position:absolute; top:0; bottom:0;}
#contents .sub_img_wrap1{width:100%; height:250px; background:url('../images/sub/sub_visual_01.jpg'); background-size:auto 100%; background-position:center 0;}
#contents .sub_img_wrap2{width:100%; height:250px; background:url('../images/sub/sub_visual_02.jpg'); background-size:auto 100%; background-position:center 0;}
#contents .sub_img_wrap3{width:100%; height:250px; background:url('../images/sub/sub_visual_03.jpg'); background-size:auto 100%; background-position:center 0;}
#contents .sub_img_wrap4{width:100%; height:250px; background:url('../images/sub/sub_visual_04.jpg'); background-size:auto 100%; background-position:center 0;}
#contents .sub_img_wrap6{width:100%; height:250px; background:url('../images/sub/sub_visual_06.jpg'); background-size:auto 100%; background-position:center 0;}
#contents .sub_con{position:relative; width:1200px; margin:0 auto; padding:70px 0;} 

h2{color:#fff; font-size:34px; line-height:34px; padding-top:92px; width:100%; margin:0; text-align:center; font-weight:600; letter-spacing:10px;}
h2 > span{display:block; padding-top:5px; font-size:18px; font-weight:500; letter-spacing:0px;}

h3{position: relative;font-size: 32px; line-height:32px; padding-bottom:10px; text-align: center; font-weight:600; margin-bottom:50px;}
h3:after{content: '';position: absolute; left:50%; bottom:0; width: 30px; margin-left: -15px; height:1px; background:#333;}

h4{margin-bottom:5px; line-height:30px; font-weight:600; font-size:20px;}
h4 span{position:absolute; font-size:13px; font-weight:300; margin-left:970px;}
h4 .ta_r{position:absolute; right:0; font-size:14px; color:#000; font-weight:300;}

h5{line-height:38px; font-size:18px; font-weight:600; margin-bottom:5px; margin-top:30px;}
h5 span{position:absolute; font-weight:600; margin-left:70px;}

h6{margin-top:50px; margin-bottom:5px; line-height:38px; font-weight:600; font-size:20px;}
h6 span{font-size:13px; font-weight:300; color:#007b7e;}


/*****  pagelocation  *****/
.pagelocation{background:#fafafa; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.pagelocation>ul{max-width:1200px; width:100%; height:52px; margin:0 auto; border-left:1px solid #e1e1e1;}
.pagelocation>ul>li{float:left ;box-sizing:border-box; position:relative; border-right:1px solid #e1e1e1;}
.pagelocation>ul>li:first-child{width:70px;}
.pagelocation>ul>li:first-child img{display:inline-block; vertical-align:top; margin:16px 3px 0 0;}
.pagelocation>ul>li:nth-child(2){width:200px;}
.pagelocation>ul>li:nth-child(3){width:200px;}
.pagelocation>ul>li:nth-child(4){width:230px;}
.pagelocation>ul>li>a{display:block; box-sizing:border-box; width:100%; height:52px;line-height:52px; padding:0 20px; font-size:16px; text-align:left; font-weight:600; background:url('../images/common/location_arr.png') no-repeat 93% center; }
.pagelocation>ul>li:first-child>a{background:0; text-align:center;}
.pagelocation>ul>li>ul{display:none; position:absolute;left:0; top:100%; z-index:200; box-sizing:border-box; width:100%; border:1px solid #ddd; background:#fff;}
.pagelocation>ul>li>ul>li{}
.pagelocation>ul>li>ul>li>a{display:block; box-sizing:border-box; width:100%;height:40px;line-height:40px; padding:0 20px; font-weight:600;}


/********** sub tab menu **********/
.sub_tab {width:100%; border-bottom:0px solid #d1cfcd; background-color:#f4f1ec; margin:0px;}
.sub_tab .tab {width:1200px; margin:0 auto; overflow:hidden;}
.sub_tab .tab li {float:left; position:relative; background:#f4f1ec; border-left:solid 1px #d1cfcd; border-right:solid 1px #d1cfcd; height:60px;}
.sub_tab .tab li + li {border-left:0; }
.sub_tab .tab li a {width:100%; display:block; text-align:center; font-size:16px; line-height:60px; font-weight:600;}
.sub_tab .tab li a:hover {color:#333; }
.sub_tab .tab li.active {border-color:#d1cfcd; background:#fff; font-size:16px;}
.sub_tab .tab li.active a { position:relative; color:#80b435; font-weight:600;}
.sub_tab .tab li .in { width:100%; display:block; position:relative;  border-bottom:0px;}
.sub_tab .tab li a:before { content:''; display:block;  width:1px; }

.col-2 .col, .col-3 .col, .col-4 .col, .col-5 .col, .col-6 .col, .col-7 .col, .col-8 .col {float:left; box-sizing:border-box; background-clip:content-box;}
.col-2 .col { width:50%;}
.col-3 .col { width:33.3%;}
.col-4 .col { width:25%;}
.col-5 .col { width:20%;}
.col-6 .col { width:16.6%;}
.col-7 .col { width:14.2%;}
.col-8 .col { width:12.5%;}


/* 정보_텍스트 */
.guide_info{margin-top:0px; background-color:#f2f2f2; padding:30px;}


.info{margin-top:0px;}
.info ul{text-align:left;}
.info ul li{position:relative; padding-left:15px; margin-bottom:2px; font-size:15px; color:#222;}
.info ul li:before{display:block; content:""; width:4px; height:4px; background:#666; position:absolute; left:0; top:9px;}
.info ul li:last-child{margin-bottom:0;}

.alliance_tel{width:1160px; border:2px solid #068fd3; padding:20px; color:#068fd3; font-size:18px; font-weight:600; text-align:center;}














/********** sub tab_in_tab menu **********/
.sub_tab2{margin-bottom:0px; text-align:center;}
.sub_tab2 ul{}
.sub_tab2 ul li{display:inline-block; width:200px; height:54px;}
.sub_tab2 ul li a{display:block; box-sizing:border-box; width:100%; height:100%; text-align:center; line-height:54px; border:1px solid #d4d4d4; font-size:15px; color:#6b6b6b;}
.sub_tab2 ul li.on a{line-height:54px; border:2px solid #00acd0; color:#00acd0; font-weight:600;} 




/***** 예약 횟수제한 *****/
.guide_bar{}
.guide_bar ul{text-align:left;}
.guide_bar ul li{position:relative;}
.guide_bar ul li:first-child{background:url('../images/sub/guide_bar_01.jpg') left 50% no-repeat; padding-left:35px;}
.guide_bar ul li:last-child{background:url('../images/sub/guide_bar_02.jpg') left 50% no-repeat; padding-left:35px;}


/***** 코스소개 *****/
.course_text{font-size:18px; }
.course_text span{color:#00acd0;}

.course_numbering{margin-bottom:50px;}
.course_numbering ul{text-align:center;}
.course_numbering ul li{display:inline-block; text-align:center; margin:0 8px;}
.course_numbering ul li a{display:block; width:60px; height:60px; border-radius:50%; background:#dfd7cf; font-size:22px; color:#222; font-weight:600; line-height:60px;}
.course_numbering ul li.on a{background:#6fbf54; color:#fff;}


.table_course tbody{border-top:2px solid #013354;}
.table_course tr{border-bottom:1px solid #ddd;}
.table_course th{text-align:left; height:30px; line-height:22px; padding-left:30px; background:#f5f5f5; border-right:1px solid #ddd;}
.table_course th:last-child{border-right:0px solid #ddd;}
.table_course td{height:30px; line-height:22px; padding:5px 18px;}



/********** 코스정보 **********/
.hole {background-color:#f4f4f4; margin-bottom:100px; height:530px;}
.hole .sizeFix {margin:0; padding:50px;}
.hole .sizeFix h3 {margin-bottom:60px; color:#333; font-size:1.875em;}

.hole .left {float:left; background-color:#fff; width:680px; padding:30px; margin:0px;}
.hole .left img {margin-top:0px;}

.hole .right {position:absolute; width:280px; margin-left:800px;}
.hole .right .tit {position:relative; top:10px; color:#333; font-size:30px; font-weight:600; text-align:left; line-height:30px;}
.hole .right .tit span {}
.hole .right .tit span.big {font-size:60px; }
.hole .right .tit span.small {font-size:16px;}
.hole .right .par{width:100%;}
.hole .right .par ul{}
.hole .right .par ul li{float:left; width:120px; border:1px solid #d5d5d5; color:#333; font-size:15px; font-weight:300; padding:5px; text-align:center; margin-top:20px;}
/*.hole .right .par ul li:last-child{border-left:0px;}*/

/*.hole .right .tit2 {width:80px; padding-bottom:12px; line-height:20px; margin-top:150px;}*/
.hole .right .tit2 {padding:10px; height:20px; line-height:20px; margin:120px 0 10px; color:#fff; background:#6fbf54; text-align:center;}
.hole .right .tit2 span {border-bottom:2px solid #484848; padding-bottom:0px; font-size:18px; color:#333;}





.hole .right p {margin-top:0px; font-size:15px; line-height:1.4;}
.hole .right p.tip {background:#fff; padding-top:50px;}
.hole .right > img {margin:50px 0px;}

.hole_info{margin-top:50px; padding:30px; border:1px solid #ddd;}
.hole_info ul{text-align:left;}
.hole_info ul li{position:relative; width:46%; padding-left:15px; margin-bottom:2px; font-size:13px; color:#222; text-align:justify;}
.hole_info ul li:before{display:block; content:""; width:4px; height:4px; background:#666; position:absolute; left:0; top:9px;}
.hole_info ul li:last-child{margin-bottom:0;}


/***** 클럽소개 *****/
.about_title{font-size:24px; text-align:center;}
.about_title span{font-weight:600;}

.about_line{border-bottom:1px solid #ddd; margin:50px 0;}

.about_tabs{margin-bottom:70px; text-align:center;}
.about_tabs ul{}
.about_tabs ul li{display:inline-block; width:220px; height:58px;}
.about_tabs ul li a{display:block; box-sizing:border-box; width:100%; height:100%; text-align:center; line-height:56px; background:#dfd7cf; font-size:18px; color:#222;}
.about_tabs ul li.on a{line-height:54px; background: #6fbf54; color:#fff;}

.ci_guide{width:100%;}
.ci_guide ul{height:432px;}
.ci_guide ul li{float:left; width:373px; margin-right:40px;}
.ci_guide ul li:last-child{margin-right:0px;}

.color_guide{width:100%;}
.color_guide ul{width:1140px; height:84px; border:1px solid #ddd; padding:50px 30px; text-align:center;}
.color_guide ul li{float:left; width:181px; margin-right:10px;}
.color_guide ul li:nth-child(1){background:url('../images/sub/color_01.jpg') center 0 no-repeat; padding-top:60px;}
.color_guide ul li:nth-child(2){background:url('../images/sub/color_02.jpg') center 0 no-repeat; padding-top:60px;}
.color_guide ul li:nth-child(3){background:url('../images/sub/color_03.jpg') center 0 no-repeat; padding-top:60px;}
.color_guide ul li:nth-child(4){background:url('../images/sub/color_04.jpg') center 0 no-repeat; padding-top:60px;}
.color_guide ul li:nth-child(5){background:url('../images/sub/color_05.jpg') center 0 no-repeat; padding-top:60px;}
.color_guide ul li:nth-child(6){background:url('../images/sub/color_06.jpg') center 0 no-repeat; padding-top:60px;}
.color_guide ul li:last-child{margin-right:0px;}


/***** qna_accordion menu *****/
.faqwrap p.link {margin:30px 0 10px; text-align:right; color:#007b7e; font-size:15px}
.faqwrap p.link a {display:inline-block; width:152px; height:34px; margin-left:10px; text-align:center; line-height:34px; font-size:15px}
.btn-border-1 {background:#fff; border:1px solid #007b7e}
.btn-border-1:hover {border-color:#000; text-decoration:none}

.accordion_menu_list {clear:both; overflow:hidden; border-top:2px solid #000;}
.accordion_menu_head {padding:15px 30px; margin:0px; cursor:pointer; position:relative; font-weight:bold; background:#fff url(../images/sub/down.png) center right no-repeat; padding-right:10px; border-bottom: 1px solid #ddd;}
.accordion_menu_body {display:none;}
.accordion_menu_body span{display:block; color:#333; background-color:#f5f5f5; margin:0px; padding:30px; font-weight:300; text-decoration:none;}


/***** 고객라운지_자료실 *****/
.download{overflow:hidden; margin-top:10px; padding:10px; background-color:#f5f5f5;}
.downloads {padding:20px;}
.downloads .btnset {}
.downloads .btnset button {width:216px; text-align:left; padding-left:20px; border:1px solid #d7d7d7; line-height:53px; font-size:16px; margin-right:10px;}
.downloads .btnset button:last-child{margin-right:0}
.downloads .btnset button.down_1 {background:url('../images/sub/down_icon_01.jpg') no-repeat right 50%; background-color:#fff;}
.downloads .btnset button.down_2 {background:url('../images/sub/down_icon_02.jpg') no-repeat right 50%; background-color:#fff;}
.downloads .btnset button.down_3 {background:url('../images/sub/down_icon_03.jpg') no-repeat right 50%; background-color:#fff;}
.downloads .btnset button.down_4 {background:url('../images/sub/down_icon_04.jpg') no-repeat right 50%; background-color:#fff;}
.downloads .btnset button.down_5 {background:url('../images/sub/down_icon_05.jpg') no-repeat right 50%; background-color:#fff;}
.downloads .btnset button.viewer {width:391px; background:url('../images/sub/icon_view.jpg') no-repeat right 50%; background-color:#fff;}
.downloads .btnset a {display:inline-block; width:240px; height:50px; line-height:50px; text-align:center; vertical-align:middle; font-size:15px}



/***** sitemap_list *****/
.sitemap_list {overflow:hidden;}
.sitemap_list > ul {margin:0 -30px 0 0; font-size:0; overflow:hidden;}
.sitemap_list > ul > li {float:left; width:33.32%;}
.sitemap_list > ul > li > dl {margin:0 30px 30px 0;}
.sitemap_list > ul > li > dl > dt {height:50px; padding:0 20px; text-align:center; background-color:#777; border-radius:0px 0px 0 0; font-size:20px;}
.sitemap_list > ul > li > dl > dt span {display:inline-block; color:#fff; font-size:18px; letter-spacing:-0.5px; font-weight:500; line-height:50px; vertical-align:middle;}
.sitemap_list > ul > li > dl > dt span a {color:#fff;}
.sitemap_list > ul > li.long > dl > dt span {font-size:19px;}
.sitemap_list > ul > li > dl > dd {line-height:130%; border-bottom:1px solid #e3e3e3;}
.sitemap_list > ul > li > dl > dd:first-of-type {margin-top:0;}
.sitemap_list > ul > li > dl > dd a {display:block; padding:20px 25px; color:#333; font-size:16px; font-weight:500; /* background-image:url('/images/ico/ico_control_next.png'); background-repeat:no-repeat; background-position:90% 50%; */ transition:all .25s ease;}
.sitemap_list > ul > li > dl > dd a:hover {text-decoration:none; background-color:#f9f9f9;}


/***** my_page *****/
.complete_txt{background-color:#f2f2f2; width:100%; padding:50px 0; text-align:center; font-size:20px;}
.complete_txt span{color:#339598; font-weight:500;}
.complete_txt2{position:relative; background:#f5f5f5; font-size:24px; text-align:center;  padding:50px;}
.complete_txt3{position:relative; background:#f5f5f5; font-size:16px; text-align:center;  padding:50px;}