.flipbook-page-htmlContent {transform: scale(2) translateZ(0px) !important;}
.flipbook-carousel-page-inner {width:auto !important;}
.flipbook-carousel-page {background: #fff !important;}
/*.flipbook-textLayer {left: -51px !important; top: -68px !important;}*/
/*.flipbook-carousel-page {transform: scale(1.16) !important;}*/

#intro_image {background: #000;}

.find_box select {margin:0px;height: 40px;width: 97%;border-radius: 5px; border: 1px solid #e9ecef; padding:0px !important;}
.find_box .chosen-container-single .chosen-single {height: 40px !important; line-height:40px !important; box-sizing:border-box;}
.find_box .chosen-container-single .chosen-single div b {background-position: 0px 10px;}
.find_box .chosen-container {width:100% !important;}
.find_box .chosen-container-active.chosen-with-drop .chosen-single div b {background-position: -18px 10px;}
.find_box .chosen-container-active.chosen-with-drop .chosen-single span {color:#000;}


_:-ms-fullscreen, :root .flipbook-arrow-wrapper span {margin-right: 10px !important; margin-left: 10px !important; width:45px !important;}
_:-ms-fullscreen, :root .flipbook-menu span {width:34px !important;}

.find_box > ul > li:nth-child(2n+1) {margin-right: 15px;}

.flipbook-arrow-wrapper span {margin-right: 10px !important; margin-left: 10px !important;}
/*.flipbook-carousel-slide canvas {transform: scale(1.16) !important;}*/

.detail_info .ad > img {
    height: 410px;
}


.modal-wrapper.open .head {
position: absolute;
top: 0px;
right: 0px;
z-index: 999;
}

.modal-wrapper.open .main_cb {
    margin: 15px 0 65px 15px;
}

.modal-wrapper.open .detail_view_link {
position: absolute;
width: 100%;
bottom: 0px;
left: 0px;
}
.modal-wrapper.open .content {overflow: unset; margin-bottom: unset;}
.modal-wrapper.open .video-js {
    height:50vw;
	width: 100%;
}
.modal-wrapper.open .vdo_0_0_106-dimensions {
    height:50vw;
}
.modal-wrapper.open #lb_view_img {height: 50vw !important; width: 100%;}

.modal-wrapper.open .content #lb_title {padding: 10px; font-size: 5vw;}

.modal-wrapper.open .content span {padding:0 10px;}

.modal-wrapper.open .content .main_r_cb ul li {
    float: left;
    margin-left: 2vw;
}

.visual_div {position: relative;}

.owl-theme .owl-nav.disabled + .owl-dots {
	position: relative;
	bottom: 30px;
	margin: 0 auto;
}
.detail_info .video-js {height: 410px !important; width:100% !important;}


@media all and (min-width:1100px) and (max-width:1300px) {
	.ctitle_txt { font-size: 1.2vw !important;}
}

@media all and (max-width:1099px) {
	.detail_info .video-js {height: 304px !important;}
	.detail_info .ad > img {height: 304px !important;}
}
@media all and (min-width:360px) and (max-width:767px) {
	.detail_info .video-js {height: 47.8vw !important;}
	.detail_info .ad > img {height: 47.8vw !important;}
	.detail_info{
	position: fixed;
    top: 10%;
	}
	.vh2_layinfo {
	overflow-y: scroll;
	height: 67vh;
	}
}
.vs_vdo-dimensions {width: 100%;}

.video_link_box {position: absolute; height: 190px; width: 100%; /*background: rgba(255, 0, 0, 0.3);*/ z-index: 9;}
.main_cata_box .video-js {/* height: 10vw; */ height: 190px; width: 100%;}
.main_cata_box .vdo-dimensions {
    width: 100%;
	/* height: 10vw; */
	height: 190px;
}

@media all and (max-width:1099px) {
	.video_link_box {height: 15vw;}
	.main_cata_box .video-js {height: 15vw;}
	.main_cata_box .vdo-dimensions {
	height: 15vw;
	}
	.main_cata_box > img {
	height: 15vw !important;
	}
}

.video-js .vjs-tech {
    transform: translateX(-50%);
    left: 50% !important;
}
.main_cata_box .video-js .vjs-tech {width: unset;}






#footer p br {display:none;}

.icon_area li a {
font-size:13px;
color:#000;
}
/*
.icon_area li:nth-child(2) {
border-right: 1px solid #ddd;
padding-right: 14px;
}
*/

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
.item_body {
	display: none;
	background: #fff;
	position: absolute;
	animation: fadein 0.5s;
	-moz-animation: fadein 0.5s;
	-webkit-animation: fadein 0.5s;
	-o-animation: fadein 0.5s;
	z-index: 999;
	width: 330px;
	max-height: 380px;
	top: -30px;
	left: -30px;
	border: 1px solid #d5dbde;
	box-sizing: border-box;
	border-radius: 15px;
	overflow-x: hidden;
	overflow-y: hidden;
}


.item_body_new {
	display: none;
	background: #fff;
	position: fixed;
	animation: fadein 0.5s;
	-moz-animation: fadein 0.5s;
	-webkit-animation: fadein 0.5s;
	-o-animation: fadein 0.5s;
	z-index:10;
	width:338px;
	max-height: 40vw;
	transform: translate(0%, -40%);
	border: 1px solid #d5dbde;
	box-sizing: border-box;
	border-radius: 15px;
	overflow-x: hidden;
	overflow-y: hidden;
}

.main_cata_box > p {
    font-size: 16px;
    color: #343434;
    margin: 10px 10px;
    height: 50px;
}
.main_cata_box > span {
font-size: 13px;
color: #343434;
margin: 10px 10px;
display:flex;
align-items:center;
gap:5px;
}
.main_cata_box > img {
/* height: 10vw; */
height: 190px;
}
.main_cb {
margin: 15px 0 15px 15px;
overflow: hidden;
}
.main_lc_ul {
float:left;
display:flex;
}
.main_lc_ul li {
display: inline-block;
font-size: 13px;
display:flex;
gap:5px;
align-items:center;
margin-right: 0.5vw;
}
.main_lc_ul img {
display: inline-block;
}
.main_lc_ul p {
display: inline-block;
font-size: 13px;
}

.main_rc_ul {
float:right;
padding-right:15px;
}

.main_r_cb ul li {
float: left;
margin-left: 0.7vw;
}
.detail_view_link img {vertical-align: top;}
.detail_view_link a {
background: #00afc8;
display: block;
text-align: center;
padding: 12px;
font-size: 16px;
color: #fff;
font-weight: 500;
display:flex;
align-items:center;
justify-content:center;
gap:5px;
}


.hans_vdo_view {height:550px;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.hans_vdo_view {height:550px;}
}

/*
.hans_vdo_view {height:26.5vw;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.hans_vdo_view {height:26.5vw;}
}
*/

.m_find {font-size:15px; color:#fff; margin:30px 0 50px 0; display:block;}
.m_find a {font-size:15px; color:#fff;}


.cl{padding-left:0;}

.main_list{padding-left:5%;}
.my_su{padding-left:10%;}
.my_ca{padding-left:5%;}
.sub_channel > ul > li {margin-right: 4.5%;}

.e_cata {width: 70%;}

.list_option_select select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;

border: 1px solid #000;
background: url('/skin/basic/images/list_option_bg.png') no-repeat 10px 7px;
width: 148px;
height: 30px;
color:#000;
font-size:14px;
cursor: pointer;
padding-left: 38px;
box-sizing: border-box;
border-radius: 6px;
font-weight: 600;
display:inline-block;
}
.list_option_select select::-ms-expand {
display: none;
}
.list_more_veiw {
margin-left:4px;
line-height: 27px;
}
.list_more_veiw a {
font-size: 14px;
font-weight: 600;
color: #000;
}
.right_option_lay li {
display:inline-block;
}
.list_more_veiw img {
vertical-align: baseline;
}
.right_option_lay {
float:right;
}
.ca_content_tit {
position: relative;
display: block;
overflow: hidden;
border-bottom: 1px solid #ddd;
padding-bottom:15px;
}
.ca_content_deco {
border-bottom: 2px solid #00afc8;
width: 52px;
display: block;
position: absolute;
top: 44px;
z-index: 999;
}




.top_nav_menu.cli_tn {top:60px;}
.top_nav_menu.cs_tn {top:60px;}
.sf{top:250px;right:185px;}
.si{top:250px;right:135px;}
.sg{top:250px;right:90px;}
.tw{top:250px;right:44px;}
.sub_channel > ul > li {margin-right: 3.5%;}






.mt_menu {float: left; cursor: pointer; padding: 24px 24px 24px 46px;}

.mt_menu p{display:inline-block;color:#fff;font-weight:bold;font-size:14px;}
.left_menu{position:fixed;left:0;top:64px;width:210px;overflow-y:hidden;background-color:#fff;z-index:99999;}
.left_menu .m_top{width:100%;height:155px;background-size:cover;background-repeat:no-repeat;background-position:center center;
background-image:url(../images/menu_bg.jpg);position:relative;}
.lm_close{position:absolute;top:15px;right:15px;}
.m_top .p_img{float:left;margin-top:15px;margin-left:20px;margin-right:15px;}
.m_top .p_img img{border-radius:50%;}
.m_top .p_txt{float:left;margin-top:25px;}
.m_top .p_txt p{color:#fff;color:13px;line-height:1;margin-bottom:15px;}
.m_top .p_txt ul li{float:left;margin-right:20px;line-height:1;}
.m_top .p_txt ul li a{font-size:13px;color:#fff;}
.m_top .p_txt ul li a span{margin-top: 1px;display: inline-block;}
.m_list{width:330px;height:120px;background-color:#43bed5;margin:0 auto;margin-top:-60px;border-radius:10px;box-shadow:2px 2px 2px #d0cfcf;position: relative;}
.cl_mli{margin-top:18px;background-color:#fff;border:1px solid #e1e1e1;}
.cl_mli li a{color:#666 !important;}
.cl_mli li {border-right:1px solid #e1e1e1 !important;}
.m_list li{width:33.3%;border-right:1px solid #38acc2;text-align:center;float:left;height:60px;padding-top:15px;box-sizing:border-box;line-height:1;}
.edu_lm .m_list li{width:50%;border-right:1px solid #715ac5;}
.edu_lm .m_list li:nth-child(2n){border-right:none;}
.edu_lm .m_list li:nth-child(3){border-right:1px solid #715ac5;}
.m_list li:nth-child(3n){border-right:none;}
.cl_mli li:nth-child(3n){border-right:none !important;}
.m_list li:nth-child(1),.m_list li:nth-child(2),.m_list li:nth-child(3){border-bottom:1px solid #38acc2;}
.edu_lm .m_list li:nth-child(1),.edu_lm .m_list li:nth-child(2){border-bottom:1px solid #715ac5;}
.cl_mli li:nth-child(1),.cl_mli li:nth-child(2),.cl_mli li:nth-child(3){border-bottom:1px solid #e1e1e1 !important;}
.m_list li a{color:#fff;line-height:1;font-size:13px;}
.m_list li a img{display:block;margin:0 auto;margin-bottom:5px;}
.left_menu .top_side_menu{line-height:1;}
.left_menu .top_side_menu .main_list {padding-left: 10%;}
.left_menu .top_side_menu .my_ca {padding-left: 10%;}
.left_menu .top_side_menu .my_su {/*display:none;*/ margin-bottom:50px;}
.left_menu .top_side_menu {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.left_menu .top_side_menu::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}
.edu_lm .m_list li:nth-child(3){border-bottom:none;}



.left_area {
width: 210px;
position: relative;
background-color: #fff;
z-index: 1;
}
.cl_clo{display:none;float: right;margin-top: 10px;margin-right: 10px;}
.my_ca {padding: 30px 0 30px 10%;}
.main_area{width:100%;display:block;overflow:hidden;}
.right_area{width:27%;}
.hub_content{width:100%;}
.ra_btn{display:none;}
.con_ca ul li .con_tit h2{width:12.5vw;}
.circle_img img{border-radius:50%;}



/*
@media all and (max-width:1600px) {
.detail_info{width:50%;left:25%;}
}
*/


@media all and (max-width:1450px) {
.mv > h1 {font-size:45px; width: 50vw;}
.sr_img{width:15%;}
.sr_txt{widtH:60%;}
.sr_icon{margin-top:20px;}
}
@media all and (max-width:1400px) {
.sub_channel > ul > li {margin-right:3.5%;}

.hans_vdo_view {height:56.5vw;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.hans_vdo_view {height:56.5vw;}
}

}
@media all and (max-width:1380px) {
.e_cata {width: 75%;}
.st_p{display:none;}
.st_t{display:table;}
}
@media all and (max-width:1340px) {
.sub_channel > ul > li {margin-right:3%;}
.graph ul li {padding-left: 2%;}
.exam_box{width:60% !important;}
.pop ul li{width:24%;margin-right:1.333%}

}
@media all and (max-width:1290px) {
.sub_channel > ul > li {margin-right:2.5%;}
.main_banner li .play{left:-50px}

}
@media all and (max-width:1250px) {
.sub_channel > ul > li {margin-right:2%;}
.rt input{width:150px;}
.rt input {background-position: 170px 4px;}
/*
.detail_info{width:60%;left:20%;}
*/
.footer-site-wrap {
    position: static !important;
    display: table;
    margin: 0 auto;
    padding-top: 30px;
	top:0 ;right:0;
}
}
@media all and (max-width:1265px) {
.e_cata {width: 80%;}
.h_serch{display:none !important;}
.cli_top .nav{display:none;}
}
@media all and (max-width:1210px) {
.sub_channel > ul > li {margin-right:1.5%;}
}
@media all and (max-width:1200px) {
.ex_right .ex_rt{display:none !important;}
.ex_right .bo_btn{display:block !important;}
.ex_lo{display:none;}
.e_cata {width: 85%;}
.sta tr td:nth-child(1) P {

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    line-height: 50px;
}

}
@media all and (max-width:1165px) {
.sub_channel > ul > li {margin-right:1%;}
.cit input{background-position: 150px 4px !important;}
.rt input {width:130px;background-position: 107px 4px;margin-right:10px;}
.rt {margin-right: 10px;}
}
@media all and (max-width:1130px) {
.sub_channel > ul > li {margin-right:0.6%;}
}




.lang_info {
position: absolute;
top: 0;
z-index: 9;
width: 100%;
background-color: rgba(0, 0, 0, 0.5);
height: 40px;
text-align: center;
}
.lang_layout {
line-height: 28px;
}
.lang_layout li {
display:inline-block;
margin:0 15px;
}
.lang_layout li > a {
color:#fff;
font-size:14px;
}
.lang_layout li > a > img {
vertical-align: revert;
}

.lang_layout li > select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
border: none;
border-bottom: 1px solid #ddd;
background: url('/skin/basic/images/lang_arrow.png') no-repeat 95% 50%;
color: #fff;
margin-left: 7px;
width: 120px;
font-size:14px;
}


.navi_warp {
height:64px;
line-height:64px;
width: 100%;
}
.main_logo {
float:left;
padding-top:17px;
line-height:1;
}
.main_logo img {
width:85px;
}
.top_nav {
float:left;
padding-left:50px;
line-height:58px;
}
/*.main_find_box {*/
/*width: 270px;*/
/*height: 35px;*/
/*border-radius: 50px;*/
/*background: #fff;*/
/*position: absolute;*/
/*z-index: 99;*/
/*}*/

.main_find_box {
    width: 270px;
    height: 35px;
    border-radius: 50px;
    background: #3e3e3e;
    position: absolute;
    z-index: 99;
    overflow: hidden;
}

.top_find_form {
float: left;
margin-top: 15px;
margin-right: -45px;
width: 270px;
height: 35px;
}


/*.main_find_box input[type="text"] {*/
/*height: 30px;*/
/*border: none;*/
/*margin-left: 20px;*/
/*width: 75%;*/
/*font-size:16px;*/
/*display:inline-block;*/
/*float:left;*/
/*}*/


.main_find_box input[type="text"] {
    height: 30px;
    border: none;
    margin-left: 20px;
    width: 79%;
    font-size: 16px;
    vertical-align: top;
	background: #3e3e3e;
	color:#fff;
}

.main_find_box button {
background-image: url("/skin/basic/images/find_icon.png");
background-repeat: no-repeat;
background-position: top center;
height:20px;
width:20px;
border:0;

}
.menu_lay {
	float:left;
}
.menu_lay li {
	display: inline-block;
	margin-right:20px;
}
.menu_lay li a {
	font-size:14px;
	color:#fff;
}
.menu_lay img {
	vertical-align: initial;
	margin-right:5px;
}
.right_lay{
	float:right;
	margin-right:30px;
	line-height:0;
}
.right_nav{
	float:left;
	margin-right:10px;
}
.right_nav > li{
	float:left;
	width: 50px;
    text-align: center;
    position: relative;
    cursor: pointer;
	height:84px;
	/*line-height:59px;*/
	padding-top: 23px;
}
.right_nav li > span{
	background-color:#ff0042;
	padding: 0 6px;
	height:15px;
	border-radius:20px;
	font-size:9px;
	color:#fff;
	position:absolute;
	display:block;
	top: 16px;
    left: 25px;
	text-align:center;
	line-height:14px;
	font-weight: bold;
}
.right_nav > li > img {width:18px; height:18px;}
.right_nav > li > a > img {width:18px; height:18px;}
.account{float:left; height:84px;}
.account a{}
.account a div{float:left;}

.direct_img{margin-top:20px;}


.top_find_form {display:none;}

.circle_img {padding-top:14px;}



#top_nav_menu1 {right: 10px;top:60px;}
#top_nav_menu2 {right: 0; width:300px;}
#top_nav_menu3 {right: 0; width:200px;}

.all_notice_tit h2 {float:left; font-size:14px; margin-top:2px;}
.all_notice_tit div {float:right;}
.all_notice_tit {
border-bottom: 1px solid #e9e9e9;
overflow: hidden;
padding-bottom: 10px;
}
.all_notice_warp {
position: relative;
display: block;
overflow: hidden;
margin-bottom:25px;
}
.all_notice_warp:last-child {
margin-bottom:0;
}
.notice_list_lay {
margin-top:14px;
}
.notice_list_lay li {
margin-left:0;
width: 100%;
font-size:13px;
color:#373737;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: left;
margin-bottom: 8px !important;
}
.notice_list_lay li a {
font-size:13px;
color:#373737;
}
.etc_service {
margin-bottom:15px;
}

.etc_service {
border-bottom: 1px solid #e9e9e9;
overflow: hidden;
padding-bottom: 10px;
}
.etc_service li {
width: 100%;
text-align: left;
font-size: 16px;
}
.etc_service li a {
font-size: 16px;
color:#373737;
}
.etc_service li a:hover {
font-weight: 600;
}

.etc_service ul li img {
vertical-align: text-bottom;
}
.etc_service:last-child {
margin-bottom:0;
border:0;
padding-bottom: 0;
}



.mv span {
font-size: 20px;
color: #fff;
font-weight: 100;
margin-bottom: 30px;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-wrap: break-word;
line-height: 1.5em;
height: 3.2em;
width: 55vw;
}
.mv_btn01 {
min-width: 20%;
background: #00afc8;
display: block;
text-align: center;
padding: 12px 20px;
border-radius: 12px;
color: #fff;
font-size: 18px;
font-weight: 500;
float:left;
cursor:pointer;
height: 50px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.mv_btn02 {
min-width: 20%;
display: block;
text-align: center;
padding: 12px 20px;
border-radius: 12px;
color: #fff;
font-size: 18px;
font-weight: 500;
float: left;
border: 1px solid #fff;
margin-left:10px;
cursor:pointer;
height: 50px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.mv_btn01 img {
vertical-align: text-bottom;
}
.mv_btn02 img {
vertical-align: text-bottom;
}


.account2 a {display:block; position:relative;}

.tig {background-size: cover !important; background-position: center center !important;}


.top_lang_lay .chosen-container-single .chosen-single div b {display:none !important;}
.top_lang_lay .chosen-container-single .chosen-single div b {background: unset;}
.top_lang_lay select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;
	border: none;
	width: 18px;
	height: 18px;
	text-indent:-10000px;
	cursor: pointer;

	background: url('/skin/basic/images/lang_icon2.png') no-repeat;
}
.top_lang_lay .chosen-container-single .chosen-search input[type="text"] {
	margin: 1px 0;
	padding: 4px 20px 4px 10px;
	width: 100%;
	height: auto;
	outline: 0;
	border: 1px solid #aaa;
	background: url("../images/chosen-sprite.png") no-repeat 100% -20px;
	font-size: 1em;
	font-family: sans-serif;
	line-height: normal;
	border-radius: 100px;
	background: #f2f2f7;
}
.top_lang_lay .chosen-container-single .chosen-search {
	position: relative;
	z-index: 1010;
	margin: 0;
	padding: 8px 10px;
	white-space: nowrap;
}
.top_lang_lay .chosen-container.chosen-with-drop .chosen-drop {
	width: 165px;
	clip: auto;
	-webkit-clip-path: none;
	clip-path: none;
}
.top_lang_lay .chosen-container .chosen-drop {
	position: absolute;
	top: 39px;
	left: -15px;
	border-radius: 10px !important;
	z-index: 99999;
	width: 100%;
	border: 1px solid #aaa;
	border-top: 0;
	background: #fff;
	background-clip: border-box;
	-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
	box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
	clip: rect(0, 0, 0, 0);
	-webkit-clip-path: inset(100% 100%);
	clip-path: inset(100% 100%);
}
.top_lang_lay .chosen-container-active.chosen-with-drop .chosen-single {box-shadow: unset; box-shadow: none; border: 0; background-image: unset;  background-image: none;}
.top_lang_lay .chosen-container-single .chosen-single {background-color: unset; background-color: transparent; border: 0; box-shadow: unset; }
.top_lang_lay select::-ms-expand {
	display: none;
}

.re_ca h2 span {height:30px;}



/* 미리보기 팝업 창 반응형 */
@media all and (max-width:1400px) {

	.item_body_new {width: 23vw;}
	.main_cata_box .video-js {height: 13vw;}
	.main_cata_box > img {height: 13vw;}
	.video_link_box {height: 13vw;}

}

@media all and (max-width:1099px) {

	.item_body_new {width: 30.7vw; transform: translate(0%, -50%);}
	.main_cata_box .video-js {height: 17.4vw;}
	.main_cata_box > img {height: 17.4vw;}
	.video_link_box {height: 17.4vw;}

}
/* 미리보기 팝업 창 반응형 */