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

.golf_con1200 { max-width:1200px; margin: 0 auto;}

.golfBG { width: 100%; height: 100%;  background: url(../img/course/course_bg.jpg) no-repeat 50% 0;
	background-size: cover; position: absolute;  margin:161px 0 100px -209px;}
.golf_con1200 img	{  text-align: center;  margin: 10% auto;  display: block;}

.course_view{position: relative; text-align:center;}
.out_course{bottom:0; left:0;}
.in_course{bottom:0; right:0;}
.course_view .course_txt{font-size:24px; position: absolute;}
.course_view .course_txt em{font-size:16px;color:#727272;}
.course_view .course_txt strong{display:block;line-height:30px; margin-bottom:25px;font-size:32px; font-weight:600; }
.course_view .course_txt strong .color_orange{color:#ed731a;}
.course_view .course_txt strong .color_blue{color:#145eb1; }
.course_con{width:965px; margin:0 auto; overflow:hidden;}


table.board_write_course {width:100%;border-collapse:collapse;border-spacing:0; /*margin-top: 20px*/ }
table.board_write_course thead {border-top:2px solid #000000 !important}
table.board_write_course thead th { border-bottom:1px solid #b2b2b2;  font-weight:500; font-size:16px; padding:15px 0; text-align:center;  background-color: hsla(38, 71%, 51%, 0.1);}
table.board_write_course tbody th {color:#252525; font-size:16px; padding:15px 0; text-align:center;}
table.board_write_course tbody th {background-color:#f9f9f9; border:1px solid #b2b2b2; font-weight:500; color:#252525; font-size:15px; padding:15px 0; text-align:center;}
table.board_write_course tbody tr:first-child td{border-top:none; }
table.board_write_course tbody tr:first-child th{border-top:none;}
table.board_write_course tbody tr th:first-child{ border-lefT:none; border-right:none}
table.board_write_course td {border-bottom:1px solid #b2b2b2; color:#252525; font-weight:400; font-size:14px; padding:15px 0; text-align:center;}
table.board_write_course td strong{font-weight:500;}
.board_write_course .color_orange{color:#ed731a}
.board_write_course .color_blue{color:#145eb1}


/*---코스개요---*/
.course-wrap{ top: -520px; width:100%; height: 728px; background-image: url(../img/course/course_info.jpg); position: relative; }
.course-wrap .media { margin: 80px 0 0 500px;position: relative}
.course-wrap .media p{position: absolute; top: 40%; left: 35%; color: #bfbfbf; font-size: 20px;}
.courseBox1100 {position: relative; width: 1100px; margin: -500px auto 500px;}
.courseBox1100 .designer{ width: 49%; display: inline-block; float: left; text-align: justify;padding-right: 20px;    margin-bottom: 100px;}
.courseBox1100 .designer:nth-child(2) {padding-right: 0px}
.courseBox1100 .designer h3.sub_txt { font-size: 22px; font-family: 'Noto Sans Medium'; font-weight: normal; color: #555; text-align: center; margin-top: 40px;}
.courseBox1100 .designer > p {color: #0e4596; text-align: center; margin-bottom: 10px; padding: 0 10px}
.courseBox1100 .designer .boxT {width: 100%;}
.courseBox1100 .designer .boxT img { display: block; margin: 0 auto;}
.courseBox1100 .designer .boxT p.boxT_L { margin: 50px 20px 20px; line-height: 20px; font-size: 14px; font-weight: 100;  color: #555;}
.courseBox1100 .designer .boxT p.boxT_R { margin: 50px 20px 40px; line-height: 20px; font-size: 14px; font-weight: 100;  color: #555;}
.courseBox1100 .designer .boxT p.course_link { text-align: center; padding: 10px; border: 1px solid #c3a185;
    width: 100px; height: 100px; border-radius: 65px;margin: 0 auto 40px;}
.courseBox1100 .designer .boxT p.course_link > a {display: inline-block}
.courseBox1100 .designer .boxT p.course_link > a > span {font-size: 17px; font-family: 'Noto Sans Medium';color: #c3a185;display: block;margin: 30px 0 10px;}
.courseBox1100 .designer .boxT p.w_link > a {display: block; margin-top: 5px;text-indent: 20px; color: #c3a185;}



/*---코스안내 탭--*/
.tab {float: left;border: 1px solid #ccc;background-color:#a7a7a7;;width:27%; height: 600px;}
.tab button { display: block; background-color: inherit; color: black; padding: 24px; width: 100%; border: none; outline: none; text-align: left; cursor: pointer; height: 200px; color: #213046; font-size: 20px; margin: 0px;    border-bottom: 1px solid #c8c8c8;}
.tab button:nth-child(3) {border-bottom: none}
.tab button:hover {background-color: #ddd;}
.tab button.active {background-color: #ccc;}
.tabcontent {float: left; width: 70%; border-left: none; height: 600px; display: none;}

#J1 > h3, #K1 > h3 { position: absolute; color: #fff; margin: 20px 0 20px 40px;}
#J1 > p.boxTxt, #K1 > p.boxTxt { position: absolute; color: #eee; margin: 50px 0 20px 40px;}
#J2 > h3, #K2 > h3 { position: absolute; color: #fff; margin: 20px 0 20px 40px;}
#J2 > p.boxTxt, #K2 > p.boxTxt  { position: absolute; color: #eee; margin: 50px 0 20px 40px;}
#J3 > h3 { position: absolute; color: #fff; margin: 20px 0 20px 40px;}
#J3 > p.boxTxt { position: absolute; color: #eee; margin: 50px 0 20px 40px;}

.tab button ul {margin-top:10px; font-size:0; text-align:left}
.tab button ul li {display:block; padding:0 10px; background:url('../images/bg_bar_13.png') no-repeat 0 50%}
.tab button ul li:first-child {background:none}
.tab button ul li strong {color:#fff; font-size:25px; margin-left: 10px;}
.tab button ul li span {padding-left:5px; color:rgba(255,255,255,0.6); font-size:16px; font-weight:normal}


/*---코스공략탭---*/
/*.subMenuBox {width: 100%; border-bottom: 1px solid #d3d3d3; margin-top: 20px;}
.subMenuBox .subBoxUl {width: 1100px; margin: auto; }
.subMenuBox .subBoxUl .submenuUl, .submenuUl_col {border-left: 1px solid #d3d3d3; }
.subMenuBox .subBoxUl .submenuUl li {display: inline-block; border-right: 1px solid #d3d3d3; line-height: 45px; height: 45px;  width: 33%; font-size: 16px; loat: left;border-top: 1px solid #d3d3d3; text-align: center;}
.subMenuBox .subBoxUl .submenuUl_col2 li {display: inline-block; border-right: 1px solid #d3d3d3; line-height: 45px; height: 45px;  width:49.7%; font-size: 16px; loat: left; border-top: 1px solid #d3d3d3; text-align: center;}
.subMenuBox .subBoxUl .submenuUl li:Hover, .submenuUl_col2 li:Hover {background:#eae4d5;border-right: 1px solid #dec6b4;  border-top: 1px solid #dec6b4;}
.subMenuBox .subBoxUl .submenuUl li.menuOn, .submenuUl_col2 li.menuOn {background:#213046; color: #ffffff;}
.subMenuBox .subBoxUl .submenuUl li.menuOn a, .submenuUl_col2 li.menuOn a {color: #ffffff;}
.subMenuBox .subBoxUl .submenuUl li a, .submenuUl_col2 li a {color: #000000;display: inline-block;width: 100%; border-left: 1px solid #d0d0d0;}*/

/*---부대시설탭---*/
.subMenuBox .subBoxUl .submenuUl_col5 { width: 90%;  margin: 0 auto; border-bottom: none;}
.subMenuBox .subBoxUl .submenuUl_col5 li {display: inline-block; border-right: 1px solid #d3d3d3; line-height: 45px; height: 45px;  width:16.2%; font-size: 16px; loat: left; border-top: 1px solid #d3d3d3; text-align: center;}
.subMenuBox .subBoxUl .submenuUl li:Hover, .submenuUl_col5 li:Hover {background:#eae4d5;border-right: 1px solid #dec6b4;  border-top: 1px solid #dec6b4;}
.subMenuBox .subBoxUl .submenuUl li.menuOn, .submenuUl_col5 li.menuOn {background:#213046; color: #ffffff;}
.subMenuBox .subBoxUl .submenuUl li.menuOn a, .submenuUl_col5 li.menuOn a {color: #ffffff;}
.subMenuBox .subBoxUl .submenuUl li a, .submenuUl_col5 li a {color: #000000;display: inline-block;width: 100%; border-left: 1px solid #d0d0d0;}


/*---코스공략도----*/
/*.mainContainer {width: 1100px; margin: 40px auto 0px auto; font-size: 16px; padding: 0 0 20px 0;}*/
.mainContainer { clear: both; width:1200px; height: 1000px; background-color: #f4f4f4; position: relative; font-family: 'Noto Sans Regular';}
.cosBox01 {float: left; width: 600px;margin-right: 50px}
.cosBox02 {float: left; width: 550px;    text-align: right;}
.cosBox01 dd {border-top: 1px solid rgba(195, 161, 133, 0.4); padding-top: 10px;border-bottom: 1px solid rgba(195, 161, 133, 0.4); padding: 10px 0;    text-align: center;}
.cosBox01 dd p {position:relative; padding-left:20px;  font-size:15px;  display: inline-block;}
.cosBox01 dd p:before {content:''; position:absolute; top:8px; left:0; width:15px; height:15px; border-radius:100%;}
.cosBox01 dd p:nth-child(1):before {background:#96e475;}
.cosBox01 dd p:nth-child(2):before {background:#ddd; }
.cosBox01 dd p:nth-child(3):before {background: rgba(218, 154, 41, 0.4);}
.cosBox01 dd p > span {font-size: 24px}
.cosBox01 dd p:nth-child(2) {margin-left: 20px} 
.cosBox01 > h3 { font-size: 20px; font-weight: bold; color: #da9a29;}
.cosBox02 > img {    width: 90%;}
.color_red {color: #f70c0c !important;}
.color_white {color: #aaa!important;}

.cosPar {font-family: 'Noto Sans Regular'; font-size: 28px; color: #4484C0;}
.cosM {font-family: 'Noto Sans Regular'; font-size: 28px; color: #4484C0; padding-left: 20px;}
p.cosTxt { font-size: 15px; line-height: 24px; margin: 10px 0 40px 0; letter-spacing: 0px; height: 100px;color: #5f5f5f;}
.cosT01 { margin: 155px 20px;width: 440px;}
.cosBox01 .courseNO { border: 3px solid #da9a29; width: 80px; height: 80px; border-radius: 40%; text-align: center; margin: 40px auto;}
.cosBox01 .courseNO .no_NO {font-size: 34px;font-weight: bold; color: #213046; border-bottom: 1px solid #da9a29;    padding-bottom: 3px;}
.cosBox01 .courseNO .no_hole {margin-top: 8px; font-size: 12px; color: #777}
.cosBox01 .courseNO .no_inout {color: #da9a29; margin-top:2px;}
.cosBox01 i {margin-right: 10px; color: #da9a29}

.cosT01 tr th {font-size: 30px; color: #838383;text-align: center;font-family: 'Noto Sans DemiLight'; border: none;}
.cosT01 tr th.holeTxt {font-family: 'Noto Sans Medium'; color: #424242}
.cosT01 tr th.holeTxt::after{position: absolute; content: ''; top: 672px; left: 40px; width: 50px;height: 1px; background: #cecece}
.cosT01 tr th:nth-child(2)::after{position: absolute; content: ''; top: 672px; left:125px; width: 50px; height: 1px; background: #cecece}
.cosT01 tr th:nth-child(3)::after{position: absolute; content: ''; top: 672px; left:215px; width: 50px; height: 1px; background: #cecece}
.cosT01 tr th:nth-child(4)::after{position: absolute; content: ''; top: 672px; left:300px; width: 50px; height: 1px; background: #cecece}
.cosT01 tr th:nth-child(5)::after{position: absolute; content: ''; top: 672px; left:390px; width: 50px; height: 1px; background: #cecece}
.cosT01 tr td {font-size: 12px; color: #B5B5B5; text-align: center; padding: 5px 0;}

.T_black {color:#000 !important}
.T_blue {color:dodgerblue !important}
.T_white {color:darkgray !important}
.T_gold {color:goldenrod!important}
.T_red {color:firebrick !important}
.pointc01 {font-size: 30px;font-weight: normal; color:#359c42; font-family: 'Noto Sans Regular';}
.pointc01::after {position: absolute; content: ''; top: 45px; left:550px; width: 142px; height: 1px; background: #767676;}
ul.hole {margin:0 auto; font-size:0; text-align: center;}
ul.hole li {display:inline-block; width:50px; height:50px; border-radius: 20%;  border: 1px solid #c3a185;  color: #213046;margin:15px 7px;background-color: #f9f9f9;}
ul.hole li a {display:block; text-align:center; height:50px; line-height:50px; color:#444;     border-radius: 20%; font-size:16px;}
ul.hole li a:hover , ul.hole li a.on {background:#da9a29; color:#fff; transform: scale(1.2); font-size: 20px;    border-radius: 20%;}


/*--- 코스 슬라이드--*/
#wrapper {width:1200px; height: 700px; margin:0 auto; background-color: #efefef}
.sliderbutton {float:left; width:32px; }
.sliderbutton img {cursor:pointer}
.sliderbutton img:hover {background:#da9a29}
#slider {float:left; position:relative; overflow:auto; width:1100px; height:600px; border:2px solid #fff; background:#fff}
#slider ul {position:absolute; list-style:none; top:0; left:0}
#slider li {float:left; width:1100px; height:600px; padding-right:10px}
#slider > img { position: absolute; z-index: 99; right: 20px; top: 20px;}
#slider > p  { position: absolute; z-index: 99;  left: 20px; bottom: 20px;color: #fff;} 
.pagination {float:left; list-style:none; height:25px; margin:15px 0 0 47px}
.pagination li {float:left; cursor:pointer; padding:5px 8px; /*background:#eee;*/ border:1px solid rgba(218, 154, 41, .5); margin:0 4px 0 0; text-align:center; color:#888}
.pagination li:hover {background:#da9a29; border:1px solid #555; color:#fff}
li.current {border:1px solid #fff; background:#da9a29; color: #fff}

li#content {width:464px; height:270px; padding:15px 28px 15px 18px}
#content h1 {font:22px Georgia,Verdana; margin-bottom:15px; color:#036}