#main_view .main_contents {margin:100px 0 70px; min-width:320px;}
#main_view .main_contents:after {content:''; display: block; clear:both;} 
#main_view .main_contents > .inner {position:relative; max-width:1200px; margin:0 auto;}

#main_view .board_box {border:1px solid #e9e9e9; padding:25px 20px 15px;}
#main_view .board_box.afterstudybox {border:1px solid #e0e0e0; background:#fbfbfb;}
#main_view .board_box .title {position:relative; }
#main_view .board_box .title:after {content:''; display: block; clear:both;}
#main_view .board_box .title h2 {float:left; font-size:25px; color:#000; font-weight:500; letter-spacing:-0.05em;}
#main_view .board_box .title .more {float:right; overflow:hidden; position:relative; margin:0; padding:2px 25px 2px 10px; font-size:13px; font-weight:400; background:#e8e8e8; color:#565656; line-height:1.4em}
#main_view .board_box .title .more i{position:absolute; top:50%; right:3px; width:16px;height:16px;margin-top:-8px;font-size:0}
#main_view .board_box .title .more i:before {content:'';display:block;position:absolute;top:50%;left:50%;width:10px;height:1px;margin:-1px 0 0 -5px;background:#777}
#main_view .board_box .title .more i:after {content:'';display:block;position:absolute;top:50%;left:50%;width:1px;height:10px;margin:-5px 0 0 -1px;background:#777}

#main_view .board_box .news-list {margin-top:12px;}
#main_view .board_box .news-list a {display:block;}
#main_view .board_box .news-list li {border-top:solid 1px #ebeae9; font-weight:400; padding:10px 0 11px; position: relative; }
#main_view .board_box .news-list li:first-child {border-top:0;}
#main_view .board_box .news-list li:last-child {*padding-bottom:0;}
#main_view .board_box .news-list .subj { display:inline-block; max-width:calc(100% - 90px); vertical-align:middle; }
#main_view .board_box .news-list .ico-txt { margin:0px 0 0 9px; }
#main_view .board_box .news-list .subj-in { font-size:15px; color:#1c1c1c; display:block; -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; word-wrap:normal; letter-spacing:-0.03em;}
#main_view .board_box .news-list .date { display:block; font-size:14px; color:#777; position:absolute; right:0; top:50%; transform: translateY(-50%);}

#main_view .board_box .review-list {margin-top:13px;}
#main_view .board_box .review-list a {display:block;}
#main_view .board_box .review-list li {border-top:solid 1px #ebeae9; font-weight:400; padding:10px 0 11px; position: relative; }
#main_view .board_box .review-list li:first-child {border-top:0;}
#main_view .board_box .review-list li:last-child {*padding-bottom:0;}

#main_view .board_box .review-list .subj {position:relative; display:inline-block; max-width:calc(100% - 100px); vertical-align:middle; }
#main_view .board_box .review-list .name {font-size:15px; color:#824d2d; float:left; width:80px; font-weight:400; letter-spacing:-0.02em;}
#main_view .board_box .review-list .subj-in {float:left; font-size:15px; color:#1c1c1c; display:block; -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; word-wrap:normal; letter-spacing:-0.03em; *margin-right:10px;}
#main_view .board_box .review-list .ico_new {position:absolute; right:-17px; }
#main_view .board_box .review-list .date {display:block; font-size:14px; color:#777; position:absolute; right:0; top:50%; transform: translateY(-50%);}

#main_view .stockschart_box {background:url('/images/m_stockschart.png') right bottom no-repeat #1b2348; background-size:auto 160px;}
#main_view .stockschart_box a {display:block; padding:28px 20px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
#main_view .stockschart_box h2 {font-size:24px; color:#dfe126; letter-spacing:-0.07em; font-weight:400; margin:0 0 0.5em;}
#main_view .stockschart_box p {font-size:16px; color:#fff; font-weight:300; line-height:1.4em; letter-spacing:-0.03em;}
#main_view .stockschart_box span {
	box-sizing:border-box; background:rgba(0, 0, 0, 0.2); border:1px solid rgba(255, 255, 255, 0.3); 
	color:#fff; font-size:15px; font-weight:300; display:inline-block; margin:20px 0 0; padding:4px 20px; line-height:2em;
}
#main_view .stockschart_box:hover span {border:1px solid rgba(255, 255, 255, 0.5); }

#main_view .box_wrap {position:relative; border:1px solid #e9e9e9; box-sizing:border-box; }
#main_view .main_con2 .con_left .box_wrap:hover .tit h2 {color:#e50113;  color:#000;}
#main_view .main_con2 .con_left .box_wrap:hover .btn {border:1px solid rgba(0, 0, 0, 1); background:rgba(0, 0, 0, 0.7); color:#fff;}
#main_view .main_con2 .con_right .box_wrap:hover a span {color:#e50113; color:#824d2d;}

#main_view .box_wrap a {display:block;}
#main_view .box_wrap .tit {margin-bottom:20px; letter-spacing:-0.05em;}
#main_view .box_wrap .tit h2 {color:#4c4c4c; font-size:22px; line-height:1.4em; margin:0 0 5px; padding:0;}
#main_view .box_wrap .tit span {color:#7a7a7a; font-size:15px; }
#main_view .box_wrap .tit p {color:#7a7a7a; font-size:15px; line-height:1.3em;}
#main_view .box_wrap .tit p span {display:block;}
#main_view .box_wrap .con {text-align:center;}
#main_view .box_wrap .btn  {position:absolute; left:20px; bottom:20px; display:inline-block; border:1px solid rgba(0, 0, 0, 0.2); color:#4c4c4c; font-size:14px; padding:2px 15px; letter-spacing:-0.03em;}

#main_view .main_con1 .con_right:after {content:''; display: block; clear:both;}
#main_view .main_con2 .con_left:after {content:''; display: block; clear:both;}
#main_view .main_con2 .con_right:after {content:''; display: block; clear:both;}

#main_view .main_con2 .con_left .box_wrap a {padding:20px; height:240px; box-sizing:border-box;}
#main_view .main_con2 .con_left .con01 .box_wrap {border-right:none;}
#main_view .main_con2 .con_left .con02 .box_wrap .con {position:absolute; right:20px; bottom:20px;}
#main_view .main_con2 .con_left .con02 .box_wrap .con img  {height:100px; border:1px solid rgba(0, 0, 0, 0.5);}
#main_view .main_con2 .con_right .con01 {margin-bottom:10px;}
#main_view .main_con2 .con_right .con01:after {content:''; display:block; clear:both;}
#main_view .main_con2 .con_right .con01 .box_wrap {position:relative; width:50%; float:left;}
#main_view .main_con2 .con_right .con01 .box_wrap:first-child {border-right:none;}
#main_view .main_con2 .con_right .con01 .box_wrap a {padding:10px 15px; height:80px;}
#main_view .main_con2 .con_right .con01 .box_wrap img {width:60px; float:left; }
#main_view .main_con2 .con_right .con01 .box_wrap span {position:absolute; right:0; top:50%; width:70%; text-align:center; font-size:18px; line-height:24px; margin-top:-12px; color:#000; font-weight:400; letter-spacing:-0.05em;}

#main_view .main_con2 .con_right .con02 .box_wrap {position:relative; width:50%; float:left; padding:17px 20px; height:150px; box-sizing:border-box;}
#main_view .main_con2 .con_right .con02 .box_wrap:first-child {border-right:none;}
#main_view .main_con2 .con_right .con02 .box_wrap .tit {font-size:17px; color:#000; margin-bottom:15px; font-weight:400;}


#main_view .main_con2 .con_right .con02 .cus .tel {margin:5px 0 0; font-size:21px; color:#000; letter-spacing:0.08em; line-height:30px;}
#main_view .main_con2 .con_right .con02 .cus .tel img {float:left; margin-right:20px; width:30px;}
#main_view .main_con2 .con_right .con02 .cus .time {margin:10px 0 0; font-size:15px;}
#main_view .main_con2 .con_right .con02 .cus .time .t {float:left; display:inline-block; background:#4c4c4c; color:#fff; font-weight:300; padding:1px 3px; line-height:1.3em; margin-top:2px;}
#main_view .main_con2 .con_right .con02 .cus .time ul {margin-left:55px;}
#main_view .main_con2 .con_right .con02 .cus .time ul li {font-size:15px; line-height:1.4em; letter-spacing:0.02em; color:#666;}


#main_view .main_con2 .con_right .con02 .bank .con {font-size:16px; color:#000; margin:18px 0 0;}
#main_view .main_con2 .con_right .con02 .bank .con span {display:block; text-align:left;}
#main_view .main_con2 .con_right .con02 .bank .con span.account {font-size:16px; line-height:1.5em; font-weight:400;}
#main_view .main_con2 .con_right .con02 .bank .con span.account_num {font-size:18px; line-height:1.5em; font-weight:400; margin:3px 0 0;}
#main_view .main_con2 .con_right .con02 .bank .con span.account_num a {color:#000;}
#main_view .main_con2 .con_right .con02 .bank .con span.depositor {margin:5px 0 0; font-size:14px; color:#666; font-weight:300;}

@media (min-width:768px) {
	#main_view .main_contents {margin:50px 10px 40px;}
	#main_view .main_con1 .con_right {margin-top:10px;}

	#main_view .main_con2 {margin-top:20px;}
	#main_view .main_con2 .con_left .box_wrap {width:33.33%; float:left;}
	#main_view .main_con2 .con_right .con02 .box_wrap {width:50%; float:left;}
	#main_view .main_con2 .con_right .con02 .box_wrap:first-child {border-right:none;}
	#main_view .main_con2 .con_right .con02 .bank {background:url('/images/m_banner_ico4.png') right bottom no-repeat #fff; background-size:70px;}


}

@media (min-width:1024px) {

	#main_view .stockschart_box1 {width:20%; float:left;}

	#main_view .main_con1 {margin-top:44px;}
	#main_view .main_con1 .con_left {width:59%; float:left;}
	#main_view .main_con1 .con_right {margin-top:0; width:40%; float:right;}

	#main_view .main_con2 {margin-top:44px;}
	#main_view .main_con2 .con_left {width:59%; float:left; }
	#main_view .main_con2 .con_right {width:40%; float:right;}

	#main_view .board_box.afterstudybox {width:59%; height:400px;}
	#main_view .board_box .review-list {margin-top:10px;}
	#main_view .board_box .review-list .name {width:100px; padding:0 3px;}
	#main_view .board_box .title h2 {font-size:25px;}
	#main_view .board_box.noticebox {width:100%; height:190px;}
	#main_view .board_box.noticebox .title h2 {font-size:21px;}
	#main_view .stockschart_box {height:195px; background-size: auto 195px; margin:0 0 15px;}

}

@media (max-width:1199px) {
	#main_view .main_con2 .con_right .con01 .box_wrap a {padding:10px; height:70px;}
	#main_view .main_con2 .con_right .con01 .box_wrap img {width:50px;}
	#main_view .main_con2 .con_right .con01 .box_wrap span {width:75%; font-size:17px; font-weight:400;}

	#main_view .main_con2 .con_left .box_wrap a {padding:20px 15px; height:225px;}
	#main_view .main_con2 .con_right .con02 .box_wrap {padding:18px 15px; height:145px;}
	#main_view .main_con2 .con_right .con02 .box_wrap .tit {font-size:16px; font-weight:500; margin-bottom:10px;}

	#main_view .box_wrap .tit h2 {font-size:19px;}
	#main_view .box_wrap .tit span {font-size:14px;}
	#main_view .box_wrap .tit p {font-size:14px;}
	#main_view .box_wrap .btn  {font-size:13px;}

	#main_view .main_con2 .con_left .con01 .box_wrap .con img {height:50px;}
	#main_view .main_con2 .con_left .con02 .box_wrap .con img {height:90px;}

	#main_view .main_con2 .con_right .con02 .cus .tel {font-size:19px; margin:5px 0 0;}
	#main_view .main_con2 .con_right .con02 .cus .tel img { margin-right:10px;}
	#main_view .main_con2 .con_right .con02 .cus .tel a {color:#000;}
	#main_view .main_con2 .con_right .con02 .cus .time {margin:10px 0 0; font-size:14px;}
	#main_view .main_con2 .con_right .con02 .cus .time .t {font-weight:400; padding:0 3px;}
	#main_view .main_con2 .con_right .con02 .cus .time ul {margin-left:45px;}
	#main_view .main_con2 .con_right .con02 .cus .time ul li {font-size:14px; line-height:1.4em;}

	#main_view .main_con2 .con_right .con02 .bank .con {margin:13px 0 0;}
	#main_view .main_con2 .con_right .con02 .bank .con span.account_num {margin:3px 0 0;}
	#main_view .main_con2 .con_right .con02 .bank .con span.depositor {margin:4px 0 0;}
}

@media (max-width:1023px) {
	#main_view .board_box .title h2 {font-size:23px; letter-spacing:-0.03em;}
	#main_view .stockschart_box h2 {font-size:20px; letter-spacing:-0.05em;}

	#main_view .main_con2 .con_right {margin-top:10px;}
	#main_view .main_con2 .con_left .box_wrap a { height:200px;}
	#main_view .main_con2 .con_right .con01 .box_wrap span {font-size:16px;}

	#main_view .board_box .review-list .name {width:100px;}
	#main_view .board_box .news-list .subj-in {font-size:14px;}
	#main_view .board_box .news-list .date {font-size:13px;}
	#main_view .board_box .review-list {margin-top:5px; }

	#main_view .stockschart_box {width:50%; height:180px; float:left; background-size: auto 180px;}
	#main_view .stockschart_box a {padding:25px 15px;}
	
	#main_view .stockschart_box p {font-size:14px;}
	#main_view .stockschart_box span {font-size:13px;}

	#main_view .board_box.noticebox {width:50%; height:180px; float:right; padding:20px 20px 15px;}
	#main_view .board_box.noticebox .title h2 {font-size:19px;}
	#main_view .board_box .news-list {margin-top:7px;}

	#main_view .main_con2 .con_right .con01 {margin-bottom:0;}
	#main_view .main_con2 .con_right .con01 .box_wrap {border-bottom:none;}
	#main_view .main_con2 .con_right .con02 .cus .tel {letter-spacing:0.05em;}
	#main_view .main_con2 .con_right .con02 .cus .tel img {margin-right:15px;}


}

@media all and (max-width:767px) {
	#main_view .main_contents {margin:30px 10px;}
	#main_view .main_con2 {margin-top:15px;}
	#main_view .main_con2 .con_left .box_wrap {border-bottom:none; }
	#main_view .main_con2 .con_left .box_wrap:last-child {border-bottom:1px solid #e9e9e9;}

	#main_view .board_box {padding:25px 15px 20px;}
	#main_view .board_box .title h2 {font-size:19px; letter-spacing:-0.03em;}
	#main_view .board_box .title .more {float:right; overflow:hidden; position:relative; margin:0; padding:2px 25px 2px 10px; font-size:12px; font-weight:400; background:#e8e8e8; color:#565656; line-height:1.4em}
	#main_view .board_box .title .more i{position:absolute; top:50%; right:3px; width:16px; height:16px;margin-top:-8px;font-size:0}
	#main_view .board_box .title .more i:before {content:'';display:block;position:absolute;top:50%;left:50%;width:10px;height:1px;margin:-1px 0 0 -5px;background:#777}
	#main_view .board_box .title .more i:after {content:'';display:block;position:absolute;top:50%;left:50%;width:1px;height:10px;margin:-5px 0 0 -1px;background:#777}



	#main_view .board_box .review-list .subj {max-width:calc(100% - 80px); }
	#main_view .board_box .review-list .name {font-size:14px; width:80px; letter-spacing:-0.01em; font-weight:500;}
	#main_view .board_box .review-list .subj-in {font-size:14px;}
	#main_view .board_box .review-list .date {font-size:14px;}

	#main_view .stockschart_box {float:none; width:100%; height:160px; background-size:auto 160px;}
	#main_view .stockschart_box a {padding:20px 15px;}
	#main_view .stockschart_box h2 {font-size:18px; letter-spacing:-0.03em; margin:0 0 5px;}
	#main_view .stockschart_box p {font-size:14px;}
	#main_view .stockschart_box span {font-size:13px;}

	#main_view .board_box.noticebox {float:none; width:100%; height:auto;}

	#main_view .main_con2 .con_left .box_wrap a {padding:18px 15px; height:auto;}
	#main_view .main_con2 .con_left .con01 {border-right:1px solid #e9e9e9;}
	#main_view .main_con2 .con_left .con01:after {content:''; display: block; clear:both;}
	#main_view .main_con2 .con_left .con01 .box_wrap {width:50%; float:left; border-bottom:none;}
	#main_view .main_con2 .con_left .con01 .box_wrap .con img {height:45px;}
	#main_view .main_con2 .con_left .con02 .box_wrap .con {right:15px; bottom:18px;}
	#main_view .main_con2 .con_left .con02 .box_wrap .con img {height:90px;}

	#main_view .main_con2 .con_right .con02 .box_wrap {height:135px;}
	#main_view .main_con2 .con_right .con01 .box_wrap span {font-size:15px; font-weight:500;}
	#main_view .main_con2 .con_right .con02 .cus .time {margin:7px 0 0;}
	#main_view .main_con2 .con_right .con02 .bank .con {margin:15px 0 0;}

	#main_view .main_con2 .con_right .con02 .bank .con span.account {font-size:15px;}
	#main_view .main_con2 .con_right .con02 .bank .con span.account_num {font-size:17px; margin:0;}
	#main_view .main_con2 .con_right .con02 .bank .con span.depositor {font-size:13px;}

	#main_view .box_wrap .tit {margin-bottom:0;}
	#main_view .box_wrap .tit h2 {font-size:17px; font-weight:500;}
	#main_view .box_wrap .tit span {font-size:13px;}
	#main_view .box_wrap .tit p {font-size:13px; *max-width:180px;}
	#main_view .box_wrap .tit p span {font-size:13.5px; display:inline-block;}
	#main_view .box_wrap .con {text-align:center;}
	#main_view .box_wrap .btn  {position:relative; left:auto; bottom:auto; font-size:13px; margin-top:15px; background:rgba(0, 0, 0, 0.6);  color:#fff; padding:0 12px;}
}

@media all and (max-width:560px) {

	#main_view .main_contents {margin:0}
	#main_view .board_box {border-left:none; border-left:right;}
	#main_view .board_box.afterstudybox {padding:40px 15px 30px;}
	#main_view .board_box.noticebox {padding:30px 15px 20px;}

	#main_view .board_box .review-list1 li {display: table; -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; word-wrap:normal;}
	#main_view .board_box .review-list .subj {max-width:95%;}
	#main_view .board_box .review-list .name {display:table-cell;}

	#main_view .board_box .review-list .subj-in {float:none;}
	#main_view .board_box .review-list .ico_new {top:50%; margin-top:-6px;}
	#main_view .board_box .review-list .date {display:none;}

	#main_view .main_con2 {padding:10px;}
	#main_view .main_con2 .con_right .con02 .box_wrap {height:130px;}		
	#main_view .main_con2 .con_right .con02 .cus .tel {font-size:18px; line-height:27px;}
	#main_view .main_con2 .con_right .con02 .cus .tel img {width:27px; margin:1px 10px 0 3px;}
	#main_view .main_con2 .con_right .con02 .cus .time {margin:5px 0 0;}
	#main_view .main_con2 .con_right .con02 .cus .time ul {margin-left:40px;}
	#main_view .main_con2 .con_right .con02 .cus .time ul li {font-size:13px;}
	#main_view .main_con2 .con_right .con02 .bank .con {margin:13px 0 0;}

}
@media (max-width:380px) {
	#main_view .box_wrap .tit p {max-width:180px;}
	#main_view .box_wrap .tit p span {font-size:13px;}
	#main_view .main_con2 .con_left .con02 .box_wrap .con img {height:105px;}
	#main_view .main_con2 .con_right .con01 .box_wrap span {font-size:14px;}
	#main_view .main_con2 .con_right .con02 .box_wrap {height:125px;}
	#main_view .main_con2 .con_right .con02 .cus .tel {font-size:17px; line-height:25px;}
	#main_view .main_con2 .con_right .con02 .cus .time {margin:3px 0 0;}
	#main_view .main_con2 .con_right .con02 .cus .time ul { margin-left:40px;}
	#main_view .main_con2 .con_right .con02 .cus .time ul li {letter-spacing:0;}
	#main_view .main_con2 .con_right .con02 .cus .tel img {width:25px; margin:1px 10px 0 5px;}

	#main_view .main_con2 .con_right .con02 .bank .con {margin:5px 0 0;}
	#main_view .main_con2 .con_right .con02 .bank .con span.account_num {margin:2px 0 0;}
	#main_view .main_con2 .con_right .con02 .bank .con span.depositor {margin:0; font-size:13px;}

}

/* 메인 젠문가 */
.expert_wrap {background-image:url("/images/expert_bg.gif"); padding:60px 0;}
.expert_wrap .tit_wrap {text-align:center; margin:0 auto 60px auto;}
.expert_wrap .tit_wrap h2 {display:inline-block; position:relative; font-size:47px; font-weight:400; letter-spacing:-0.05em; color:#665246; padding:0 50px; line-height:1em;}
.expert_wrap .tit_wrap h2 strong, .expert_wrap .tit_wrap h2 b {font-weight:500;}
.expert_wrap .tit_wrap h2:before, .expert_wrap .tit_wrap h2:after {position:absolute; display:inline-block; content:''; width:30px; height:30px; background: linear-gradient(110deg,#665246,#493b3a); border-radius:50%; top:50%; margin-top:-15px;}
.expert_wrap .tit_wrap h2:before {left:0;}
.expert_wrap .tit_wrap h2:after {right:0;}

.expert_con1, .expert_con2, .expert_con3, .expert_con4 {max-width:1200px; margin:20px auto; }
.expert_con1:after, .expert_con2:after, .expert_con3:after, .expert_con4:after {content:''; display: block; clear:both;}  

.expert_wrap ul {margin:0 auto; text-align:center;}
.expert_wrap ul li {list-style:none; position:relative; display:inline-block; width:330px; height:330px; margin-left:-4.7% !important; margin-right:-4.7% !important; transition:all .3s ease; -webkit-transition:all .3s ease;}

.expert_wrap .expert_con1 .tit_box.circle {background:#b28e59;}
.expert_wrap .expert_con1 .con_box.circle {background:#ecece4;}
.expert_wrap .expert_con2 .tit_box.circle {background:#597db2;}
.expert_wrap .expert_con2 .con_box.circle {background:#e8edf2;}
.expert_wrap .expert_con3 .tit_box.circle {background:#4e8852;}
.expert_wrap .expert_con3 .con_box.circle {background:#eceee7;} 
.expert_wrap .expert_con4 .tit_box.circle {background:#d4777d;}
.expert_wrap .expert_con4 .con_box.circle {background:#f2efef;} 

.expert_wrap .circle {position:relative; top:0; display:table; margin:0 auto; width:330px; height:330px; border-radius:100%; opacity:1; cursor:pointer;}
.expert_wrap .circle .box {display:table; width:100%; height:100%;}
.expert_wrap .circle .box .innr {display:table-cell; vertical-align:middle; text-align:center;}

.expert_wrap .tit_box {position:relative;}
.expert_wrap .tit_box:after {content:''; display:block; clear:both; background:rgba(255, 255, 255, 0.5); width:1px; height:50px; position:absolute; left:50%; bottom:35px;}

.expert_wrap .tit_box h2 {color:#fff; font-size:30px; font-weight:500; letter-spacing:-0.04em;}
.expert_wrap .tit_box h2 strong {color:#ffc600; font-weight:700;}
.expert_wrap .tit_box p {margin:15px 50px 30px; color:rgba(255, 255, 255, 0.75); font-size:15px; font-weight:400; line-height:1.4em; letter-spacing:-0.04em;}
.expert_wrap .tit_box p span {display:block; word-break:keep-all; margin:0 0 10px;}



.expert_wrap .con_box {position:relative; overflow:hidden; border-radius:100%; box-sizing:border-box;}


.expert_wrap .con_box .box .innr {display:table-cell; vertical-align:middle; text-align:left; padding-left:120px; padding-right:40px;} 
.expert_wrap .con_box .box .innr h2 {color:#000; font-size:26px; font-weight:500; letter-spacing:-0.04em;}
.expert_wrap .con_box .box .innr h2.no {color:rgba(0, 0, 0, 0.4);}
.expert_wrap .con_box .box .innr p {margin:15px 0 30px; color:rgba(0, 0, 0, 0.65); font-size:15px; font-weight:400; line-height:1.4em; letter-spacing:-0.04em;}
.expert_wrap .con_box .box .innr p.no {color:rgba(0, 0, 0, 0.4);}
.expert_wrap .con_box .box .innr p span {display:block; word-break:keep-all;}
.expert_wrap .con_box .box .innr .btn {overflow:hidden; position:relative; margin:0; padding:0; font-size:0; border:1px solid #959595; width:34px; height:34px;}
.expert_wrap .con_box .box .innr .btn i {position:absolute; top:50%; right:8px; width:16px; height:16px; margin-top:-8px; font-size:0}
.expert_wrap .con_box .box .innr .btn i:before {content:''; display:block; position:absolute; top:50%; left:50%; width:16px; height:2px; margin:-1px 0 0 -8px; background:#959595}
.expert_wrap .con_box .box .innr .btn i:after {content:''; display:block; position:absolute; top:50%; left:50%; width:2px; height:16px; margin:-8px 0 0 -1px; background:#959595}
.expert_wrap .con_box .box .innr img {position:absolute; right:60px; bottom:65px; width:50px;}

.expert_wrap .con_box .active .innr {*display:table-cell; vertical-align:middle; text-align:left; padding-left:40px; padding-right:40px;} 
.expert_wrap .con_box .active .innr h2 { margin:0 0 20px; color:#000; font-size:32px; font-weight:500; text-align:center;}
.expert_wrap .con_box .active .innr p {margin:0; color:rgba(0, 0, 0, 0.65); font-size:15px; font-weight:400; line-height:1.3em; letter-spacing:-0.05em; max-width:200px; }
.expert_wrap .con_box .active .innr p.no {text-align:center;}
.expert_wrap .con_box .active .innr p span {display:block; word-break:keep-all; margin-bottom:5px;}
.expert_wrap .con_box .active .innr p.time {margin:15px 0 0; color:#0631a0; letter-spacing:0; font-size:16px;}

.expert_wrap .con_box .active .innr img.ico {position:absolute; right:30px; bottom:115px; width:80px; z-index:-1; opacity:0.4;}
.expert_wrap .con_box .active .innr img.photo {position:absolute; right:-20px; bottom:-60px; width:200px; opacity:1; z-index:-1;}



.expert_wrap .con_box .active .innr .btn_wrap {margin:25px 0 0;}
.expert_wrap .con_box .active .innr .btn_wrap1 a {background:rgba(0, 0, 0, 0.03); border:1px solid rgba(0, 0, 0, 0.5); color:#555;  letter-spacing:-0.05em; padding:0 20px; font-size:15px; line-height:37px; font-weight:500; }
.expert_wrap .con_box .active .innr .btn_wrap1 a:hover {background:#fff; border:1px solid rgba(0, 0, 0, 1); color:#000;}

.expert_wrap .con_box .active .innr .btn_wrap a {background:#111; color:#fff; border:1px solid rgba(0, 0, 0, 0.2); letter-spacing:-0.05em; padding:0 20px; font-size:15px; line-height:37px; font-weight:300; }
.expert_wrap .con_box .active .innr .btn_wrap a:hover {background:#333;}
.expert_wrap .con_box .active .innr .btn_wrap a.highlight {background:#2d4a82; color:#fff; border:1px solid rgba(0, 0, 0, 0.1); font-weight:300;}
.expert_wrap .con_box .active .innr .btn_wrap a.highlight:hover {background:#526892;} 




.expert_wrap .con_box.circle .box {display:block;}
.expert_wrap .con_box.circle .active {display:none;}
.expert_wrap .con_box.circle:hover .box {display:none;}
.expert_wrap .con_box.circle:hover .active {display:block;}

.expert_wrap li:nth-child(1) .circle {z-index:10;}
.expert_wrap li:nth-child(2) .circle {z-index:9;}
.expert_wrap li:nth-child(3) .circle {z-index:8;}
.expert_wrap li:nth-child(4) .circle {z-index:7;}
.expert_wrap li:nth-child(5) .circle {z-index:6;}

.expert_wrap .con_box.circle {
	display:block;
	position:absolute; left:0; top:0; padding-top:80px;
	width: 100%;height: 100%;		
	text-decoration:none;		
	text-shadow:0 1px 0 rgba(255,255,255,.7);
	letter-spacing:-.065em;		
	-webkit-transition:all .25s ease-in-out;
	-o-transition:all .25s ease-in-out;
	-moz-transition:all .25s ease-in-out;
	transition: all .25s ease-in-out;
	box-shadow:2px 2px 7px rgba(0,0,0,.2);
	border-radius:300px;
	transition:all .3s ease; -webkit-transition:all .3s ease;
}
.expert_wrap .con_box.circle:hover {
	width:120%; height:120%; width:380px; height:380px; padding-top:60px; background:#fff;
	border:3px solid #000; z-index:15 !important;
	left:-10%; right:-10%; top:-10%; bottom:-10%;  z-index:10;
	-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,.3);
	-o-box-shadow: 5px 5px 10px rgba(0,0,0,.3);
	-moz-box-shadow: 5px 5px 10px rgba(0,0,0,.3);
	box-shadow: 5px 5px 10px rgba(0,0,0,.3);
}

.expert_wrap a.outline {position:absolute; top:0; bottom:0; left:0; right:0;  border:none; z-index:0;}
.expert_wrap .con_box .active .innr .btn_wrap {position:sticky; z-index:1;}

@media (max-width:1199px) {
	.expert_wrap .tit_wrap {margin:0 auto 50px auto;}
	.expert_wrap .tit_wrap h2 {font-size:42px; padding:0 45px;}
	.expert_wrap .tit_wrap h2:before, .expert_wrap .tit_wrap h2:after {width:25px; height:25px; margin-top:-12px;}
	.expert_wrap ul li {width:300px; height:300px;}
	.expert_wrap .circle {width:300px; height:300px;}
	.expert_wrap .con_box.circle {padding-top:60px;}
	.expert_wrap .con_box.circle:hover {width:360px; height:360px; padding-top:50px;}
	.expert_wrap .tit_box h2 {font-size:29px;}
	.expert_wrap .tit_box p {margin:10px 50px 30px;}
	.expert_wrap .tit_box:after {height:40px;}
	.expert_wrap .con_box .box .innr {padding-left:110px; padding-right:10px;}
}

@media (max-width:1100px) {
	.expert_wrap .tit_wrap h2 {font-size:38px; padding:0 42px;}
	.expert_wrap .tit_wrap h2:before, .expert_wrap .tit_wrap h2:after {width:24px; height:24px; margin-top:-12px;}
	.expert_wrap ul li {width:280px; height:280px;}
	.expert_wrap .circle {width:280px; height:280px;}
	.expert_wrap .tit_box h2 {font-size:27px;}
	.expert_wrap .tit_box p {margin:10px 50px 30px;}
	.expert_wrap .tit_box:after {height:30px;}
	.expert_wrap .con_box.circle {padding-top:55px;}
	.expert_wrap .con_box.circle:hover {width:340px; height:340px; padding-top:45px;}
	.expert_wrap .con_box .box .innr {padding-left:105px;} 
	.expert_wrap .con_box .box .innr h2 {font-size:25px;}
}

@media (max-width:1050px) {
	.expert_wrap .tit_wrap h2 {font-size:36px; padding:0 38px;}
	.expert_wrap .tit_wrap h2:before, .expert_wrap .tit_wrap h2:after {width:22px; height:22px; margin-top:-11px;}
	.expert_wrap ul li {width:270px; height:270px;}
	.expert_wrap .circle {width:270px; height:270px;}
	.expert_wrap .con_box.circle {padding-top:50px;}
	.expert_wrap .con_box.circle:hover {width:330px; height:330px; padding-top:40px;}
	.expert_wrap .con_box .box .innr {padding-left:100px; font-size:14px;} 
	.expert_wrap .con_box .box .innr h2 {font-size:24px;}
}

@media (max-width:1023px) {
	.expert_wrap {padding:50px 0;}
	.expert_con1, .expert_con3 {margin:0 10px;}
	.expert_con2 {margin:60px 10px;} 
	.expert_wrap ul {margin:0;}
	.expert_wrap ul li {width:100%; height:auto; margin-left:0 !important; margin-right:0 !important;}
	.expert_wrap .circle {position:relative; top:0; display:table; margin:0 auto; width:100%; height:auto; border-radius:0;}
	.expert_wrap .tit_box.circle {background-color:transparent !important;}
	.expert_wrap .tit_box.circle:after {display:none;}
	.expert_wrap .tit_box {margin:0 0 15px;}
	.expert_wrap .tit_box:after {content:''; display: block; clear:both;}
	.expert_wrap .tit_box h2 {margin:0 0 3px; font-size:24px; color:#000;}
	.expert_wrap .tit_box h2 strong {color:#e64545;}
	.expert_wrap .tit_box p {margin:0; font-size:14px; color:rgba(0, 0, 0, 0.75); line-height:1.3em;}
	.expert_wrap .tit_box p span {margin:0 0 2px;}

	.expert_wrap .con_box {position:relative; overflow:hidden; border-radius:0; box-sizing:border-box;}
	.expert_wrap .con_box.circle {padding-top:0;}
	.expert_wrap .con_box.circle .box {display:none;}
	.expert_wrap .con_box.circle .active {display:block;}

	.expert_wrap .con_box .active .innr {text-align:left; padding:23px 20px;} 
	.expert_wrap .con_box .active .innr h2 {margin:0 0 5px; font-size:20px; font-weight:500; text-align:left; color:#000;}
	.expert_wrap .con_box .active .innr p {font-size:14px; max-width:230px; max-width:100%;}
	.expert_wrap .con_box .active .innr p.time {margin:8px 0 0; font-size:14px; color:#7a4220;}

	.expert_wrap .con_box .active .innr img.ico {right:20px; bottom:20px; width:60px;}
	.expert_wrap .con_box .active .innr img.photo {right:0px; top:10px; bottom:auto; width:150px;}
	.expert_wrap .con_box .active .innr img.photo.singong {width:150px; top:auto; bottom:0;}
	.expert_wrap .con_box .active .innr img.photo.bluestar {width:160px; top:auto; bottom:0;}
	.expert_wrap .con_box .active .innr img.photo.pppp1245 {width:150px; top:auto; bottom:0;}
	.expert_wrap .con_box .active .innr img.photo.ceo {width:240px; top:auto; bottom:-20px; right:0;}
	

	.expert_wrap .con_box .active .innr .btn_wrap {margin:15px 0 0; text-align:left; }
	.expert_wrap .con_box .active .innr .btn_wrap a {font-size:14px; line-height:35px; font-weight:500;}
	.expert_wrap .con_box .active .innr .btn_wrap a.highlight {font-weight:500;}

	.expert_wrap .con_box.circle {
		display:block; position:relative; left:0; top:0; width:auto; height:auto;
		text-align:left; text-shadow:none; letter-spacing:-.065em; box-shadow:none; border-radius:0;
	}
	.expert_wrap .con_box.circle:hover {
		width:auto; height:auto; border:none; left:0; right:0; top:0; bottom:0; padding-top:0;
		-webkit-box-shadow:none; -o-box-shadow:none; -moz-box-shadow:none; box-shadow:none;
	}
	.expert_wrap .con_box.circle {min-width:300px; max-width:500px;}
	.expert_wrap .expert_con1 .con_box.circle, 
	.expert_wrap .expert_con2 .con_box.circle,
	.expert_wrap .expert_con3 .con_box.circle,
	.expert_wrap .expert_con4 .con_box.circle {background:#fff;}
}
@media (max-width:767px) {
	.expert_wrap {padding:50px 0 30px;}
}
@media (min-width:1024px) {

	.expert_wrap .expert_con1 .con_box .active .innr p.time {color:#2d1207;}
	.expert_wrap .expert_con1 .con_box .active .innr .btn_wrap a.highlight {background:#7f4414;}
	.expert_wrap .expert_con1 .con_box .active .innr .btn_wrap a.highlight:hover {background:#9e6639;} 

	.expert_wrap .expert_con2 .con_box .active .innr p.time {color:#113a76;}
	.expert_wrap .expert_con2 .con_box .active .innr .btn_wrap a.highlight {background:#2658a0;}
	.expert_wrap .expert_con2 .con_box .active .innr .btn_wrap a.highlight:hover {background:#3a77cf;} 

	.expert_wrap .expert_con3 .con_box .active .innr p.time {color:#2f410a;}
	.expert_wrap .expert_con3 .con_box .active .innr .btn_wrap a.highlight {background:#4e8852;}
	.expert_wrap .expert_con3 .con_box .active .innr .btn_wrap a.highlight:hover {background:#6e9770;}

	.expert_wrap .expert_con4 .con_box .active .innr p.time {color:#87282e;}
	.expert_wrap .expert_con4 .con_box .active .innr .btn_wrap a.highlight {background:#ce535b;}
	.expert_wrap .expert_con4 .con_box .active .innr .btn_wrap a.highlight:hover {background:#d4777d;}


	.expert_wrap .con_box .box .innr {position:relative; height:170px; display:table; vertical-align:top;}
	.expert_wrap .con_box .box .innr p {margin:20px 10px 30px 0;}
	.expert_wrap .con_box .box .innr .btn {position:absolute; bottom:0;}
	.expert_wrap .con_box .box .innr img  {position:absolute; bottom:0; right:50px;}

	.expert_wrap .con_box .active {position:relative; top:0; left:0; bottom:0; right:0;}
	.expert_wrap .con_box .active .innr {display:table; width:100%; height:230px; vertical-align:top;}
	.expert_wrap .con_box .active .innr .btn_wrap {position:absolute; left:0; bottom:0; right:0;}

	.expert_wrap .con_box .active .innr img.ico {right:30px; bottom:55px; width:60px;}
	.expert_wrap .con_box .active .innr img.photo {right:-30px; bottom:-60px; width:170px;}
	.expert_wrap .con_box .active .innr img.photo.singong {width:190px;}
	.expert_wrap .con_box .active .innr img.photo.ceo {width:250px; bottom:-50px;}
	.expert_wrap .con_box .active .innr img.photo.bluestar {width:200px;}
	.expert_wrap .con_box .active .innr img.photo.pppp1245 {width:190px; bottom:-50px; right:-45px;}
	.expert_wrap .con_box .active .innr img.photo.toptrader {width:180px; right:0;}
	.expert_wrap .con_box .active .innr img.photo.point {width:180px; right:-10px;}

	.expert_wrap .con_box .active .innr p {font-size:14.5px; max-width:190px;}
	.expert_wrap .con_box .active .innr p.time {margin:10px 0 0; font-size:15.5px;}
}

@media (min-width:1200px) {
	.expert_wrap .expert_con2 .tit_box p {margin:15px 70px 30px;}
	.expert_wrap .tit_box p {font-size:16px;}
	.expert_wrap .con_box .box .innr {height:190px;}
	.expert_wrap .con_box .box .innr h2 {font-size:27px; line-height: 1.2em;}
	.expert_wrap .con_box .box .innr p {margin:15px 0 30px; font-size:16px;}
	.expert_wrap .con_box .box .innr img  {right:60px;}

	.expert_wrap .con_box .active .innr {height:250px;}
	.expert_wrap .con_box .active .innr p {font-size:15px; max-width:200px;}
	.expert_wrap .con_box .active .innr p.time {margin:15px 0 0; font-size:16px;}

	.expert_wrap .con_box .active .innr img.ico {right:40px; bottom:50px; width:80px;}
	.expert_wrap .con_box .active .innr img.photo {right:-20px; bottom:-60px; width:200px;}
	.expert_wrap .con_box .active .innr img.photo.singong {width:210px; right:-10px;}
	.expert_wrap .con_box .active .innr img.photo.ceo {width:300px; bottom:-60px;}
	.expert_wrap .con_box .active .innr img.photo.bluestar {width:220px; right:-20px;}
	.expert_wrap .con_box .active .innr img.photo.pppp1245 {width:220px; bottom:-55px; right:-45px;}
	.expert_wrap .con_box .active .innr img.photo.toptrader {width:200px; bottom:-63px; right:0;}
	.expert_wrap .con_box .active .innr img.photo.point {width:200px; right:0; bottom:-63px;}

}



.m_expert_wrap {display:none; position:relative; padding:50px 0;}
.m_expert_wrap .con_box {position:relative;}
.m_expert_wrap .con_box:after {content:''; display: block; clear:both;}


.m_expert_wrap .tit_box {position:relative; margin:0 0 20px; text-align:center;}
.m_expert_wrap .tit_box:after {content:''; display: block; clear:both;}
.m_expert_wrap .tit_box h2 {margin:0 0 5px; color:#000; font-size:29px; font-weight:500; line-height:1.3em; letter-spacing:-0.04em;}
.m_expert_wrap .tit_box h2 strong {color:#e64545; font-weight:700;}
.m_expert_wrap .tit_box p {margin:0; font-size:15px; color:rgba(0, 0, 0, 0.75); line-height:1.3em; letter-spacing:-0.03em;}
.m_expert_wrap .tit_box p span {display:block; word-break:keep-all;}

.m_expert_wrap .w-gallery {position:relative; max-width:800px; max-height:750px; margin:20px auto 0 auto;}

.m_expert_wrap .photo_box {background:#fff; display:block; *height:400px; *overflow:hidden;}

.m_expert_wrap .innr {text-align:center; margin:15px 0 0; padding:0;} 
.m_expert_wrap .innr h2 {margin:0 0 5px; font-size:19px; font-weight:500; color:#000;}
.m_expert_wrap .innr p {color:#444; font-size:15px; font-weight:400; line-height:1.3em; letter-spacing:-0.04em; word-break:keep-all;}
.m_expert_wrap .innr p.time {margin:8px 0 0; font-size:14px; color:#7a4220;}

.m_expert_wrap .btn_wrap {margin:15px 0 0; }
.m_expert_wrap .btn_wrap a {font-size:15px; line-height:35px; font-weight:500; width:80px; padding:0; background:#e64545; color:#fff; border:1px solid rgba(0, 0, 0, 0.2); letter-spacing:-0.05em; font-weight:400;}
.m_expert_wrap .btn_wrap a:hover {background:#e46060;}
.m_expert_wrap .btn_wrap a.highlight {background:#2d4a82; color:#fff; border:1px solid rgba(0, 0, 0, 0.1); font-weight:400;}
.m_expert_wrap .btn_wrap a.highlight:hover {background:#526892;}


@media (max-width:1023px) {
	.expert_wrap {display:none;}
	.m_expert_wrap {display:block; background-image:url("/images/expert_bg.gif"); *padding:50px 0;}
	.m_expert_wrap .tit_box {margin: 0 0 30px;}
	.m_expert_wrap .tit_box h2 {margin:0 0 5px; font-size:29px; font-weight:500; line-height:1.5em; letter-spacing:-0.03em;}	
	.m_expert_wrap .tit_box p {font-size:16px; }
}

@media (max-width:767px) {
	.m_expert_wrap .tit_box {margin: 0 0 25px;}
	.m_expert_wrap .tit_box h2 {font-size:27px;}	
	.m_expert_wrap .tit_box p {font-size:15px;}
	.m_expert_wrap .con_box:last-child {*margin-bottom:40px;}
}

@media (max-width:560px) {
	.m_expert_wrap .con_box:last-child {*margin-bottom:0;}
}



/* 타이틀 */
.title_wrap {position:relative; margin:0 auto 45px; max-width:1200px; width:100%; padding:0 40px; box-sizing:border-box; font-family:'Noto Sans KR','Noto Sans SC',sans-serif; text-align:center; }
.pageTit {display:block; font-size: 45px; font-weight:500; color:#000; letter-spacing:-2px; line-height: 1.2em;}
.pageText {display:block; font-size:17px; font-weight:400; color:#666; letter-spacing:-1px; line-height:1.3em; margin-top:10px;}
.pageText span {display:block; word-break:keep-all;}
.sp-bul {text-indent:-9999px; overflow:hidden; background-image:url("/images/common/bul.png"); background-repeat:no-repeat; background-size:250px 250px}
@media (max-width:767px) {
	.subtit_wrap {margin:0 0 15px;}
	.sub_tit {margin-bottom:7px; padding-left:25px; font-size:18px;}
	.sub_tit:before {content:''; background:url('/images/common/bul.png') -50px 0 no-repeat; background-size:250px 250px; width:20px; height:20px; margin-top:-10px;}
	.sub_tit_t {font-size:14px;}
	.sotit {margin:0 0 8px; font-size:14px;}
}
@media (max-width:1023px) {
	.title_wrap {margin-bottom:30px; padding:0;}
	.pageTit {font-size:34px; word-break:keep-all;}
	.pageText {font-size:15px;}
}
@media (max-width:767px) {
	.pageTit {font-size:28px;}
}
@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
    .sp-ico {*background-image:url("/images/common/sp-icons@2x.png"); background-size:300px 250px}
}
.subtit_wrap {margin:0 0 20px;}
.sub_tit {margin-bottom:10px; padding-left:35px; font-size:21px; font-weight:600; position:relative; letter-spacing:-0.03em;}
.sub_tit:before {content:'';background:url('/images/common/bul.png') 0 0 no-repeat; width:25px; height:25px; position:absolute; background-size:250px 250px; left:0; top:50%; margin-top:-12px;}
.sub_tit_t {font-size:15px; color:#555; letter-spacing:-0.03em;}
.sotit {margin:0 0 10px; font-size:16px;  letter-spacing:-0.03em; color:#222;}
.sotit strong {font-weight:500; color:#000;}
@media (max-width:767px) {
	.sotit {margin:0 0 8px; font-size:15px;}
}



.path_wrap {position:relative; width:100%; *height:30px; margin:0 0 10px;}
.path_wrap .path {*position:absolute; *width:300px; *height:15px; right:0px; *top:35px; *border-bottom:solid 1px #eaeaea; text-align:right; color:#777; font-size:14px; letter-spacing:-0.02em; font-weight:400;}
.path_wrap .path a {color:#757575;}
.path_wrap .path a:hover {text-decoration: underline;} 
.path_wrap .path span {}
.path_wrap .path span.s_txt1 {font-size:12px; margin-left:3px; margin-right:3px; color:#959595; font-family:NanumSquare,nanumbarungothic,"Nanum Gothic","맑은 고딕",돋움,Dotum,sans-serif;}
.path_wrap .path span.s_txt2 {font-weight:500; color:#121212;}

@media (min-width:1024px) {
	.path_wrap {margin:0 0 15px;}
}

/* 페이지 대표 설명 */
.infoImageBox {
    position:relative; min-height:80px; box-sizing:border-box;
    padding:30px 50px; background-color:#f7f7f7;
    *background: url(../type/KOR_A/img/open/open_info1_bg.jpg) no-repeat center;
    background-size:cover; ;
}
.infoImageBox:after {content:''; display: block; clear:both;}
.infoImageBox h3 {font-size:16px; font-weight:500; color:#eb1c00; text-align:left; margin:0 0 7px;}
.infoImageBox h4 {font-size:15px; font-weight:500; color:#000; text-align:left;}
.infoImageBox p {word-break:keep-all; line-height:1.3em; color:#555; font-size:15px;}
.infoImageBox li {text-align:left; color:#555; letter-spacing:-0.03em; line-height:1.3em; margin:0 0 3px;} 
.infoImageBox li:last-child {margin-bottom:0;}
.infoImageBox ol {padding-left:1.2em;}
.infoImageBox ol li {list-style-position:inside; list-style: decimal;}

.infoImageBox .left {float:left; margin-right:40px; text-align:center;}
.infoImageBox .right {}

@media (max-width:1023px) {
	.infoImageBox {min-height:auto; padding:25px 20px;}
	.infoImageBox .left {float:none; margin-right:0;}
	.infoImageBox li {font-size:14px;}
	.infoImageBox p {font-size:14px;}
}

@media (max-width:767px) {
	.infoImageBox {padding:25px 10px;}
	.infoImageBox h3 {font-size:15px; margin:0 0 5px;}
	.infoImageBox li {font-size:13px;}
}


/* 로그인 */
.login-form {max-width:500px; margin:0 auto;}
.login-form input[type="text"], .login-form input[type="password"] {height:54px;}
.login-form input::placeholder {font-size:16px;}
.login-form input[type="text"]:focus, .login-form input[type="password"]:focus {outline:none; border:1px solid #3c3c3c;}
.login-form .form-group {margin-bottom:12px;}
.login-form .remember-id {margin-bottom:18px;}
.login-form .login-button {position:relative;}
.login-form .login-button button {display:block; width:100%; line-height:50px; font-size:18px; font-weight:500; background:#7c4321; color:#fff;}
.login-form .form-captch {}
.login-form .form-captch img {height:30px !important;}
.login-form .form-captch button {height:30px !important;}
.login-form .form-captch input[type="text"] {height:30px !important; max-width:calc(100% - 240px);}

@media (max-width:767px) {
	.login-form {padding:0 5px;}
	.login-form input[type="text"], .login-form input[type="password"] {height:46px;}
	.login-form input::placeholder {font-size:14px;}
	.login-form .form-group {margin-bottom:10px;}
	.login-form .remember-id {margin-bottom:15px;}
	.login-form .login-button button {line-height:44px; font-size:16px;}
}


/* 회원가입 */
.member-register {max-width:680px; margin:0 auto;}
.member-register .btn_wrap {}
.step_wrap {border:1px solid #3c3c3c;}
.step_wrap ul {}
.step_wrap ul li {width:33.3%; float:left; display:table; padding:17px 20px; box-sizing:border-box; font-size:13px; line-height:1.3em; letter-spacing:-0.04em; border-right:1px solid #3c3c3c; word-break:keep-all; color:#777;}
.step_wrap ul li:last-child {border-right:none;;}
.step_wrap ul li span {display:block; font-size:15px; margin-top:3px;}
.step_wrap ul li.active {background:#824d2d; color:#000; color:#fff; font-weight:500; }
.register-from {}
.register-from input[type="text"], .register-from input[type="password"] {height:54px;}

.register-from {margin-top:6px; padding:0;}
.register-from .radio-area {box-sizing:border-box;}
.register-from .radio-area li {height:52px; box-sizing:border-box;}
.register-from .radio-area li + li {border-left:1px solid #e0e0e0;}
.register-from .radio-area li label {height:52px; line-height:52px}
.register-from .radio-area li label:after {height:52px;}
.register-from .radio-area input[type="radio" i] {font-size:0;}

.register-terms {margin:50px 0 0;}
.register-terms .form-item {padding:60px 0 44px; border-top: solid 1px #e4e4e4;}
.register-terms .form-item:last-child {padding:60px 0 30px;}
.register-terms .terms-area {height:200px; padding:25px 30px; background-color:#f6f6f6; color:#333; font-size:14px; line-height:1.5em; overflow-y:scroll; margin-top:20px; margin-bottom:20px;}

@media (max-width:1023px) {
	.register-from input[type="text"], .register-from input[type="password"] {height:46px;}
	.register-from .radio-area {height:46px;}
	.register-from .radio-area li {height:46px;}
	.register-from .radio-area li label {height:44px; line-height:44px}
	.register-from .radio-area li label:after {height:44px;}
}

@media (max-width:767px) {
	.step_wrap ul li {padding:20px 17px; font-size:11px;}
	.step_wrap ul li span {font-size:14px;}
	.register-terms .terms-area {height:200px; padding:25px 20px;}
}

@media (max-width:450px) {
	.step_wrap ul li {width:100%; float:none; padding:13px 20px; border-right:none; border-bottom:1px solid #3c3c3c;}
	.step_wrap ul li:last-child {border-bottom:none;}
	.step_wrap ul li span {display:inline; font-size:14px; margin-top:3px; margin-left:15px;}
}





/* ID/PW 찾기 */
.find_idpw_wrap {max-width:680px; margin:0 auto;}
.find_idpw_wrap .form-item {background-color:#f6f6f6; border-top:solid 1px #aaa; border-bottom:solid 1px #e4e4e4; padding:30px 40px; margin-bottom:60px;}
.find_idpw_wrap .form-item:last-child {margin-bottom:0;}
.find_idpw_wrap .form-item .sotit {margin-bottom:15px; line-height:1.4em; word-break:keep-all;}
.find_idpw_wrap .form-group {margin-bottom:12px;}
.find_idpw_wrap .btn_wrap {margin-top:25px;}

@media (max-width:767px) {
	.find_idpw_wrap .form-group {margin-bottom:10px;}
}

/* 회원탈퇴 */
.member_leave_wrap {max-width:680px; margin:0 auto;}
.membership.btn_wrap a, .membership.btn_wrap button {padding:5px 40px; font-size:14px; line-height:32px;}
@media (max-width:1023px) {
	.membership.btn_wrap a, .membership.btn_wrap button{padding:5px 30px; line-height:28px;}
}

/* service */
.privacy-wrap {margin-top:20px; line-height:1.7;}
.privacy-item {border-bottom:1px solid #e4e4e4; padding:120px 20px 60px 20px; margin-top:-120px;}
.privacy-item:first-child {padding-top:0; margin-top:0;}
.privacy-item:last-child {border-bottom:none; padding-bottom:0;} 
.privacy-item>.tit {display:block; font-size:23px; font-weight:600; color: #010000; margin-top:60px; margin-bottom:10px; letter-spacing:-0.04em;}
.privacy-item .sub-tit-lg {font-size:16px; color: #666; margin:20px 0 10px;}
.privacy-item .txt-cont {color:#666; padding:0 20px; font-size:15px; letter-spacing:-0.03em;}
.privacy-item .txt-cont p {margin-bottom:0;}
.privacy-item .tit-cont {color:#666; padding:0; font-size:15px;}
.privacy-item .tit-cont p {margin-bottom:0;}
.privacy-item .sub-tit {display:block; font-weight:500; margin:10px 0 10px 0; color:#333;  font-size:17px; letter-spacing:-0.03em;}
.privacy-item .sub-tit::before {display:inline-block; content:'';  width:14px; height:14px; background:#824d2d; border-radius:50%; margin-right:8px;}
.privacy-item .list-cont {color:#666; padding:0; font-size:15px; letter-spacing:-0.03em; } 
.privacy-item .list-cont p {color:#666; line-height:1.5em; margin-bottom:10px;}
.privacy-item .list-cont p::before {display:inline-block; content:'';  width:10px; height:10px; background:#cacaca; border-radius:50%; margin-right:10px;}
.privacy-item .list-cont p:last-child {margin-bottom:0;}
@media (max-width:1023px) {
	.privacy-wrap {line-height:1.6;}
	.privacy-item {padding:125px 15px 40px 15px; margin-top:-125px;}
	.privacy-item>.tit {font-size:19px; margin-top:50px; }
}
@media (max-width:767px) {
	.privacy-wrap {line-height:1.5;}
	.privacy-item {padding:125px 10px 40px 10px; margin-top:-125px;}
	.privacy-item>.tit {font-size:18px;margin-top:40px; letter-spacing:-0.03em;}
	.privacy-item .sub-tit-lg {font-size:15px; margin-top:15px;}
	.privacy-item .sub-tit {font-size:15px;}
	.privacy-item .sub-tit::before {width:13px; height:13px; margin-right:6px;}
	.privacy-item .txt-cont {font-size:14px;}
	.privacy-item .tit-cont {font-size:14px;}
	.privacy-item .list-cont {font-size:14px;} 
	.privacy-item .list-cont p {margin-bottom:7px;}
}
.privacy-item .board_teble  {display:block; width:100%; overflow-x:auto; -webkit-overflow-scrolling: touch;}
.privacy-item .board_teble {width:100%; margin-bottom:15px;}



/* 로얄로더 이용안내 */
.guide_wrap {}
.guide_wrap .box_con1 {max-width:1200px; margin:0 auto; position:relative;}
.guide_wrap .box_con1:after {content:''; display:block; clear:both;}  
.guide_wrap .box_con1 .tit { margin:0 0 20px;}
.guide_wrap .box_con1 .tit h2 {font-size:18px; color:#000; font-weight:500; letter-spacing:-0.03em; padding-top:0;}
.guide_wrap .box_con1 .tit h2 span {display:block; line-height:1.5em;}
.guide_wrap .box_con1 .tit h2 strong {display:block; color:#00536c; font-weight:500;}
.guide_wrap .box_con1 .tit h2 b {color:#824d2d; font-weight:500;}
.guide_wrap .box_con1 .logo {width:200px; margin:30px 0 20px;}
.guide_wrap .box_con1 .img {position:absolute; top:0; right:0; width:230px; z-index:-1;}
.guide_wrap .box_con1 .con {display:block; margin-bottom:20px;}
.guide_wrap .box_con1 .con:after {content:''; display: block; clear:both;} 
.guide_wrap .box_con1 .con:last-child {margin-bottom:0;}
.guide_wrap .box_con1 .con h2 {font-weight:500; font-size:18px; letter-spacing:-0.02em;}
.guide_wrap .box_con1 .con h3 {font-weight:500; font-size:16px;}
.guide_wrap .box_con1 .con h4 {font-weight:400; font-size:15px;}

.guide_wrap .box_con1 .con p {display:table; font-size:14px; color:#3b3b3b; line-height:1.5em; word-break:keep-all; }
.guide_wrap .box_con1 .con p.clr {height:10px;}
.guide_wrap .box_con1 .con p.clr_m {height:5px;}
.guide_wrap .box_con1 .con strong {font-weight:500;}
.guide_wrap .box_con1 .con .bg_txt {display:table; margin-top:3px;}
.guide_wrap .box_con1 .con .sain {margin:15px 0 0;}
.guide_wrap .box_con1 .con .sain img {width:120px;}

.guide_wrap .box_con2 {margin:0 -10px; padding:0 10px; background-color:rgba(0, 0, 0, 0.02); }
.guide_wrap .box_con2:after {content:''; display: block; clear:both;} 
.guide_wrap .box_con2 .inner {max-width:1200px; margin:50px auto; padding:50px 0; position:relative;}
.guide_wrap .box_con2 .inner:after {content:''; display: block; clear:both;} 
.guide_wrap .box_con2 .tit {margin:0;}
.guide_wrap .box_con2 .tit h2 {margin:0 0 10px; font-size:18px; color:#000; font-weight:500; letter-spacing:-0.03em; padding-top:0;}
.guide_wrap .box_con2 .tit h2 strong {font-weight:500; color:#ff2a00;}
.guide_wrap .box_con2 .tit p {font-size:14px; color:#333; line-height:1.5em; letter-spacing:-0.03em; padding:2px 0; word-break:keep-all;}
.guide_wrap .box_con2 .btn {display:block; margin:20px 0 0; padding:0;}
.guide_wrap .box_con2 .btn a {
	display:inline-block; position:relative; font-weight:500; color:#222; font-size:14px; line-height:25px; vertical-align:middle; border:1px solid #222;
	letter-spacing:-0.03em; padding:6px 35px 6px 15px; box-sizing:border-box;
	transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.guide_wrap .box_con2 .btn a i {position:absolute; top:50%; right:8px; margin-top:-10px; width:20px; height:20px; line-height:20px; font-size:17px;}
.guide_wrap .box_con2 .btn a i:before {content:'\f105';  font-family:'FontAwesome'; }
.guide_wrap .box_con2 .btn a:hover {background:#222; color:#fff;}
.guide_wrap .box_con2 .img {width:320px; margin:0 auto 20px auto;}

.guide_wrap .box_con3 {max-width:1100px; margin:0 auto;}
.guide_wrap .box_con3:after {content:''; display: block; clear:both;} 
.guide_wrap .box_con3 ul {margin:-10px;}
.guide_wrap .box_con3 ul li {float:left; width:25%; padding:10px; box-sizing:border-box; text-align:center;}
.guide_wrap .box_con3 ul li img {display:block; margin:0 auto 10px auto;}
.guide_wrap .box_con3 ul li p {
	display:inline-block; position:relative;  font-weight:500; color:#035467; font-size:15px; line-height:24px; vertical-align:middle; border:1px solid #035467; border-radius:0;
	letter-spacing:-0.01em; padding:7px 35px 7px 15px; box-sizing:border-box;
	transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.guide_wrap .box_con3 ul li p i {position:absolute; top:50%; right:8px; margin-top:-10px; width:20px; height:20px; line-height:20px; font-size:21px; *color: #29343b;}
.guide_wrap .box_con3 ul li p i:before {content:'\f105';  font-family:'FontAwesome';}
.guide_wrap .box_con3 ul li a:hover p {background:#035467; color:#fff;}


@media (max-width:1023px) {
	.guide_wrap .box_con3 ul li img {max-width:140px; margin:0 auto 10px auto;}
	.guide_wrap .box_con3 ul li p {display:block; font-size:14px; padding:5px 35px 5px 15px; max-width:160px; margin:0 auto;}
}
@media (max-width:767px){
	.guide_wrap .box_con1 .tit h2 {font-size:18px; letter-spacing:-0.03em;}
	.guide_wrap .box_con1 .tit h2 strong {font-weight:500; margin-bottom:3px; font-size:19px; line-height:1.3em;}
	.guide_wrap .box_con1 .logo {width:180px; margin:40px 0 20px;}
	.guide_wrap .box_con1 .img {filter:alpha(opacity=50); opacity:0.6; width:190px;}

	
	.guide_wrap .box_con2 .tit span.sain img {width:100px;}
	.guide_wrap .box_con2 .tit h2 {font-size:18px; letter-spacing:-0.03em;}
	.guide_wrap .box_con2 .btn a {background:#222; color:#fff;}

	.guide_wrap .box_con3 ul li {width:50%; padding:10px;}
	.guide_wrap .box_con3 ul li img {max-width:100px; margin:0 auto 10px auto;}
	.guide_wrap .box_con3 ul li p {font-size:14px; padding:5px 35px 5px 15px;}
	.guide_wrap .box_con3 ul li p i {font-size:18px;}

}

@media (max-width:560px){
	.guide_wrap .box_con1 .tit h2 {font-size:17px; letter-spacing:-0.02em;}
	.guide_wrap .box_con1 .tit h2 strong {font-weight:500; margin-bottom:3px; font-size:18px;}
	.guide_wrap .box_con1 .logo {width:170px; margin:30px 0 20px;}
	.guide_wrap .box_con1 .img {width:150px; right:-10px; top:5px;}

	.guide_wrap .box_con2 .tit h2 {font-size:17px; letter-spacing:-0.02em;}
	.guide_wrap .box_con2 .img {width:300px; margin:0 auto 10px auto;}

}
@media (max-width:400px){
	.guide_wrap .box_con1 .logo {width:150px;}
	.guide_wrap .box_con1 .con p {word-break:break-all;}
}


@media (min-width:768px) {
	.guide_wrap .box_con1 {margin:0 auto;}
	.guide_wrap .box_con1 .tit h2 {font-size:21px; letter-spacing:-0.04em;}
	.guide_wrap .box_con1 .logo {width:260px; margin:30px 0 20px;}
	.guide_wrap .box_con1 .img {position:absolute; top:0; right:0; width:300px;}
	.guide_wrap .box_con1 .con.w1 {width:60%; max-width:600px;}
	.guide_wrap .box_con1 .con p.clr {height:15px;}
	.guide_wrap .box_con1 .con .sain img {width:150px;}

	.guide_wrap .box_con2 {margin:70px -10px;}
	.guide_wrap .box_con2 .inner {margin:0 auto; padding:60px 0;}

	.guide_wrap .box_con2 .tit {width:56%; float:left;  margin:0;}
	.guide_wrap .box_con2 .img {width:38%; float:right; margin:0;}

	.guide_wrap .box_con2 .tit h2 {font-size:21px; letter-spacing:-0.04em;}
	.guide_wrap .box_con2 .tit p {font-size:15px;}

	.guide_wrap .box_con2 .btn {margin:20px 0 0;  text-align:left;}
	.guide_wrap .box_con2 .btn a {font-size:15px; line-height:28px; padding:6px 35px 6px 15px;}
	.guide_wrap .box_con2 .btn a i {font-size:18px;}

	.guide_wrap .box_con2 .img img {width:100%;}



	
}
@media (min-width:1024px) {
	.guide_wrap {margin-top:50px;}
	.guide_wrap .box_con1 .tit h2 {font-size:23px;letter-spacing:-0.05em;}
	.guide_wrap .box_con1 .tit h2 strong {font-size:25px; letter-spacing:-0.06em; margin-bottom:3px;}
	.guide_wrap .box_con1 .logo {width:250px; margin:30px 0 20px;}
	.guide_wrap .box_con1 .img {width:430px;}
	.guide_wrap .box_con1 .con {margin-bottom:25px;}
	.guide_wrap .box_con1 .con h2 {font-size:20px;}
	.guide_wrap .box_con1 .con h3 {font-size:18px;}
	.guide_wrap .box_con1 .con h4 {font-size:16px;}
	.guide_wrap .box_con1 .con p {font-size:15px;}
	.guide_wrap .box_con1 .con p.clr {height:20px;}
	
	.guide_wrap .box_con1 .con.w1, .guide_wrap .box_con1 .con.w2 {width:55%; max-width:550px;}
	.guide_wrap .box_con1 .con .sain img {width:160px;}

	.guide_wrap .box_con2 {margin:90px -10px 80px;}
	.guide_wrap .box_con2 .inner {padding:80px 0;}
	.guide_wrap .box_con2 .tit h2 {font-size:25px;letter-spacing:-0.05em;  margin:0 0 15px;}
	.guide_wrap .box_con2 .tit p {font-size:15px;}
	.guide_wrap .box_con2 .btn {margin:30px 0 0;}
	.guide_wrap .box_con2 .btn a {font-size:16px; line-height:30px;  padding:7px 35px 7px 15px;}
	.guide_wrap .box_con2 .btn a i {font-size:19px;}

}

@media (min-width:1200px) {
	.guide_wrap {margin-top:80px;}
	.guide_wrap .box_con1 .tit h2 {font-size:27px;}
	.guide_wrap .box_con1 .tit h2 strong {font-size:29px; letter-spacing:-0.06em;}
	.guide_wrap .box_con1 .logo {width:280px; margin:40px 0 30px;}
	.guide_wrap .box_con1 .img {width:500px;}

	.guide_wrap .box_con1 .con {margin-bottom:25px;}
	.guide_wrap .box_con1 .con.w1, .guide_wrap .box_con1 .con.w2 {width:60%; max-width:650px;}
	.guide_wrap .box_con1 .con h2 {font-size:22px;}
	.guide_wrap .box_con1 .con h3 {font-size:19px;}
	.guide_wrap .box_con1 .con h4 {font-size:17px;}
	.guide_wrap .box_con1 .con p {font-size:16px;}
	.guide_wrap .box_con1 .con p.clr {height:20px;}
	.guide_wrap .box_con1 .con .sain img {width:auto;}
	.guide_wrap .box_con2 {margin:100px -10px 80px;}
	.guide_wrap .box_con2 .tit h2 {font-size:27px;}
	.guide_wrap .box_con2 .tit p {font-size:16px;}

	.guide_wrap .box_con3 ul li p {padding:7px 40px 7px 20px; min-width:150px;}
}





/*
.guide_wrap .box_con2 {margin:140px -15px 0; padding:80px 10px; background-color:rgba(0, 0, 0, 0.02); }
.guide_wrap .box_con2 .step_list {max-width:1200px; margin:0 auto;}
.guide_wrap .box_con2 .list {float:left; width:25%; text-align:center}
.guide_wrap .box_con2 .list .circle {position:relative; top:0; display:table; margin:0 auto; width:210px; height:210px; border-radius:100%; opacity:1;}
.guide_wrap .box_con2 .list .circle:after {content:''; display:block; position:absolute; top:50%; left:210px; transform:translateY(-50%); width:90px; height:16px; background:url('/images/common/arrow.png') no-repeat right 0}
.guide_wrap .box_con2 .list:last-child .circle:after {display:none}
.guide_wrap .box_con2 .list:nth-child(1) .circle {background:#6b6b6b}
.guide_wrap .box_con2 .list:nth-child(2) .circle{background:#98825d}
.guide_wrap .box_con2 .list:nth-child(3) .circle{background:#54a922}
.guide_wrap .box_con2 .list:nth-child(4) .circle{background:#007032}
.guide_wrap .box_con2 .list .circle div {display:table; width:100%; height:100%;}
.guide_wrap .box_con2 .list .circle p {display:table-cell; font-weight:700; font-size:20px; line-height:1.4em; color:#fff; vertical-align:middle}
.guide_wrap .box_con2 .list .circle p span {display:block; font-size:16px; font-weight:400; letter-spacing:0;}
.guide_wrap .box_con2 .list .txt {position:relative; padding: 0 15px; margin-top:20px; font-size:15px; line-height:1.5em; color:#666;  letter-spacing:-0.05em; }
.guide_wrap .box_con2 .list .txt strong {display:block; font-weight:500; color:#000; font-size:17px; margin-bottom:3px;}
@media (max-width:1199px){ 
	.guide_wrap .box_con2 {margin:120px -15px 0; padding:70px 10px;}
	.guide_wrap .box_con2 .list .circle {width:160px; height:160px;}
	.guide_wrap .box_con2 .list .circle p {font-weight:600; font-size:19px; line-height:1.4em; letter-spacing:-0.6px; vertical-align:middle;}
	.guide_wrap .box_con2 .list .circle p span {font-size:15px;}
	.guide_wrap .box_con2 .list .circle:after {left:160px; width:40px; height:16px; background-size:45px auto;}
	.guide_wrap .box_con2 .list .txt {margin-top:15px; padding: 0 10px; font-size:14.5px; vertical-align:middle;}
	.guide_wrap .box_con2 .list .txt strong {font-size:15px;}
	.guide_wrap .box_con3 {margin:60px 0 0;}
}
@media (max-width:991px){ 
	.guide_wrap .box_con2 {margin:70px -10px 0; padding:50px 10px;}
	.guide_wrap .box_con2 .list .circle {width:125px; height:125px;}
	.guide_wrap .box_con2 .list .circle p {font-size:15px;}
	.guide_wrap .box_con2 .list .circle p span {font-size:13px;}
	.guide_wrap .box_con2 .list .circle:after {left:125px;}
	.guide_wrap .box_con2 .list .txt {margin-top:10px; font-size:13px;}
	.guide_wrap .box_con2 .list .txt strong {font-size:14px;}
	.guide_wrap .box_con3 {margin:50px 0 0;}
	.guide_wrap .box_con3 ul li p {font-size:15px;}
}

@media (max-width:767px){
	.guide_wrap .box_con2 .list {float:none; display:table; width:100%; text-align:left; margin-top:15px;}
	.guide_wrap .box_con2 .list:first-child {margin-top:0;}
	.guide_wrap .box_con2 .list .circle {display:table-cell; top:0; width:100px; height:100px; text-align:center; vertical-align: middle;}
	.guide_wrap .box_con2 .list .circle:after {display:none;}
	.guide_wrap .box_con2 .list .circle p {font-weight:600; font-size:15px; line-height:1.4em; letter-spacing:-0.6px; color:#fff; vertical-align:middle;}
	.guide_wrap .box_con2 .list .txt {display:table-cell; padding: 0 15px; }
}
*/



.freelive_wrap {}

.broadcast_wrap {position:absolute; margin-top:-60px;}
.broadcast_wrap a {padding:2px 15px; font-size:15px; letter-spacing:-0.04em; background:rgba(0, 60, 120, 0.8); border:1px solid rgba(0, 0, 0, 0.2); color:#fff;}
.broadcast_wrap a:hover {background:rgba(0, 60, 120, 0.9);}

@media all and (min-width:768px){
	.broadcast_wrap {margin-top:-70px;}
	.broadcast_wrap a {padding:4px 20px; font-size:16px;}
}
@media all and (min-width:1024px){
	.broadcast_wrap {margin-top:-80px;}
	.broadcast_wrap a {padding:4px 25px;}
}

.free_box {}
.free_wrap ul {margin:0.5% -1% ; overflow:hidden}
.free_wrap ul:first-child {margin-top:-1%;}
.free_wrap ul:last-child {margin-bottom:-1%;}
.free_wrap ul li {width:33.3%; padding:1%; float:left}
.free_wrap ul li:first-child {}
.free_wrap .free_box {position:relative; padding:0; border-radius:0; overflow:hidden}
.free_wrap .free_box .ico {position:absolute; top:0; right:0; width:50px;}
.free_wrap .free_box .ico img {width:100%;}


.free_wrap .free_box .tit {overflow:hidden; margin:0 0 -1px; font-weight:400; color:#fed35e; font-size:18px; letter-spacing:-0.02em; *border-bottom:1px solid #979797; background:#f9f9f9;}
.free_wrap .free_box .tit span {float:left; position:relative; height:50px; line-height:50px; padding:0 20px; background:#484341; *border-top:1px solid #111; }
.free_wrap .free_box .tit i {display:block; position:absolute; top:0; right:-49px; width:50px; height:50px; line-height:50px; padding:0; border:none; *background:#fff;}
.free_wrap .free_box .tit i:after {content:''; position:absolute; top:0; right:0px; bottom:0px; width:0; height:0; margin:auto; border:25px solid transparent; border-color:transparent transparent #484341 #484341;}
.free_wrap .free_box .tit i:before {content:''; position:absolute;  top:-1px; right:-1px; bottom:-1px; width:0; height:0; margin:auto; border:25px solid transparent; border-color:transparent transparent #484341 #484341;}


.free_wrap .free_box .cont input[type="text"] {margin:0 0 6px;}
.free_wrap .free_box .cont {border:1px solid transparent; border-color:#484341 #979797 #979797; padding:40px 20px 30px;}
.free_wrap .free_box .cont .live_bt {text-align:center; *width:110px;}

.free_wrap .free_box .cont .live_txt {color:#000; font-weight:400; font-size:16px; line-height:1.5em; padding-bottom:10px;}
.free_wrap .free_box .cont .live_txt2 {padding:10px 0; font-weight:400; line-height:1.6em; font-size:14px;}


.free_wrap .free_box .live_btn {position:absolute; bottom:20px; right:20px;}
.free_wrap .free_box .live_btn span {display:block;  width:70px; height:70px; line-height:70px; font-size:15px; border-radius:50%; letter-spacing:-0.04em; text-align:center; padding:0;
    transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.free_wrap .free_box .live_btn span.line_round_gray {filter:alpha(opacity=80); opacity:0.8; background-color:#f9f9f9; border:2px solid #bbb;}

@media all and (max-width:1023px){
	.free_wrap .free_box {}
	.free_wrap ul li {*width:50%;} 
	.free_wrap .free_box .tit {font-size:17px; font-weight:500; letter-spacing:-0.03em;}
	.free_wrap .free_box .tit span {height:44px; line-height:44px; padding:0 20px;}
	.free_wrap .free_box .tit i {top:0; right:-43px; width:44px; height:44px; line-height:44px; padding:0; border:none; *background:#fff;}
	.free_wrap .free_box .tit i:after {border:22px solid transparent; border-color:transparent transparent #484341 #484341;}
	.free_wrap .free_box .tit i:before { border:22px solid transparent; border-color:transparent transparent #484341 #484341;}


	.free_wrap .free_box .live_btn span {width:60px; height:60px; line-height:60px; font-size:14px;}

}
@media all and (max-width:767px){
	.free_wrap .free_box {}
	.free_wrap ul {margin:-2%;}
	.free_wrap ul li {width:100%; padding:2%;} 
	.free_wrap ul li:first-child {padding-top:-2%;}
	.free_wrap ul li:last-child {padding-bottom:-2%;}

	.free_wrap .free_box .cont {padding:30px 20px 20px;}
	.free_wrap .free_box .cont .live_txt,
	.free_wrap .free_box .cont .live_txt2 {padding:3px 0; font-size:14px;}
	.free_wrap .free_box .cont .live_txt {font-size:16px; font-weight:500;}
	.free_wrap .free_box .cont .live_bt img {height:27px;}


}


.teacher_title {font-size:45px; font-weight:500; line-height:1.2em; text-align:center; vertical-align:middle; color:#000;}
.teacher_title a {color:#000;}


.class_wrap {margin:30px 0; text-align:center; }
.class_wrap ul {}
.class_wrap ul li {display:inline-block; margin:1.5px 0;}
.class_wrap ul li a.btn {position:relative; padding:0 30px; border:1px solid rgba(0, 0, 0, 0.5); color:#555; font-size:15.5px; letter-spacing:-0.015em;}
.class_wrap ul li a.btn.adm {border:1px solid rgba(0, 0, 0, 0.1); background: #212121; color:#fff;}
.class_wrap ul li a.btn.online_on {border:none; background:url('/images/btn_online_on.gif') no-repeat; background-size:cover; background-size:100% 100%; color:#ff0000; font-weight:500;}

.class_wrap ul li a.btn.online_off {background:#888; border:1px solid rgba(0, 0, 0, 0.3); color:#eee; font-weight:400;}
.class_wrap ul li a.btn.onair {padding:0 30px 0 40px;}
.class_wrap ul li a.btn.onair img {position:absolute; left:10px; top:10px; width:25px;}
.class_wrap ul li a.btn.online_on img.off {display:none;}
.class_wrap ul li a.btn.online_off img.on {display:none;}
.class_wrap ul li a.btn.onair img.active {display:none;}
.class_wrap ul li a.btn.online_on img.active {display:none;}

.class_wrap ul li a.btn.highlight {background:#7c4321; border:1px solid rgba(0, 0, 0, 0.2); color:#fff;}
.class_wrap ul li a.btn.black {background:#212121; border:1px solid rgba(0, 0, 0, 0.2); color:#fff;}
.class_wrap ul li a.btn.red {background:#eb3c25; border:1px solid rgba(0, 0, 0, 0.2); color:#fff;}
.class_wrap ul li a.btn.blue {background:#3e8fd4; border:1px solid rgba(0, 0, 0, 0.2); color:#fff;}
.class_wrap ul li a.btn.t_board {background:#fff; border:1px solid #7c4321; color:#7c4321;}

.class_wrap ul li a.btn1 span {position:absolute; top:50%; margin-left:5px; *right:8px; margin-top:-6px;}
.class_wrap ul li a.btn1 span {position:absolute; left:50%; top:0; margin-left:5px; *right:8px; margin-top:-6px; margin-left:-6px;}
.class_wrap ul li a.btn span {position:absolute; right:5px; bottom:5px; }


@media all and (min-width:1024px){
	.teacher_title a:hover {text-decoration:underline;}

	.class_wrap ul li a.btn {height:44px; line-height:44px;}
	.class_wrap ul li a.btn.onair {padding:0 30px 0 47px;}
	.class_wrap ul li a.btn.onair img {left:15px;}
	.class_wrap ul li a.btn.online_on:hover {background:#e43333; color:#fff;}
	.class_wrap ul li a.btn.online_on:hover img.active {display:block;}
	.class_wrap ul li a.btn.t_board {padding:0 40px;}
	.class_wrap ul li a.btn.t_board:hover {background:#7c4321; color:#fff;}

	.class_wrap ul li a.btn.highlight:hover {background:#915b3b;}
	.class_wrap ul li a.btn.black:hover {background:#444;}
	.class_wrap ul li a.btn.red:hover {background:#e45440;}
	.class_wrap ul li a.btn.blue:hover {background:#5093cd;}
}
@media all and (max-width:1023px){
	.class_wrap {margin:20px 0;}
	.class_wrap ul li a.btn {height:42px; line-height:42px; font-size:15px;}
	.class_wrap ul li a.btn.onair {padding:0 20px 0 40px;}
	.class_wrap ul li a.btn.onair img {left:13px; top:10px; width:23px;}
	.class_wrap ul li a.btn.t_board {padding:0 35px;}
}
@media all and (max-width:767px){
	.class_wrap ul {margin:-0.5%;}
	.class_wrap ul li {width:32.3%; margin:0.5%; padding:0; display:block; float:left; box-sizing:border-box;}
	.class_wrap ul li a {display:block;}
	.class_wrap ul li a.btn {height:40px; line-height:38px; padding:0; font-size:14.5px; font-weight:500;  letter-spacing:-0.03em;}
	.class_wrap ul li a.btn.t_board {padding:0;}
	.class_wrap ul li a.btn.onair {padding:0; line-height:40px;}
	.class_wrap ul li a.btn.onair img {position:relative; left:auto; top:auto; vertical-align:top; margin-top:8px; margin-right:3px; margin-left:-5px;}	
}


.studyinfo_wrap {}
.studyinfo_wrap .section {margin-top:100px;}
.studyinfo_wrap .section:first-child {margin-top:50px;}

.profile_wrap {
    position:relative; min-height:80px; box-sizing:border-box; margin:0;
    padding:40px 30px; border:1px solid rgba(0, 0, 0, 0.1); *background-color:#fefefe;
	background:url('/images/profile_bg.png') no-repeat right bottom; background-size:auto 100%;
    background-size: cover;
}
.profile_wrap .tit {margin:0 0 20px;}
.profile_wrap .tit span {display:block; font-size:18px; font-weight:400; letter-spacing:-0.04em; color:#333; line-height:1.5em; word-break:keep-all; margin-bottom:3px;} 
.profile_wrap .tit span strong {font-size:20px; font-weight:500; color:#000; letter-spacing:-0.045em;}
.profile_wrap b {font-weight:500;}

.profile_wrap .title {margin:0 0 25px;}
.profile_wrap .title span {margin-bottom:5px; font-size:17px; font-weight:400; line-height:1.4em; letter-spacing:-0.04em;}
.profile_wrap .title span:last-child {margin-bottom:0;}
.profile_wrap .title span strong {font-size:20px; font-weight:500; color:#000; }
.profile_wrap .title span strong.bg {display:inline-block; padding:3px 5px;  background:#3b3f4a; color:#fff; font-weight:400; margin-bottom:2px; }
.profile_wrap .title h2 {font-size:48px; letter-spacing:0; font-weight:600; line-height:1.3em; margin-bottom:10px;}
.profile_wrap .title h2 span {font-size:17px; font-weight:400; letter-spacing:-0.03em; margin-left:0px; display:inline-block;}
.profile_wrap .title p {font-size:16px; line-height:1.4em; letter-spacing:-0.03em; color:#333; word-break:keep-all; margin-bottom:4px;}
.profile_wrap .title p:last-child {margin-bottom:0;}
.profile_wrap .title p strong {font-size:18px; font-weight:500; letter-spacing:-0.04em;}

.profile_wrap .txt_list {}
.profile_wrap .txt_list h3 {font-size:19px; font-weight:400; margin:0 0 5px; color:#333; letter-spacing:-0.03em;}
.profile_wrap .txt_list ol {}
.profile_wrap .txt_list ol li {position:relative; margin:0 0 4px; padding-left:16px; color:#666; font-size:15.5px; letter-spacing:-0.02em; line-height:1.4em; word-break:keep-all;}
.profile_wrap .txt_list ol li::before {position:absolute; left:2px; top:0; margin-top:7px; content:''; width:6px; height:6px; background:#aaa; border-radius:50%;}
.profile_wrap .txt_list ol li:last-child {margin-bottom:0;}

.profile_wrap .photo {}
.profile_wrap .photo img {width:270px; transition:all .3s ease; -webkit-transition:all .3s ease;}

.profile_wrap .con_wrap {display:flex; flex-wrap:wrap;}
.profile_wrap .con_left {}
.profile_wrap .con_right {position:absolute; right:0; bottom:0;}

.profile_addinfo {margin:20px 10px 0;}
.profile_addinfo .box {border:1px solid rgba(0, 0, 0, 0.1); box-sizing:border-box; padding:25px; letter-spacing:-0.04em; *height:130px; margin:0 -10px;}
.profile_addinfo .box h2 {font-size:18px; font-weight:500; margin:0 0 7px;}
.profile_addinfo .box p {font-size:15.5px; color:#666; line-height:1.3em; *word-break:keep-all;}

.study_tit {position:relative; padding-left:25px; margin-bottom:20px; font-size:26px; font-weight:500; color:#222; line-height:1em;  letter-spacing:-0.04em;}
.study_tit:before {
	content: '';
    position: absolute; left:0; top:0; display:block; width:16px; height:16px;
    background:#824d2d; margin-top:7px;
    border-radius:16px; -webkit-border-radius:16px; -ms-border-radius:16px; -o-border-radius:16px;
}
.study_tit strong {font-size:26px; color:#824d2d;}

.curriculum {background:#f9f9f9; width:100%; display:inline-block; padding:30px;}
.curriculum h2 {width:100%; font-size:20px; font-weight:500; letter-spacing:-0.03em; margin:0 0 15px; color:#eb3200;}
.curriculum h3 {font-size:18px; font-weight:500; margin:0 0 8px; color:#111;}
.curriculum h4 {font-size:16px; font-weight:500; margin:0 0 3px; color:#333;}
.curriculum h5 {font-size:15px; margin:0; line-height:1.5em; letter-spacing:-0.03em; color:#444;}
.curriculum p {font-size:15px; line-height:1.5em; color:#333; letter-spacing:-0.03em; word-break:keep-all;}
.curriculum ul {margin:0 0 20px;}
.curriculum ul:last-child {margin-bottom:0;}
.curriculum ul li {margin:0 0 3px; font-size:15px; line-height:1.5em; letter-spacing:-0.03em; color:#555;}
.curriculum ul li:last-child {margin-bottom:0;}
.curriculum ul li strong {display:block; padding-bottom:3px; color:#000; font-weight:500; font-size:17px; letter-spacing:-0.04em;}
.curriculum ul li b {color:#000; color:#975a22; font-weight:400; margin-right:20px;}
.curriculum ul li b div {float:left;}
.curriculum ul li .text_list {margin-top:3px; margin-left:18px;}
.curriculum ul li .text_list span {display:block;}

.education_time {} 
.education_time table {width:100%; table-layout:fixed; border-spacing:0; border-collapse:collapse; border-top:2px solid #333;}
.education_time table tr {
	margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; font-style:normal; box-sizing:border-box; word-break:keep-all;
	border-bottom:1px solid #dbdee1; position:relative; display:table-row;
}
.education_time .week {width:20%;}
.education_time .time {width:18%;}
.education_time .week div {max-width:120px; margin:0 auto;}
.education_time table thead {display:table-header-group; vertical-align:middle;border-color:inherit;}
.education_time table thead th {font-weight:500; font-size:15px; line-height:1.5em; padding:12px 10px; border-bottom:1px solid #999; color:#000;}

.education_time table tbody {display:table-row-group;}
.education_time table tbody th span {*display:block; margin-left:20px;}
.education_time table tbody th, .education_time table tbody td {vertical-align:middle; padding:10px; font-size:15px; color:#666; letter-spacing:-0.04em;}
.education_time table tbody td.week {text-align:left; *padding-left:40px; }
.education_time table tbody td.week span {width:55px; display:inline-block;  color:#111; font-weight:500;}
.education_time table tbody td.week span.center {width:100%; display:block; text-align:center;}
.education_time table tbody td.time {text-align:center; color:#975a22; font-weight:500; letter-spacing:-0.01em;}
.education_time table tbody td.txt {padding-left:30px;}
.education_time p {margin:10px 0 0; font-size:15px;}

.payment_list {}
.payment_list table {width:100%; table-layout:fixed; border-spacing:0; border-collapse:collapse; border-top:2px solid #333;}
.payment_list table tr {
	margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; font-style:normal; box-sizing:border-box; word-break:keep-all;
	border-bottom:1px solid #dbdee1; position:relative; display:table-row;
}
.payment_list table thead {vertical-align:middle;border-color:inherit;}
.payment_list table thead th {font-weight:500; font-size:15px; line-height:1.5em; padding:12px 10px; border-bottom:1px solid #999; color:#000;}
.payment_list table tbody {}
.payment_list table tbody th span {*display:block; margin-left:20px;}
.payment_list table tbody th, .payment_list table tbody td {vertical-align:middle; padding:10px; font-size:15px; color:#666; letter-spacing:-0.03em; line-height:1.3em;}
.payment_list table tbody tr.empty > td {padding:30px 0 !important; text-align:center; color:#999; font-size:15px;}

.payment_list table .service_name {width:23%; text-align:center; font-size:16px; font-weight:500; color:#111;}
.payment_list table .period_amount {}
.payment_list table .application {width:25%; padding:0 10px;}
.payment_list table .application a, .payment_list table .application button {display:block; width:100%; margin:1.5px 0; font-size:14px; letter-spacing:-0.03em; }
.payment_list table .application a span, .payment_list table .application button span {padding:6px 3px; *display:inline-block; display:block; text-align:center;  box-sizing:border-box;} 

.payment_info {margin:15px 0 0;}
.payment_info ul {}
.payment_info ul li {margin:0 0 2px; font-size:15px; line-height:1.5em; color:#555;}



@media all and (min-width:768px) and (max-width:1023px) {


	.profile_addinfo .box {height:130px;}
	.profile_addinfo .box h2 {font-size:17px; margin:0 0 5px;}
	.profile_addinfo .box p {font-size:15px;}
}

@media all and (max-width:1023px){
	.studyinfo_wrap .section {margin-top:60px;}
	.studyinfo_wrap .section:first-child {margin-top:40px;}

	.teacher_title {font-size:38px; font-weight:500; line-height:1.15em; text-align:center; vertical-align:middle;}


	.profile_wrap {border-width:1px 0; border-style:solid; border-color:rgba(0, 0, 0, 0.3); margin:0 0 30px; padding:35px 8px;}
	.profile_wrap .tit {margin:0 0 15px;}
	.profile_wrap .tit span {font-size:16px; line-height:1.4em;} 
	.profile_wrap .tit span strong {font-size:18px;}
	.profile_wrap .title {margin: 0 0 13px; max-width:560px;}
	.profile_wrap .title h2 {font-size:38px; letter-spacing:0; font-weight:600;}
	.profile_wrap .title h2 span {font-size:16px;}
	.profile_wrap .title p {font-size:15px;}
	.profile_wrap .title p strong {font-size:17px;}

	.profile_wrap .txt_list h3 {font-size:18px; font-weight:500;}
	.profile_wrap .txt_list ol li {font-size:15px; line-height:1.3em; padding-left:13px; margin:0 0 3px;}

	.study_tit {padding-left:21px; margin-bottom:15px; font-size:23px; letter-spacing:-0.03em;}
	.study_tit strong {font-size:23px;}
	.study_tit:before {width:14px; height:14px; margin-top:6px; border-radius:14px; -webkit-border-radius:14px; -ms-border-radius:14px; -o-border-radius:14px;}

	.curriculum {padding:20px 15px;}
	.curriculum h2 {font-size:18px; margin:0 0 10px;}
	.curriculum h3 {font-size:16px; margin:0 0 8px;}
	.curriculum h4 {font-size:15px;}
	.curriculum h5 {font-size:14.5;}
	.curriculum ul {margin:0 0 15px;}
	.curriculum ul li {font-size:14.5px;}
	.curriculum ul li strong {padding-bottom:4px; font-size:16px;}
	.curriculum ul li .text_list {margin-top:2px; margin-left:14px;}
	.education_time p {margin:8px 0 0; font-size:14px;}
	
	.payment_list table .service_name {width:20%; font-size:15px;}
	.payment_list table .application {width:25%;}
}

@media all and (max-width:767px){
	.studyinfo_wrap .section {margin-top:50px;}
	.teacher_title {font-size:32px;}
	
	.profile_wrap {margin:0 0 15px; padding:30px 8px 0; background-size:auto 50%;}
	.profile_wrap .con_right {display:block; width:100%; position:relative; right:-10px; bottom:auto; text-align:center; margin-top:15px;}
	.profile_wrap .tit {margin:0 0 13px;}
	.profile_wrap .tit span {font-size:15px; } 
	.profile_wrap .tit span strong {font-size:17px;}

	.profile_wrap .title {margin:0 0 15px;}
	.profile_wrap .title span {font-size:16px; line-height:1.3em;}
	.profile_wrap .title span strong {font-size:16px;}
	.profile_wrap .title span strong.bg {font-size:16px;}
	.profile_wrap .title h2 {margin-bottom:15px; font-size:29px;}
	.profile_wrap .title h2 span {display:block; margin-top:3px;}
	.profile_wrap .title p {font-size:14px;}
	.profile_wrap .title p strong {font-size:16px;}
	.profile_wrap .txt_list h3 {font-size:16px; }
	.profile_wrap .txt_list ol li {font-size:14px;}
	.profile_wrap .photo img {width:170px;}
	.profile_wrap .photo.ceo img {width:220px;}

	.profile_addinfo .box {padding:20px 15px; letter-spacing:-0.03em; margin-bottom:5px; height:auto;}
	.profile_addinfo .box h2 {font-size:16px; margin:0 0 3px;}
	.profile_addinfo .box p {font-size:14px;}

	.study_tit {padding-left:19px; margin-bottom:12px; font-size:18px; letter-spacing:-0.03em; font-weight:600;}
	.study_tit strong {font-size:18px;}
	.study_tit:before {width:12px; height:12px; margin-top:3px; border-radius:10px; -webkit-border-radius:12px; -ms-border-radius:12px; -o-border-radius:12px;}

	.curriculum {padding:20px 15px;}
	.curriculum h2 {font-size:17px;}
	.curriculum h3 {font-size:16px;}
	.curriculum h5 {font-size:14px;}
	.curriculum p {line-height:1.4em; font-size:14px;}
	.curriculum ul li {margin:0 0 2px; line-height:1.4em; font-size:14px;}
	.curriculum ul li strong {padding-bottom:4px; font-size:15.5px;}
	


	.education_time table thead th {font-size:14px; padding:10px;}
	.education_time table tbody th, .education_time table tbody td {padding:10px; font-size:14px; line-height:1.3em;}
	.education_time table tbody td.week {*padding-left:5px;}
	.education_time table tbody td.week span {width:auto; margin-right:5px;}
	.education_time table tbody td.txt {padding-left:20px;}
	.education_time .week {width:30%;}
	.education_time .time {width:25%;}

	.payment_list table thead { vertical-align:middle; border-color:inherit;}
	.payment_list table thead th {font-size:14px; padding:10px;}
	.payment_list table tbody th, .payment_list table tbody td {font-size:14px;  line-height:1.3em;}
	.payment_list table tbody tr.empty > td {padding:30px 0 !important; text-align:center; color:#999; font-size:14px;}
	.payment_list table .service_name {font-size:14px; line-height:1.3em;}
	.payment_list table .application a, .payment_list table .application button {padding:0 5px; font-weight:500; font-size:13px; line-height:1.3em;}

	.payment_info {margin:10px 0 0;}
	.payment_info ul li {margin:0 0 1px; font-size:14px; line-height:1.4em;}


}

@media all and (min-width:768px){
	.profile_wrap .con_right {right:-10px;}
	.profile_wrap .photo img {width:230px;}
	.profile_wrap .photo.ceo img {width:300px; margin-right:20px;}
	.profile_wrap .photo.singong img {width:250px; margin-right:20px;} 
	.profile_wrap .photo.bluestar img {width:250px; margin-right:20px;}
	.profile_wrap .photo.pppp1245 img {width:250px; margin-right:20px;}
	.curriculum .left {width:50%; float:left;}
	.curriculum .right {width:50%; float:right;}
	.curriculum ul.w100 {clear:left; width:100%;}
	.curriculum ul.w50 {width:50%; float:left; margin:0 0 30px;}
	.curriculum ul.w50.left {clear:left}
	.curriculum ul li { display:table;}
}

@media all and (min-width:1024px){
	.profile_wrap .con_right {right:20px;}
	.profile_wrap .photo img {width:270px;}
	.profile_wrap .photo.ceo img {width:380px; margin-right:0;}
	.profile_wrap .photo.singong img {width:290px; margin-right:0;}
	.profile_wrap .photo.bluestar img {width:270px; margin-right:0;}
	.profile_wrap .photo.pppp1245 img {width:270px; margin-right:0;}
}

@media all and (min-width:1200px){
	.profile_wrap .con_right {right:40px;}
	.profile_wrap .photo img {width:280px;}
	.profile_wrap .photo.ceo img {width:440px;}
	.profile_wrap .photo.singong img {width:290px;}
	.profile_wrap .photo.bluestar img {width:320px;}
	.profile_wrap .photo.pppp1245 img {width:320px;}
}



/* pay */
body.bg {background-color:#eef3f9}
.pay_wrap {width:100%;}
.pay_wrap .title {margin:0 0 20px; width:100%; border-bottom:1px solid rgba(0, 0, 0, 0.2); background:rgba(20, 40, 80, 0.8); color:#fff;}
.pay_wrap .title h2 {max-width:450px; margin:0 auto; padding:8px; font-size:20px; letter-spacing:-0.05em; font-weight:500; text-align:center;}
.pay_wrap .cont {width:100%; max-width:450px; margin:0 auto; padding:0 10px; box-sizing:border-box;}
.pay_wrap .cont ul {list-style-type:none; margin:0 0 10px; padding:20px 15px; border:1px solid rgba(0, 0, 0, 0.2); background:rgba(255, 255, 255, 0.5);}
.pay_wrap .cont ul li {padding:0;}

.pay_wrap .cont ul.service {padding:25px 15px; border:1px solid rgba(0, 0, 0, 0.5); background:rgba(255, 255, 255, 0.6);}
.pay_wrap .cont ul.service li.name {margin:0 0 7px; font-size:18px; font-weight:bold; color:#000; letter-spacing:-0.01em; line-height:1.6em;}
.pay_wrap .cont ul.service li.amount {margin:0; font-size:16px; font-weight:bold; color:#000; color:#b80d00; letter-spacing:-0.02em; line-height:1.6em;}
.pay_wrap .cont ul.service li.amount span {display:inline-block;  font-weight:600; font-size:15px;}
.pay_wrap .cont ul.service li.period {font-size:16px; font-weight:bold;  letter-spacing:-0.02em; line-height:1.6em;}
.pay_wrap .cont ul.service li.period p {display:block; margin:5px 0 0; padding:0; font-size:14px; line-height:1.3em; font-weight:400; letter-spacing:-0.02em; word-break:keep-all;}

.pay_wrap .cont ul.payment {}
.pay_wrap .cont ul.payment h2 {margin:0 0 10px; padding:0; font-size:16px; font-weight:500; color:#000; text-align:center; *border-bottom:1px solid rgba(0, 0, 0, 0.2); }
.pay_wrap .cont ul.payment div.option {}
.pay_wrap .cont ul.payment div.option .check-box-each {display:block; margin-bottom:7px;}
.pay_wrap .cont ul.payment div.option .check-box-each:last-child {margin-bottom:0;}
.pay_wrap .cont ul.payment div.option .check-box-each span {margin-right:0; font-size:15px; font-weight:500; letter-spacing:-0.03em; color:#333;}

.pay_wrap .cont ul.info {}
.pay_wrap .cont ul.info h2 {margin:0 0 10px; padding:0; font-size:16px; letter-spacing:-0.03em; font-weight:500; text-align:center;}
.pay_wrap .cont ul.info li {font-size:14px; line-height:1.3em; color:#555; letter-spacing:-0.03em; margin-bottom:4px;}
.pay_wrap .cont ul.info li:last-child {margin-bottom:0;}
.pay_wrap .cont ul.info li.point {color:#eb2112; font-weight:600;}
.pay_wrap .cont ul.info li.bank {display:block; margin-top:15px; letter-spacing:0; font-weight:500; color:#000;}
.pay_wrap .cont ul.info li.bank strong {background:#de4f32; color:#fff; padding:0 5px; font-weight:600; margin-right:5px;}
.pay_wrap .cont ul.info li.cus {display:block; margin-top:5px; letter-spacing:0; font-weight:500; color:#000;}
.pay_wrap .cont ul.info li.cus strong {background:#1b65b8; color:#fff; padding:0 5px; font-weight:600; margin-right:5px;}
.pay_wrap .btn_wrap {margin:20px 0 15px;}
.pay_wrap .btn_wrap a, .pay_wrap .btn_wrap button {padding:5px 25px;}


@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
	.pay_wrap .title h2 {padding:10px; font-weight:600;}
	.pay_wrap .cont ul.payment div.option .check-box-each span {font-size:16px; font-weight:600;}
}