/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 14px;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color:#333;
	background:#eee;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* spc_Reset */
a{text-decoration:none; color:inherit}
.hide{display:none}

/* Cont */
#code_wrap{width:100%; min-width:320px}


#code_top{width:100%; min-height:51px; background:#e64d3c; padding:14px 0 0 0}
#code_top .top_menu{width:30px; height:27px; background:url(../images/btn_menu.png) no-repeat; display: block; overflow:hidden; text-indent:-9999px; position:absolute; top:18px; left:20px;}
#code_top .top_menu a{width:100%; height:100%; display:block}
#code_top .top_st{width:88px; height:39px; display:block; background:url(../images/logo.png) no-repeat; overflow:hidden; text-indent:-9999px; margin:0 auto;}
#code_top .top_st a{width:100%; height:100%; display:block}

#code_top .top_login{color:#fff; padding:11px 0 0 20px; display:block;}
#code_top .top_close{width:24px; height:24px; background:url(../images/top_close.png) no-repeat; overflow:hidden; text-indent:-9999px; display:block; position:absolute; top:20px; right:20px}
#code_top .top_close a{width:100%; height:100%; display:block}
/*
#code_top .login_bn{position: absolute; top:15px; right:15px; padding: 10px; background: #fff; border-radius: 20px; border-bottom-left-radius: 10px; border-top-right-radius: 10px;}
#code_top .login_bn a{width:100%; height:100%; display:block}
#code_top .logout_bn{position: absolute; top:15px; right:15px; padding: 10px; background: #fff; border-radius: 20px; border-bottom-left-radius: 10px; border-top-right-radius: 10px; border:0}
#code_top .login_set{padding:11px 15px 15px 15px; display: none}
*/
#code_top .login_bn{width:35px; height:35px; display:block; background: url(../images/logout.png) no-repeat; overflow: hidden; text-indent: -9999px; position: absolute; top:15px; right:15px;}
#code_top .login_bn a{width:100%; height:100%; display:block}
#code_top .logout_bn{background: url(../images/login.png) no-repeat !important;}
#code_top .login_set{padding:11px 15px 15px 15px; display: none}
#code_top .login_on{display:block}
#code_top .login_set .login_set_wrap{display: block}
#code_top .login_set .login_set_wrap input, select, 
#code_top .login_set .login_set_wrap button{width:100%; height:31px; line-height: 31px; border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px; border: 0}
#code_top .login_set .login_set_wrap .login_form01{text-indent: 10px}
#code_top .login_set .login_set_wrap .login_form02{text-indent: 10px; margin-top:5px}
#code_top .login_set .login_set_wrap .login_form03{margin-top:5px; background: #bd2d1e; color: #fff; font-weight: 800}

#code_top .pop_menu_wrap{position: fixed; width:100%; height:100%; background: rgba(0,0,0,.75); left:0; top:0;display:none;z-index:99}
#code_top .pop_menu_wrap .pop_close{position:absolute; right: 20px; top:20px; width: 22px; height:22px; background: url(/images/btn_popclose.png) no-repeat; text-indent: -9999px; overflow: hidden;cursor:pointer}
#code_top .pop_menu{width:270px; height:100%; position: fixed; top:0; left:0; background: #fff; border-right:solid 1px #2b2b2e; box-sizing: border-box;;padding-top:10px}
#code_top .pop_menu dd{margin-bottom: 1px;}
#code_top .pop_menu span.menu_st{display: block; font-weight: 800; background: #ef4a2e; box-sizing: border-box; padding:15px 20px; color: #fff}
#code_top .pop_menu ul{padding:5px 0}
#code_top .pop_menu li{line-height: 40px; padding:0 0 0 20px}
#code_top .pop_menu li a:hover{color:#ef4a2e;font-weight:800}

#code_mid{width:100%}
#code_mid .allclass_menu{padding:10px}
#code_mid .code_menu{width:100%; height:50px;
	border-radius:20px;border-top-right-radius:10px; border-bottom-left-radius:10px;
	background:#eee}
#code_mid .code_menu li{width:25%; height:100%; float:left;}
#code_mid .code_menu a{width:100%; height:100%; color:#333; line-height:50px; text-align:center; display:block}
#code_mid .code_menu .active a{background:#0f142d; color:#fff; font-weight:800}
#code_mid .code_menu li:first-of-type.active a{border-top-left-radius:20px; border-bottom-left-radius:10px;}
#code_mid .code_menu li:last-of-type.active a{border-top-right-radius:10px; border-bottom-right-radius:20px;}

#code_mid .code_step1{display: block}
#code_mid .code_step1 .step1_st{width:100%; height:50px; line-height:50px; text-align:center; display:block; font-weight:600; margin:10px 0 0 0}
#code_mid .code_step1 .step1_st span{border-bottom:solid 2px #0f142d; color:#0f142d; font-size:20px; letter-spacing:-2px}
#code_mid>.code_step1>dd{width:100%; height:50px; margin:10px 0 0 0; background:#eee; border-radius: 20px; border-top-right-radius:10px;}
#code_mid>.code_step1>dd a{width:100%; height:100%; display:block}
#code_mid .code_step1 .step_dd1{
	width:70px; height:50px;
	border-radius: 20px; border-top-right-radius:0; border-bottom-right-radius:0; border-bottom-left-radius:10px;
	background:#3d97d3; display:inline-block; text-align:center; line-height:50px; color:#fff;
}
#code_mid>.code_step1>.step_dd2{margin:0 0 0 20px}

#code_mid .code_pop{width:100%}
#code_mid .code_pop .code_pop1{height:50px; line-height:50px; padding:0 10px; background:#fff; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
#code_mid .code_pop .code_pop1 em{
	background:#3b97d3; color:#fff; text-align:center; padding:4px 8px; margin:0 10px 0 0; font-size:12px;
	border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px;
}
#code_mid .code_pop .code_pop2{height:50px; line-height:50px; padding:0 10px; background:#fff; margin:1px 0 0 0}
#code_mid .code_pop .code_pop2 em{
	background:#e64d3c; color:#fff; text-align:center; padding:4px 8px; margin:0 10px 0 0; font-size:12px;
	border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px;
}
#code_mid .code_pop .code_pop3{padding:10px 10px 0 10px}
#code_mid .code_pop .code_pop3 .guide_bn_wrap{height:50px; background:url(../images/guide_ico.png) 20px 21px no-repeat #fff; display:block; border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px; padding:20px 0 0 78px}
#code_mid .code_pop .code_pop3 .guide_bn_wrap .guide_bn_st{display:block}
#code_mid .code_pop .code_pop3 .guide_bn_wrap .guide_bn_dd{font-size:13px; display:block; color:#999; margin:5px 0 0 0}
#code_mid .code_pop .code_pop4{padding:10px 10px 0 10px}
#code_mid .code_pop .code_pop4 .freepass_bn_wrap{height:50px; background:url(../images/freepass_ico.png) 20px 21px no-repeat #fff; display:block; border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px; padding:20px 0 0 78px}
#code_mid .code_pop .code_pop4 .freepass_bn_wrap .freepass_bn_st{display:block}
#code_mid .code_pop .code_pop4 .freepass_bn_wrap .freepass_bn_dd{font-size:13px; display:block; color:#999; margin:5px 0 0 0}
#code_mid .code_pop .code_pop5{padding:10px}
#code_mid .code_pop .code_pop5 .mypage_bn_wrap{height:50px; background:url(../images/mypage_ico.png) 20px 15px no-repeat #fff; display:block; border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px; padding:20px 0 0 78px}
#code_mid .code_pop .code_pop5 .mypage_bn_wrap .mypage_bn_st{display:block}
#code_mid .code_pop .code_pop5 .mypage_bn_wrap .mypage_bn_dd{font-size:13px; display:block; color:#999; margin:5px 0 0 0}
#code_mid .code_pop .code_pop6{padding:10px 10px 0 10px}
#code_mid .code_pop .code_pop6 .allclass_class{background:#fff; border-radius:20px; border-bottom-left-radius:10px; border-top-right-radius:10px;}
#code_mid .code_pop .code_pop6 .allclass_bn_wrap{
	background:url(../images/allclass_ico.png) 20px 15px no-repeat;
	display:block;
	padding:20px 0 10px 78px
}
#code_mid .code_pop .code_pop6 .allclass_bn_wrap .allclass_bn_st{display:block}
#code_mid .code_pop .code_pop6 .allclass_bn_wrap .allclass_bn_dd{font-size:13px; display:block; color:#999; margin:5px 0 0 0}


#code_mid .code_pop .code_pop7{padding:10px 10px 0 10px}
#code_mid .code_pop .code_pop7 .tea_set{width:100%; background:#fff; border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px; padding:10px 0; display: inline-block}
#code_mid .code_pop .code_pop7 .tea_bn_wrap{background:url(../images/tea_ico.png) 20px 8px no-repeat; display:block; padding:10px 0 10px 78px}
#code_mid .code_pop .code_pop7 .tea_bn_wrap .tea_bn_st{display:block}
#code_mid .code_pop .code_pop7 .tea_bn_wrap .tea_bn_dd{font-size:13px; display:block; color:#999; margin:5px 0 0 0}

#code_mid .code_pop .code_pop7 .tea_dd{padding:0 10px}
#code_mid .code_pop .code_pop7 .tea_dd .tea_dd_menu{padding:10px 0 0 0}
#code_mid .code_pop .code_pop7 .tea_dd .tea_dd_menu li{width:25%; height:100%; float:left}
#code_mid .code_pop .code_pop7 .tea_dd .tea_dd_menu li a{width:100%; height:100%; color:#333; line-height:50px; text-align:center; display:block; background: #eee}
#code_mid .code_pop .code_pop7 .tea_dd .tea_dd_menu li.tea_dd_menu1 a{border-top-left-radius: 20px; border-bottom-left-radius: 10px}
#code_mid .code_pop .code_pop7 .tea_dd .tea_dd_menu li.tea_dd_menu2 a{}
#code_mid .code_pop .code_pop7 .tea_dd .tea_dd_menu li.tea_dd_menu3 a{}
#code_mid .code_pop .code_pop7 .tea_dd .tea_dd_menu li.tea_dd_menu4 a{border-top-right-radius: 10px; border-bottom-right-radius: 20px}
#code_mid .code_pop .code_pop7 .tea_dd .tea_dd_menu li.active a{color:#fff; font-weight:800; background: #0f142d}

#code_mid .code_pop .code_pop7 .tea_dd .tea_sub1{width:100%; display: inline-block}
#code_mid .code_pop .code_pop7 .tea_dd .tea_sub1 .tea_sub_wrap{}
#code_mid .code_pop .code_pop7 .tea_dd .tea_sub1 dt{width:100%; height:50px; line-height:50px; text-align:center; display:block; font-weight:600; margin:10px 0 0 0}
#code_mid .code_pop .code_pop7 .tea_dd .tea_sub1 dt span{border-bottom:solid 2px #0f142d; color:#0f142d; font-size:20px; letter-spacing:-2px}
#code_mid .code_pop .code_pop7 .tea_dd .tea_sub1 dd{height:50px; margin:10px 0 0 0; background:#eee; border-radius: 20px; border-top-right-radius:10px; line-height:50px}
#code_mid .code_pop .code_pop7 .tea_dd .tea_sub1 dd a{width:100%; height:100%; display:block; padding:0 0 0 20px}

#code_mid .code_pop .code_pop7 .tea_dd .tea_sub2{width:100%; display: inline-block}
#code_mid .code_pop .code_pop7 .tea_dd .tea_sub2 .tea_sub_wrap{}
#code_mid .code_pop .code_pop7 .tea_dd .tea_sub2 dt{width:100%; height:50px; line-height:50px; text-align:center; display:block; font-weight:600; margin:10px 0 0 0}
#code_mid .code_pop .code_pop7 .tea_dd .tea_sub2 dt span{border-bottom:solid 2px #0f142d; color:#0f142d; font-size:20px; letter-spacing:-2px}
#code_mid .code_pop .code_pop7 .tea_dd .tea_sub2 dd{height:50px; margin:10px 0 0 0; background:#eee; border-radius: 20px; border-top-right-radius:10px; line-height:50px;}
#code_mid .code_pop .code_pop7 .tea_dd .tea_sub2 dd a{height:100%; display:block; padding:0 0 0 20px}

#code_mid .code_pop .code_pop7 .tea_dd .tea_sub3{width:100%; display: inline-block}
#code_mid .code_pop .code_pop7 .tea_dd .tea_sub3 .tea_sub_wrap{}
#code_mid .code_pop .code_pop7 .tea_dd .tea_sub3 dt{width:100%; height:50px; line-height:50px; text-align:center; display:block; font-weight:600; margin:10px 0 0 0}
#code_mid .code_pop .code_pop7 .tea_dd .tea_sub3 dt span{border-bottom:solid 2px #0f142d; color:#0f142d; font-size:20px; letter-spacing:-2px}
#code_mid .code_pop .code_pop7 .tea_dd .tea_sub3 dd{height:50px; margin:10px 0 0 0; background:#eee; border-radius: 20px; border-top-right-radius:10px; line-height:50px;}
#code_mid .code_pop .code_pop7 .tea_dd .tea_sub3 dd a{height:100%; display:block; padding:0 0 0 20px}

#code_mid .code_pop .code_pop7 .tea_dd .tea_sub4{width:100%; display: inline-block}
#code_mid .code_pop .code_pop7 .tea_dd .tea_sub4 .tea_sub_wrap{}
#code_mid .code_pop .code_pop7 .tea_dd .tea_sub4 dt{width:100%; height:50px; line-height:50px; text-align:center; display:block; font-weight:600; margin:10px 0 0 0}
#code_mid .code_pop .code_pop7 .tea_dd .tea_sub4 dt span{border-bottom:solid 2px #0f142d; color:#0f142d; font-size:20px; letter-spacing:-2px}
#code_mid .code_pop .code_pop7 .tea_dd .tea_sub4 dd{height:50px; margin:10px 0 0 0; background:#eee; border-radius: 20px; border-top-right-radius:10px; line-height:50px;}
#code_mid .code_pop .code_pop7 .tea_dd .tea_sub4 dd a{height:100%; display:block; padding:0 0 0 20px}


#code_mid .notice_st{height:50px; padding:0 0 0 20px; line-height:50px;}
#code_mid .notice_st .ask_btn{
	height:30px; border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px; border:0; background:#3d97d3; color:#fff; padding:0 15px; position:absolute; margin:10px 0 0 0; right:20px;
	line-height: 30px;}

#code_mid .notice_dd_wrap{padding:0 10px 10px 10px}
#code_mid .notice_dd{background:#fff; border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px; text-indent:20px;}
#code_mid .notice_dd li{height:50px; line-height:50px; border-bottom:solid 1px #eee; white-space:nowrap; text-overflow:ellipsis;}
#code_mid .notice_dd li:last-child{border:0;text-overflow:ellipsis;}
#code_mid .notice_dd a{width:100%; height:100%; display:block}

#code_mid .notice_dd .qna_st{padding:0 100px 0 0; display:block;}
#code_mid .notice_dd .qna_st .qna_st_wrap{width:100%; display: block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#code_mid .notice_dd .qna_prog{width:100px; text-align:center; position:absolute; margin:-50px 0 0 0; right:30px}

#code_mid .notice_view{background:#fff; border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px}
#code_mid .notice_view .notice_view_st{padding:18px 20px; display:block; border-bottom:solid 1px #eee;line-height:20px;}
#code_mid .notice_view .notice_view_dd{padding:16px 20px; display:block; line-height:20px;}

#code_mid .qna_answer{background:#faffbd; border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px; padding:16px 20px; margin:10px 0 0 0; line-height:20px;}

#code_mid .qna_write{}
#code_mid .qna_write_st{border-radius:20px; border-bottom-right-radius:0; border-bottom-left-radius:0; border-top-right-radius:10px; border:0; background:#fff; display:block; padding:10px}
#code_mid .qna_write_st input{width:100%; height:30px; border:0; background:#eee; text-indent:10px}
#code_mid .qna_write_dd{border-radius:20px; border-top-right-radius:0; border-top-left-radius:0; border-bottom-left-radius:10px; border:0; border-top:solid 1px #eee; padding:10px; background:#fff; display:block}
#code_mid .qna_write_dd .tex_wrap{height:150px; background:#eee; display:block; padding:10px}
#code_mid .qna_write_dd textarea{width:100%; height:150px; border:0; background:transparent}

#code_mid .guide_st{height:50px; padding:0 0 0 20px; line-height:50px; }
#code_mid .guide_dd_wrap{padding:0 10px 10px 10px;}
#code_mid .guide_dd_wrap .guide_view{border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px; padding:16px 20px; background:#fff; line-height:20px}
#code_mid .guide_dd_wrap .guide_view .id_inp{width:100%; height:30px; display:block; border:0; background:#eee; text-indent:20px; border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px;}
#code_mid .guide_dd_wrap .guide_view .pw_inp{
	width:100%; height:30px; display:block; border:0; background:#eee; text-indent:20px; margin:5px 0 0 0; border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px;}
#code_mid .guide_dd_wrap .guide_view .login_btn{
	width:100%; height:30px; display:block; border:0; margin:5px 0 0 0; background:#3d97d3; border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px; color:#fff}

#code_mid .mypage_st{height:50px; padding:0 0 0 20px; line-height:50px;}
#code_mid .mypage_dd_wrap{padding:0 10px 10px 10px;}
#code_mid .mypage_dd_wrap .mypage_view{}
#code_mid .mypage_dd_wrap .mypage_view>li{border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px; background:#3d97d3; margin:10px 0 0 0; color:#fff}
#code_mid .mypage_dd_wrap .mypage_view>li:first-child{margin:0}
#code_mid .mypage_dd_wrap .mypage_view>li>a{display:block; padding:18px 20px;}
#code_mid .mypage_dd_wrap .mypage_view .active{border:0; padding:0; background:transparent}
#code_mid .mypage_dd_wrap .mypage_view .mypage_view_st{
	border-radius:20px; border-bottom-right-radius:0; border-bottom-left-radius:0; border-top-right-radius:10px; border:0; display:block; padding:18px 20px; background:#3d97d3; color:#fff}
#code_mid .mypage_dd_wrap .mypage_view .mypage_view_dd{
	border-radius:20px; border-top-right-radius:0; border-top-left-radius:0; border-bottom-left-radius:10px; border:0; padding:16px 20px; background:#fff; display:block; line-height:20px; color:#333}

#code_mid .mypage_dd_wrap .mypage_view .mypage_view_dd .mypage_step{width:100%; margin:10px 0 0 0; display:inline-block}
#code_mid .mypage_dd_wrap .mypage_view .mypage_view_dd .mypage_step li{
	line-height:30px; float:left; background:#999; border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px; text-align:center; color:#fff; padding:0 13px; margin:0 2px 0 0;}
#code_mid .mypage_dd_wrap .mypage_view .mypage_view_dd .mypage_step li:last-child{margin:0}
#code_mid .mypage_dd_wrap .mypage_view .mypage_view_dd .mypage_step li a{width:100%; height:100%; display:block;}
#code_mid .mypage_dd_wrap .mypage_view .mypage_view_dd .mypage_step .active{background:#e64d3c}

#code_mid .mypage_dd_wrap .mypage_view .mypage_view_dd .mypage_curr{width:100%; margin:10px 0 0 0}
#code_mid .mypage_dd_wrap .mypage_view .mypage_view_dd .mypage_curr li{line-height:35px; padding:0 70px 0 0; position:relative}
#code_mid .mypage_dd_wrap .mypage_view .mypage_view_dd .mypage_curr .curr_st{width:100%; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#code_mid .mypage_dd_wrap .mypage_view .mypage_view_dd .mypage_curr .curr_bookmark{
	width:50px; height:30px; position:absolute; display:block; top:0; right:0; border:0; background:url(../images/star.png) 50% #999 no-repeat; text-indent:-9999px; overflow:hidden;
	border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px;}
#code_mid .mypage_dd_wrap .mypage_view .mypage_view_dd .mypage_curr .active{background:url(../images/star.png) 50% #e74c3c no-repeat}

#code_mid .freepass_dd{padding:0 20px}
#code_mid .freepass_dd .freepass001{border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px; background:url(../images/btn_arrow.png) 100% 50% no-repeat #e74c3c;}
#code_mid .freepass_dd .freepass001 a{padding:20px; display:block; color:#fff;  background:url(../images/cha01.png) 85% 100% no-repeat}
#code_mid .freepass_dd .freepass002{border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px; background:url(../images/btn_arrow.png) 100% 50% no-repeat #3d97d3; margin:10px 0 0 0;}
#code_mid .freepass_dd .freepass002 a{padding:20px; display:block; color:#fff;  background:url(../images/cha02.png) 85% 100% no-repeat}
#code_mid .freepass_dd .freepass003{border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px; background:url(../images/btn_arrow.png) 100% 50% no-repeat #2ecc71; margin:10px 0 0 0;}
#code_mid .freepass_dd .freepass003 a{padding:20px; display:block; color:#fff;  background:url(../images/cha03.png) 85% 100% no-repeat}
#code_mid .freepass_dd .price1{border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px; background:#fff; color:#e74c3c; padding:0 10px; margin:0 0 0 10px}
#code_mid .freepass_dd .price2{border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px; background:#fff; color:#3d97d3; padding:0 10px; margin:0 0 0 10px}
#code_mid .freepass_dd .price3{border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px; background:#fff; color:#27ae60; padding:0 10px; margin:0 0 0 5px}
#code_mid .freepass_tt{padding:10px 20px; display:block}
#code_mid .freepass_dd .cop001{width:100%; display: block; text-align: center; padding:0 0 10px 0}
#code_mid .freepass_dd .cop002{width:100%; display: block;}
#code_mid .freepass_dd .cop002 .cop002_1{width:80%; height:35px; border: 0; text-indent:20px; border-top-left-radius: 20px; border-bottom-left-radius: 10px; background:#eee}
#code_mid .freepass_dd .cop002 .cop002_2{width:20%; height:37px; position: absolute; right:30px; border: 0; background:#3498db; color:#fff; border-top-right-radius: 10px; border-bottom-right-radius: 20px; cursor: pointer}
#code_mid .freepass_dd .cop003{width:100%; display: block; text-align: center; padding:10px 0 0 0; color: #e64d3c}

#code_mid .freepass_st{height:50px; padding:0 0 0 20px; line-height:50px;}
#code_mid .freepass_dd_wrap{padding:0 10px 10px 10px;}
#code_mid .freepass_dd_wrap .freepass_view{}
#code_mid .freepass_dd_wrap .freepass_view>li{border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px; background:#1abc9c; margin:10px 0 0 0; color:#fff}
#code_mid .freepass_dd_wrap .freepass_view>li:first-child{margin:0}
#code_mid .freepass_dd_wrap .freepass_view>li>a{display:block; padding:18px 20px;}
#code_mid .freepass_dd_wrap .freepass_view .active{border:0; padding:0; background:transparent}
#code_mid .freepass_dd_wrap .freepass_view .freepass_view_st{
	border-radius:20px; border-bottom-right-radius:0; border-bottom-left-radius:0; border-top-right-radius:10px; border:0; display:block; padding:18px 20px; background:#1abc9c; color:#fff}
#code_mid .freepass_dd_wrap .freepass_view .freepass_dd{
	border-radius:20px; border-top-right-radius:0; border-top-left-radius:0; border-bottom-left-radius:10px; border:0; padding:16px 20px; background:#fff; display:block; line-height:20px; color:#333}

#code_mid .pay_st{height:50px; padding:0 0 0 20px; line-height:50px;}
#code_mid .pay_dd{padding:0 20px; margin:0 0 10px 0}
#code_mid .pay_dd li{border-top:solid 1px #eee; background:#fff; padding:15px 15px}
#code_mid .pay_dd li:first-child{border-radius:20px; border-bottom-right-radius:0; border-bottom-left-radius:0; border-top-right-radius:10px;}
#code_mid .pay_dd li:last-child{border-radius:20px; border-top-right-radius:0; border-top-left-radius:0; border-bottom-left-radius:10px;}
#code_mid .pay_dd .pay_ddst{margin:0 0 10px 0}
#code_mid .pay_dd label{display:block; background:#eee; padding:10px; margin:1px 0 0 0}
#code_mid .pay_dd input{width:20px; height:20px; vertical-align:text-bottom; margin:0 5px 0 0}
#code_mid .pay_dd .pay_dd01 label{border-radius:20px; border-bottom-right-radius:0; border-bottom-left-radius:0; border-top-right-radius:10px;}
#code_mid .pay_dd .pay_dd04 label{border-radius:20px; border-top-right-radius:0; border-top-left-radius:0; border-bottom-left-radius:10px;}

#code_mid .list_st{padding:20px 20px 10px 20px; display:block}
#code_mid .list_st .list_st_wrap{
	background:#fff; border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px; display:block; padding:15px; font-size:16px; font-weight:800; letter-spacing:-1px;}
#code_mid .list_st .list_st_wrap em{color:#999; display:block; font-size:12px; margin:10px 0 0 0; font-weight:400; line-height:14px}
#code_mid .group_list {
    padding: 20px 20px 10px 20px;
    display: block;
}
#code_mid .group_list .group_list_st_wrap{
	background:#1abc9c; border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px; display:block; padding:15px; font-size:16px; font-weight:800; letter-spacing:-1px;text-align:center;color:#fff

}
/*#code_mid .group_list{width:100%; text-align: center; padding:20px; display: block; box-sizing: border-box; font-size:16px; font-weight:800; letter-spacing:-1px;}*/
#code_mid .list_dd{padding:0 20px 10px 20px; display:block}

#code_mid .list_dd .list_menu{width:100%; padding:0 0 10px 0; display:inline-block}
#code_mid .list_dd .list_menu li{
	width:100px; height:40px; line-height: 40px; border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px; background: #f1c40f; text-align: center; cursor: pointer; float:left; margin:0 5px 0 0; color: #fff
}
#code_mid .list_dd .list_menu .list_menu_on{background:  url(http://codinggo.co.kr/images/arrow_pot.png) 75px 50% no-repeat #1abc9c !important}

#code_mid .list_dd .list_dd_wrap{background:#fff; border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px; display:block; clear: both}
#code_mid .list_dd .list_dd_wrap li{border-top:solid 1px #eee;}
#code_mid .list_dd .list_dd_wrap li a{padding:15px; display:block}

#code_mid .class_view{display: block; padding:10px; background: #dcdcdd}
#code_mid .class_view .class_view_wrap{padding:20px; text-align: center; background: #eee; display: block}
#code_mid .class_view .view_video{display: block}
#code_mid .class_view .view_text01{display: block; font-size: 18px; font-weight: bold; margin:20px 0 10px 0}
#code_mid .class_view .view_text02{display: block; font-size: 13px; color: #999}
#code_mid .class_view .view_text03{display: block;  font-size: 13px; font-weight: bold; color: #ff0000; margin: 10px 0 0 0}


#code_mid .btn_set{width:100%; text-align:center; display:block; margin:20px 0 0 0}
#code_mid .btn_set button{height:30px; margin:0 5px; border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px; border:0; background:#999; color:#fff; padding:0 15px}


#code_bottom{width:100%; display:block; text-align:center; font-size:11px}
#code_bottom .copy_info{display:flex; justify-content: center}
#code_bottom .copy_info a{padding:20px}
#code_bottom .copy_tt{letter-spacing: -1px; display: block; padding:20px 0; line-height: 16px; font-size: 10px}