/*css*/

#wrap {width:100%;height:100%;}
#header {width:100%;border-top:3px solid #c4c4c4;position:absolute;top:0;z-index:9999;border-bottom:1px solid #333;background:rgba(0,0,0,0.5);}

#main {width:100%;}
#footer {width:100%;padding:20px 0;border-top:1px solid #000;background:#333;}


/*header*/
#header_aside {background:rgba(0,0,0,0.5);}
#header_aside ul li {float:right;margin:5px;}
#header_aside ul li a {display:block;padding:5px;color:#fff;}
#header_menu h1 {float:left;margin:10px 0;}
#header_menu h1 a {display:block;width:156px;height:60px;}
#header_menu #header_nav {float:right;}
#header_menu #header_nav > ul > li {float:left;}
#header_menu #header_nav > ul > li > a {display:block;font-size:18px;line-height:60px;padding:10px 25px;font-weight:bold;color:#fff;}
#header_menu #header_nav > ul > li:hover {background:#00c3cf;}
#header_menu #header_nav > ul > li:hover .hn_sub {display:block;}
#header_menu #header_nav .hn_sub {display:none;position:relative;z-index:9999;}
#header_menu #header_nav .hn_sub ul {position:absolute;top:0px;left:-1px;right:-1px;min-width:100%;padding:10px 0;background:rgba(255,255,255,0.9);border:1px solid #333;}
#header_menu #header_nav .hn_sub ul li {font-size:14px;text-align:center;}
#header_menu #header_nav .hn_sub ul li a {display:block;padding:5px;}
#header_menu #header_nav .hn_bar {display:none;font-size:32px;line-height:60px;margin:10px 0px;}


/*mobile_gnb*/

#mobile_gnb {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.5);z-index:9;overflow-y: auto}
#mobile_gnb > div {float:right;width:200px;min-height:100%;padding:20px 0;background:rgba(0,0,0,0.6);}
#mobile_gnb .mobile_menu {position:relative;padding-top:50px;margin-top:40px;border-top:1px solid #111;background:#2e2f31;}
#mobile_gnb .mobile_menu .m_menu_tit {font-size:14px;line-height:50px;color:#fff;border-top:1px solid #111;padding:0 15px 0 20px;}
#mobile_gnb .mobile_menu .m_menu_tit:nth-child(11) {border-bottom:1px solid #111;}
#mobile_gnb .mobile_menu .m_menu_tit:hover {color:#79d2e7;}
#mobile_gnb .mobile_menu .m_menu_tit a {color:#fff;display:block;line-height:40px;padding:0 20px;}
#mobile_gnb .mobile_menu .m_menu_tit span {float:right;margin-right:5px;font-size:14px;}
#mobile_gnb .mobile_menu .m_menu_sub {display:none;background:#222224;}
#mobile_gnb .mobile_menu .m_menu_sub li {line-height:30px;border-bottom:1px solid #444;}
#mobile_gnb .mobile_menu .m_menu_sub li:last-child {border-bottom:0;}
#mobile_gnb .mobile_menu .m_menu_sub a {color:#fff;display:block;line-height:40px;padding:0 20px;}
#mobile_gnb .hn_home {position:absolute;top:13px;left:15px;font-size:14px;color:#bbb;}
#mobile_gnb .hn_home i {font-size:24px;color:#ccc;margin-right:5px;}
#mobile_gnb .hn_home:hover {color:#ccc;}
#mobile_gnb .hn_close {position:absolute;top:10px;right:10px;display:block;width:30px;height:30px;cursor:pointer;background:url(/img/close.png)}

/*main*/
/*main_slide*/
#main_slide .main_swiper {width:100%;height:600px;}
#main_slide .main_swiper .swiper-pagination-progressbar {top:auto;bottom:0;}
#main_slide .swiper-button-prev, #main_slide .swiper-container-rtl .swiper-button-next {left:20px;}
#main_slide .swiper-button-next, #main_slide .swiper-container-rtl .swiper-button-prev {right:20px;}
#main_slide .main_swiper .swiper-slide {position:relative;}
#main_slide .main_swiper .swiper-slide h3 {width:85%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;font-size:36px;font-weight:bold;line-height:1.5em;color:#fff;text-shadow:3px 3px 4px #222;}
#main_slide .main_swiper .m_slide01 {background:url(/theme/company_academy/img/m_slide01.jpg) center no-repeat;}
#main_slide .main_swiper .m_slide02 {background:url(/theme/company_academy/img/m_slide02.jpg) center no-repeat;}
#main_slide .main_swiper .m_slide03 {background:url(/theme/company_academy/img/m_slide03.jpg) center no-repeat;}
#main_slide .main_swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#00c3cf;}

/*main_content*/
#main_cont_top {background:#f2f2f2;}
#main_cont_top .row > div {height:40px;position:relative;}
#main_cont_top .mc_notice {background:#444;}
#main_cont_top .mc_notice h3 {float:left;}
#main_cont_top .mc_notice ul {float:left;margin-left:20px;}
#main_cont_top .mc_notice ul li a {display:block;color:#eee;line-height:40px;}
#main_cont_top .mc_right {background:#43d7e0;}
#main_cont_top .mc_right h3 a {display:block;color:#fff;}
#main_cont_top .mc_right h3 a:hover {color:#fff;}
#main_cont_top h3 {line-height:40px;font-size:16px;color:#fff;}
#main_cont_top a.more_btn {position:absolute;top:8px;right:10px;display:block;width:24px;line-height:22px;font-size:16px;text-align:center;border:1px solid #fff;border-radius:100%;color:#fff;}

#main_cont_middle {}
#main_cont_middle .mc_mtitle {text-align:center;}
#main_cont_middle .mc_mtitle h3 {font-size:34px;margin-bottom:20px;}
#main_cont_middle .mc_mtitle p {font-size:16px;}
#main_cont_middle .mc_popular {padding:80px 0;}
#main_cont_middle .mc_popular h3:after {content:"";position:relative;display:block;width:60px;height:2px;margin:20px auto 0;background:#00c3cf;}
#main_cont_middle .mc_popular .row {margin:40px 0;}
#main_cont_middle .mc_popular dl dt {font-size:24px;line-height:40px;margin-left:60px;margin-bottom:20px;position:relative;}
#main_cont_middle .mc_popular dl dt span {position:absolute;top:5px;left:-50px;display:inline-block;width:40px;line-height:40px;background:#00c3cf;color:#fff;border-radius:40px;text-align:center;margin-right:10px;}
#main_cont_middle .mc_popular dl dt span i {font-size:26px;}
#main_cont_middle .mc_popular dl dd {font-size:16px;line-height:32px;position:relative;margin-left:40px;}
#main_cont_middle .mc_popular dl dd:before {content:"";display:block;width:2px;height:2px;background:#c4c4c4;position:absolute;top:14px;left:-10px;}
#main_cont_middle .mc_popular .mc_btn {width:100%;text-align:center;}
#main_cont_middle .mc_popular .mc_btn a {font-size:16px;display:inline-block;color:#00c3cf;border:1px solid #00c3cf;border-radius:100px;padding:10px 15px;
-webkit-transition: .2s ease-out;
-o-transform: .2s ease-out;
-moz-transform: .2s ease-out;
transition: .2s ease-out;}
#main_cont_middle .mc_popular .mc_btn a:hover {background:#00c3cf;color:#fff;}

/*
#main_cont_middle .mc_class .row > div {background:#00c3cf;position:relative;}
#main_cont_middle .mc_class a {display:block;height:280px;}
#main_cont_middle .mc_class a div {position:absolute;padding-top:20px;z-index:1;}
#main_cont_middle .mc_class a:hover {text-align:center;}
#main_cont_middle .mc_class a:hover img {opacity:0.1;}
#main_cont_middle .mc_class a:hover .tit {font-weight:bold;}
#main_cont_middle .mc_class a:hover .tit:before {display:none;}
#main_cont_middle .mc_class a:hover .txt {display:block;}
#main_cont_middle .mc_class .tit {font-size:18px;color:#fff;}
#main_cont_middle .mc_class .tit:before {content:"";position:relative;display:block;width:40px;height:2px;margin-bottom:10px;background:#fff;}
#main_cont_middle .mc_class .txt {display:none;color:#fff;margin-top:20px;}
*/

#main_cont_middle .mc_class .row > div {background:#00c3cf;position:relative;}
#main_cont_middle .mc_class .row > div:before {content:"";display:block;padding-top:100%;}
#main_cont_middle .mc_class .row .mc_class01 {background:url(/theme/company_academy/img/class01.jpg) center;background-size:cover;}
#main_cont_middle .mc_class .row .mc_class02 {background:url(/theme/company_academy/img/class02.jpg) center;background-size:cover;}
#main_cont_middle .mc_class .row .mc_class03 {background:url(/theme/company_academy/img/class03.jpg) center;background-size:cover;}
#main_cont_middle .mc_class .row .mc_class04 {background:url(/theme/company_academy/img/class04.jpg) center;background-size:cover;}
#main_cont_middle .mc_class .row .mc_class05 {background:url(/theme/company_academy/img/class05.jpg) center;background-size:cover;}
#main_cont_middle .mc_class .row .mc_class06 {background:url(/theme/company_academy/img/class06.jpg) center;background-size:cover;}
#main_cont_middle .mc_class a {display:block;position:absolute;top:0;bottom:0;left:0;right:0;}
#main_cont_middle .mc_class a div {display:table;width:100%;height:100%;}
#main_cont_middle .mc_class a div .text {color:#fff;
-webkit-transition: .2s ease-out;
-o-transform: .2s ease-out;
-moz-transform: .2s ease-out;
transition: .2s ease-out;}
#main_cont_middle .mc_class a div .text:hover {display:table-cell;text-align:center;vertical-align:middle;padding:0;background:rgba(0,195,206,0.8);}
#main_cont_middle .mc_class a div .text:hover .tit {margin:0;}
#main_cont_middle .mc_class a div .text:hover .tit:before {display:none;}
#main_cont_middle .mc_class a div .text:hover .txt {display:block;}
#main_cont_middle .mc_class a div .text i {font-size:48px;margin-bottom:20px;}
#main_cont_middle .mc_class a div .text .tit {font-size:18px;font-weight:bold;margin-left:20px;margin-top:20px;}
#main_cont_middle .mc_class a div .text .tit:before {content:"";position:relative;display:block;width:40px;height:2px;margin-bottom:10px;background:#fff;}
#main_cont_middle .mc_class a div .text .txt {display:none;width:80%;margin:20px auto 0;font-size:14px;word-break:keep-all;word-wrap:break-word;}


#main_flow_slide {margin-top:160px;margin-bottom:160px;}
#main_flow_slide h3 {font-weight:bold;text-align:center;margin-bottom:40px;}
#main_flow_slide .swiper-slide a {display:block;height:60px;padding:10px;border:1px solid #c4c4c4;text-align:center;}
#main_flow_slide .swiper-slide a img {max-width:100%;max-height:100%;}

#main_cont_bot {margin:20px auto 0;}
#main_cont_bot .mc_info .row > div {background:#00c3cf;position:relative;}
#main_cont_bot .mc_info .row > div:before {content:"";display:block;padding-top:100%;}
#main_cont_bot .mc_info .row .mc_info01 {background:url(/theme/company_academy/img/info01.jpg) center;background-size:cover;}
#main_cont_bot .mc_info .row .mc_info02 {background:url(/theme/company_academy/img/info02.jpg) center;background-size:cover;}
#main_cont_bot .mc_info .row .mc_info03 {background:url(/theme/company_academy/img/info03.jpg) center;background-size:cover;}
#main_cont_bot .mc_info .row .mc_info04 {background:url(/theme/company_academy/img/info04.jpg) center;background-size:cover;}
#main_cont_bot .mc_info a {display:block;position:absolute;top:0;bottom:0;left:0;right:0;}
#main_cont_bot .mc_info a div {display:table;width:100%;height:100%;}
#main_cont_bot .mc_info a div .text {display:table-cell;text-align:center;vertical-align:middle;color:#fff;
-webkit-transition: .2s ease-out;
-o-transform: .2s ease-out;
-moz-transform: .2s ease-out;
transition: .2s ease-out;}
#main_cont_bot .mc_info a div .text:hover {background:rgba(0,195,206,0.8);}
#main_cont_bot .mc_info a div .text:hover span {display:block;}
#main_cont_bot .mc_info a div .text i {font-size:48px;margin-bottom:20px;}
#main_cont_bot .mc_info a div .text p {font-size:18px;font-weight:bold;}
#main_cont_bot .mc_info a div .text p:before {content:"";position:relative;display:block;width:40px;height:2px;margin-bottom:10px;margin:0 auto 20px;background:#fff;}
#main_cont_bot .mc_info a div .text span {display:none;width:80%;margin:20px auto 0;padding-top:20px;border-top:1px solid #fff;}

/*cont_title*/
#main_content .mc_title {position:relative;padding:20px 0;font-size:20px;font-weight:bold;}
#main_content .mc_title:after {content: '';position:absolute;left:5%;top:0;margin-left:-15px;width:70px;height:1px;background:#00c3cf;}
#main_content .mc_title span {color:#00c3cf;}

/*cont_board*/
#main_content .mc_board ul li {border-bottom:1px solid #bbb;position:relative;padding-left:20px;}
#main_content .mc_board ul li:last-child {border-bottom:0;}
#main_content .mc_board ul li a {display:block;line-height:26px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#main_content .mc_board ul li a:hover {color:#00c3cf}
#main_content .mc_board ul li a:after {position:absolute;content: '';left:10px;top:13px;width:3px;height:3px;background:#00c3cf;}

/*cont_cs*/
#main_content .mc_cs {text-align:center;}
#main_content .mc_cs li {margin:5px 0;}
#main_content .mc_cs li:nth-child(1) {font-size:26px;font-weight:bold;}
#main_content .mc_cs li:nth-child(2) {font-size:18px;color:#666;font-weight:bold;}
#main_content .mc_cs li:nth-child(3) {font-size:14px;}

/*cont_contact*/
#main_content .mc_contact_form {position:relative;}
#main_content .mc_contact_form h3 {font-size:16px;color:#666;margin-bottom:10px;}
#main_content .mc_contact_form li {margin-bottom:5px;}
#main_content .mc_contact_form li input[type="text"] {width:100%;border:1px solid #c4c4c4;padding:4px 5px;}
#main_content .mc_contact_form li textarea {width:100%;border:1px solid #c4c4c4;padding:4px 5px;}
#main_content .mc_contact_form li label {letter-spacing:-1px;}
#main_content .mc_contact_form li label input {margin-right:5px;}
#main_content .mc_contact_form li:last-child {line-height:24px;margin-bottom:0;}
#main_content .mc_contact_form li:last-child a {display:inline-block;line-height:19px;}
#main_content .mc_contact_form li:last-child input[type="submit"] {border:0;background:#00c3cf;color:#fff;border-radius:4px;padding:2px 5px;float:right;}
#main_content .mc_contact_form .mc_contact_more {position:absolute;top:20px;right:20px;color:#666;cursor:pointer;}
#main_content .mc_contact_form .mc_contact_terms {display:none;position:absolute;top:42px;left:15px;right:15px;}
#main_content .mc_contact_form .mc_contact_terms textarea {width:100%;height:116px;padding:10px;overflow-y:scroll;resize:none}

/*footer*/
#footer_logo h2 {height:60px;}
#footer_content {padding:0 40px;}
#footer_nav {margin-bottom:20px;}
#footer_nav li {display:inline-block;margin-right:10px;}
#footer_nav li a {color:#fff;}
#footer_nav li a:hover {color:#00c3cf;}
#footer_nav li span.bar {margin-left:10px}
#footer_nav li:last-child {margin-right:0;}
#footer_address li {color:#888;line-height:26px;word-break:keep-all;word-wrap:break-word;}


/*sub_title*/
#sub_title {height:273px;padding-top:123px;background:url(/theme/company_academy/img/m_slide02.jpg) center no-repeat;}
#sub_title h3 {font-size:26px;font-weight:bold;padding-top:30px;text-shadow:1px 1px 1px rgba(255,255,255,1);}
#sub_title h3 span {color:#00c3cf;}
#sub_title h3 p {color:#333;font-size:40px;margin-top:10px;}

/*sub_nav*/
#sub_nav {border-top:1px solid #c4c4c4;border-bottom:1px solid #c4c4c4;}
.sub_nav_wrap {border-left:1px solid #c4c4c4;padding:0;}
.sub_nav_wrap > div {float:left;border-right:1px solid #c4c4c4;padding:5px 25px 0 25px;font-size:14px;line-height:40px;}
#sub_nav .sn_home {padding:0;}
#sub_nav .sn_home a {display:block;font-size:18px;color:#555;padding:5px 15px 0 15px;}
#sub_nav .sn_nav01 {font-weight:bold;}
#sub_nav .sn_nav02 {position:relative;cursor:pointer;color:#00c3cf;}
#sub_nav .sn_nav02 i {font-size:18px;vertical-align:middle;}
#sub_nav .sn_nav02 span {margin-left:5px;}
#sub_nav .sn_nav02 span.sn_nav_up {display:none;}
#sub_nav .sn_nav02 .sn_sub {display:none;position:absolute;left:-1px;right:-1px;background:#fff;border:1px solid #c4c4c4;z-index:9999;}
#sub_nav .sn_nav02 .sn_sub li {border-bottom:1px solid #c4c4c4;}
#sub_nav .sn_nav02 .sn_sub li:last-child {border-bottom:0;}
#sub_nav .sn_nav02 .sn_sub li.on a {color:#00c3cf;}
#sub_nav .sn_nav02 .sn_sub li a {font-size:12px;padding:5px 0 5px 10px;}

/*sub_content_title*/
#sub_content_title {position:relative;padding:20px 15px 40px;margin-top:40px;margin-bottom:40px;border-bottom:1px solid #c4c4c4;}
#sub_content_title:after {content: '';position:absolute;left:15px;top:10px;width:40px;height:2px;background:#00c3cf;}
#sub_content_title h2 {font-size:32px;font-weight:bold;}
#sub_content_title span {font-weight:normal;font-size:20px;padding-left:10px;}

/*sub_content*/
#sub_content {margin:40px 0;}

/*sub_company01*/
#sub_company01 img {width:100%;height:100%;}
#sub_company01 > div {margin-bottom:40px;}
#sub_company01 > div:last-child {margin-bottom:0;}
#sub_company01 dl, #sub_company01 ul {padding:20px;}
#sub_company01 dl dt {font-size:20px;line-height:2em;}
#sub_company01 dl dd, #sub_company01 ul li {font-size:14px;line-height:2em;word-break:keep-all;word-wrap:break-word;}

/*sub_company02*/
#sub_company02 .history {padding:20px;}
#sub_company02 .history > div {margin-bottom:20px;}
#sub_company02 .history .history_title {background:#00c3cf;padding:10px 20px;cursor:pointer;font-size:20px;color:#eee;margin-bottom:10px;border:0;}
#sub_company02 .history .history_title span {margin-right:10px;}
#sub_company02 .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {color:#fff!important;}
#sub_company02 .history .history_cont {background:#f3f3f3;padding:20px;}
#sub_company02 .history .history_cont p {font-size:14px;line-height:2em;}

/*sub_company03*/
#sub_company03 #map {height:450px;margin-bottom:20px;}
#sub_company03 p {font-size:14px;line-height:2em;word-break:keep-all;word-wrap:break-word;}

/*sub_business01*/
#sub_business01 img {width:100%;}
#sub_business01 h3 {margin-top:20px;font-size:18px;line-height:2em;}
#sub_business01 dl {margin-top:20px;}
#sub_business01 dl dt {font-size:18px;line-height:2em;margin-bottom:20px;}
#sub_business01 dl dd {font-size:14px;line-height:2em;}

/*sub_product01*/
#sub_product01 > div {margin-bottom:40px;padding:40px 0;border-bottom:1px solid #c4c4c4;}
#sub_product01 > div:last-child {margin-bottom:0;border-bottom:0;}
#sub_product01 img {width:100%;}
#sub_product01 h3 {margin:20px 0;}
#sub_product01 p {font-size:14px;line-height:2em;margin:20px 0;}
.product_slide {height:500px;}

/*sub_admission*/
#sub_admission {margin-bottom:40px;}
#sub_admission .row > div {padding:10px;}
#sub_admission .sa_list {padding:20px 0;border:10px solid #f2f2f2;border-radius:300px;}
#sub_admission .sa_list .icon {float:left;width:20%;text-align:center;color:#e9e9e9;}
#sub_admission .sa_list .icon i {font-size:40px;}
#sub_admission .sa_list .text {float:left;width:80%;line-height:40px;}
#sub_admission .sa_list .text .tit {font-size:20px;width:200px;display:inline-block;}
#sub_admission .sa_list .text .txt {color:#666;word-break:keep-all;word-wrap:break-word;}

/*lesson*/
span.ready {color:#ff8043;}
span.open {color:#5ba4e6;}
#lesson_img {margin-bottom:20px;text-align:center;}
#lesson_img img {width:100%;vertical-align:middle;}
#lesson_title {padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #c4c4c4;}
#lesson_title h3 {margin-bottom:10px;}
#lesson_info {font-size:16px;color:#666;}
#lesson_tbl {width:100%;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #c4c4c4;}
#lesson_tbl th, #lesson_tbl td {padding:8px 10px;}

/*sub_board*/
/*common*/
#sub_board {min-height:250px;}
#sub_board_title {margin-bottom:40px;border-bottom:1px dashed #c4c4c4;}
#sub_board_title h3 {background:#00c3cf;color:#fff;font-size:18px;padding:15px 20px;font-weight:bold;text-shadow: 1px 1px 1px rgba(0,0,0,1);}
#sub_board_info {background:#f3f3f3;padding:10px;text-align:right;color:#666;}
#sub_board_info strong {margin-right:10px;}
#sub_board_info strong:last-child {margin-right:0;}

.page_url {padding:5px 0;text-align:right;}
.page_url a {display:inline-block;margin-left:10px;background:#00c3cf;color:#fff;border-radius:4px;padding:2px 4px;}

#sub_board_content {min-height:200px;margin-bottom:40px;}

.board_btn_center {margin:0 0 40px;text-align:center;position:relative;}
.board_btn_center a {display:inline-block;padding:5px 10px;margin:0 2px;background:#888;color:#fff;border-radius:5px;}
.board_btn_center a:hover {background:#666;}

.sub_board_btn_admin {position:absolute;top:0;left:0;}
.sub_board_btn_admin li {float:left;margin-right:10px;}
.sub_board_btn_admin li a, .sub_board_btn_admin li input {display:block;padding:5px 10px;background:#778899;color:#fff;border:0;}
.sub_board_btn_user {position:absolute;top:0;right:0;}
.sub_board_btn_user li {float:left;}
.sub_board_btn_user li a {display:inline-block;padding:5px 10px;background:#f08080;color:#fff;border:0;}

#sub_board_page {text-align:center;}
#sub_board_page nav a {padding:5px 8px;background:#778899;color:#fff;}
#sub_board_page nav .pg_current {padding:5px 8px;background:#fff;color:#778899;border:1px solid #778899;}

#sub_board_search {margin:20px auto 40px;text-align:center;}
#sub_board_search select {height:28px;}
#sub_board_search input[type="text"] {padding:2px 5px;height:28px;border:1px solid #c4c4c4;}
#sub_board_search input[type="submit"] {height:28px;padding:0 10px;background:#00c3cf;color:#fff;border:0;}

.empty_list {text-align:center;line-height:100px;}

/*common_comment*/
#sub_board_comment {border-top:1px solid #c4c4c4;}
#board_comment_list {margin-bottom:20px;position:relative;}
#board_comment_list .empty_list {background:#f8f8f8;}
#board_comment_list h3 {margin-bottom:10px;position:relative;}
#board_comment_list h3 b {font-size:14px;color:#00c3cf;}
#board_comment_list .date {font-size:12px;color:#666;}
#board_comment_list .comment_reply {position:absolute;left:-20px;}
#board_comment_list .comment_l {padding-bottom:20px;border-bottom:1px solid #c4c4c4;}
#board_comment_list .comment_edit {margin-top:20px;}
#board_comment_list .comment_btn {margin-top:20px;}
#board_comment_list .comment_btn li {float:left;margin-right:5px;}
#board_comment_list .comment_btn li:last-child {margin-right:0;}
#board_comment_list .comment_btn li a {color:#888;}
#board_comment_write {margin-bottom:20px}
#board_comment_w {border:1px solid #c4c4c4;}
#board_comment_w .comment_top {padding:10px 20px;background:#fff;}
#board_comment_w .comment_top label input {margin-right:5px;}
#board_comment_w .comment_top .name {float:right;font-weight:bold;color:#00c3cf;}
#board_comment_w .comment_write textarea {float:left;width:90%;border:0;border-top:1px solid #c4c4c4;padding:4px 20px;}
#board_comment_w .comment_write input[type="submit"] {float:right;display:block;width:10%;height:85px;background:#00c3cf;color:#fff;border:0;}
#board_comment_w .comment_write input[type="submit"]:hover {opacity:0.7;}

/*gallery*/
#sub_cate {border:2px solid #00c3cf;border-radius:4px;padding:20px;margin-bottom:20px;}
#sub_cate ul li {float:left;;margin-right:20px;}
#sub_cate ul li:last-child {margin-right:0;}
#sub_cate ul li a {display:block;font-size:14px;}
#sub_cate ul li #bo_cate_on {font-weight:bold;color:#00c3cf;}

#sub_gallery_content .gall_list {margin-bottom:20px;}
#sub_gallery_content .gall_list .gall_img {text-align:center;}
#sub_gallery_content .gall_list .gall_img a {display:block;}
#sub_gallery_content .gall_list .gall_img a img {width:100%;}
#sub_gallery_content .gall_list .gall_img span {display:block;line-height:80px;}
#sub_gallery_content .gall_list .gall_text {padding:20px 0;}
#sub_gallery_content .gall_list .gall_text a {font-size:14px;}
#sub_gallery_content .gall_list .gall_text b {font-size:16px;margin:0 5px;}

/*board_product*/
#sub_board_inpage {margin-bottom:20px;}
#board_inpage_img {text-align:center;margin-bottom:20px;}
#board_inpage_img img {max-width:400px;max-height:400px;}
#board_inpage_text {background:#f3f3f3;padding:20px;}
#board_inpage_text h3 {padding-bottom:10px;margin-bottom:20px;border-bottom:1px solid #333;}
#board_inpage_text p {line-height:2em;word-break:keep-all;word-wrap:break-word;}

#board_product_info {margin:20px 0;}
#board_product_info .product_price {border:4px solid #c4c4c4;text-align:center;padding:10px;font-size:16px;}
#board_product_info .product_link {border:1px solid #c4c4c4;padding:20px 20px 40px;margin:20px 0;}
#board_product_info .product_link p {margin-bottom:20px;}

#board_inpage_thumb li {float:left;width:25%;padding:20px;cursor:pointer;}
#board_inpage_thumb li:hover {opacity:0.8;}
#board_inpage_thumb li img {width:100%;}

/*faq*/

#sub_faq {position:relative;}
.faq_admin {position:absolute;top:-80px;right:0;}
.faq_admin a {display:block;padding:5px 10px;background:#778899;color:#fff;border:0;}

#faq_con {min-height:200px;margin:40px 0;}
#faq_con li {position:relative;}
#faq_con li h3 {margin-bottom:20px;background:#f8f8f8;padding:20px 10px 20px 40px;position:relative;}
#faq_con li h3 span.faq_q {position:absolute;top:15px;left:10px;color:#00c3cf;}
#faq_con li h3 a p {float:left;line-height:24px;font-size:16px;}
#faq_con li h3 a {display:inline-block;}
#faq_con li .con_inner {display:none;margin-bottom:40px;}
#faq_con li .con_inner span.faq_a {font-size:24px;font-weight:bold;color:#ff8043;}
#faq_con li .con_inner a {color:#00c3cf!important;}
#faq_con li .con_inner a:hover {color:#ff8043!important;}
#faq_con li .con_closer {text-align:center;margin-top:20px;}
#faq_con li .con_closer button {display:inline-block;padding:5px 10px;background:#778899;color:#fff;border:0;}
#faq_con li .sch_word {color:#ff8043;background:yellow;padding:0 2px;}




/*@media screen*/

@media screen and (max-width: 1024px) {
.ctt_admin {right:20px;}

#main_cont_bot {padding:0;}

}

@media screen and (max-width: 768px) {

/*header*/
#header_menu #header_nav > ul > li > a {padding:10px 10px;}

/*main*/
#main {margin-top:39px;}

#main_slide {width:100%;padding:0;margin:0 0 40px;}
#main_slide .row {margin:0;}
#main_slide .row > div {padding:0;}
#main_slide .side_swiper {height:190px;margin-top:10px;}
#main_slide .main_swiper {height:340px;}
#main_slide .main_swiper .swiper-slide h3 {font-size:24px;}

#main_cont_top {display:none;}
#main_cont_bot .mc_bot_cont {margin-bottom:40px;}

#footer {text-align:center;}

/*sub*/
#sub_company01 > div:nth-child(2) {margin-bottom:0;}
#sub_company02 .sub_company02_img {display:none;}

#sub_product01 > div:nth-child(2) {margin-bottom:0;}

/*sub_admission*/
#sub_admission .sa_list {border-radius:15px;}
#sub_admission .sa_list .icon {display:none;}
#sub_admission .sa_list .text {width:100%;padding:0 5%;}

}

@media screen and (max-width: 640px) {

/*header*/
#header {height:123px!important;position:unset;}
#header_menu #header_nav > ul > li {display:none;}
#header_menu #header_nav .hn_bar {display:block;}
#header_aside {background:#333;}

/*main*/
#main {margin-top:0;}

#main_slide .main_swiper {height:180px;}
#main_slide .main_swiper .swiper-slide h3 {font-size:16px;}
#main_slide .swiper-button-prev, #main_slide .swiper-container-rtl .swiper-button-next {display:none;}
#main_slide .swiper-button-next, #main_slide .swiper-container-rtl .swiper-button-prev {display:none;}

/*sub*/
#sub_title h3 {font-size:22px;}
#sub_title h3 p {font-size:36px;}

#sub_content_title h2 {font-size:28px;}
#sub_content_title span {font-size:15px;}

#sub_admission .sa_list .text .tit {width:100%;}

.table_wrap table td input[type="text"], .table_wrap table td input[type="password"], .table_wrap table td textarea {width:100%!important;}

#captcha {height:140px;padding:80px 0 0 0;}
#captcha_img {top:0;}
#captcha_key {min-width:150px;}

#board_comment_w .comment_write textarea {width:80%;}
#board_comment_w .comment_write input[type="submit"] {width:20%;}

#find_info_wrap #captcha {text-align:center;}
#find_info_wrap #captcha_img {left:30%;}
#find_info_wrap #captcha_reload {display:inline-block;margin:7px 10px 0 0;}

#sub_board_search input[type="text"] {width:50%;}

#sub_cate {padding:10px;}
#sub_cate ul li {float:left;width:50%;margin:10px 0;word-break:keep-all;word-wrap:break-word;}

}

@media screen and (max-width: 320px) {

/*sub*/
#sub_cate ul li {text-align:center;}

}