* {margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; word-break: keep-all;}
html,body{max-width: 100%; min-height: 100%;}
html{overflow-x: hidden; -webkit-text-size-adjust: none;}
body{-webkit-print-color-adjust:exact; background: #fff; font-family: 'Jost', 'Noto Sans KR', sans-serif !important; font-style: normal; font-size: 16px; font-weight: 300; color: #0f0f0f; line-height: 1.5; letter-spacing: -0.5px;}
ul, li, dl,dt,dd {margin:0;padding:0;list-style:none}
a{text-decoration:none;}
/*a{color:#0f0f0f;text-decoration:none;}*/
img {border: 0; font-size: 0; max-width: 100%; vertical-align: middle;}
/*h1, h2, h3, h4, h5, h6{font-size:1em;font-family: 'Jost', 'Noto Sans KR', sans-serif;}*/
h1, h2, h3, h4, h5, h6{font-family: 'Jost', 'Noto Sans KR', sans-serif;font-size:1rem;letter-spacing:-.05em}
textarea, select{font-family: 'Jost', 'Noto Sans KR', sans-serif;font-size:1em}
input, button{margin:0;padding:0;font-family: 'Jost', 'Noto Sans KR', sans-serif;font-size:1em}
input[type="submit"], button{cursor:pointer}
table {width:100%}
.table td, .table th { border-bottom:1px solid #ddd !important;padding:.75rem;}
table, tr, td { border-collapse: collapse; }
table th {text-align:left;padding-left:25px !important;line-height:40px;border-right:1px solid #ddd;font-weight:600 !important;width:220px;color:#212529; }
table td {line-height:33px;font-size:16px !important;}
table td .form-row { line-height:33px;padding-left:10px; }
table td span { display:inline-block !important;color:#999 !important;margin-left:20px;font-weight:200 !important; }
p{word-break: keep-all;}

/*.container {margin-top:100px;margin-bottom:100px;}*/
.jc_list { margin-top:20px;margin-bottom:100px;max-width:1300px }
.jc_list th { text-align:center !important;width:auto !important;border-right:0 !important;padding-left:12px !important;}
.jc_list td { text-align:center !important;width:auto !important;font-weight:300 !important;}

select { height:40px !important;font-size: 16px !important;font-weight:400 !important;}
select option { font-weight:400 !important;}

input[type="text"], input[type="password"], input[type="email"]  {height: 40px; padding: 0 5px; border: 1px solid #ddd; font-size: 16px !important; font-weight: 400; color: #0f0f0f; background: #fff;width:300px;-webkit-appearance:none;display:inline-block;}
input[type="text"]::placeholder{color: #999;}
input[type="password"]::placeholder{color: #999;}
input[type="email"]::placeholder{color: #999;}
.i-inpt_full{width: 100%;}
input[type="text"].disabled{color: #666; background: #f8f8f8;}

.date-inpt{height: 40px; padding: 0 5px; border: 1px solid #ddd; font-size: 16px; font-weight: 300; color: #0f0f0f; background: #fff;}
.date-inpt::placeholder{color: #999;}
.date-inpt_full{width: 100%;}
.date-inpt.disabled{color: #666; background: #f8f8f8;}
.ui-widget-header .ui-icon{background-image: url("https://artmore.kr/resources/css/../images/ui-icons_444444_256x240.png");}

.filebox02{font-size: 0;}
.filebox02 input[type="file"]{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.filebox02 label{display: inline-block; position: relative; width: 40px; height: 40px; background: #999; vertical-align: middle; cursor: pointer;}
.filebox02 label:before{content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 15px; height: 1px; margin: -0.5px 0 0 -7.5px; background: #fff;}
.filebox02 label:after{content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 1px; height: 15px; margin: -7.5px 0 0 -0.5px; background: #fff;}
.filebox02 .upload-name{display: inline-block; width: 220px; height: 40px; max-width: calc(100% - 40px); padding: 0 10px; border: 1px solid #ddd; font-size: 16px; font-weight: 300; color: #666; background: #fff; vertical-align: middle; appearance: none;}

textarea{padding: 5px; border: 1px solid #ddd; font-size: 16px !important; font-weight: 300; color: #0f0f0f; background: #fff;}
button{font-size: 16px !important; font-weight: 300; }



/*.i-checks{position: relative;}*/
/*input[type="checkbox"]{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}*/
/*input[type="checkbox"] + label{display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}*/
/*input[type="checkbox"] + label:before{content: ' '; display: inline-block; width: 22px; height: 22px; line-height: 22px; margin: -3px 8px 0 0; text-align: center; vertical-align: middle; background: #fff; border: 1px solid #ddd;}*/
/*input[type="checkbox"] + label:active:before,*/
/*input[type="checkbox"]:checked + label:active:before{border-color: #e32b07;}*/
/*input[type="checkbox"]:checked + label:before{background: #e32b07 url("https://artmore.kr/resources/css/../images/check_icon01.png") no-repeat center; border-color: #e32b07;}*/

/*.i-radio{position: relative;}*/
/*input[type="radio"]{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}*/
/*input[type="radio"] + label{display: inline-block; position: relative; padding-left: 30px; font-size: 16px; font-weight: 300; color: #666; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}*/
/*input[type="radio"] + label:before{content: ''; position: absolute; left: 0; top: -1px; width: 22px; height: 22px; text-align: center; background: #fff; border: 1px solid #ddd; border-radius: 100%;}*/
/*input[type="radio"]:checked + label:before{border-color: #e32b07;}*/
/*input[type="radio"]:checked + label:after{content: ''; position: absolute; top: 6px; left: 7px; width: 10px; height: 10px; background: #e32b07; border-radius: 100%;}*/

.i-radio.disabled input[type="radio"] + label:before{background: #f8f8f8;}
.i-radio.disabled input[type="radio"]:checked + label:before{border-color: #999;}
.i-radio.disabled input[type="radio"]:checked + label:after{background: #999;}

/*button*/
.btn01{display: block; width: 200px; height: 50px; line-height: 50px; border: 0; font-size: 16px; font-weight: 400; color: #fff; text-align: center; background: #222; transition: 0.5s;}
.btn01:hover{background: #e32b07;}

.btn02{display: block; width: 200px; height: 50px; line-height: 50px; border: 1px solid #ddd; font-size: 16px; font-weight: 300; color: #999; text-align: center; background: #fff; transition: 0.5s;}
.btn02:hover{color: #e32b07; border: 1px solid #e32b07;}

.btn03{display: block; width: 200px; height: 50px; line-height: 50px; border: 1px solid #999; font-size: 16px; font-weight: 300; color: #fff; text-align: center; background: #999; transition: 0.5s;}

.btn04{display: block; width: 200px; height: 50px; line-height: 50px; border: 1px solid #e32b07; font-size: 16px; font-weight: 300; color: #fff; text-align: center; background: #e32b07; transition: 0.5s;}

/*notosans font class*/
.noto{font-family: 'Noto Sans KR', sans-serif;}

.text_line1{
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.text_line2{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 3.4em;
    line-height: 1.7em;
    text-overflow: ellipsis;
}
.text_line3{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 5.1em;
    line-height: 1.7em;
    text-overflow: ellipsis;
}
.text_line4{
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 6.8em;
    line-height: 1.7em;
    text-overflow: ellipsis;
}

@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {


}

.jc_main_logo a { font-family:Rix !important;font-size:14px !important; }
.jc_main_nav .menu-cover-title { font-size:35px; }
.jc_main_nav .dsn-title-menu { font-size:35px !important; }

header { padding-top:130px !important;padding-bottom:130px !important;}

 #map { width:100%;height: 70vh;position:relative; }
.kakao_wrap {position: absolute;left: 0;bottom: 40px;width: 288px;height: 82px;margin-left: -144px;text-align: left;overflow: hidden;font-size: 12px;font-family: 'Malgun Gothic', dotum, '돋움', sans-serif;line-height: 1.5;}
.kakao_wrap * {padding: 0;margin: 0;}
.kakao_wrap .kakao_info {width: 286px;height: 120px;border-radius: 5px;border-bottom: 2px solid #ccc;border-right: 1px solid #ccc;overflow: hidden;background: #fff;}
.kakao_wrap .kakao_info:nth-child(1) {border: 0;box-shadow: 0px 1px 2px #888;}
.kakao_info .kakao_title {padding: 5px 0 0 10px;height: 30px;background: #eee;border-bottom: 1px solid #ddd;font-size: 18px;font-weight: bold;}
.kakao_info .close {position: absolute;top: 10px;right: 10px;color: #888;width: 17px;height: 17px;background: url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/overlay_close.png');}
.kakao_info .close:hover {cursor: pointer;}
.kakao_info .body {position: relative;overflow: hidden;}
.kakao_info .kakao_desc {position: relative;margin: 23px 0 0 90px;height: 75px;text-align:center;}
.kakao_desc .ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.kakao_desc .jibun {font-size: 11px;color: #888;margin-top: -2px;}
.kakao_info .img {position: absolute;top: 6px;left: 5px;width: 73px;height: 71px;border: 1px solid #ddd;color: #888;overflow: hidden;}
.kakao_info .link {color: #5085BB;}


/*공통*/
.box-contact-inner { margin-top:50px;}
.float-right { float:right; }
.icon-m { text-align:center; }
.icon-m span { margin:0 auto }
.footer_jc_member { position:fixed;left:0;bottom:30px;z-index:5;width:var(--body-style-space);text-align:center;font-size:14px; }
.footer_jc_member > div { margin-top:25px; }
.footer_jc_member span { margin-bottom:5px; }
.kakao_addr div { margin-bottom:2px;}
.kakao_addr div input[type=button] { height:40px;width:150px;background-color:#595a5b !important;cursor:pointer;}
.kakao_addr div input[type=text] { width:700px;}
.kakao_addr div:first-child input[type=text] { width:220px;}
label { color:var(--font-color) !important; }



/*.lecture_view_cont th, .lecture_view_cont td { color:white !important;}*/

.intro-project-list li {margin-bottom:10px !important;}

/*헤더*/
.jc_info { font-size:28px; }

@media (min-width: 1281px) {
    div.jc_menu {display:block;width:100%;position:relative;margin-top:300px;}
    div.jc_menu:after {width: 100%;background: #ddd;content: "";display: block;height: 2px;position: absolute;top: 70px;left: 0;}
    div.jc_menu > ul.extend-container {display:block;width:1400px;margin:0 auto;min-height:300px}
    div.jc_menu > ul.extend-container li {float:left;width:20% !important;text-align:center;}
    div.jc_menu > ul.extend-container li a span:first-child {font-size:30px !important;}
    div.jc_menu > ul.extend-container li a span:nth-child(2) {display:none !important;}
    div.jc_menu > ul.extend-container li > ul {display:block !important;position:relative !important;margin-top:30px;}
    div.jc_menu > ul.extend-container li > ul li {display:block !important;position:relative !important;line-height:32px !important;width:100% !important;margin-top:5px;}
    div.jc_menu > ul.extend-container li > ul li span:first-child {font-size:25px !important;}
    body.dsn-line-style .site-header ul.extend-container {border-right:0;border-left:0}
    .wb_main body.dsn-line-style .full-width .dsn-container {justify-content:center}
    .jc_main_swiper { max-width:950px;position:absolute;top:20px;right:0 }
    .jc_main_swiper .swiper-slide {width:310px !important;margin:0 !important;margin-right:5px !important;}
}

@media (max-width: 767px) {
    .jc_main_nav {align-items:center !important;}
    div.jc_menu {text-align:center;margin:0 auto;}
    div.jc_menu > ul.extend-container li a span:nth-child(2) {display:none !important;}
    .site-header .extend-container .main-navigation ul.extend-container > li ul li a { line-height:3;}
    .site-header .extend-container .main-navigation ul.extend-container > li ul li a span { opacity:1  !important;visibility:visible !important;}

    /*온라인 강의*/
    .work-section .swiper-slide .box-img, .work-section .work-item .box-img { height:260px !important;}
    .wv_view_contents img {height:auto !important;}

    /*오프라인*/
    .wb_offline .work-item .blog-item {margin-top:80px !important;}
    .wb_offline .work-item:first-child .blog-item {margin-top:0 !important;}

    /*회원가입*/
    .wv_join_table th {width:100% !important;}
    .wv_join_table td input[type=text],.wv_join_table td input[type=password],.wv_join_table td input[type=email],.wv_join_table td select {width:100% !important;}

    .wv_login_table th { width:unset !important;}
    .wv_login_table .contact-container { padding-left:0px !important;}

}



/*푸터*/
.footer-social li { line-height:14px; }
.footer-social a { text-decoration:none;color:#777 !important;font-size:12px !important; }
.footer-social .ft_menu a { font-weight:800 !important; }

/*메인*/
[data-overlay="6"]:before {opacity:0 !important;}

/*온라인 강의 뷰*/
.jc_lecture_list td { font-size:21px !important;}
.work-item img { height:auto !important;}


/*온라인 강의 상세 */
.comment-block p { margin-bottom:10px;}
.comment-block strong { color:#777;font-size:15px;}
.comment-block span { font-size:15px;}
.comment-block textarea { height:150px;}

.video-container { position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden; }
.video-container iframe,.video-container object,.video-container embed { position: absolute;top: 0;left: 0;width: 100%;height: 100%; }
.video-container2 { position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden; }
.video-container2 iframe,.video-container2 object,.video-container2 embed { position: absolute;top: 0;left: 0;width: 100%;height: 100%; }



/*퀴즈*/
.service-description { width:100%; }
.service-description span { margin-left:3px; }
.service-lest-item .block-number {font-size:20px;}
.qs_type2 p { font-weight:300;text-align: justify;text-justify: inter-word;font-size:18px;}
.qs_type2 p:first-child { font-weight:var(--font-weight-heading);font-size:20px;}
.quiz_cont td, .quiz_cont th { border-bottom:1px solid #cecece !important }
.quiz_cont table { border-top:2px solid #cecece !important;margin-bottom:70px;width:100%; }


/*게시판 리스트*/
.jc_board_list td { font-size:19px !important;}

/*내강의실 리스트*/
.jc_member_lecture td { font-size:18px !important;}


/*게시판 뷰*/
ul.comments { list-style: none;margin: 0;padding: 0; }
ul.comments li { clear: both;padding: 10px 0 0 70px;margin: 0;padding: 0;list-style: none;line-height: 24px; }
ul.comments li .comment { margin-bottom: 10px; }
ul.comments li .img-thumbnail {margin-left: -70px;position: absolute;border: none;padding: 0;border-radius: 4px; }
ul.comments .comment-block {background: #f7f7f7;border-radius: 5px;padding: 20px 20px 30px;position: relative;}
ul.comments .comment-block .comment-by { display: block;font-size: 1em;line-height: 21px;margin: 0;padding: 0 0 5px 0; }
ul.comments .comment-block .comment-by strong { font-weight: 700 !important; }


/*마이페이지*/
.mypage_table { border-right:1px solid #ddd;border-left:1px solid #ddd;;border-top:1px solid #ddd }
.mypage_table td { font-weight:500 }
.mypage_table1 { border-right:1px solid #ddd;border-left:1px solid #ddd;;border-top:1px solid #ddd }
.mypage_table1 td div { font-weight:400; }

.button-green-o {display: inline-block;font-size: 16px;line-height: 14px;border-radius: 3px;padding: 10px 21px;color: #00ca30;white-space: nowrap;background-color: #fdfdfd;border: solid 1px #00b82e;}
.button-green-o:hover {background:#00ca30;color:white;}
.button-yellow-o {display: inline-block;font-size: 16px;line-height: 14px;border-radius: 3px;padding: 10px 21px;color: #d6ca58;white-space: nowrap;background-color: #fdfdfd;border: solid 1px #d6ca58;}
.button-yellow-o:hover {background:#fee500;color:white;}


/*결제*/
.pay_view td {font-size:unset !important;}
.pay_view td span {color:unset !important;margin-left:0 !important;}



@media (min-width: 501px) {
    div.jc_menu > ul.extend-container li {width:16.5% !important;}
}
@media (max-width: 500px) {
    .site-header { padding-top:0px !important;}
    div.jc_menu > ul.extend-container li {width:100% !important;margin-bottom:30px !important;}
    div.jc_menu  {width:100% !important;}
    .m_hide {display:none;}

    .jc_goods .filtering-t button { width:45%;text-align:left;}
    .jc_lecture .filtering-t button { width:45%;text-align:left;}
}