.l_top {position:fixed; width:50px; height:50px; bottom:100px; right:50px; box-sizing:border-box; border-radius:5px; z-index:8000; cursor:pointer; background:rgba(255,255,255,.07) url("/img/svg/l_ic_3.svg") no-repeat 50% 50%; background-size:18px; transition:all 0.2s ease 0s;}
.l_top:hover {background:rgba(255,255,255,.1) url("/img/svg/l_ic_3.svg") no-repeat 50% 50%; background-size:18px;}


/* header */
.nav_wrap {position:relative; width:100%; height:120px; box-sizing:border-box; padding:0px 50px;}
.nav_wrap ul li {position:relative; float:left; box-sizing:border-box; font-family:NanumSquare,NotoSansKR,"Nanum Gothic","¸¼Àº °íµñ","Malgun Gothic","µ¸¿ò",Dotum,sans-serif;}
.nav_wrap ul li.nav_logo {width:150px; height:100px; margin-top:10px; margin-right:50px;}
.nav_wrap ul li.nav_logo img {width:150px; height:100px;}
.nav_wrap ul li.nav_menu {height:40px; margin-top:40px; margin-right:70px;}
.nav_wrap ul li.nav_menu a {display:block; width:100%; height:40px; color:rgba(255,255,255,.8); font-size:18px; letter-spacing:-0.6px; font-weight:800; box-sizing:border-box; padding-top:11px; transition:all 0.1s ease 0s;}
.nav_wrap ul li.nav_menu a:hover {color:rgba(255,255,255,1);}
.nav_wrap ul li.nav_menu a.on_link {color:#3ce1e6;}
.nav_wrap ul li.nav_util {float:right; height:36px; box-sizing:border-box; margin-top:42px; margin-left:5px; border-radius:5px; border:solid 1px rgba(255,255,255,.1); transition:all 0.1s ease 0s;}
.nav_wrap ul li.nav_util:hover {border:solid 1px rgba(255,255,255,.2)}
.nav_wrap ul li.nav_util a {display:block; width:100%; height:34px; color:#77ecef; font-size:13px; font-weight:600; letter-spacing:-0.3px; transform:skew(-0.1deg); box-sizing:border-box; padding:10px 15px 0px 15px; transition:all 0.1s ease 0s;}
.nav_wrap ul li.nav_util a:hover {color:#77ecef;;}
.nav_wrap ul li.nav_util_2 {float:right; height:36px; box-sizing:border-box; margin-top:42px; margin-left:5px; border-radius:5px; border:solid 1px rgba(255,255,255,.1); transition:all 0.1s ease 0s;}
.nav_wrap ul li.nav_util_2:hover {border:solid 1px rgba(255,255,255,.2);}
.nav_wrap ul li.nav_util_2 a {display:block; width:100%; height:34px; color:rgba(255,255,255,.6); font-size:13px; font-weight:400; letter-spacing:-0.3px; transform:skew(-0.1deg); box-sizing:border-box; padding:10px 15px 0px 15px; transition:all 0.1s ease 0s;}
.nav_wrap ul li.nav_util_2 a:hover {color:rgba(255,255,255,.8);}

/* footer */
.util_wrap {position:relative; width:100%; height:84px; box-sizing:border-box; font-family:NanumSquare,NotoSansKR,"Nanum Gothic","¸¼Àº °íµñ","Malgun Gothic","µ¸¿ò",Dotum,sans-serif;}
.util_wrap ul li {position:relative; float:left; height:84px; box-sizing:border-box; padding-top:27px; margin-right:15px;}
.util_wrap ul li a {display:inline-block; height:30px; color:rgba(255,255,255,.8); font-size:15px; letter-spacing:-0.7px; font-weight:400; transform:skew(-0.1deg); line-height:30px; transition:all 0.1s ease 0s;}
.util_wrap ul li a:hover {color:rgba(255,255,255,1);}
.util_remote {position:absolute; height:50px; top:17px; right:0px; box-sizing:border-box; border-radius:8px; border:solid 1px rgba(255,255,255,.1); transition:all 0.1s ease 0s;}
.util_remote:hover {border:solid 1px rgba(255,255,255,.17);}
.util_remote a {display:inline-block; width:100%; height:48px; box-sizing:border-box; padding-left:17px; padding-right:17px; padding-top:17px; color:rgba(255,255,255,.8); font-size:15px; letter-spacing:-0.4px; font-weight:400; transform:skew(-0.1deg); transition:all 0.1s ease 0s;}
.util_remote a:hover {color:rgba(255,255,255,1);}

.copy_wrap {position:relative; width:100%; box-sizing:border-box; font-family:NanumSquare,NotoSansKR,"Nanum Gothic","¸¼Àº °íµñ","Malgun Gothic","µ¸¿ò",Dotum,sans-serif; transform:skew(-0.1deg);}
.copy_txtbox {position:relative; width:100%; color:rgba(255,255,255,.6); font-size:13px; letter-spacing:-0.3px; font-weight:400; line-height:140%;}
.copy_num {display:inline-block; padding-top:6px; padding-bottom:6px; color:rgba(255,255,255,1); font-size:19px; letter-spacing:-0.4px; font-weight:600;}
.copy_txt {display:inline-block; padding-top:3px; color:rgba(255,255,255,.4); font-size:10px; letter-spacing:0.4px; font-weight:400;}
.copy_lspace {letter-spacing:0.4px !important;}
.copy_space {color:rgba(255,255,255,.4); padding:0px 7px; font-size:12px;}

/* sub menu */
.subnav_wrap {position:relative; width:100%; height:40px; box-sizing:border-box; text-align:center;}
.subnav_wrap ul li {position:relative; display:inline-block; height:40px; box-sizing:border-box; margin-right:50px; font-family:NanumSquare,NotoSansKR,"Nanum Gothic","¸¼Àº °íµñ","Malgun Gothic","µ¸¿ò",Dotum,sans-serif;}
.subnav_wrap ul li:last-child {margin-right:0px;}
.subnav_wrap ul li a {display:block; height:40px; line-height:40px; color:rgba(255,255,255,.8); font-size:20px; font-weight:600; letter-spacing:-1px; transform:skew(-0.1deg); transition:all 0.15s ease 0s;}
.subnav_wrap ul li a:hover {color:#fff;}
.subnav_wrap ul li a.subon_link {color:#3ce1e6 !important;}

/* info bar */
.info_bottombar {position:fixed; width:100%; min-width:1300px; height:73px; bottom:0px; left:0px; box-sizing:border-box; padding:13px 50px 0px 50px; font-family:NanumSquare,NotoSansKR,"Nanum Gothic","¸¼Àº °íµñ","Malgun Gothic","µ¸¿ò",Dotum,sans-serif; z-index:9000; background:rgba(9,9,9,.8); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);}
.info_bottombar ul li {position:relative; float:left; height:47px; box-sizing:border-box; margin-right:5px; border:solid 1px rgba(57,230,235,.18); border-radius:5px; padding:15px 15px 0px 15px; transition:all 0.1s ease 0s;}
.txt_tran {display:inline-block; width:100%; transform:skew(-0.1deg); color:rgba(255,255,255,.8); font-size:14px; letter-spacing:-0.7px; font-weight:400;}
.info_bottombar ul li.info_mybt {float:right; cursor:pointer; margin-right:0px !important;}
.info_bottombar ul li.info_mybt:hover {border:solid 1px rgba(57,230,235,.25);}
.info_bottombar ul li.info_mybt:hover .txt_tran {color:rgba(57,230,235,98);}
.txt_bold {color:rgba(57,230,238,.98) !important; font-weight:600; letter-spacing:-0.4px !important; padding-left:6px;}

.info_bottombar ul li.info_mybt_2 {float:right; cursor:pointer; margin-right:0px !important; margin-right:5px !important; padding:15px 15px 0px 32px; background-image:url("/img/svg/heart_2.svg"); background-repeat:no-repeat; background-size:14px; background-position:13px 15px; animation: info_heart 0.7s ease 0s infinite alternate;}
.info_bottombar ul li.info_mybt_2:hover {border:solid 1px rgba(57,230,235,.25);}
.info_bottombar ul li.info_mybt_2:hover .txt_tran {color:rgba(57,230,235,98);}
@keyframes info_heart {
  0% {
    background-position:13px 13px;
  }
  100% {
    background-position:13px 17px;
  }
}

/* lecture info */
.lec_laybg {position:fixed; width:100%; height:100vh; left:0px; top:0px; box-sizing:border-box; background:rgba(19,19,19,.95); z-index:10000; padding-top:50px; padding-bottom:50px; overflow-y:auto;}
.lec_laybg:hover{-webkit-filter: blur(0);}

.lec_right_listwrap {position:absolute; width:400px; min-height:100vh; top:0px; right:0px; box-sizing:border-box; padding:50px 20px; background:rgba(19,19,19,.95);}
.lec_right_listwrap ul li {position:relative; width:100%; height:94px; box-sizing:border-box; padding-left:165px; margin-bottom:20px;}
.lec_right_tum {position:absolute; width:150px; height:94px; left:0px; top:0px; box-sizing:border-box; border-radius:2px; border:solid 1px rgba(255,255,255,.03); cursor:pointer; transition:all 0.3s ease 0s; background-size:150px 94px !important; background-position:50% 50% !important; background-repeat:no-repeat !important;}
.lec_right_tum:hover {background-size:calc(100% + 8%) calc(100% + 8%) !important;}
.lec_righ_cate {position:relative; width:100%; box-sizing:border-box; padding-top:10px; padding-bottom:8px; color:rgba(255,255,255,.7); font-size:12px; letter-spacing:-0.5px; font-weight:400; transform:skew(-0.1deg);}
.lec_righ_line {color:rgba(255,255,255,.4); padding:0px 4px;}
.lec_righ_tit {position:relative; width:100%; box-sizing:border-box; padding-bottom:6px; transform:skew(-0.1deg); overflow:hidden;}
.lec_righ_tit a {color:rgba(255,255,255,.85); font-size:13px; letter-spacing:-0.3px; font-weight:400; line-height:140%; word-break:keep-all; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; white-space:normal;}
.lec_righ_tit a:hover {text-decoration:underline 2px rgba(255,255,255,.2); text-underline-position:under;}
.lec_righ_time {position:relative; width:100%; box-sizing:border-box; color:#22bcc0; font-size:12px; letter-spacing:-0.3px; font-weight:400; transform:skew(-0.1deg);}
.lec_righ_title {position:relative; width:100%; box-sizing:border-box; font-size:16px; letter-spacing:-0.5px; font-weight:600; transform:skew(-0.1deg); padding-bottom:15px; color:rgba(255,255,255,.8);}

@media all and (max-width:1540px){
	.lec_right_listwrap {display:none;}
}

.lec_wrap {position:relative; width:750px; min-height:850px; margin:0 auto; box-sizing:border-box; border-radius:14px; background:#2b2b2b; box-shadow:0px 0px 20px 5px rgba(0,0,0,.05); font-family:NanumSquare,NotoSansKR,"Nanum Gothic","¸¼Àº °íµñ","Malgun Gothic","µ¸¿ò",Dotum,sans-serif;}
.lec_info_wrap {position:relative; width:750px; height:500px; box-sizing:border-box; background-repeat:no-repeat !important; background-size:cover !important; background-position:50% 50% !important; border-top-left-radius:14px; border-top-right-radius:14px;}
.lec_info_box {position:absolute; width:750px; height:500px; left:0px; top:0px; box-sizing:border-box; backdrop-filter:blur(25px); -webkit-backdrop-filter:blur(25px); background:linear-gradient(to bottom, rgba(0,0,0,.5) 65%, rgba(0,0,0,0) 90%); padding:70px 50px 0px 50px; border-top-left-radius:12px; border-top-right-radius:12px;}
.lec_close {position:absolute; width:50px; height:50px; right:10px; top:10px; background:url("/img/svg/close.svg") no-repeat 50% 50%; background-size:20px; cursor:pointer; opacity:0.6; transition:all 0.3s ease 0s;}
.lec_close:hover {opacity:1;}

.lec_cate {position:relative; width:100%; box-sizing:border-box; padding-bottom:13px; color:rgba(255,255,255,.75); font-size:15px; letter-spacing:-0.5px; font-weight:400; transform:skew(-0.1deg);}
.lec_line {color:rgba(255,255,255,.4); padding:0px 5px;}
.lec_tit {position:relative; width:450px; box-sizing:border-box; font-size:26px; letter-spacing:-1.3px; font-weight:800; font-family:NotoSansKR,"Nanum Gothic","¸¼Àº °íµñ","Malgun Gothic","µ¸¿ò",Dotum,sans-serif; line-height:130%; word-break:keep-all;}

.lec_play {position:absolute; width:120px; height:120px; left:calc(50% - 60px); top:240px; box-sizing:border-box; padding-top:13px; cursor:pointer;}
.lec_play svg {display:block; width:66px; padding-bottom:6px; margin:0 auto; fill:#24cdd2; transition:all 0.3s ease 0s;}
.lec_play_txt {display:block; width:100%; text-align:center; font-size:14px; letter-spacing:-0.5px; color:#3ddde2; font-weight:600; transform:skew(-0.1deg); transition:all 0.3s ease 0s;}
.lec_play:hover svg {fill:#fff;}
.lec_play:hover .lec_play_txt {color:#fff;}

.lec_prog_wrap {position:absolute; width:650px; height:53px; left:50px; top:395px;}
.lec_prog_time {position:absolute; width:400px; height:20px; left:0px; top:19px; color:rgba(255,255,255,1); font-size:14px; letter-spacing:-0.5px; font-weight:400; transform:skew(-0.1deg);}
.lec_prog_txt {display:inline-block; color:#3ddde2; padding-left:12px;}
.lec_prog_line {display:inline-block; padding-left:4px; padding-right:4px; font-weight:400; color:rgba(61,221,226,.6);}
.lec_prog_barbox {position:absolute; width:100%; height:4px; left:0px; top:49px; border-radius:2px; background:rgba(255,255,255,.15); overflow:hidden;}
.lec_prog_bar {position:relative; height:4px;}
.lec_prog_barcol {position:relative; height:4px; width:0%; border-radius:2px; background:#24cdd2; animation:lec_progbar 1.5s 0.5s ease-in-out normal forwards;}
@keyframes lec_progbar {
  0% {
    width:0%;
  }
  100% {
     width:100%;
  }
}
.lec_svg_col {fill:red !important}

.lec_ic_wrap {position:absolute; width:180px; height:28px; right:0px; top:8px;}
.lec_ic_wrap ul li {position:relative; float:right; height:28px; margin-left:8px; text-align:right; font-size:11px; letter-spacing:-0.2px; color:rgba(255,255,255,.5); font-weight:400; cursor:pointer;}
.lec_ic_wrap ul li.lec_heart {background:url("/img/svg/heart.svg") no-repeat -5px -10px; background-size:38px;}
.lec_heart_on {background:url("/img/svg/heart.svg") no-repeat -5px -48px !important; background-size:38px !important; color:#3ddde2 !important;}
.lec_ic_wrap ul li.lec_hand {background:url("/img/svg/hand.svg") no-repeat -5px -10px; background-size:38px;}
.lec_hand_on {background:url("/img/svg/hand.svg") no-repeat -5px -48px !important; background-size:38px !important; color:#3ddde2 !important;}
.lec_ic_wrap ul li .lec_ic_txt {display:block; height:28px; box-sizing:border-box; padding-top:17px; padding-left:29px; transform:skew(-0.1deg);}

.lec_balloon_1 {position:absolute; width:54px; height:35px; left:-13px; top:-33px; box-sizing:border-box; padding-top:8px; background:url("/img/svg/balloon.svg") no-repeat 50% 50%; background-size:54px; opacity:0; transition:all 0.3s ease 0s;}
.lec_ic_wrap ul li.lec_hand:hover .lec_balloon_1 {opacity:1; top:-35px;}
.lec_balloon_2 {position:absolute; width:54px; height:35px; left:-13px; top:-33px; box-sizing:border-box; padding-top:8px; background:url("/img/svg/balloon.svg") no-repeat 50% 50%; background-size:54px; opacity:0; transition:all 0.3s ease 0s;}
.lec_ic_wrap ul li.lec_heart:hover .lec_balloon_2 {opacity:1; top:-35px;}
.lec_balloon_txt {position:relative; width:100%; box-sizing:border-box; text-align:center; font-size:13px; letter-spacing:-0.5px; color:#3a3a3e; font-weight:600; transform:skew(-0.1deg);}

.lec_cont_wrap {position:relative; width:750px; box-sizing:border-box; padding:50px 50px 50px 50px;}
.lec_cont_tit {position:relative; width:100%; box-sizing:border-box; color:#fff; font-size:15px; letter-spacing:-0.5px; font-weight:600; transform:skew(-0.1deg); padding-bottom:8px;}
.lec_cont_txt {position:relative; width:100%; box-sizing:border-box; color:rgba(255,255,255,.7); font-size:15px; letter-spacing:-0.5px; font-weight:300; line-height:150%; word-break:keep-all; font-family:NotoSansKR,"Nanum Gothic","¸¼Àº °íµñ","Malgun Gothic","µ¸¿ò",Dotum,sans-serif; padding-right:80px; padding-bottom:40px;}

.lec_list_wrap {position:relative; width:100%; box-sizing:border-box; margin-top:5px; border-top:solid 1px rgba(255,255,255,.1); padding-bottom:45px;}
.lec_list_wrap_bottom {position:relative; width:100%; box-sizing:border-box; margin-top:5px; border-top:solid 1px rgba(255,255,255,.1);}
.lec_list {position:relative; width:100%; box-sizing:border-box; padding:15px 0px 15px 0px; border-bottom:solid 1px rgba(255,255,255,.1);}
.lec_list_suj {position:relative; width:350px; color:rgba(255,255,255,.9); font-size:15px; letter-spacing:-0.4px; font-weight:300; line-height:140%; word-break:keep-all; font-family:NotoSansKR,"Nanum Gothic","¸¼Àº °íµñ","Malgun Gothic","µ¸¿ò",Dotum,sans-serif; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.lec_list_time {position:absolute; width:190px; right:100px; top:19px; transform:skew(-0.1deg); text-align:right; font-size:12px; letter-spacing:-0.4px; color:rgba(255,255,255,.6); font-weight:400;}
.lec_list_col {color:#44e8ed;}
.lec_list_suj_2 {position:relative; width:510px; color:rgba(255,255,255,.9); font-size:15px; letter-spacing:-0.4px; font-weight:300; line-height:140%; word-break:keep-all; font-family:NotoSansKR,"Nanum Gothic","¸¼Àº °íµñ","Malgun Gothic","µ¸¿ò",Dotum,sans-serif; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.lec_list_bt {position:absolute; width:86px; height:33px; right:0px; top:9px; box-sizing:border-box; border-radius:18px; padding-top:9px; border:solid 1px rgba(36,205,210,.3); color:#44e8ed; font-size:13px; letter-spacing:-0.5px; font-weight:400; text-align:center; cursor:pointer; transition:all 0.1s ease 0s;}
.lec_list_txt {display:block; transform:skew(-0.1deg);}
.lec_list_bt:hover {border:solid 1px rgba(36,205,210,.5);}
.lec_suj_on {color:rgba(255,255,255,.5);}
.lec_bt_on {color:rgba(255,255,255,.6); border:solid 1px rgba(255,255,255,.2);}
.lec_down_bt {position:absolute; width:86px; height:33px; right:0px; top:9px; box-sizing:border-box; border-radius:18px; padding-top:9px; border:solid 1px rgba(255,255,255,.2); color:rgba(255,255,255,.9); font-size:13px; letter-spacing:-0.5px; font-weight:400; text-align:center; cursor:pointer; transition:all 0.1s ease 0s;}
.lec_down_bt:hover {border:solid 1px rgba(255,255,255,.3);}

/* certification */
.cer_wrap {position:relative; width:750px; box-sizing:border-box; padding:70px 50px 50px 50px; border-radius:14px;}
.cer_tit {position:relative; width:100%; box-sizing:border-box; color:rgba(255,255,255,1); font-size:26px; letter-spacing:-1px; font-weight:600; padding-bottom:20px;}
.cer_line {position:relative; width:16px; height:3px; background:rgba(255,255,255,.3);}
.cer_txt {position:relative; width:100%; box-sizing:border-box; color:rgba(255,255,255,.7); font-size:14px; letter-spacing:-0.3px; font-weight:400; line-height:160%; padding-top:20px; transform:skew(-0.1deg); word-break:keep-all; padding-bottom:50px;}
.cer_bt_wrap {position:relative; width:100%; box-sizing:border-box; padding-bottom:60px; border-bottom:solid 1px rgba(255,255,255,.08);}
.cer_bt_wrap ul li {position:relative; float:left; width:150px; height:150px; box-sizing:border-box; border-radius:30px; border:solid 1px rgba(255,255,255,.1); cursor:pointer; padding-top:94px; transition:all 0.2s ease 0s; margin-right:12px;}
.cer_bt_wrap ul li.cer_ic_1 {background:url("/img/svg/check_1.svg") no-repeat 50% 24px; background-size:66px;}
.cer_bt_wrap ul li.cer_ic_2 {background:url("/img/svg/check_2.svg") no-repeat 50% 24px; background-size:66px;}
.cer_bt_wrap ul li.cer_ic_3 {background:url("/img/svg/check_3.svg") no-repeat 50% 27px; background-size:66px; padding-top:97px;}
.cer_bt_wrap ul li.cer_ic_4 {background:url("/img/svg/check_4.svg") no-repeat 50% 27px; background-size:66px; padding-top:97px;}
.cer_bt_txt {display:block; width:100%; text-align:center; color:rgba(61,221,226,1); font-size:15px; letter-spacing:-0.6px; font-weight:800; line-height:120%; transform:skew(-0.1deg);}
.cer_bt_txt_2 {font-size:13px; letter-spacing:-0.2px; font-weight:600;}
.cer_bt_txt_3 {font-size:16.5px; letter-spacing:normal;}
.cer_bt_txt_4 {color:rgba(255,255,255,1)}
.cer_bt_txt_5 {font-size:17px; letter-spacing:0.4px; font-weight:600;}
.cer_bt_txt_6 {letter-spacing:0.5px;}
.cer_bt_wrap ul li:hover {border:solid 1px rgba(255,255,255,.3);}
.cer_info_wrap {position:relative; width:100%; box-sizing:border-box; padding-top:35px; color:rgba(255,255,255,.7); font-size:14px; letter-spacing:-0.3px; font-weight:400; line-height:170%; transform:skew(-0.1deg); word-break:keep-all;}

.cer_sub_tit {position:relative; width:100%; box-sizing:border-box; color:rgba(255,255,255,1); font-size:16px; letter-spacing:-1px; font-weight:400; padding-bottom:30px; transform:skew(-0.1deg);}

.cer_form_wrap {position:relative; width:100%; box-sizing:border-box; padding-bottom:60px; border-bottom:solid 1px rgba(255,255,255,.08);}
.cer_form_wrap ul li {position:relative; height:70px; float:left; box-sizing:border-box; margin-right:5px;}

.cer_guide {position:relative; width:100%; height:90px; box-sizing:border-box;}
.cer_guide ul li {position:relative; float:left; box-sizing:border-box; border:solid 1px rgba(255,255,255,.1); border-radius:5px; cursor:pointer; padding:18px; color:rgba(255,255,255,.7); font-size:14px; letter-spacing:-0.2px; font-weight:400; margin-right:5px; transition:all 0.2s ease 0s;}
.cer_guide ul li:hover {border:solid 1px rgba(255,255,255,.2); color:rgba(255,255,255,.9);}
.cer_guide_txt {display:block; width:100%; text-align:center; transform:skew(-0.1deg);}

.cer_agr_wrap {position:relative; width:100%; box-sizing:border-box; border-top:solid 1px rgba(255,255,255,.08); border-bottom:solid 1px rgba(255,255,255,.08); color:rgba(255,255,255,.8); font-size:15px; font-weight:400; letter-spacing:-0.7px; line-height:150%; margin-top:30px; padding:35px 0px; word-break:keep-all;}
.cer_agr_box {transform:skew(-0.1deg);}
.cer_agr_bt {position:relative; width:150px; height:50px; box-sizing:border-box; border-radius:5px; border:solid 1px rgba(255,255,255,.1); margin:0 auto; margin-top:30px; text-align:center; font-size:16px; font-weight:600; letter-spacing:-0.7px; color:rgba(255,255,255,.9); padding-top:15px; cursor:pointer; transition:all 0.15s ease 0s;}
.cer_agr_bttxt {transform:skew(-0.1deg); width:100%;}
.cer_agr_bt:hover {border:solid 1px rgba(255,255,255,.2);  color:rgba(255,255,255,1);}

.memlaybox_wrap {position:relative; width:500px; min-height:500px; margin:0 auto; box-sizing:border-box; border-radius:14px; background:#2b2b2b; box-shadow:0px 0px 20px 5px rgba(0,0,0,.04); font-family:NanumSquare,NotoSansKR,"Nanum Gothic","¸¼Àº °íµñ","Malgun Gothic","µ¸¿ò",Dotum,sans-serif;}
.memlaybox_wrap_2 {position:relative; width:580px; min-height:500px; margin:0 auto; box-sizing:border-box; border-radius:14px; background:#2b2b2b; box-shadow:0px 0px 20px 5px rgba(0,0,0,.04); font-family:NanumSquare,NotoSansKR,"Nanum Gothic","¸¼Àº °íµñ","Malgun Gothic","µ¸¿ò",Dotum,sans-serif;}
.memlay_wrap {position:relative; width:500px; box-sizing:border-box; padding:70px 40px 50px 40px; border-radius:14px;}
.memlay_wrap_2 {position:relative; width:580px; box-sizing:border-box; padding:70px 40px 50px 40px; border-radius:14px;}
.memlay_txt {position:relative; width:100%; box-sizing:border-box; color:rgba(255,255,255,.7); font-size:14px; letter-spacing:-0.3px; font-weight:400; line-height:160%; padding-top:20px; transform:skew(-0.1deg); word-break:keep-all; padding-bottom:20px;}
.memlay_txt_2 {position:relative; width:100%; box-sizing:border-box; color:rgba(255,255,255,.7); font-size:14px; letter-spacing:-0.3px; font-weight:400; line-height:160%; padding-top:20px; transform:skew(-0.1deg); word-break:keep-all; padding-bottom:40px;}
.memlay_txt_3 {position:relative; width:100%; box-sizing:border-box; color:rgba(255,255,255,.7); font-size:14px; letter-spacing:-0.3px; font-weight:400; line-height:160%; padding-top:20px; transform:skew(-0.1deg); word-break:keep-all; padding-bottom:30px;}
.memlay_loginbox {position:relative; width:100%; box-sizing:border-box;}
.memlay_loginbox ul li {position:relative; width:100%; height:60px; box-sizing:border-box; margin-bottom:5px;}
.memlay_loginbtbox {position:relative; width:100%; height:60px; box-sizing:border-box; font-size:14px; letter-spacing:-0.3px; font-weight:400; color:rgba(255,255,255,.7); padding-top:20px; transform:skew(-0.1deg); margin-top:20px;}
.memlay_loginbt {position:absolute; height:40px; right:0px; top:8px; box-sizing:border-box; border-radius:3px; font-size:14px; letter-spacing:-0.3px; font-weight:400; color:rgba(255,255,255,.9); padding-top:12px; text-align:right; cursor:pointer; transform:skew(-0.1deg); transition:all 0.2s ease 0s;}
.memlay_loginbt:hover {color:#24cdd2;}

.memlay_sub_tit {position:relative; width:100%; box-sizing:border-box; color:rgba(255,255,255,1); font-size:16px; letter-spacing:-1px; font-weight:400; padding-bottom:12px; transform:skew(-0.1deg);}
.memlay_res_none {position:relative; width:100%; box-sizing:border-box; border-radius:3px; border:solid 1px rgba(255,255,255,.1); color:rgba(255,255,255,.6); letter-spacing:-0.3px; font-size:14px; padding:30px 20px; margin-bottom:30px; text-align:center; line-height:150%; word-break:keep-all;}
.res_none_col {display:inline-block; color:#fff; font-size:16px; font-weight:600; padding-bottom:10px;}
.memlay_res_box {position:relative; width:100%; height:60px; box-sizing:border-box; border-radius:3px; border:solid 1px rgba(255,255,255,.1); color:#fff; letter-spacing:normal; font-size:17px; padding-top:20px; padding-left:18px; margin-bottom:30px; font-weight:400;}
.res_box_txt {transform:skew(-0.1deg); width:100%;}
.memlay_res_box_2 {position:relative; width:100%; box-sizing:border-box; border-radius:3px; border:solid 1px rgba(255,255,255,.1);}
.memlay_res_box_2 ul li {position:relative; width:100%; box-sizing:border-box; border-bottom:solid 1px rgba(255,255,255,.1); padding:20px 0px 19px 50px; color:rgba(255,255,255,.8); letter-spacing:-0.3px; font-size:15px; font-weight:400;}
.memlay_res_box_2 ul li:last-child {border-bottom:none;}
.memlay_res_sel {position:absolute; height:22px; jeight:22px; left:18px; top:17px; box-sizing:border-box;}
.memlay_res_form {padding:19px 18px 19px 18px !important;}
.memlay_res_txt {position:relative; width:100%; box-sizing:border-box; color:rgba(255,255,255,.7); font-size:14px; letter-spacing:-0.5px; font-weight:400; line-height:150%; margin-top:20px; transform:skew(-0.1deg);}
.memlay_res_bt {position:relative; height:60px; box-sizing:border-box; cursor:pointer; border-radius:5px; border:solid 1px rgba(255,255,255,.1); color:rgba(255,255,255,.9); font-size:16px; letter-spacing:-0.3px; font-weight:400; transition:all 0.15s ease 0s; margin-top:20px; text-align:center; padding-top:20px;}
.memlay_res_bt:hover {border:solid 1px rgba(255,255,255,.2); color:rgba(255,255,255,1);}

.memlay_my_box {position:relative; width:100%; box-sizing:border-box; border-bottom:solid 1px rgba(255,255,255,.1); color:rgba(255,255,255,.9); font-size:16px; letter-spacing:-0.2px; font-weight:400; padding:20px 0px 19px 80px;}
.memlay_my_box_2 {position:relative; width:100%; box-sizing:border-box; border-bottom:solid 1px rgba(255,255,255,.1); color:rgba(255,255,255,.9); font-size:16px; letter-spacing:-0.2px; font-weight:400; padding:10px 0px 9px 80px;}
.memlay_my_box_3 {position:relative; width:100%; box-sizing:border-box; color:rgba(255,255,255,.9); font-size:15px; letter-spacing:-0.2px; font-weight:400; line-height:150%; padding:30px 0px 10px 0px; transform:skew(-0.1deg); word-break:keep-all;}
.memlay_my_txt {transform:skew(-0.1deg); width:100%;}
.memlay_my_tit {position:absolute; width:80px; left:0px; top:20px; box-sizing:border-box; color:rgba(255,255,255,.7); transform:skew(-0.1deg);}
.memlay_my_tit_2 {position:absolute; width:80px; left:0px; top:31px; box-sizing:border-box; color:rgba(255,255,255,.7); transform:skew(-0.1deg);}
.memlay_my_col {color:rgba(255,255,255,.6); font-size:13px; font-weight:400;}
.memlay_my_sel {position:relative; width:100%; box-sizing:border-box;  padding-bottom:20px;}
.memlay_my_sel ul li {position:relative; float:left; height:22px; box-sizing:border-box; margin-right:6px;}
.memlay_my_sel ul li.myseltxt {font-size:15px; font-weight:400; color:rgba(255,255,255,.9); letter-spacing:-0.3px; margin-right:22px; padding-top:3px; transform:skew(-0.1deg);}

.rel_list_progbox {position:absolute; width:136px; height:3px; bottom:6px; left:6px; border-radius:2px; background:rgba(255,255,255,.35); overflow:hidden;}
.rel_prog_bar {position:relative; height:4px; border-radius:2px;}
.rel_prog_col {position:relative; height:4px; width:0%; border-radius:2px; background:#ff3e4c; animation:rel_progbar 1s 0.5s ease-in-out normal forwards;}
@keyframes rel_progbar {
  0% {
    width:0%;
  }
  100% {
     width:100%;
  }
}


/* form */
.inputForm_otp
{
	font-size:20px;
	font-weight:600;
	letter-spacing:-0.3px;
	color:#333;
	height:70px;
	width:300px;
	box-sizing:border-box;
	font-family:NanumSquare,NotoSansKR,"Nanum Gothic","¸¼Àº °íµñ","Malgun Gothic","µ¸¿ò",Dotum,sans-serif;
	padding-left:20px;
	background:#fff;
	border-radius:5px;
}
input.inputForm_otp::-webkit-input-placeholder{color:#999; font-size:18px; font-weight:600; letter-spacing:-1px;}
input.inputForm_otp::-moz-placeholder{color:#999; font-size:18px; font-weight:600; letter-spacing:-1px;}
input.inputForm_otp:-moz-placeholder{color:#999; font-size:18px; font-weight:600; letter-spacing:-1px;}
input.inputForm_otp:-ms-input-placeholder{color:#999; font-size:18px; font-weight:600; letter-spacing:-1px;}

.inputForm_otp_bt {width:100px; height:70px; box-sizing:border-box; cursor:pointer; border-radius:5px; background:#2b2b2b; border:solid 1px rgba(255,255,255,.2); color:rgba(61,221,226,1); font-size:17px; letter-spacing:-0.5px; font-weight:800; transition:all 0.2s ease 0s;}
.inputForm_otp_bt:hover {border:solid 1px rgba(61,221,226,.5);}

.inputForm_login
{
	font-size:18px;
	font-weight:400;
	letter-spacing:normal;
	color:rgba(255,255,255,.9);
	height:60px;
	width:100%;
	box-sizing:border-box;
	font-family:NotoSansKR,"Nanum Gothic","¸¼Àº °íµñ","Malgun Gothic","µ¸¿ò",Dotum,sans-serif;
	padding-left:15px;
	background-color:transparent;
	border-radius:5px;
	border:solid 1px rgba(255,255,255,.15);
	transition:all 0.15s ease 0s;
}
input.inputForm_login::-webkit-input-placeholder{color:rgba(255,255,255,.6); font-size:16px; font-weight:400; letter-spacing:-1px;}
input.inputForm_login::-moz-placeholder{color:rgba(255,255,255,.6); font-size:16px; font-weight:400; letter-spacing:-1px;}
input.inputForm_login:-moz-placeholder{color:rgba(255,255,255,.6); font-size:16px; font-weight:400; letter-spacing:-1px;}
input.inputForm_login:-ms-input-placeholder{color:rgba(255,255,255,.6); font-size:16px; font-weight:400; letter-spacing:-1px;}
.inputForm_login:focus {background-color:#2d2d2d; border:solid 1px rgba(255,255,255,.2);}

.inputForm_login_bt {width:100%; height:60px; box-sizing:border-box; cursor:pointer; border-radius:5px; border:solid 1px rgba(255,255,255,.15); color:rgba(255,255,255,.9); font-size:16px; letter-spacing:-0.5px; font-weight:800; transition:all 0.2s ease 0s; background:#2b2b2b;}
.inputForm_login_bt:hover {border:solid 1px rgba(255,255,255,.25); color:rgba(255,255,255,1);}

[type="radio"] {
  vertical-align:middle;
  appearance:none;
  border:solid 2px rgba(255,255,255,.6);
  border-radius:50%;
  width:22px;
  height:22px;
  transition:all 0.1s ease 0s;
  cursor:pointer;	
}

[type="radio"]:checked {
  border:solid 6px #3bdce1;
}

/* page num */
.pag_num_wrap {position:relative; width:100%; height:28px; box-sizing:border-box; margin-top:30px; text-align:center;}
.pag_num_box {display:inline-block; height:28px; box-sizing:border-box;}
.pag_num_box ul li {position:relative; float:left; min-width:28px; height:28px; box-sizing:border-box; border-radius:4px; border:solid 1px rgba(255,255,255,.1); margin-right:2px; text-align:center; color:rgba(255,255,255,.6); font-size:12px; font-weight:400; letter-spacing:-0.4px; padding:7px 7px 0px 7px; cursor:pointer; transition:all 0.2s ease 0s;}
.pag_num_txt {display:block; transform:skew(-0.1deg);}
.pag_l {background: url("/img/svg/bt_l.svg") no-repeat 50% 50%; background-size:6px;}
.pag_r {background: url("/img/svg/bt_r.svg") no-repeat 50% 50%; background-size:6px;}
.pag_num_box ul li:hover {border:solid 1px rgba(255,255,255,.2); color:rgba(255,255,255,.9);}
.pag_num_box ul li.pag_num_on {border:solid 1px rgba(255,255,255,.1); color:rgba(255,255,255,1); background:#424242;}
.pag_num_box ul li:last-child {margin-right:0px;}


.ac_star_wrap {width:55px; background:url("/img/svg/star_b.svg") repeat-x 0px 14px; background-size:11px; margin-right:8px; cursor:default !important; box-sizing: border-box;}
.ac_star {position:relative; float:left; width:11px; height:28px; background:url("/img/svg/star.svg") repeat-x 0px 14px; background-size:11px; box-sizing:border-box;}
.ac_view_wrap {color:rgba(255,255,255,.8); font-size:13px !important; margin-right:8px; padding-top:13px; box-sizing:border-box; transform:skew(-0.1deg); cursor:default !important;}

.ac_tab_wrap {position:relative; width:100%; height:53px; box-sizing:border-box; padding:0px 50px;}
.ac_tab {position:relative; width:100%; height:53px; box-sizing:border-box; border-bottom:solid 2px rgba(255,255,255,.1);}
.ac_tab ul li {position:relative; float:left; width:100px; height:53px; box-sizing:border-box; border:solid 2px #414141; border-bottom:none; border-top-left-radius:10px; border-top-right-radius:10px; cursor:pointer; text-align:center; font-size:15px; font-weight:600; letter-spacing:-0.3px; color:rgba(255,255,255,.5); padding-top:18px; margin-right:4px; transition:all 0.15s ease 0s;}
.ac_tab ul li:hover {color:#fff;}
.ac_tab ul li.actab_on {background:#2b2b2b; color:#fff;}

.ac_rev_bt {position:absolute; width:86px; height:37px; right:50px; top:-52px; box-sizing:border-box; border-radius:18px; padding-top:11px; border:solid 1px rgba(255,255,255,.2); color:rgba(255,255,255,.7); font-size:13px; letter-spacing:-0.5px; font-weight:400; text-align:center; cursor:pointer; transition:all 0.1s ease 0s;}
.ac_rev_bt:hover {border:solid 1px rgba(255,255,255,.3);}
.ac_rev_wrap {position:relative; width:100%; box-sizing:border-box; padding-top:13px;}
.ac_rev_box {position:relative; width:100%; box-sizing:border-box; border:solid 1px rgba(255,255,255,.1); border-radius:10px; margin-bottom:5px; padding:20px; font-family:NotoSansKR,"Nanum Gothic","¸¼Àº °íµñ","Malgun Gothic","µ¸¿ò",Dotum,sans-serif;}
.ac_rev_inf {position:relative; width:100%; box-sizing:border-box; color:rgba(255,255,255,.8); font-size:15px; letter-spacing:-0.3px; font-weight:300; padding-bottom:6px;}
.ac_rev_txt {position:relative; width:100%; box-sizing:border-box; color:rgba(255,255,255,.7); font-size:14px; letter-spacing:-0.3px; font-weight:300; line-height:160%; word-break:keep-all;}
.ac_col {color:rgba(255,255,255,.6); font-size:14px; padding-left:10px;}

.ac_r_wrap {position:relative; width:100%; box-sizing:border-box; padding:50px; border-radius:14px;}
.ac_r_tit {position:relative; width:100%; box-sizing:border-box; font-size:16px; letter-spacing:-0.3px; font-weight:600; color:#fff; transform:skew(-0.1deg); padding-top:15px; padding-bottom:15px;}
.ac_r_tit_2 {position:relative; width:100%; box-sizing:border-box; font-size:16px; letter-spacing:-0.3px; font-weight:600; color:#fff; transform:skew(-0.1deg); padding-top:50px; padding-bottom:15px;}
.ac_r_selwrap {position:relative; width:100%; box-sizing:border-box; border:solid 1px rgba(255,255,255,.1); border-radius:10px; padding:20px 20px 20px 170px; margin-bottom:5px;}
.ac_star_tit {position:absolute; font-size:14px; letter-spacing:-0.5px; font-weight:400; color:#fff; transform:skew(-0.1deg); left:20px; top:27px;}
.ac_r_selwrap ul li {position:relative; float:left; box-sizing:border-box; height:30px; border-radius:15px; border:solid 1px rgba(255,255,255,.1); padding:6px 10px 0px 10px; margin-right:7px; cursor:pointer; transition:all 0.15s ease 0s;}
.ac_r_selwrap ul li .ac_star_bg {width:11px; height:16px; background:url("/img/svg/star_b2.svg") repeat-x 0px 2px; background-size:11px;}
.ac_r_selwrap ul li .ac_star_bg.ac_on {background:url("/img/svg/star.svg") repeat-x 0px 2px !important; background-size:11px !important;}
.ac_r_selwrap ul li:hover {border:solid 1px rgba(36,205,210,.5);}
.ac_r_write {position:relative; width:100%; box-sizing:border-box;}

.txtarea_ac {position:relative; width:100%; box-sizing:border-box; height:300px; vertical-align:top; text-align:left; border:solid 1px rgba(255,255,255,.1); border-radius:10px; line-height:150%; color:rgba(255,255,255,.9); font-size:16px; font-weight:400; letter-spacing:-0.5px; font-family:NotoSansKR,"Nanum Gothic","¸¼Àº °íµñ","Malgun Gothic","µ¸¿ò",Dotum,sans-serif; overflow-x:hidden; overflow-y:auto; background-color:transparent; padding:20px; resize:none;}

textarea.txtarea_ac::-webkit-input-placeholder{color:rgba(255,255,255,.6); font-size:16px; font-weight:400; letter-spacing:-1px;}
textarea.txtarea_ac::-moz-placeholder{color:rgba(255,255,255,.6); font-size:16px; font-weight:400; letter-spacing:-1px;}
textarea.txtarea_ac:-moz-placeholder{color:rgba(255,255,255,.6); font-size:16px; font-weight:400; letter-spacing:-1px;}
textarea.txtarea_ac:-ms-input-placeholder{color:rgba(255,255,255,.6); font-size:16px; font-weight:400; letter-spacing:-1px;}

.ac_r_bt {position:relative; width:120px; height:50px; box-sizing:border-box; margin:0 auto; border-radius:5px; border:solid 1px rgba(255,255,255,.15); transition:all 0.1s ease 0s; margin-top:15px; text-align:center; color:#fff; font-size:15px; font-weight:600; letter-spacing:-0.5px; padding-top:15px; cursor:pointer;}
.ac_r_bt:hover {border:solid 1px rgba(36,205,210,.3); color:#3bdce1;}
.ac_col_2 {display:block; transform:skew(-0.1deg);}

.lec_ic_wrap ul li.ac_list_pl {background:url("/img/svg/list_pl.svg") no-repeat 4px 12px; background-size:19px; width:23px; opacity:.5; transition:all 0.3s ease 0s; height:30px;}
.lec_balloon_3 {position:absolute; width:54px; height:35px; left:-13px; top:-33px; box-sizing:border-box; padding-top:10px; background:url("/img/svg/balloon.svg") no-repeat 50% 50%; background-size:54px; opacity:0; transition:all 0.3s ease 0s;}
.lec_ic_wrap ul li.ac_list_pl:hover {opacity:1;}
.lec_ic_wrap ul li.ac_list_pl:hover .lec_balloon_3 {opacity:1; top:-33px;}
.lec_balloon_4 {position:absolute; width:54px; height:35px; left:-13px; top:-33px; box-sizing:border-box; padding-top:10px; background:url("/img/svg/balloon.svg") no-repeat 50% 50%; background-size:54px; opacity:0; transition:all 0.3s ease 0s;}
.lec_ic_wrap ul li.lec_hand:hover .lec_balloon_4 {opacity:1; top:-33px;}
.lec_balloon_txt_2 {position:relative; width:100%; box-sizing:border-box; text-align:center; font-size:11px; letter-spacing:-0.5px; color:#3a3a3e; font-weight:600; transform:skew(-0.1deg);}


.acplay_list_wrap {position:fixed; width:400px; height:580px; left:calc(50% - 200px); top:120px; box-sizing:border-box; background:#fff; border-radius:10px; box-shadow:0px 20px 35px rgba(0,0,0,.4); overflow:hidden; z-index:20000;}
.acplay_list_cont {position:relative; width:100%; height:580px; box-sizing:border-box; overflow-x:hidden; overflow-y:auto; padding:40px 30px 60px 30px;}
.acplay_list_cont::-webkit-scrollbar {
    width: 6px;
}
.acplay_list_cont::-webkit-scrollbar-track {
    background-color: #e1e3e6;
	border-radius: 0px;
}
.acplay_list_cont::-webkit-scrollbar-thumb {
    background-color: #b2b6bc;
	border-radius: 0px;
}

.acplay_close {position:absolute; width:24px; height:24px; right:12px; top:12px; background:url("/img/svg/ac_close.svg") no-repeat 50% 50%; background-size:16px; cursor:pointer; z-index:1000; opacity:.4; transition:all 0.15s ease 0s;}
.acplay_close:hover {opacity:.9;}
.acplay_tit {position:relative; width:100%; box-sizing:border-box; font-size:17px; font-weight:800; letter-spacing:-0.5px; color:#000; line-height:100%; padding-bottom:15px; transform:skew(-0.1deg);}
.acplay_list {position:relative; width:100%; box-sizing:border-box;}
.acplay_list ul li {position:relative; width:100%; height:70px; box-sizing:border-box; border-bottom:solid 1px #f0f0f0; padding:19px 60px 0px 50px; background:url("/img/svg/ac_ic_1.svg") no-repeat 0px 50%; background-size:32px;}
.acplay_list_tit {position:relative; width:100%; box-sizing:border-box; font-size:14px; font-weight:600; letter-spacing:-1px; color:#333; line-height:100%; font-family:NotoSansKR,"Nanum Gothic","¸¼Àº °íµñ","Malgun Gothic","µ¸¿ò",Dotum,sans-serif; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-bottom:6px;}
.acplay_list_num {position:relative; width:100%; box-sizing:border-box; font-size:11px; font-weight:600; letter-spacing:-0.5px; color:#959595; line-height:100%; transform:skew(-0.1deg);}
.acplay_list_add {position:absolute; width:45px; height:30px; right:0px; top:20px; box-sizing:border-box; background:url("/img/svg/ac_ic_2.svg") no-repeat 100% 50%; background-size:20px; cursor:pointer; font-size:12px; font-weight:600; letter-spacing:-1px; color:#999; line-height:100%; padding-top:9px; transition:all 0.15s ease 0s;}
.acplay_list_add:hover {color:#1fb9be;}
.acplay_list_make {position:absolute; height:40px; right:30px; bottom:25px; box-sizing:border-box; background:#09c3bb url("/img/svg/ac_ic_3.svg") no-repeat 15px 50%; background-size:10px; cursor:pointer; transition:all 0.15s ease 0s; border-radius:20px; z-index:1500; font-size:14px; font-weight:400; letter-spacing:-1px; color:#fff; line-height:100%; padding:13px 18px 0px 30px;} 
.acplay_col {display:block; transform:skew(-0.1deg);}
.acplay_list_make:hover {background:#04b3ab url("/img/svg/ac_ic_3.svg") no-repeat 15px 50%; background-size:10px;}
.acplay_list_none {position:relative; width:100%; box-sizing:border-box; font-size:14px; font-weight:400; letter-spacing:-0.5px; color:#666; line-height:160%; text-align:center; padding:26px; margin-top:40px;}
.acplay_list_none_bt {display:inline-block; height:40px; box-sizing:border-box; cursor:pointer; transition:all 0.15s ease 0s; border-radius:20px; font-size:13px; font-weight:400; letter-spacing:-1px; color:#666; line-height:100%; padding:13px 18px 0px 18px; border:solid 1px rgba(9,195,187,.3); margin-top:12px;}
.acplay_list_none_bt:hover {border:solid 1px rgba(9,195,187,.7); color:#333;}

.acplay_add_wrap {position:absolute; width:100%; height:340px; left:0px; bottom:-340px; box-sizing:border-box; background:#383838; border-top-left-radius:10px; border-top-right-radius:10px; z-index:2000; transition:all 0.5s ease 0s; padding:43px 30px 0px 30px;}
.acplay_add_up {bottom:0px !important;}
.acplay_add_down {bottom:-340px !important;}

.acplay_add_tit {position:relative; width:100%; box-sizing:border-box; font-size:16px; font-weight:400; letter-spacing:-0.5px; color:#fff; line-height:100%; padding-bottom:15px; transform:skew(-0.1deg);}
.acplay_add_tit_2 {position:relative; width:100%; box-sizing:border-box; font-size:14px; font-weight:400; letter-spacing:-0.5px; color:#fff; line-height:100%; padding-bottom:13px; transform:skew(-0.1deg);}
.acplay_add_write {position:relative; width:100%; box-sizing:border-box; margin-bottom:32px;}
.acplay_add_sel {position:relative; width:100%; height:40px; box-sizing:border-box; margin-bottom:40px;}
.acplay_add_sel ul li {position:relative; float:left; height:40px; box-sizing:border-box; border-radius:20px; border:solid 1px rgba(255,255,255,.15); text-align:center; font-size:14px; color:#c0c0c0; font-weight:400; letter-spacing:-0.5px; padding:11px 16px 0px 16px; cursor:pointer; margin-right:5px; transition:all 0.2s ease 0s;}
.acplay_add_sel ul li:hover {border:solid 1px rgba(255,255,255,.3); color:#d7d7d7;}
.acplay_add_sel ul li.acplay_on {border:solid 1px #2d8183; color:#6bfaff;}
.acplay_add_bt {position:relative; width:100%; height:40px; box-sizing:border-box;}
.acplay_add_bt ul li {position:relative; float:right; width:80px; height:40px; box-sizing:border-box; border-radius:20px; text-align:center; font-size:14px; font-weight:600; letter-spacing:-0.5px; padding-top:12px; cursor:pointer; margin-right:5px; transition:all 0.2s ease 0s;}
.acplay_add_bt ul li.acplay_bt_1 {background:#fff; color:#2b2b2b;}
.acplay_add_bt ul li.acplay_bt_2 {background:#565656; color:#d3d2d2;}


.inputForm_acplay
{
	font-size:15px;
	font-weight:400;
	letter-spacing:normal;
	color:rgba(255,255,255,.9);
	height:54px;
	width:100%;
	box-sizing:border-box;
	font-family:NotoSansKR,"Nanum Gothic","¸¼Àº °íµñ","Malgun Gothic","µ¸¿ò",Dotum,sans-serif;
	padding-left:15px;
	background-color:#3e3e3e;
	border-radius:5px;
	border:solid 1px rgba(255,255,255,.15);
	transition:all 0.15s ease 0s;
}
input.inputForm_acplay::-webkit-input-placeholder{color:rgba(255,255,255,.6); font-size:14px; font-weight:400; letter-spacing:-1px;}
input.inputForm_acplay::-moz-placeholder{color:rgba(255,255,255,.6); font-size:14px; font-weight:400; letter-spacing:-1px;}
input.inputForm_acplay:-moz-placeholder{color:rgba(255,255,255,.6); font-size:14px; font-weight:400; letter-spacing:-1px;}
input.inputForm_acplay:-ms-input-placeholder{color:rgba(255,255,255,.6); font-size:14px; font-weight:400; letter-spacing:-1px;}
.inputForm_acplay:focus {background-color:#2d2d2d; border:solid 1px rgba(255,255,255,.2);}