.dcb_wrap {position:relative;}
.dcb_wrap .default_box {position:relative;}
.dcb_wrap .table_wrap {position:relative; margin-top:35px;}
.dcb_wrap .notice_box {position:relative; padding:20px; font-size:13px; line-height:170%; color:#333; font-weight:500;}
.dcb_wrap .df_hdbx h2,
.dcb_wrap .df_hdbx p {display:inline-block; width:100%; }
.dcb_wrap .df_hdbx h2 { font-weight:800; font-size:35px; color:#000; line-height:100%; }
.dcb_wrap .df_hdbx h2 span {font-weight:800; color:#0074ef;}
.dcb_wrap .df_hdbx p {font-size:17px; color:#000; font-weight:500; line-height:140%; padding-top:15px; }
.dcb_wrap .dcb_pos {position:relative; left:0; right:0; margin:auto; max-width:1250px; width:100%; padding:30px; z-index:1;}
.dcb_wrap .space {margin-top:50px;}
.dcb_wrap .str_box {position:relative; left:0; right:0; margin:30px auto 0 auto; max-width:1600px; width:calc(100% - 30px); padding:130px; background:#f0f8ff; overflow:hidden; border-radius:30px;}
.dcb_wrap .str_box:after {content: ""; position: absolute; top:50%; left:50%; width: 200%; height: 0; background: linear-gradient(0deg, var(--sym_color) 25%, transparent 0, transparent 50%, var(--sym_color) 0, var(--sym_color) 75%, transparent 0); -webkit-background-size: 15px 15px; background-size: 15px 15px; opacity: 0.02; transform:translate(-50%, -50%) rotate(-45deg); animation-name: pattern; animation-iteration-count: 1; animation-direction:normal;animation-fill-mode: forwards; animation-duration:0.8s;animation-delay: 0.3s; display:none;}
.dcb_wrap .sb_hdbx {position:relative;margin-bottom:50px; text-align:left; z-index:2;}
.dcb_wrap .sb_hdbx h3,
.dcb_wrap .sb_hdbx p {display:inline-block; width:100%; }
.dcb_wrap .sb_hdbx h3 { font-weight:600; font-size:70px; color:#000; line-height:100%; }
.dcb_wrap .sb_hdbx h3 span {font-weight:800; color:#0074ef;}
.dcb_wrap .sb_hdbx p {font-size:30px; color:#000; font-weight:600; line-height:140%; margin-top:25px; }
.dcb_wrap .sb_hdbx p span {color:#ff5500;font-weight:700;}
.dcb_wrap ul.why_list {position:relative; font-size:0; padding:0 0; text-align:left; z-index:2;}
.dcb_wrap ul.why_list li {display:inline-block; width:100%;  font-weight:500; font-size:20px;  text-indent:-13px; padding:5px 0 0 12px; line-height:120%; color: var(--sym_color)/*#6f9ccb*/;}
.dcb_wrap ul.why_list li:before {content:"ㆍ"; }
.dcb_wrap ul.why_list li span {}
.dcb_wrap .tc_pic {position:absolute; bottom:-10px; right:-50px; height:100%; z-index:1;}
.dcb_wrap .tc_pic img {height:100%;}
.dcb_wrap ul.mps_pos {position:relative; text-align:left; font-size:0; padding:35px 0;}
.dcb_wrap ul.mps_pos li {display:inline-block; vertical-align:top; width:33.3333%; margin:0px; padding:30px;position:relative; border:0px solid red;}
.dcb_wrap ul.mps_pos li h3 {position:relative; font-weight: 700; font-size: 20px; transition: all .3s; padding:0 0 0 0; color: #000; line-height:110%;}
.dcb_wrap ul.mps_pos li h3 strong {font-weight:normal; color:var(--biw_div_h3_span);}
.dcb_wrap ul.mps_pos li h3 span {display:inline-block; font-family:NanumBarunGothic, sans-serif; font-weight: normal; font-size:13px; color:var(--biw_div); opacity: 0.8; padding-left:10px;}
.dcb_wrap ul.mps_pos li h3 span span {color:var(--biw_div_h3_span); padding:0; transition:all .3s;}
.dcb_wrap ul.mps_pos li .ei_wrp {position:relative; font-size:13px;line-height:170%; color:#888; padding:20px 0 0 0px;}
.dcb_wrap ul.mps_pos li .ei_wrp.eng {line-height:140%;}
.dcb_wrap ul.dft_elist {position:relative; text-align:left; font-size:0; padding:55px 0 50px 0;}
.dcb_wrap ul.dft_elist li {display:inline-block; vertical-align:top; width:33.3333%;  margin:0px; padding:5px 55px 5px 30px ; border-left:1px solid var(--nav_sel_line); position:relative; /*height:250px; border:1px solid var(--nav_sel_line); background:#f7fbfe; border-radius:20px;*/}
.dcb_wrap ul.dft_elist li h3 {position:relative; font-weight: 600; font-size: 24px; transition: all .3s; padding:0 0 0 0; color: #000; line-height:110%;}
.dcb_wrap ul.dft_elist li h3 strong {font-weight:normal; color:var(--biw_div_h3_span);}
.dcb_wrap ul.dft_elist li h3 span {display:inline-block; font-family:NanumBarunGothic, sans-serif; font-weight: normal; font-size:13px; color:var(--biw_div); opacity: 0.8; padding-left:10px;}
.dcb_wrap ul.dft_elist li h3 span span {color:var(--biw_div_h3_span); padding:0; transition:all .3s;}
.dcb_wrap ul.dft_elist li p {position:relative; font-size:13px;line-height:170%; color:#888; padding:20px 0 0 0px;}
.dcb_wrap .zm_pos {position:relative; left:0; right:0; margin:auto; max-width:1800px; width:calc(100% - 30px); padding:160px 100px;background:#0b5cff; z-index:1; text-align:left; border-radius:30px; overflow:hidden;}
.dcb_wrap .zm_pos.prc_add {background:#00448b; margin-top:30px;}
.dcb_wrap .zm_pos:after {content:""; position:absolute; top:50%; left:-1100px; width:2000px; height:2000px; transform:translateY(-50%) rotate(27deg); background:rgba(0,0,0,0.2);}
.dcb_wrap .zm_pos.not:after {top:0; left:0; width:100%; height:100%; transform:none; background:rgba(0,38,89,0.8);}
.dcb_wrap .zm_pos ul.blk_tv {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(20deg); font-size:0; width:2200px; counter-reset:li}
.dcb_wrap .zm_pos ul.blk_tv > li {display:inline-block; vertical-align:middle; width:calc(25% - 10px); margin:5px; position:relative; font-size:0; border-radius:20px; overflow:hidden; background:url(../../images/logo_default_w.png) no-repeat; background-size:20% auto; background-position:center center !important;}
.dcb_wrap .zm_pos ul.blk_tv > li:nth-child(7) {background:url(../../images/zm_1.jpg) no-repeat; background-size:cover !important; }
.dcb_wrap .zm_pos ul.blk_tv > li:nth-child(9) {background:url(../../images/tb_p1.jpg) no-repeat;background-size:cover !important; }
.dcb_wrap .zm_pos ul.blk_tv > li:nth-child(11) {background:url(../../images/tb_p2.jpg) no-repeat;background-size:cover !important; }
.dcb_wrap .zm_pos ul.blk_tv > li:nth-child(14) {background:url(../../images/tb_p4.jpg) no-repeat;background-size:cover !important; }
.dcb_wrap .zm_pos ul.blk_tv > li:nth-child(16) {background:url(../../images/tb_p3.jpg) no-repeat;background-size:cover !important; }
.dcb_wrap .zm_pos ul.blk_tv > li:nth-child(18) {background:url(../../images/zm_2.jpg) no-repeat;background-size:cover !important; }
.dcb_wrap .zm_pos ul.blk_tv > li:nth-child(18) {background:url(../../images/zm_2.jpg) no-repeat;background-size:cover !important; }
.dcb_wrap .zm_pos ul.blk_tv > li:after {content:""; display:block; padding-top:57%; background:#000; opacity:0.2;}
.dcb_wrap .zm_pos ul.blk_tv > li:nth-child(8):after { opacity:0.3;}
.dcb_wrap .zm_pos ul.blk_tv > li:nth-child(14):after { opacity:0.6;}
.dcb_wrap .zm_pos ul.blk_tv > li:nth-child(15):after { opacity:0.45;}
.dcb_wrap .zm_pos ul.blk_tv > li:before	{content:counter(li)":00"; counter-increment:li; font-size:13px; color:rgba(255,255,255,0.6); position:absolute; top:10px; left:10px;}
.dcb_wrap .zp_char {position:absolute; top:0; left:0; right:0; margin:auto; max-width:1800px;  z-index:2;}
.dcb_wrap .zp_char span {position:absolute; top:-130px; right:-30px; width:200px;}
.dcb_wrap .zp_char span:after {content:""; position:absolute;bottom:-25px; left:0; background:rgba(0,0,0,0.05); width:100%; height:15px; border-radius:100%;}
.dcb_wrap .zp_char img {width:100%;}
.dcb_wrap .zp_pos {position:relative; left:0; right:0; margin:auto; max-width:1200px;  z-index:1;}
.dcb_wrap .z_photo {position:absolute; top:50%; right:0; transform:translateY(-50%); height:70%;}
.dcb_wrap .z_photo .zpt {position:absolute; width:400px; background-position:center center !important; background-size:cover !important; border-radius:25px;}
.dcb_wrap .z_photo .zpt:after {content:""; display:block; padding-top:70%;}
.dcb_wrap .z_photo .zpt.zp1 {top:-20px; right:0; background:url(../../images/zm_1.jpg) no-repeat;}
.dcb_wrap .z_photo .zpt.zp2 {top:60px; right:90px; background:url(../../images/zm_2.jpg) no-repeat;}
.dcb_wrap .z_pic {position:relative;}
.dcb_wrap .z_pic img {max-width:400px; width:100%;}
.dcb_wrap .zm_hdbx {position:relative;margin:30px 0 0px 0;}
.dcb_wrap .zm_hdbx h3,
.dcb_wrap .zm_hdbx p,
.dcb_wrap .zm_hdbx .exp {display:inline-block; width:100%;}
.dcb_wrap .zm_hdbx h3 { font-weight:600; font-size:60px; color:#fff; line-height:100%; }
.dcb_wrap .zm_hdbx h3 span {font-weight:800; color:#00d0ff;}
.dcb_wrap .zm_hdbx p {font-size:20px; color:rgba(255,255,255, 0.85); font-weight:600; line-height:170%; margin-top:25px;}
.dcb_wrap .zm_hdbx .exp {font-size:14px; color:rgba(255,255,255, 0.8); font-weight:600; line-height:170%; padding:25px 0 0 5px;}
.dcb_wrap ul.zoom_info {position:relative; margin-top:25px;}
.dcb_wrap ul.zoom_info li {position:relative; font-size:0; margin-top:10px;}
.dcb_wrap ul.zoom_info li span {display:inline-block; vertical-align:middle; font-size:13px;}
.dcb_wrap ul.zoom_info li .tit {width:110px; color:rgba(255,255,255,0.7);}
.dcb_wrap ul.zoom_info li .tit:before {content:"ㆍ";}
.dcb_wrap ul.zoom_info li .txt {width:calc(100% - 110px); color:#fff;}
.dcb_wrap .pay_exp {position:relative; left:0; right:0; margin:auto; max-width:1200px;  z-index:1;}
.dcb_wrap .pe_hdbx {position:relative;}
.dcb_wrap .pe_hdbx h3,
.dcb_wrap .pe_hdbx p {display:inline-block; width:100%;}
.dcb_wrap .pe_hdbx h3 { font-weight:600; font-size:30px; color:#fff; line-height:100%; }
.dcb_wrap .pe_hdbx h3 span {font-weight:800; color:#00d0ff;}
.dcb_wrap .pe_hdbx p {font-size:17px; color:rgba(255,255,255, 0.85); font-weight:500; line-height:170%; margin-top:10px;}
.dcb_wrap ul.pay_info {position:relative; margin-top:25px;}
.dcb_wrap ul.pay_info li {position:relative; font-size:0; margin-top:5px;}
.dcb_wrap ul.pay_info li span {display:inline-block; vertical-align:middle; font-size:14px;font-weight:500;}
.dcb_wrap ul.pay_info li .tit {width:95px; color:rgba(255,255,255,0.7);}
.dcb_wrap ul.pay_info li .tit:before {content:"ㆍ";}
.dcb_wrap ul.pay_info li .txt {width:calc(100% - 95px); color:#fff;}
.dcb_wrap .go_pay {position:absolute; top:50%; right:20px; transform:translateY(-50%); width:250px; height:150px; transition:all .3s; cursor:pointer;}
.dcb_wrap .go_pay .p_con,
.dcb_wrap .go_pay .p_arr {position:absolute; left:0; width:100%; height:50%; }
.dcb_wrap .go_pay .p_con {top:0;}
.dcb_wrap .go_pay .p_con span {position:absolute; bottom:0; right:0; width:100%; padding:0 50px 25px 0; line-height:100%; font-size:22px; color:#fff; font-weight:800; text-align:right;}
.dcb_wrap .go_pay .p_arr {bottom:0; overflow:hidden;border-top:1px solid rgba(255,255,255,0.2);transition:all .3s;}
.dcb_wrap .go_pay .p_line {position:absolute; top:0; right:0; width:100%;}
.dcb_wrap .go_pay .p_line .in_arr {position:absolute; top:50%; right:18px; transform:translateY(-50%) rotate(45deg); width:80px; border:1px solid rgba(255,255,255,0.2); border-width:0 1px 0 0;transition:all .3s;}
.dcb_wrap .go_pay .p_line .in_arr:after {content:""; display:block; padding-top:100%;}
.dcb_wrap .go_pay:hover {right:0px;}
.dcb_wrap .go_pay:hover .p_arr,
.dcb_wrap .go_pay:hover .p_line .in_arr {border-color:rgba(255,255,255,0.5);}
.dcb_wrap .go_pay .p_line {position:absolute; top:0; right:0; width:100%;}
.dcb_wrap .course_wrap {position:relative; font-size:0; padding:25px 0 50px 0 ; }
.dcb_wrap .course_wrap .course {display:inline-block; vertical-align:top; width:50%; text-align:left; padding:30px; position:relative;}
.dcb_wrap .course_wrap .course .cs_hdbx {display:inline-block; width:100%;}
.dcb_wrap .course_wrap .course .cs_hdbx h3,
.dcb_wrap .course_wrap .course .cs_hdbx p,
.dcb_wrap .course_wrap .course .cs_hdbx .cate {display:inline-block; width:100%;}
.dcb_wrap .course_wrap .course .cs_hdbx h3 {font-size:22px; line-height:100%; color:#000; margin-bottom:20px; font-weight: 800; }
.dcb_wrap .course_wrap .course .cs_hdbx h3 span {font-size:16px; color:#333; font-weight: 600; display:inline-block; padding-left:5px;}
.dcb_wrap .course_wrap .course .cs_hdbx p {font-weight:600; font-size:16px; line-height:140%; color:#333;}
.dcb_wrap .course_wrap .course .cs_hdbx p span {color:#ff5500;}
.dcb_wrap .course_wrap .course .cs_hdbx .cate {margin-top:15px;}
.dcb_wrap .course_wrap .course .cs_hdbx .cate span {display:inline-block; vertical-align:middle; border:0px solid #ddd; background:#f7fbfe; font-size:13px; line-height:100%; margin:5px 5px 0 0; padding:8px 15px; border-radius:30px;}
.dcb_wrap .course_wrap .course .cs_hdbx .cate span:before {content:"# "; display:inline-block; color:#999;}
.dcb_wrap .course_wrap .course ul.st_cs {display:inline-block; width:100%; padding:20px 0 0 5px;}
.dcb_wrap .course_wrap .course ul.st_cs li {display:inline-block; width:100%; font-size:13px; text-indent:-13px; padding:3px 0 0 12px;}
.dcb_wrap .course_wrap .course ul.st_cs li:before {content:"ㆍ"; }
.dcb_wrap .course_wrap .course ul.st_cs li span {}
.dcb_wrap .greet_box {position:relative; margin-bottom:35px;}
.dcb_wrap .greet_box h2,
.dcb_wrap .greet_box p,
.dcb_wrap .greet_box .cap_name {display:inline-block; width:100%; }
.dcb_wrap .greet_box h2 { font-weight:800; font-size:35px; color:#000; line-height:120%; }
.dcb_wrap .greet_box h2 span {font-weight:800; color:#2d006d;}
.dcb_wrap .greet_box h2 span.tc_pt {color:var(--sym_color);}
.dcb_wrap .greet_box p {font-size:14px; color:#777; font-weight:500; line-height:160%; padding-top:15px; }
.dcb_wrap .greet_box .cap_name {font-size:0; padding:25px 0 0 0; text-align:right; }
.dcb_wrap .greet_box .cap_name ct,
.dcb_wrap .greet_box .cap_name who {display:inline-block; vertical-align:bottom; line-height:100%;}
.dcb_wrap .greet_box .cap_name ct {font-size:15px; padding:0 10px 1px 0; color:#999;}
.dcb_wrap .greet_box .cap_name who {font-size:22px; color:#000;}
.dcb_wrap .pr_pos {position:relative; left:0; right:0; margin:auto; max-width:1800px; width:calc(100% - 30px); padding:160px 100px;background:#2d006d; z-index:1; text-align:left; border-radius:30px; overflow:hidden;}
.dcb_wrap .prin_xy {position:relative; left:0; right:0; margin:auto; max-width:1200px;  z-index:1;}
.dcb_wrap .prin_xy .px_area {position:relative; left:0;width:50%;  z-index:1; }
.dcb_wrap .pr_pic {position:relative;}
.dcb_wrap .pr_pic img {max-width:300px; width:100%;}
.dcb_wrap .prd_hdbx {position:relative;margin:30px 0 0px 0;}
.dcb_wrap .prd_hdbx h3,
.dcb_wrap .prd_hdbx p,
.dcb_wrap .prd_hdbx .exp {display:inline-block; width:100%;}
.dcb_wrap .prd_hdbx h3 { font-weight:600; font-size:30px; color:#fff; line-height:120%; }
.dcb_wrap .prd_hdbx h3 span {font-weight:800; color:#00d0ff;}
.dcb_wrap .prd_hdbx p {font-size:20px; color:rgba(255,255,255, 0.85); font-weight:600; line-height:170%; margin-top:25px;}
.dcb_wrap .prd_hdbx .exp {font-size:14px; color:rgba(255,255,255, 0.8); font-weight:500; line-height:170%; padding:25px 0 0 5px;}
.dcb_wrap .kakao_api {position:absolute; top:0; right:0; width:50%; height:100%; }
.dcb_wrap .info_pos {position:relative; left:0; right:0; margin:auto; max-width:1250px; width:100%; padding:100px 30px 130px 280px; z-index:1;}
.dcb_wrap .info_char {position:absolute; top:80px; left:0; right:0; margin:auto; max-width:1800px;  z-index:2;}
.dcb_wrap .info_char span {position:absolute; top:0;left:10px; width:180px;}
.dcb_wrap .info_char span:after {content:""; position:absolute;bottom:-25px; left:0; background:rgba(0,0,0,0.05); width:100%; height:15px; border-radius:100%;}
.dcb_wrap .info_char img {width:100%;}
.dcb_wrap ul.contact_info {position:relative; padding:25px 0 0 0; font-size:0;}
.dcb_wrap ul.contact_info li {display:inline-block; vertical-align:top; width:50%;position:relative; font-size:0; margin-top:3px;}
.dcb_wrap ul.contact_info li.full {width:100%;}
.dcb_wrap ul.contact_info li span {display:inline-block; vertical-align:middle; font-size:12px;}
.dcb_wrap ul.contact_info li .tit {width:110px; color:#999; font-weight:500;}
.dcb_wrap ul.contact_info li .tit:before {content:"ㆍ";}
.dcb_wrap ul.contact_info li .txt {width:calc(100% - 110px); color:#000;}

@media screen and (max-width: 1500px){
	.dcb_wrap .zm_pos:after {left:-800px; width:1600px; height:1600px; }
}

@media screen and (max-width: 1160px){
	.dcb_wrap .table_wrap {margin:20px 20px 0 20px; width:calc(100% - 40px);}
	.dcb_wrap .notice_box {padding:20px 40px 0 40px; font-size:12px; line-height:140%;}
	.dcb_wrap .df_hdbx p {font-size:15px;padding:0px 30px 0 30px; }
	.dcb_wrap .space {margin-top:0px;}
	.dcb_wrap .str_box {width:100%; padding:80px; border-radius:0px; margin:0 auto;}
	.dcb_wrap .sb_hdbx {margin-bottom:20px;}
	.dcb_wrap .sb_hdbx h3 { font-size:40px;}
	.dcb_wrap .sb_hdbx p {font-size:20px; margin-top:20px; }
	.dcb_wrap ul.why_list li {font-size:15px;  text-indent:-13px; padding:5px 0 0 12px;}
	.dcb_wrap ul.mps_pos {padding:30px;}
	.dcb_wrap ul.mps_pos li {width:50%;}
	.dcb_wrap ul.dft_elist {padding:30px;}
	.dcb_wrap ul.dft_elist li {padding:0  0 0px ; width:calc(33.3333% - 10px); margin-right:15px; border-left:0;}
	.dcb_wrap ul.dft_elist li:last-child {margin:0;}
	.dcb_wrap ul.dft_elist li h3 {font-size: 18px;}
	.dcb_wrap ul.dft_elist li h3 span {font-size:12px; padding-left:10px;}
	.dcb_wrap ul.dft_elist li p {font-size:12px;line-height:170%; padding:10px 0 0 0px;}
	.dcb_wrap .zm_pos {padding:70px;}
	.dcb_wrap .zm_pos:after {display:none;}
	.dcb_wrap .zm_pos.not:after {display:block !important;}
	.dcb_wrap .zm_pos ul.blk_tv {width:1100px;}
	.dcb_wrap .zp_char span {top:70px; right:60px; width:22%;}
	.dcb_wrap .z_photo .zpt {width:250px; border-radius:15px; display:none;}
	.dcb_wrap .z_pic img {max-width:200px;}
	.dcb_wrap .zm_hdbx {margin:20px 0 0px 0;}
	.dcb_wrap .zm_hdbx h3 { font-size:40px;}
	.dcb_wrap .zm_hdbx p {font-size:15px; line-height:160%; margin-top:20px;}
	.dcb_wrap .zm_hdbx .exp {font-size:12px; line-height:160%; padding:20px 0 0 0px;}
	.dcb_wrap ul.zoom_info {margin-top:20px;}
	.dcb_wrap ul.zoom_info li {margin-top:5px;}
	.dcb_wrap ul.zoom_info li span {font-size:12px;}
	.dcb_wrap ul.zoom_info li .tit {width:100px; color:rgba(255,255,255,0.7);}
	.dcb_wrap ul.zoom_info li .txt {width:calc(100% - 100px);}
	.dcb_wrap .pay_exp {padding:0 130px 0 0;}
	.dcb_wrap .pe_hdbx h3 { font-size:20px;}
	.dcb_wrap .pe_hdbx p {font-size:15px; margin-top:5px;}
	.dcb_wrap ul.pay_info li span {font-size:13px;}
	.dcb_wrap .go_pay {position:relative; top:0; left:0; right:initial; transform:none; width:250px; height:150px; margin-top:35px;}
	.dcb_wrap .course_wrap {padding:0 0; }
	.dcb_wrap .pr_pos {padding:0;}
	.dcb_wrap .prin_xy {padding:70px;}
	.dcb_wrap .prin_xy .px_area {width:100%;}
	.dcb_wrap .greet_box {margin:0;}
	.dcb_wrap .greet_box p {font-size:14px; padding:15px 30px 0 30px; }
	.dcb_wrap .greet_box .cap_name {padding:25px 30px 0 30px;}
	.dcb_wrap .greet_box .cap_name ct {font-size:13px;}
	.dcb_wrap .greet_box .cap_name who {font-size:20px; color:#000;}
	.dcb_wrap .pr_pic img {max-width:200px;}
	.dcb_wrap .prd_hdbx {margin:20px 0 0px 0;}
	.dcb_wrap .prd_hdbx h3 { font-size:24px;}
	.dcb_wrap .prd_hdbx p {font-size:17px; margin-top:20px;}
	.dcb_wrap .prd_hdbx .exp {font-size:13px; line-height:160%; padding:20px 0 0 5px;}
	.dcb_wrap .kakao_api {position:relative; left:0; right:initial; width:100%; height:450px; }
	.dcb_wrap .info_pos {padding:50px 80px 80px 200px;}
	.dcb_wrap .info_char {top:0px;}
	.dcb_wrap .info_char span {top:70px;left:40px; width:160px;}
	.dcb_wrap ul.contact_info {padding:25px 30px 0 30px;}
	.dcb_wrap ul.contact_info li {width:100%;}
}

@media screen and (max-width: 900px){
	.dcb_wrap .course_wrap .course {width:100%; padding:30px;}
	.dcb_wrap .course_wrap .course.st {padding-top:0;}
	.dcb_wrap .course_wrap .course .cs_hdbx h3 {font-size:18px;margin-bottom:10px;}
	.dcb_wrap .course_wrap .course .cs_hdbx h3 span {font-size:15px; padding-left:5px;}
	.dcb_wrap .course_wrap .course .cs_hdbx p {font-size:14px; line-height:130%; }
	.dcb_wrap .course_wrap .course .cs_hdbx .cate {margin-top:10px;}
	.dcb_wrap .course_wrap .course .cs_hdbx .cate span {font-size:12px;margin:3px 3px 0 0; padding:5px 10px;}
	.dcb_wrap .course_wrap .course ul.st_cs {padding:20px 0 0 0px;}
	.dcb_wrap .course_wrap .course ul.st_cs li {font-size:12px;}
}

@media screen and (max-width: 650px){
	.dcb_wrap .table_wrap {margin:10px 15px 0 15px; width:calc(100% - 30px);}
	.dcb_wrap .notice_box {padding:10px 25px 0 25px; font-size:11px; line-height:130%;}
	.dcb_wrap .df_hdbx p {font-size:12px;padding:0px 25px 0 25px; }
	.dcb_wrap .dcb_pos {padding:0px;}
	.dcb_wrap .str_box {padding:30px 110px 30px 30px;}
	.dcb_wrap .sb_hdbx {margin-bottom:10px;}
	.dcb_wrap .sb_hdbx h3 { font-size:20px;}
	.dcb_wrap .sb_hdbx p {font-size:15px; margin-top:20px; }
	.dcb_wrap ul.why_list li {font-size:13px;  text-indent:-13px; padding:1px 0 0 12px;}
	.dcb_wrap ul.mps_pos li {width:100%; padding:0 0 20px 0;}
	.dcb_wrap ul.mps_pos li:last-child {padding:0;}
	.dcb_wrap ul.mps_pos li h3 {font-size: 15px;}
	.dcb_wrap ul.mps_pos li h3 span {font-size:12px; }
	.dcb_wrap ul.mps_pos li .ei_wrp {font-size:11px;line-height:150%; padding:5px 0 0 0px;}
	.dcb_wrap ul.dft_elist {padding:10px 30px 20px 30px;}
	.dcb_wrap ul.dft_elist li {width:100%; margin:0 0 10px 0;}
	.dcb_wrap ul.dft_elist li h3 {font-size: 13px;}
	.dcb_wrap ul.dft_elist li h3 span {font-size:11px; padding-left:10px;}
	.dcb_wrap ul.dft_elist li p {font-size:11px;line-height:150%; padding:3px 0 0 0px;}
	.dcb_wrap .zm_pos {padding:35px; border-radius:10px; width:calc(100% - 20px); }
	.dcb_wrap .zm_pos ul.blk_tv {width:800px;}
	.dcb_wrap .zm_pos ul.blk_tv > li {border-radius:10px;}
	.dcb_wrap .zm_pos ul.blk_tv > li:before	{font-size:10px;}
	.dcb_wrap .zp_char span {top:30px; right:40px; width:70px;}
	.dcb_wrap .zp_char.pr span {display:none;}
	.dcb_wrap .z_pic img {max-width:130px;}
	.dcb_wrap .zm_hdbx {margin:15px 0 0px 0;}
	.dcb_wrap .zm_hdbx h3 { font-size:20px;}
	.dcb_wrap .zm_hdbx p {font-size:13px; line-height:160%; margin-top:20px;}
	.dcb_wrap .zm_hdbx .exp {font-size:11px; line-height:160%; padding:20px 0 0 0px;}
	.dcb_wrap ul.zoom_info {margin-top:15px;}
	.dcb_wrap ul.zoom_info li {margin-top:3px;}
	.dcb_wrap ul.zoom_info li span {font-size:11px;}
	.dcb_wrap ul.zoom_info li .tit {width:90px;}
	.dcb_wrap ul.zoom_info li .txt {width:calc(100% - 90px);}
	.dcb_wrap .pay_exp {padding:0 0 0 0;}
	.dcb_wrap .pe_hdbx h3 { font-size:17px;}
	.dcb_wrap .pe_hdbx p {font-size:13px; margin-top:5px;}
	.dcb_wrap ul.pay_info {margin-top:15px;}
	.dcb_wrap ul.pay_info li {margin-top:0px;}
	.dcb_wrap ul.pay_info li span {font-size:11px;}
	.dcb_wrap .go_pay {width:200px; height:70px; margin-top:25px;}
	.dcb_wrap .go_pay .p_con span {padding:0 0px 15px 10px; font-size:15px; text-align:left;}
	.dcb_wrap .go_pay:hover {right:0px;}
	.dcb_wrap .go_pay:hover .p_arr,
	.dcb_wrap .go_pay:hover .p_line .in_arr {border-color:rgba(255,255,255,0.5);}
	.dcb_wrap .go_pay .p_line {position:absolute; top:0; right:0; width:100%;}
	.dcb_wrap .course_wrap .course {padding:30px;}
	.dcb_wrap .course_wrap .course.st {background:rgba(255,255,255,0.2); border-bottom:1px dashed rgba(255,255,255,0.6);}
	.dcb_wrap .course_wrap .course .cs_hdbx h3 {font-size:15px; margin-bottom:10px;}
	.dcb_wrap .course_wrap .course .cs_hdbx p {font-size:13px; line-height:140%;}
	.dcb_wrap .course_wrap .course .cs_hdbx .cate {margin-top:10px;}
	.dcb_wrap .course_wrap .course .cs_hdbx .cate span {font-size:11px;}
	.dcb_wrap .course_wrap .course ul.st_cs {padding:10px 0 0 0px;}
	.dcb_wrap .course_wrap .course ul.st_cs li {font-size:11px; text-indent:-11px; padding:3px 0 0 12px; line-height:140%;}
	.dcb_wrap .greet_box {margin-bottom:15px;}
	.dcb_wrap .greet_box p {font-size:12px; padding:0px 25px 0 25px; }
	.dcb_wrap .greet_box .cap_name {padding:10px 25px 10px 25px;}
	.dcb_wrap .greet_box .cap_name ct {font-size:11px;}
	.dcb_wrap .greet_box .cap_name who {font-size:15px;}
	.dcb_wrap .pr_pos {border-radius:10px;}
	.dcb_wrap .prin_xy {padding:35px;}
	.dcb_wrap .greet_box p {font-size:12px; padding:10px 30px 0 30px; }
	.dcb_wrap .pr_pic img {max-width:110px;}
	.dcb_wrap .prd_hdbx {margin:15px 0 0px 0;}
	.dcb_wrap .prd_hdbx h3 { font-size:17px;}
	.dcb_wrap .prd_hdbx p {font-size:14px; margin-top:10px;}
	.dcb_wrap .prd_hdbx .exp {font-size:11px; line-height:160%; padding:5px 0 0 0px;}
	.dcb_wrap .kakao_api {height:250px; }
	.dcb_wrap .info_pos {padding:0px;}
	.dcb_wrap .info_char span {top:25px;left:initial; right:20px; width:100px;}
	.dcb_wrap ul.contact_info {padding:15px 25px 25px 25px;}
	.dcb_wrap ul.contact_info li span {margin:0;}
	.dcb_wrap ul.contact_info li span {font-size:11px;}
	.dcb_wrap ul.contact_info li .tit {width:90px;}
	.dcb_wrap ul.contact_info li .txt {width:calc(100% - 90px);}
}


/**/
table			{width:100%; border-top:2px solid #000 ; border-collapse:collapse; overflow: hidden; position:relative;}
table tr	{}
table tr th,
table tr td	{border:0px solid #e9e9e9; border-width:1px 1px 1px 1px; vertical-align:middle; text-align:center; padding: 17px 10px; line-height: 130%; font-size: 13px; position:relative; z-index:2; color:#222;}
table tr th	{font-weight:800; background:#f5f3f3;}
table tr td	{font-weight:500; background:#fff;}
table tr td span{display:inline-block; position:relative;}
table tr td span em{position:absolute; right:-35px; background:red; border-radius:3px;color:#fff; padding:3px;line-height:100%; font-size:11px; font-style:normal; white-space:nowrap;}
table tr td.ex{color:var(--sym_color);}
table tr.default_tb td	{background:#fafafa;font-weight:700;}
table tr.default_tb td.ex{color:red;}
table tr.summer td	{background:#fdfff8;font-weight:700;}
table tr.winter td	{background:#f3fdff;font-weight:700;}
table tr.nea td	{background:#fff4e6;font-weight:700;}
table.wrn tr th,
table.wrn tr td	{text-align:left; padding: 15px;}

@media screen and (max-width: 900px){
	table tr td span em{top:-20px; left:50%; right:initial; font-size:10px; transform:translateX(-50%);}
}

@media screen and (max-width: 650px){
	table tr th,
	table tr td	{padding: 15px 3px; font-size: 11px;}
}

/**/
.ct_sc_exp {position:relative; height:800px; margin:20px 0 0 0; }
.ct_sc_exp .ct_img_box {position:absolute; top:0; left:0;  width:550px;}
.ct_sc_exp .ct_img_box.ct_rev {left:initial; right:0;}
.ct_sc_exp .ct_img_box .log_bg {position:absolute; width:65%; border:1px solid #e9e9e9; border-radius:10px; overflow:hidden;}
.ct_sc_exp .ct_img_box .log_bg img {width:100%;}
.ct_sc_exp .ct_img_box .log_bg.lb1 {top:60px; left:0; z-index:3;}
.ct_sc_exp .ct_img_box .log_bg.lb2 {top:0px; right:0;z-index:2;}
.ct_sc_exp .ct_img_box .log_bg.lb3 {top:360px; left:35px;z-index:1;}
.ct_sc_exp .ct_img_box .log_bg.lb4 {top:10px; right:15px;z-index:4;}
.ct_sc_exp .ct_img_box .log_bg.pb1 {top:0px; left:25px; z-index:2;}
.ct_sc_exp .ct_img_box .log_bg.pb2 {top:70px; right:25px;z-index:3;}

.ct_sc_exp .ct_img_box .log_bg.mcc1 {top:60px; left:0; z-index:1;}
.ct_sc_exp .ct_img_box .log_bg.mcc2 {top:0px; right:0;z-index:4;width:45%;}
.ct_sc_exp .ct_img_box .log_bg.mcc3 {top:400px; left:55px;z-index:3;width:40%; border:0;}
.ct_sc_exp .ct_img_box .log_bg.mcc4 {top:100px; right:45px;z-index:2;width:45%;}
.ct_sc_exp .ct_img_box .log_bg.mcc5 {top:220px; right:15px;z-index:5;width:25%; border:0;}
.ct_sc_exp .ct_img_box .log_bg.mcc6 {top:0px; left:15px;z-index:6;width:35%;}

.ct_sc_exp .cs_pr_exp {position:relative; padding: 10px 0 0 620px; text-align:left;}
.ct_sc_exp .cs_pr_exp.cs_rev {padding: 10px 620px 0 0px; }
.ct_sc_exp .cs_pr_exp .cpe_info {position:relative;}
.ct_sc_exp .cs_pr_exp .cpe_info.pad {padding:30px 0 0 0;}
.ct_sc_exp .cs_pr_exp .cpe_info h3 {position:relative; font-size:18px; font-weight:700; color:#000; margin-bottom:12px;}
.ct_sc_exp .cs_pr_exp .cpe_info h3 span {position:absolute; bottom:0; right:0;}
.ct_sc_exp .cs_pr_exp .cpe_info h3 span a {display:block;padding:3px; border-bottom:1px dashed #ddd; font-size:12px; color:#555; font-weight:600; letter-spacing:-0.05em;}
.ct_sc_exp .cs_pr_exp .cpe_info h3 span a:hover {color:#000;}
.ct_sc_exp .cs_pr_exp .cpe_info p {position:relative; font-size:13px; font-weight:500; color:#888; padding:0 0 0 0;}
.ct_sc_exp .pay_notice {position:relative; font-size:13px; font-weight:500; color:#888; padding:15px 5px 0 5px;}

@media screen and (max-width: 1160px){
	.ct_sc_exp {height:auto; margin:15px 0 0 0; text-align:center;}
	.ct_sc_exp .ct_img_box {position:relative;  max-width:700px; width:calc(100% - 30px); display:inline-block;}
	.ct_sc_exp .cs_pr_exp {padding: 40px 20px 20px 20px; left:0; right:0; max-width:700px; margin:auto;}
	.ct_sc_exp .cs_pr_exp.cs_rev {padding: 40px 20px 20px 20px; left:0; right:0; max-width:700px; margin:auto;}
	.ct_sc_exp .ct_img_box .log_bg {width:65%; border:1px solid #e9e9e9; border-radius:10px; overflow:hidden;}
	.ct_sc_exp .ct_img_box .log_bg img {width:100%;}
	.ct_sc_exp .ct_img_box .log_bg.lb1 {}
	.ct_sc_exp .ct_img_box .log_bg.lb2 {position:relative; float:right;}
	.ct_sc_exp .ct_img_box .log_bg.lb3 {}
	.ct_sc_exp .ct_img_box .log_bg.pb1 { margin-top:0; position: relative; float: left;}
	.ct_sc_exp .ct_img_box .log_bg.pb2 {}

	.ct_sc_exp .ct_img_box .log_bg.mcc1 {top:60px; left:0; z-index:1;}
	.ct_sc_exp .ct_img_box .log_bg.mcc2 {top:40px; width:35%;}
	.ct_sc_exp .ct_img_box .log_bg.mcc3 {top:200px; left:25px;width:35%;}
	.ct_sc_exp .ct_img_box .log_bg.mcc4 {position:relative; float:right; top:0;}

}

@media screen and (max-width: 650px){
	.ct_sc_exp .cs_pr_exp .cpe_info h3 {font-size:15px; margin-bottom:7px;}
	.ct_sc_exp .cs_pr_exp .cpe_info h3 span a {font-size:11px; }
	.ct_sc_exp .cs_pr_exp .cpe_info p {font-size:12px; line-height:140%;}
	.ct_sc_exp .pay_notice {font-size:11px; line-height:140%; padding:15px 5px 0 5px;}
}

/**/
ul.teacher_box {position:relative; font-size:0; padding:60px 0 80px 0;}
ul.teacher_box > li {display:inline-block; vertical-align:top; width:calc(50% - 40px); margin:20px; position:relative; font-size:0; text-align:center; padding:0px; }
ul.teacher_box > li .pic,
ul.teacher_box > li .info {display:inline-block; vertical-align:top;}
ul.teacher_box > li .pic {width:200px; text-align:center; background-position:top center !important; background-size:cover !important; border-radius:10px; overflow:hidden;}
ul.teacher_box > li .pic:after {content:""; display:block; padding-top:120%;}
ul.teacher_box > li .info {width:calc(100% - 200px); padding:10px 5px 10px 30px ; text-align:left;}
ul.teacher_box > li .info .who {display:inline-block; width:100%; margin-bottom:10px;font-weight:900; font-size:20px; color:#000; }
ul.teacher_box > li .info ul.base {position:relative;}
ul.teacher_box > li .info ul.base li {display:inline-block; width:100%; margin-top:15px; position:relative;font-size:13px; font-weight:800; padding:0 0 0 0; line-height:120%; color:#3c798b;}
ul.teacher_box > li .info ul.base li:first-child {margin:0;}
ul.teacher_box > li .info ul.rest {position:relative; padding:7px 0 0 0;}
ul.teacher_box > li .info ul.rest li {display:inline-block; width:100%; margin-top:15px; font-size:12px; font-weight:500; color:#555; line-height:130%;}
ul.teacher_box > li .info ul.rest li:first-child {margin:0;}

@media screen and (max-width: 1160px){
	ul.teacher_box {padding:30px 10px 30px 10px;}
	ul.teacher_box > li {width:calc(50% - 10px); margin:5px; text-align:left;}
	ul.teacher_box > li .pic {width:200px; }
	ul.teacher_box > li .info {width:100%; padding:20px 10px ;}
}

@media screen and (max-width: 650px){
	ul.teacher_box {padding:0px 10px 30px 10px;}
	ul.teacher_box > li {width:calc(50% - 10px); margin:5px; }
	ul.teacher_box > li .pic {width:100%; }
	ul.teacher_box > li .info {width:100%; padding:15px 10px 10px 10px ;}
	ul.teacher_box > li .info .who {font-size:16px;}
	ul.teacher_box > li .info ul.base li {margin-top:10px; font-size:12px; }
	ul.teacher_box > li .info ul.rest {padding:0 0 0 0;}
	ul.teacher_box > li .info ul.rest li {margin-top:10px; font-size:11px; }
}

/**/
.map_cover		{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); opacity: 1; visibility: visible;  z-index:3;transition: all .3s; cursor: pointer;}
.map_cover.hidden		{visibility: hidden; opacity: 0; transition: all .3s;}
.map_cover span		{position:absolute; top:70px; left:22px; width:100%; transform:translateY(-50%); text-align:left; font-weight:normal; font-family:var(--bar); color:rgba(255,255,255,0.7); line-height:130%; font-size:12px; letter-spacing:0;}
.map_fix_tg		{position:absolute; top:20px; left:20px; font-size:0px; transition: all .3s; cursor: pointer; z-index:5;}
.map_fix_tg.unlock		{}
.map_fix_tg em,
.map_fix_tg span		{display:inline-block; vertical-align:middle; position:relative;}
.map_fix_tg em			{width:34px; height:18px; background:var(--sym_color); margin-right:8px; border-radius:35px;transition: all .3s; }
.map_fix_tg em:before		{content:""; width:16px; height:16px; background:#fff; border-radius:100%; position:absolute; top:50%; left:17px; transform:translateY(-50%);transition: all .3s; }
.map_fix_tg span	{font-size:12px; color:#fff; font-weight:600; letter-spacing: -0.05em; transition:all .3s;}
.map_fix_tg span.rev	{color:#000;}
.map_fix_tg.unlock em			{background:#777; transition: all .3s;}
.map_fix_tg.unlock em:before		{left:1px; transition: all .3s;}

@media screen and (max-width: 650px){
	.map_fix_tg		{top:10px; right:10px;}
	.map_fix_tg span	{font-size:11px;}
}

/**/
.pay_process		{position:absolute; left:0; right:0; margin:0 auto; max-width:680px; width:100%; height:calc(100% - 55px); padding:0 0 70px 0; overflow-y:overlay;}
.pay_process:: {-ms-overflow-style: none;}
.pay_process::-webkit-scrollbar {background: #fff; width:5px; height:5px; border-radius:15px;}
.pay_process::-webkit-scrollbar-thumb {background:rgba(0,0,0,0); border-radius:15px;  transition:all .3s;}
.pay_process:hover::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.3); transition:all .3s;}
.pay_process .pbi_wrap		{position:relative; background:#2b5b8d; border-radius:0; overflow:hidden; width:100%; left:0; right:0; margin:auto;}
.pay_process .ea_cnt		{display:inline-block; width:100%; font-size:0;margin-top:0; padding:30px;  text-align:center;}
.pay_process .ea_cnt .ec_hdbx	{display:inline-block; width:100%; padding:0px; position:relative;}
.pay_process .ea_cnt .ec_hdbx i	{position:absolute; top:50%; left:0;  transform:translateY(-50%); font-size:55px; color:#fff; opacity:0.85; display:none;}
.pay_process .ea_cnt h4	{display:inline-block; width:100%; font-size:20px; font-weight:900; color:#fff; padding:0 0 0 0px; text-align:left;font-family:var(--neo); letter-spacing:-0.05em; display:none;}
.pay_process .ea_cnt p		{display:inline-block; width:100%; font-size:12px; line-height:155%; padding:0px 0px 0 0px; text-align: left;color:rgba(255,255,255,0.7);}
.pay_process .ea_cnt p .b_cnt		{color:red;}
.pay_process .ea_cnt p .b_point		{color:#000;}
.pay_process .ea_cnt .no_btn		{display:inline-block; vertical-align:bottom; max-width:250px; width:100%; border-radius:3px; overflow:hidden; margin-top:35px; }
.pay_process .ea_cnt .no_btn > i,
.pay_process .ea_cnt .no_btn > input	{display:inline-block; vertical-align:middle;}
.pay_process .ea_cnt .no_btn > input	{width:calc(100% - 120px); height:45px; font-size:20px; font-weight:900; color:red;  text-align:center;background:#fff; border:5px solid #eee; border-width:0; margin:0 10px; transition:all .2s; border-radius:35px;}
.pay_process .ea_cnt .no_btn > input:focus {outline:none; background:#fff; transition:all .2s;}
.pay_process .ea_cnt .no_btn > i	{width:40px; height:40px; line-height:40px; text-align:center; font-size:13px; cursor:pointer; background:rgba(0,0,0,0.3); color:#fff; transition:all .3s;border-radius:100%;}
.pay_process .ea_cnt .no_btn > i:hover	{background:rgba(0,0,0,0.6);  transition:all .3s;}
.pay_process ul.price	{display:inline-block; width:100%; position: relative; text-align:center;  padding:35px 0 0 0;}
.pay_process ul.price li	{display:inline-block; width:100%; position: relative; font-size:0;}
.pay_process ul.price li.detail	{padding:10px 0 0 0px;}
.pay_process ul.price li i	{position: absolute; top:0px; left:-30px; font-size:20px; color:rgba(255,255,255,0.4); line-height:100%; }
.pay_process ul.price li .prc_df	{display:inline-block; vertical-align:bottom; position: relative; font-size:30px; color:#a9ff00; font-family:var(--GB); font-weight:normal; line-height:100%;}
.pay_process ul.price li .prc_txt	{display:inline-block; vertical-align:middle; position: relative; font-size:14px; color:#fff; font-weight:800; line-height:100%; padding:0 0 0 3px;}
.pay_process ul.price li .prc_min	{display:inline-block; vertical-align:middle; position: relative; font-size:12px; color:rgba(255,255,255,0.6); font-weight:600; line-height:100%; }
.pay_process ul.price li .prc_min.num	{color:rgba(255,255,255,1); font-weight:900;}
.pay_process ul.cnt_auto	{display:flex; width:100%; position: relative; font-size:0; padding:35px 0 0 0; text-align:left;}
.pay_process ul.cnt_auto li	{flex:1; text-align:center; padding:13px 0; margin:2px;font-size:14px; font-weight:700; color:rgba(255,255,255,0.6); background:rgba(0,0,0,0.15); border-radius:5px; line-height:100%; cursor:pointer; transition:all .3s;position: relative;}
.pay_process ul.cnt_auto li:hover	{background:rgba(0,0,0,0.4); color:#fff;}
.pay_process ul.cnt_auto li span	{font-weight:900; display:inline-block; padding:0 2px 0 0; color:#fff;}
.pay_process ul.cnt_auto li em	{position:absolute; top:-11px; left:50%; transform:translateX(-50%); line-height:100%; background:#cb0000; color:#fff; font-weight:700; font-size:11px; padding:2px 3px; border-radius:3px; letter-spacing:0; font-style:normal;}
.pay_process ul.pi_dt		{display:inline-block; width:100%; padding:30px 20px 0 20px; text-align:left;}
.pay_process ul.pi_dt li		{display:inline-block; vertical-align:top; width:50%; font-size:0; padding:3px 0; line-height:110%; }
.pay_process ul.pi_dt li.title		{width:100%; font-size:15px; font-weight:700; color:#fff; padding:0 0 10px 0; line-height:110%;}
.pay_process ul.pi_dt li.wrn		{width:100%; font-size:12px; font-weight:500; color:rgba(255,255,255,0.6); padding:10px 0 0px 13px; line-height:110%;}
.pay_process ul.pi_dt li span		{display:inline-block; vertical-align:top; font-size:12px; line-height:110%; }
.pay_process ul.pi_dt li .tit		{width:90px; color:rgba(255,255,255,0.6);}
.pay_process ul.pi_dt li .tit:before		{content:"ㆍ";}
.pay_process ul.pi_dt li .tit em		{font-style:normal; color:#fff; font-weight:800; display:inline-block; padding:0 2px 0 0;}
.pay_process ul.pi_dt li .txt		{width:calc(100% - 90px); color:#fff; font-weight:800;}
.pay_process ul.pi_dt li .txt:before		{content:"="; color:rgba(255,255,255,0.4); display:inline-block; padding:0 5px 0 0;}
.pay_process ul.pi_dt li .txt .point		{color:red; font-weight:bold;}
.pay_process ul.pi_dt li .txt .hd		{}
.pay_process .price span	{ position: relative;}
.pay_process .price em	{font-size:13px; color:rgba(255,255,255,0.6); display:inline-block; vertical-align:bottom; padding:0 0 5px 5px; font-style:normal;}
.pay_process .pbi_pos		{position:relative; padding:30px; text-align: center; background:rgba(0,0,0,0.15);}
.pay_process .total_price	{display:inline-block; vertical-align:bottom; font-size:0; line-height:100%;color:#000; width:100%; padding:0; text-align:right; position:relative; }
.pay_process .total_price .dt_cal,
.pay_process .total_price .dt_result	{display:inline-block; vertical-align:middle; line-height:100%; font-size:0;}
.pay_process .total_price .dt_cal	{position:absolute; bottom:5px; left:5px;}
.pay_process .total_price .dt_cal span,
.pay_process .total_price .dt_cal i	{display:inline-block; vertical-align:middle; line-height:100%; color:rgba(255,255,255,0.7);}
.pay_process .total_price .dt_cal span	{font-size:12px;}
.pay_process .total_price .dt_cal i		{font-size:10px; padding:0 3px;}
.pay_process .total_price .dt_result	{width:100%; padding-top:10px;}
.pay_process .total_price .dt_result span,
.pay_process .total_price .dt_result i	{display:inline-block; vertical-align:middle;line-height:100%;}
.pay_process .total_price .dt_result i	{font-size:15px;color:rgba(255,255,255,0.7); padding-right:5px;}
.pay_process .total_price .dt_result span	{font-size:18px; font-family: 'GmSansB'; color:#fff;}
.pay_process .save_rate_bx	{position: relative; font-size:0; text-align: right; margin-top:10px;}
.pay_process .save_rate_bx .save_inf	{display:inline-block; vertical-align:middle; width:100%;font-size: 0;}
.pay_process .save_rate_bx .save_inf .tt,
.pay_process .save_rate_bx .save_inf .tit,
.pay_process .save_rate_bx .save_inf .msg	{display:inline-block; vertical-align:middle; line-height:100%; font-size:13px; color:#fff;}
.pay_process .save_rate_bx .save_inf .tt	{font-size:11px; color:#fff; padding-right:5px;}
.pay_process .save_rate_bx .save_inf .tit	{font-size:11px; color:#fff; }
.pay_process .save_rate_bx .save_inf .tit:before	{content:"\ea6f"; font-family: xeicon !important; display: inline-block; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-size:11px; color:rgba(255,255,255,0.7); padding-right:3px;}
.pay_process .save_rate_bx .save_inf .msg	{color:yellow !important; margin-left:15px;}
.pay_process .save_rate_bx .distotal	{display:inline-block; vertical-align:middle; line-height:100%; font-size:0; margin-top: 20px;}
.pay_process .save_rate_bx .distotal span	{display:inline-block; vertical-align:middle; line-height:100%; }
.pay_process .save_rate_bx .distotal .tt	{font-size:14px; color:#fff;font-family: var(--neo); font-weight:800;}
.pay_process .save_rate_bx .distotal .tit	{font-size:25px; color:#00fb52; font-family: 'GmSansB'; padding-left:10px;}
.pay_process .save_rate_bx .distotal .tit:before	{content:"\ea6f"; font-family: xeicon !important; display: inline-block; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-size:18px; color:rgba(255,255,255,0.7); padding-right:3px; vertical-align: bottom; margin-bottom: 3px;}
.pay_wbox	{position:relative; padding:30px ; background:#fff; }
.pay_wbox .pw_pos {position:relative;}
.pay_wbox .pw_pos .choic_pick {position:relative; padding:0;}
.pay_wbox .pw_pos .choic_pick.rule {padding-top:30px; margin-top:30px; border-top:1px dashed #ddd;}
.pay_wbox .pw_pos .cp_hdbx {position:relative; padding:0 5px 15px 5px; text-align:left;}
.pay_wbox .pw_pos .cp_hdbx h4	{display:inline-block; width:100%; font-size:17px; color:#000; padding:0 0 0 0px; font-family:var(--neo); font-weight: 800; letter-spacing:-0.05em;}
.pay_wbox .pw_pos .cp_hdbx p		{display:inline-block; width:100%; font-size:12px; line-height:155%; padding:5px 0px 0px 0px; color:rgba(0,0,0,0.7); display:none;}

@media screen and (max-width: 650px){
	.pay_process .ea_cnt		{padding:15px;}
	.pay_process .ea_cnt h4	{font-size:15px; display:none;}
	.pay_process .ea_cnt p		{font-size:11px; padding:15px 0px 0 15px; }
	.pay_process .ea_cnt .no_btn		{margin:35px 0 30px 0; }
	.pay_process ul.price li.detail	{padding:7px 0 0 0px;}
	.pay_process ul.price li i	{left:-30px; font-size:20px;}
	.pay_process ul.price li .prc_df	{font-size:25px; }
	.pay_process ul.price li .prc_txt	{font-size:14px;}
	.pay_process ul.price li .prc_min	{font-size:11px;}
	.pay_process ul.cnt_auto	{padding:25px 0 0 0;}
	.pay_process ul.cnt_auto li	{padding:12px 0; font-size:12px; margin:1px;}
	.pay_process ul.cnt_auto li span	{}
	.pay_process ul.cnt_auto li em	{top:-11px; font-size:10px; padding:2px 3px; }
	.pay_process ul.pi_dt		{padding:30px 15px 0 15px;}
	.pay_process ul.pi_dt li		{width:50%; font-size:0; padding:3px 0;}
	.pay_process ul.pi_dt li.title		{font-size:13px;}
	.pay_process ul.pi_dt li.wrn		{font-size:10px; padding:10px 0 0px 10px; }
	.pay_process ul.pi_dt li span		{font-size:10px;}
	.pay_process ul.pi_dt li .tit		{width:80px;}
	.pay_process ul.pi_dt li .tit em		{}
	.pay_process ul.pi_dt li .txt		{width:calc(100% - 80px);}
	.pay_process .pbi_pos		{padding:25px;}
	.pay_process .total_price .dt_cal span	{font-size:11px;}
	.pay_process .save_rate_bx .save_inf .tt,
	.pay_process .save_rate_bx .save_inf .tit,
	.pay_process .save_rate_bx .save_inf .msg	{font-size:11px;}
	.pay_process .save_rate_bx .save_inf .tt	{font-size:10px; padding-right:3px;}
	.pay_process .save_rate_bx .save_inf .tit	{font-size:10px;}
	.pay_process .save_rate_bx .distotal .tt	{font-size:13px;}
	.pay_process .save_rate_bx .distotal .tit	{font-size:22px; }
	.pay_process .save_rate_bx .distotal .tit:before	{font-size:15px;}
	.pay_wbox	{padding:20px 10px;}
	.pay_wbox .pw_pos .cp_hdbx {padding:0 5px 5px 5px; }
	.pay_wbox .pw_pos .cp_hdbx h4	{font-size:14px; }
	.pay_wbox .pw_pos .choic_pick {padding:0 10px;}
	.pay_wbox .pw_pos .choic_pick.rule {padding-top:25px; margin-top:25px;}
}

/**/
ul.pay_choice_rdo		{position:relative; width:100%;  font-size:0;padding:0;}
ul.pay_choice_rdo.pick_txt{}
ul.pay_choice_rdo li		{display:inline-block; vertical-align:middle; position:relative; line-height:100%; padding:0; border:0 !important;}
ul.pay_choice_rdo li input[type="radio"] + label	{width:100%; height:100%; position:absolute; top:0; left:0; padding:0;}
ul.pay_choice_rdo li input[type="radio"] + label:before	{top:0; width:100%; height:100%; padding:0; border:0;  transition:all .2s;background:#f4f4f4; }
ul.pay_choice_rdo li input[type="radio"] + label span	{position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; text-align:center; transition:all .0s;}
ul.pay_choice_rdo li input[type="radio"] + label span em	{display:inline-block; width:100%; font-style:normal; font-size:20px; line-height:110%; transition:all .0s;}
ul.pay_choice_rdo li input[type="radio"]:checked + label:after {top:5px; left:initial; right:3px; width:2px; height:2px; background:rgba(255,255,255,0.2); display:none;}
ul.pay_choice_rdo.pick_txt li	{width:calc(33.3333% - 6px); margin:3px;}
ul.pay_choice_rdo.pick_txt li:after	{content:""; display:block; padding-top:50px;}
ul.pay_choice_rdo.pick_txt li label	{color:#555; font-size: 18px;}
ul.pay_choice_rdo.pick_txt li label span	{color:red;}
ul.pay_choice_rdo.pick_txt li input[type="radio"] + label:before	{border-radius:5px; background-position:center center !important; background-size:auto 30% !important;}
ul.pay_choice_rdo.pick_txt li input[type="radio"] + label span	{font-size:13px; color:#555;font-family: var(--neo); font-weight:800;}
ul.pay_choice_rdo.pick_txt li input[type="radio"] + label span em	{padding-bottom:3px; color:#888; font-family: var(--neo); font-weight:800;}
ul.pay_choice_rdo.pick_txt li input[type="radio"]:checked + label:before {background:#c52400; }
ul.pay_choice_rdo.pick_txt li input[type="radio"]:checked + label span	{color:rgba(255,255,255,1);}
ul.pay_choice_rdo.pick_txt li input[type="radio"]:checked + label span em	{color:#fff;}
ul.pay_choice_rdo.pick_txt li.kakao input[type="radio"] + label:before	{/*background:#fafafa url(../images/bg_kakao.png) no-repeat;*/}
ul.pay_choice_rdo.pick_txt li.kakao input[type="radio"]:checked + label:before {background:#ffeb00 url(../images/bg_kakao.png) no-repeat; }
ul.pay_choice_rdo.pick_txt li.naver input[type="radio"] + label:before	{background:#fafafa url(../images/npay_bg1.png) no-repeat;}
ul.pay_choice_rdo.pick_txt li.naver input[type="radio"]:checked + label:before {background:#00c73c url(../images/npay_bg2.png) no-repeat;}
ul.pay_choice_rdo.pick_txt li.kakao input[type="radio"]:checked + label span,
ul.pay_choice_rdo.pick_txt li.naver input[type="radio"]:checked + label span	{font-size:0;}
ul.pay_choice_rdo.kind_grp	{padding:15px 0 0 0;}
ul.pay_choice_rdo.kind_grp li	{width:calc(33.3333% - 6px); margin:0px 3px;}
ul.pay_choice_rdo.kind_grp li:after	{content:""; display:block; padding-top:45px;}
ul.pay_choice_rdo.kind_grp li label	{color:#555; font-size: 15px;}
ul.pay_choice_rdo.kind_grp li label span	{color:red;}
ul.pay_choice_rdo.kind_grp li input[type="radio"] + label:before	{border-radius:5px; }
ul.pay_choice_rdo.kind_grp li input[type="radio"] + label span	{font-size:12px; color:#555;font-family: var(--neo); font-weight:800; letter-spacing:-0.05em;}
ul.pay_choice_rdo.kind_grp li input[type="radio"] + label span em	{padding-bottom:3px; color:#888; font-family: var(--neo); font-weight:800;}
ul.pay_choice_rdo.kind_grp li input[type="radio"]:checked + label:before {background:#c52400; }
ul.pay_choice_rdo.kind_grp li input[type="radio"]:checked + label span	{color:rgba(255,255,255,1);}
ul.pay_choice_rdo.kind_grp li input[type="radio"]:checked + label span em	{color:#fff;}
.detail_pick	{display:none;}
.detail_pick.show	{display:block;}
.detail_pick.show > select	{border-radius:5px; border:0; background:#fff1f1  url('/images/sel_arr.gif') no-repeat right 13px center; cursor:pointer; color:#000; width:calc(100% - 60px); 
margin:10px 0 0 30px;}
.detail_pick > em	{display:inline-block; font-size:12px; font-style:normal; padding:20px 35px 8px 35px; color:#bf1f1f;}
.grp_form {position:relative; display:none;}
.grp_form.show {display:block;font-size:20px; padding:20px 30px 0px 30px;}
.grp_form > p {position:relative; font-size:12px; color:#555; padding:0 5px;}
.pay_msg {position:relative; padding:0 45px 20px 45px; line-height:150%; color:#555; font-size:12px; border-bottom:1px dashed #ddd; margin-top:-10px;}
ul.rcpt_frm {display:inline-block; width:100%; font-size:0;  text-align:left; padding:10px 0px 0 0px;}
ul.rcpt_frm.info {}
ul.rcpt_frm > li {display:inline-block; vertical-align:top; width:100%; position:relative; margin-top:5px;}
ul.rcpt_frm.info > li {font-size:12px; padding:0 0 0 0px; margin-top:2px;}
ul.rcpt_frm.info > li:after {content:"ㆍ";position:absolute; top:50%; left:5px; transform:translateY(-50%); display:none;}
ul.rcpt_frm > li.msg {font-size:12px; padding:0 0 0 25px;}
ul.rcpt_frm > li.msg i {position:absolute; top:-1px; left:0; font-size:18px; color:#888;}
ul.rcpt_frm > li:first-child {margin-top:0;}
ul.rcpt_frm > li.m_none:first-child {margin:0;}
ul.rcpt_frm > li:before {content:""attr(data-text); font-family:var(--neo); font-size:12px; font-weight:600; color:rgba(0,0,0,0.7); position:absolute; top:50%; left:0; transform:translateY(-50%); width:65px; line-height:100%; padding-left:15px;}
ul.rcpt_frm > li input			{width:100%; height:40px; padding:0 10px 0 80px; border:1px solid #b5e1ff; background:#fff; font-family:var(--neo); font-size:12px; font-weight:600;  text-align:left; transition:all .2s; color:#0061d9; border-radius:7px; }
ul.rcpt_frm > li input:focus {outline:none; background:#fff; border:1px solid #109cfb; transition:all .2s;}
ul.rcpt_frm > li input::placeholder {color: rgba(0,0,0,0.3); font-size:11px;}
.add_actbox {position:relative; left:0; right:0; margin:0 auto; max-width:700px; width:100%; padding:0 15px;}
ul.chk_contact		{position:relative; width:100%;  font-size:0;padding:0 3px;}
ul.chk_contact li		{display:inline-block; vertical-align:middle; position:relative; line-height:100%; padding:10px 0;width:100%; font-size:12px;}
ul.chk_contact li input[type="checkbox"] + label	{background:#eee; padding:0; margin:0; border-radius:3px; overflow:hidden;width:40px; height:25px; position:absolute;top:50%; right:0; transform:translateY(-50%);}
ul.chk_contact li input[type="checkbox"] + label:before	{top:0; width:100%; height:100%; padding:0; transition:all .2s;border-radius:5px; background:#fff; border:1px solid #e9e9e9;}
ul.chk_contact li input[type="checkbox"] + label span	{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center; width:100%; transition:all .2s; color:rgba(0,0,0,0.6); font-size:11px; color:#999;}
ul.chk_contact li input[type="checkbox"]:checked + label {background:#c52400;}
ul.chk_contact li input[type="checkbox"]:checked + label:after {top:5px; left:initial; right:3px; width:2px; height:2px; background:rgba(255,255,255,0.2); display:none;}
ul.chk_contact li input[type="checkbox"]:checked + label:before {background:#ff5200; border:1px solid #ff5200;}
ul.chk_contact li input[type="checkbox"]:checked + label span	{color:#fff; }
ul.chk_contact li input[type="checkbox"]:disabled + label:before { background:#fff5f5; cursor:not-allowed;}
ul.chk_contact li input[type="checkbox"]:disabled + label span	{color:red;  cursor:not-allowed; text-decoration: line-through}
ul.chk_contact li.all_chk		{position:absolute; top:-40px; right:3px;padding:0;width:70px; }
ul.chk_contact li.all_chk input[type="checkbox"] + label	{width:100%; position:relative; top:0; transform:none; }
ul.chk_contact li.all_chk input[type="checkbox"]:checked + label {background:red;}
ul.chk_contact li em	{padding:0 10px; margin:0; border-radius:3px; overflow:hidden;line-height:25px; font-size:11px; position:absolute;top:50%; right:45px; border:1px solid #eee; color:#999; background:#fff; cursor:pointer; transform:translateY(-50%); font-style:normal; transition: all .3s;}
ul.chk_contact li em:hover	{border:1px solid #ddd; }
ul.chk_cmp		{position:relative; width:100%;  font-size:0;padding:0 35px;}
ul.chk_cmp li		{display:inline-block; vertical-align:middle; position:relative; line-height:100%; padding:10px 0;width:100%; font-size:12px;}
ul.chk_cmp li input[type="checkbox"] + label	{background:#eee; padding:0; margin:0; border-radius:3px; overflow:hidden;width:40px; height:25px; position:absolute;top:50%; right:0; transform:translateY(-50%);}
ul.chk_cmp li input[type="checkbox"] + label:before	{top:0; width:100%; height:100%; padding:0; transition:all .2s;border-radius:5px; background:#fff; border:1px solid #e9e9e9;}
ul.chk_cmp li input[type="checkbox"] + label span	{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center; width:100%; transition:all .2s; color:rgba(0,0,0,0.6); font-size:11px; color:#999;}
ul.chk_cmp li input[type="checkbox"]:checked + label {background:#c52400;}
ul.chk_cmp li input[type="checkbox"]:checked + label:after {top:5px; left:initial; right:3px; width:2px; height:2px; background:rgba(255,255,255,0.2); display:none;}
ul.chk_cmp li input[type="checkbox"]:checked + label:before {background:#ff5200; border:1px solid #ff5200;}
ul.chk_cmp li input[type="checkbox"]:checked + label span	{color:#fff; }
ul.chk_cmp li input[type="checkbox"]:disabled + label:before { background:#fff5f5; cursor:not-allowed;}
ul.chk_cmp li input[type="checkbox"]:disabled + label span	{color:red;  cursor:not-allowed; text-decoration: line-through}
ul.chk_cmp li.all_chk		{position:absolute; top:-40px; right:0;padding:0;width:70px; }
ul.chk_cmp li.all_chk input[type="checkbox"] + label	{width:100%; position:relative; top:0; transform:none; }
ul.chk_cmp li.all_chk input[type="checkbox"]:checked + label {background:red;}
ul.chk_cmp li em	{padding:0 10px; margin:0; border-radius:3px; overflow:hidden;line-height:25px; font-size:11px; position:absolute;top:50%; right:45px; border:1px solid #eee; color:#999; background:#fff; cursor:pointer; transform:translateY(-50%); font-style:normal;}
ul.chk_cmp li em:hover	{border:1px solid #ddd; }
.buy_btn {position:fixed; bottom:0; left:0;width:100%; height:75px; padding:0 0 0 0;}
.buy_btn a {display:inline-block; width:100%; height:100%; background:#002f5f; position:relative;}
.buy_btn a > span {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-family:var(--neo); font-size:16px; font-weight:600; letter-spacing:-0.05em; color:rgba(255,255,255,0.7);}
.buy_btn a > span .sum_price {color:#95efff;}
.buy_btn button {display:inline-block; width:100%; height:100%; background:#006ac5; position:relative; border:0; cursor:pointer;}
.buy_btn button > span {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-family:var(--neo); font-size:16px; font-weight:600; letter-spacing:-0.05em; color:rgba(255,255,255,0.7);}
.buy_btn button > span .sum_price {color:#95efff; font-style:normal; font-weight:900;}
.buy_btn .when {position:relative; color:#999; font-style:normal; font-family:tahoma; font-size:11px; padding:5px 0 0 0; text-align:center;}
.cl_bank_info {position:relative; width:calc(100% - 12px); left:0; right:0; margin:10px auto 5px auto;}
.cl_bank_info span {position:absolute; top:50%; left:15px; transform:translateY(-50%); font-family:var(--neo); font-size:13px; font-weight:800; }
.cl_bank_info input {width:100%; height:45px; padding:0 10px 0 90px; border:1px solid #b5e1ff; background:#fff; font-size:13px; text-align:left; transition:all .2s; color:#0061d9; border-radius:7px; font-family:var(--neo); font-size:13px; font-weight:800; }
.cl_blank_msg {position:relative; width:calc(100% - 30px); left:0; right:0; margin:10px auto 5px auto; font-size:12px;}
.bank_text {position:relative; width:calc(100% - 30px); left:0; right:0; margin:10px auto 5px auto; font-size:0; padding:0;}
.bank_text span {display:inline-block; vertical-align:middle; font-family:var(--neo); font-size:13px; font-weight:600; }
.bank_text span.bk_name {width:100%;}
.bank_text span.bk_num {font-weight:900; color:red;}
.bank_text span.bk_who {margin-left:10px;}

@media screen and (max-width: 650px){
	ul.pay_choice_rdo.pick_txt li:after	{padding-top:45px;}
	ul.pay_choice_rdo.pick_txt li input[type="radio"] + label span	{font-size:12px; font-weight:700;}
	ul.pay_choice_rdo.kind_grp li input[type="radio"] + label span	{font-size:11px; font-weight:700;}
	ul.chk_contact li		{padding:10px 0; font-size:11px;}
	ul.chk_contact li.all_chk		{display:none;}
	.bank_text span {font-size:12px;}
}