@CHARSET "UTF-8";
/* test */
/*common*/
#wrapper { min-width:360px; width:100%; margin:0 auto; overflow:hidden; position:relative; background:#fff; }

/* h3 {height:135px; text-indent:-9999px;} */
h3.counsel { background:url(/mobile/resource/images/sub/sub_counsel00.png) no-repeat; background-position:center; }
h3.normalCurrClause { background:url(/mobile/resource/images/sub/sub_normalCurrClause00.png) no-repeat; background-position:center; }
h3.map { background:url(/mobile/resource/images/sub/sub_map00.png) no-repeat; background-position:center; }
h3.pf { background:url(/mobile/resource/images/sub/sub_pf00.png) no-repeat; background-position:center; }
h3.teacher { background: url(/mobile/resource/images/sub/sub_teacher00.png) no-repeat; background-position: center;}
.disable {background-color: white;}



	/* 서브 - 설명페이지 (국비지원, 취업센터) */
.sub_wrap {width:100%; text-align:center;}
.sub_wrap .sub_explain_wrap {width:100%; padding-top:60px; padding-bottom:60px; border-bottom:1px solid #e7e7e7;}
.sub_wrap .sub_explain_wrap_borderN {padding-top:0;}
.sub_wrap .sub_explain_wrap .sub_explain {width:90%; margin:0 auto 50px;}
.sub_wrap .explain_title {padding-bottom:20px; font-size:32pt; font-family:"CoreGothic5"; letter-spacing:-0.1em;}
.sub_wrap .explain_title_en {padding-bottom:20px; font-weight:600; font-size:38pt; font-family:"Pretendard";}
.sub_wrap .explain_text {font-size:26pt; line-height:32pt; color:#000;}
.sub_wrap .explain_img_wrap {width:90%; margin:0 auto;}
.sub_wrap .explain_img_wrap img:nth-of-type(2) {margin-top:50px;}
.sub_wrap .img_wrap_100 {width:100%;}
.sub_wrap .explain_text_wrap {position:relative; width:80%; margin:-50px auto 0;}
.sub_wrap .explain_text_wrap .text {float:left; width:50%; font-size:24pt; line-height:37pt;line-height:1.3;}
.sub_wrap .explain_text_wrap .text span {font-size:30pt; font-family:"CoreGothic6";}



/*submenu*/
.sub_title {/* height:165px; */height:225px; margin-top:260px; /* border-bottom:1px solid #d5d5d5; */border-bottom:2px solid var(--border-gray); text-align:center;}
.sub_title_borderN {border-bottom:0;}
.sub_title h2 {padding-top:100px; color:#222; font-weight:normal; font-family:"CoreGothic6"; font-size:40pt;}
.sub_title h3 {padding-top:100px; color:#222; font-weight:normal; font-family:"CoreGothic6"; font-size:40pt;}
.list_wrap { width:100%; }
.list_wrap ul { width:86%; padding:0 6.5%; margin:0 auto; overflow:hidden; border:1px solid #d5d5d5; border-right:0; border-left:0; text-align:center; height:98px; }
.list_wrap ul li { float:left; height:98px; }
.list_wrap ul li a { padding:22.5px 0; line-height:98px; color:#000; font-size:35px; font-family:"CoreGothic4"; letter-spacing:-2px; margin-right:40px; }
.list_wrap ul .last_li a{margin-right:0;}
.list_wrap ul li a.on { color:#122792; font-family:"CoreGothic5"; border:5px solid #122792; border-right:0; border-left:0; }
#aboutlist ul li {}
.menu_title {margin-top: 45px; text-align: center;}
.menu_title p {font-size:40px; font-family:"CoreGothic4"; color:#000; letter-spacing:-2px;}
.menu_sub{margin-top:20px; text-align:center;}
.menu_sub p { font-size:30px; font-family:"CoreGothic4"; color:#000; letter-spacing:-2px; margin-bottom:30px; }
.title_line { width:45px; height:15px; margin:0 auto; border-bottom:1px solid #000; }


/* 개인정보보호정책 */
.clause {width:90%; margin:0 auto;}
.clause .cont_copy {font-size:26pt; padding:50px 0 30px;}
.clause .clause_cont {}
.clause .clause_cont .chunk { text-align:left; padding:0 0 30px 0;}
.clause .clause_cont .chunk:last-child { padding:0 0 6% 0; }
.clause .clause_cont .chunk h4 {padding:5px 0 15px; color:var(--common-point-font); font-size:32pt; font-weight:normal; font-family:'CoreGothic5'; letter-spacing:-0.1em;}
.clause .clause_cont .chunk h5 {padding:4% 0 0.5%;padding:35px 0 5px; color:#000; font-weight:normal; font-family:'CoreGothic5'; font-size:24pt;}
.clause .clause_cont .chunk .not {padding:0; font-weight:normal; font-family:'CoreGothic4'; font-size:22pt;}
.clause .clause_cont .chunk .not b { font-family:'CoreGothic5'; font-size:37px; text-decoration:none; }
.clause .clause_cont .chunk p {color:#000; font-family:'CoreGothic4'; font-size:22pt; line-height:1.3;}
/* .clause .clause_cont .chunk .string { margin-left:70px; font-family:'CoreGothic3'; } */


/* 일반과정운영규정 */
.normalCurrClause .chunk ul li {margin-left:30px;}
.normalCurrClause .chunk div {display:flex;}
.normalCurrClause .chunk > div {display:flex; padding:5px 0 15px;}
.normalCurrClause .chunk .clause_num {display:inline-block; width:30px;}
.normalCurrClause .chunk .clause_explain {display:inline-block; width:-moz-calc(100% - 30px); width:-webkit-calc(100% - 30px); width:-o-calc(100% - 30px);width:calc(100% - 30px);}

.normalCurrClause .chunk ul li > div {padding:0 0 5px;}
.normalCurrClause .chunk ul li .clause_num2 {display:inline-block; width:65px;}
.normalCurrClause .chunk ul li .clause_explain2 {display:inline-block; width:-moz-calc(100% - 65px); width:-webkit-calc(100% - 65px); width:-o-calc(100% - 65px);width:calc(100% - 65px);}


/* 수강료 안내 */
div.fee {text-align:center;}
div.fee table {width:100%; font-size:26pt; border-collapse:collapse;}
div.fee table thead {background:#f2f5fa;}
div.fee table tr {height:120px; border-bottom:1px solid var(--table-border);}
div.fee table td {padding-top:4px;}
div.fee table td:not(:last-of-type) {border-right:1px solid var(--table-border);}


/*btn*/
.bar { width:40px; height:1px; background:#000; margin:20px auto;}
.btn {width:90%; margin:25px auto 50px; text-align:center;}
.btn a { display: block; width: 100%; height: 120px; }
.btn p {width:100%; height:120px; background:var(--common-point); border-radius:5px; padding:0; margin:0 auto; color:#fff; font-size:30pt; line-height:124px;}



/*20250512 게임제작과정 추가 css*/
:root {
    --border-radius-content: 27px;
    --font-size-content: 35px;
    --font-size-contenttitle: 40px;
    --point-red: #ea2127;
    --color-font-gray: #bebebf;
    --color-red: #ea2127;
    --color-lightgray: #acacad;
    --color-gray: #6f717b;
    --color-darkgray: #26272b;
    --color-black: #131415;
}

.padding_N {
    padding: 0 !important;
}
.section_title {width: 90vw; margin: 0 auto; color: #fff; font-weight: 700; font-size: 62px; line-height: 1.4;}
.section_subtitle {width: 90vw; margin: 0 auto; padding: 22px 0 80px; color: var(--color-lightgray); font-weight: 400; font-size: 38px; line-height: 1.4;}
.sub_wrap {
    box-sizing: border-box;
}

.sub_wrap *, .sub_wrap *::before, .sub_wrap *::after {
    box-sizing: inherit;
}
.sub_section {
    width: 100%;
    margin: 0 auto;
}


/* 배경 블랙 */
.sub_section_lightgray .section_title {color: var(--color-black); font-weight: 700; font-size: 56px;}

/* 배경 연회색 */
.sub_section_lightgray .section_subtitle {color: var(--color-gray); font-size: 40px;}

/* 배경 연회색 */
.content_title {color: #fff; font-weight: 500; font-size: 40px;}

.section_content_wrap {width: 100%; padding: 105px 0; margin: 0 auto;}
.section_content {overflow: hidden; width: 90vw; margin: 0 auto;}
.section_content_w100 {width: 100vw;}

/*배경 볼록
.sub_section_black_radiusB .section_content_wrap{width: 104%; margin: 0 -2%; border-radius: 0 0 50% 50% / 0 0 60px 60px; background-color: #090909;}
*/
/********** 스타일 **********/
.point_text {
    color: var(--color-red);
}

.btn_r_red {
    display: inline-block;
    width: 100%;
    height: 152px;
    border: 0;
    border-radius: var(--border-radius-content);
    background-color: var(--color-red);
    color: #fff;
    font-weight: 400;
    font-size: var(--font-size-contenttitle);
    line-height: 152px;
    text-align: center;
}

.deco_dot {
    position: relative;
    height: 130px;
    margin: 100px auto;
}

.deco_dot div {
    width: 10px;
    height: 10px;
    margin: 0 auto;
    border-radius: 50%;
    background: var(--color-gray);
}

.deco_dot div::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    opacity: .7;
    background: var(--color-gray);
}

.deco_dot div::after {
    content: '';
    position: absolute;
    bottom: 0;
    transform: translateX(-50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    opacity: .4;
    background: var(--color-gray);
}