@charset "utf-8";

select {border:0; font-size: 14px; height: 35px;  box-sizing:border-box; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(../_img/icon/arrow-down.png) no-repeat 95% 50%; background-size: 10px;}
select option {font-size:14px; line-height:40px; vertical-align:middle; color:#141414;}
select::-ms-expand {display:none;}

.single input[type=checkbox] {display:none;}
.single input[type=checkbox] + label{position:relative; display:inline-block; cursor:pointer; padding-left:28px; font-size:15px;}
.single input[type=checkbox] + label:before {position:absolute; left:0; top:0; display:inline-block; width:20px; height:20px; border-radius: 100%; overflow: hidden; background:url(../_img/icon/checked.png) no-repeat center; background-color: #efefef; margin-right:10px;  background-size:12px; border:1px solid #ededed; content: "";}
.single input[type=checkbox]:checked + label:before {content: "";  /* 체크모양 */ font-size:18px; font-weight:800; color:#fff; background-color: #f43906 !important; border:1px solid #f43906; background-size:12px; text-align:center; line-height:18px;}

.single input[type=radio] {display:none;}
.single input[type=radio] + label {position:relative; display:inline-block; cursor:pointer; padding-left:28px; font-size:15px;}
.single input[type=radio] + label:before {position:absolute; left:0; top:0; display:inline-block; width:20px; height:20px; border-radius: 100%; overflow: hidden; background:url(../_img/icon/checked.png) no-repeat center, #efefef; margin-right:10px;  background-size:12px; border:1px solid #ededed; content: "";}
.single input[type=radio]:checked + label:before {content: "";  /* 체크모양 */ font-size:18px; font-weight:800; color:#fff; background:url(../_img/icon/checked.png) no-repeat center, #f43906; border:1px solid #f43906; background-size:12px; text-align:center; line-height:18px;}

/*검색*/
.search_input {width: 260px; height: 35px; overflow: hidden; position: relative; box-sizing: border-box; padding-right: 30px; border-bottom:1px solid #000;}
.search_input input[type='text'] {border: 0;  height: 100%; font-size: 14px; width: 100%;}
.search_input button {width: 30px; height: 35px; position: absolute; top: 0; right: 0; border:0; background: none;}
.search_input button svg {width:15px; height: 15px; fill:#000}

/*버튼 리스트*/
.list_btns {text-align:center;}
.list_btns button {float: left; display:inline-block; width: 90px; height: 25px; border-radius: 30px; border: 1px solid #dfdfdf; box-sizing: border-box; text-align: center; line-height: 23px; margin-left:10px; background-color: #fff;}
.list_btns button span {font-size: 14px; color:#333; background-position: center left; background-repeat: no-repeat; padding-left: 17px; background-size: 12px;}
.list_btns button.check_swing span {background-image:url(../_img/icon/btn_icon-check.png);}
.list_btns button.lesson_meterial span {background-image:url(../_img/icon/btn_icon-lesson.png);}
.list_btns button.back_list span {background-image:url(../_img/icon/btn_icon-list.png); }
.list_btns button.review_write span {background-image:url(../_img/icon/btn_icon-write-red.png);}
.list_btns.list_ver {text-align: right;}
.list_btns.list_ver button {width: 50px; height: 50px; border-radius: 0; background: #fafafa;}
.list_btns.list_ver button span {text-indent: -99999px; display: inline-block; background-size: 25px; padding: 0; width: 100%; height: 100%; background-position: center;}
.list_btns.list_ver .mark {text-align: center; width: 70px; float: left; margin-top: 8px; opacity: 0;}
.list_btns.list_ver .mark img {width: 50px; padding: 10px 0;}
.list_btns.list_ver .mark.on {opacity: 1}


/*리스트형 라디오버튼, 체크박스*/
ul.radio-wrap {width:100%; border-radius:5px; overflow:hidden; box-sizing:border-box; border:1px solid #ddd; border-bottom: 0; margin-bottom:5px}
ul.radio-wrap li {position:relative; float:left; width:20% !important; height:50px !important; box-sizing:border-box; margin-bottom:0 !important; border-left:1px solid #ddd; border-bottom:1px solid #ddd; background:#fafafa;}
ul.radio-wrap li:first-of-type {border-left:0;}
ul.radio-wrap input[type="checkbox"] {display:none;}
ul.radio-wrap input[type="checkbox"] + label {color:#9a9a9a; font-size:15px;}
ul.radio-wrap input[type="checkbox"] + label span {display:inline-block; width:100%; height:100%; cursor:pointer; background:#fafafa; margin-left:0 !important; text-align:center; line-height:50px; color:#111 !important; margin-top:-1px; font-weight: 600}
ul.radio-wrap input[type="checkbox"]:checked + label {color:#fff;}
ul.radio-wrap input[type="checkbox"]:checked + label span {background:#e51632; color:#fff !important;}

ul.radio-wrap input[type="radio"] {display:none;}
ul.radio-wrap input[type="radio"] + label {color:#9a9a9a; font-size:15px;}
ul.radio-wrap input[type="radio"] + label span {display:inline-block; width:100%; height:100%; cursor:pointer; background:#fafafa; margin-left:0 !important; text-align:center; line-height:50px; color:#111 !important; margin-top:-1px; font-weight: 600}
ul.radio-wrap input[type="radio"]:checked + label {color:#fff;}
ul.radio-wrap input[type="radio"]:checked + label span {background:#e51632; color:#fff !important;}

ul.radio-wrap.leng02 li {width:50% !important;}
ul.radio-wrap.leng03 li {width:33.3% !important;}
ul.radio-wrap.leng04 li {width:25% !important;}
ul.radio-wrap.leng04 li:nth-of-type(4n+1) {border-left: 0;}
ul.radio-wrap.leng05 li {width:20% !important;}
ul.radio-wrap.leng06 li {width:16.6% !important;}


/*동영상비율*/
.video-container {position: relative; padding-bottom: 56.28%; height: 0; overflow: hidden; width: 100%;}
.video-container iframe, .video-container object, .video-container embed , .video-container video {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


/*=============================================================
							메인비주얼 
=============================================================*/
#main_visual { position:relative; width:100%; height:630px; overflow:hidden;}
#main_visual .main_visual-slider, #main_visual .owl-stage-outer, #main_visual .owl-stage, #main_visual .owl-item {width:100%; height:100%;}

#main_visual .main_visual-slider {height:100%;}
#main_visual .main_visual-slider .item {width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
#main_visual .main_visual-slider .item .visual_txt {position:absolute; left:50%; top:50%; margin-left:-600px; margin-top:0; opacity: 0;}
#main_visual .main_visual-slider .item .visual_txt a {background: #e31836; color:#fff; display:inline-block; padding: 13px 40px; font-size: 15px; margin-top: 40px; border-radius: 3px; transition: .3s; text-decoration: none;}
#main_visual .main_visual-slider .item .visual_txt a:hover {background: #000; }

#main_visual .main_visual-slider .item.mv01 {background-image:url(../_img/main/visual02.jpg);}
#main_visual .main_visual-slider .item.mv02 {background-image:url(../_img/main/visual02-1.jpg);}
#main_visual .main_visual-slider .item.mv03 {background-image:url(../_img/main/visual03.jpg);}



#main_visual .owl-dots {position:absolute; bottom:120px; left:0; width:100%; margin-top:0; text-align: center;}
#main_visual .owl-dots button span {display: block; width:15px; height:15px; border:3px solid #fff; box-sizing:border-box; background-color:transparent; opacity:1; cursor:pointer; margin:0 6px; border-radius: 30px }
#main_visual .owl-dots button.active span {background:#fff;}

#main_visual .main_visual-slider .owl-item.active .visual_txt { margin-top: -150px; opacity: 1; transition:margin-top .7s ease .3s, opacity 1s ease .3s;}
#main_visual .main_visual-slider .owl-item.activ .item.mv03 .visual_txt {margin-top: -200px;}

#main_new { position:absolute; left:50%; margin-left:-600px; bottom:30px; z-index:99; width: 1200px; overflow: hidden;}
#main_new .main_slideUp {float:left;  width:510px; height:55px; padding:17px 0; border-radius:5px; background:#fff; box-sizing:border-box; overflow:hidden; margin-right: 10px;}
#main_new .main_slideUp dl {position: relative; background: #fff; padding-left: 85px; width: 100%; box-sizing: border-box;}
#main_new .main_slideUp dl dt {position:absolute; top:0; left: 0; font-weight:700; float:left; text-align:left; font-size:15px; padding:0 20px; box-sizing:border-box; overflow:hidden; }
#main_new .main_slideUp dl dt::after {position:absolute; top:5px; right:0; width:1px; height:14px; background:#acacac; content:'';}
#main_new .main_slideUp dl dd {width: 100%; padding: 0 20px; box-sizing: border-box;}
#main_new .main_slideUp dl dd ul {}
#main_new .main_slideUp dl dd ul li {position: relative; font-size:14px; box-sizing: border-box; padding-right: 80px; width: 100% !important;}
#main_new .main_slideUp dl dd ul li a {display: block; color: #333; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#main_new .main_slideUp dl dd ul li span.date {position: absolute; top: 0; right: 0; font-size: 13px; color: #999;}

#main_new .membership { display:inline-block; width:190px; height:55px; padding:17px 5px; border-radius:5px; box-sizing:border-box; overflow:hidden; background: #c21a2b; }
#main_new .membership a {display: block; text-align: center; font-size:14px; color:#fff; text-decoration: none;}
#main_new .membership a span {background:url(../_img/icon/membership_icon.png) no-repeat left top 3px; background-size: 23px; padding-left: 30px;}

#main_new .main_slideUp#faq {width: 480px;}
#main_new .main_slideUp#faq dl {padding-left: 65px;}
#main_new .main_slideUp#faq dl dd ul li {padding: 0;}



/*=============================================================
							메인콘텐츠 
=============================================================*/
.main_section {width:100%; height:auto; overflow:hidden; box-sizing:border-box; background:#fff;}
.main_section .video-container { margin-top:80px}

.main_section .inner_vertical {display: table; width: 100%; height: 100%;}
.main_section .inner_vertical .vertical_wrap {display: table-cell; vertical-align: middle; width: 100%; height: 100%; box-sizing: border-box;}
.main_section .big { font-size:45px; font-weight:800; letter-spacing:-1px; line-height:1; color: #111; font-family: 'GmarketSans', sans-serif; text-align: center; padding: 20px 0}
.main_section .medium { font-size:21px; font-weight:400; letter-spacing:-1px; color:#111;font-family: 'GmarketSans', sans-serif; text-align: center;}
.main_section .small { font-size:16px; font-weight:300; line-height:30px; color:#111; font-family: 'GmarketSans', sans-serif;}


#new-main_section01 {padding: 100px 0;}

/*new시안*/
ul.tabs {width: 100%;background: #000; font-size:0; overflow: hidden; text-align: center;}
ul.tabs li {position: relative; display: inline-block; font-size: 18px; color: #fff; text-align: center; padding: 25px 45px; font-family: 'GmarketSans', sans-serif; font-weight: 600; cursor: pointer;}
ul.tabs li.active {color: #c21a2b;}

.contents_wrap {background: #e9e9e9; position: relative;}
.contents_wrap::after {position:absolute; bottom: 0; left: 0; width:100%; height: 205px; background: url(../_img/main/deco_dot.png) repeat-x bottom left; content: '';}

.tab_content {width: 100%;}
.tab_content p {text-align: center;}
.tab_content a {display: block; position: absolute; bottom: 170px; left: 50%; margin-left: -598px; width: 160px; height: 45px; color: #fff;  font-family: 'GmarketSans', sans-serif; font-weight: 600; font-size: 17px; background: #c21a2b; border-radius: 5px; text-decoration: none; text-align: center; line-height: 45px; z-index: 1;}
.tab_content a:hover {background: #111;}


/*.main_section .inner_vertical {display: table; width: 100%; height: 100%;}
.main_section .inner_vertical .vertical_wrap {display: table-cell; vertical-align: middle; width: 100%; height: 100%; box-sizing: border-box;}
.main_section .big { font-size:55px; font-weight:800; letter-spacing:-1px; padding-bottom:30px; line-height:1; color: #fff;}
.main_section .big span { font-size:23px; font-weight:100; display:block; padding-bottom: 10px; display: block;}
.main_section .medium { font-size:23px; font-weight:400; letter-spacing:-1px; line-height:35px; padding-bottom:20px; color:#fff;}
.main_section .small { font-size:16px; font-weight:300; line-height:30px; color:#fff;}


.main_section .owl-theme .owl-dots, .owl-theme .owl-nav { text-align:left !important;  }
.main_section .owl-theme .owl-nav.disabled+.owl-dots {margin-top: 0; position: absolute; top: 50%; margin-top: 120px; left:50%; margin-left: -600px;}
.main_section .owl-dots button span {display: block; width:10px; height:10px; background:#fff !important; box-sizing:border-box; background-color:transparent; opacity:1; cursor:pointer; margin:0 6px; opacity: 0.5}
.main_section .owl-dots button.active span {background:#9c2828 !important; opacity: 1;}

.txt-slider {}
.txt-slider .item {height: 600px; }
.txt-slider .item .item_wrap { width: 100%; height: 600px; background-position: center; background-repeat: no-repeat; background-size: cover;}
.txt-slider .item .item_wrap#txt01  {background-image: url(../_img/main/sec01_pic01.jpg)}
.txt-slider .item .item_wrap#txt02  {background-image: url(../_img/main/sec01_pic02.jpg)}
.txt-slider .item .item_wrap#txt03  {background-image: url(../_img/main/sec01_pic03.jpg)}
.txt-slider .item .item_wrap#txt04  {background-image: url(../_img/main/sec01_pic04.jpg)}

#main_section01 .text {padding-top:100px; padding-bottom: 30px; opacity: 0;}
#main_section01 .text.on {opacity: 1; padding-top: 30px;  transition: padding-top .3s , opacity 1s;}
#main_section01 .big, #main_section01 .midium,#main_section01 .small {color:#000; text-align: center;}
#main_section01 .big {font-weight: 600; font-size: 45px; font-family: 'GmarketSans', sans-serif;}
#main_section01 a {display: block; width:220px; height: 55px; border-radius: 5px; background: #c4192b; color:#fff; margin: 50px auto 0 auto; text-align: center; line-height: 55px; font-size: 15px;}


#main_section03 { margin-bottom: 80px; padding: 0 80px; overflow:  hidden; }
#main_section03 .video-container {width: 55%; float: left; padding-bottom: 26.28%;}
#main_section03 .text {width: 45%; float: left; box-sizing: border-box; padding-left: 60px; padding-top: 150px; opacity: 0; transition: .3s;}
#main_section03 .text p {position: relative; font-size: 21px; line-height: 1.5; color:#000;}
#main_section03 .text p.big {padding-top: 40px; margin-bottom: 30px;}
#main_section03 .text p.big span {position: relative; font-weight: 800; font-size: 45px; font-family: 'GmarketSans', sans-serif; color:#000; z-index: 1;}
#main_section03 .text p.big::after {font-family: 'GmarketSans', sans-serif; content: 'GrowingContents'; font-style: italic; color: #000; opacity: .07; font-size: 51px; font-weight: 700; position:absolute; top:0; left: 100px;}

#main_section03 .text.on {opacity: 1; padding-top: 80px;  transition: padding-top .7s , opacity 1s;}
*/


/*=============================================================
					서브 컨텐츠 리스트
=============================================================*/

/*게시물 리스트 상단*/
#board_list-head {width: 100%; overflow: hidden;}
#board_list-head h3, #board_list-head h4 {font-family: 'GmarketSans', sans-serif; color:#111; line-height: 1.5; font-weight: 900; float: left; letter-spacing: -1px; float: left; padding-right: 10px;}
#board_list-head h3 em {color:#1e3362}
#board_list-head h3 em.swing_feating_text img {width: 200px; margin-top: -8px;}


#left_btns {float: left;}
#left_btns a {display: block; float: left; margin-right:10px; box-sizing: border-box; width: 95px; height: 35px; text-align: center; line-height: 33px; border-radius: 3px; background: #fff; border: 1px solid #dedede; text-decoration: none; transition: .3s;}
#left_btns a:hover {background: #1e3362; border:1px solid #1e3362}
#left_btns span {background-position:center left; padding-left: 20px; font-size: 13px; color:#555; font-weight: 500; background-repeat: no-repeat;  background-size: 14px;}  


#left_btns a.btn-member_select span {background-image:url(../_img/icon/btn_icon-member-g.png);}
#left_btns a.btn-member_select:hover span {background-image:url(../_img/icon/btn_icon-member.png);}
#left_btns a.btn-report span {background-image:url(../_img/icon/btn_icon-clinic-g.png);}
#left_btns a.btn-report:hover span {background-image:url(../_img/icon/btn_icon-clinic.png);}
#left_btns a.btn-swing_diagnosis span {background-image:url(../_img/icon/btn_icon-swing-g.png); background-size: 16px;}
#left_btns a.btn-swing_diagnosis:hover span {background-image:url(../_img/icon/btn_icon-swing.png);}
#left_btns a.btn-write span {background-image:url(../_img/icon/btn_icon-write.png);}
#left_btns a.btn-reset_swing span {background-image:url(../_img/icon/reset-g.png);}
#left_btns button.btn-desc_my_swing {width: 120px; height: 35px; border-radius: 3px; background: #fff; border: 1px solid #dedede;}
#left_btns button.btn-desc_my_swing span {background-image:url(../_img/icon/btn_icon-swing-g.png);}
#left_btns a:hover span {color:#fff; background-image:url(../_img/icon/reset.png);}
#left_btns button.btn-desc_my_swing:hover {background: #c21a2b;}
#left_btns button:hover span {background-image:url(../_img/icon/btn_icon-swing.png); color:#fff;}
#left_btns a:hover span {color:#fff;}
#left_btns select {float: left;  width: 110px; border-bottom:1px solid #000; margin-left: 15px;}
#left_btns .lesson_report_btn {margin-top: 5px;}


#right_search {float: right;}
#right_search select {float: left;  width: 70px; border-bottom:1px solid #000; margin-left: 15px;}
#right_search .search_input {float: left; margin-left: 15px;}
#right_search p {font-size: 13px; color:#555; background-position: center left; background-size:14px; background-repeat: no-repeat; padding-left: 20px; float: left; margin-left: 20px; margin-top: 13px;}
#right_search p.check_swing {background-image: url(../_img/icon/btn_icon-check-g.png);}
#right_search p.lesson_material {background-image: url(../_img/icon/btn_icon-lesson-g.png);}
#right_search .list_arr_type {float: left; padding-top: 10px; margin-right: 5px;}
#right_search .list_arr_type .single {float: left; margin-left: 15px;}
#right_search .list_arr_type .single input[type=radio] + label {font-size: 14px; padding-left: 20px;}
#right_search .list_arr_type .single input[type=radio] + label:before {top:2px; width: 15px; height: 15px; background-size: 9px;}


ul.snb {width: 100%; background: #fafafa; overflow: hidden; padding: 17px 0; margin: 30px 0 50px 0;}
ul.snb li {position: relative; padding: 0 25px; float: left; font-size: 15px;}
ul.snb li::after {position: absolute; top: 4px; left: 0; width: 1px; height: 15px; background: #ddd; content: '';}
ul.snb li:first-of-type::after {display: none;}
ul.snb li a {color:#333;}
ul.snb li.on {}
ul.snb li.on a {color:#e31738; font-weight: 500;}

/*게시물 리스트 중간*/
#board_list-body {width: 100%; margin: 30px 0 60px 0; overflow: hidden; /*border-top:1px solid #dedede;*/}
.board_list {position: relative; width: 100%; border-bottom: 1px solid #dedede; padding: 20px; box-sizing: border-box; display: table;}
.board_list a {text-decoration: none;}
.board_list .thumbnail {position: relative; width: 180px; height: 100px; overflow: hidden; display: table-cell;}
.board_list .thumbnail img {position: absolute; top: 0; left: 0;  object-fit: cover; width: 100%; /*height: 100%*/; transition: .3s;}
.board_list .list_info {width: 775px; box-sizing: border-box; padding: 0 40px; display: table-cell; vertical-align: middle;}
.board_list .list_info p {font-size:15px; font-weight:600}
.board_list .list_info p strong {color:#1e3265}
.board_list .list_info p.view {color:#8a8a8a;}
.board_list .list_info h6 {color:#212121; line-height: 1.6; margin: 5px 0 10px 0; transition: .3s;}
.board_list .list_btns {display: table-cell; vertical-align: middle;}

/*.board_list:hover {background: #fafafa;}*/
.board_list:hover .thumbnail img {transform: scale(1.2,1.2);} 
.board_list:hover .list_info h6 {color:#c21a2b;}

.board_list.ver2 {width:380px; float: left; margin-left: 30px; margin-bottom: 50px; padding: 0; display: block; border: 0;}
.board_list.ver2:first-of-type, .board_list.ver2:nth-of-type(3n+1) {margin-left: 0}
.board_list.ver2 .thumbnail {display: block; width: 100%; height: 215px;}
.board_list.ver2 .list_info {display: block; padding: 20px 0; width: 100%;}
.board_list.ver2 .list_info h6 {width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align:center}
.board_list.ver2 .list_info .info_top {width: 100%; overflow: hidden;}
.board_list.ver2 .list_info p span {color:#203061; padding: 0 5px; position: relative;}
.board_list.ver2 .list_info p span::after {position: absolute; top: 10px; left: 0; width: 2px; height: 2px; border-radius: 100%; background: #203061; content: '';}
.board_list.ver2 .list_info p span:first-of-type {padding-left: 0;}
.board_list.ver2 .list_info p span:first-of-type::after {display: none;}
.board_list.ver2 .list_info {padding: 10px 0;}
.board_list.ver2 .list_info p {font-family: 'GmarketSans', sans-serif; text-align: center;}
.board_list.ver2 .list_info p.title {font-size: 17px; color:#222; font-weight: 600; margin-bottom: 5px;}
.board_list.ver2 .list_info p.date {font-size: 14px; color: #666; font-weight: 600;}
.board_list.ver2 .list_info p.desc {width: 100%; font-size: 14px; color:#333; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; padding: 10px 0; border-top: 1px solid #ddd; margin-top: 10px;}

.board_list.ver3 .list_info {padding-right: 0; width:975px}

.board_list.ver4:first-child {border-top: 1px solid #dedede; }
.board_list.ver4 {position: relative; width: 100%; border-bottom: 1px solid #dedede; padding:0px !important; box-sizing: border-box; display: table; /*border-left: 1px solid #dedede;*/ border-right: 1px solid #dedede;}
.board_list.ver4 a {text-decoration: none;}
.board_list.ver4 .thumbnail {position: relative; width: 100px; height: 100px; overflow: hidden; display: table-cell;}
.board_list.ver4 .thumbnail img {position: absolute; top: 0; left: 0;  object-fit: cover; width: 100%; height: 100%; transition: .3s;}
.board_list.ver4 .list_info {width: 798px; box-sizing: border-box; padding: 0 0 0 20px !important; display: table-cell; vertical-align: middle;}
.board_list.ver4 .list_info p {font-size:15px; font-weight:600}
.board_list.ver4 .list_info p strong {color:#1e3265}
.board_list.ver4 .list_info p.view {color:#8a8a8a; display:none}
.board_list.ver4 .list_info h6 {color:#212121; line-height: 1.6; margin: 5px 0 0 0; transition: .3s;}
.board_list.ver4 .list_btns {display: table-cell; vertical-align: middle;   }
.board_list.ver4 .list_btns.list_ver .mark {width:100px;} 
.board_list.ver4 .list_btns.list_ver button span {
    text-indent:0;
    display: inline-block;
    background-size: 25px;
    padding: 0;
    width: 100%;
    height: 100%;
    background-position: center;
	font-size:12px;
	
}

.board_list.ver4.on {}
.board_list.ver4.on .list_btns.list_ver button {background-color: #E0E0E0; opacity: .5}
.board_list.ver4.on .list_btns.list_ver button span { color: #999;}
.board_list.ver4.on .thumbnail img {filter: grayscale(1)}



.board_list.ver4 .list_btns button {
    float: left;
    display: inline-block;
    border-radius: 0px;
	border-width:0 0 0 1px;
    box-sizing: border-box;
    text-align: center;
    line-height: 150px;
    margin-left: 0px;
    background-color: #fff;
}

.board_list.ver4 .list_btns.list_ver button {
    width: 100px;
    height: 100px;
    border-radius: 0;
    background: #fafafa;
}

.list_btns button.lesson_enrollment span {
    background-image: url(/_img/icon/btn_icon-check2.png);
}



/*레슨리포트*/
#best_lesson_list {}
#best_lesson_list #board_list-body {border-top: 0; margin-bottom: 0;}
.board_list.lesson_report_list {border-top: 0; width: 235px; margin-left: 82px; margin-bottom: 30px;}
.board_list.lesson_report_list:nth-of-type(3n+1) {margin-left:95px;}
.board_list.lesson_report_list:nth-of-type(4n+1) {margin-left:0;}
.board_list.lesson_report_list .thumbnail {height: 208px; cursor: pointer;}
.board_list.lesson_report_list .list_info {padding: 10px 0;}
.board_list.lesson_report_list .list_info p {font-family: 'GmarketSans', sans-serif; text-align: center;}
.board_list.lesson_report_list .list_info p.title {font-size: 17px; color:#222; font-weight: 600; margin-bottom: 5px;}
.board_list.lesson_report_list .list_info p.date {font-size: 14px; color: #666; font-weight: 600;}
.board_list.lesson_report_list .list_info p.desc {width: 100%; font-size: 14px; color:#333; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; padding: 10px 0; border-top: 1px solid #ddd; margin-top: 10px;}
.board_list.lesson_report_list:hover .thumbnail img {transform: scale(1,1)}
.board_list.lesson_report_list:hover .list_info p.title {color:#e31837;}

/*게시물 리스트 끝 */
.pager {width:100%; text-align: center; overflow: hidden; font-size:0; margin: 30px 0;}
.pager a {display: inline-block; width: 30px; height: 30px; line-height: 30px; box-sizing: border-box; font-size: 12px; color: #999; font-weight: 500; margin: 0 2px; cursor: pointer;}
.pager a.on {color:#000; font-weight: 600;}
.pager a.btn {text-indent: -99999px; background-repeat: no-repeat; background-size:auto 100%; background-image:url('../_img/icon/paging_btn.jpg');}
.pager a.btn.first {background-position: 0 0; }
.pager a.btn.prev {background-position: -30px 0; }
.pager a.btn.next {background-position: -60px 0; }
.pager a.btn.last {background-position: -90px 0; }


/*게시물 상세페이지*/
#contents-title {position: relative; width: 100%; border-bottom: 1px solid #dedede; padding: 20px 0;}
#contents-title .location {}
#contents-title .location span {font-size: 14px; color:#8a8a8a; padding: 0 10px; position: relative;}
#contents-title .location span::after {position: absolute; top: 3px; left: 0; width: 1px; height: 13px; background: #ddd; content: '';}
#contents-title .location span:first-of-type {padding-left: 0;}
#contents-title .location span:first-of-type::after {display: none;}
#contents-title h4 {letter-spacing: -0.03px; font-weight: 400; color: #111;}
#contents-title p {font-size: 15px; color:#666; line-height: 1.6; margin-top: 10px;}
#contents-title .share_btn {position: absolute; top: 50%; margin-top: -17px; right: 0;  border: 0; width: 35px; height: 35px; border: 1px solid #dfdfdf; box-sizing: border-box; text-indent: -99999px; background: url(../_img/icon/share-b.png) no-repeat center; background-size: 15px; background-color:none;}


#contents-desc {width: 100%; padding: 20px 0;}
#contents-desc>p {background: url(../_img/icon/check.png) no-repeat center left; background-size:15px; color:#111; font-size: 15px; font-weight: 500; padding-left: 20px;}
#contents-desc>p strong {font-size: 17px; color:#1e3362;}
#contents-desc .point_description {background: #f8f8f8; box-sizing: border-box; padding: 25px 30px 30px; width: 100%; min-height: 120px; margin: 15px 0}
#contents-desc .point_description p {font-size: 15px; color: #212121; line-height: 1.75;}
#contents-desc .list_btns {float: right; margin-top: 10px;}
#contents-desc .video-container {margin-top: 20px; width: 100%;}

.select_level {border-bottom:1px solid #000; float: left;}
.select_level select {width: 100px;}


/*레슨더보기*/
#more_lesson {background: #fafafa;}
#more_lesson h5 {text-align: center; color:#203061; margin-bottom:40px;}

.lesson-slider a {text-decoration: none;}
.lesson-slider .lesson-thumbnail {position: relative; width: 100%; height: 190px; overflow: hidden;}
.lesson-slider .lesson-thumbnail img {position: absolute; top: 0; left: 0;  object-fit: cover; width: 100%; height: 100%;}
.lesson-slider .lesson-info {width: 100%; padding: 20px 0;}
.lesson-slider .lesson-info p {}
.lesson-slider .lesson-info p span {font-size: 14px; color:#203061; padding: 0 5px; position: relative;}
.lesson-slider .lesson-info p span::after {position: absolute; top: 10px; left: 0; width: 2px; height: 2px; border-radius: 100%; background: #203061; content: '';}
.lesson-slider .lesson-info p span:first-of-type {padding-left: 0;}
.lesson-slider .lesson-info p span:first-of-type::after {display: none;}
.lesson-slider .lesson-info p.lesson_title {font-size: 19px; font-weight: 600; color:#333; line-height: 1.5; display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.lesson-slider .owl-nav {position: absolute; top: 80px; left: 50%; margin-left: -650px; margin-top: 0; width: 1300px;}
.lesson-slider .owl-nav button {position: absolute; top: 0;   width: 30px; height: 30px; background-position: center; background-repeat: no-repeat; background-size: 100%; background-color: transparent !important}
.lesson-slider .owl-nav button.owl-prev {left: 0; background-image: url(../_img/icon/arrow-left.png);}
.lesson-slider .owl-nav button.owl-next {right: 0; background-image: url(../_img/icon/arrow-right.png);}
.lesson-slider .owl-nav button span {display: none;}


/*인기레슨*/
#best_lesson {border-bottom:1px solid #dedede; display: flex; padding: 60px 0;}
#best_lesson #best_lesson-thumb {position: relative; width: 445px; height: 235px; overflow: hidden; float: left;}
#best_lesson #best_lesson-thumb img {position: absolute; top: 0; left: 0;  object-fit: cover; width: 100%; height: 100%;}
#best_lesson #best_lesson-info {position: relative; float: left; width: 755px; box-sizing: border-box; overflow: hidden; padding-left: 40px;}
#best_lesson #best_lesson-info p {font-size:15px; line-height: 1.6; color:#333; padding-top: 25px; word-break: break-all;}
#best_lesson #best_lesson-info p.view {color:#8a8a8a;}
#best_lesson #best_lesson-info p strong {font-weight: 800; font-family: 'GmarketSans', sans-serif; color: #e31738; font-style: italic;}
#best_lesson #best_lesson-info h4 {font-weight: 500; color:#111; margin-top: 6px;}
#best_lesson #best_lesson-info h5 {font-weight: 500; letter-spacing: -1px;  color:#111; margin-top: 6px; line-height: 1.4; margin-bottom: 30px;}
#best_lesson #best_lesson-info h5 span {color:#c21a2b;}
#best_lesson #best_lesson-info h3 {color:#111; line-height: 1; padding: 50px 0 20px 0; text-decoration: underline;}
#best_lesson #best_lesson-info h3 span {color:#c21a2b;}
#best_lesson #best_lesson-info ul {}
#best_lesson #best_lesson-info ul li {background: url(../_img/icon/checked-red.png) no-repeat top 6px left; background-size:10px; padding-left: 15px; font-size: 17px; margin: 10px 0; line-height: 1.4; color: #555;}
#best_lesson #best_lesson-info ul li strong {color: #111; padding-right: 10px;}
#best_lesson #best_lesson-info .swing_qe_btn {border-radius: 3px; height: 40px; float: right; background: #000;}
#best_lesson #best_lesson-info .swing_qe_btn a {display: block; line-height: 40px; text-align: center; padding: 0 30px; color: #fff; font-size: 14px;}

/*스윙진단*/
#best_lesson.coaching_report::after {position:absolute; bottom: 0; right: 0; font-size:75px; color:#f8f8f8; content: 'Coaching report'; line-height: 1.5; font-weight: 900; letter-spacing: -2px; font-style: italic; padding: 10px;}
#best_lesson.coaching_report #best_lesson-thumb {width:580px;  height: 320px;}
#best_lesson.coaching_report #best_lesson-info h3 {line-height: 1.3}
#best_lesson.coaching_report #best_lesson-info p {font-size:21px;}
#best_lesson.coaching_report #best_lesson-info p span {color:#c21a2b;}


/*스윙진단*/
#best_lesson.swing_clinic::after {position:absolute; bottom: 0; right: 0; font-size:75px; color:#f8f8f8; content: 'Swing diagnosis'; line-height: 1.5; font-weight: 900; letter-spacing: -2px; font-style: italic; padding: 10px;}
#best_lesson.swing_clinic #best_lesson-thumb {width:580px;  height: 320px;}
#best_lesson.swing_clinic #best_lesson-info p {font-size:21px;}
#best_lesson.swing_clinic #best_lesson-info p span {color:#c21a2b;}

/*나의스윙상단*/
.sub_section.my_swing {background: url(/_img/sub/look_for_my_swing_bg.jpg) repeat-x bottom center, #f1f1f1; background-size:cover;}
.my_swing_banner {width: 100%; overflow: hidden; margin-top: 50px;}
.my_swing_banner img {width: 100%}
 

/*검색결과*/
#search_result {padding: 20px 0;}
#search_result #result_txt {text-align: center; font-size:33px; color:#333; margin-bottom: 20px;}
#search_result #result_txt strong {font-size: 37px;}
#search_result #result_txt span {position: relative; background: url("../_img/sub/search_bg.png") no-repeat center right; background-size:80px; display: inline-block; padding: 40px 30px;}
#search_result dl {width: 100%; overflow: hidden;}
#search_result dl dt {border-bottom: 1px solid #1e3362;}
#search_result dl dt span {display:block; width: 270px; height: 60px; box-sizing: border-box; border: 1px solid #1e3362; border-bottom:1px solid #fff; margin-bottom: -1px; text-align: center; line-height: 60px; font-size: 16px; font-weight: 600; color:#1e3362;}
#search_result dl dd { width: 100%; box-sizing: border-box; padding: 15px 20px;}
#search_result dl dd ul {}
#search_result dl dd ul li {float: left; width: 20%; margin: 15px 0; position: relative; padding-left: 10px; box-sizing: border-box; font-size: 14px; color:#555; cursor: pointer;}
#search_result dl dd ul li:hover {color:#1e3362; font-weight: 600}
#search_result dl dd ul li::after {position:absolute; top: 8px; left: 0; width: 3px; height: 3px; background: #1e3362; content: '';}
#search_result dl dd ul li.on {font-weight: 600; color:#1e3362;}

#search_result_list {padding: 20px 0;}
#search_result_list h5 {line-height: 1; margin-bottom: 20px; color:#1e3362;}
#search_result_list h5 a {font-size:14px; font-weight: 500; float: right; color:#111; padding-top: 15px;}



/*스윙디자인*/
.list-swing_design {}
.list-swing_design .thumbnail {}
.list-swing_design .list_info {width:980px; padding-left: 70px;}
.list-swing_design .list_info::after {position:absolute; top: 50%; margin-top: -15px;  left: 20px; font-size: 50px; font-weight: 900; opacity: 0.15; color:#1e3362; content: 'Q'}
.list-swing_design .list_info h6 {margin: 0; color:#1e3362;}
.list-swing_design .list_info p {}
.list-swing_design .list_info p.reply {margin-top: 15px; font-size: 13px; color:#222;}
.list-swing_design .list_info p.reply strong {color:#9f9f9f;}
.list-swing_design .list_info p.reply.ok strong {color:#1e3362;}

.design_review { border-top:1px solid #dedede; padding-top: 30px; margin-top: 30px; overflow: hidden;} 
.design_review>p {background: url(../_img/icon/cont_title_icon.png) no-repeat center left; background-size:15px; color:#111; font-size: 15px; font-weight: 500; padding-left: 20px;}
.design_review .review_cont {width: 100%; margin: 15px 0;}
.design_review .review_cont p {font-size: 15px; color:#333; line-height: 1.75;}
.design_review .review_cont .video-container {width: 100%; margin-top: 20px;}
.design_review .list_btns {float: right; margin-top: 30px;}

.sub_inner_section {width: 100%; padding: 50px 0; border-bottom: 1px solid #ddd; overflow: hidden;}
.sub_inner_section h3 {font-family: 'GmarketSans', sans-serif; font-weight: 900; letter-spacing: -1px; color: #111; line-height: 1.1;}
.sub_inner_section h3 span {color: #1f3462; font-size: 19px; padding-left: 15px;}
.sub_inner_section .swing_design-video {float: left; width: 490px;}
.sub_inner_section .swing_design-video .video-container {}
.sub_inner_section .swing_design-video .coach_profile {position: relative; width: 100%; border:1px solid #ededed; box-sizing: border-box; padding: 20px; padding-left: 130px; margin-top: 20px;}
.sub_inner_section .swing_design-video .coach_profile dl {width: 100%;}
.sub_inner_section .swing_design-video .coach_profile dl dt {font-size: 16px; font-weight: 500; color: #111; background: url(../_img/sub/mid_ttl_gc.png) no-repeat top 6px left; background-size:25px; padding-left: 30px; box-sizing: border-box; border-bottom: 1px solid #efefef; padding-bottom: 15px;}
.sub_inner_section .swing_design-video .coach_profile dl dt span {font-size: 13px; color: #888; font-weight: 400; padding-left: 10px;}
.sub_inner_section .swing_design-video .coach_profile dl dd {padding-top: 7px;}
.sub_inner_section .swing_design-video .coach_profile dl dd ul {}
.sub_inner_section .swing_design-video .coach_profile dl dd ul li {font-size: 14px; color: #555; margin-top: 7px; padding-left: 17px; background: url(../_img/icon/checked-red.png) no-repeat center left; background-size:10px;}
.sub_inner_section .swing_design-video .coach_profile .profile_pic_wrap {width: 100px; height: 100px; position: absolute; top: 50%; margin-top: -50px; left: 10px; border-radius: 100%; overflow: hidden;}
.sub_inner_section .swing_design-video .coach_profile .profile_pic_wrap .profile_pic {padding-top: 100%; overflow: hidden; position: relative; width: 100%; height: 100%;}
.sub_inner_section .swing_design-video .coach_profile .profile_pic_wrap .profile_pic img {position: absolute; top: 0; left: 0; object-fit: cover; width: 100%; height: 100%;}



.sub_inner_section .swing_design-desc {float: right; width: 650px; height: auto; overflow: hidden;}
.sub_inner_section .swing_design-desc h4 {font-weight: 500; color: #111;}
.sub_inner_section .swing_design-desc h4 span {display: inline-block; width: 45px; height: 45px; border-radius: 100%; color: #fff; text-align: center; font-size: 24px; font-weight: 900;}
.sub_inner_section .swing_design-desc h4 span.question {background: #1f3462}
.sub_inner_section .swing_design-desc h4 span.answer {background: #e12e41}
.sub_inner_section .swing_design-desc h6 {color:#111; position: relative; padding-left: 15px;}
.sub_inner_section .swing_design-desc h6::before {position: absolute; top: 13px; left: 0; width: 7px; height: 7px; border-radius: 100%; background: #c21a2b; content: '';}

.sub_inner_section .swing_design-desc .swing_design-txt {width:100%; box-sizing: border-box; padding: 20px 25px; background: #fafafa; margin-top: 15px;}
.sub_inner_section .swing_design-desc .swing_design-txt p {font-size: 15px;line-height: 1.8;}

.list_btns.swing_design { margin: 30px 0 50px 0; float: right;}

/*레슨리포트*/
#lesson_report-onePage {box-sizing: border-box; padding:0; padding-bottom: 50px;}
#lesson_report-onePage .print_page {width: 100%; box-sizing: border-box; padding: 0 20px;}
#lesson_report-onePage .print_page h3 {text-align: center; color: #000; line-height:1; margin-bottom: 30px;}
#lesson_report-onePage .print_page h3 img { vertical-align: baseline; width: 60px;}
#lesson_report-onePage .print_page h5 {color: #111; position: relative; padding-left: 18px; margin-top: 70px; margin-bottom: 20px; line-height: 1;}
#lesson_report-onePage .print_page h5::after {position:absolute; top: 8px; left: 0; width: 10px; height: 10px; border-radius: 100%; background: #c21a2b; content: '';}
#lesson_report-onePage .print_page h6 {color:#111; margin-bottom: 15px;}
#lesson_report-onePage .print_page#cover {padding: 40px !important; background: #f1f1f1}
#lesson_report-onePage .print_page#cover p img {width: 425px !important;}


.lesson_report-alert {width: 100%; box-sizing: border-box; border: 1px solid #000; border-top:3px solid #000; background: #fafafa; padding: 15px; margin-top: 20px;}
.lesson_report-alert dl {}
.lesson_report-alert dl dt {font-size: 16px; font-weight: 500; color: #111; position: relative; padding-left: 20px; background: url(../_img/icon/checked-red.png) no-repeat top 5px left; background-size:14px; margin-bottom: 15px;}
.lesson_report-alert dl dd {font-size: 15px; color:#555; margin: 5px 0;}
.lesson_report-alert dl dd strong {font-weight: 500;}
.lesson_report-alert p {font-size: 14px; line-height: 1.3; color:#000}
.lesson_report-alert p img {width: 25px !important; float: left; padding-top: 6px; padding-right: 3px;}
.lesson_report-alert p span {}

.lesson_report-alert ul {width: 100%; overflow: hidden; margin-top: 7px;}
.lesson_report-alert ul li {position: relative; font-size: 13px; line-height: 1.3; color:#000; margin: 5px 0; padding-left: 8px;}
.lesson_report-alert ul li::after {position: absolute; top: 5px; left: 0; width: 4px; height: 4px; background: #5a5a5a; content: '';}

table.report_table {table-layout: fixed; width: 100%; border-left:1px solid #dedede;}
table.report_table tr {}
table.report_table tr th, table.report_table tr td {font-size: 16px; height: 55px; border:1px solid #dedede; border-left: 0; }
table.report_table tr th {color:#555; text-align: center; font-weight: 500; background: #fafafa; padding: 0 20px}
table.report_table tr td {color:#111;}

table.report_table.ver2 {border-bottom: 1px solid #dedede;}
table.report_table.ver2 tr th, table.report_table.ver2 tr td {height: 65px; border-bottom: 0;}
table.report_table.ver2 tr th {background: #fff; font-size: 18px; text-align: left; color: #111;}
table.report_table.ver2 tr th.num {text-align: center;}
table.report_table.ver2 tr td {background: #fafafa; font-size: 28px; font-weight: 900; color:#111; text-align:center}
table.report_table.ver2 thead tr th {background: #f1f1f1; text-align: center; line-height: 1.2; font-size: 13px;}

ul.mecaniseom_point_list {width: 100%; height: 55px; border: 1px solid #dedede; box-sizing: border-box;}
ul.mecaniseom_point_list li {float: left; width: 12.5%; text-align:center; line-height: 53px;}
ul.mecaniseom_point_list li span {font-size: 17px; color:#ccc; position: relative; padding-left: 20px; opacity: .4}
ul.mecaniseom_point_list li span::after {position:absolute; top: 6px; left: 0; width: 15px; height: 15px; border-radius: 3px; background-color: #eee; background-image: url(../_img/icon/checked.png); background-size:10px; background-position: center; background-repeat: no-repeat; content: '';}
ul.mecaniseom_point_list li.on span {color:#fff; opacity: 1;}
ul.mecaniseom_point_list li.on span::after {background-color: #c4192b;}

button.btn_print {width: 200px; height: 50px; font-size: 15px; background: #000; color:#fff; margin: 40px auto 0 auto; border: 0; border-radius: 5px; display: block;}
button.btn_print:hover {background: #c4192b;}

.print_wrapper {width: 100%; overflow: hidden;}
.print_wrapper #chart {width: 45%; text-align: center; overflow: hidden; float: left; text-align:center; padding-top: 20px;}
.print_wrapper #chart img {width: 90%;}
.print_wrapper #grade {width: 55%; float: right;}
.print_wrapper #grade table.report_table.ver2 th, .print_wrapper #grade table.report_table.ver2 td {height: 70px;}
.print_wrapper #grade table.report_table.ver2 th {font-weight: 400; padding: 0 15px }
.print_wrapper #grade table.report_table.ver2 th strong {font-weight: 600}
.print_wrapper #grade table.report_table.ver2 th span {font-size: 15px; display: block; color:#555; padding-top: 5px;}
.print_wrapper#point_list {border:1px solid #dedede; height: 20%; border-top: 0}
.print_wrapper#point_list .image {width: 33.3%; float: left; text-align: center; border-left: 1px solid #dedede; box-sizing: border-box;}
.print_wrapper#point_list .image:first-of-type {border: 0; width: 33.4%}
.print_wrapper#point_list .image img { width: 70%; padding: 10px 0;}
.print_wrapper#point_list .image p {height: 35px; line-height: 35px;  text-align: center; font-size: 14px; color:#212121; background: #f1f1f1; font-weight: 600}



/*나의스윙*/
#my_swing {}

#swing_title {width: 100%; position: relative; overflow: hidden;}
#swing_title p {font-size: 35px; line-height: 1;  color:#111; letter-spacing: -0.3px; text-align:center; font-family: 'Black Han Sans', sans-serif;}
#swing_title p strong {color: #c4192b; font-weight: 300}

#swing_cont {}
#swing_cont .video-container {width: 1100px; margin: 0 auto 40px auto;}
#swing_cont h5 {text-align: center; color: #111; padding: 20px 0}
#swing_cont p {text-align: center; font-size: 17px; line-height: 1.6;}
#swing_cont button.start_my_swing {display:block; width: 250px; height: 50px; border-radius: 5px; background: #c4192b; font-size: 17px; color:#fff; text-align: center; line-height: 50px; margin: 70px auto 0 auto; text-decoration: none; border: 0;}
#swing_cont button.start_my_swing:hover {background: #1e3362;}


/* 결제하기 */

#charge_cont {width: 1100px; margin: 0 auto; position:relative; padding-bottom:70px; text-align:center }
#charge_cont .ticket_wrapper{border:1px solid #eee; padding:3em; border-radius:8px; background: #f8f9fa; position:relative}
#charge_cont .ticket_wrapper li { margin-bottom:10px; position:relative}
#charge_cont .ticket_wrapper li img { position:relative; z-index:1}
#charge_cont .ticket_wrapper li button.start_charge { position:absolute; z-index:10; right:100px; bottom:40px; width: 150px; height:40px; border-radius: 5px; border:2px solid #fff;background: #c4192b;  font-size: 16px; color:#fff; text-align: center; line-height: 33px;text-decoration: none; }
#charge_cont .ticket_wrapper li button.start_charge:hover {background: #373737; border:2px solid #fff;}

/*
table.select_swing_level {border-left:1px solid #dedede; border-bottom: 1px solid #dedede; overflow: hidden; position: relative; margin-top: 50px;}
table.select_swing_level::after {position: absolute; top: 2px; left: 0; width: 195px; height: 240px; background: #000; content: ''; border-right:1px solid #dedede; box-sizing: border-box;}
table.select_swing_level tr {}
table.select_swing_level tr th, table.select_swing_level tr td {}
table.select_swing_level tr td {padding: 0;}
table.select_swing_level tr th {}
table.select_swing_level table {}
table.select_swing_level table tr {}
table.select_swing_level table tr th, table.select_swing_level table tr td {text-align: center; border: 1px solid #dedede; border-left:0; border-bottom: 0;  font-size: 15px;}
table.select_swing_level table tr td {padding: 25px 10px; color:#555}
table.select_swing_level table tr td.pic {padding: 0;}
table.select_swing_level table tr th {background: #fafafa; color:#111;}
table.select_swing_level table thead tr th {font-size: 23px; background: #000; color:#fff;}
table.select_swing_level table thead tr th span {padding:20px 0; display: block;}

table.select_swing_level input[type="radio"] {display:none;}
table.select_swing_level input[type="radio"] + label {}
table.select_swing_level input[type="radio"] + label table {}
table.select_swing_level input[type="radio"]:checked + label {}
table.select_swing_level input[type="radio"]:checked + label table {}
table.select_swing_level input[type="radio"]:checked + label table thead th { background: #1e3362;}
table.select_swing_level input[type="radio"]:checked + label table tr td {color:#000; font-weight: 500;}

*/
table.select_swing_level {border: 1px solid #dedede;  border-left: 0;  overflow: hidden; position: relative; margin-top: 10px; border-radius: 10px;}
table.select_swing_level tr th, table.select_swing_level tr td {}
table.select_swing_level tr th {}
table.select_swing_level tr td {padding: 0; text-align: center; border-left: 1px solid #dedede}
 

table.select_swing_level tr td img {padding: 30px 0;}
table.select_swing_level tr td .txt {width: 100%; border-top: 1px solid #dedede; box-sizing: border-box; padding: 30px 20px; background: #f8f8f8}
table.select_swing_level tr td .txt p {font-size: 15px !important; color:#111;}
table.select_swing_level tr td .txt p:first-of-type {opacity: 0.7;}
table.select_swing_level tr td .txt p span {font-size: 18px !important; color:#111; line-height: 1.4; padding-top: 10px; display: block;}
table.select_swing_level tr td .txt p span strong {color:#c4192b; font-weight: 800; }


table.select_swing_level input[type="radio"] {display:none;}
table.select_swing_level input[type="radio"] + label {}
table.select_swing_level input[type="radio"] + label table {}
table.select_swing_level input[type="radio"]:checked + label {}
table.select_swing_level input[type="radio"]:checked + label .txt {background: #000}
table.select_swing_level input[type="radio"]:checked + label .txt p {color:#fff;}
table.select_swing_level input[type="radio"]:checked + label .txt p span {color:#fff;}
.my_swing-head {}
.my_swing-head #left_btns {float: right;}





/*=============================================================
						모달팝업
=============================================================*/
.modal_pop {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); overflow:hidden; z-index:999999;}
.modal_pop .modal_main_contents {position:absolute; top:50%; left:50%; overflow: hidden; box-sizing:border-box; border-radius:10px; background:#fff; box-sizing:border-box;}
.modal_pop span.modal_close_btn {position:absolute; right:20px; top:29px; display:block; width:20px; height:20px; text-indent:-99999px; background:url(../_img/icon/close.png) no-repeat center; background-size:100%; cursor:pointer; z-index: 555;}

.member_choice_pop_btnWrap {text-align: center; margin-top: 50px;}
.member_choice_pop_btnWrap button {display: inline-block; width: 140px; height: 50px; border-radius: 5px; margin: 0 5px; text-align: center; border: 0;}
.member_choice_pop_btnWrap button span {font-family: 'GmarketSans', sans-serif; font-size: 15px; font-weight: 600; line-height: 3;}
.member_choice_pop_btnWrap button.cancle {background: #eee;}
.member_choice_pop_btnWrap button.cancle span {color:#333;}
.member_choice_pop_btnWrap button.delete {background: #333;}
.member_choice_pop_btnWrap button.delete span {color:#fff;}
.member_choice_pop_btnWrap button.register {background: #111; width: 260px;}
.member_choice_pop_btnWrap button.register span {color:#fff;}


.list_scroll_wrap {overflow: hidden;}

.pop_inner_section {width: 100%; overflow: hidden; margin: 30px 0;}
.pop_inner_section:first-of-type {margin-top: 0}
.pop_inner_section h6 {color:#000; font-size: 17px; font-family: 'GmarketSans', sans-serif;}

.print_btn {width: 50px; height: 50px; background: #c4192b; position: absolute; top: 50px; right: -50px; text-align: center;}
.print_btn svg {width: 25px; height: 30px; fill:#fff; margin-top: 10px;}

/*=============================================================
						로그인&회원가입
=============================================================*/
#utility_page-header {width: 100%; background: #fff; padding: 25px 0; border-bottom: 1px solid #ddd;}
#utility_page-header h1 {text-align: center;}
#utility_page-header h1 img {}

#utility_page-body {width:100%; height: auto; overflow:hidden; box-sizing: border-box; background: #fafafa; padding: 0 35px;}
#utility_page-body h5 {color:#111;}
#utility_page-body .logo {text-align: center; font-size: 23px; font-weight: 600; color:#333; line-height: 1.3; margin: 30px 0;}
#utility_page-body .logo img {width: 185px;}
#utility_page-body .btn_wraps {margin: 0; margin-top: 30px;}
#utility_page-body .btn_wraps .comm_btnStyle {border-radius: 5px; height: 50px;}
#utility_page-body .btn_wraps .comm_btnStyle.write_btn {width: 100%; font-size: 15px; margin: 0; border: 0; background: #333; color:#fff;}
#utility_page-body .btn_wraps .comm_btnStyle.cancel {background: #e1e1e1; color:#737373;}

.form_section {margin: 12px 0;}
.form_section>p {color:#737373; font-size:13px; text-align: center; padding-top: 30px; letter-spacing: -0.3px;}  
.form_section>p>a {color:#f43906; padding-left: 7px;}
.form_section input[type='text'], .form_section input[type='password'] {width:100%; height:50px; border:1px solid #e1e1e1; font-size:14px; display:block; box-sizing:border-box; margin:0; border-radius: 3px; padding: 0 10px;}
.form_section input[type='text']::placeholder, .form_section input[type='password']::placeholder {color:#aaa;}
.form_section input[type=checkbox] + label:before {border-radius: 0; width: 15px; height: 15px; background-size: 8px !important; top: 1px; background-color: #e1e1e1; border: 1px solid #e1e1e1;}
.form_section input[type=checkbox] + label {font-size: 12px; padding-left: 23px;}
.form_section input[type='text'].short {width:73%; float:left;}
.form_section button.short_btn {float: right; width:25%; height:50px; border:1px solid #e1e1e1; background: #e1e1e1; font-size:12px; display:block; box-sizing:border-box; margin:0; border-radius: 3px; color:#555;}

/*로그인*/
.form_section ul {}
.form_section ul li {width: 100%; margin-bottom: 7px; overflow: hidden;}
.form_section .single {float: left;}
.form_section#find {display: flow-root;}
.form_section#find a {float: right; font-size: 12px; color:#555; letter-spacing: -0.3px;}


/*회원가입*/
.form_section dl {position:relative; width:100%; /*overflow:hidden;*/ margin-bottom:7px;}
.form_section dl dt {position:absolute; top:20px; left:12px; text-align:left; font-size:14px; font-weight:500; letter-spacing:-0.01em; color:#666; padding-bottom:10px; line-height:1;}
.form_section dl dt span {color:#f00; padding-left:5px;}
.form_section dl dd {width:100%; overflow:hidden;}
.form_section dl dd input[type='text'], .form_section dl dd input[type='password'] {padding-left:115px;}
.form_section dl dd span {display:none; padding-top:10px; font-size:13px; color:#e63323; /*background:url(../_img/icon/close.svg) no-repeat top 9px left; background-size:19px;*/ }
.form_section dl dd span.num_count {padding:0; background:none; position:absolute; top:18px; left:220px; display:block;}


/*회원가입완료*/
#join_success_pop {}
#join_success_contents {margin-left: -183px; margin-top: -169px;}
#join_success_pop p {font-size: 15px; color:#5a5a5a; line-height: 1.5; text-align: center;}
#join_success_pop p#name {font-family: 'GmarketSans', sans-serif; font-size: 25px; font-weight: 700; color: #333; line-height: 1; padding: 85px 0 15px 0; background: url(/_img/icon/btn_icon-member-g.png) no-repeat center top; background-size: 60px;}
#join_success_pop p#name span {color:#c21a2b;}

#join_success_pop #utility_page-body {padding-top: 40px; padding-bottom: 50px;}

/*약관동의*/
.agreeBox {width:100%; overflow: hidden; margin-bottom: 0}
/*
.agreeBox button {float:left !important; width:49% !important; margin-left:2% !important; border-radius: 5px !important;}
.agreeBox button:first-of-type {margin-left:0 !important;}
*/
.agreeBox ul {width:100%; overflow:hidden;}
.agreeBox ul li {width:100%; overflow:hidden; font-size:13px; margin:10px 0; letter-spacing: -0.3px;}
.agreeBox ul li.all_check {border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.agreeBox ul li p {float: left; color:#777; padding-left: 25px; font-size: 13px;}
.agreeBox ul li p a {font-weight:500; background:url(../_img/icon/arrow-ios-forward.svg) no-repeat center right; background-size:15px; text-decoration: underline}
.agreeBox ul li p span {padding-left:5px; font-size: 12px; color: #26b1d0;}
.agreeBox ul li p span.not {color:#aaa}

/*로그인 광고배너*/
.ad_banner {border:1px solid #dedede; box-sizing: border-box; width: 318px; height: 148px; overflow: hidden; margin: 40px auto;}

/*팝업크기*/
#login_contents {display: none; width: 400px; margin-left: -200px; height: auto; margin-top: -352px; }
#join_contents {display: none; width: 400px; margin-left: -200px; height: auto; margin-top: -352px; }
#join_contents #utility_page-body {padding: 35px;}
#find_mody_contents {display: none; width: 400px; margin-left: -200px; height: 670px; margin-top: -352px;  }

/*마이스윙확인*/
#my_swing_contents {width:300px; margin-left: -150px; margin-top: -90px; padding: 30px 20px 20px;}
#my_swing_contents p {text-align: center; font-size: 16px; font-weight: 500; color: #111; line-height: 1.5;}
#my_swing_contents p.only_core_text {font-size: 14px; text-align: center; margin: 10px 0 30px 0; text-decoration: underline; color:#6a6a6a}
#my_swing_contents p.only_core_text span {color: #c4192b}
#my_swing_contents p strong {font-size:25px; font-weight: 600; color:#000;}
#my_swing_contents .btns {width: 100%; text-align: center; box-sizing: border-box;}
#my_swing_contents .btns div {width: 120px; float:left; height: 40px; border-radius: 5px; background: #000; color: #fff; text-align: center; line-height: 40px; font-sze:16px; margin: 0 5px; display: inline-block; cursor: pointer; overflow: hidden;}
#my_swing_contents .btns div a {color: #fff; display: block; background: #c4192b}




/*마이스윙설명*/
#desc_my_swing_contents {width: 1200px; box-sizing: border-box; padding:50px ; margin-left: -600px; margin-top: -292px;}	
#desc_my_swing_contents p {text-align: center; font-size: 15px; margin-bottom: 20px;}	
#desc_my_swing_contents h5 {color:#111; text-align: center; margin-bottom: 10px;}
#desc_my_swing_contents table {border-left:1px solid #dedede; border-bottom:1px solid #dedede; table-layout: fixed;}
#desc_my_swing_contents table tr {}
#desc_my_swing_contents table tr th, #desc_my_swing_contents table tr td {border:1px solid #dedede; border-left:0; border-bottom: 0; text-align: center; font-size: 15px; line-height: 1.6; color:#111; padding: 20px;}
#desc_my_swing_contents table tr th {background: #fafafa;}
#desc_my_swing_contents table tr td {}
#desc_my_swing_contents table thead tr th {background: #000; color:#fff; padding: 15px 0 ; font-size: 19px;}


/*레슨리포트*/
#lesson_report_contents {width: 650px; height: 919px; box-sizing: border-box; margin-left: -325px; margin-top: -459.5px; overflow: visible; border-radius: 0;}
#lesson_report_contents span.modal_close_btn {top: 0; right: -50px; width: 50px; height: 50px; background-color:#fff; background-size:20px;}
.report_page {width: 100%; height: 100%; box-sizing: border-box; padding: 20px;  overflow: hidden;}
.report_page h6 {position: relative; font-family:'GmarketSans', sans-serif; color:#000; line-height: 1; margin:20px 0 5px 0; padding-left: 16px; font-size: 18px;}
.report_page h6::after {position:absolute; top: 3px; left: 0; width: 8px; height: 8px; border-radius: 100%; background: #c21a2b; content: '';}
/*/report_page h6 {position: relative; font-family:'GmarketSans', sans-serif; color:#000; line-height: 1; font-size: 18px;}*/
.report_page table.report_table.ver2 tr th, .report_page table.report_table.ver2 tr td {height: 30px; font-size: 14px;}
.report_page table.report_table.ver2 tr td {background-color:transparent}
.report_page table.report_table.ver2 tr:nth-of-type(2n) td, .report_page table.report_table.ver2 tr:nth-of-type(2n) th {background: #f1f1f1 !important}

.report_page table.report_table.ver2 thead tr th {background: #000; color:#fff;}
.report_page .lesson_report-alert {margin-top: 15px; background: #fff;}
.report_page .lesson_report-alert dl dt {font-size: 14px; font-weight: 700; color:#000; margin-bottom: 0}
.report_page .lesson_report-alert dl dd {font-size: 13px; color:#000}
.report_page .lesson_report-alert dl dd span {padding-right: 15px;}
.report_page .print_wrapper #chart p , .report_page .print_wrapper #grade p  {padding-bottom: 10px; text-align: center; font-family: 'GmarketSans', sans-serif;}
.report_page .print_wrapper #chart p strong, .report_page .print_wrapper #grade p strong {font-size: 16px; font-weight: 700; color:#000; padding-bottom: 10px;}
.report_page .print_wrapper #chart {width: 50%; float: left;text-align: center; padding: 0; background: #fff; border:0; box-sizing: border-box;}
.report_page .print_wrapper #chart img {width: 100%; display: inline-block;}
.report_page .print_wrapper #grade {width: 50%; float: right;}
.report_page .print_wrapper #grade h6 {margin: 20px 0 5px 0;}
.report_page .print_wrapper #grade table.report_table.ver2 {border-top: 3px solid #333;}
.report_page .print_wrapper #grade table.report_table.ver2 th span {font-size: 13px; line-height: 1.3;}
.report_page .print_wrapper#point_list {background: #fff;}
.report_page ul.mecaniseom_point_list {background: #000; border: 0; height: auto; overflow: hidden; padding: 5px 10px;}
.report_page ul.mecaniseom_point_list li {/*width: 25%;*/ line-height: 1; padding-left: 0; margin: 10px 0;}
.report_page ul.mecaniseom_point_list li:after {display: none;}
.report_page ul.mecaniseom_point_list li span {font-size: 13px; padding-left: 16px;}
.report_page ul.mecaniseom_point_list li span::after {width: 13px; height: 13px; top: 3px; background-size:8px;}

.report_page #check_wrap {width: 100%; overflow: hidden; margin-top: 20px}
ul.mecaniseom_point_list.g_check_ver {border: 0; padding: 0; background: #fff;}
ul.mecaniseom_point_list.g_check_ver li {width: auto; margin: 3px auto;}
ul.mecaniseom_point_list.g_check_ver li span {font-size: 12px; color:#111; padding-left: 15px; padding-right: 5px; opacity: 1;}
ul.mecaniseom_point_list.g_check_ver li span::after {width: 13px; height: 13px; top: 4px;}


#cover {position: relative; background: #f1f1f1;}
#cover .slogan {position:absolute; top: 30px; right: -240px; width: 100%; text-align: center; font-size: 10px; color: #222; font-family: 'GmarketSans', sans-serif; }
#cover .slogan span {padding: 0 10px; position: relative; font-weight: 600;}
#cover .slogan span::after {position: absolute; top: 2px; left: 0; width: 1px; height: 10px; background: #ccc; content: '';}
#cover .slogan span:first-of-type::after {display: none;}
#cover #cover_wrap {display: table; width: 100%; height:100%; border-radius: 5px; background: url(/_img/sub/cover_model.png) no-repeat bottom left, #fff; background-size: 180px;}
#cover #cover_wrap #golf_copy {font-size: 15px; color:#5a5a5a; position: absolute; top: 10px; left: 10px;}
#cover #cover_wrap #inner_cover {width: 100%; padding-top: 140px; box-sizing: border-box;}
#cover #cover_wrap #inner_cover p {text-align: center; font-family:'GmarketSans', sans-serif; font-size: 29px; font-weight: 600; color:#000; line-height: 1;}
#cover #cover_wrap #inner_cover p img {width: 75%; display: inline-block;}
#cover #cover_wrap #inner_cover p#mini_text { color:#fff; font-size: 10px; font-family: 'GmarketSans', sans-serif; background: #000; padding: 8px 0; display: block; width: 84%; margin: 7px auto 14px auto;}
#cover #cover_wrap #inner_cover p#mini_text span {padding: 0 5px;}
#cover #cover_wrap #infoBox {position: absolute; bottom: 80px; right: 80px; font-family: 'GmarketSans', sans-serif;}
#cover #cover_wrap #infoBox p { font-style: italic; font-size: 23px; font-weight: 700; color: #000; }
#cover #cover_wrap #infoBox p span {font-size: 16px; font-weight: 500; color:#555; display: block; padding-bottom: 7px; font-weight: 600}

#cover #cover_wrap #infoBox ul {border:5px solid #ddd; border-radius: 10px; box-sizing: border-box; padding: 15px 25px; margin-top: 20px;}
#cover #cover_wrap #infoBox ul li {margin: 10px 0; font-size: 17px; color:#000; font-family:'GmarketSans', sans-serif; font-weight: 600;}
#cover #cover_wrap #infoBox ul li span {font-weight:700; padding-right: 20px;}


.report_page-slider, .report_page-slider .owl-stage-outer,.report_page-slider  .owl-stage, .report_page-slider .owl-item, .report_page-slider .item  {height: 100%;}
.report_page-slider .owl-nav {position: absolute; top: 50%; left: 0; width: 100%; margin-top:-40px; height: 80px;}
.report_page-slider .owl-nav button {position: absolute; top: 0;  width: 40px; height: 80px; background-position:center; background-size: 40px; background-repeat: no-repeat;}
.report_page-slider .owl-nav button.owl-next {right:-50px; background-image: url(../_img/icon/arrow-right-w.png);}
.report_page-slider .owl-nav button.owl-prev {left:-50px; background-image: url(../_img/icon/arrow-left-w.png);}



/*회원선택*/
#member_choice_pop {}
#member_choice_pop #member_choice_contents { width: 775px; height: 660px; margin-left: -387px; margin-top: -330px; padding: 40px;}
#member_choice_pop #member_choice_contents h4 {color:#000; text-align: center; font-weight: 500; font-family: 'GmarketSans', sans-serif; margin-bottom: 30px;}
#member_choice_pop #member_choice_contents h4 strong {font-weight:700}
.member_serch {width: 100%; position: relative; border-radius: 5px; height: 65px; box-sizing: border-box; border:1px solid #ddd; overflow: hidden; padding: 15px; padding-right: 65px}
.member_serch input[type='text'] {width: 100%; height: 100%; box-sizing: border-box; font-size: 18px; border:0; background: #fff; font-family: 'GmarketSans', sans-serif;}
.member_serch button {position: absolute; top: 0; right: 0; width: 65px;  height: 65px; background-color:transparent; border: 0;}
.member_serch button svg {fill:#000; width: 30px; height: 30px;}



#member_list_wrap {width: 100%; height: 320px; margin: 20px 0;}
ul.member_list {width: 100%; overflow: hidden;}
ul.member_list li {position: relative; width: 100%; height: 60px; border-radius: 10px; overflow: hidden; background: #fafafa; border:1px solid #ddd; padding: 20px 15px; box-sizing: border-box; margin: 10px 0}
ul.member_list li .single {font-family: 'GmarketSans', sans-serif;}
ul.member_list li .single input[type=checkbox] + label:before {border-radius: 0; top:-3px;}
ul.member_list li .single input[type=checkbox]:checked + label:before {background-color: #e51632 !important; border:1px solid #e51632}
ul.member_list li .single span {font-weight: 600; color:#111; font-size: 16px;}
ul.member_list li .btns {position: absolute; right: 10px; top: 10px;}
ul.member_list li .btns button {font-size: 14px; color:#333; border:1px solid #dedede; box-sizing: border-box; width: 65px; height: 40px; border-radius: 5px; background: #f1f1f1; font-family: 'GmarketSans', sans-serif; margin: 0 3px; font-weight: 600; line-height: 3;}

ul.member_list li.on {background: #e51632; border:1px solid #e51632;}
ul.member_list li.on .single span {color:#fff;}



/*스윙진단*/
#swing_diagnosis_pop {}
#swing_diagnosis_pop #swing_diagnosis_contents {width: 775px; height: 800px; margin-left: -387px; margin-top: -400px; padding: 40px;}
#swing_diagnosis_pop #swing_diagnosis_contents h4 {color:#000; text-align: center; font-weight: 700; font-family: 'GmarketSans', sans-serif; margin-bottom: 30px;}

#swing_diagnosis_pop2 {}
#swing_diagnosis_pop2 #swing_diagnosis_contents {width: 775px; height: 800px; margin-left: -387px; margin-top: -400px; padding: 40px;}
#swing_diagnosis_pop2 #swing_diagnosis_contents h4 {color:#000; text-align: center; font-weight: 700; font-family: 'GmarketSans', sans-serif; margin-bottom: 30px;}

#pop_inner_wrap {width: 100%; height: 640px;}

.pop_inner_section ul.radio-wrap li span {font-family: 'GmarketSans', sans-serif;}
.pop_inner_section textarea {width: 100%; height: 155px; padding: 25px; border: 1px solid #ddd; border-radius: 5px; box-sizing: border-box; font-size: 15px; color:#111; line-height: 1.5; font-family: 'GmarketSans', sans-serif; font-weight: 600}

.point_pics {width: 100%; border-radius: 5px; border:1px solid #ddd; box-sizing: border-box; height: 260px; position: relative; padding: 20px 0; margin: 10px 0;}
.point_pics p.alert {text-align: center; font-size: 17px; font-weight: 600; font-family: 'GmarketSans', sans-serif; color:#bebebe; position: absolute; top:50%; margin-top: -10px;  left: 0; width: 100%; }
.point_pics .image {float: left; width: 33.3%; overflow: hidden; text-align: center;}
.point_pics .image p {font-family: 'GmarketSans', sans-serif; font-size: 14px; color:#222; text-align: center; font-weight: 600; padding: 10px 0;}
.point_pics .image img {width: 90%;}

.input_wraps {width: 100%; border-radius: 5px; border:1px solid #ddd; box-sizing: border-box; position: relative; height: 65px; padding-left:115px; margin: 10px 0; overflow: hidden;}
.input_wraps button {border:0; background-color: transparent; font-size: 14px; font-weight: 600; color:#000; position: absolute; right: 25px; top: 24px; font-family: 'GmarketSans', sans-serif;}
.input_wraps button:hover {color:#e51632}
.input_wraps>span {font-family: 'GmarketSans', sans-serif; font-size: 17px; font-weight: 700; color:#000; position: absolute; left: 25px; top: 23px;}
.input_wraps input[type='text'] {width: 100%; border:0; height: 100%; font-size: 17px; font-family: 'GmarketSans', sans-serif; color:#000; font-weight: 600}
.input_wraps input[type="file"] {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}
.input_wraps label {position: absolute; right: 25px; top: 24px; font-size: 14px; font-weight: 600; color:#000;  font-family: 'GmarketSans', sans-serif;}
.input_wraps label:hover {color:#e51632}
.input_wraps .upload-name {width: 100%; border:0; height: 100%; font-size: 16px; font-family: 'GmarketSans', sans-serif; color:#bebebe; font-weight: 600}
.input_wraps select {width: 100%; height: 100%; font-family: 'GmarketSans', sans-serif; font-weight: 600; font-size: 16px; background-size: 16px; background-position: center right;}
.input_wraps.ver2 {padding:0 25px;}


/*코칭리포트*/
#coaching_report_pop {}
#coaching_report_pop #coaching_report_contents {width: 775px; height: 800px; margin-left: -387px; margin-top: -400px; padding: 40px;}
#coaching_report_pop #coaching_report_contents h4 {color:#000; text-align: center; font-weight: 700; font-family: 'GmarketSans', sans-serif; margin-bottom: 30px;}
.pop_inner_section.ver_leng2 .input_wraps {float: left; width: 49%; margin-left:2%;}
.pop_inner_section.ver_leng2 .input_wraps:first-of-type {margin-left: 0;}

#lesson_rank .input_wraps {padding-right: 150px;}
#lesson_rank .input_wraps:nth-of-type(2n) {background: #f8f8f8;}
#lesson_rank .input_wraps p {font-family: 'GmarketSans', sans-serif; font-size: 17px; font-weight: 700; color:#000; padding: 22px 0;}
#lesson_rank .input_wraps p span {padding-right: 10px;}
#lesson_rank .input_wraps select {width: 100px; position: absolute; right: 35px; top: 0;}

.gcheck_wrap {float: left; width: 49%; margin-left:2%;}
.gcheck_wrap .input_wraps {padding-right: 47px;}
.gcheck_wrap:first-of-type {margin-left: 0;}
.gcheck_wrap p {position: absolute; top: 21px; right: 25px; font-size: 17px; font-weight: 600; font-family: 'GmarketSans', sans-serif; color:#000;}
.gcheck_wrap input {text-align: right; font-size: 21px;}


/*교재미리보기*/
#book_pop {}
#book_pop_contents {width:520px; height:800px; margin-left: -260px; margin-top: -400px; padding: 40px;}
#book_pop_contents h4 {color:#000; text-align: center; font-weight: 700; font-family: 'GmarketSans', sans-serif; margin-bottom: 30px;}

/*=============================================================
						고객센터
=============================================================*/
.customer_page {background: #fafafa; padding: 80px 0;}
.customer_page .contents {background: #fff; padding: 80px 60px; box-sizing: border-box;}
.customer_page h3.page_title {color:#000; text-align: center;  font-family: 'GmarketSans', sans-serif;}


ul.sub_menu_list {width: 100%; overflow: hidden; border-left:1px solid #ddd; margin: 40px 0 80px 0;}
ul.sub_menu_list li {width: 25%; height: 65px; border:1px solid #ddd; border-left: 0; box-sizing: border-box; float:left ;}
ul.sub_menu_list li a {display: block; text-align: center; font-size: 16px; width: 100%; height: 100%; line-height: 65px; color:#111;}
ul.sub_menu_list li.on a {color:#fff; background: #e51632;}

ul.basic_board {width: 100%; overflow:hidden; border-top: 2px solid #000;}
ul.basic_board li {position: relative; width: 100%; padding: 30px 0; border-bottom: 1px solid #ddd; overflow: hidden; padding-left: 120px;}
ul.basic_board li .num {font-size: 17px; color:#111; width: 75px; text-align: center; position: absolute; top: 30px; left: 25px;}
ul.basic_board li .title {width: 100%;}
ul.basic_board li .title a {color:#111; font-size: 16px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
ul.basic_board li.notice {background: #f8f8f8;}
ul.basic_board li.notice .num {color:#fff; background: #e51632; border-radius: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 16px;}

.mypage_section {width:100%; overflow: hidden; margin: 60px 0;}
.mypage_section>p {font-size: 19px; font-weight: 700; color:#000; font-family: 'GmarketSans', sans-serif; margin-bottom: 15px;}
/*/mypage_section>p span {font-size: 15px; color:#aaa; font-weight: 600;}*/
.mypage_section .option_info_wrap {}
.mypage_section .option_info_wrap table.mypage {border-top: 0 !important;}
.mypage_section .view_btn {background: #333; width: 100%; height: 50px; line-height: 50px; border-radius: 5px;  cursor: pointer; font-weight: 400; text-align: center;  margin: 20px auto;}
.mypage_section .view_btn span {color:#fff; font-size: 17px; /*background:url(../_img/icon/arrow-up.png) no-repeat center right 3px; background-size: 14px; padding-right: 30px;*/}
.mypage_section .view_btn:hover {background-color: #e51632;}


table.mypage {width: 100%; border-top: 2px solid #000;}
table.mypage tr {}
table.mypage tr th, table.mypage tr td {font-family: 'GmarketSans', sans-serif; font-size: 16px; border-bottom: 1px solid #ddd; padding: 30px 20px ;}
table.mypage tr th {text-align: center; font-weight: 600; color:#111; background: #f8f8f8;}
table.mypage tr td {}
table.mypage tr td button {width:85px; height: 40px; border-radius: 5px; border:1px solid #ededed; background: #fafafa; font-size: 15px; color: #222;}
table.mypage tr td p {font-size: 14px; font-weight: 600}
table.mypage tr td select {width: 200px; font-family: 'GmarketSans', sans-serif; font-size: 16px; font-weight: 600; margin-bottom: 10px;}
table.mypage tr td input {width: 100%; border: 0; height: 100%; font-size: 16px; font-family: 'GmarketSans', sans-serif; font-weight: 600;}
table.mypage tr td textarea {width: 100%; height: 150px; border: 0; font-size: 16px; font-family: 'GmarketSans', sans-serif; font-weight: 600;}
table.mypage tr td input.mail {width: 200px;}
table.mypage tr td .mail {float: left; margin-bottom: 0}
table.mypage tr td .birth {float: left;}
table.mypage tr td p.birth {font-size: 16px; padding-left: 5px;}

table.mypage tr td input.birth {width: 50px; text-align: right;}

table.mypage tr td .single input[type=radio] + label:before {top: -2px !important;}
table.mypage tr td .single {float: left; margin-right: 25px;}
table.mypage tr td .single label {font-weight: 600}

.btn_wraps {width: 100%; text-align: center; overflow: hidden;}
.btn_wraps button {display: inline-block; width: 210px; height: 55px; border: 0; font-size: 17px; border-radius: 5px; color: #fff; font-family:'GmarketSans', sans-serif; margin: 0 5px; font-weight: 600; background: #333;}
.btn_wraps button.save {background: #e51632}




.container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around; }


.loader02 {
  width: 80px;
  height: 80px;
  border: 2px solid rgba(0,0,0,0.7);
  border-top-color: #fff;
  border-radius: 50%;
  position: relative;
  animation: loader-rotate 1s linear infinite;
}

@keyframes loader-rotate {
  0% {
    transform: rotate(0); }
  100% {
    transform: rotate(360deg); } }
	
	
	

.teacherInfomation{/*background-color:#F3F6F9;*/ overflow:hidden; position: relative; width:400px;}
.teacherPic{float:left; width:75px; height:75px; background-color:#EEEEEE; border:2px solid #eee; position: relative; border-radius:100%; overflow:hidden}
.teacherPic img {position: absolute; bottom:0; width:100%;}
.teacherInfoListLayout{overflow: hidden;}
.teacherInfoList{background-color:#f9f9f9; height:79px; border-radius: 50px 50px;}
.teacherInfoList .teinfoBox{ padding-top:20px; padding-left:100px}
.teacherInfoList .teinfoBox .text {color:#000; font-size:15px; letter-spacing: -0.5px; font-weight:500;}
.teacherInfoList .teinfoBox .c_name {display:block; font-size:12px; color:#999;}



/* 테이블 */
.tbl-type01 {position:relative;border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;border-top:2px solid #112b49;font-size:1rem;font-weight:400;border-bottom:1px solid #ccc;}
.tbl-type01 th,
.tbl-type01 td {padding:18px 10px;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;word-wrap:break-word;word-break:break-all;font-size:0.941em}
.tbl-type01 thead th {background:#e9eef6;padding:18px 0 21px 0}
.tbl-type01 thead tr:last-chdild th {border-bottom:1px solid #999;}
.tbl-type01 th {color:#222;font-weight:500}
.tbl-type01 th:first-child, .tbl-type01 td:first-child {border-left:0}
.tbl-type01 th:last-child,
.tbl-type01 td:last-child {border-right:0}
.tbl-type01 tbody th[scope='rowgroup'] {border-right:1px solid #ccc}
.tbl-type01 td.no-data {text-align:center;padding:130px 0 50px;font-size:1rem;background:url(/resources/_Img/Board/default/ico_nodata.png) no-repeat center 50px}
.tbl-type01 .info-ex01, .tbl-type01 .info-ex02, .tbl-type01 .info-ex03 {font-size:1em}
@media all and (max-width:499px){
	.tbl-type01 thead th {padding:10px 0 10px 5px;}
	.tbl-type01 tfoot th,
	.tbl-type01 tfoot td,
	.tbl-type01 tbody th,
	.tbl-type01 tbody td {padding:10px 5px}
}

/* 테이블 > 테이블 */
.tbl-type01 table {position:relative;border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;margin-left:-1px;font-weight:400;font-size:15px;border-bottom:1px solid #ddd}
.tbl-type01 table th {font-size:15px;font-weight:500;background:#fff;}
.tbl-type01 table th:after {display:none;}
.tbl-type01 table th,
.tbl-type01 table td {padding:12px 8px 12px 8px;border-left:1px solid #ddd;border-right:1px solid #ddd;word-wrap:break-word;word-break:break-all}
.tbl-type01 tfoot th,
.tbl-type01 tfoot td {color:#666;background:#fff;}
.tbl-type01 table td {color:#444}
.tbl-type01 table thead th {background:#f6f6f6;color:#333;border-top:1px solid #ccc}
.tbl-type01 table th:first-child,
.tbl-type01 table td:first-child {border-left:0}
.tbl-type01 table th:last-child,
.tbl-type01 table td:last-child {border-right:0}

/* 작은 테이블 스타일 */
.tbl-type-s01 {position:relative;border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;margin-left:-1px;border-top:1px solid #112b49;border-bottom:1px solid #ccc;font-size:1rem}
.tbl-type-s01 th {color:#222;font-weight:500}
.tbl-type-s01 th,
.tbl-type-s01 td {padding:12px 8px;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;word-wrap:break-word;word-break:break-all;font-size:0.941em}
.tbl-type-s01 tbody tr:last-child th,
.tbl-type-s01 tbody tr:last-child td {border-bottom:0}
.tbl-type-s01 tfoot th,
.tbl-type-s01 tfoot td {font-weight:normal;border-top:1px solid #ccc}
.tbl-type-s01 thead th {background:#e9eef6}
.tbl-type-s01 th:first-child,
.tbl-type-s01 td:first-child {border-left:0}
.tbl-type-s01 th:last-child,
.tbl-type-s01 td:last-child {border-right:0}
.tbl-type-s01 .borb0 {border-bottom:0}
.tbl-type-s01 .info-ex01, .tbl-type-s01 .info-ex02, .tbl-type-s01 .info-ex03 {font-size:1em}
@media all and (max-width:599px){
	.tbl-type-s01 {font-size:14px}
	.tbl-type-s01 thead th {font-size:15px}
}