@charset "utf-8";

/* noto-sans-kr-300 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/noto-sans-kr-v12-latin_korean-300.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Light'), local('NotoSansKR-Light'),
       url('../fonts/noto-sans-kr-v12-latin_korean-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v12-latin_korean-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v12-latin_korean-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v12-latin_korean-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v12-latin_korean-300.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-regular - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-sans-kr-v12-latin_korean-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),
       url('../fonts/noto-sans-kr-v12-latin_korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v12-latin_korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v12-latin_korean-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v12-latin_korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v12-latin_korean-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-500 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/noto-sans-kr-v12-latin_korean-500.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Medium'), local('NotoSansKR-Medium'),
       url('../fonts/noto-sans-kr-v12-latin_korean-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v12-latin_korean-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v12-latin_korean-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v12-latin_korean-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v12-latin_korean-500.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-700 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/noto-sans-kr-v12-latin_korean-700.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Bold'), local('NotoSansKR-Bold'),
       url('../fonts/noto-sans-kr-v12-latin_korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v12-latin_korean-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v12-latin_korean-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v12-latin_korean-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v12-latin_korean-700.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}

body,textarea,input,select, button {color:#3f4047; font-family:'Noto Sans KR', sans-serif, Nanum Gothic,"나눔고딕",NanumGothic,"돋움",dotum,"굴림",Gulim; font-size:15px; font-weight:400; line-height:20px; ms-text-size-adjust:none; webkit-text-size-adjust:none; }
a {color:#3f4047; color:inherit; text-decoration:none; }
a:hover {color:#074691; text-decoration:none; }
a:focus, a:active {text-decoration:none; }
.warp_1100 {margin:0 auto; width:1100px; }
#header {height: 145px;}
#header .inner {height: 60px;}
#header .util_wrap {background:#fff; border-bottom:1px solid #e3e3e3; border-top:6px solid #074691; height:80px; width:100%; }
.util_wrap .af_log {font-size:15px; font-weight:500; }
.util_wrap .util_menu {margin-top:17px; }
.util_wrap .util_menu li a {color:#074691; display:block; font-size:15px; font-weight:500; line-height:40px; }
.util_wrap .util_menu .logo {float:left; }
.inner .menu_wrap {display:inline-block; float:none; margin-top:0px; width:100%; }
.menu_wrap #gnb.gnb {display:inline-block; width:100%; }
.menu_wrap #gnb li a {color:#1e1e1e; display:block; font-size:18px; font-weight:500; line-height:55px; margin:0 20px; }
.menu_wrap #gnb_mypage {display:inline-block; float:right !important; height:40px; margin-top:10px; }
.menu_wrap #gnb_mypage a {background:#2fa6f8 url(/common/images_skin2/common/icon_mypage.png) 18px 50% no-repeat; padding:0 0 0 45px !important; }
.menu_wrap #gnb_mypage a:hover {background:#074691 url('/common/images_skin2/common/icon_mypage.png') 18px 50% no-repeat; }
#footer, #footer .foot_menu {background:#3e4854; }
#footer .foot_menu {border-bottom:1px solid #4d5764; }
#footer .copy {margin:0 auto; overflow:hidden; padding:20px 0 20px 0; width:1100px; }
.foot_info {color:#b7b7b7; overflow:hidden; text-align:left; font-size: 13px; }
.foot_menu .foot_list {margin:0 auto; padding:15px 0; text-align:left; width:1100px; }
#wrap_classroom {background:#1A1617 url(/common/images_skin2/common/classroom_bg.jpg) no-repeat; padding:60px 0; text-align:center; width:100%; }
.main_wrap #contet_area {float: none; width: 100%; clear: both;padding: 0 0 30px 0;}
.main_wrap .left_area {float: none; width: 100%; padding:0 50px 0 0 }
.main_book .top_title {font-size:24px; font-weight:500; height:30px; line-height:30px; margin:0 0 15px 0; }


tbody th.tb_th {border-bottom: 1px solid #d8dfe6;}
.tb_box {border-top:0}
.tb_box.tb_list .button.small {padding:0 10px; }
.tb_title {border-bottom:1px solid #d1d1d1; font-size:18px; font-weight:700; line-height:22px; padding:35px 0 15px 0; }
.type_table thead th {background:#f6f7f9; border-bottom:4px solid #ebedf2; color:#3c3c3c; font-weight:700; padding:12px 0; }
.type_table tbody th {background-color:#f8f8f8; border-bottom:1px solid #ebedf2; color:#3c3c3c; font-weight:700; padding:12px 0 12px 12px; text-align:left; }
.type_table tbody td {border-bottom:1px solid #ebedf2; color:#3c3c3c; padding:12px 0 12px 12px; }
.type_table.type_inner {border-top:1px solid #ebedf2; }
.type_table.type_inner tbody td {border-bottom:1px solid #ebedf2; font-size: 16px; padding:15px 0; text-align:left; }
.type_table.type_inner tbody th {background-color:#ffffff; font-size: 16px; border-bottom:1px solid #ebedf2; padding:15px 0; text-align:left; }
.type_list thead th {background:#f6f7f9; border-bottom:4px solid #ebedf2; color:#3c3c3c; font-weight:700; padding:12px 0; white-space:nowrap; }
.type_list tbody tr:nth-child(odd) td, .type_list tbody tr:nth-child(odd) th {background-color:#fff; }
.tb_list tbody tr:nth-child(odd) td, .tb_list tbody tr:nth-child(odd) th {background-color:#fff; }
.type_read {border-top: 1px solid #d8dfe6}
.type_read thead td {padding:20px 0 }
.type_read thead td.subject {padding-left: 20px;}
.type_read thead td.view_info {padding-right: 20px;}
.type_read tbody td {border-bottom: 1px solid #d8dfe6}
.type_list tbody td {padding: 15px 0; }
.type_list tbody td.tal .subject a {color: #3f4047}
.read_page {border-top: 2px solid #d8dfe6; border-bottom: 2px solid #d8dfe6;}
.read_page td.first {border-bottom: 1px solid #d8dfe6;}

.course_infomation {border-bottom:1px solid #ebedf2; }
.course_infomation .info_img img {border:none; height:258px; margin-bottom:30px; width:370px; }
.course_infomation .info_btn {overflow:hidden; padding-top:0; }
.course_infomation .sns_btn {height:32px; }
.course_infomation .sns_btn li {display:none; }
.course_infomation .info_text {width: 690px;}
.course_gallery {width: 1115px}
.course_gallery li {border: 1px #d8dfe6 solid; width: 260px;}
.course_gallery li.nodata {width: 100%}
.course_gallery .cimg {position: relative;}
.course_gallery .cimg img {width: 260px;}
.course_gallery .ccont .ctext {height: auto;}
.course_gallery .ccont .cprice {border-top:0; font-size:15px; font-weight:500; margin:10px 0 20px; padding:0; text-align:right; }
.course_gallery .ccont .ctitle a {display:block; font-size:16px; font-weight:500; line-height:26px; margin:0 0 5px 0; overflow:hidden; text-overflow:ellipsis; white-space:normal; height: 50px; }
.course_gallery .ccont .cbtn .button.blue {width: 100%; padding: 3px 0}
.course_gallery .ccont .cbtn .button.black {width: 100%; padding: 3px 0}
.course_gallery .ccont .cbtn .button.orange {font-size: 15px; width: 100%; padding: 3px 0;background:#FA5F64; border:1px #FA5F64 solid; color:#fff !important;}
.course_gallery .ccont .cbtn .button.orange:hover {background:#A84043; border:1px #A84043 solid;}
.button.large {height: auto; font-weight: 400}
.button.medium {line-height: 30px; height: 32px;}
.button.small {line-height: 28px;}
.button.blue {background-color:#074691; border:1px #074691 solid; color:#fff;  }
.button.blue:hover {background-color:#3e4854; }
/*.button.blue.long {width:50px; }*/
.button.gray {background-color:#074691; border:1px solid #074691; color:#fff; }
.button.gray:hover {background-color:#3e4854; }
.button.red {background-color:#3e4854; border:1px solid #3e4854; color:#fff; }
.button.red:hover {background-color:#3e4854; }
.button.red.large, .button.black.large {font-weight:normal;}
.button.black {background-color:#fff; background-image:none; border:1px solid #f4516c; color:#f4516c; }
.button.black:hover {background-color:#fff; }
.button.btn_buy {background:#074691; border:1px #074691 solid; color:#fff !important; }
.button.btn_buy:hover {background:#3e4854; }
/*.button.btn_cart {display:none; }*/
.button.btn_study {padding:0 10px; }
.board.btn {margin-top:30px; overflow:hidden; text-align:center; }
.button.orange {font-size: 18px; padding: 10px 25px; background:#074691; border:1px #074691 solid; color:#fff !important; }
.button.orange:hover {background:#3e4854; }
/*.board.btn .button.blue {padding:8px 15px; }*/
.tab_cview {border-bottom:1px solid #ebedf2; display:inline-block; height:41px; margin-bottom:30px; width:100%; }
.tab_cview li a {background-color:#fff; border:none; border-bottom:: 1px solid #ebedf2; color:#3c3c3c; display:block; font-size:18px; font-weight:500; line-height:40px; text-align:center; z-index:4; }
.tab_cview li.on a {background-color:#fff; border:none; border-bottom:2px solid #074691; color:#074691; font-weight:500; height:40px; left:0; position:absolute; top:0; width:100%; z-index:5; }
.tab_tt li a {background-color:#fff; border:0; border-bottom:1px solid #ebedf2; color:#3c3c3c; display:block; font-size:18px; font-weight:700; line-height:40px; text-align:center; z-index:4; }
.tab_tt li.on a {background-color:#fff; border:none; border-bottom:2px solid #074691; color:#074691; font-weight:700; height:40px; left:0; position:absolute; top:0; width:100%; z-index:5; }
.left_area {background-color: #f6f7f9; border-bottom: 1px solid #dfdfdf; }
.content_body {padding-top: 0}
.content_title {font-size:32px; font-weight:500; line-height:45px; padding:20px 0; border-bottom: 2px solid #074691; margin-bottom: 30px; }

.main_infoBox {position: relative;}
.main_infoBox .sp_center {position: relative;left: 0; top: 0; display: inline-block; background:#f4f5f8; border:1px #e5e5e5 solid; float:right; height:221px; padding:20px; position:relative; width: 183px;}
.main_infoBox .sp_center .top_title {font-size:18px; font-weight:500; padding-bottom:13px; }
.main_infoBox .sp_center .mcs_text {background:none; padding:0; }
.main_infoBox .sp_center .mcs_text .mcs_tel {color:#074691; font-size:24px; font-weight:500; padding-bottom:10px; }
.main_infoBox .sp_center p {color:#666; font-size:15px; padding-bottom:30px; }
.main_infoBox .sp_center .top_title {font-size:18px; font-weight:500; text-align:left; }
.main_infoBox .sp_center .mcs_text {background:none; background-size:48px auto; padding:0; }
.main_infoBox .sp_center .mcs_text .mcs_tel {color:#2fa6f8; font-size:24px; font-weight:500; padding:15px 0; }

.left_area .lnb_title {display: none; background-color:#f2f3f8; border:1px solid #dfdfdf; color:#3f4047; font-size:24px; font-weight:500; height:85px; line-height:85px; text-align:center; }
.left_area .lnb_list {position: relative; width: 1100px; margin: 0 auto; margin-bottom:0px; border: 0;}
.left_area .lnb_list:after {content: ''; display: block; clear: both;}
.left_area .lnb_list li {float: left;border: 0}
.left_area .lnb_list li.on a {color:#074691; }
.left_area .lnb_list li a:hover {color:#074691;}
.left_area .lnb_list li a {display:block; font-size:15px; font-weight:400; line-height:25px; overflow:hidden; padding:15px 20px; text-overflow:ellipsis; white-space:normal; }
.left_area .lnb_list li.lnb_sub {background-color: #fff;padding-left: 20px; }
.left_area .lnb_list li.lnb_sub a {font-weight:normal; padding:10px 10px 10px 5px; }
.left_area .lnb_list li.lnb_sub a:hover {background: none;}
.left_area .lnb_list li.lnb_sub.on a {background: none;}
.left_area .lnb_list .lnb_sub_list {width: 100%; position: absolute; left: 0; top: 55px;z-index: 999; border:1px solid #d8dfe6; border-left: 0; border-right: 0}
.left_area .lnb_list .lnb_sub_list li {background-color: transparent;}

.left_area .lnb_sub_list:before {content: ''; position: absolute;top:-6px; left: 15%; right: -50%; bottom: auto; transform:translate(-50%, -50%); border-width: 0 12px 12px; border-style: solid; border-color: #BAC7D3 transparent; display: block; width: 0;}
.left_area .lnb_sub_list:after {content: ''; position: absolute; top:-5px; left: 15%; right: -50%; bottom: auto; transform:translate(-50%, -50%); border-width: 0 12px 12px; border-style: solid; border-color: #fff transparent; display: block; width: 0;}

.left_area .sp_center {display: none;}
.left_area .sp_center {background:#ffffff; border:1px #e5e5e5 solid; float:none; height:auto; padding:20px; position:relative; width: 178px;}
.left_area .sp_center .top_title {font-size:18px; font-weight:500; padding-bottom:13px; }
.left_area .sp_center .mcs_text {background:none; padding:0; }
.left_area .sp_center .mcs_text .mcs_tel {color:#074691; font-size:24px; font-weight:500; padding-bottom:10px; }
.left_area .sp_center p {color:#666; font-size:13px; padding-bottom:30px; }
.left_area_classroom .sp_center .top_title {font-size:18px; font-weight:500; text-align:left; }
.left_area_classroom .sp_center .mcs_text {background:none; background-size:48px auto; padding:0; }
.left_area_classroom .sp_center .mcs_text .mcs_tel {color:#074691; font-size:16px; font-weight:500; padding:10px 0; }
.page_box li .page_number_btn_on {background-color:#074691; border:none; color:#fff; font-weight:700; height:26px; line-height:26px; width:26px; }
.page_box li .page_number_btn:hover {background-color: #074691}
span.price {color:#074691;}
.label {border-radius:10px; display:inline-block; font-size:12px; font-weight:normal; height:20px; letter-spacing:-1px; line-height:20px; padding:1px 10px; vertical-align:1px; }
.type_chart {border-top: 1px solid #d8dfe6}
.type_chart .list_li .top_td span {margin-right:5px; }
.type_chart .list_li span {margin-left:0px; }
.classroom_out a:hover {color:#fff; }
.square_wrap .main_cs p {color:#666; font-size:13px; padding-bottom:30px; }
.square_wrap .main_cs .mcs_text {background:none; padding:0; }
.square_wrap .main_cs .mcs_text .mcs_tel {color:#074691; font-size:24px; font-weight:500; padding-bottom:10px; }
.square_wrap .main_board .mboard_more {margin: 14px 14px 0 0}
.horizontal_wrap .top_title {font-size:24px; font-weight:700; height:40px; line-height:40px; margin:0 0 15px 0; }
.horizontal_list span.list_price {color:#074691; display:block; font-size:18px; font-weight:500; text-align: right;}
/*.horizontal_list span.list_price:before {content: '수강료: ';}*/
.horizontal_list span.img_box {border: 1px solid #d8dfe6;}
.my_box {border:1px solid #e5e5e5; overflow:hidden; }
.my_box .my_note {border-left:1px solid #e5e5e5; float:left; padding:20px; position:relative; width:380px; }
.my_box .my_info .my_info_in {background:url(/common/images_skin2/common/myinfo_img.jpg) no-repeat 0 15px; border-top:1px solid #ebedf2; min-height:100px; padding:20px 0 0 100px; }
.my_box .my_note .my_note_in {border-top:1px solid #ebedf2; min-height:110px; padding:20px 0 0 0; }
.my_box .my_info .btn_more {position:absolute; right:20px; top:15px; }
.compbox {background:none; border-top:2px solid #676767; min-height:250px; padding-left:0; padding-top:20px; }
.sponsor_area {border-top:1px solid #d8dfe6; overflow:hidden; position:relative; text-align:center; }
.sponsor_area .sponsor_list {margin:0 auto; width:1100px; }
.sponsor_area .sponsor_list h3.eve_sponsorTitle {border-right:1px solid #d8dfe6; float:left; margin:15px 0; padding:0 30px 0 0; }
.sponsor_area .sponsor_list h3.eve_sponsorTitle em {display:inline-block; font-size:16px; font-weight:500; line-height:46px; text-align:center; }
.sponsor_area .sponsor_list li a {float:left; margin:15px 0 15px 40px; text-align:left; }
.sponsor_area .sponsor_list li:last-child {margin-right:0; }

/* add style : 200616 */
#header {background-color: #fff; border-bottom: 1px solid #074691}
/*#wrap {background-color:#F6F7F9; }*/
#container, #container.main {padding: 60px 0;position: relative;}
#container .horizontal_wrap {overflow: hidden;}
.main_top_wrap {position: relative;}
.main_visual {height:300px; background-color: #000049}
.main_visual .slides, .main_visual #slides {width: 100%}
#slides .slides_container, #slides .slides_container div, #slides .slides_container img {width: 1100px; margin: 0 auto; height: 300px;}
.square_wrap {width: 420px; position: relative; left: 0; top: 0; margin: 0}
.square_wrap.infobox_notice {margin-right: 15px;}
.square_wrap .main_board {width: 100%; margin: 0}
.square_wrap .main_board .mboard_cont {width: inherit; padding:15px 20px; height: 180px;}

.list_top li a {font-size: 15px;}
.square_wrap .main_board .mboard_title span a.active {background: #fff; color: inherit; border-bottom: 4px solid #30599d}
.square_wrap .main_board .mboard_title {background: #fff; height: 50px;}
.square_wrap .main_board .mboard_title span {width: auto;}
.square_wrap .main_board .mboard_title span a {color: #3f4047; width: inherit; padding: 0 20px; height: 46px;line-height: 50px;}
.sub_top {display: none;}

.horizontal_wrap .horizontal_list li {border: 0; margin: 0}
.horizontal_list span {text-align: left;}
.horizontal_list span.list_subject {font-size: 16px; height: 50px; line-height: 26px; padding: 0; margin: 0 0 15px 0;}

.foot_menu .foot_list li a {font-weight: 500}

.ico_videobtn {position: absolute; right: 12px; bottom: 10px; background:url(../images/ico_videobtn2.png) no-repeat; width: 48px; height: 48px;}
.path {position: absolute; left: 0; top: 0; display: none;}
.path_list {float: left;}
.path_list li, .path_list li.last {color:#888; font-size: 14px }

.ico_more {position: absolute; right: 0; top: 10px; line-height: 30px; vertical-align: middle;}
.ico_more span {color: #8e9ba9; font-size: 16px; display: inline-block; vertical-align: middle; margin-right: 8px}
.ico_more img {vertical-align: middle;}

.pay_total {border-top: 1px solid #d8dfe6; border-bottom: 2px solid #d8dfe6; background-color: #f4f5f8}

.coupon_box {height: 40px; background : #f4f5f8;}
.coupon_box .coupon_input {height: 40px;}
.passwd_box {border: 0}

.comment_wrap .comment_box .text_ip {border:1px solid #d8dfe6;}
.privacy h2, .clause h2 {font-size: 18px; font-weight: 500}
.privacy h3, .clause h3 {margin-top: 30px; font-weight: 500; color: #074691}
.privacy dt {font-weight: 400}
.faq_wrap {border-top: 0}
.faq dt {border-bottom: 1px solid #d8dfe6;}
.faq dd {background-color: #f4f5f8; border-bottom: 1px solid #d8dfe6;}
.faq_top li a {font-size: 15px;}
.faq_top li span {font-size: 15px; font-weight: 500}
.faq_top li .blue {background : #fff; color: #2fa6f8;}
/*.search_form .button.gray {line-height: 38px; font-size: 18px; height: auto;}*/
.search_form_wrap3 {background: #f4f5f8;}
.search_form_wrap3 .search_keyword {width: 400px !important}
.search_form span {margin: 0 !important}

.payment_comp div p.p2 {padding: 50px 10px}
.search_form_wrap2 .search_form, .search_form_wrap3 .search_form {padding-left: 350px;}

.cv .page_title {font-weight: 500; font-size: 24px; background: none; padding-left: 0; margin-bottom: 40px; color: #074691;}
.info_btn .button.btn_study {background:#FA5F64; border:1px #FA5F64 solid;}
.info_btn .button.btn_study:hover {background:#A84043; border:1px #A84043 solid;}
.find_box {border-top: 1px solid #dcdcdc}
.tab_tt {margin-bottom: 0}
.agreement_list {width: 340px;}
.agreement_list li {padding-left: 60px; background: url(/common/images/default/blt_join.jpg) no-repeat 25px 30%;}