@charset "utf-8";

.std-width {width: 60rem;}

body {overflow-x: hidden;}
body div.popup-wrap {background-color: rgb(0, 0, 0); position: fixed; inset: 0; opacity: 0.7; cursor: pointer;}

header { height: 4.7rem; width: 100%; background-color: #fff; z-index: 10;}
header div { display: flex; justify-content: space-between; align-items: center; margin: 0 auto; padding: 1.2rem 0; }
header div a.logo img {display: inline-block;}
header div ul {display: flex; width: 25.8rem;}
header div ul li a img { }
header div a.menu img {display:inline-block; width: 2.1rem; height: 1.4rem; margin:0.5rem 0 0 2.7rem;}

header nav {position: absolute; top:0; right: -20rem; width: 17.95rem; background-color: #fff; display: flex; flex-direction: column; z-index: 20; height: 100%; transform: translate3d(0,0, 0);}
header nav div {display: flex; justify-content: space-between; padding: 0.95rem 1.25rem 1.05rem 1.9rem; background-color: #2fb2e2; width: 100%;}
header nav ul{margin: 1rem 0 0 1.95rem;}
header nav ul li {font-size: 0.9rem; line-height: 2.25rem; letter-spacing: -0.0675rem;}

/* main visual */
section.main-visual-slider div.bg1 section {background: url("../images/main/visual_bg_1.png") no-repeat top center; }
section.main-visual-slider div.bg1 img.prize { width: 10.45rem; height: 13.75rem;}
section.main-visual-slider div.bg1 h1 {font-family: GmarketSansBold; font-size: 3rem; line-height: 3.75rem; letter-spacing: -0.2rem; color: #000;}
section.main-visual-slider div.bg1 h1 b {color: #538ce0;}
section.main-visual-slider div.bg1 h2 {display: flex; justify-content:center; align-items: center;  background: url("../images/main/main_leaf.png") no-repeat center center; background-size: cover; width: 100%; height: 3.2rem;}

section.main-visual-slider div.bg2 section {background: url("../images/main/visual_bg_2.png") no-repeat top center; }
section.main-visual-slider div.bg2 article div {position: relative;}
section.main-visual-slider div.bg2 article div h1 {font-family: GmarketSansMedium; font-size: 3rem; line-height: 3.25rem; letter-spacing: -0.15rem; color: #000;}
section.main-visual-slider div.bg2 article div h1 b {color: #538ce0; font-size: 2rem;}
section.main-visual-slider div.bg2 article div img {position: absolute; right:0; bottom: 0;}

section.main-visual-slider div.bg3 section {background: url("../images/main/visual_bg_3.png") no-repeat top center; }
section.main-visual-slider div.bg3 article div h1 {font-family: GmarketSansMedium; font-size: 3rem; line-height: 3.75rem; letter-spacing: -0.225rem; color: #000;}
section.main-visual-slider div.bg3 article div h1 b {font-family: GmarketSansBold; color: #538ce0;}

section.main-visual-slider div section {height: 30.5rem;}
section.main-visual-slider div article {display: flex; flex-direction: column; justify-content: center; width: 58.1rem; height: 100%; margin: auto;}
section.main-visual-slider div article div {display: flex; justify-content: space-between; align-items: flex-start;}
section.main-visual-slider div article ul {display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 2.8rem;}
section.main-visual-slider div article ul li {display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #1f57a2;}
section.main-visual-slider div article ul li h2 {font-size: 1.15rem; letter-spacing: -0.094rem; margin-top: 1.6rem; color: #fff;}
section.main-visual-slider div article ul li span a {display: flex; justify-content: center; align-items: center; width: 5.95rem; height: 2rem; background-color: #53b5e6; border-radius: 1rem; color:#fff; font-size: 0.8rem; letter-spacing: -0.06rem; margin: 0.7rem 0; border: 1px solid #7f7f7f;}
section.main-visual-slider div article ul li span a:hover {background-color: #17d0b0;}

section.main-visual-slider div.bg1 article div {flex-direction: column; justify-content: flex-start;}
section.main-visual-slider div.bg1 article div img {margin-bottom: 1.2rem;}
section.main-visual-slider div.bg1 article ul {margin-top: 1.7rem;}
section.main-visual-slider div.bg1 article ul li {background-color: transparent;}
section.main-visual-slider div.bg1 article ul li h2 {font-size: .9rem; line-height: 1.2rem; letter-spacing: -0.07rem; color: #d2b486; text-align: center; margin-top: 0.45rem;}
section.main-visual-slider div.bg1 article ul li:last-child {position: relative;}
section.main-visual-slider div.bg1 article ul li:last-child img {z-index: 1;}
section.main-visual-slider div.bg1 article ul li:last-child:before {content:url("../images/main/prize_cup.png"); display: block; position: absolute; margin-top: -220%; }

section.main-visual-slider div article.etc div {display: flex; flex-direction: column; align-items: center;}
section.main-visual-slider div article.etc div img {margin-bottom: 1.25rem;}
section.main-visual-slider div article.etc div h1 {margin-bottom: 2.3rem;}
section.main-visual-slider div article.etc div h1 b {color: #538ce0;}
section.main-visual-slider div article.etc ul {margin-top: 0;}
section.main-visual-slider div article.etc ul li {border-radius: 0.5rem; width: 13.65rem; height: 16.15rem;}
section.main-visual-slider div article.etc ul li:nth-child(1) {background-image: linear-gradient(to top, #283480, #394ab4);}
section.main-visual-slider div article.etc ul li:nth-child(2) {background-image: linear-gradient(to top, #008f8d, #00c6c5);}
section.main-visual-slider div article.etc ul li:nth-child(3) {background-image: linear-gradient(to top, #8b49b5, #c467fe);}
section.main-visual-slider div article.etc ul li:nth-child(4) {background-image: linear-gradient(to top, #603eb6, #8554fe);}
section.main-visual-slider div article.etc ul li h2 {color: #fff; margin: 0 0 0.55rem 0;}
section.main-visual-slider div article.etc ul li img { margin-bottom: 1.45rem;}
section.main-visual-slider div article.etc ul li span a { background-color: transparent; border:1px solid #fff;}
section.main-visual-slider div article.etc ul li span a:hover {background-color: #17d0b0;}

section.customer_center:before {position:absolute; left:0; top:0;  content: ' '; display: block; width: 50%; height: 100%; background-color: #538ce0; z-index: 1;}
section.customer_center {position:relative; height: 4.35rem; background-color: #f8f8f8; width: 100%; display: flex; justify-content: center;}

section.customer_center div.content {display: flex; justify-content: center; z-index: 2;}
section.customer_center div.content ul {display: flex; align-items: center;}
section.customer_center div.content ul li {height: 4.35rem; display: flex; align-items: center; background-color: #f8f8f8;}
section.customer_center div.content ul li:nth-child(1) { position: relative; width: 7.25rem; background-color: #538ce0; justify-content: flex-end; padding-right: 2.45rem; color: #ffffff; font-size: 1.5rem; letter-spacing: -0.1125rem;}
section.customer_center div.content ul li:nth-child(2):before { content: url("../images/main/ico_top_tel.png"); padding-right: 0.95rem; margin-left: 2rem;}
section.customer_center div.content ul li:nth-child(2) { width: 16.5rem; color: #538ce0; font-size: 2rem; font-weight: bold; padding-right: 0.8rem;}

section.customer_center div.content ul li:nth-child(3) {flex-direction: column; align-items: flex-start; justify-content: center; width: 17.5rem; font-size: 0.8rem; color:#888888;}
section.customer_center div.content ul li:nth-child(3) p { font-size: 0.75rem; }
section.customer_center div.content ul li:nth-child(3) p b { color:#538ce0; font-weight: bold;}

section.customer_center div.content ul li:nth-child(4) { justify-content: flex-start; padding-left: 1rem;}


section.course { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 1.85rem 0 2.95rem 0;}
section.course > h3 { color: #5cc2e7; font-size: 1rem; }
section.course > h2 {display: flex; flex-direction: column; align-items: center; font-size: 2rem; line-height: 2.85rem; }
section.course > h2:after {content: ""; display:block; height: 0.05rem; width: 4.1rem; background-color: #a0a0a0; margin: 1.9rem 0 2.8rem 0;}
section.course ul {display: flex; flex-wrap: wrap;}
section.course ul li { color:#ffffff; width: 15rem; height: 15.1rem; padding: 2.1rem 0 0 2.1rem;}
section.course ul li.w50p { width: 30rem;}

section.course ul li span {font-size: 0.8rem; margin-bottom: 0.55rem;}
section.course ul li h2 {font-size: 1.7rem;}
section.course ul li h2.bold {font-weight: bold;}
section.course ul li a.more {font-size: 0.85rem; color:#ffffff;}
section.course ul li a.more:before {content: ""; display:block; height: 0.05rem; width: 1.95rem; background-color: #ffffff; margin: 1.05rem 0 1.2rem 0.1rem;}
section.course ul li a.more:after {content: url("../images/main/play.png"); display: inline-block; margin-left: 0.6rem; position: relative; top:50%; transform: translateY(30%);}

section.course ul li:nth-child(1) span {color:#333333}
section.course ul li:nth-child(1) h2,
section.course ul li:nth-child(1) h2.bold {color: #34b5e5;}
section.course ul li:nth-child(1) a.more {color: #333333;}
section.course ul li:nth-child(1) a.more:before {color: #34b5e5;}
section.course ul li:nth-child(1) a.more:before {background-color: #a0a0a0;}
section.course ul li:nth-child(1) a.more:after {content: url("../images/main/play_gray.png");}

section.course ul li:nth-child(1) {background: #f5f5f6 url("../images/main/cnt-01.png") no-repeat right bottom;}
section.course ul li:nth-child(2) {background-image: linear-gradient(to top, #36b6e1, #56c3b9);}
section.course ul li:nth-child(3) {background: url("../images/main/cnt-02.png") no-repeat right bottom;}
section.course ul li:nth-child(4) {background-color: #2fb2e2;}
section.course ul li:nth-child(5) {background-color: #376177;}
section.course ul li:nth-child(6) {background: #9a9ca1 url("../images/main/img-cnt-03.png") no-repeat right bottom;}

section.course_detail { color: #ffffff; background: url("../images/main/bg_course.jpg") no-repeat top center; padding: 3rem 0 3.45rem 0; width: 100%;}
section.course_detail > h3 { font-size: 1rem; text-align: center;}
section.course_detail > h2 { display: flex; flex-direction: column; align-items: center; font-size: 2rem; line-height: 2.85rem; text-align: center; }
section.course_detail > h2:after {content: ""; display:block; height: 0.05rem; width: 4.1rem; background-color: #ffffff; margin: 1.9rem 0 1.75rem 0;}
section.course_detail {padding-top: 3rem; display: flex; flex-direction: column; align-items: center;}
section.course_detail article { display: flex; justify-content: space-between;height: 20.15rem;}
section.course_detail article div.left {position: relative ;  background-color:#ffffff; color: #333333; width: 26.35rem; padding: 3.9rem 0 0 2.8rem;}
section.course_detail article div.left span {position: absolute; left:1rem; top: -1.4rem; width: 5.25rem; height: 3.05rem; background: url("../images/main/red_box.png") no-repeat center top; color: #ffffff; border-radius: 0.15rem; text-align: center; padding-top: 0.8rem;}
section.course_detail article div.left h2 {font-size: 1.7rem; line-height: 2.1rem;}
section.course_detail article div.left h2.bold {font-weight: bold; color: #41b9e5;}
section.course_detail article div.left p:before { content: ""; display:block; height: 0.05rem; width: 1.95rem; background-color: #a0a0a0; margin: 1.7rem 0 1.35rem 0;}
section.course_detail article div.left p {font-size: 0.9rem; line-height: 1.2rem;}
section.course_detail article div.left p strong  {position:relative; font-weight: bold; color: #fe0000;}
section.course_detail article div.left p strong:after  {content: ""; position:absolute; top:-0.35rem; left:0.35rem; display: inline-block; width: 0.15rem; height: 0.15rem; border-radius: 50%; background-color: #ff0000;}
section.course_detail article div.left a { margin-top: 2.8rem; font-size: 0.85rem;}
section.course_detail article div.left a.more:after {content: url("../images/main/play_gray.png"); display: inline-block; margin-left: 0.6rem; position: relative; top:50%; transform: translateY(30%);}
section.course_detail article div.right {width: 29.35rem;}

section.free_consult {display: flex; flex-direction: column; align-items: center; background-color: #f8f8f8; padding-top: 3.1rem;}
section.free_consult ul { display: flex; flex-wrap: wrap; width: 60rem; margin-bottom: 1.65rem;}
section.free_consult ul.form { border: 1px solid #d3d3d3; }
section.free_consult ul.form li { display:flex; align-items: center; padding: 0 4.5rem 0 3.15rem; width: 50%; margin-bottom: 0.45rem; }
section.free_consult ul.form li.memo,
section.free_consult ul.form li.agree { width: 100%; }
section.free_consult ul.form li.header {background-color: #4180de; color: #ffffff; font-size: 1.5rem; line-height: 1.2rem; letter-spacing: -0.075rem; padding-top: 1.25rem; padding-bottom: 1.25rem; width: 100%; }
section.free_consult ul.form li.header span {font-size: 0.7rem;line-height: 1.2rem; letter-spacing: -0.035rem; margin-left: 0.7rem;}
section.free_consult ul.form li.header2 {font-size: 0.8rem; line-height: 1.2rem; letter-spacing: -0.04rem; width: 100%; display: flex; justify-content: flex-end;}
section.free_consult ul.form li label { width: 5rem; margin-right: 1.2rem;}

section.free_consult ul.form li.header2 b,
section.free_consult ul.form li label.essential:after { content: '*'; color:#ff0000; font-weight: bold;}

section.free_consult ul.form li input[type=text] { width: 100%; height: 2.5rem; padding: 0.5rem; border-radius: 3px; font-size: 0.8rem; font-weight: normal;}
section.free_consult ul.form li.memo label {width: 4.3rem;}
section.free_consult ul.form li.memo textarea { height: 7.35rem; padding: 0;  border-radius: 3px; font-size: 0.8rem; font-weight: normal; padding: 0.5rem;}
section.free_consult ul.form li.agree { display: inline; font-size: 0.75rem; line-height: 1.2rem; letter-spacing: -0.0375rem; padding-left: 8.3rem; }
section.free_consult ul.form li.agree label{ cursor: pointer; }
section.free_consult ul.form li.agree a {position: relative; color: #4180de; margin-left: 0.25rem;}
section.free_consult ul.form li.agree a:after {position: absolute; left:0; bottom: 0; margin: 0 auto; content: ''; display: block; width: 3.3rem; height: 0.05rem; background-color: #4180de;}


section.free_consult a.reg {width: 18.6rem; height: 3rem; display: flex; justify-content: center; align-items: center; background-color: #538ce0; color: #ffffff; font-size: 0.9rem; line-height: 2.45rem; letter-spacing: -0.045rem; margin-bottom: 2.9rem; border-radius: 0.15rem; margin-left: auto; margin-right: auto; }

section.free_consult ul.cs { margin-bottom: 3.15rem; display: flex; justify-content: center; align-items: center; background-color: #ffffff; width: 60rem; }
section.free_consult ul.cs li:nth-child(1) { display: flex; justify-content: center; align-items: center; width: 25%; height: 4.35rem; background-color: #555555; color: #ffffff; font-size: 1.2rem; letter-spacing: -0.09rem; }
section.free_consult ul.cs li:nth-child(2):before { content: url("../images/main/tel_ico.png"); display: inline-block; margin-right: 0.95rem; }
section.free_consult ul.cs li:nth-child(2) { display: flex; justify-content: center; align-items: center; width: 30%; font-size: 2rem; color: #333333; font-weight: bold; }
section.free_consult ul.cs li:nth-child(3) { width: 45%; text-align: left; color: #000000; }
section.free_consult ul.cs li:nth-child(3) p { font-size: 0.75rem; letter-spacing: -0.0675rem; }
section.free_consult ul.cs li:nth-child(3) p.time { font-size: 0.9rem; letter-spacing: -0.0675rem; font-weight: bold; line-height: 1.2rem;  }
section.free_consult ul.cs li:nth-child(3) p.time b { color: #538ce0; }

section.bottom_banner {display: flex; justify-content: center; border-top: 1px solid #d3d3d3;}
section.bottom_banner ul {display: flex; justify-content: space-between; align-items: center; width: 60rem; }
section.bottom_banner ul li { margin: 1.05rem 0.6rem 0.85rem 0.6rem; }


/** sub **/
div.sub_title {display:flex; align-items: center; justify-content: center; width: 100%; color: #ffffff; font-size: 2.5rem; line-height: 1.4rem; height: 11.5rem; background: #000 url("../images/sub/sub-banner.png") no-repeat left top;}
div.sub_content {display:flex; justify-content: center; height: 20.25rem; width: 100%; padding: 3.4rem 0 0 0 ;}
div.sub_content div.content,
div.sub_content div.img { position: relative; height: 16.35rem; width: 32.2rem; }
div.sub_content div.img:after { content: ' '; display: block; height: 16.35rem; width: 32.2rem; background-color: #d5d5d5; position: absolute; left: 0.55rem; top: 0.75rem; z-index: -1;}
div.sub_content div.img img {position: relative;}

div.sub_content div.content {margin-bottom: 4.85rem;}
div.sub_content div.content h3 {position:relative; display: inline-block; color:#2fb2e2; font-size: 1.3rem; margin-bottom: 1.95rem;}
div.sub_content div.content h3:after {content: ""; position: absolute; left:0.15rem; bottom: -0.45rem; display: block; width: 100%; height: 0.05rem; background-color: #2fb2e2;}
div.sub_content div.content h2 {color:#000; font-size: 1.6rem; margin-bottom: 2.55rem; width: 20.5rem; letter-spacing: -0.08rem;}
div.sub_content div.content p {color:#666666; font-size: 0.9rem; line-height: 1.4rem;}
div.sub_content div.img {width: 32.2rem;}

div.review {display:flex; justify-content:center; background-color:#ffffff;}
div.review ul { display: flex; justify-content: center; align-items: center; }
div.review ul li { position: relative; display: flex; flex-direction: column; align-items: center; width: 13.15rem; font-size: 0.75rem; line-height: 1rem; text-align: center; color: #555555; padding-top: 6.05rem; border-radius: 2.5rem;  }
div.review ul li div.circle {display: flex; justify-content: center; align-items: center; background-color: #538ce0; width: 6.25rem; height: 6.25rem; border-radius: 3.125rem; margin-bottom: 1rem; }
div.review ul li:nth-child(2) div.circle,
div.review ul li:nth-child(4) div.circle
{
    background-color: #b0b0b0;
}

div.review ul li:last-child:after {content: none;}
div.review ul li h3 { font-size: 1.3rem; font-weight: bold; margin-bottom: 0.85rem; }
div.review ul li p { height: 4.5rem;}
div.review ul li.target { background:url("../images/sub/ico-01.png") no-repeat center top;}
div.review ul li.time { background:url("../images/sub/ico-02.png") no-repeat center top; }
div.review ul li.law { background:url("../images/sub/ico-03.png") no-repeat center top; }
div.review ul li.fee { background:url("../images/sub/ico-04.png") no-repeat center top; }
div.review ul li.type { background:url("../images/sub/ico-05.png") no-repeat center top; }
div.review ul li.typeF { background:url("../images/sub/ico-06.png") no-repeat center top; }
div.review ul li.typeG { background:url("../images/sub/ico-07.png") no-repeat center top; }
div.review ul li.typeH { background:url("../images/sub/ico-08.png") no-repeat center top; }
div.review ul li.typeI { background:url("../images/sub/ico-09.png") no-repeat center top; }
div.review ul li.typeJ { background:url("../images/sub/ico-10.png") no-repeat center top; }
div.review ul li.typeK { background:url("../images/sub/ico-11.png") no-repeat center top; }

div.inquire {display: flex; flex-direction: column; align-items: center; height: 59.15rem; padding: 5.5rem 0 0 0;}
div.inquire h2:before {content: url("../images/sub/ico.png"); display: inline-block; margin-right: 1.05rem; width: 2.2rem; height: 1.8rem;}
div.inquire h2 {display: flex; justify-content: center; font-size: 1.4rem; color: #000; margin-bottom: 2.4rem; font-weight: bold;}
div.inquire div.reg {width: 42.35rem; background-color:#f2f2f2; padding: 2.75rem 2.65rem 2.75rem 4.3rem; margin-bottom: 1.65rem;}

div.inquire div.reg ul {color: #555555; font-size: 0.75rem; width: 35.4rem;}
div.inquire div.reg ul li { display: flex; width: 100%; }
div.inquire div.reg ul li label {width: 5.4rem; vertical-align: top; display: block; text-align: center; font-weight: bold; padding: 0 1rem;}
div.inquire div.reg ul li label strong {color: #ff0000; font-weight: bold;}
div.inquire div.reg ul li input[type=text] { width: 30rem; height: 2.5rem; margin-bottom: 0.25rem; font-size: 0.8rem; font-weight: normal;}
div.inquire div.reg ul li textarea { width: 30rem; min-height: 7.2rem; margin-bottom: 0.25rem; font-size: 0.8rem; font-weight: normal;}
div.inquire div.reg ul li textarea.policy { font-size:0.7rem; line-height: 0.8rem; padding: 0.3rem;}

div.inquire a {display:inline-flex; align-items: center; justify-content: center; background-color: #2fb2e2; color:#fff; width: 18.6rem; height: 2.45rem; margin-top: 3rem; }

section.sub_step h1,
section.sub_return h1 { color: #000000; font-size: 1.5rem; line-height: 1.55rem; letter-spacing: -0.0375rem; margin-bottom: 2.3rem; }

section.sub_step,
section.sub_return { display: flex; flex-direction: column; align-items: center; }

section.sub_step {background-color: #ffffff;}
section.sub_step ul {margin-bottom: 4.2rem;}


section.sub_step { padding-top: 3.9rem; }
section.sub_step ul { display:flex; justify-content: center; margin-bottom: 4.2rem; }
section.sub_step ul li {display:flex; flex-direction: column; align-items: center; justify-content: center; position: relative; width: 7.5rem; height: 7.5rem; border-radius: 5rem; border: 1px solid #538ce0; margin: 0 0.5rem; }
section.sub_step ul li.step6 {background-color: #538ce0; }
section.sub_step ul li.step6 span {color: #fff;}
section.sub_step ul li span {font-size: 0.8rem; line-height: 1.5rem; color: #555555; letter-spacing: -0.04rem; }
section.sub_step ul li:first-child:after {display: none;}
section.sub_step ul li:after {content: ' '; display: block; width: 1rem; height: 0.1rem; background-color: #538ce0; position: absolute; left:-1.05rem; top:50%;}


section.sub_return {background-color: #f6f6f6; padding-top: 1.4rem;}
section.sub_return h1 { margin-bottom: 2.4rem;}
section.sub_return ul {position:relative; display:flex; justify-content: space-between; margin-bottom: 3.95rem;}
section.sub_return ul li {position: relative; display:flex; flex-direction: column; align-items: center; font-size: 0.85rem; color: #555555; margin: 0 2.9rem;}
section.sub_return ul li:after {content: url("../images/sub/arrow.png"); position: absolute; display: block; right:-40%; top:40%;}
section.sub_return ul li:last-child:after {display: none;}
section.sub_return ul li span {position: absolute; bottom: -2.5rem; text-align: center; height: 2rem;}

footer {display:flex; justify-content: center; background-color:#333333; color:#999999; font-size: 0.7rem; width: 100%; height: 7rem; padding: 1.5rem 0 1.7rem 0;}
footer article {display:flex; justify-content: space-between; align-items: center; }
footer ul.address li {line-height: 1.2rem;}
footer ul.address > li:first-child {font-size: 1.25rem; line-height: normal;}

/* 약관 보기 시작 */
div.box_agree {
    position: relative;
    width: 800px;
    height: 600px;
    background-color: #fff;
    counter-reset: num;
    font-size: 0.7rem;
    overflow-y: auto;
    padding: .5rem;
    display: none;
    border: 1px solid #7f7f7f;
    border-radius: 0.25rem;
}

div.box_agree div.header {
    display: flex;
    justify-content: flex-end;
    height: 1rem;
}

div.box_agree div.header a.b-close {

}

div.box_agree > h2 {
    line-height: 1rem; margin: 0.5rem 0;
}
div.box_agree > h2:before {
    content: "제 " counter(num) " 조 ";
    counter-increment: num 1;
}

div.box_agree h3 { margin-top: .5rem;}

div.box_agree ol {
    counter-reset: num2;
    margin-left: 0.5rem;
}

div.box_agree ol li p.tit {line-height: 1rem; margin-top: 0.4rem;}
div.box_agree ol li p.tit:before {
    content: counter(num2) ". ";
    counter-increment: num2 1;
}

div.box_agree ol li p.sub1:before {content: "- ";}
div.box_agree ol li p.sub1 {margin-left: 1rem;}
div.box_agree ol li p.sub2:before {content: "ㆍ";}
div.box_agree ol li p.sub2 {margin-left: 1.5rem;}
/* 약관 보기 끝 */

@media (min-width: 0) and (max-width: 970px) {
    html {font-size: 100%;}

    .std-width {width: 100%;}

    img, div { width: 100%;}

    header {width: 100%; height: unset;}
    header div { margin: 0;}
    header div a.logo img { margin-left: .5rem;}
    header div ul {width: 100%; justify-content: space-between;}
    header div ul li a img {display: none;}
    header div ul li:last-child a {padding-right: 1rem;}

    header nav div img { width: 90%;}



    /* main */
    section.course { margin-top: 1.5rem; margin-bottom: 0;}
    section.course > h2:after { display: none; }
    section.course ul li { width: 50%; height: 11rem; padding: 1rem 0 0 1rem;}
    section.course ul li.w50p { width: 100%;}
    section.course ul li:nth-child(3) { background-color: #2fb2e2;}

    section.customer_center div.content ul {flex-direction: column; width: 100%; height: 5rem; background-color: #f8f8f8;}
    section.customer_center div.content ul li:nth-child(2) { margin-left: 0; padding-top: .6rem;}
    section.customer_center div.content ul li:nth-child(2),
    section.customer_center div.content ul li:nth-child(3) {width: 100%; justify-content: center; align-items: center; }
    section.customer_center div.content ul li:nth-child(3) { padding-bottom: .5rem; }
    section.customer_center div.content ul li:nth-child(1),
    section.customer_center div.content ul li:nth-child(4) {display: none;}

    section.course_detail {padding-top: 1.5rem; padding-bottom: 1rem; background-size: 100% 90%;}
    section.course_detail article {display: flex; flex-direction: column; width: 100%; height: 100%; background-color: #fff;}
    section.course_detail > h2:after { display: none;}
    section.course_detail article div.left,
    section.course_detail article div.right {width: 100%; }
    section.course_detail article div.left {padding: 1.9rem 0 1rem 1rem;}
    section.course_detail article div.left span,
    section.course_detail article div.left p:before { display: none; }
    section.course_detail article div.left p { margin-top: 1rem;}
    section.course_detail article div.left a { margin-top: .85rem; }
    section.course_detail article div.right img { padding: 0 1rem; }

    section.free_consult ul.cs {flex-direction: column; width: 100%; margin-bottom: 0;}
    section.free_consult ul.cs li:nth-child(1) {display: none;}
    section.free_consult ul.cs li:nth-child(2),
    section.free_consult ul.cs li:nth-child(3) {width: 100%; display: flex; flex-direction: column; align-items: center;}
    section.free_consult ul.cs li:nth-child(2) {flex-direction: row; padding-top: .5rem;}
    section.free_consult ul.cs li:nth-child(3) {padding-bottom: .5rem;}

    section.bottom_banner ul {flex-wrap: wrap; width: 100%;}
    section.bottom_banner ul li { margin: 0; width: 33.3%;}

    /* sub */
    div.sub_title { width: 100%; height: 5rem; font-size: 1.8rem; }
    div.sub_content {flex-direction: column; height: auto; padding: 0;}
    div.sub_content div.content { margin-bottom: 0;}
    div.sub_content div.content,
    div.sub_content div.img {width: 100%; padding: 1rem; height: auto; position: relative;}
    div.sub_content div.img:after {display: none;}
    div.sub_content div.content h3 { display: none;}
    div.sub_content div.content h2 { width: 100%;}
    div.sub_content div.content h2 br {display: none;}


    div.review { width: 100%; padding: 1rem 0;}
    div.review ul { width: 100%;  flex-wrap: wrap; justify-content: flex-start; }
    div.review ul li { width: 33.3%; padding-top: 0;}
    div.review ul li div.circle img {  width: auto; }
    div.review ul li:nth-child(3n):after {display: none;}

    section.free_consult { padding-top: 0;}
    section.free_consult ul { width: 100%; }
    section.free_consult ul.form li { width: 100%; flex-direction: column; align-items: flex-start; padding: 0 .5rem;}
    section.free_consult ul.form li.header {flex-direction: column; align-items: center; padding: .5rem 0;}
    section.free_consult ul.form li.header2 {flex-direction: row; justify-content: flex-start;}
    section.free_consult ul.form li.header span { font-size: 0.9rem; padding-top:.2rem;}
    section.free_consult ul.form li label { margin-bottom: .3rem;}
    section.free_consult ul.form li.agree { padding-left: 0.5rem;}
    section.free_consult ul.form li.agree label { width: auto;}
    section.free_consult a.reg { margin-bottom: .9rem;}

    div.box_agree { width: 95%; height: 60%; }

    section.sub_step { padding-top: 1.9rem;}
    section.sub_step ul {width: 100%; flex-wrap: wrap; margin-bottom: 0;}
    section.sub_step ul li {margin: .5rem;}
    section.sub_step ul li:after {display: none;}
    section.sub_step ul li img {width: auto;}

    section.sub_return ul { width: 100%; flex-wrap: wrap; margin-bottom: 0;}
    section.sub_return ul li { width: 50%; margin:0 0 3rem 0;}
    section.sub_return ul li img { width: auto;}
    section.sub_return ul li:after {display: none;}

    div.inquire {height: auto; padding: 2rem 0;}
    div.inquire h2 { margin-bottom: .5rem;}
    div.inquire div.reg { width: 100%; padding: 1rem; background-color: #fff;}
    div.inquire div.reg ul { width: 100%;}
    div.inquire div.reg ul li { flex-direction: column; }
    div.inquire div.reg ul li label { text-align: left; width: 100%; padding: .5rem 0 .3rem 0; }
    div.inquire div.reg ul li input[type=text],
    div.inquire div.reg ul li textarea { width: 100%;}
    div.inquire div.checkbox {padding: 0 1rem;}

    footer { padding: 1rem;}
    footer ul { width: 100%;}
    footer img { display: none;}
}