.site_header {position: absolute;top: 0;left: 0;width: 100%;min-width: 1280px;/*background: url('../img/common/bg_hd_member.png') 50% 0 no-repeat;*/z-index: 90;text-align: center;}
.site_header_back {position: absolute;top: 0;left: 0;width: 100%;height: 79px;}
.site_header .logo {position: absolute;top: 22px;left: 0;}
.builder-preview .site_header {display:none;}

.site_header {background: url('../img/common/bg_hd_member.png') 50% 0 no-repeat;background-size: 100% 79px;}
.site_header.landing {background: url('../img/common/bg_hd_landing.png') 50% 0 no-repeat;background-size: 100% 79px;}
.site_header.column {background: url('../img/common/bg_hd_service.png') 50% 0 no-repeat;background-size: 100% 79px;}
.site_header.service {background: url('../img/common/bg_hd_service.png') 50% 0 no-repeat;background-size: 100% 79px;}
.site_header.member {background: url('../img/common/bg_hd_member.png') 50% 0 no-repeat;background-size: 100% 79px;}
.site_header.price {background: url('../img/common/bg_hd_price.png') 50% 0 no-repeat;background-size: 100% 79px;}
.site_header.growth {background: url('../img/common/bg_hd_price.png') 50% 0 no-repeat;background-size: 100% 79px;}
.site_header.management {background: url('../img/common/bg_hd_column.png') 50% 0 no-repeat;background-size: 100% 79px;}

.sub_top {background: url('../img/common/bg_sub_top_member.png') no-repeat 50% 0;background-size: cover;}
.sub_top.landing {background: url('../img/common/bg_sub_top_landing.png') no-repeat  50% 0;background-size: cover;}
.sub_top.column {background: url('../img/common/bg_sub_top_service.png') no-repeat 50% 0;background-size: cover;}
.sub_top.service {background: url('../img/common/bg_sub_top_service.png') no-repeat 50% 0;background-size: cover;}
.sub_top.member {background: url('../img/common/bg_sub_top_member.png') no-repeat 50% 0;background-size: cover;}
.sub_top.price {background: url('../img/common/bg_sub_top_price.png') no-repeat 50% 0;background-size: cover;}
.sub_top.growth {background: url('../img/common/bg_sub_top_price.png') no-repeat 50% 0;background-size: cover;}
.sub_top.management {background: url('../img/common/bg_sub_top_column.png') 50% 0 no-repeat;background-size: cover;}

.site_nav {display: inline-block;margin-left: 60px;}
.site_nav li.menu {display: inline-block;vertical-align: top;margin-left: -4px;}

.site_nav li.menu a.mn_link {display: block;text-align: left;width: 128px;}
.site_nav li.menu:first-child a.mn_link {width: 140px;}
.site_nav li.menu a.mn_link span {display: inline-block;height: 79px;line-height: 78px;font-size: 18px;font-weight: 500;color: #fff;white-space: nowrap;transition: all ease .3s;-o-transition: all ease .3s;-moz-transition: all ease .3s;-webkit-transition: all ease .3s;letter-spacing: -0.05em;}
.site_nav li.menu:hover a.mn_link span, .site_nav li.mb_menu:hover a.mn_link span {color: #333;font-weight: bold;}

.site_nav li.menu ul.sub {display: none;padding: 29px 0;}
.site_nav li.menu ul.sub li a {display: block;width: 128px;padding: 7px 0 7px 0;font-size: 16px;color: #666666;text-align: left;}

.site_nav li.menu ul.sub li:hover a {font-weight: 500;color: #39c1cb;}
.site_nav li.menu ul.sub li:first-child a {padding-top: 0;}

.member_nav {display: inline-block;position: absolute;top: 0;right: 0;}
.member_nav li.mb_menu {display: inline-block;position: relative;vertical-align: top;font-size: 0;}
.member_nav li.mb_menu a.mn_link {display: block;}
.member_nav li.mb_menu a.mn_link span {display: inline-block;height: 79px;line-height: 78px;margin-left: 10px;padding: 0;font-size: 16px;font-weight: 400;color: #fff;white-space: nowrap;transition: all ease .3s;-o-transition: all ease .3s;-moz-transition: all ease .3s;-webkit-transition: all ease .3s;}

.member_nav li.mb_menu .box {display: none;position: absolute;top: 49px;left: 0;padding: 20px;}
.member_nav li.mb_menu ul.sub {padding: 20px 10px 10px;background: #fff;border: 1px solid #d0d0d0;border-radius: 5px;}
.member_nav li.mb_menu ul.sub li a {display: block;width: 170px;padding: 7px 0 7px 21px;font-size: 15px;color: #666666;text-align: left;}
.member_nav li.mb_menu ul.sub li:hover a {font-weight: bold;color: #39c1cb;}
.member_nav li.mb_menu ul.sub li:first-child a {padding-top: 0;}

.dropdown_bg {display: none;position: absolute;top: 80px;left: 0;width: 100%;height: 351px;background: #ffffff;border-bottom: 2px solid #d0d0d0;z-index: 80;}
.dropdown_bg2 {display: none;position: absolute;top: 80px;left: 0;width: 100%;height: 460px;background: #ffffff;border-bottom: 2px solid #d0d0d0;z-index: 80;}

.sidebar-nav {float:left;width: 240px;}
/*.mypage .contents {float:left;width: calc(100% - 280px);margin-left: 40px;}*/
.mypage.ars .border_box {padding: 36px 39px;}
.mypage.ars .border_box p {font-size: 15px;color: #666666;line-height: 24px;}
.mypage.ars .border_box p.txt_primary {color: #39c1cb;font-weight: 500;}

.mypage.ars .dp {padding-top: 34px;border-top: 2px solid #cccccc;}
.mypage.ars .dp h3 {margin-bottom: 3px;font-size: 15px;font-weight: 500;color: #333333;line-height: 23px;}
.mypage.ars .dp p {font-size: 15px;color: #666666;line-height: 30px;}
.mypage.ars .dp p.inline {display: inline-block;}
.mypage.ars .dp .btn.inline {display: inline-block;height: 34px;line-height: 34px;}

.member_info {position: absolute;top: 108px;left: 0;min-width: 250px;height: 132px;padding: 0 18px 0 0;background: #fff;border-top-left-radius: 10px;border-top-right-radius: 10px;z-index: 10;}
.member_info .i_info {position: relative;height: 81px;padding: 36px 0 0 76px;}
.member_info .i_info .pic {position: absolute;top: 19px;left: 20px;width: 50px;height: 50px;}
.member_info .i_info .pic img {width: 100%;height: 100%;border-radius: 100%;}
.member_info .i_info p {display: inline-block;font-size: 14px;color: #666666;font-weight: bold;}
.member_info .i_info p span.name {font-size: 18px;color: #333333;margin-right: 1px;}
.member_info .i_info label {margin-left: 12px;margin-right: 3px;font-size: 15px;color: #333333;font-weight: 500;}
.member_info .i_info span {font-size: 15px;color: #39c1cb;font-weight: 500;}
.member_info ul {margin-left: 18px;}
.member_info ul li {display: inline-block;margin-bottom: 3px;font-size: 14px;color: #333333;}
.member_info ul li:first-child {width: 144px;}
.member_info ul li:nth-child(3) {width: 140px;}
.member_info ul li label {margin-right: 3px;}
.member_info ul li span {font-size: 15px;color: #39c1cb;}

.footer {position: relative;min-width: 1280px;padding-top: 40px;padding-bottom: 130px;background-color: #373b3e;font-size: 12px;color: #f4f4f4;}
.footer .terms {margin-left: -5px;}
.footer .terms li {float: left;position: relative;padding-left: 9px;padding-right: 8px;}
.footer .terms li:before {position: absolute;top: 6px;left: 0;width: 1px;height: 9px;background-color: #cdcece;content: "";}
.footer .terms li:first-child {padding-left: 0;}
.footer .terms li:first-child:before {display: none;}
.footer .terms li a {display: block;padding: 5px;color: #f4f4f4;}
.footer .terms li a:hover {color: #00eeff;}

.footer p.company {margin-top: 30px;line-height: 180%;}
.footer p.company span {margin-right: 22px;}

.footer p.copyright {margin-top: 23px;font-size: 11px;}

.footer .ft_sns {position: absolute;top: 1px;right: 0;}
.footer .ft_sns li {float: left;margin-left: 6px;}

.login_area {width: 760px;margin: 0 auto;}
.login_area #login_fs {float: left;width: 380px;height: 440px;padding: 40px 40px 0;border: 1px solid #ccc;}
#login_fs h2 {font-size: 24px;color: #333333;text-align: center;}
#login_fs p {margin-top: 15px;margin-bottom: 25px;font-size: 14px;color: #666666;line-height: 140%;text-align: center;}
#login_fs .sns_area {margin-bottom: 40px;text-align: center;}
#login_fs ul li {display: inline-block;margin: 0 3px;}
#login_fs label {display:none;}
#login_fs input {width: 100%;}
#login_fs input[type="text"] {margin-bottom: 6px;}
#login_fs input[type="password"] {margin-bottom: 12px;}
#login_fs .btn {float: right;margin-top: 13px;}

.login_area .member_join {float: left;width: 380px;height: 440px;padding-top: 146px;background-color: #39c1cb;color: #fff;text-align: center;}
.login_area .member_join h2 {font-size: 30px;}
.login_area .member_join p {margin-top: 10px;margin-bottom: 25px;font-size: 14px;line-height: 140%;}
.login_area .member_join .btn {width: 230px;}

.join_box {width: 380px;margin: 60px auto 0;padding: 38px 40px;border: 1px solid #cfcfcf}
.join_box h1 {font-size: 24px;font-weight: 200;color: #333333;line-height: 130%;}
.join_box h1 span {font-weight: bold;}
.join_box .form_area {border-top: 0;margin-top: 14px;}
.join_box .form-group {padding-top: 3px;padding-bottom: 3px;padding-left: 0;border-bottom: 0;min-height: 48px;}
.join_box .form-group label.title {display: none;}
.join_box .form-group .caution {display: block;margin-top: 8px;margin-bottom: 4px;color: #ff0000;font-size: 12px;}
.join_box .form-group input {width: 100%;}
.join_box .form-group input[type="text"] {margin: 0;}
.join_box .btn {padding: 0 10px;vertical-align: middle;}
.join_box .btn.sm {width: 94px;height: 26px;padding: 0;margin-left: 9px;line-height: 26px;text-align: center;}
.join_box .btn.btn1 {width: 100%;}

.find_section .wrap.wr_small {width: 760px;padding-top: 60px;}
.find_section .row {border: 1px solid #cccccc;}
.find_section .col {float: left;width: 50%;padding: 40px 40px 37px;}
.find_section .col {border-left: 1px solid #cccccc;}
.find_section .col:first-child {border-left: 0;}
.find_section .col h3 {margin-bottom: 47px;font-size: 24px;font-weight: 500;color: #333333;text-align: center;}
.find_section .col input {width: 100%;margin: 3px 0;}
.find_section .col p {font-size: 12px;color: #999999;}
.find_section .col .btn {margin-top: 13px;}

.password_area {}
.password_area .box {width: 580px;margin: 0 auto;border: 1px solid #ccc;padding: 40px;}
.password_area .box .table-area {border-top: 1px solid #e3e3e3;border-bottom: 1px solid #e3e3e3;}
.password_area .box table {width: 300px;border: 0;margin: 0 auto;}
.password_area .box table th {border: 0;}
.password_area .box table td {border: 0;}
.password_area .box input[type="password"] {width: 200px;}

.main .intro {width: 100%;height: 546px;padding-top: 80px;background: url('../img/main/intro.jpg') no-repeat 100% 0;background-size: cover;text-align: center;}
.main .intro p {margin-top: 115px;font-size: 24px;color: #545454;}
.main .intro h3 {margin-top: 10px;margin-bottom: 23px;font-size: 40px;color: #fff;}
.main .intro a {margin-top: 16px;display: inline-block;padding: 13px 58px 12px;background: #333333;font-size: 18px;color: #fff;}
.main .intro a span {color: #43bcca;}

.main .main01 {padding-top: 85px;padding-bottom: 87px;text-align: center;}
.main .main01 h3 {font-size: 18px;color: #666666;line-height: 170%;}
.main .main01 h3 strong {font-size: 30px;color: #333333;}
.main .main01 ul {margin-top: 40px;font-size: 0;}
.main .main01 ul li {position: relative;display: inline-block;width: 20%;font-size: 12px;}
/*.main .main01 ul li .blur {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url('../img/main/art1_blur.png') repeat 0 0;}
.main .main01 ul li:hover .blur {display:none;}*/
.main .main01 ul li .icon {height: 78px;}
/*
.main .main01 ul li.a1 .icon {background: url('../img/main/art1_01.png') no-repeat 50% 50%;}
.main .main01 ul li.a2 .icon {background: url('../img/main/art1_02.png') no-repeat 50% 50%;}
.main .main01 ul li.a3 .icon {background: url('../img/main/art1_03.png') no-repeat 50% 50%;}
.main .main01 ul li.a4 .icon {background: url('../img/main/art1_04.png') no-repeat 50% 50%;}
.main .main01 ul li.a5 .icon {background: url('../img/main/art1_05.png') no-repeat 50% 50%;}
.main .main01 ul li.a1:hover .icon {background: url('../img/main/art1_01_hover.png') no-repeat 50% 50%;}
.main .main01 ul li.a2:hover .icon {background: url('../img/main/art1_02_hover.png') no-repeat 50% 50%;}
.main .main01 ul li.a3:hover .icon {background: url('../img/main/art1_03_hover.png') no-repeat 50% 50%;}
.main .main01 ul li.a4:hover .icon {background: url('../img/main/art1_04_hover.png') no-repeat 50% 50%;}
.main .main01 ul li.a5:hover .icon {background: url('../img/main/art1_05_hover.png') no-repeat 50% 50%;}
*/
.main .main01 ul li.a1 .icon {background: url('../img/main/art1_01_hover.png') no-repeat 50% 50%;}
.main .main01 ul li.a2 .icon {background: url('../img/main/art1_02_hover.png') no-repeat 50% 50%;}
.main .main01 ul li.a3 .icon {background: url('../img/main/art1_03_hover.png') no-repeat 50% 50%;}
.main .main01 ul li.a4 .icon {background: url('../img/main/art1_04_hover.png') no-repeat 50% 50%;}
.main .main01 ul li.a5 .icon {background: url('../img/main/art1_05_hover.png') no-repeat 50% 50%;}
.main .main01 ul li p {margin-top: 17px;margin-bottom: 7px;font-size: 12px;color: #666666;}
.main .main01 ul li h4 {font-size: 16px;color: #43bcca;}

.main .main02 .lt {float: left;width: 50%;background-color: #242424;}
.main .main02 .lt .box {width: 600px;height: 449px;padding-top: 115px;float: right;color: #fff;}
.main .main02 .lt .box h3 {font-size: 36px;color: #00e5ff;}
.main .main02 .lt .box h4 {margin-top: 6px;font-size: 36px;color: #fff;font-weight: 200;text-transform: uppercase;}
.main .main02 .lt .box p {margin-top: 74px;margin-bottom: 13px;font-size: 14px;color: #fff;line-height: 150%;}
.main .main02 .lt .box p strong {font-size: 18px;color: #00e5ff;}
.main .main02 .lt .box input[type="text"] {width: 160px;border-radius: 0;vertical-align: middle;}
.main .main02 .lt .box .btn {width: 199px;border-radius: 0;vertical-align: middle;}


.main .main02 .rt {float: left;width: 50%;background-color: #43bcca;}
.main .main02 .rt .box {position: relative;width: 600px;height: 449px;float: left;background: url('../img/main/art2_rt.jpg') no-repeat 0 0;}
.main .main02 .rt .box ol li {position: absolute;}
.main .main02 .rt .box ol li div {position: relative;}
/*
.main .main02 .rt .box ol li div label {display: inline-block;width: 39px;height: 39px;padding-top: 13px;background: url('../img/main/art2_rt_circle.png') no-repeat 50% 50%;font-size: 14px;color: #fff;text-align: center;}
.main .main02 .rt .box ol li div label:hover {background: url('../img/main/art2_rt_circle_bk.png') no-repeat 50% 50%;}
*/
/*
.main .main02 .rt .box ol li div label {display: inline-block;width: 36px;height: 36px;padding-top: 13px;background: url('../img/main/art2_rt_circle_bk.png') no-repeat 50% 50%;background-size: contain;font-size: 14px;color: #fff;text-align: center;}

.main .main02 .rt .box ol li div p {display: block;position: absolute;font-size: 14px;color: #373b3e;line-height: 130%;white-space: nowrap;}
.main .main02 .rt .box ol li.b01 {top: 17px;left: 23px;text-align: center;}
.main .main02 .rt .box ol li.b01 p {left: -30px;top: 50px;}
.main .main02 .rt .box ol li.b02 {top: 103px;left: 129px;}
.main .main02 .rt .box ol li.b02 p {left: 46px;top: -4px;}
.main .main02 .rt .box ol li.b03 {top: 150px;left: 197px;}
.main .main02 .rt .box ol li.b03 p {left: 41px;top: 2px;}
.main .main02 .rt .box ol li.b04 {top: 223px;left: 249px;}
.main .main02 .rt .box ol li.b04 p {left: -126px;top: 6px;}
.main .main02 .rt .box ol li.b05 {top: 273px;left: 327px;}
.main .main02 .rt .box ol li.b05 p {left: -109px;top: 17px;}
.main .main02 .rt .box ol li.b06 {top: 282px;left: 427px;text-align: center;}
.main .main02 .rt .box ol li.b06 p {left: -40px;top: 46px;}
.main .main02 .rt .box ol li.b07 {top: 241px;left: 509px;}
.main .main02 .rt .box ol li.b07 p {left: -109px;top: -2px;}
.main .main02 .rt .box ol li.b08 {top: 174px;left: 558px;}
.main .main02 .rt .box ol li.b08 p {left: -154px;top: 2px;}
*/
.main .main03 {padding-top: 90px;padding-bottom: 90px;border-bottom: 1px solid #ececec;}
.main .main03 ul {display: flex;justify-content: center;gap: 42px;}
.main .main03 ul li {}
.main .main03 ul li div {width: 682px;height: 258px;padding: 39px 40px 0;}
.main .main03 ul li:first-child div {background: url('../img/main/art3_01_2.png') no-repeat 0 0;background-size: contain;}
.main .main03 ul li:nth-child(2) div {background: url('../img/main/art3_02_2.png') no-repeat 0 0;background-size: contain;}
.main .main03 ul li:nth-child(3) div {background: url('../img/main/art3_03_2.png') no-repeat 0 0;background-size: contain;}


.main .main03 ul li h3 {font-size: 20px;line-height: 29px;color: #fff;}
.main .main03 ul li p {margin-top: 5px;margin-bottom: 23px;font-size: 13px;line-height: 19px;color: #fff;font-weight: 200;}
.main .main03 ul li .btn {height: 41px;padding: 0 20px;font-size: 13px;background: transparent;color: #fff;border: 1px solid #ffffff;text-align: center;}

.main .main04 {padding-top: 90px;padding-bottom: 62px;}
.main .main04 h3.title {font-size: 24px;color: #333333;text-align: center;}
.main .main04 h3.title span {color: #43bcca;}
.main .main04 p.a_desc {margin-top: 10px;padding-bottom: 23px;font-size: 14px;color: #333333;text-align: center;}

.main .main05 {padding-top: 60px;padding-bottom: 60px;background-color: #f3f3f3;}
.main .main05 div.col {float: left;width: 585px;}
.main .main05 h3.title {margin-bottom: 6px;font-size: 18px;color: #3d3d3d;}
.main .main05 p.a_desc {float: left;font-size: 14px;color: #b1b1b1;}
.main .main05 .btn_all {float: right;position: relative;padding-left: 28px;margin-top: -13px;}
.main .main05 .btn_all:before {position: absolute;top: -1px;left: 0;width: 17px;height: 13px;background: url('../img/main/btn_all.png') no-repeat 0 0;content: "";}

.main .main05 ul {margin-top: 22px;}
.main .main05 ul li {line-height: 250%;}
.main .main05 ul li a {position: relative;padding-left: 14px;font-size: 14px;color: #333333;font-weight: 200;}
.main .main05 ul li a:before {position: absolute;top: 5px;left: 0;width: 4px;height: 4px;background: #515965;content: "";}
.main .main05 ul li span {float: right;font-size: 14px;color: #333333;font-weight: 200;}

.main .main05 .col:nth-child(2) {float: right;width: 585px;height: 220px;padding: 65px 40px 0;background: url('../img/main/art5_01.png') no-repeat 0 0;}
.main .main05 .col:nth-child(2) h3 {font-size: 24px;color: #fff;}
.main .main05 .col:nth-child(2) p {margin-top: 9px;margin-bottom: 24px;font-size: 14px;color: #fff;font-weight: 200;}
.main .main05 .col:nth-child(2) .btn {width: 185px;font-size: 14px;background: transparent;color: #fff;border: 1px solid #a0a0a0;text-align: center;}



.sub_top {position: relative;height: 160px;background-color: #39c1cb;/*background: url('../img/common/bg_sub_top_member.png') no-repeat 50% 0;*/}
.sub_top .sub_top_back {position: absolute;top: 0;left: 0;width: 100%;height: 160px;background: url('../img/common/sub_top_back.png') no-repeat 54.5% 53px;}
.sub_top .wrap {height: 100%;padding-top: 51px;text-align: center;color: #fff;}
.sub_top .wrap h1 {font-size: 36px;font-weight: bold;color: #fff;letter-spacing: -0.05em;}
.sub_top .wrap p {margin-top: 18px;font-size: 14px;font-weight: 500;color: #fff;letter-spacing: -0.05em;}





.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 50;
}

.content_loc {height: 57px;border-top: 1px solid #dddddd;border-bottom: 1px solid #dddddd;}
.content_loc ul li.home {float: left;width: 58px;height: 55px;border-left: 1px solid #dddddd;border-right: 1px solid #dddddd;background: url('../img/common/loc_home.png') no-repeat 50% 50%;text-indent: -9999em;}
.content_loc ul li.home a {display: block;height: 100%;}
.content_loc ul li.loc {float: left;position: relative;width: 240px;height: 55px;padding-top: 22px;padding-left: 22px;padding-right: 50px;border-right: 1px solid #dddddd;background: url('../img/common/loc_arr.png') no-repeat top 50% right 20px;font-size: 16px;font-weight: 500;color: #333333;cursor: pointer;letter-spacing: -0.05em;}
.content_loc ul li.loc.active {background: url('../img/common/loc_arr_active.png?v=2') no-repeat top 50% right 20px;color: #39c1cb;}
.content_loc .loc_sub {display: none;position:absolute;top: 56px;left: -1px;z-index: 10;}
.content_loc .loc_sub li {width: 241px;background-color: #fff;border-bottom: 1px solid #dddddd;border-left: 1px solid #dddddd;border-right: 1px solid #dddddd;}
.content_loc .loc_sub li:first-child {border-top: 0;}
.content_loc .loc_sub li a {display: block;height: 100%;padding-left: 22px;padding-top: 20px;padding-bottom: 17px;font-size: 16px;font-weight: 400;color: #666666;}
.content_loc .loc_sub li a:hover {font-weight: 500;color: #39c1cb;}

.content_loc.sticky {background-color: #363636;}
.content_loc.sticky ul li.home {border-left: 1px solid #828282;border-right: 1px solid #828282;background: url('../img/common/loc_home_st.png') no-repeat 50% 50%;}
.content_loc.sticky ul li.loc {color: #fff;background: url('../img/common/loc_arr_st.png') no-repeat top 50% right 20px;border-right: 1px solid #828282;}
.content_loc.sticky ul li.loc.active {background: url('../img/common/loc_arr_active_st.png') no-repeat top 50% right 20px;color: #39c1cb;}

article {padding-top: 60px;}
article.sticky {padding-top: 150px;}

.sub_title {position: relative;margin-bottom: 80px;}
.sub_title br {display: none;}
.sub_title h1 {font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.31;
  letter-spacing: normal;
  text-align: center;
  color: #39c1cb;margin-bottom: 3px;}
.sub_title h2 {margin: 0 38px 11px 36px;font-size: 36px;font-weight: bold;font-stretch: normal;font-style: normal;
  line-height: 1.22;
  letter-spacing: normal;
  text-align: center;
  color: #191919;}
.sub_title h4 {margin: 11px 0 0;
 
  font-size: 14px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: normal;
  text-align: center;
  color: #707070;}
.sub_title h4  br {display: block;}
.sub_title h4.red {color: #ff0000;}


.site_container > article > .wrap > .sub_title {display: none;}
.site_container > article > .wrap > .contents .sub_title {display: none;}
.site_container > article > .wrap > form > .contents > .sub_title {display: none;}

h1 {font-size: 24px;color: #333333;line-height: 24px;letter-spacing: -0.075em;}
h3 {font-size: 18px;color: #333333;font-weight: 500;}
h3 span.add {font-size: 14px;font-weight: 400;color: #666666;margin-left: 5px;}
h3 span.register {font-size: 16px;font-weight: 400;}

.sub_title a {display: inline-block;float: right;height: 42px;line-height: 42px;padding: 0 22px;background-color: #434343;border-radius: 3px;font-size: 15px;color: #fff;}

.article_company01 {height: 1033px;padding-top: 112px;background: url('../img/sub/company/company_01_bg.png') no-repeat 50% 50%;color: #fff;}
.article_company01 h1 {font-size: 72px;font-weight: 500;}
.article_company01 h2 {margin-top: 35px;margin-bottom: 37px;font-size: 36px;font-weight: 500;line-height: 118%;}
.article_company01 .p16 {font-size: 16px;line-height: 24px;}
.article_company01 .p14 {margin-top: 58px;font-size: 14px;line-height: 24px;}
.article_company01 .p14 .blk {font-size: 18px;line-height: 24px;color: #000000;}
.article_company01 h4 {margin-top: 22px;font-size: 24px;line-height: 24px;}

.article_terms .t_contents {height: 526px;padding-top: 50px;background: url('../img/sub/terms/t_contents_use_bg.png') no-repeat 50% 50%;}
.article_terms .t_contents div {display: inline-block;vertical-align: top;padding-left: 60px;}
.article_terms .t_contents div:nth-child(2) {width: 385px;}
.article_terms .t_contents div:first-child {width: 474px;}
.article_terms .t_contents h3 {font-size: 14px;line-height: 30px;color: #333333;}
.article_terms .t_contents h3 a {color: #333333;}
.article_terms .t_contents p {font-size: 14px;line-height: 30px;color: #666666;}
.article_terms .t_contents p a {color: #666666;}

.article_terms .terms h2 {font-size: 18px;line-height: 26px;color: #333333;font-weight: 500;}
.article_terms .terms h3 {font-size: 16px;line-height: 26px;color: #333333;font-weight: 500;}
.article_terms .terms p {font-size: 14px;line-height: 26px;color: #888888;font-weight: 500;}
.article_terms .terms ul {list-style-position: inside;list-style-type: decimal;text-indent: -18px;padding-left:18px;}
.article_terms .terms li {font-size: 14px;line-height: 26px;color: #888888;font-weight: 500;}

.article_price01 {padding-top: 53px;padding-bottom: 57px;text-align: center;}
.article_price01 h3 {font-size: 18px;color: #666666;line-height: 170%;}
.article_price01 h3 strong {font-size: 30px;color: #39c1cb;}
.article_price01 ul {margin-top: 50px;font-size: 0;}
.article_price01 ul li {position: relative;display: inline-block;width: 20%;font-size: 12px;cursor: pointer;}
.article_price01 ul li .icon {height: 58px;}
.article_price01 ul li.a1 .icon {background: url('../img/price/price_01_1.png') no-repeat 50% 50%;}
.article_price01 ul li.a2 .icon {background: url('../img/price/price_01_2.png') no-repeat 50% 50%;}
.article_price01 ul li.a3 .icon {background: url('../img/price/price_01_3.png') no-repeat 50% 50%;}
.article_price01 ul li.a4 .icon {background: url('../img/price/price_01_4.png') no-repeat 50% 50%;}
.article_price01 ul li.a5 .icon {background: url('../img/price/price_01_5.png') no-repeat 50% 50%;}
.article_price01 ul li p {margin-top: 27px;margin-bottom: 8px;font-size: 12px;color: #666666;}
.article_price01 ul li h4 {font-size: 16px;color: #333333;}

.article_price02 {border-top: 1px solid #f1f1f1;}
.article_price02 .p-list {margin-left: -39px;}
.article_price02 .price-item {float: left;width: 270px;margin-left: 39px;margin-bottom: 50px;text-align: center;}
.article_price02 .price-item .item-box {width: 100%;height: 352px;padding: 29px 55px 30px;background-color: rgba( 57, 193, 203, 0.1 );border: solid 1px #f1f1f1;border-radius: 10px;}
.article_price02 .price-item h3 {height: 41px;font-size: 28px;line-height: 41px;color: #39c1cb;}
.article_price02 .price-item h4 {margin-top: 1px;height: 20px;font-size: 14px;font-weight: normal;line-height: 20px;color: #666666;}
.article_price02 .price-item .price {margin-top: 25px;margin-right: 15px;height: 36px;line-height: 36px;font-size: 24px;font-weight: bold;color: #ffa200;text-align: right;}
.article_price02 .price-item .price span {font-size: 16px;font-weight: bold;color: #999999;}
.article_price02 .price-item .price-tip {margin-top: 2px;height: 20px;font-size: 14px;line-height: 20px;color: #999999;}
.article_price02 .price-item .info-box {width: 160px;height: 120px;margin-top: 28px;padding: 11px 18px 10px;border-radius: 5px;background-color: #ffffff;}
.article_price02 .price-item .info-box dl {display: flex;justify-content:  space-between;line-height: 25px;}
.article_price02 .price-item .info-box dl dt {display: inline-block;font-size: 14px;color: #999999;}
.article_price02 .price-item .info-box dl dd {display: inline-block;font-size: 16px;font-weight: bold;color: #191919;}
.article_price02 .price-item .btn1 {width: 160px;height: 50px;margin-top: 10px;line-height: 50px;border: solid 2px #39c1cb;border-radius: 50px;background-color: #39c1cb;font-size: 16px;font-weight: bold;color: #ffffff;}
.article_price02 .price-item .btn2 {width: 160px;height: 50px;margin-top: 10px;line-height: 50px;border: solid 2px #39c1cb;border-radius: 50px;background-color: #fff;font-size: 16px;font-weight: bold;color: #191919;}

.article_price02 .price-item.tip .item-box {padding: 33px 14px 30px;background-color: #fff;border: 0;}
.article_price02 .price-item.tip .info-box {width: 100%;height: 145px;margin-top :0;padding: 12px 26px;background-color: #f5f5f5;border: solid 1px #f5f5f5;border-radius: 38px;font-size: 16px;line-height: 25px;color: #191919;}
.article_price02 .price-item.tip .info-box p {margin-top: 10px;}
.article_price02 .price-item.tip .info-box i {color: #bbbbbb;}
.article_price02 .price-item.tip .info-box span {color: #cd201f;}

.article_c2 ul li {float:left;width: 279px;height: 364px;margin-left: 28px;}
.article_c2 ul li:first-child {margin-left: 0;}
.article_c2 ul li a {display: block;height: 364px;padding-top: 252px;padding-left: 20px;border: 1px solid #ececec;}
.article_c2 ul li:first-child a {background: url('../img/sub/c2_landing_01.png') no-repeat 50% 50px;}
.article_c2 ul li:nth-child(2) a {background: url('../img/sub/c2_landing_02.png') no-repeat 50% 59px;}
.article_c2 ul li:nth-child(3) a {background: url('../img/sub/c2_landing_03.png') no-repeat 50% 59px;}
.article_c2 ul li:nth-child(4) a {background: url('../img/sub/c2_landing_04.png') no-repeat 50% 59px;}
.article_c2 ul li:first-child a:hover {background:#39cb89 url('../img/sub/c2_landing_01_hover.png') no-repeat 50% 50px;}
.article_c2 ul li:nth-child(2) a:hover {background:#39cb89 url('../img/sub/c2_landing_02_hover.png') no-repeat 50% 59px;}
.article_c2 ul li:nth-child(3) a:hover {background:#39cb89 url('../img/sub/c2_landing_03_hover.png') no-repeat 50% 59px;}
.article_c2 ul li:nth-child(4) a:hover {background:#39cb89 url('../img/sub/c2_landing_04_hover.png') no-repeat 50% 59px;}

.article_c2 ul li a h5 {font-size: 18px;color: #333;}
.article_c2 ul li a p {margin-top: 20px;font-size: 14px;color: #666666;line-height: 130%;}
.article_c2 ul li a:hover h5 {color: #fff;}
.article_c2 ul li a:hover p {color: #fff;}

.article_c2_1 ul {margin-left: -16px;margin-right: -16px;}
.article_c2_1 ul li {float:left;position: relative;margin: 0 16px 32px 16px;width: 274px;height: 274px;padding: 11px 20px 20px;text-align: center;}
.article_c2_1 ul li > a {display: block;}
.article_c2_1 ul li img {width: 130px;height: 130px;margin: 0 35px 0;}
.article_c2_1 ul li h4 {margin: 11px 0;font-size: 20px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.35;letter-spacing: normal;text-align: center;color: #39c1cb;}
.article_c2_1 ul li p {font-size: 14px;font-weight: 300;font-stretch: normal;font-style: normal;line-height: 1.57;letter-spacing: -0.35px;text-align: center;color: #707070;}
.article_c2_1 ul li .over {opacity: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: solid 1px #ececec;border-radius: 10px;transition: all ease .3s;-o-transition: all ease .3s;-moz-transition: all ease .3s;-webkit-transition: all ease .3s;text-align: center;}
.article_c2_1 ul li .over div {display: block;width: 100%;height: 100%;padding-top: 84px;}
.article_c2_1 ul li .over a {display: block;width: 100%;height: 100%;padding-top: 84px;font-size: 20px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.4;letter-spacing: normal;text-align: center;color: #fffd00;}
.article_c2_1 ul li .over p {font-size: 20px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.4;letter-spacing: normal;text-align: center;color: #fffd00;}

.article_c2_1 ul li .over i {display: inline-block;width: 40px;height: 29px;margin-bottom: 20px;background: url('../img/sub/icon_check.png') no-repeat 50% 0;background-size: 40px 29px;}
.article_c2_1 ul li .over i.make {display: inline-block;width: 36px;height: 36px;margin-bottom: 20px;background: url('../img/sub/icon_make.png') no-repeat 50% 0;background-size: 36px 36px;}


.article_c2_1 ul li:hover .over {opacity: 1;background-color:rgba(25, 25, 25, 0.8);}

.article_teaser ul.teaser_list {margin-left: -16px;margin-right: -16px;}
.article_teaser ul.teaser_list li {float: left;position: relative;width: 274px;height: 363px;margin: 0 16px 30px;}
.article_teaser ul.teaser_list li span.tag {position: absolute;top: -10px;right: -10px;width: 60px;height: 60px;border-radius: 50%;background: #2ec1cc;border-color: #2ec1cc;font-size: 16px;font-weight: 500;color: #fff;padding: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;box-shadow: 0 3px 9px rgba(0, 0, 0, 0.3);}
.article_teaser ul.teaser_list li span.tag i {display: none;margin: 0;}
.article_teaser ul.teaser_list li span.tag.pay {background: #ff953f;border-color: #ff953f;}
.article_teaser ul.teaser_list li span.tag.down i {display: block;margin-top: 5px;width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 10px solid #191919;}
.article_teaser ul.teaser_list .img_box {width: 100%;height: 220px;background-color: #e8e8e8;border: solid 1px #efefef;border-radius: 10px;overflow: hidden;}
/*.article_teaser ul.teaser_list .img_box img {width: 100%;height: 220px;object-fit: cover;}*/

.article_teaser ul.teaser_list .txt {margin-top: 21px;padding: 0 10px;}
.article_teaser ul.teaser_list .txt h5 {margin: 0 0 11px;font-size: 20px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.35;letter-spacing: normal;text-align: center;color: #39c1cb;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.article_teaser ul.teaser_list .txt p {height: 64px;font-size: 14px;font-weight: 300;font-stretch: normal;font-style: normal;line-height: 1.57;letter-spacing: -0.35px;text-align: center;color: #707070;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 3; /* ellipsis line */-webkit-box-orient: vertical;}
.article_teaser ul.teaser_list li .over {opacity: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 10px;transition: all ease .3s;-o-transition: all ease .3s;-moz-transition: all ease .3s;-webkit-transition: all ease .3s;text-align: center;}
.article_teaser ul.teaser_list li:hover .over {opacity: 1;background-color:rgba(25, 25, 25, 0.8);}

.article_teaser ul.teaser_list li .over .btn_preview {display: inline-block;padding: 62px 20px 10px;margin: 77px 86px 0;background: url('../img/sub/icon_preview.png') no-repeat 50% 0;background-size: 46px 46px;font-size: 16px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: center;color: #ffffff;}
.article_teaser ul.teaser_list li .over .btn_preview:hover {background: url('../img/sub/icon_preview_hover.png') no-repeat 50% 0;background-size: 46px 46px;color: #fffd00;}
.article_teaser ul.teaser_list li .over .btn_choice {display: inline-block;width: 150px;height: 50px;line-height: 48px;margin: 46.4px 62px 56.6px;padding-left: 60px;background: url('../img/sub/icon_btncheck.png') no-repeat 32px 50%;background-size: 21px 16px;border-radius: 25px;border: solid 2px #ffffff;font-size: 16px;font-weight: bold;font-stretch: normal;font-style: normal;letter-spacing: normal;text-align: left;color: #ffffff;}
.article_teaser ul.teaser_list li .over .btn_choice:hover {background-color: #23b8c3;}

.article_teaser ul.teaser_list li .over.type2 .btn_choice {display: inline-block;width: 150px;height: 50px;line-height: 48px;margin: 100px 62px 43px;padding-left: 60px;
background: url('../img/sub/icon_btncheck.png') no-repeat 32px 50%;background-size: 20px 20px;border-radius: 25px;border: solid 2px #ffffff;font-size: 16px;font-weight: bold;font-stretch: normal;font-style: normal;letter-spacing: normal;text-align: left;color: #ffffff;}

.article_teaser ul.teaser_list li .over.type2 .btn_choice:hover {background:#23b8c3 url('../img/sub/icon_btncheck.png') no-repeat 32px 50%;background-size: 20px 20px;color: #fffd00;}
.article_teaser ul.teaser_list li .over.type2 .btn_cancel {display: inline-block;width: 150px;height: 50px;line-height: 48px;margin: 0 62px 0;padding-left: 60px;background: url('../img/sub/icon_btncheck.png') no-repeat 32px 50%;background-size: 24px 14px;border-radius: 25px;border: solid 2px #ffffff;font-size: 16px;font-weight: bold;font-stretch: normal;font-style: normal;letter-spacing: normal;text-align: left;color: #ffffff;}
.article_teaser ul.teaser_list li .over.type2 .btn_cancel:hover {background:#ff953f url('../img/sub/icon_btncheck.png') no-repeat 32px 50%;background-size: 24px 14px;color: #fffd00;}

.article_teaser ul.teaser_list li.empty {width: 100%;height: 200px;margin: 0;padding-top: 100px;text-align: center;font-size: 18px;}

.article_teaser ul li.write-item {float:left;position: relative;margin: 0 16px 30px;width: 274px;height: 363px;padding: 11px 20px 20px;text-align: center;}
.article_teaser ul li.write-item img {width: 130px;height: 130px;margin: 0 35px 0;}
.article_teaser ul li.write-item h4 {margin: 11px 0;font-size: 20px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.35;letter-spacing: normal;text-align: center;color: #39c1cb;}
.article_teaser ul li.write-item p {font-size: 14px;font-weight: 300;font-stretch: normal;font-style: normal;line-height: 1.57;letter-spacing: -0.35px;text-align: center;color: #707070;}
.article_teaser ul li.write-item .over a {display: block;width: 100%;height: 100%;padding-top: 84px;font-size: 20px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.4;letter-spacing: normal;text-align: center;color: #fffd00;}
.article_teaser ul li.write-item .over p {font-size: 20px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.4;letter-spacing: normal;text-align: center;color: #fffd00;}

.article_teaser ul li.write-item .over i {display: inline-block;width: 40px;height: 29px;margin-bottom: 20px;background: url('../img/sub/icon_check.png') no-repeat 50% 0;background-size: 40px 29px;}
.article_teaser ul li.write-item .over i.make {display: inline-block;width: 36px;height: 36px;margin-bottom: 20px;background: url('../img/sub/icon_make.png') no-repeat 50% 0;background-size: 36px 36px;}


.article_teaser ul.teaser_list.my_template_list .price_area {display: flex;justify-content: space-between;align-items: top;margin-top: 10px;padding-top: 10px;border-top: 1px solid #e3e3e3;}
.article_teaser ul.teaser_list.my_template_list .price_area dl {margin-bottom: 4px;}
.article_teaser ul.teaser_list.my_template_list .price_area dl dt {display: inline-block;width: 54px;margin-right: 9px;font-size: 16px;font-weight: 500;letter-spacing: normal;color: #707070;}
.article_teaser ul.teaser_list.my_template_list .price_area dl dd.spr {display: inline-block;font-size: 16px;font-weight: 500;line-height: 24px;letter-spacing: normal;color: #c4c4c4;text-decoration: line-through;}
.article_teaser ul.teaser_list.my_template_list .price_area dl dd.mpr {display: inline-block;font-size: 20px;font-weight: 900;line-height: 29px;letter-spacing: normal;color: #691acf;}
.article_teaser ul.teaser_list.my_template_list .price_area .state {display: inline-block;width: 60px;height: 60px;padding-top: 37px;border-radius: 5px;background-color: rgba(245, 245, 245, 0.5);text-align: center;}
.article_teaser ul.teaser_list.my_template_list .price_area .state span {font-size: 14px;line-height: 20px;font-weight: 500;color: #707070;}
.article_teaser ul.teaser_list.my_template_list .price_area .state.state0 {background:rgba(245, 245, 245, 0.5) url('../img/mypage/status_0.png') no-repeat 50% 4px;}
.article_teaser ul.teaser_list.my_template_list .price_area .state.state1 {background:rgba(245, 245, 245, 0.5) url('../img/mypage/status_1.png') no-repeat 50% 4px;}
.article_teaser ul.teaser_list.my_template_list .price_area .state.state2 {background:rgba(245, 245, 245, 0.5) url('../img/mypage/status_2.png') no-repeat 50% 4px;}


.academy_list ul.list {margin-left: -12px;margin-right: -12px;}
.academy_list ul.list li {float: left;width: 50%;padding: 0 12px 24px;}
.academy_list ul.list li .box {height: 297px;padding: 33px;border: 1px solid #ececec;overflow: hidden;}
.academy_list ul.list li img {float: left;display: inline-block;width: 187px;height: 187px;}
.academy_list ul.list li .info {float: left;display: inline-block;width: 298px;margin-left: 34px;}
.academy_list ul.list li .info h3 {margin-bottom: 21px;font-size: 18px;color: #333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 120%;}
.academy_list ul.list li .info p {font-size: 14px;color: #666666;line-height: 175%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.academy_list ul.list li .info p.price {margin-top: 4px;margin-bottom: 13px;font-size: 18px;color: #39c1cb;}
.academy_list ul.list li .info p.price em {font-style: normal;}
.academy_list ul.list li .btn {margin-left: 10px;}
.academy_list ul.list li.prep .box {padding-top: 102px;background:#fff url('../img/sub/academy_list_x.gif') no-repeat 50% 50%;font-size: 36px;color: #cecece;font-weight: 200;line-height: 145%;text-align: center;}

.academy_view .info_area {float: left;width: 864px;height: 339px;padding-top: 40px;padding-left: 40px;border: 1px solid #cccccc;}
.academy_view .info_area.not_group {width: 100%;}
.academy_view .info_area .img_box {float: left;/*width: 420px;*/width: 267px;height: 267px;border: 1px solid #ececec;}
.academy_view .info_area .img_box img {/*width: 418px;*/width: 265px;height: 265px;}
.academy_view .info_area .info {float: left;/*width: 321px;*/width: 480px;margin-left: 41px;}
.academy_view .info_area.not_group .info {width: 660px;}
.academy_view .info_area .info h3 {margin-bottom: 7px;font-size: 18px;color: #333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 120%;}
.academy_view .info_area .info p {font-size: 16px;color: #666666;line-height: 184%;}
.academy_view .info_area .info p label {display: inline-block;width: 90px;color: #333333;}
.academy_view .info_area .info p.summary {margin-bottom: 33px;border-bottom: 2px solid #39c1cb;padding-bottom: 5px;font-size: 14px;color: #666666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 120%;}
.academy_view .info_area .info p.price {margin-top: 39px;padding-top: 18px;border-top: 1px solid #cccccc;font-size: 16px;color: #666666;line-height: 30px;}
.academy_view .info_area .info p.price em {font-style: normal;font-size: 30px;color: #39c1cb;}

.academy_view .forms {float: left;width: 336px;height: 339px;padding: 40px;border: 1px solid #cccccc;border-left: 0;}
.academy_view .forms h3 {margin-bottom: 29px;font-size: 18px;color: #39c1cb;}
.academy_view .forms input {width: 100%;margin-bottom: 6px;}
.academy_view .forms hr {border-top: 1px solid #cccccc;margin-top: 18px;margin-bottom: 11px;}
.academy_view .forms .btn {margin-top: 27px;}

.academy_view .contents {margin-top: 60px;padding: 40px;border: 1px solid #cccccc;}
.academy_view .contents h3 {margin-bottom: 53px;font-size: 30px;color: #0075c8;}
.academy_view .contents .summary {font-size: 14px;color: #666666;line-height: 180%;}
.academy_view .contents .content {margin-top: 47px;padding: 30px;border: 1px solid #39c1cb;font-size: 14px;color: #666666;line-height: 180%;}

.hierarchy_box {width: 508px;height: 394px;padding: 30px;border: 1px solid #cecece;}

table.single.hierarchy_table tbody th {padding-left: 28px;}
table.single.hierarchy_table tbody td {padding-left: 38px;}

.textarea_rel {position: relative;border: 1px solid #cccccc;}
.textarea_rel textarea {border: 0;}
.textarea_rel input[type="button"] {position: absolute;bottom:4px;right:2px;}

.group_stat dl {display: inline-block;width: 33%;margin: 15px 0;font-size: 0;text-align: center;}
.group_stat dl dt {font-size: 16px;}
.group_stat dl dd {margin-top: 15px;font-size: 20px;}

.tooltip_box {position: relative;}
.tooltip_box .copy_tooltip {display: none;position: absolute;top: -62px;left: 50%;width: 168px;height: 63px;margin-left: -84px;background: url('../img/common/tooltip.png') no-repeat 0 0;text-align: center;color: #fff;padding-top: 21px;font-size: 13px;z-index: 10;}
.tooltip_box .copy_tooltip.active {display:block;-webkit-animation: cssAnimation 1s forwards;animation: cssAnimation 1s forwards;}
@keyframes cssAnimation {
    0%   {opacity: 1;}
    90%  {opacity: 1;}
    100% {opacity: 0;}
}
@-webkit-keyframes cssAnimation {
    0%   {opacity: 1;}
    90%  {opacity: 1;}
    100% {opacity: 0;}
}



.article_451 ul.list {margin-left: -14px;margin-right: -14px;}
.article_451 ul.list li {float:left;width: 307px;height: 307px;padding-left: 14px;padding-right: 14px;padding-bottom: 28px;}
.article_451 ul.list li .box {position: relative;display: block;height: 274px;border: 1px solid #ececec;}
.article_451 ul.list li .box span.tag {position: absolute;top: -10px;right: -10px;width: 60px;height: 60px;border-radius: 50%;background: #2ec1cc;border-color: #2ec1cc;color: #fff;padding: 0;display: flex;align-items: center;justify-content: center;box-shadow: 0 3px 9px rgba(0, 0, 0, 0.3);}
.article_451 ul.list li .box .txt {padding-top: 22px;padding-left: 21px;}
.article_451 ul.list li .box h5 {font-size: 18px;color: #333;}
.article_451 ul.list li .box a {display: inline-block;}

.article_452 .template_box {width: 100%;box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.16);background-color: #ffffff;border-radius: 10px;}
.article_452 .template_box .t_info1 {margin-bottom: 59px;padding: 50px 50px 0;}
.article_452 .template_box .t_info1 .title {font-size: 36px;line-height: 1.22;font-weight: bold;color: #191919;}
.article_452 .template_box .t_info1 .title span {font-weight: 400;color: #39c1cb;}
.article_452 .template_box .t_info1 .title span i {font-style: normal;}
.article_452 .template_box .t_info1 .name {font-size: 20px;font-weight: 100;line-height: 2.2;color: #191919;}
.article_452 .template_box .t_info1 .name span {margin-left: 8px;font-weight: bold;color: #39c1cb;}

.article_452 .template_preview {padding: 0 50px 0;}
.article_452 .template_preview .template_view_box {float: left;width: 480px;height: 360px;border-radius: 10px;background: #f1f1f1;overflow: hidden;}
.article_452 .template_preview .template_view_box img {border-radius: 10px;}

.article_452 .template_preview .template_info {float: left;width: 550px;margin-left: 70px;}
.article_452 .template_preview .template_info ul {width: 100%;}
.article_452 .template_preview .template_info li {float: left;width: 50%;height: 86px;}
.article_452 .template_preview .template_info li .label {font-size: 16px;font-weight: 500;color: #c4c4c4;}
.article_452 .template_preview .template_info li .content {padding-top: 8px;font-size: 16px;font-weight: 500;color: #191919;}
.article_452 .template_preview .template_info .ranking i {font-size: 24px;color: #2ec1cc;}
.article_452 .template_preview .template_info .desc {margin-top: 10px;font-size: 14px;font-weight: 300;line-height: 1.57;color: #707070;}
.article_452 .template_preview .template_info .price {font-size: 40px;font-weight: 500;line-height: 1.48;color: #39c1cb;}
.article_452 .template_preview .template_info .btn {width: 120px;height: 48px;line-height: 48px;border-radius: 5px;border: solid 1px #39c1cb;font-size: 16px;font-weight: 500;text-align: center;}

.article_452 .designer_comment_area {padding: 0 50px;}

.starR1{
    background: url('../img/landing/ico_review.png') no-repeat -20px 0;
    background-size: 40px 100%;
    width: 10px;
    height: 20px;
    
    text-indent: -9999px;
    
}
.starR2{
	margin-right: 5px;
    background: url('../img/landing/ico_review.png') no-repeat right 0;
    background-size: 40px 100%;
    width: 10px;
    height: 20px;
    
    text-indent: -9999px;
    
}
.starR1.on{background-position:0 0;}
.starR2.on{background-position: -10px 0;}
.starRev {font-size: 0;}
.starRev .star{
	display: inline-block;
    background: url('../img/landing/ico_review.png') no-repeat -20px 0;
    background-size: 40px 100%;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    
	margin-right: 5px;
	vertical-align: top;
}
.starRev .star.on{
   background-position: 0 0;
}
.starRev.star2 .star {display: inline-block;
    background: url('../img/landing/ico_review2.png') no-repeat -20px 0;
    background-size: 40px 100%;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    
	margin-right: 5px;
	vertical-align: top;}
.starRev.star2 .star.on{
   background-position: 0 0;
}

.starRev.button .star {cursor: pointer;}




.starRev label {display: inline-block;margin-right: 20px;font-size: 16px;font-weight: 500;color: #999999;line-height: 24px;vertical-align: top;}
.starRev p {display: block;margin-bottom: 6px;font-size: 16px;font-weight: 500;color: #c4c4c4;line-height: 24px;}

.article_452 .comment_title {font-size: 32px;font-weight: 500;color: #191919;}
.article_452 .comment_title img {float: left;}
.article_452 .comment_title span {float: left;}
.article_452 .comment_title span.add {margin-left: 10px;font-size: 20px;font-weight: 500;color: #c4c4c4;}

.article_452 .designer_comment_area .btn_youtube {display: inline-block;width: 240px;height: 48px;padding: 8px 20px;border-radius: 24px;border: solid 2px #e3e3e3;background-color: #f5f5f5;text-align: left;}
.article_452 .designer_comment_area .btn_youtube span {position: relative;padding-left: 84px;line-height: 29px;font-size: 15px;font-weight: 500;color: #191919;}
.article_452 .designer_comment_area .btn_youtube span:before {position: absolute;top: -6px;left: 0;width: 40px;height: 29px;background: url('../img/landing/icon_youtube.png') no-repeat;content: "";}

.article_452 .designer_comment_area .btn_vimeo {display: inline-block;width: 240px;height: 48px;padding: 8px 20px;border-radius: 24px;border: solid 2px #e3e3e3;background-color: #f5f5f5;text-align: left;}
.article_452 .designer_comment_area .btn_vimeo span {position: relative;padding-left: 84px;line-height: 29px;font-size: 15px;font-weight: 500;color: #191919;}
.article_452 .designer_comment_area .btn_vimeo span:before {position: absolute;top: -6px;left: 0;width: 34px;height: 29px;background: url('../img/landing/icon_vimeo.png') no-repeat;content: "";}

.article_452 .designer_comment_area .comment_box {position: relative;margin: 20px 0 69px;padding: 60px 50px 80px;border-radius: 20px;background-color: rgba( 255, 181, 0, 0.05 );
	font-size: 16px;font-weight: bold;line-height: 26px;color: #191919;
}
.article_452 .designer_comment_area .comment_box .profile_image {position: absolute;top: 0;left: 50%;margin-left: -30px;margin-top: -30px;width: 60px;height: 60px;border-radius: 60px;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.41);overflow: hidden;}
.article_452 .designer_comment_area .comment_box .profile_image .thumb {width: 60px;height: 60px;border-radius: 60px;}
.article_452 .designer_comment_area .comment_box .profile_image .thumb img {width: 60px;height: 60px;border-radius: 60px;}
.article_452 .designer_comment_area .comment_box i.fa-quote-right {position: absolute;bottom: -19px;right: 50px;font-size: 38px;color: #39c1cb;;}

.article_452 .capture_image_area {padding: 0 50px;}
.article_452 .capture_image_area .image_box {padding: 50px 60px 24.8px;box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.16);background-color: #f5f5f5;text-align: center;}
.article_452 .capture_image_area .image_box img {width: 100%;}


.article_452 .comment_area  .comment-box li {position: relative;display: flex;align-items: center;justify-content: space-between;padding: 15px 0 14px;border-bottom: 1px solid #d6dae1;}
.article_452 .comment_area  .comment-box li .thumb {position: relative;display: flex;align-items: center;justify-content: center;width: 84px;height: 84px;border-radius: 50%;font-size: 22px;font-weight: 500;color: #fff;background: #c4c4c4;}
.article_452 .comment_area  .comment-box li .thumb img {position: absolute;top: 0;left: 0;width: 84px;height: 84px;border-radius: 100%;}
.article_452 .comment_area  .comment-box li .comment-contents {width: calc(100% - 204px);padding-left: 30px;padding-right: 60px;}
.article_452 .comment_area  .comment-box li .comment-contents .comment {width: 100%;}
.article_452 .comment_area  .comment-box li .comment-contents .comment .comment-header {font-size: 14px;font-weight: 500;color: #c4c4c4;}
.article_452 .comment_area  .comment-box li .comment-contents .comment .comment-body {margin-top: 8px;font-size: 14px;line-height: 20px;color: #191919;}

.article_452 .comment_area {margin-top: 80px;padding: 80px 50px 80px 50px;background-color: #f2fbfb;}
.article_452 .comment_area .comment-box li .ranking .starRev {width: 125px;margin-right: -5px;}

.article_452 .comment_area .comment-box > li.review-register {padding: 15px 0 37px;}
.article_452 .comment_area .comment-box > li.review-register .comment-contents {width: calc(100% - 84px);padding-left: 30px;padding-right: 0;}
.article_452 .comment_area .comment-box > li.review-register .comment-contents .comment .comment-header .starRev {margin-right: -5px;}
.article_452 .comment_area .comment-box > li.review-register .comment-contents .comment .comment-body input[type="text"] {height: 48px;border-radius: 5px;border: solid 1px #c4c4c4;}
.article_452 .comment_area .comment-box > li.review-register .comment-contents .comment .comment-body .btn {height: 48px;}

.article_452 .comment_area .btn.btn-more {width: 200px;height: 48px;line-height: 50px;border-radius: 5px;border: solid 1px #c4c4c4;background-color: #ffffff;font-size: 16px;font-weight: 300;color: #707070;text-align: center;}


.make_funnel .radio_label.custom2 {width: 305px;height: 210px;padding-left: 36px;}
.make_funnel .radio_label.custom2 > div {border: 1px solid #cdcdcd;font-size: 18px;color: #666666;}
.make_funnel .radio_label.custom2 > div div.image_box {height: 160px;background: #edeff2;display: flex;align-items: center;justify-content: center;}
.make_funnel .radio_label.custom2 > div div.image_box img {max-width: 100%;max-height: 160px;}
.make_funnel .radio_label.custom2 div .caption {position: relative;padding: 12px 10px;font-size: 16px;}
.make_funnel .radio_label.custom2 div .caption .label {display: inline-block;width: calc( 100% - 60px );line-height: 120%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.make_funnel .radio_label.custom2 div .caption .price {position: absolute;top: 14px;right: 10px;}

.make_funnel .funnel-guide {border: 1px solid #ccc;}
.make_funnel .funnel-guide .funnel-guide-header {padding: 10px;background: #edeff2;font-size: 15px;}
.make_funnel .funnel-guide .funnel-guide-body {display: flex;}
.make_funnel .funnel-guide .funnel-guide-body .col {padding: 15px;border-right: 1px solid #ccc;line-height: 150%;}
.make_funnel .funnel-guide .funnel-guide-body .col.col-1 {width: 400px;display: flex;flex-flow: wrap;align-content: space-between;}
.make_funnel .funnel-guide .funnel-guide-body .col.col-1 .btn {display: block;width: 100%;}
.make_funnel .funnel-guide .funnel-guide-body .col.col-2 {width: 300px;}
.make_funnel .funnel-guide .funnel-guide-body .col.col-3 {width: 500px;}

.make_funnel .point_area {font-size: 16px;}
.make_funnel .point {color: #39c1cb;}

.make_landing ul.flex li {float: left;width: 240px;margin-bottom:50px; text-align: center;}
.make_landing ul.flex li img {width: 80px;height: 80px;margin: 0 auto 15px;}
.make_landing ul.flex li h4 {height: 27px;margin: 0 37px 11px;font-size: 20px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.35;letter-spacing: normal;text-align: center;color: #39c1cb;}
.make_landing ul.flex li p {margin: 0 0 0;font-size: 14px;font-weight: 300;font-stretch: normal;font-style: normal;line-height: 1.57;letter-spacing: -0.35px;text-align: center;color: #707070;}


.my-template-info1 {display: flex;justify-content: space-between;height: 200px;margin-bottom: 70px;padding: 32px 206px 30px 206px;background-color: #f2eaff;border-radius: 10px;}
.my-template-info1 .box {display: flex;flex-direction: column;justify-content: space-between;height: 138px;text-align: center;}
.my-template-info1 .box p.num {padding-top: 17px;font-size: 60px;font-weight: 500;color: #191919;}
.my-template-info1 .box p.num span {font-size: 20px;color: #999999;}
.my-template-info1 .box .btn1 {margin: 0 3px;background-color: #ffffff;border: solid 2px #691acf;border-radius: 30px;width: 150px;height: 40px;padding: 8px 0;font-size: 16px;font-weight: 500;color: #666666;line-height: 22px;}
.my-template-info1 .box .btn2 {margin: 0 3px;background-color: #691acf;border: solid 2px #691acf;border-radius: 30px;width: 150px;height: 40px;padding: 8px 0;font-size: 16px;font-weight: 500;color: #ffffff;line-height: 22px;}
.my-template-info1 .box .btn3 {margin: 0 3px;background-color: #191919;border-radius: 14px;width: 190px;height: 60px;padding: 0;padding-top: 15px;padding-left: 20px;color: #ffffff;}
.my-template-info1 .box .btn3 i {float: left;font-size: 28px;font-weight: bold;}
.my-template-info1 .box .btn3 span {float: left;margin-top: -5px;margin-left: 5px;font-size: 18px;font-weight: 500;}

.form_area.mytpl_write {box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);border-radius: 5px;padding: 10px 30px 50px 30px;}
.mytpl_write .form-group {padding-left: 205px;border-bottom: 1px solid #e3e3e3;}
.mytpl_write .form-group  label.title {
    position: absolute;
    top: 25px;
    left: 30px;
    width: 205px;
    font-size: 16px;
	font-weight: 600;
	color: #191919;
    line-height: 130%;
}
.mytpl_write .form-group  label.title.req span {position: relative;}
.mytpl_write .form-group  label.title.req span:after {position: absolute;top: -8px;right: -8px;font-size: 16px;font-weight: 600;color: #cd201f;content: "*";}
.mytpl_write .form-group  .c_title {font-size: 16px;font-weight: 600;color: #39c1cb;}

.mytpl_write .form-group input[type="text"] {background-color: #fafafa;border: solid 1px #e4e4e4;border-radius: 5px;}
.mytpl_write .form-group input[type="text"]:focus {border: solid 1px #39c1cb;}
.mytpl_write .form-group select {background-color: #fafafa;border: solid 1px #e4e4e4;border-radius: 5px;}
.template_file_upload_box {position: relative;display: inline-block;text-align: center;margin-right: 26px;}
.template_file_upload_box .img_box {position: absolute;top: 1px;left: 1px;width: 148px;height: 149px;border-radius: 5px;overflow: hidden;}
.template_file_upload_box .img_box img {width: 100%;height: 100%;}
.template_file_upload{
    width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.template_file_upload + label {
	display: block;width: 150px;height: 151px;
    background: url('../img/template_file_upload.png') no-repeat;
    outline: none;
	font-size: 16px;
	font-weight: 500;
	color: #999999;
	line-height: 38px;
	text-align: center;
	padding-top: 90px;
	overflow: hidden;
}

.template_file_upload:focus + label,
.template_file_upload + label:hover {
    cursor: pointer;
}
.btn.btn_template_file_delete {display: inline-block;width: 80px;height: 40px;margin-top: 12px;padding: 0;background-color: #ff8800;border: solid 1px #e4e4e4;border-radius: 5px;font-size: 16px;font-weight: 600;color: #ffffff;text-align: center;}
.btn.btn_template_file_delete i {margin-right: 10px;}

.mytpl_write.button_area {text-align: center;}
.mytpl_write.button_area .btn {height: 50px;margin: 0 6px;line-height: 50px;text-align: center;font-size: 16px;font-weight: 600;}

.table_mytpl_paylist {border: solid 1px #e3e3e3;border-radius: 5px;}
.table_mytpl_paylist th {width: 170px;padding: 15px 2px 12px;background-color: rgba(196, 196, 196, 0.2);font-size: 18px;font-weight: bold;color: #191919;}
.table_mytpl_paylist td {padding: 15px 2px 12px;border: solid 1px #e3e3e3;font-size: 16px;font-weight: bold;color: #191919;text-align: left;}
.table_mytpl_paylist td input[type="text"] {width: 170px;height: 32px;}


.my-template-info2 {height: 128px;padding: 34px 144px 19px 110.5px;background-color: #f2eaff;border-radius: 10px;}
.my-template-info2 img {float: left;}
.my-template-info2 .title {float: left;font-size: 30px;font-weight: 500;color: #691acf;}
.my-template-info2 .price {float: left;font-size: 60px;font-weight: 500;color: #191919;}
.my-template-info2 .price span {font-size: 20px;color: #999999;}
.my-template-info2 .btn {float: right;width: 150px;height: 50px;line-height: 50px;text-align: center;background-color: #691acf;border: solid 2px #691acf;border-radius: 30px;font-size: 20px;font-weight: 500;color: #ffffff;}

.survey-select-theme {margin-left: -10px;}
.survey-select-theme li {float: left;width: 292px;margin: 10px;border: 1px solid #ececec;}
.survey-select-theme li .img_box {height: 200px;overflow: hidden;border-bottom: 1px solid #ececec;background:#39c1cb url('/_asset/img/common/no-img1.gif') no-repeat 50% 50%;background-size: 70%;}
.survey-select-theme li .img_box img {width: 100%;}
.survey-select-theme li .txt {padding-top: 15px;padding-left: 21px;padding-right: 21px;padding-bottom: 10px;}
.survey-select-theme li p.desc {height: 54px;margin-top: 10px;}

i.ico_teaser_page {width: 70px;height: 70px;background: url('../img/funnel/icon/ico_teaser_page.png') no-repeat 50%;background-size: contain;}
i.ico_lead_page {width: 70px;height: 70px;background: url('../img/funnel/icon/ico_lead_page.png') no-repeat 50%;background-size: contain;}
i.ico_order_page {width: 70px;height: 70px;background: url('../img/funnel/icon/ico_order_page.png') no-repeat 50%;background-size: contain;}
i.ico_ordrst_page {width: 70px;height: 70px;background: url('../img/funnel/icon/ico_ordrst_page.png') no-repeat 50%;background-size: contain;}
i.ico_upsale_page {width: 70px;height: 70px;background: url('../img/funnel/icon/ico_upsale_page.png') no-repeat 50%;background-size: contain;}
i.ico_popup_page {width: 70px;height: 70px;background: url('../img/funnel/icon/ico_popup_page.png') no-repeat 50%;background-size: contain;}
i.ico_webinar_page {width: 70px;height: 70px;background: url('../img/funnel/icon/ico_webinar_page.png') no-repeat 50%;background-size: contain;}
i.ico_result_page {width: 70px;height: 70px;background: url('../img/funnel/icon/ico_result_page.png') no-repeat 50%;background-size: contain;}
i.ico_etc_page {width: 70px;height: 70px;background: url('../img/funnel/icon/ico_etc_page.png') no-repeat 50%;background-size: contain;}
i.ico__ {width: 70px;height: 70px;background: url('../img/funnel/icon/ico_noselect.png') no-repeat 50%;background-size: contain;}

.article_funnel_step * {font-family: 'Noto Sans KR';}
.article_funnel_step .wrap {height: 100%;}
.article_funnel_step .funnel-step-header {display: flex;justify-content: space-between;align-items: center;position: fixed;top: 0;left: 0;width: 100%;height: 60px;min-width: 1000px;background: #39c1cb;z-index: 900;}
.article_funnel_step .funnel-step-header .header-block {display: flex;align-items: center;}
.article_funnel_step .funnel-step-header h1.title {display: inline-block;position: relative;width: 260px;margin-right: 60px;font-size: 20px;color: #ffdf00;letter-spacing: normal;text-shadow: 0 1px 3px rgba(9, 96, 103, 0.5);text-align: center;z-index: 900;}
.article_funnel_step .funnel-step-header h1.title:after {position: absolute;top: -2px;right: 0;width: 1px;height: 30px;background: #f5f5f5;content: "";}
.article_funnel_step .funnel-step-header .member {margin-right: 60px;}
.article_funnel_step .funnel-step-header .member img {display: inline-block;height: 40px;border-radius: 40px;}
.article_funnel_step .funnel-step-header .member h1 {display: inline-block;padding-left: 5px;font-size: 20px;font-weight: 700;color: #fff;line-height: 40px;}
.article_funnel_step .funnel-step-header .util {display: inline-block;}
.article_funnel_step .funnel-step-header .util .btn {margin-right: 16px;}
.article_funnel_step .funnel-step-header .util .btn.btn_copy {width:140px;height: 40px;border-radius: 20px;background-color: #ffffff;border: 0;font-size: 16px;font-weight: 600;color: #191919;padding-left: 55px;padding-right: 0;background: #fff url('../img/funnel/setting/ico_url_copy.png') no-repeat 18px 50%;}
.article_funnel_step .funnel-step-header .util .btn.btn_preview {width:140px;height: 40px;border-radius: 20px;background-color: rgba( 255, 255, 255, 0.5 );border: 0;font-size: 16px;font-weight: 600;color: #191919;padding-left: 56px;padding-right: 0;background:rgba( 255, 255, 255, 0.5 ) url('../img/funnel/setting/ico_url_copy.png') no-repeat 19px 50%;}
.article_funnel_step .funnel-step-header .util .btn.btn_exit {width:140px;height: 40px;border-radius: 20px;background-color: rgba( 255, 255, 255, 0.5 );border: 0;font-size: 16px;font-weight: 600;color: #191919;padding-left: 56px;padding-right: 0;background:rgba( 255, 255, 255, 0.5 ) url('../img/funnel/setting/ico_url_copy.png') no-repeat 19px 50%;}

.article_funnel_step .funnel-step-header .header-navmenu ul {display: flex;align-items: center;margin-right: 50px;}
.article_funnel_step .funnel-step-header .header-navmenu ul li {margin-left: 40px;}
.article_funnel_step .funnel-step-header .header-navmenu .btn_step a {padding-left: 32px;background: url('../img/funnel/setting/ico_cur_step.png') no-repeat 0 50%;font-size: 20px;font-weight: 600;color: #fff;}
.article_funnel_step .funnel-step-header .header-navmenu .btn_statistics a {padding-left: 35px;background: url('../img/funnel/setting/ico_statistics.png') no-repeat 0 50%;font-size: 20px;font-weight: 600;color: #fff;}
.article_funnel_step .funnel-step-header .header-navmenu .btn_setting a {padding-left: 35px;background: url('../img/funnel/setting/ico_setting.png') no-repeat 0 50%;font-size: 20px;font-weight: 600;color: #ffdf00;}
.article_funnel_step .funnel-step-header .header-navmenu .btn_exit a {display: inline-block;width: 140px;height: 40px;padding-left: 56px;border-radius: 20px;background:rgba( 255, 255, 255, 0.5 ) url('../img/funnel/setting/ico_exit.png') no-repeat 22px 50%;font-size: 16px;font-weight: 600;color: #191919;line-height: 40px;}

.article_funnel_step .sidebar-nav {position: fixed;top: 60px;left: 0;width: 260px;bottom: 0;padding-bottom: 40px;background: #3e4552;z-index: 500;}
.sidebar-nav::-webkit-scrollbar { width: 0px; }
.article_funnel_step .sidebar-nav .funnel-step-sidebar-menu h3 {position: fixed;top: 60px;left: 0;width: 260px;height: 60px;padding: 0 21px;line-height: 60px;background-color: #ffefc9;font-size: 18px;font-weight: bold;color: #191919;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.article_funnel_step .sidebar-nav .funnel-step-sidebar-menu h4 {position: fixed;top: 120px;left: 0;width: 260px;height: 60px;padding: 0 21px;line-height: 60px;background-color: #3e4552;font-size: 18px;font-weight: bold;color: #ffdf00;}
.article_funnel_step .sidebar-nav .funnel-step-sidebar-menu ul.ui-sortable {position: fixed;top: 180px;left: 0;width: 260px;height: calc(100vh - 270px);overflow-x: hidden;overflow-y: auto;}
.ui-sortable::-webkit-scrollbar { width: 0px; }
.article_funnel_step .sidebar-nav .funnel-step-sidebar-menu ul.ui-sortable li {height: 60px;background-color: #41474a;border-bottom: solid 1px #707070;}
.article_funnel_step .sidebar-nav .funnel-step-sidebar-menu ul.ui-sortable li:first-child {border-top: solid 1px #707070;}
.article_funnel_step .sidebar-nav .funnel-step-sidebar-menu ul.ui-sortable li a {display: flex;align-items: center;justify-content: center;justify-content: space-between;font-size: 16px;font-weight: 600;color: #ffffff;}
.article_funnel_step .sidebar-nav .funnel-step-sidebar-menu ul.ui-sortable li a .flex {display: flex;align-items: center;height: 58px;}
.article_funnel_step .sidebar-nav .funnel-step-sidebar-menu ul.ui-sortable li a .flex .ico {display: flex;align-items: center;justify-content: center;width: 56px;height: 58px;padding: 10px;background-color: rgba( 28, 33, 39, 0.5 );}
.article_funnel_step .sidebar-nav .funnel-step-sidebar-menu ul.ui-sortable li a .flex .ico i {width: 40px !important;height: 40px !important;}
.article_funnel_step .sidebar-nav .funnel-step-sidebar-menu ul.ui-sortable li a .flex .label {padding-left: 15px;}
.article_funnel_step .sidebar-nav .funnel-step-sidebar-menu ul.ui-sortable li a .flex .label p {width: 150px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.article_funnel_step .sidebar-nav .funnel-step-sidebar-menu ul.ui-sortable li a .flex span {font-size: 12px;}
.article_funnel_step .sidebar-nav .funnel-step-sidebar-menu ul.ui-sortable li a .button {width: 30px;height: 30px;font-size: 20px;font-weight: bold;color: #fff;background: none;border: 0;cursor: pointer;}
.article_funnel_step .sidebar-nav .funnel-step-sidebar-menu ul.ui-sortable li a.active {background: #8c8c8c;} 

.article_funnel_step .sidebar-nav .new-funnel-step-controller {position: fixed;bottom: 0;left: 0;width: 260px;padding: 20px 0 20px;}
.article_funnel_step .sidebar-nav .button.add {display: flex;align-items: center;justify-content: center;width: 220px;height: 50px;background:#39c1cb;border: 0;border-radius: 10px;font-size: 16px;font-weight: 600;color: #ffffff;cursor: pointer;}
.article_funnel_step .sidebar-nav .button.add i {display: inline-block;width: 24px;height: 24px;margin-right: 10px;background:#39c1cb url('../img/funnel/setting/ico_add.png') no-repeat 0 50%;}

.article_funnel_step .funnel_container {height: 100%;padding-top: 60px;padding-left: 260px;padding-bottom: 99px;overflow-y: auto;background-color: #f5f5f5;}
.article_funnel_step .funnel_container .container_title {height: 60px;padding-left: 60px;text-align: left;}
.article_funnel_step .funnel_container .container_title h2 {line-height: 60px;font-size: 18px;font-weight: 600;color: #191919;}
.article_funnel_step .funnel_container .entry-body {min-width: 1643px;min-height: calc(100vh - 219px);padding: 40px 60px;background-color: #f5f5f5;}

.article_funnel_step .funnel_container .entry-body .title h3 {font-size: 18px;font-weight: 600;}
.article_funnel_step .funnel_container .entry-body .form {padding: 13px 30px;background-color: #ffffff;border-radius: 24px;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.article_funnel_step .funnel_container .entry-body .form-box {background-color: #ffffff;}
.article_funnel_step .funnel_container .entry-body .edit-box .title {font-size: 16px;font-weight: 600;padding-bottom: 10px;}
.article_funnel_step .funnel_container .entry-body .funnel-edit-thumb {width: 350px;border: 1px solid #c4c4c4;background-color: #ffffff;border-radius: 2px;}
.article_funnel_step .funnel_container .entry-body .funnel-edit-thumb .image_box {background: #eee;width: 100%;height: 350px;overflow: hidden;}
.article_funnel_step .funnel_container .entry-body .funnel-edit-thumb .image_box img {width: 100%;}
.article_funnel_step .funnel_container .entry-body .funnel-edit-thumb .edit_footer {border-top: 1px solid #c4c4c4;padding: 20px 10px;text-align: center;}

.article_funnel_step .funnel_container .entry-body .btn i {position: relative;top: 1px;margin-right: 3px;}
.article_funnel_step .funnel_container .entry-body ul.check-form-list li {float: left;width: 50%;padding: 5px;}
.article_funnel_step .funnel_container .entry-body .checkbox-form label {position: relative;display: block;margin: 0 !important;width: 100%;}
.article_funnel_step .funnel_container .entry-body .checkbox-form label input {position: absolute !important;top: -1px;left: -1px;width: 1px;height: 1px;clip: rect(0, 0, 0, 0);text-indent: -99999px;opacity: 0;}
.article_funnel_step .funnel_container .entry-body .form input[type="radio"]:before, .form input[type="radio"]:after, .form input[type="checkbox"]:before, .form input[type="checkbox"]:after {content: "";}
.article_funnel_step .funnel_container .entry-body .form input[type="radio"]:before, .form input[type="checkbox"]:before {display: inline-block;width: 16px;height: 16px;background: #fff;border: 1px solid #667f96;position: relative;top: -2px;margin-right: 5px;}
.article_funnel_step .funnel_container .entry-body .form input[type="radio"]:before, .form input[type="radio"]:after {border-radius: 50%;}
.article_funnel_step .funnel_container .entry-body .checkbox-form label .checkbox-form-content {min-width: 120px;border: 1px solid #c4c4c4;border-radius: 2px;overflow: hidden;}
.article_funnel_step .funnel_container .entry-body .thumb {display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 2px;font-size: 18px;color: #fff;background: #667f96;}
.article_funnel_step .funnel_container .entry-body .checkbox-form label .checkbox-form-content .thumb {background: #eee;width: 100%;min-width: 220px;height: 160px;overflow: hidden;}
.article_funnel_step .funnel_container .entry-body .checkbox-form label .checkbox-form-content .thumb img {width: 100%;}
.article_funnel_step .funnel_container .entry-body .checkbox-form label .checkbox-form-content .thumb + .caption {justify-content: space-between;padding: 10px;height: auto;}
.article_funnel_step .funnel_container .entry-body .checkbox-form label .checkbox-form-content .caption {display: flex;align-items: center;justify-content: center;height: 60px;}
.article_funnel_step .funnel_container .entry-body .checkbox-form label .checkbox-form-content .caption span {height: 32px;text-overflow: ellipsis;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2; /* ellipsis line */-webkit-box-orient: vertical;line-height: 120%;}

.article_funnel_step .funnel_container .entry-body .checkbox-form label .buttons {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.2);border-radius: 2px;display: none;}
.article_funnel_step .funnel_container .entry-body .checkbox-form label:hover .buttons {display: flex;align-items: center;justify-content: center;}

.article_funnel_step .funnel_container .entry-body .tabs {display: table;width: 100%;}
.article_funnel_step .funnel_container .entry-body .tabs li {display: table-cell;float: none;background: #fff;border-radius: 0;}
.article_funnel_step .funnel_container .entry-body .tabs li a {padding: 0 5px;text-align: center;}
.article_funnel_step .funnel_container .entry-body .form-group label.title {padding-left: 10px;}

.article_teaser.article_funnel_step ul.teaser_list li .over .btn_preview {padding: 62px 0;}

.article_funnel_step .funnel_container .button_area {position: fixed;bottom: 0;left: 260px;width: calc(100vw - 260px);height: 99px;padding: 25px 60px 24px;background-color: #ffffff;border-top: solid 1px #c4c4c4;z-index: 900;}
.article_funnel_step .funnel_container .button_area .btn_trash {height: 50px;border-radius: 20px;background: #39c1cb url('../img/funnel/setting/ico_bottom_trash.png') no-repeat 34px 50%;border: 0;font-size: 20px;font-weight: 600;color: #ffffff;padding-left: 75px;padding-right: 27px;}
.article_funnel_step .funnel_container .button_area .btn_copy {height: 50px;border-radius: 20px;background: #fff url('../img/funnel/setting/ico_bottom_copy.png') no-repeat 34px 50%;border: solid 1px #c4c4c4;font-size: 20px;font-weight: 600;color: #191919;padding-left: 75px;padding-right: 27px;}

.paginate {text-align: center;}
.paginate .list {margin-left: 18px;margin-right: 18px;}
.paginate span {display: inline-block;vertical-align: top;font-size: 14px;color: #666666;vertical-align: middle;}
.paginate strong {display: inline-block;width: 40px;height: 40px;background: url('../img/board/bg_page_current.png') no-repeat 0 0;line-height: 40px;color: #fff;font-size: 14px;vertical-align: middle;}
.paginate a {display: inline-block;width: 40px;height: 40px;line-height: 40px;vertical-align: middle;}
.paginate a.first {background: url('../img/board/btn_page_first.png') no-repeat 0 0;}
.paginate a.prev {background: url('../img/board/btn_page_prev.png') no-repeat 0 0;}
.paginate a.next {background: url('../img/board/btn_page_next.png') no-repeat 0 0;}
.paginate a.last {background: url('../img/board/btn_page_last.png') no-repeat 0 0;}

.article_mydashboard {background-color: #ebfbff;}
.article_mydashboard .mdb1 {position: relative;width: 1200px;height: 250px;padding-left: 275px;border-radius: 20px;box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.16);box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.16);background-color: #fff;}
.article_mydashboard .member-info1 {display: flex;flex-direction: column;justify-content: center;align-items: center;position: absolute;top: 0;left: 0;width: 275px;height: 250px;border-radius: 20px;box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.16);background-color: #39c1cb;}
.article_mydashboard .member-info1 .flex {display: flex;align-items: center;}
.article_mydashboard .member-info1 .pic {width: 77px;height: 77px;margin-right: 25px;}
.article_mydashboard .member-info1 .pic img {width: 100%;height: 100%;border-radius: 100%;}
.article_mydashboard .member-info1 h2 {font-size: 28px;line-height: 41px;text-align: center;color: #fafafa;letter-spacing: 5.6px;}
.article_mydashboard .member-info1 p {margin-top: 8px;font-size: 18px;line-height: 27px;text-align: center;color: #fffd00;letter-spacing: normal;}
.article_mydashboard .member-info1 .btn-area {margin-top: 55px;}
.article_mydashboard .member-info1 a {display: inline-block;width: 100px;height: 40px;margin: 0 1px;border-radius: 40px;background-color: #dcfdff;font-size: 16px;font-weight: 500;color: #191919;text-align: center;line-height: 41px;}
.article_mydashboard .member-info2 {display: flex;align-items: center;height: 250px;}
.article_mydashboard .member-info2 .c-box {margin-left: 50px;text-align: center;}
.article_mydashboard .member-info2 .c-box h1 {font-size: 36px;line-height: 54px;color: #cb3939;letter-spacing: normal;}
.article_mydashboard .member-info2 .c-box p {margin-top: 5px;font-size: 18px;line-height: 27px;color: #191919;}
.article_mydashboard .member-info2 .btn-area {margin-top: 27px;}
.article_mydashboard .member-info2 a {display: inline-block;width: 120px;height: 50px;margin: 0 1px;border-radius: 10px;border: solid 2px #e8e8e8;background-color: #f5f5f5;font-size: 18px;font-weight: 500;color: #191919;text-align: center;line-height: 50px;}
.article_mydashboard .member-info2 .d-box {margin-left: 50px;padding-left: 30px;border-left: solid 1px #e3e3e3;}
.article_mydashboard .member-info2 .d-box dl {display: flex;justify-content: space-between;align-items: center;width: 215px;padding: 7px 0 8px;}
.article_mydashboard .member-info2 .d-box dl dt {font-size: 18px;line-height: 27px;letter-spacing: normal;color: #3e4552;}
.article_mydashboard .member-info2 .d-box dl dd {font-size: 18px;line-height: 27px;letter-spacing: normal;color: #999999;}
.article_mydashboard .member-info2 .d-box dl dd span {font-size: 18px;font-weight: bold;line-height: 27px;letter-spacing: normal;color: #0499a4;}

.article_mydashboard .mdb2 {display: flex;justify-content: space-between;align-items: center;margin-top: 54px;}
.article_mydashboard .mdb2 .a-box {width: 373px;height: 374px;padding: 30px 39px 26px 38px;border-radius: 20px;box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.16);background-color: #ffffff;}
.article_mydashboard .mdb2 .a-box .flex {display: flex;justify-content: space-between;align-items: center;}
.article_mydashboard .mdb2 .a-box .flex h1 {font-size: 24px;font-weight: bold;letter-spacing: normal;color: #191919;line-height: 34px;}
.article_mydashboard .mdb2 .a-box ul {margin-top: 43px;}
.article_mydashboard .mdb2 .a-box ul li {border-top: solid 1px #ebebeb;}
.article_mydashboard .mdb2 .a-box ul li:first-child {border-top: 0;}
.article_mydashboard .mdb2 .a-box ul li a {display: flex;align-items: center;height: 43px;padding: 0 15px;font-size: 18px;font-weight: 500;letter-spacing: normal;color: #191919;background: url('../img/mypage/mdb2_arrow.png') no-repeat right 16px top 50%;}
.article_mydashboard .mdb2 .a-box ul li a:hover {background-color: rgba(255, 149, 63, 0.3);}

.article_mydashboard .mdb2 .a-box ul.t-2 li {margin-bottom: 13px;border-top: 0;}
.article_mydashboard .mdb2 .a-box ul.t-2 li a {height: 60px;padding: 0 20px 0 29px;background-color: rgba(255, 149, 63, 0.2);}

.article_mydashboard .mdb3 h2 {margin-top: 60px;font-size: 28px;font-weight: bold;letter-spacing: normal;color: #191919;text-align: center;line-height: 41px;}
.article_mydashboard .mdb3 ul {margin-top: 31px;display: flex;justify-content: space-between;align-items: center;}
.article_mydashboard .mdb3 li {}
.article_mydashboard .mdb3 li .circle {display: flex;flex-direction: column;justify-content: center;align-items: center;width: 165px;height: 165px;border-radius: 165px;box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.16);background-color: #39c1cb;font-size: 20px;font-weight: 500;line-height: 24px;letter-spacing: normal;color: #fafafa;}
.article_mydashboard .mdb3 li .circle p {margin-top: 20px;text-align: center;}
.article_mydashboard .mdb3 li p.desc {margin-top: 20px;font-size: 14px;font-weight: 300;line-height: 22px;letter-spacing: -0.35px;text-align: center;color: #707070;}
.article_mydashboard .mdb3 li p.desc strong {font-weight: 500;color: #191919;}

.article_mydashboard .mdb4 {margin-top: 59px;}
.article_mydashboard .mdb4 .ps-left {float: left;width: calc(100% - 370px);}
.article_mydashboard .mdb4 .a-box {float: left;position: relative;width: 370px;height: 270px;margin-right: 45px;margin-bottom: 36px;border-radius: 20px;box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.16);}
.article_mydashboard .mdb4 .a-box .rh3 {background-color: #ffffff;border-top-left-radius: 20px;border-top-right-radius: 20px;}
.article_mydashboard .mdb4 .a-box .rh3 h3 {display: flex;align-items: center;background-color: #c7d3df;border-top-left-radius: 20px;border-top-right-radius: 20px;border-bottom-right-radius: 20px;width: 100%;height: 66px;padding: 0 0 0 41px;
font-size: 24px;font-weight: 500;letter-spacing: normal;color: #191919;}
.article_mydashboard .mdb4 .a-box .w-box {width: 100%;height: 204px;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;background-color: #c7d3df;}
.article_mydashboard .mdb4 .a-box .w-box .rw-box {width: 100%;height: 204px;padding: 27px 36px 0 41px;border-top-left-radius: 20px;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;background-color: #ffffff;}
.article_mydashboard .mdb4 .a-box .w-box .rw-box dl {display: flex;justify-content: space-between;align-items: center;width: 100%;}
.article_mydashboard .mdb4 .a-box .w-box .rw-box dl dt {font-size: 18px;font-weight: 500;line-height: 40px;color: #191919;}
.article_mydashboard .mdb4 .a-box .w-box .rw-box dl dd {font-size: 18px;font-weight: 500;line-height: 40px;color: #0499a4;}
.article_mydashboard .mdb4 .a-box .w-box .rw-box dl dd span {color: #999999;}
.article_mydashboard .mdb4 .a-box .w-box .rw-box ul {display: flex;justify-content: space-between;align-items: center;}
.article_mydashboard .mdb4 .a-box .w-box .rw-box li {display: inline-block;}
.article_mydashboard .mdb4 .a-box .w-box .rw-box li .i-box {width: 120px;height: 120px;border-radius: 10px;background-color: #f5f5f5;}
.article_mydashboard .mdb4 .a-box .w-box .rw-box li p {margin-top: 9px;font-size: 18px;line-height: 28px;letter-spacing: normal;color: #191919;text-align: center;}

.article_mydashboard .mdb4 .ps-right {float: right;width: 370px;}
.article_mydashboard .mdb4 .ps-right .b-box {width: 370px;height: 130px;margin-bottom: 19px;padding: 20px 38px 20px 40px;border-radius: 10px;box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.16);border: solid 2px #39c1cb;background-color: #fafafa;}
.article_mydashboard .mdb4 .ps-right .b-box p {font-size: 16px;line-height: 24px;line-height: 24px;color: #707070;}
.article_mydashboard .mdb4 .ps-right .b-box h3 {display: block;margin-top: 6px;font-size: 24px;font-weight: 300;line-height: 37px;letter-spacing: normal;color: #191919;background: url('../img/mypage/mdb4_href_arrow.png') no-repeat left 100% top 50%;}
.article_mydashboard .mdb4 .ps-right .b-box h3 span {font-weight: 500;color: #0499a4;}

.article_newsfeed h2 {margin-top: 50px;margin-bottom: 40px;font-size: 36px;font-weight: bold;line-height: 44px;letter-spacing: normal;color: #191919;text-align: center;}
.article_newsfeed ul.newsfeed-list {display: flex;flex-wrap: wrap;justify-content: space-between;}
.article_newsfeed ul.newsfeed-list li {width: 250px;height: 343px;margin-bottom: 40px;overflow: hidden;}
.article_newsfeed ul.newsfeed-list li .image-box {display: flex;justify-content: center;align-items: center;width: 250px;height: 250px;border: solid 1px #c4c4c4;background-color: #e3e3e3;}
.article_newsfeed ul.newsfeed-list li .image-box img {object-fit: fill;}
.article_newsfeed ul.newsfeed-list li h4 {margin-top: 15px;height: 48px;font-size: 16px;font-weight: 500;line-height: 24px;letter-spacing: normal;color: #191919;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.article_newsfeed ul.newsfeed-list li p {margin-top: 10px;font-size: 14px;font-weight: normal;line-height: 20px;letter-spacing: normal;color: #c4c4c4;}

.article_landing_share h3 {font-size:16px;color: #39c1cb;font-weight: 500;text-align: center;}
.article_landing_share h4 {margin-top: 12px;font-size: 36px;font-weight: bold;color: #191919;text-align: center;}
.article_landing_share p.desc {margin-top: 17px;font-size: 14px;color: #707070;text-align: center;}
.article_landing_share p.desc.d2 {margin-top: 45px;font-size: 16+17px;color: #707070;text-align: center;}
.article_landing_share .btn_big {margin: 51px auto 0;width: 250px;height: 60px;line-height: 60px;border-radius: 30px;font-size: 16px;border: solid 1px #13b1bc;}

.progress-area {padding-top: 130px;}
.progressbar-container {width: 100%;height: 10px;background: ##dcfdff;border: solid 1px #19acb7;border-radius: 5px;}
.progress-value {position: relative;width: 0;height: 10px;margin-top: -1px;border-radius: 5px;border: solid 1px #19acb7;background-color: #39c1cb;
	-webkit-transition:width 2s, -webkit-transform 2s;transition:width 2s, transform 2s;}
.progress-value .progress-circle {position: absolute;top: -6px;right: -12px;width: 20px;height: 20px;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);border: solid 2px #39c1cb;border-radius: 20px;background-color: #ffffff;}
.progress-value .progress-text {position: absolute;top: -74px;right: -25px;width: 50px;height: 63px;text-align: center;background: url('/_asset/img/controls/progress-text-back.png') no-repeat;font-size: 16px;color: #fafafa;padding-top: 18px;}