@charset "utf-8";

/*-------------------------------------------------------------------
2021 Atype main
-------------------------------------------------------------------*/


/*-------------------------------------------------------------------
## header
-------------------------------------------------------------------*/
#header{position:relative; width:100%; height:100px;margin:0 auto; box-sizing:border-box; background-color:#fff;}
.headerWrap{max-width:1400px; height:100%; margin:0 auto;}
.logoArea{position:relative; float:left;}
.logoArea h1 a{display:inline-block; width:190px; height:100px; background: url("../../image/front/main/logo_btype.png") left center no-repeat;}
.logoArea h1 a.logoCanada{display:inline-block; width:190px; height:100px; background: url("../../image/front/main/logo_btype_ca.png") left center no-repeat;} /* 20240724 캐나다 로고 추가 */
.logoSub{
    display:block; width:100%; float:left; border:solid 1px #fff; border-radius:3px; padding:6px 10px; text-align:center; box-sizing:border-box; 
    background-color: rgba(0, 0, 0, 0.3);border-top-left-radius: 0;border-top-right-radius: 0;border-top: 0;
}
.logoSub li{display:inline-block; font-size:14px; }
.logoSub li.logotxt01{color:#fff;}
.logoSub li.logotxt01:after{content:""; position:relative; display:inline-block; top:1px; height:12px; border-right:solid 1px #fff; margin-left:10px;}
.logoSub li.logotxt02{color:#f6ff00; padding-left:8px;}

.nav{display:inline-block; width:calc(100% - 410px); height:100%; margin:0 auto; text-align:center;}
/* .nav ul{display:inline-block; min-width: 660px;} 20230214 기존 백업 */
.nav ul{display: flex; justify-content: center; min-width: 660px; text-align: center !important;} /* 20230214 수정 */
.nav li.depth01{display:table; float:left; height:100px;padding: 0 10px;box-sizing: border-box;}
/* kdy - start */
/*.nav li.depth01 a.depth01Txt{position:relative; display:table-cell; text-align:center; font-size:18px; color:#333; padding:0 20px; vertical-align:middle;cursor: pointer;}*/
/*.nav li.depth01 a.depth01Txt{position:relative; display:table-cell; text-align:center; font-size:18px; color:#333; padding:0 11px; vertical-align:middle;cursor: pointer;} 20230217 기존 백업 */
.nav li.depth01 a.depth01Txt{position:relative; display: flex; justify-content: center; flex-direction: column; height: 100px; text-align:center; font-size:18px; color:#333; padding:0 11px; vertical-align:middle; cursor: pointer; } /* 20230217 수정 */
/* kdy - end */

.nav li.depth01 a.depth01Txt:before{content:""; position:absolute; right:50%; bottom:0; width:0; height:4px; background:#c02462; transition: all 0.3s ease-in-out;}
.nav li.depth01 a.depth01Txt:after{content:""; position:absolute; left:50%; bottom:0; width:0; height:4px; background:#c02462; transition: all 0.3s ease-in-out;}

.nav li.depth01 a.depth01Txt:hover:before {width:40%;}
.nav li.depth01 a.depth01Txt:hover:after {width:40%;}
.nav li.depth01 .navSub{display:none;position:absolute; left:0; top:100px; width:100%;}

.nav li.depth01.on a.depth01Txt:before{content:""; position:absolute; right:50%; bottom:0; width:0; height:4px; background:#c02462; transition: all 0.3s ease-in-out;}
.nav li.depth01.on a.depth01Txt:after{content:""; position:absolute; left:50%; bottom:0; width:0; height:4px; background:#c02462; transition: all 0.3s ease-in-out;}
.nav li.depth01.on a.depth01Txt:before {width:40%;}
.nav li.depth01.on a.depth01Txt:after {width:40%;}

.nav li.depth01.on .navSub{display: block; position:absolute; left:0; top:100px; width:100%; /* height:60px; */ background-color:#fff; border-top:solid 1px #989898; box-shadow:0px 3px 3px rgba(0,0,0,0.2);}
.nav li.depth01.on .navSub ul{position:relative; margin:0 auto;}
.nav li.depth01.on .navSub ul li{display:inline-block; padding:0 20px; padding:0 20px; line-height:55px; margin-bottom:10px;} 
.nav li.depth01.on .navSub ul li a{font-size:16px; color:#6c6c6c;}
.nav li.depth01.on .navSub ul li a:hover{color:#c02462;}

/* 20241213 카자흐문화원 메뉴명 start */ 
html:lang(ru) .nav > ul > li:nth-child(4).depth01.on .navSub ul li{padding:0 13px;}
@media screen and (max-width: 1150px) {
    html:lang(ru) .nav > ul > li:nth-child(4).depth01.on .navSub ul li {
        padding: 0 5px;
    }
}
/* 20241213 카자흐문화원 메뉴명 end */

/* 20230127 gnb 간격 수정 start */
html:lang(es) .nav li.depth01 a.depth01Txt{font-size:17px; padding: 0 5px;} /* 스페인문화원 gnb 줄바꿈 현상 수정 */
html:lang(vi) .nav li.depth01 a.depth01Txt{font-size:18px; padding: 0 5px;}

/* 20240327 kaz gnb start */
html:lang(kk) .nav li:nth-child(2).on .navSub ul li{padding:0 17px;}
@media screen and (max-width: 1400px) {
    html:lang(kk) .nav li:nth-child(2).on .navSub ul li{padding:0 13px;}
}
@media screen and (max-width: 1330px) {
    html:lang(kk) .nav li:nth-child(2).on .navSub ul li{padding:0 9px;}
}
@media screen and (max-width: 1190px) {
    html:lang(kk) .nav li:nth-child(2).on .navSub ul li{padding:0 2px;}
}
/* 20240327 kaz gnb end */

@media screen and (max-width: 1400px) {
    .nav li.depth01.on .navSub ul li{padding:0 13px;} /* 20230214 추가 */

    html:lang(es) .nav {width: calc(100% - 410px); margin: 0 auto;} 
    html:lang(es) .nav li.depth01 a.depth01Txt{font-size:15px; padding: 0 0px;} /* 스페인문화원 gnb 줄바꿈 현상 수정 */

    html:lang(vi) .nav {width: calc(100% - 410px); margin: 0 auto;} 
    html:lang(vi) .nav li.depth01 a.depth01Txt{font-size:17px; padding: 0 0px;}
}

@media screen and (max-width: 1260px) {
    .nav li.depth01.on .navSub ul li{padding:0 12px;} /* 20230214 추가 */
    .nav li.depth01.on .navSub ul li a{font-size:15px;} /* 20230214 추가 */
    .nav li.depth01 a.depth01Txt {font-size: 17px;}

    html:lang(es) .nav li.depth01 {padding: 0 6px;}
    html:lang(es) .nav li.depth01 a.depth01Txt{font-size:13.5px;} /* 스페인문화원 gnb 줄바꿈 현상 수정 */

    html:lang(vi) .nav li.depth01 {padding: 0 6px;}
    html:lang(vi) .nav li.depth01 a.depth01Txt{font-size:15px;}

    html:lang(en) .nav li.depth01 {padding: 0 6px;}
    html:lang(en) .nav li.depth01 a.depth01Txt{font-size:16px;}

    html:lang(tr) .nav li.depth01 {padding: 0 6px;}
    html:lang(tr) .nav li.depth01 a.depth01Txt{font-size:16px;}
}

@media screen and (max-width: 1200px) {
    .nav li.depth01.on .navSub ul li{padding:0 10px;} /* 20230214 추가 */
    .nav li.depth01 a.depth01Txt {font-size: 16px; padding: 0 7px;}
}

@media screen and (max-width: 1150px) {
    .nav li.depth01.on .navSub ul li{padding:0 5px;} /* 20230214 추가 */
    .nav li.depth01 a.depth01Txt {padding: 0 4px;}
}

@media screen and (max-width: 1130px) {
    html:lang(es) .nav li.depth01 a.depth01Txt{font-size:12.5px;} /* 스페인문화원 gnb 줄바꿈 현상 수정 */

    html:lang(vi) .nav li.depth01 a.depth01Txt{font-size:14px;}

    html:lang(tr) .nav li.depth01 a.depth01Txt{font-size:15px;}
}
/* 20230127 gnb 간격 수정 end */



/* kdy - start */
/* .nav li:nth-child(1) > div > ul{width:700px; text-align:left;} */
.nav li:nth-child(1) > div > ul{width:100%; text-align:left;max-width: 1200px;}
/* .nav li:nth-child(2) > div > ul{width:100%; text-align:center;max-width: 900px;} */
/* jws 20240322 backup 
.nav li:nth-child(2) > div > ul{width:100%; text-align:center;max-width: 1200px;} */
.nav li:nth-child(2) > div > ul{width:100%; text-align:center;max-width: 1400px;}
/* kdy - end */
.nav li:nth-child(3) > div > ul{}
/* .nav li:nth-child(4) > div > ul{width:700px; text-align:right;} 20230214 기존 백업 */
.nav li:nth-child(4) > div > ul{width:100%;} /* 20230214 수정 */
/* kdy - start */
/* .nav li:nth-child(5) > div > ul{width:700px; text-align:right;} */
.nav li:nth-child(5) > div > ul{width:100%; text-align:right;max-width: 1200px;}
/* kdy - end */


.multiLink{float:right; margin-top:31px;}
.multiLink > div{float:left; margin-left:20px;}
.multiLink > div:first-child{margin-left:0px;}

.langForm{position:relative; height:30px; z-index:100; border-bottom: solid 1px #585856;}
.langForm .btnLang{overflow:hidden; position:relative; display:block; width:100%; text-align:left; height:100%; padding:0 30px 0 0; font-size:14px; line-height: 30px; color:#585856; -webkit-transition: all 0.3s; transition: all 0.3s; font-weight:700;} /* 20240416 font-size 수정 */
.langForm .btnLang:focus{outline: none;}
.langForm .btnLang::after {
    content: ''; display:inline-block; position:absolute; width:8px; height:8px; border-top:2px solid #121212; border-right:2px solid #121212; top:9px; right:5px; 
    transform: rotate(135deg); transition: all 0.3s;
}
/* .langForm > ul {display:none; position:absolute; top:35px; right:-5px; padding-bottom: 3px; z-index:10; width:85px; background-color:#fff; border: 1px solid #e8e8e8; -webkit-transition: background-color 0.3s; transition: background-color 0.3s;} */
.langForm > ul {display:none; position:absolute; top:40px; padding-bottom: 3px; z-index:10; width:140px; background-color:#fff; border: 1px solid #e8e8e8; -webkit-transition: background-color 0.3s; transition: background-color 0.3s;}
.langForm > ul > li{padding:5px 0;}
.langForm > ul > li:first-child{padding-top:8px;}
.langForm > ul > li > a{display:block; padding:0 10px; font-size:14px; line-height:20px; color:#585856; }
.langForm.open{border-bottom:none;}
/* .langForm.open > ul {display:block;} */
.langForm.open .btnLang::after{transform:rotate(315deg); top:13px;}

.snsForm{position:relative;}
.snsForm .btnSns{position:relative; display:block; height:38px; width:38px; border-radius:100%; transition:all .6s; overflow:hidden; background:#1860a0 url("../../image/front/main/icon_tnb_sns.png") center center no-repeat;}
.snsForm > ul {display:none; position:absolute; top:45px; left:50%; padding-bottom: 3px; z-index:10; width:110px; background-color:#fff; border: 1px solid #e8e8e8; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; transform:translatex(-50%);}
.snsForm > ul > li{padding:5px 0 5px 7px;}
.snsForm > ul > li:first-child{padding-top:8px;}
.snsForm > ul > li > a{display:block; padding:0 10px 0 25px; font-size:14px; line-height:20px; color:#585856;}
.snsForm > ul > li > a:hover{color:#222;}
.snsForm > ul > li > a.snsfacebook{background:url("../../image/front/new/icon_facebook_active.png") left center no-repeat;}
.snsForm > ul > li > a.snsfacebook:hover{background:url("../../image/front/new/icon_facebook_on.png") left center no-repeat;}
.snsForm > ul > li > a.snsyoutube{background:url("../../image/front/new/icon_youtube_active.png") left center no-repeat;}
.snsForm > ul > li > a.snsyoutube:hover{background:url("../../image/front/new/icon_youtube_on.png") left center no-repeat;}
.snsForm > ul > li > a.snsinstagram{background:url("../../image/front/new/icon_instagram_active.png") left center no-repeat;}
.snsForm > ul > li > a.snsinstagram:hover{background:url("../../image/front/new/icon_instagram_on.png") left center no-repeat;}
.snsForm > ul > li > a.snsblog{background:url("../../image/front/new/icon_blog_active.png") left center no-repeat;}
.snsForm > ul > li > a.snsblog:hover{background:url("../../image/front/new/icon_blog_on.png") left center no-repeat;}
.snsForm > ul > li > a.snsflickr{background:url("../../image/front/new/icon_flickr_active.png") left center no-repeat;}
.snsForm > ul > li > a.snsflickr:hover{background:url("../../image/front/new/icon_flickr_on.png") left center no-repeat;}
.snsForm > ul > li > a.snstwitter{background:url("../../image/front/new/icon_twitter_active.png") left center no-repeat;}
.snsForm > ul > li > a.snstwitter:hover{background:url("../../image/front/new/icon_twitter_on.png") left center no-repeat;}
.snsForm > ul > li > a.snsvkontakte{background:url("../../image/front/new/icon_vk_active.png") left center no-repeat;}
.snsForm > ul > li > a.snsvkontakte:hover{background:url("../../image/front/new/icon_vk_on.png") left center no-repeat;}
.snsForm > ul > li > a.snsweibo{background:url("../../image/front/new/icon_weibo_active.png") left center no-repeat;}
.snsForm > ul > li > a.snsweibo:hover{background:url("../../image/front/new/icon_weibo_on.png") left center no-repeat;}
.snsForm > ul > li > a.snskoo{background:url("../../image/front/new/icon_koo_active.png") left center no-repeat;}
.snsForm > ul > li > a.snskoo:hover{background:url("../../image/front/new/icon_koo_on.png") left center no-repeat;}
.snsForm > ul > li > a.snslinkedin{background:url("../../image/front/new/icon_linkedin_active.png") left center no-repeat;}
.snsForm > ul > li > a.snslinkedin:hover{background:url("../../image/front/new/icon_linkedin_on.png") left center no-repeat;}
/* .snsForm.open > ul {display:block;} */

.searchForm{}
.btnSearch{position:relative; display:block; height:38px; width:38px; border-radius:100%; transition:all .6s; overflow:hidden; background:#1860a0 url("../../image/front/main/icon_tnb_search.png") center center no-repeat;}
/* .searchForm .searchBoxHeader {display:none;} */
.gnb_wrapper .gnb_wrap .gnbBox .multiLink ul li.searchForm .searchBoxHeader {display:none;}
.searchForm .searchBoxHeader{display:none; position:absolute; top:100px; left:0; width:100%;z-index: 99;}
.searchForm .searchBoxHeader .searchBox-area{position:absolute; width:60%; top:0; left:50%; transform:translateX(-50%);}
.searchForm.open .btnSearch{background:#1860a0 url("../../image/front/main/icon_tnb_searchClose.png") center center no-repeat;}
.searchForm.open .searchBoxHeader .searchBox-bg{background-color:#000; height:60px; opacity:0.7;}
.searchForm.open .searchBoxHeader .searchBox-bg{width:100%;}
/* kdy - start */
/*.searchForm.open .searchBoxHeader .searchBox-area{position:absolute; width:60%; top:0; left:50%; transform:translateX(-50%);}*/
.searchForm.open .searchBoxHeader .searchBox-area{position:absolute; width:80%; top:0; left:50%; transform:translateX(-50%);}
/* kdy - end */

.search-mobile{}
.btnSearch{position:relative; display:block; height:38px; width:38px; border-radius:100%; transition:all .6s; overflow:hidden; background:#1860a0 url("../../image/front/main/icon_tnb_search.png") center center no-repeat;}
/* .searchForm .searchBoxHeader {display:none;} */
.gnb_wrapper .gnb_wrap .gnbBox .multiLink ul li.search-mobile .mobilesearchBoxHeader {display:none;}
.search-mobile .mobilesearchBoxHeader{display:none; position:absolute; top:100px; left:0; width:100%;}
.search-mobile .mobilesearchBoxHeader .searchBox-area{position:absolute; width:60%; top:0; left:50%; transform:translateX(-50%);}
.search-mobile.open .btnSearch{background:#1860a0 url("../../image/front/main/icon_tnb_searchClose.png") center center no-repeat;}
.search-mobile.open .mobilesearchBoxHeader .searchBox-bg{background-color:#000; height:60px; opacity:0.7;}
.search-mobile.open .mobilesearchBoxHeader .searchBox-bg{width:100%;}
.search-mobile.open .mobilesearchBoxHeader .searchBox-area{position:absolute; width:60%; top:0; left:50%; transform:translateX(-50%);}


/* .searchBox-area::after{content:''; position:absolute; left:0; bottom:0; width:0; height:2px; background:#eb912a; transition:width .3s;} */
.searchBox-area input{
    display:block; width:100%; padding: 15px 35px 9px 10px; background:transparent; border-bottom:2px solid rgba(255,255,255,0.9); 
    color:#fff; font-weight:500; outline:none; -webkit-appearance: none; -webkit-border-radius: 0;box-sizing: border-box;
}
.searchBox-area input::placeholder{color:#888 !important; font-size:16px;}
.searchBox-area input::-webkit-input-placeholder{color:#cfa6b6; font-size:16px;}  /* 크롬 구버전 */
.searchBox-area input:-ms-input-placeholder{color:#cfa6b6; font-size:16px;} /* IE적용 */
.searchBox-area button.btn-submit{position:absolute; display:block; top:50%; right:0px; width:24px; height:24px; text-indent:-999em; overflow:hidden; transform:translateY(-50%); background:url("../../image/front/main/icon_search.png") center center no-repeat;}
.webAllMenu{display:none;}

.pc .mb-group {display: block !important;right: auto !important;}
.pc #header {z-index: 99;}

/*-------------------------------------------------------------------
## mainvisual
-------------------------------------------------------------------*/
#mainvisual{position:relative; width:100%; height:600px; background: url("../../image/front/main/visual_btype.jpg") center center no-repeat; background-size:cover}
/* main_slider */
.main_slider{position:relative;width:100%; max-width: 1400px;margin: auto;}
.main_slider_Area{width:1400px; margin:0 auto;}
.main_slider ul{clear:both;display:block}
.main_slider > p{position:absolute;left:50%;top:0;width:50%;height:100%;}
.bx-wrapper{margin:auto;width:1400px;}
.visual{margin:auto; position:relative; width:100% !important; padding:55px 0 0 0; box-sizing:border-box}
.visual > div{position:relative; margin:0 auto;width:1400px}
/* .visual figure:before{content:"";position:absolute;left:50%;top:0;width:50%;height:439px;background:rgba(0,110,205,0.7)} */
.visual >  span{display:inline-block; box-sizing:border-box; transition:0.3s}
.visual > span img{box-shadow:10px 10px rgba(0,0,0,0.15); border:solid 1px #fff; width:550px; height:450px; box-sizing:border-box;}
.visual .visualText{position:relative; display:inline-block; width: calc(100% - 560px); height:100%; padding:50px 30px; box-sizing:border-box; transition:0.3s;}
.visual .title{
    display:-webkit-box;display: -ms-flexbox;width:100%;height:3.1em; font-weight:700; font-size:40px;color:#fff;word-break:keep-all;
    word-wrap:break-word;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;text-align:left;
    line-height:60px;-webkit-line-clamp:2;-webkit-box-orient:vertical;-ms-flex-direction: column;letter-spacing:normal;transition:0.3s
}
.visual > div a{display:inline-block; position:absolute; top:330px; padding:0 23px 8px 5px; font-size:17px; color:#fff; transition:0.3s; background: url("../../image/front/main/icon_mv_arrow.png") right bottom no-repeat;}
.pagerCustom{margin:0 auto;position:relative;max-width:1400px;width: 100%;}
.pagerCustom p{z-index:1;position:absolute;right:0;bottom:40px}
.pagerCustom p span{float:left;position:relative;margin-left:20px;transition:0.3s}
.pagerCustom p span a{display:block}
.pagerCustom p span a:before{content:"";position:absolute;left:0;top:0;width:100px;height:64px;background:rgba(0,0,0,0.2)}
.pagerCustom p span a.active:before{background:rgba(0,0,0,0.0)}
.pagerCustom p span a img{width:100px;height:64px;border:1px solid #328de1;box-shadow:4px 4px rgba(0,0,0,0.3);box-sizing:border-box}
.progress{margin:0 auto;position:relative;right:0;width:1400px;}
.progress p{position:absolute;overflow:hidden;right:65px;top:-12px;width:123px;height:1px;background:#999189}
.progress p span{display:block;max-width:0;min-width:30px;height:1px;background:#fff;transition:0.75s}

.main_slider .bx-viewport{padding-bottom:10px;}
/* key - start */
/* .main_slider .bx-controls{position:absolute;top:50%;right: 0; transform:translateY(-50%); text-indent:-99999px; z-index:1; margin:0 auto;} */
/* 20211210 .main_slider .bx-controls{position:absolute;top:52%;right: 0; transform:translateY(-50%); text-indent:-99999px; z-index:1; margin:0 auto;} */
.main_slider .bx-controls{position:absolute;top: auto;right: 0px; bottom: 40px;transform:translateY(-50%); text-indent:-99999px; z-index:1; margin:0 auto;}
/* key - end */
.main_slider .bx-controls-direction{position:absolute; right:0px;top: 50%;transform: translateY(-50%); width:254px; height:56px; transition:0.3s}
.main_slider .bx-controls-direction .bx-prev{
    display:inline-block; position:absolute; left:0; border:solid 1px #fff; padding:19px 27px;line-height: 1;
    background:url("../../image/front/main/btn_prev.png") center center no-repeat
}
.main_slider .bx-controls-direction .bx-next{
    display:inline-block; position:absolute; right:0px; border:solid 1px #fff;padding:19px 27px;line-height: 1;
    background:url("../../image/front/main/btn_next.png") center center no-repeat
}
.main_slider .bx-controls-direction .bx-prev:hover, .main_slider .bx-controls-direction .bx-prev:focus, .main_slider .bx-controls-direction .bx-next:hover, .main_slider .bx-controls-direction .bx-next:focus{opacity:0.85;-fileter:alpha(opacity=85)}
/* key - start */
/* #slide-counter {position:absolute; top: 50%; right: 95px;transform: translateY(-50%);  padding:2px 0; transition:0.3s;color: #fff;font-weight: 500;letter-spacing: 2px;} */
/* 20211210 #slide-counter {position:absolute; top: 274px; right: 95px;padding:2px 0; transition:0.3s;color: #fff;font-weight: 500;letter-spacing: 2px;} */
#slide-counter {position:absolute; top: auto; right: 95px; bottom: 27px; padding:2px 0; transition:0.3s;color: #fff;font-weight: 500;letter-spacing: 2px;}
/* key - end */
#slide-counter strong {font-weight: 500;vertical-align: top;color: #fff;}
.main_slider .bx-controls-auto{position: absolute;right: 76px;top: 50%;border: solid 1px #fff;padding: 15px 48px 15px 0;transition: 0.3s;transform: translateY(-50%);transition:0.3s}
.main_slider .bx-controls-auto .bx-start {display:block;width: 50px; background:url("../../image/front/main/btn_play.png") center center no-repeat}
.main_slider .bx-controls-auto a.bx-stop {display:block;width: 50px;background:url("../../image/front/main/btn_pause.png") center center no-repeat}
.main_slider .bx-controls-auto .active {display: block;}
.main_slider .bx-controls-auto .bx-controls-auto-item a.active {display: none;}
.main_slider .bx-controls-auto .bx-controls-auto-item a {display: block;}
.bx-controls > .bx-default-pager {padding: 2px 24px;position:absolute; right:76px; top:-25px; border:solid 1px #fff;  transition:0.3s;font-size: 0;}
.bx-controls > .bx-pager > .bx-pager-item {position: relative !important;right: auto;top: auto;left: auto;bottom: auto; width: 10px; display: inline-block;text-indent: 0;}
.main_slider .bx-pager .bx-pager-item a {font-size: 20px;}

.main_slider .bx-controls-auto a.bx-start img{position:absolute; left:20px; top:50%; transform:translateY(-50%); background:url("../../image/front/main/btn_play.png") center center no-repeat}
.main_slider .bx-controls-auto a.bx-stop img{position:absolute; left:20px; top:50%; transform:translateY(-50%); background:url("../../image/front/main/btn_pause.png") center center no-repeat}
.main_slider .bx-controls-direction .bx-prev:focus img, .main_slider .bx-controls-direction .bx-next:focus img, .main_slider .bx-controls-auto a.bx-start:focus img, .main_slider .bx-controls-auto a.bx-stop:focus img{box-sizing:border-box;outline:1px dotted #ccc}
.main_slider .bx-controls-auto a.bx-start:hover, .main_slider .bx-controls-auto a.bx-start:focus, .main_slider .bx-controls-auto a.bx-stop:hover, .main_slider .bx-controls-auto a.bx-stop:focus{opacity:0.85;-fileter:alpha(opacity=85)}
/* .main_slider .bx-controls-auto a.active{display:none}  */
.noticePaging{position:absolute; right:95px; top:269px; font-family:"RobotoL"; font-size:16px; color:#fff;}
.noticePaging .noticeCount{font-family:"RobotoB";}
.noticePaging noticeTotal{}

/* 언어별 css */
html:lang(ko) .visual .title{font-weight: 700;}
html:lang(ko) .visual > div a{font-weight: 200;}


/*-------------------------------------------------------------------
## container
-------------------------------------------------------------------*/
#container{position:relative; width:100%; margin:0 auto;}

/* galleryNews */
.galleryNews{margin:0 auto; position:relative; max-width:1400px; padding:40px 0;}

.galleryNews .tab_content > p{display:block; position:absolute; top:-60px; right:0; text-align:center;}
.galleryNews .tab_content > p a{display:block; background:url("../../image/front/main/iconMoreB.png") center center no-repeat; transition:0.5s; background-color:#1361a6; width:45px; height:45px;}
.galleryNews .tab_content > ul{
    margin-top:30px;width: 100%;height: 100%;display: -webkit-box;display: -ms-flexbox;-webkit-box-orient: horizontal;-ms-flex-direction: row;display: -moz-box;-moz-box-orient: horizontal;
    display: box;box-orient: horizontal;
}
.galleryNews .tab_content > ul > li{
    position:relative; float:left; max-width:300px;width: 100%;overflow:hidden; padding:10px 10px 0 0;
    display: block;-webkit-box-flex: 1;-moz-box-flex: 1;-ms-flex: 1;box-flex: 1;text-align: center;
}
.galleryNews .tab_content > ul > li + li {margin-left: 53px;}
.galleryNews .tab_content > ul > li::after{content:""; position:absolute; width:60px; height:60px; top:0; right:0; border-top:solid 10px #1361a6; border-right:solid 10px #1361a6;}
.galleryNews .tab_content > ul > li:last-child{margin-right:0}
.galleryNews .tab_content > ul > li a.galleryImg{display:block; max-width:300px; height:170px;width: 100%;}
.galleryNews .tab_content > ul > li a.galleryImg div{position:relative; overflow:hidden; border:solid 1px #c5c5c5;}
.galleryNews .tab_content > ul > li a.galleryImg img{width:100%; height:100%; transform:scale(1.0); transition:0.5s; width:298px; height:168px; box-sizing:border-box;object-fit: cover;}
.galleryNews .tab_content > ul > li a:hover img{transform:scale(1.05)}
.galleryNews .tab_content > ul > li dl{text-align:left; margin-top:20px; padding:0;}
.galleryNews .tab_content > ul > li dl dt{
    font-size:17px; color:#4c4c4c; margin-bottom:10px; overflow:hidden; width:100%; 
    white-space:nowrap; text-overflow:ellipsis; font-weight:600;height: 25px;
} 
.galleryNews .tab_content > ul > li dl dd{
    font-size:16px; color:#6d6d6d; margin-bottom:25px; display:inline-block; display:-webkit-box;display: -ms-flexbox; width:95%; height:2.8em; white-space:nowrap; overflow:hidden; 
    text-overflow:ellipsis; white-space:normal; word-wrap:break-word; line-height:1.4; -webkit-line-clamp:2; -webkit-box-orient:vertical;-ms-flex-direction: column; font-weight:500;
}
.galleryNews .tab_content > ul > li a.galleryBtn{position:relative; display:table; border:solid 1px #bbbbbb; padding:15px 105px 15px 15px; background-color:#fff; color:#333; font-size:14px;}
.galleryNews .tab_content > ul > li a.galleryBtn:hover{color:#0b63c1; border:solid 1px #0b63c1;}
.galleryNews .tab_content > ul > li a.galleryBtn::after {
    content: ''; display:inline-block; position:absolute; width:8px; height:8px; border-top:2px solid #333333; 
    border-right:2px solid #333333; top:21px; right:20px; transform: rotate(45deg); /* 반대각도 315deg 135deg 225deg  */
}
.galleryNews .tab_content > ul > li a.galleryBtn:hover::after{border-top:2px solid #0b63c1; border-right:2px solid #0b63c1;}



.galleryNews > div.tabs {overflow: hidden;}
.tabs button {
    display:inline-block; position:relative; padding:15px 5px 0 5px; font-size:25px; color:#999; text-align:center; float:left; margin-right:70px;
    transition:0.3s; font-weight:700; letter-spacing:-0.05em; /* line-height: 1; */ line-height: 1.4;
} /* 20230214 line-height 수정 */
.tabs button:after{content:"";position:absolute;left:50%;bottom:0px;width:0;height:10px;background:rgba(0,138,255,0.3)}
.tabs button:hover:after, .nav > li > a:focus:after, .nav > li > a.selected:after{content:"";width:100%;left:0%;transition:0.5s linear}
.tabs button.active{color:#3e3e3e;}
.tabs button.active:after{content:"";position:absolute;left:0%;bottom:0px;width:100%;height:10px;background:rgba(0,124,230,0.3)}

.wrap_cons .cons {position: relative;}


.infoWrap{position:relative; width:100%; height:120px; margin:40px auto; background-color:#3d4959;}
.infoArea{position:relative; display:table; max-width:1400px;width: 100%; height:120px; margin:0 auto; background:url("../../image/front/main/bg_info.png") center right no-repeat; padding-left:170px; box-sizing:border-box;}
.infoArea .infoIcon{position:absolute; top:-10px; left:0; width:140px; height:140px; background:#1361a6 url("../../image/front/main/icon_info.png") center center no-repeat;}
.infoArea h1{position:relative; display:table-cell; vertical-align:middle; width:170px; font-size:20px; color:#fff; font-weight:bolder;}
.infoArea .infoTxt{position:relative; display:table-cell; vertical-align:middle; padding-left:30px;}
.infoArea .infoTxt dl{display:block; width:100%; overflow:hidden; padding:7px 0;}
.infoArea .infoTxt dl dt{position:relative; float:left; color:#c7c7c7; font-size:16px; margin-right:15px; padding-right:15px;}
.infoArea .infoTxt dl dt::after{content:""; position:absolute; width:1px; height:10px; top:8px; right:0; background-color:#c4c4c4;}
.infoArea .infoTxt dl dd{float:left;color:#fff; font-size:16px; font-weight:700;}

.noticeWrap{position:relative; display:block; max-width:1400px; overflow:hidden; margin:40px auto;}
.noticeWrap > div:last-child{margin-right:0px;}
.noticeArea{position:relative; display:block; width:47%; float:left; margin-right:6%; box-sizing:border-box;}
.noticeArea h1{font-size:25px; color:#3e3e3e; font-weight:700;}
.noticeArea > p{display:block; position:absolute; top:0px; right:0; text-align:center;}
.noticeArea > p a{display:block; background:url("../../image/front/main/iconMoreB.png") center center no-repeat; transition:0.5s; background-color:#1361a6; width:45px; height:45px;}
.noticeArea ul{margin-top:25px;overflow: hidden;}
.noticeArea ul li{width:48.5%; margin-right:3%; float:left;}
.noticeArea ul li:last-child{margin-right:0%;}
.noticeArea ul li a{position:relative; display:block; height:160px; border:solid 1px #c5c5c5; padding:25px 20px; box-sizing:border-box;}
.noticeArea ul li a:hover{border:solid 1px #1361a6;}
.noticeArea ul li a p.txt{font-size:17px; color:#555; font-weight:500; display: -webkit-box; height: 2.8em; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; line-height: 1.4; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
/* kdy - start */
/* .noticeArea ul li a p.date{position:absolute; bottom:25px; left:20px; font-size:16px; color:#8a8a8a; font-weight:300;} */
.noticeArea ul li a p.date{position:absolute; bottom:22px; left:20px; font-size:16px; color:#8a8a8a; font-weight:300;}
/* kdy - end */
.hallyuWrap{position:relative; display:block; width:100%; margin:40px auto 0; overflow:hidden; background:#f0f0f0 url("../../image/front/main/hallyu_bg.png") center top no-repeat; padding:40px 0;}
.hallyuArea{position:relative; display:block; max-width:1400px; margin:0 auto; overflow:hidden;}
.hallyuArea h1{font-size:25px; font-weight:700; color:#3e3e3e; text-align:center;}
.hallyuBbs{position:relative; display:block; width:100%; overflow:hidden; margin-top:35px;}
.hallyuBbs ul{}
.hallyuBbs ul li{position:relative; display:block; width:46.5%; float:left; margin-right:7%;}
.hallyuBbs ul li:last-child{margin-right:0%;}
.hallyuBbs ul li a span {display: inline-block;float: left;width: 50%;}
.hallyuBbs ul li a dl {display: inline-block;width: 50%;}
.hallyuBbs ul li a img {width: 100%;object-fit: cover;}
.hallyuBbs ul li a{position:relative; display:block; height:170px; border:solid 1px #ddd; background-color:#fff; box-sizing:border-box;}
.hallyuBbs ul li a img{float:left; width:298px; height:168px; border-right:solid 1px #ddd;}
.hallyuBbs ul li a dl{float:left; padding:20px;box-sizing:border-box;}
.hallyuBbs ul li a dl dt{font-size:17px; color:#4c4c4c; height:2.8em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; line-height:1.4; -webkit-line-clamp:2; -webkit-box-orient:vertical; -ms-flex-direction: column;display:-webkit-box;display: -ms-flexbox; font-weight:700;text-align: left;}
.hallyuBbs ul li a dl dd{margin-top:20px; font-size:16px; color:#6d6d6d; height:3em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; line-height:1.5; -webkit-line-clamp:2; -webkit-box-orient:vertical;-ms-flex-direction: column; display:-webkit-box;display: -ms-flexbox; font-weight:300;} /* 20230215 height 수정 */
.hallyuBbs ul li a:hover dl dt{color:#1361a6;}

/* 20230424 백업 start
.hallyuBanner{position:relative; display:block; width:100%; margin:0 auto; overflow:hidden; margin-top:50px;}
.hallyuBanner > ul{}
.hallyuBanner > ul > li{width:30%; margin-right:5%; float:left;}
.hallyuBanner > ul > li:last-child{margin-right:0%;}
.hallyuBanner > ul > li> dl{position:relative; display:block; width:100%; height: 60px;}
.hallyuBanner > ul > li> dl > dt{font-size:16px; color:#1361a6; font-weight:700; margin-bottom:2px;}
.hallyuBanner > ul > li> dl > dd{font-size:19px; color:#2f2f2f; font-weight:300; width: 85%; line-height: 24px;}
.hallyuBanner > ul > li > a{display:block; position:relative; width:100%; border-bottom:solid 1px #a9a9a9; padding-bottom:10px; margin-top:20px;}
.hallyuBanner > ul > li > a::after{content:""; position:absolute; bottom:7px; right:0; width:30px; height:30px; background:#1361a6 url("../../image/front/main/icon_arrow.png") center center no-repeat;}
.hallyuBanner > ul > li > a:hover{color:#000; border-bottom:solid 1px #000;}
.hallyuBanner > ul > li > a:hover::after{}
.hallyuBanner > ul > li > dl.hallyuBanner01{background:url("../../image/front/main/hallyu_banner01.png") center right no-repeat;}
.hallyuBanner > ul > li > dl.hallyuBanner02{background:url("../../image/front/main/hallyu_banner02.png") center right no-repeat;}
.hallyuBanner > ul > li > dl.hallyuBanner03{background:url("../../image/front/main/hallyu_banner03.png") center right no-repeat;} 
20230424 백업 end */

/* 20230424 온라인 문화원 삭제 start */
.hallyuBanner{position:relative; display:block; width:100%; margin:0 auto; overflow:hidden; margin-top:40px;}
.hallyuBanner > ul{}
.hallyuBanner > ul > li{position: relative; width:47.5%; margin-right:5%; float:left; padding-bottom: 15px;}
.hallyuBanner > ul > li:last-child{margin-right:0%;}
.hallyuBanner > ul > li> dl{position:relative; display:block; width:100%; height: 60px; padding-left: 60px; box-sizing: border-box;}
.hallyuBanner > ul > li> dl > dt{font-size:16px; color:#1361a6; font-weight:700; margin-bottom:2px;}
.hallyuBanner > ul > li> dl > dd{font-size:19px; color:#2f2f2f; font-weight:300; width: 85%; line-height: 24px;}
.hallyuBanner > ul > li > a{display:block; position: absolute; left: 0; bottom: 0; width:100%; border-bottom:solid 1px #a9a9a9; padding-bottom:70px;}
.hallyuBanner > ul > li > a span{position: absolute; right: 40px; bottom: 18px;}
.hallyuBanner > ul > li > a::after{content:""; position:absolute; bottom:15px; right:0; width:30px; height:30px; background:#1361a6 url("../../image/front/main/icon_arrow.png") center center no-repeat;}
.hallyuBanner > ul > li > a:hover{color:#000; border-bottom:solid 1px #000;}
.hallyuBanner > ul > li > a:hover::after{}
.hallyuBanner > ul > li > dl.hallyuBanner01{background:url("../../image/front/main/hallyu_banner0101.png") left center no-repeat;}
.hallyuBanner > ul > li > dl.hallyuBanner02{background:url("../../image/front/main/hallyu_banner0202.png") left center no-repeat;}
/* 20230424 온라인 문화원 삭제 end */


/* 20230215 추가 start */
@media screen and (max-width: 1200px) {
    .hallyuBanner > ul > li> dl > dd{font-size:17.5px;} 
}
/* 20230215 추가 end */

/* outsideBox */
.outsideBox{position:relative; width:1400px; margin:30px auto 40px auto; overflow:hidden;}
.koreaNews{width:calc(100% - 480px); float:left; overflow: hidden;}
/* kdy - start */
/* .Korea-net-k{float:left;width:100%;min-height:240px;height:100%;overflow:hidden;background:#003964;margin-right:10px;} */
.Korea-net-k{width:100%;min-height:240px;height:100%;overflow:hidden;background:#003964;margin-right:10px;}
/* kdy - end */
.Korea-net-k h4{position:relative;padding: 10px 10px 8px 10px;color:#fff;text-align: center;}
.Korea-net-k h4 span{font-size:19px;font-weight: 700;}
.Korea-net-k h4 span.more {position: absolute;right: 15px;}
.Korea-net-k .more a{color:#fff;display: block;width:80px;font-size: 14px;float: right;text-align: right;padding-top: 2px;}
.Korea-net-k .Koreanet-box{position:relative;width:100%;overflow:hidden;height:186px;box-sizing: border-box;/*padding: 0 10px 10px 10px;*/ padding: 0 9px;}
.Korea-net-k .Koreanet-box ul{height: 100%;box-sizing: border-box;padding: 10px 0;background: #fff;overflow: hidden;}
.Korea-net-k.col4 .koreanet-box ul li{width: 25%;}
.Korea-net-k .koreanet-box ul:after {content: '';display: block;clear: both;}
.Korea-net-k .Koreanet-box ul li{position: relative; width: 25%;float: left;overflow: hidden;height: 100%;}
.Korea-net-k .Koreanet-box ul li{padding:0 10px; box-sizing:border-box;}
.Korea-net-k .Koreanet-box ul li a{display: inline-block;position: relative;box-sizing: border-box;height: 100%;margin: auto;max-width: 100%;padding-bottom: 13px;}
.Korea-net-k .Koreanet-box ul li:first-of-type{padding-left: 10px;}
.Korea-net-k.height3 .Koreanet-box ul li a .konet-txt{min-width: 100px;-webkit-line-clamp:2;height:38px;overflow: hidden;}
.Korea-net-k .Koreanet-box li a .konet-img{max-height: 110px;overflow: hidden;display: block;padding: 0;text-align: center;}
.Korea-net-k .Koreanet-box li a .konet-img img{width: auto;height: 125px;}
.Korea-net-k .Koreanet-box li a span.konet-txt{display: block;padding-top: 5px;font-size: 15px;line-height: 18px;white-space: normal;text-overflow: ellipsis;
overflow: hidden;text-align: left;word-wrap: break-word;display: -webkit-box;display: -ms-flexbox;-webkit-box-orient: vertical;-ms-flex-direction: column;min-width: 60px;margin: auto;color: #333;}
.Korea-net-k .Koreanet-box li a span.date{position: absolute;white-space: nowrap;font-size:12px;color:#7f7f7f;bottom:-2px;left: 0;}

.noticeBoard_slider{position:relative; width:430px; margin-left:50px; float:right;}
.noticeBoard_slider .bx-controls-direction{position:absolute; right:15px; top:15px; width:100px; margin-top:0px}
.noticeBoard_slider .bx-controls-direction .bx-prev{display:inline-block; position:absolute; left:-10px; width:30px; height:30px; background:url("../../image/front/main/notice_prev.png") center center no-repeat;}
.noticeBoard_slider .bx-controls-direction .bx-next{display:inline-block; position:absolute; right:0px; width:30px; height:30px; background:url("../../image/front/main/notice_next.png") center center no-repeat;}
.noticeBoard_slider .bx-controls-auto{position:absolute; left:calc(100% - 85px); top:15px}
.noticeBoard_slider .bx-controls-auto a.bx-start, .noticeBoard_slider .bx-controls-auto a.bx-stop{display:block}
.noticeBoard_slider .bx-controls-auto .bx-start{width:30px; height:30px; background:url("../../image/front/main/notice_play.png") center center no-repeat;}
.noticeBoard_slider .bx-controls-auto .bx-stop{width:30px; height:30px; background:url("../../image/front/main/notice_stop.png") center center no-repeat;}
.noticeBoard_slider .bx-controls-auto a.active{display:none}
.noticeBoard_slider ul li a{position:relative; overflow:hidden; width:430px; height:240px; box-sizing:border-box; transition:all 300ms; display:block;}
.noticeBoard_slider ul li a img{position:absolute; top:50%; left:50%; width:100%; height:100%; transform:translate(-50%, -50%); transition:all 300ms;}

/* 언어별 css */
/* 한국어 */
html:lang(ko) .logoSub li{font-weight: 200;}
html:lang(ko) .langForm .btnLang{font-size: 15px; font-weight:200;} /* 20240416 font-size 추가 */
html:lang(ko) .nav li.depth01.on .navSub ul li a{font-weight:200;}
html:lang(ko) .nav li:nth-child(5) > div > ul{width:806px; text-align:right;}
html:lang(ko) .snsForm > ul > li > a{font-weight:200;}

html:lang(ko) .tab > ul > li > a{font-weight:700; letter-spacing:normal}
html:lang(ko) .galleryNews .tab_content > ul > li dl dt{ font-weight:500;}
html:lang(ko) .galleryNews .tab_content > ul > li dl dd{ font-weight:200;}
html:lang(ko) .galleryNews .tab_content > ul > li a.galleryBtn{font-weight:200;}
html:lang(ko) .infoArea h1{width:130px; font-weight:700;}
html:lang(ko) .infoArea .infoTxt dl dt{font-weight:200;}
html:lang(ko) .infoArea .infoTxt dl dd{font-weight:300;}
html:lang(ko) .noticeArea h1{ font-weight:700;}
html:lang(ko) .noticeArea ul li a p.date{font-weight: 100;}
html:lang(ko) .hallyuArea h1{ font-weight:700;}
html:lang(ko) .hallyuBbs ul li a dl dt{font-weight:500;}
html:lang(ko) .hallyuBbs ul li a dl dd{ font-weight: 100;}
html:lang(ko) .hallyuBanner > ul > li> dl > dt{font-weight:700; }
html:lang(ko) .hallyuBanner > ul > li> dl > dd{ font-weight: 100;}
html:lang(ko) .hallyuBanner > ul > li > a{ font-weight:200;}
html:lang(ko) .nav li:nth-child(4) > div > ul{width:100%; text-align:center;max-width: 1200px;}



/* 영어 */
html:lang(en) .hallyuBbs ul li a dl dd{line-height: 1.4;}

/* 프랑스어 */
html:lang(fr) .hallyuBbs ul li a dl dd{line-height: 1.4;}

/* 네덜란드어 */
html:lang(nl) .hallyuBbs ul li a dl dd{line-height: 1.4;}

/* 스페인어 */
html:lang(es) .hallyuBbs ul li a dl dd{line-height: 1.4;}

/* 포르투칼어 */
html:lang(pt) .noticeArea ul li a p.txt{line-height:1.4em;}

/* 아랍어 */
html:lang(ar) .nav {display: inline-block; /* width: calc(100% - 420px); */ height: 100%; margin: 0 auto; text-align: center;}
html:lang(ar) .nav li:nth-child(1) > div > ul{width:700px; text-align:left;}
html:lang(ar) .nav li:nth-child(2) > div > ul{width:700px; text-align:left;}
html:lang(ar) .nav li:nth-child(3) > div > ul{}
html:lang(ar) .nav li:nth-child(4) > div > ul{width:700px; text-align:right;}
html:lang(ar) .nav li:nth-child(5) > div > ul{width:700px; text-align:right;}
html:lang(ar) .Korea-net-k{width:99%;}



.notice-Board {
    position: relative;
    font-size: 0;
    max-width: 1400px;
    margin: 40px auto 60px; /* 20230424 상단 간격 추가 */
    overflow: hidden;
    width: 100%;
    height: 242px;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    display: -moz-box;
    -moz-box-orient: horizontal;
    display: box;
    box-orient: horizontal;
    display: flex;  /* 사파리 브라우저 수정 20221005 */
}
.notice-Board .koreanet {width: 100%;height: 100%; overflow: hidden;display: block;-webkit-box-flex: 1;-moz-box-flex: 1;-ms-flex: 1;box-flex: 1;text-align: center;}
.notice-Board .notice-slider {position: relative;margin-left: 2%;max-width: 430px;width: 100%;height: 100%;display: block;-webkit-box-flex: 1;-moz-box-flex: 1;-ms-flex: 1;box-flex: 1; overflow:hidden;}


.notice-slider .bx-controls {position: absolute;right: 15px;top: 0;}
.notice-slider .bx-controls-direction{position:absolute; right:0px;top: 15px; width:150px; height:30px; transition:0.3s}
.notice-slider .bx-controls-direction .bx-prev{
    display:inline-block; position:absolute; left:0; border:solid 1px #fff; padding:4px 8px;line-height: 1;background: rgba(0, 0, 0, 0.5);border-radius: 3px;
}
.notice-slider .bx-controls-direction .bx-next{
    display:inline-block; position:absolute; right:0px; border:solid 1px #fff;padding:4px 8px;line-height: 1;background: rgba(0, 0, 0, 0.5);border-radius: 3px;
}

/* kdy - start */
/*
.notice-slider .bx-controls-auto{
    position: absolute;right: 40px;top: 15px;width: 70px;height: 30px; border: solid 1px #fff;transition: 0.3s;background: rgba(0, 0, 0, 0.5);
    border-radius: 3px;padding: 5px 12px;box-sizing: border-box;
}
*/
.notice-slider .bx-controls-auto{
    position: absolute;right: 35px;top: 15px;width: 80px;height: 30px; border: solid 1px #fff;transition: 0.3s;background: rgba(0, 0, 0, 0.5);
    border-radius: 3px;padding: 5px 12px;box-sizing: border-box;
}
/* kdy - end */

.notice-slider .bx-controls-auto a.bx-start {display:block;width: 30px;}
.notice-slider .bx-controls-auto a.bx-start img {width: 8px;margin-top: 2px;}
.notice-slider .bx-controls-auto a.bx-stop {display:block;width: 30px;}
.notice-slider .bx-controls-auto a.bx-stop img {width: 8px;margin-top: 2px;}
.notice-slider .bx-controls-auto a.active {display: none;}
.notice-slider .bx-controls-auto a {display: block;}
/* kdy - start */
/* #notice-counter {position:absolute; top: 15px; right: 62px;padding:2px 0; transition:0.3s;font-size: 16px; color: #fff;font-weight: 200;letter-spacing: 2px;z-index: 9;} */
#notice-counter {position:absolute; top: 15px; right: 56px;padding:2px 0; transition:0.3s;font-size: 16px; color: #fff;font-weight: 200;letter-spacing: 2px;z-index: 9;}
/* kdy - end */
#notice-counter strong {font-weight: 200;vertical-align: top;color: #fff;font-size: 16px; }

/* 20211206 */
.notice-slider ul li a{position:relative; overflow:hidden; width:430px; height:240px; box-sizing:border-box; transition:all 300ms; display:block;}
.notice-slider ul li a img{position:absolute; top:50%; left:50%; width:100%; height:100%; transform:translate(-50%, -50%); transition:all 300ms;}
/* 20211206 */




.bannerwrap {border-top: 1px solid #e5e5e5;}
.banner-box {font-size: 0;max-width: 1400px;margin: auto;overflow: hidden;border-bottom: 1px solid #e5e5e5;}
.banner_slider  {position: relative; padding: 10px 0;}
.banner_slider li a {display: block;padding: 10px 0;text-align: center;}
.banner_slider li a span {display: inline; font-size: 15px; color: #444;font-weight: 200;vertical-align: top;} /* 20230127 display: inline; 으로 변경: 아이콘정렬 */
.banner_slider li a span {padding-right: 20px; background:url("../../image/front/main/ico-window.png") right center no-repeat;background-size: 13px;}
.banner_slider .bx-wrapper {margin: 0;}

.banner_slider .bx-wrapper .bx-controls {position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.banner_slider .bx-wrapper .bx-controls .bx-controls-direction {width:110px;height: 40px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.banner_slider .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev {display: inline-block;position: absolute;left: 0;top: 17px; width: 30px;height: 40px;}
.banner_slider .bx-wrapper .bx-controls .bx-controls-direction a.bx-next {display: inline-block;position: absolute;right: 0;top: 17px; width: 30px;height: 40px;}
.banner_slider .bx-wrapper .bx-viewport ul::after {content: '';display: block;clear: both;}
.banner_slider .bx-controls-auto a.active {display: none;}
.banner_slider .bx-controls-auto a {display: block;}
.banner_slider .bx-controls-auto {position: absolute;top: 50%;right: 47px;transform: translateY(-40%);width: 20px;height: 20px;}


.newsletter {font-size: 0;max-width: 1400px;margin: auto;padding-bottom: 55px; overflow: hidden;background:url("../../image/front/main/hand-bg.png") right center no-repeat;}
.newsletter h3 {padding-top: 35px; font-size: 25px;color: #3d3c3c;font-weight: 700;line-height: 1;}
.newsletter .input-box {padding: 20px 0 30px;}
.newsletter .input-box input {
    max-width: 350px;width: 100%; padding: 10px 20px 10px 10px; color: #222;font-size: 16px; font-weight: 100;line-height: 23px;
    border: 1px solid #2f2f2f;-webkit-transition: all 0.30s ease-out; text-align: left;box-sizing: border-box;
}
.newsletter .input-box input::placeholder {color: #a7a7a7;font-weight: 100;}
.newsletter .input-box input + input {margin-left: 10px;}
.newsletter .btn-news {
    min-width: 150px;margin-left: 10px; padding: 15px 10px 14px; font-size: 16px;color: #fff;font-weight: 500;line-height: 1;
    background-color: #1361a6;text-align: center;vertical-align: top;
}
.newsletter .newsletter-agree  {}
label.check {display: inline-block;text-align: left;}
label.check input[type="checkbox"] {
	width: 24px;height: 24px;min-height: 24px;padding: 0;vertical-align: middle;-webkit-transition: all .5s;transition: all .5s;border: 1px solid #ddd;border-radius: 2px;
}
label.check input[type="checkbox"]:checked { 
	border: 1px solid #ddd; -webkit-transition: all .5s;transition: all .5s;
}
label.check span {display: inline-block;padding-left: 5px;color: #404040;font-size: 15px;text-align: left;font-weight: 200;line-height: 24px;}

.newsletter .btn-detail {margin: 0 0 0 30px;font-size: 15px; color: #c0205f;text-decoration: underline;font-weight: 200;vertical-align: top;background: transparent;}

/*-------------------------------------------------------------------
## footer
-------------------------------------------------------------------*/

.select-box {background-color: #3d4959;}
.select-box ul {font-size: 0;max-width: 1400px;margin: auto;overflow: hidden;}
.select-box ul li {position: relative; float: left;width: 25%;font-size: 0;padding: 10px 0;}
.select-box ul li label {display: inline-block;width: 0;height: 0;font-size: 0;color: transparent;line-height: 0;}
.select-box ul li select {
    cursor: pointer;width: 100%;height: 40px;line-height: 40px; padding: 0 15px;box-sizing: border-box;background: url(../../image/front/new/select-arrow.png) calc(100% - 15px) center no-repeat;
    font-size: 16px;color: #fff;-webkit-appearance: none;-moz-appearance: none;appearance: none;transition: 0.3s;font-weight: 100;
}
.select-box ul li select option {background: #3d4959;font-weight: 100;line-height: 60px;}
.select-box ul li + li:before {content: '';display: inline-block; position: absolute;left: 0;top: 0;bottom: 0; border-left: 1px solid #78808b;}

.address-box {position: relative; padding: 36px 0;}
.address-box ul {position: relative;font-size: 0;max-width: 1400px;margin: auto;overflow: hidden;}
.address-box ul p {font-size: 16px;color: #505050;font-weight: 100;line-height: 1.4; width: 980px;}
.address-box ul p + p {padding-top: 2px;}
/* kdy - start */
/* .address-box .etc {position: absolute;right: 0;top: 50%;transform: translateY(-50%);} */
.address-box .etc {position: absolute;right: 0;top: 60%;transform: translateY(-50%);}
/* kdy - start */
.address-box .etc a {font-size: 16px;color: #3d3c3c;font-weight: 500;line-height: 1.4;}
.address-box .etc a + a {margin-left: 40px;color: #969696;}


.mobile-nav {display: none;}
.lines-button {display: none;}
.menu_close {display: none;}
.search-mobile {display: none;}


@media screen and (min-width: 1071px) {
    .menu_close {display: none !important;}

    /* 20211210 .main_slider .bx-controls {top: 290px;} */

}

/* 언어별 css */

@media screen and (min-width: 1071px) {
    /* 태국 */
    html:lang(th) .nav li.depth01 {max-width: 20%;}
    html:lang(th) .nav li.depth01 a.depth01Txt {line-height: 1.2;}
    html:lang(th) .multiLink {position: absolute;right: 0;top: 0;}
    html:lang(th) .headerWrap {position: relative;}
    html:lang(th) .nav li:nth-child(2) > div > ul {width:100%; text-align:center;max-width: 920px;}
    html:lang(th) .nav li.depth01.on:nth-child(2) > div > ul > li {padding: 0 10px;}
    /* 영어 */
    html:lang(en) .nav li:nth-child(2) > div > ul{width:100%; text-align:center;max-width: 1550px;}
    html:lang(en) .nav li:nth-child(4) > div > ul{width:100%; text-align:center;max-width: 1200px;}
    html:lang(en) .nav li:nth-child(5) > div > ul{width:100%; text-align:center;max-width: 1200px;}
    html:lang(en) .nav{display:inline-block; width:calc(100% - 456px); height:100%; margin:0 auto; text-align:center;}

    /* 러시아어 */
    html:lang(ru) .hallyuBanner > ul > li> dl > dd{font-size:17px;}
    html:lang(ru) .nav li:nth-child(1) > div > ul{width:100%; text-align:center;max-width: 1400px;}
    html:lang(ru) .nav li:nth-child(4) > div > ul{width:100%; text-align:center;max-width: 1200px;}
    html:lang(ru) .visual .title {line-height: 61px;}
    html:lang(kk) .hallyuBanner > ul > li > dl.hallyuBanner03 > dd {font-size: 17px;}

    /* 카자흐어 */
    html:lang(kk) .nav li:nth-child(2) > div > ul{width:100%; text-align:center;max-width: 1400px;}
    html:lang(kk) .nav li:nth-child(4) > div > ul{width:100%; text-align:center;max-width: 1200px;}
    html:lang(kk) .visual .title {line-height: 61px;}
    html:lang(kk) .hallyuBanner > ul > li > dl.hallyuBanner03 > dd {font-size: 17px;}

    /* 스페인어 */
    html:lang(es) .visual .title {line-height: 61px;}
    html:lang(es) .nav li:nth-child(2) > div > ul{width:100%; text-align:center;max-width: 1200px;}
    html:lang(es) .nav{display:inline-block; width:calc(100% - 420px); height:100%; margin:0 auto; text-align:center;}

    /* 베트남어 */
    html:lang(vi) .visual .title {line-height: 61px;}
    html:lang(vi) .nav li:nth-child(1) > div > ul{width:100%; text-align:left;max-width: 1200px;}
    /* html:lang(vi) .nav{display:inline-block; width:calc(100% - 410px); height:100%; margin:0 -20px; text-align:center;} 20230127 백업 */
    html:lang(vi) .nav{display:inline-block; width:calc(100% - 410px); height:100%; margin:0 -5px; text-align:center;} /* 20230127 수정 */

    /* 프랑스어 */
    html:lang(fr) .nav li:nth-child(2) > div > ul{width:100%; text-align:center;max-width: 1400px;}
    html:lang(fr) .nav li:nth-child(4) > div > ul{width:100%; text-align:center;max-width: 1400px;}
    html:lang(fr) .nav li:nth-child(5) > div > ul{width:100%; text-align:right;max-width: 1200px;}

    /* 네덜란드어 */
    html:lang(nl) .nav li:nth-child(2) > div > ul{width:100%; text-align:center;max-width: 1400px;}
    html:lang(nl) .nav li:nth-child(4) > div > ul{width:100%; text-align:center;max-width: 1400px;}
    html:lang(nl) .nav li:nth-child(5) > div > ul{width:100%; text-align:right;max-width: 1200px;}
    html:lang(nl) .nav{display:inline-block; width:calc(100% - 410px); height:100%; margin:0 -20px; text-align:center;}

    /* 포르투칼어 */
    html:lang(pt) .nav li:nth-child(1) > div > ul{width:100%; text-align:left;max-width: 1200px;}
    html:lang(pt) .nav li:nth-child(2) > div > ul{width:100%; text-align:center;max-width: 1200px;}
    html:lang(pt) .nav li:nth-child(4) > div > ul{width:100%; text-align:center;max-width: 1200px;}
    html:lang(pt) .nav{display:inline-block; width:calc(100% - 410px); height:100%; margin:0 -20px; text-align:center;}

    /* 인도네시아어 */
    html:lang(id) .nav li:nth-child(2) > div > ul{width:100%; text-align:center;max-width: 1400px;}
    html:lang(id) .nav li:nth-child(4) > div > ul{width:100%; text-align:center;max-width: 1200px;}
    html:lang(id) .nav{display:inline-block; width:calc(100% - 460px); height:100%; margin:0 -20px; text-align:center;}
    html:lang(id) .hallyuBbs ul li a dl dd {line-height: 1.4em;}
    html:lang(id) .hallyuBanner > ul > li > dl.hallyuBanner03 > dd {font-size: 17px;}

    /* 헝가리어 */
    html:lang(hu) .nav li:nth-child(2) > div > ul{width:100%; text-align:center;max-width: 1400px;}

    /* 중국어(광동어) */
    html:lang(hk) .nav li:nth-child(5) > div > ul{width:100%; text-align:center;max-width: 1000px;}
    html:lang(hk) .nav{display:inline-block; width:calc(100% - 450px); height:100%; margin:0 auto; text-align:center;}

    /* 터키어 */
    html:lang(tr) .nav li:nth-child(2) > div > ul{width:100%; text-align:center;max-width: 1400px;}

    /* 폴란드어 */
    html:lang(pl) .nav li:nth-child(2) > div > ul{width:100%; text-align:center;max-width: 1200px;}
    html:lang(pl) .nav li:nth-child(4) > div > ul{width:100%; text-align:center;max-width: 1200px;}


}

/* 아랍어 */
html:lang(ar) body {font-family: 'Arabic Transparent', arial, sans-serif;direction: rtl;}
html:lang(ar) .logoArea {float: right;}
html:lang(ar) .logoSub li.logotxt01:after {
    content: ""; position: relative; display: inline-block; top: 1px; height: 12px; border-right: solid 1px #fff; margin-right: 10px;
}
html:lang(ar) .multiLink {float: left;}
html:lang(ar) .multiLink .langForm {float: right;}
html:lang(ar) .multiLink > div:first-child {margin-left: 20px;}
html:lang(ar) .multiLink > div {float: right;margin-left: 20px;}
html:lang(ar) .galleryNews .tab_content > ul > li dl dt {text-align: right;}
html:lang(ar) .galleryNews .tab_content > ul > li dl dd {text-align: right;}
html:lang(ar) .galleryNews .tab_content > ul > li a.galleryBtn {padding: 15px 15px 15px 105px;}
html:lang(ar) .galleryNews .tab_content > ul > li a.galleryBtn::after {left: 20px;right: auto;transform: rotate(230deg);}
html:lang(ar) .galleryNews .tab_content > ul > li {padding: 10px 0 0 10px;}
html:lang(ar) .galleryNews .tab_content > ul > li::after {left: 0;right: auto;border-right: 0;border-left: solid 10px #1361a6;}
html:lang(ar) .galleryNews .tab_content > ul > li + li {margin-right: 54px;margin-left: auto;}
html:lang(ar) .galleryNews .tab_content > ul > li:last-child {margin-right: 54px;margin-left: auto;}
html:lang(ar) .galleryNews .tab_content > p,
html:lang(ar) .noticeArea > p {right: auto;left: 0;}
html:lang(ar) .tabs button {float: right;margin-left: 70px;margin-right: auto;}
html:lang(ar) .noticeArea ul li a p.date {left: auto;right: 20px;}
html:lang(ar) .infoArea .infoIcon {left: auto;right: 0;}
html:lang(ar) .infoArea {padding-left: 0;padding-right: 170px;}
html:lang(ar) .infoArea .infoTxt dl dt {float: right;margin-left: 15px;padding-left: 15px;min-width: 60px;}
html:lang(ar) .infoArea .infoTxt dl dd {float: right;}
html:lang(ar) .infoArea .infoTxt dl dt::after {left: 0;right: auto;}
html:lang(ar) .hallyuBbs ul {direction: rtl;}
html:lang(ar) .hallyuBbs ul li {float: right;margin-left: 7%;margin-right: 0;}
html:lang(ar) .hallyuBbs ul li:last-child {margin-left: 0%;}
html:lang(ar) .hallyuBbs ul li a img {float: right;}
html:lang(ar) .hallyuBbs ul li a dl {float: right;}
html:lang(ar) .hallyuBbs ul li a dl dt {text-align: right;}
/* 20230424 백업
html:lang(ar) .hallyuBanner > ul > li > dl.hallyuBanner01 {background-position: -80px center;}
html:lang(ar) .hallyuBanner > ul > li > dl.hallyuBanner02 {background-position: 10px center;}
html:lang(ar) .hallyuBanner > ul > li > dl.hallyuBanner03 {background-position: -50px center;}
html:lang(ar) .hallyuBanner > ul > li > a::after {right: auto;left: 0;transform: rotate(180deg);} 
*/
/* 20230424 온라인 문화원 삭제 start */
html:lang(ar) .hallyuBanner > ul > li > dl {padding-left: 0; padding-right: 60px;}
html:lang(ar) .hallyuBanner > ul > li > dl.hallyuBanner01 {background-position: right top;}
html:lang(ar) .hallyuBanner > ul > li > dl.hallyuBanner02 {background-position: right top;}
/* html:lang(ar) .hallyuBanner > ul > li > dl.hallyuBanner03 {background-position: -50px center;} 20230424 삭제 */
html:lang(ar) .hallyuBanner > ul > li > a::after {right: auto;left: 0;transform: rotate(180deg);}
html:lang(ar) .hallyuBanner > ul > li > a span {left: 40px; right: auto;}
/* 20230424 온라인 문화원 삭제 end */

html:lang(ar) .notice-Board .koreanet {float: right;}
html:lang(ar) .notice-Board .notice-slider {float: left;margin-right: 2%;margin-left: auto;}
html:lang(ar) .notice-slider .bx-wrapper,
html:lang(ar) .banner-box .bx-wrapper {direction: ltr;}
html:lang(ar) .notice-slider .bx-controls {right: auto;left: 15px;}
html:lang(ar) .notice-slider .bx-controls-direction {right: auto;left: 0;}
html:lang(ar) #notice-counter {left: 62px;right: auto;}
html:lang(ar) .notice-slider .bx-controls-auto {right: auto;left: 35px;}
html:lang(ar) .notice-slider .bx-controls-auto .bx-controls-auto-item {direction: rtl;}
html:lang(ar) .banner_slider li a span {background-position: 0 center;padding-left: 20px;padding-right: 0;}
html:lang(ar) .banner_slider .bx-wrapper .bx-controls {right: auto;left: 0;}
html:lang(ar) .banner_slider .bx-wrapper .bx-controls .bx-controls-direction {left: 0;}
html:lang(ar) .banner_slider .bx-controls-auto {right: auto;left: 40px;}
html:lang(ar) .noticeArea {position: relative; display: block; width: 47%; box-sizing: border-box;}

html:lang(ar) label.check span {padding-right: 5px;}
html:lang(ar) .newsletter .input-box input {text-align: right;}
html:lang(ar) .newsletter .input-box input + input {margin-right: 10px;}
html:lang(ar) .select-box ul li select {background-position: left 10px center;}
html:lang(ar) .address-box .etc {right: auto;left: 0;}


/* kdy - start */
/* 영어 */
html:lang(en) .noticeArea ul li a p.txt{font-size:17px; color:#555; font-weight:500; line-height:1.4em;max-height: 88px;overflow: hidden;}

/* 러시아어 */
html:lang(ru) .noticeArea ul li a p.txt{font-size:17px; color:#555; font-weight:500; line-height:1.3em;max-height: 88px;overflow: hidden;}
html:lang(ru) .banner_slider li a span {padding-right: 20px; background:url("../../image/front/main/ico-window.png") right center no-repeat;background-size: 13px;line-height: 1.2em;}

/* kdy - end */


@media screen and (min-width: 1071px) {
    /* 아랍어 */
    html:lang(ar) .nav {width: calc(100% - 420px);}
    html:lang(ar) .nav li > div > ul {text-align: right !important;}
    html:lang(ar) .nav li:nth-child(2) > div > ul {width:100%; text-align:center;max-width: 1000px;}
    html:lang(ar) .nav li:nth-child(4) > div > ul {width:100%; text-align:center;max-width: 865px;}
    html:lang(ar) .nav li:nth-child(5) > div > ul {text-align: left !important;}
    html:lang(ar) .main_slider .bx-controls {right: auto;left: 0;}
    html:lang(ar) .main_slider .bx-controls-direction {right: auto;left: 0;}
    html:lang(ar) .main_slider .bx-controls-auto {right: auto;left: 76px;padding: 15px 0 15px 48px;}
    html:lang(ar) #slide-counter {right: auto;left: 95px;}
    html:lang(ar) .searchBox-area button.btn-submit {left: 0;right: auto;}
    html:lang(ar) .nav li.depth01 {float: right;}
    html:lang(ar) .nav li.depth01.on .navSub {direction: ltr;}
}


/* 뉴스레터 구독하기 20230413 start */
.subs_wrapper{position: relative; background-color: #eceeec; height: 100px; margin-top: 40px;}
.subs_inner{position: relative; display: flex; flex-direction: row; align-items: center; margin: 0 auto; width: 1400px; background: url(../../image/front/main/img_subsMain02.png) no-repeat; height: inherit; box-sizing: border-box; padding-left: 40px;}
.subs_inner::after{content: ''; position: absolute; bottom: 0; right: 40px; width: 300px; height: 120px; background: url(../../image/front/main/img_subsMain01.png) no-repeat;}
.subs_inner h2{font-size: 26px; font-weight: bold; margin-right: 20px;}
.subs_inner button{position: relative; font-size: 16px; color: #1361a6; font-weight: bold; background-color: #fff; border-radius: 500px; border: 1px solid #d4d4d4; padding: 9px 90px 9px 15px; transition: 0.2s;}
.subs_inner button::after{content: ''; position: absolute; right: 4px; top: 50%; transform: translateY(-50%); height: 34px; width: 34px; border-radius: 500px; background:#1361a6 url(../../image/front/main/bullet_sbus.png) no-repeat center;}
.subs_inner button:hover{background-color: #1361a6; color: #fff; border: 1px solid #1361a6;}

html:lang(ar) .subs_inner::after {right: auto; left: 40px; }
html:lang(ar) .subs_inner {padding-left: 0px; padding-right: 40px;}
html:lang(ar) .subs_inner h2 {margin-right: 0px; margin-left: 20px;}


@media screen and (max-width: 1400px){
	.subs_inner{width: 100%;}
}

@media screen and (max-width: 1000px){
	.subs_wrapper{height: auto; padding: 20px 0; margin-top: 30px;}
	.subs_inner{flex-direction: column; align-items: flex-start; justify-content: center; padding-left: 30px;}
	.subs_inner::after{bottom: -20px; right: 30px; }
	.subs_inner h2{margin-bottom: 10px; font-size: 22px;}
	.subs_inner button{position: relative; font-size: 15px;}
}

@media screen and (max-width: 768px){
	.subs_inner{padding-left: 20px;}
	.subs_inner::after{bottom: -20px; right: 20px; width: 270px; height: 109px; background-size: 270px;}
	.subs_inner h2{margin-bottom: 10px;}
}

@media screen and (max-width: 640px){
	.subs_wrapper{padding-bottom: 130px;}
	.subs_inner{align-items: center; padding-left: 0px;}
	.subs_inner::after{bottom: -130px; right: 0px; width: 100%; background-position: bottom center;}
	.subs_inner h2 {margin-right: 0; font-size: 20px;}

    html:lang(ar) .subs_inner {padding-right: 0px;}
    html:lang(ar) .subs_inner h2 {margin-left: 0px;}
    html:lang(ar) .subs_inner::after {left: 0px; }
}
/* 뉴스레터 구독하기 20230413 end */








/* tablet Size */
@media only screen and (min-width: 768px) and (max-width: 1070px) {
    #header {height: 70px;}
    .logoArea h1 a {width: 170px;height: 70px;background: url(../../image/front/main/logo_btype.png) center center no-repeat;background-size: 150px;}
    .logoArea h1 a.logoCanada{width: 170px;height: 70px;background: url(../../image/front/main/logo_btype_ca.png) center center no-repeat;background-size: 150px;} /* 20240724 캐나다 로고 추가 */
    .mobile-nav {display: none;}
    .lines-button {display: block;background: url(../../image/front/main/icon_allMenu_active.png) center center no-repeat;background-size:25px;}
    .lines-button {position: absolute;right: 0;top: 0;height: 100%;width: 45px;z-index: 999;}

    .menu_close {display: none;background: url(../../image/front/main/btn_close2_over.png) center 15px no-repeat;background-size: 22px;}
    .menu_close {position: absolute;right: 10px;top: 0;height: 100%;width: 45px;padding-top: 35px;z-index: 999;font-size: 14px;color: #fff;font-weight: 300;}
    .menu_close .menu-line {display: block;position: absolute;height: 2px;width: 25px;}
    .menu_close .menu-line:first-of-type {top: 9px;transform:rotate(315deg);}
    .menu_close .menu-line:nth-of-type(2) {display: none;}
    .menu_close .menu-line:nth-of-type(3) {top: 9px;transform:rotate(-315deg);}
    .menu-line:after, .menu-line:before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: "";border-radius: 2px;box-sizing: border-box;background-color: #000;}
    .search-mobile {display: inline-block;}
    .search-mobile .btnSearch {
        display: inline-block;position: absolute;right: 45px;top: 0;height: 100%;width: 45px;border-radius: 0;
        background: url(../../image/front/main/icon_search_active.png) center center no-repeat;background-size:25px;
    }
    .btnSearch, .searchForm.open .btnSearch {
        height: 70px;width: 55px;padding-top: 42px;position: absolute;right: 65px;border-radius:0;
        background:  url(../../image/front/main/icon_search2.png) center 15px no-repeat;
    }
    .searchForm.open .btnSearch {right: 65px;}
    
    .search-mobile.open .btnSearch {background: #c02462 url(../../image/front/main/icon_search_on.png) center center no-repeat;border-radius: 0;}
    .search-mobile.open .mobilesearchBoxHeader .searchBox-bg {background-color: #c02462;height: 60px;opacity: 1;}
    .searchBox-area input::placeholder{color:#cfa6b6 !important;}
    .search-mobile .mobilesearchBoxHeader {top: 70px;z-index: 99;}
    .mb-group .btnSearch .IR,
    .mb-group .btnhome .IR {width: 100%;height: 20px;font-size: 14px;color: #fff;font-weight: 300;line-height: 1;}

    .mb-group .btnhome {display: inline-block; height: 70px;width: 45px;padding-top: 42px;position: absolute;right: 135px;background:  url(../../image/front/main/icon_home_over.png) center 15px no-repeat;}

    .mb-group .multiLink > div:first-child {padding: 14px 0 0 20px;border-bottom:0}
    .mb-group .langForm .btnLang {
        border: 1px solid #fff;min-width: 103px;border-radius: 4px;text-align: left;height: 100%;padding: 0 30px 0 10px;font-size: 15px;
        line-height: 28px;color: #fff;font-weight: 500;background:transparent url(../../image/front/main/icon_langSelect.png) calc(100% - 10px) center no-repeat;
    }
    .mb-group .langForm .btnLang::after {content: none;}
    .mb-group .snsForm .btnSns {display: none;}
    .mb-group .snsForm > ul {background: transparent;border: 0;position: fixed;bottom: 20px;top: 90%;left: auto;right: 240px;display: block;}
    .mb-group .snsForm {position: absolute;left: 10px;bottom: 20px;}
    .mb-group .snsForm > ul > li {display: inline-block;padding: 0;}
    .mb-group .snsForm > ul > li + li {margin-left: 5px;}
    .mb-group .snsForm > ul > li > a {padding: 10px;line-height: 1;}
    .mb-group .snsForm > ul > li > a span {font-size: 0;text-indent: -9999px;}
    .mb-group .langForm > ul {top: 43px;right: 0;width: 103px;border-radius: 4px;}
    .mb-group .langForm > ul > li {padding: 0;}
    .mb-group .langForm > ul > li > a {padding: 8px 10px;}
    .mb-group .langForm > ul > li > a:hover {color: #fff;background-color: #1e90ff;}
    

    .main_slider {margin: auto 20px;}
    #mainvisual {height: 450px;}
    .visual{padding: 20px 0 0 0;}
    .visual > div a {top: 200px;}
    .visual .visualText {width: calc(100% - 450px); padding: 25px 15px 25px 25px;}
    .main_slider .bx-wrapper {width: 100%;}
    .visual > span img {width: 410px;height: 335px;}
    .visual .title {font-size: 32px;line-height: 48px;}

    .multiLink {position: absolute;right: 0;top: -70px;margin: 0;height: 70px; background-color: #c02462;padding: 0;width: 100%;box-sizing: border-box;}
    .searchForm .searchBoxHeader {top: 70px;}
    .main_slider .bx-controls {top: auto;right: 50px;transform: inherit;bottom: 50px;}
    #slide-counter {top: auto;right: 145px;transform: inherit;bottom: 37px;}



    .mb-group {position: fixed;top: 70px;bottom: 0;right: -40rem;z-index: 997;max-width: 420px;height: 100%;width: 85%;background-color: #fff;display: none;}
    .nav {display: block; width: 100% !important; background-color: #f1f1f1; z-index: 998;} /* 20230216 !important 추가 */
    .nav > ul {display: block; min-width: 10px;overflow: hidden;}
    .nav > ul::before {content: '';display: inline-block;background: #fff;position: absolute; top: 0;bottom: 0;left: 0;width: 50%;}
    .nav li.depth01 {display: block; float: none; height: auto; padding: 0 10px !important;} /* 20230216 padding 추가 */
    .nav li.depth01.active a.depth01Txt {background:url("../../image/front/main/mobNav_bullet01on.png") calc(100% - 10px) center no-repeat;color:#c02462;}
    .nav li.depth01 a.depth01Txt:hover, .nav li.depth01 a.depth01Txt:focus{
        background:url("../../image/front/main/mobNav_bullet01on.png") calc(100% - 10px) center no-repeat;color:#c02462;
    }
    .nav li.depth01 a.depth01Txt {
        padding : 15px 10px !important; width: 50%; text-align: left; box-sizing: border-box; color: #2c2c2c; display: block; background:#fff; font-size: 17px !important; height: auto;
    } /* 20230217 !important 추가 및 padding 수정, height 추가 */
    .nav li.depth01 .navSub {left: 160px;top: 0;border-top: 0;box-shadow: none;}
    .nav li.depth01.active .navSub {left: 50%;top: 0;border-top: 0;box-shadow: none; display: block !important;}
    .nav li.depth01.active .navSub ul li {display: block;line-height: 1;border-bottom: 1px solid #e6e6e6;max-width: 210px;}
    .nav li.depth01.active .navSub li a {display: block;padding: 13px 20px;text-align: left;border-bottom: 1px solid #eee;font-size: 16px;}
    .nav li:nth-child(2) > div > ul {width: 100%;}
    .nav li.depth01 .navSub ul {display: inline-block; width: 100%;} /* 20230216 display 추가 */
    .nav ul {min-width: 100px;}


    .nav li.depth01 a.depth01Txt:before {content: none;}
    .nav li.depth01 a.depth01Txt:after {content: none;}
    .dimm100 {position: fixed;top: 0;left: 0;z-index: 97;width: 100%;height: 100%;background-color: #000;opacity: 0.8;filter: alpha(opacity=80);}


    .galleryNews {padding: 30px 20px 20px;}
    .galleryNews .tab_content > ul {
        width: 100%;height: 100%;display: -webkit-box;display: -ms-flexbox;-webkit-box-orient: horizontal;-ms-flex-direction: row;display: -moz-box;-moz-box-orient: horizontal;display: box;box-orient: horizontal;
    }
    .galleryNews .tab_content > ul > li {display: block;-webkit-box-flex: 1;-ms-flex: 1;-moz-box-flex: 1;box-flex: 1;text-align: center;padding: 8px 8px 0 0;}
    .galleryNews .tab_content > ul > li + li {margin-left: 20px;}
    .galleryNews .tab_content > ul > li a.galleryImg {width: 100%;height: 170px;}
    .galleryNews .tab_content > ul > li a.galleryImg img {object-fit: cover;}

    .tab > ul > li > a {padding: 15px 5px 0 5px;font-size: 22px;}
    .tab > ul > li > a.show:after {bottom: 5px;height: 5px;}
    .galleryNews .tab_content > p a {width: 40px;height: 40px;}
    .galleryNews .tab_content > ul > li::after {width: 50px;height: 50px;border-top: solid 8px #1361a6;border-right: solid 8px #1361a6;}
    .galleryNews .tab_content > ul > li a.galleryBtn {padding: 10px 86px 10px 15px;}
    .galleryNews .tab_content > ul > li a.galleryBtn::after {top: 16px;}

    .tabs button {font-size: 22px;} /* 20230216 추가  */

    .infoWrap {margin: 20px auto;}
    .infoArea {background-size: cover;}
    .infoArea .infoTxt dl dd{font-size:14px;}
    .noticeWrap {padding: 0 20px;}
    .noticeArea h1 {font-size: 21px;}
    .noticeArea > p a {width: 40px;height: 40px;}
    .noticeArea ul li a {max-height: 160px;padding: 20px 15px;}
    .noticeArea ul li a p.txt {
        font-size: 16px;line-height: 1.5em;white-space: normal;height: 70px; text-align: left; word-wrap: break-word; display: -webkit-box; 
        display: -ms-flexbox; -webkit-line-clamp: 3; -webkit-box-orient: vertical;-ms-flex-direction: column;overflow: hidden;
    }

    .hallyuBanner {margin-top: 30px;}
    .hallyuBbs ul {
        width: 100%;height: 100%;display: -webkit-box;display: -ms-flexbox;-webkit-box-orient: horizontal;-ms-flex-direction: row;display: -moz-box;-moz-box-orient: horizontal;display: box;box-orient: horizontal;
    }
    .hallyuBbs ul li {display: block;-webkit-box-flex: 1;-ms-flex: 1;-moz-box-flex: 1;box-flex: 1;text-align: center;margin-right:0}
    .hallyuBbs ul li + li {margin-left: 5%;}
    .hallyuBbs ul li a span {display: inline-block;float: left;width: 50%;}
    .hallyuBbs ul li a dl {display: inline-block;width: 50%;}
    .hallyuBbs ul li a img {width: 100%;object-fit: cover;}
    .hallyuBanner > ul > li {position: relative; padding-bottom: 35px;} /* 20230424 수정  */
    /* .hallyuBanner > ul > li > dl {height: 110px;} 20230215 기존 백업  */
    .hallyuBanner > ul > li > dl {padding-bottom: 20px; padding-left: 0px;} /* 20230424 수정  */
    .hallyuBanner > ul > li> dl > dd {width: 70%;font-size: 16px;}
   
    .hallyuBanner > ul > li > dl.hallyuBanner01 {background: url(../../image/front/main/hallyu_banner0101.png) right center no-repeat;} /*20230424 수정 */
    .hallyuBanner > ul > li > dl.hallyuBanner02 {background: url(../../image/front/main/hallyu_banner0202.png) right center no-repeat;} /*20230424 수정 */
    /* .hallyuBanner > ul > li > dl.hallyuBanner03 {background: url(../../image/front/main/hallyu_banner03.png) right 20px no-repeat;background-size: 70px;} 20230424 삭제 */
    /* .hallyuBanner > ul > li > a {position: absolute;bottom: 0;margin: 0;} 20230215 기존 백업  */
    .hallyuBanner > ul > li > a {margin: 0; padding-bottom: 90px;} /* 20230424 수정 */
    .hallyuBanner > ul > li > a::after {width: 25px;height: 25px;background-size: 8px; bottom: 5px;} /* 20230424 수정 */
    .hallyuBanner > ul > li > a span {right: auto; bottom: 5px;} /* 20230424 추가 */
    html:lang(ar) .hallyuBanner > ul > li > a span{right: 0;} /* 20230424 추가 */

    /* 코리아넷  */
	.Korea-net-k{width:100%;}
	.Korea-net-k .Koreanet-box ul li:first-of-type {padding-left: 20px;}
	.Korea-net-k .Koreanet-box ul li{padding-left: 20px;}
	.Korea-net-k h4 span{font-size:18px !important;}
	
    .newsletter .input-box {
        width: 100%;height: 100%;display: -webkit-box;display: -ms-flexbox;-webkit-box-orient: horizontal;-ms-flex-direction: row;display: -moz-box;-moz-box-orient: horizontal;display: box;box-orient: horizontal;
    }
    .newsletter .input-box input {display: block;-webkit-box-flex: 1;-ms-flex: 1;-moz-box-flex: 1;box-flex: 1;text-align: center;}
    .newsletter .input-box button {display: block;-webkit-box-flex: 0;-ms-flex: 0;-moz-box-flex: 0;box-flex: 0;text-align: center;}

    .newsletter {padding: 0 20px 40px;}
    .address-box {padding: 30px 20px 30px;}
    .address-box li:first-of-type {max-width: 72%;}
    .address-box ul p {font-size: 14px;}
    .address-box .etc a {font-size: 14px;}



    /* 아랍어 */
    html:lang(ar) .lines-button {left: 0;right: auto;}
    html:lang(ar) .search-mobile .btnSearch {left: 45px;right: auto;}
    html:lang(ar) .searchBox-area button.btn-submit {left: 0;right: auto;}
    html:lang(ar) .searchForm.open .btnSearch {right: 84.5%;}
    html:lang(ar) .menu_close {left: 5px;top: 6px;right: auto;background: url(../../image/front/main/btn_close2_over.png) center 15px no-repeat; background-size: 24px;}
    html:lang(ar) .btnSearch {left: 10px;right: auto;}
    html:lang(ar) .mb-group .btnhome {left: 75px;right: auto;}
    html:lang(ar) .multiLink > div:first-child {margin-right: 20px;}
    html:lang(ar) .nav > ul::before {left: auto;right: 0;}
    html:lang(ar) .nav li.depth01.active .navSub {left: 0;right: 50%;}
    html:lang(ar) .nav li.depth01 a.depth01Txt {text-align: right;padding: 15px 10px;}
    html:lang(ar) .nav li.depth01.active a.depth01Txt {background-position: left 10px center;}
    html:lang(ar) .nav li.depth01 a.depth01Txt:hover, 
    html:lang(ar) .nav li.depth01 a.depth01Txt:focus {background-position: left 10px center;}
    html:lang(ar) .nav li.depth01.active .navSub li a {text-align: right;}
    html:lang(ar) .search-mobile .btnSearch {left: 45px;right: auto;}
    html:lang(ar) .banner_slider .bx-wrapper .bx-controls .bx-controls-direction {left: 10px;}
    html:lang(ar) .banner_slider .bx-controls-auto {right: auto; left: 50px;}
    html:lang(ar) .main_slider .bx-controls-direction {position: absolute; right: 420px; top: 50%; transform: translateY(-50%); width: 254px; height: 56px; transition: 0.3s;}
    html:lang(ar) .main_slider .bx-controls-auto {
        position: absolute; right: 496px; top: 50%; border: solid 1px #fff; 
        padding: 15px 48px 15px 0; transition: 0.3s; transform: translateY(-50%);
    }
    html:lang(ar) #slide-counter {top: auto; right: 570px; transform: inherit; bottom: 26px;}
    html:lang(ar) .galleryNews .tab_content > ul > li a.galleryBtn {padding: 10px 15px 10px 70px;}
    html:lang(ar) .hallyuBanner > ul > li > dl.hallyuBanner03 {background-position: -35px center;}
    html:lang(ar) .galleryNews .tab_content > ul > li + li {margin-right: 12px;margin-left: auto;}
    html:lang(ar) .galleryNews .tab_content > ul > li:last-child {margin-right: 12px;margin-left: auto;}
}

@media screen and (max-width: 1000px) {
    .hallyuBanner > ul > li {padding-bottom: 25px;} /* 20230424 추가  */
    .hallyuBanner > ul > li > dl {height: auto;} /* 20230215 추가  */
}

/* mobile Size */
@media screen and (max-width: 767px) {
    #header {height: 70px;}
    .logoArea h1 a {width: 170px;height: 70px;background: url(../../image/front/main/logo_btype.png) center center no-repeat;background-size: 150px;}
    .logoArea h1 a.logoCanada{width: 170px;height: 70px;background: url(../../image/front/main/logo_btype_ca.png) center center no-repeat;background-size: 150px;} /* 20240724 캐나다 로고 추가 */
    .mobile-nav {display: block;}
    .mobile-nav {position: absolute;top: 15px;right: 20px;}
    .mobile-nav {display: block;}
    .lines-button {display: block;background: url(../../image/front/main/icon_allMenu_active.png) center center no-repeat;background-size:25px;}
    .lines-button {position: absolute;right: 0;top: 0;height: 100%;width: 45px;z-index: 999;}

    .menu_close {display: none;background: url(../../image/front/main/btn_close2_over.png) center 15px no-repeat;background-size: 22px;}
    .menu_close {position: fixed;right: 10px;top: 0;height: 70px;width: 45px;padding-top: 35px;z-index: 999;font-size: 14px;color: #fff;font-weight: 300;}
    .menu_close .menu-line {display: block;position: absolute;height: 2px;width: 25px;}
    .menu_close .menu-line:first-of-type {top: 9px;transform:rotate(315deg);}
    .menu_close .menu-line:nth-of-type(2) {display: none;}
    .menu_close .menu-line:nth-of-type(3) {top: 9px;transform:rotate(-315deg);}
    .menu-line:after, .menu-line:before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: "";border-radius: 2px;box-sizing: border-box;background-color: #000;}
    .search-mobile {display: inline-block;}
    .search-mobile .btnSearch {
        display: inline-block;position: absolute;right: 45px;top: 0;height: 100%;width: 45px;border-radius: 0;
        background: url(../../image/front/main/icon_search_active.png) center center no-repeat;background-size:25px;
    }
    .btnSearch, .searchForm.open .btnSearch {
        height: 70px;width: 55px;padding-top: 42px;position: absolute;right: 65px;border-radius:0;
        background:  url(../../image/front/main/icon_search2.png) center 15px no-repeat;
    }
    .searchForm.open .btnSearch {right: 13.3%;}
    .search-mobile.open .btnSearch {background: #c02462 url(../../image/front/main/icon_search_on.png) center center no-repeat;border-radius: 0;}
    .search-mobile.open .mobilesearchBoxHeader .searchBox-bg {background-color: #c02462;height: 60px;opacity: 1;}
    .searchBox-area input::placeholder{color:#cfa6b6 !important;}
    .search-mobile .mobilesearchBoxHeader {top: 70px;z-index: 99;}
    .searchForm .searchBoxHeader {top: 70px;}
    .searchForm.open .searchBoxHeader .searchBox-area {width: 92%;}
    .mb-group .btnSearch .IR,
    .mb-group .btnhome .IR {width: 100%;height: 20px;font-size: 14px;color: #fff;font-weight: 300;line-height: 1;}

    .snsForm .btnSns {height: 30px;width: 30px;}
    .langForm .btnLang {padding: 0 30px 0 0;font-size: 14px;}
    .langForm .btnLang::after {width: 6px;height: 6px;border-top: 1px solid #121212;border-right: 1px solid #121212;}

    .mb-group .btnhome {display: inline-block; height: 70px;width: 45px;padding-top: 42px;position: absolute;right: 135px;background:  url(../../image/front/main/icon_home_over.png) center 15px no-repeat;}

    .mb-group .multiLink > div:first-child {padding: 14px 0 0 20px;border-bottom:0}
    .mb-group .langForm .btnLang {
        border: 1px solid #fff;min-width: 103px;border-radius: 4px;text-align: left;height: 100%;padding: 0 30px 0 10px;font-size: 15px;
        line-height: 28px;color: #fff;font-weight: 500;background:transparent url(../../image/front/main/icon_langSelect.png) calc(100% - 10px) center no-repeat;
    }
    .mb-group .langForm .btnLang::after {content: none;}
    .mb-group .snsForm .btnSns {display: none;}
    .mb-group .snsForm > ul {background: transparent;border: 0;position: fixed;bottom: 20px;top: 90%;right: auto;display: block;width: 180px; left: 34%;}
    .mb-group .snsForm {position: absolute;left: 10px;bottom: 20px;}
    .mb-group .snsForm > ul > li {display: inline-block;padding: 0;}
    .mb-group .snsForm > ul > li + li {margin-left: 5px;}
    .mb-group .snsForm > ul > li > a {padding: 10px;line-height: 1;}
    .mb-group .snsForm > ul > li > a span {font-size: 0;text-indent: -9999px;}
    .mb-group .langForm > ul {top: 43px;right: 0;width: 103px;border-radius: 4px;}
    .mb-group .langForm > ul > li {padding: 0;}
    .mb-group .langForm > ul > li > a {padding: 8px 10px;}
    .mb-group .langForm > ul > li > a:hover {color: #fff;background-color: #1e90ff;}
    

    .main_slider {margin: auto 20px;}
    #mainvisual {height: 500px;}
    .visual > div a {top: 250px;}
    .visual .visualText {width: 370px;padding: 25px 0 25px 30px;}
    .main_slider .bx-wrapper {width: 100%;}
    .visual > span img {width: 410px;height: 335px;}
    .visual .title {font-size: 32px;line-height: 48px;}

    .multiLink {position: absolute;right: 0;top: -70px;margin: 0;height: 70px; background-color: #c02462;padding: 0;width: 100%;box-sizing: border-box;}
    .main_slider .bx-controls {top: auto;right: 50px;transform: inherit;bottom: 40px;}
    #slide-counter {top: auto;right: 145px;transform: inherit;bottom: 28px;}


    .logoSub {line-height: 1;}
    .logoSub li {font-size: 12px;}
    .main_slider {margin: auto;}
    .visual {padding: 10px 20px 20px 20px; text-align: center;}
    #mainvisual {height: auto;}
   /* kdy - start */
    /* .visual > div a {top: 250px;} */
   /* kdy - end */
    .visual .visualText {width: 100%;padding: 25px 0 40px;max-width: 450px;}
    .main_slider .bx-wrapper {width: 100%;}
    /* kdy - start */
    /* .visual > span img {width: 100%;height: auto;} */
    /* kdy - end */
    .visual .title {font-size: 24px;line-height: 35px; height: 3em;}
    .main_slider .bx-controls-direction {width: 200px;height: 36px;top: auto;left: 50%;transform: translateX(-50%);bottom: 0;right: auto;}
    .main_slider .bx-controls-direction .bx-prev {padding: 9px 17px;background-size: 10px;}
    .main_slider .bx-controls-direction .bx-next {padding: 9px 17px;background-size: 10px;}


    .notice-Board {height: 100%;}


    .mb-group {position: fixed;top: 70px;bottom: 0;right: -400px;z-index: 997;max-width: 80%;height: 100%;width: 90%;background-color: #fff; display: none;}
    .nav {display: block; width: 100% !important; background-color: #f1f1f1; z-index: 998;} /* 20230216 !important 추가 */
    .nav > ul {display: block; min-width: 10px;overflow: hidden;}
    .nav > ul::before {content: '';display: inline-block;background: #fff;position: absolute; top: 0;bottom: 0;left: 0;width: 50%;}
    .nav li.depth01 {display: block; float: none; height: auto; padding: 0 10px !important;} /* 20230216 padding 추가 */
    .nav li.depth01.active a.depth01Txt {background:url("../../image/front/main/mobNav_bullet01on.png") calc(100% - 5px) 20px no-repeat;color:#c02462;}
    .nav li.depth01 a.depth01Txt:hover, .nav li.depth01 a.depth01Txt:focus{
        background:url("../../image/front/main/mobNav_bullet01on.png") calc(100% - 5px) 20px no-repeat;color:#c02462;
    }
    .nav li.depth01 a.depth01Txt {
        padding : 15px 6px 15px 0px !important; width: 50%; text-align: left; box-sizing: border-box; color: #2c2c2c; display: block; background:#fff; font-size: 15px !important; height: auto;
    } /* 20230217 !important, height 추가 */
    .nav li.depth01 .navSub {left: 160px;top: 0;border-top: 0;box-shadow: none;}
    .nav li.depth01.active .navSub {left: 50%;top: 0;border-top: 0;box-shadow: none; display: block !important;}
    .nav li.depth01.active .navSub ul li {display: block; line-height: 1; border-bottom: 1px solid #e6e6e6; width: 100%;} /* 20230216 width 수정 */
    /* kdy - start */
    /* .nav li.depth01.active .navSub li a {display: block;padding: 13px 20px;text-align: left;border-bottom: 1px solid #eee;font-size: 14px;} */
    .nav li.depth01.active .navSub li a {display: block;padding: 13px 7px;text-align: left;border-bottom: 1px solid #eee;font-size: 13px; width: 162px;}
    /* kdy - end */
    .nav li:nth-child(2) > div > ul {width: 100%;}
    .nav li.depth01 .navSub ul {display: inline-block; width: 100%;} /* 20230216 display 추가 */
    .nav ul {min-width: 100px;}


    .nav li.depth01 a.depth01Txt:before {content: none;}
    .nav li.depth01 a.depth01Txt:after {content: none;}
    .dimm100 {position: fixed;top: 0;left: 0;z-index: 97;width: 100%;height: 100%;background-color: #000;opacity: 0.8;filter: alpha(opacity=80);}
    

    .main_slider .bx-controls {top: auto;left: 50%;transform: translateX(-50%);bottom: 20px;right: auto;}
    .main_slider .bx-controls-auto {position: absolute;top: auto;padding: 5px 48px 5px 0;transform: translateY(-50%);left: 50%;transform: translateX(-50%);bottom: 0;right: auto;
    }
    #slide-counter {min-width: 35px;top: auto;right: 45%;bottom: 24px;left: 50%;transform: translateX(2px);}
    .main_slider .bx-controls-auto .bx-controls-auto-item a {background-size: 10px;}

    .galleryNews .tab_content > p {top: -50px;}
    .galleryNews > div.tab > ul {
        width: 100%;height: 100%;display: -webkit-box;display: -ms-flexbox;-webkit-box-orient: horizontal;-ms-flex-direction: row;display: -moz-box;-moz-box-orient: horizontal;display: box;box-orient: horizontal;
        padding-right: 30px;box-sizing: border-box;
    }
    .galleryNews > div.tab > ul li {display: block;-webkit-box-flex: 1;-ms-flex: 1;-moz-box-flex: 1;box-flex: 1;text-align: center;margin-right: 0;}
    .galleryNews > div.tab > ul li + li {margin-left: 10px;}
    html:lang(ko) .tab > ul > li > a {font-weight: 500}
    .galleryNews {padding: 20px 20px 10px;}
    .galleryNews .tab_content > ul {width: 100%;height: 100%;display: block;overflow: hidden;}
    .galleryNews .tab_content > ul > li {float: left; width: 48%;padding: 0;}
    .galleryNews .tab_content > ul > li + li {margin-left: 4%;}
    .galleryNews .tab_content > ul > li:nth-child(3) {margin-left: 0;}
    .galleryNews .tab_content > ul > li:nth-child(3), .galleryNews .tab_content > ul > li:nth-child(4) {margin-top: 30px;}
    .galleryNews .tab_content > ul > li:nth-child(2), .galleryNews .tab_content > ul > li:nth-child(4) {float: right;}

    .galleryNews .tab_content > ul > li a.galleryImg {width: 100%;height: auto;}
    /* .galleryNews .tab_content > ul > li a.galleryImg img {object-fit: cover;width: 100%;height: auto;} */
    .galleryNews .tab_content > ul > li a.galleryImg img {object-fit: cover;width: 100%}


    .tabs button {padding: 15px 0 0 0;font-size: 15px;margin-right: 20px;}
    .tabs button.active:after {bottom: 0;height: 5px;}
    .galleryNews .tab_content > p a {width: 20px;height: 20px;background-size: 10px;}
    .galleryNews .tab_content > ul > li::after {width: 30px;height: 30px;border-top: solid 5px #1361a6;border-right: solid 5px #1361a6;}
    .galleryNews .tab_content > ul > li a.galleryBtn {padding: 5px 32px 5px 5px;width: 100%;box-sizing: border-box;font-size: 13px;}
    .galleryNews .tab_content > ul > li a.galleryBtn::after {width: 5px;height: 5px;top: 11px;right: 10px;}
    .galleryNews .tab_content > ul > li dl dt {font-size: 14px;}
    .galleryNews .tab_content > ul > li dl dd {font-size: 13px;margin-bottom: 10px;}

    .infoArea .infoIcon {
        position: absolute;top: -10px;left: 0;width: 60px;height: 60px;background: #1361a6 url(../../image/front/main/icon_info.png) center 15px no-repeat;background-size: 30px;
    }
    /* kdy - start */
    /* html:lang(ko) .infoArea h1 {font-weight: 700;width: 100%;text-align: left;padding-left: 80px;} */
    html:lang(ko) .infoArea h1 {font-weight: 700;width: 100%;text-align: left;padding-left: 20px;}
    /* kdy - end */

    .infoArea .infoTxt {display: block;padding: 20px 0 0 20px;}
    .infoWrap {margin: 30px auto 20px;height: auto;}
    .infoArea {background-size: cover;padding-left:0;padding-bottom: 10px;}
    .infoArea .infoTxt dl dt::after {top: 5px;}
    /* kdy - start */
    /* .infoArea h1 {display: block;padding-top: 15px;font-size: 16px;text-align: center;} */
    /* .infoArea h1 {display: block;padding-top: 15px;font-size: 16px;text-align: center;width: 190px;left: 13%;} 20230215 기존 백업 */
    .infoArea h1 {display: block; padding-top: 15px; font-size: 16px; text-align: left; width: 100%; left: 75px;} /* 20230215 수정 */
    /* kdy - end */
    .infoArea .infoTxt dl {padding: 5px 0;}
    .infoArea .infoTxt dl dt {display: block;font-size: 14px;}
    .infoArea .infoTxt dl dd {display: block;font-size: 13px;}
    .noticeWrap {padding: 0 20px;}
    .noticeWrap .noticeArea {width: 100%;float: none;}
    .noticeWrap .noticeArea + .noticeArea {margin-top: 30px;}
    .noticeArea h1 {font-size: 16px;}
    .noticeArea ul {margin-top: 20px;}
    .noticeArea > p a {width: 20px;height: 20px;background-size: 10px;}
    .noticeArea ul li a {max-height: 125px;padding: 20px 15px;}
    .noticeArea ul li a p.date {bottom: 15px;font-size: 13px;}
    .noticeArea ul li a p.txt {
        font-size: 13px;line-height: 1.6em;white-space: normal;height: 68px; text-align: left; word-wrap: break-word; 
        display: -webkit-box; display: -ms-flexbox;-webkit-line-clamp: 3; -webkit-box-orient: vertical;-ms-flex-direction: column;overflow: hidden;
    }
    .hallyuWrap {margin: 20px auto 0;padding: 20px 0;background-size: 80%;}
    .hallyuBbs {margin-top: 20px;}
    .hallyuBanner {margin-top: 30px;padding: 0 20px;box-sizing: border-box;}
    .hallyuBbs ul {width: 100%;height: 100%;display:block;}
    .hallyuBbs ul li {display: block;float: none;margin: auto;width: 100%;}
    .hallyuBbs ul li + li {margin: 10px 0 0 0;}
    .hallyuBbs ul li:last-child {margin: 10px auto;}
    .hallyuBbs ul li a span {display: block;float: none;width: 100%; margin: auto;}
    /* .hallyuBbs ul li a span {display: block;float: none;width: 100%; height: 180px; margin: auto; overflow: hidden;} */
    .hallyuBbs ul li a dl {display: block;float: none;width: 100%;margin: auto;}
    .hallyuBbs ul li a {height: auto;border: 0;}
    /* kdy - start */
    /* .hallyuBbs ul li a img {width: 100%;object-fit: cover;height: auto;float: none;} */
    .hallyuBbs ul li a img {width: 100%; height: auto;float: none;max-height: 180px;}
    /* .hallyuBbs ul li a img {width: 100%; height: auto;float: none;top: 50%; left: 50%; margin-top: -50%; position: absolute; margin-left: -50%;} */
    /* kdy - end */
    .hallyuBbs ul li a dl dt {height: auto;}
    .hallyuBbs ul li a dl dd {margin-top: 0;padding-top: 10px;}
    .hallyuBanner > ul > li {position: relative;width: 100%;margin-right: 0;float: none;}
    .hallyuBanner > ul > li + li {margin-top: 20px;}
    .hallyuBanner > ul > li > dl {/* height: 95px; */ height: auto; padding-bottom: 20px;} /* 20230215 수정 */
    .hallyuBanner > ul > li> dl > dt {width: calc(100% - 65px);} /* 20230424 추가 */
    .hallyuBanner > ul > li> dl > dd {width: calc(100% - 65px); font-size: 16px;} /* 20230424 수정 */
    .hallyuBanner > ul > li > dl.hallyuBanner01 {background: url(../../image/front/main/hallyu_banner0101.png) top right no-repeat; padding-left: 0;} /*20230424 수정 */
    .hallyuBanner > ul > li > dl.hallyuBanner02 {background: url(../../image/front/main/hallyu_banner0202.png) top right no-repeat; padding-left: 0;} /*20230424 수정 */
    /* .hallyuBanner > ul > li > dl.hallyuBanner03 {background: url(../../image/front/main/hallyu_banner03.png) right 20px no-repeat;background-size: 80px;} 20230424 삭제 */
    /* .hallyuBanner > ul > li > a {position: absolute;bottom: 0;margin: 0;} 20230215 기존 백업 */
    .hallyuBanner > ul > li > a {margin: 0;} /* 20230215 수정 */
    .hallyuBanner > ul > li > a::after {width: 25px;height: 25px;background-size: 8px; bottom: 5px;} /*20230424 수정 */
    .hallyuBanner > ul > li > a span {bottom: 5px; right: auto; left: 0;} /* 20230424 추가 */
    html:lang(ar) .hallyuBanner > ul > li > a span {left: auto; right: 0;} /* 20230424 추가 */


    /*코리아넷*/
	.koreaNews {width:100%; float:none;}
	.Korea-net-k{width:100%; min-height:185px;}
	.Korea-net-k .Koreanet-box{height:130px;}
	.Korea-net-k .Koreanet-box ul li:first-of-type {padding-left: 20px;}
	.Korea-net-k .Koreanet-box ul li{padding-left: 20px;}
	.Korea-net-k .Koreanet-box li a .konet-img{display:none;}
	.Korea-net-k.col4 .koreanet-box ul li{width: 100%;}
	.Korea-net-k .koreanet-box ul:after {content: '';display: block;clear: both;}
	.Korea-net-k .Koreanet-box ul li{position: relative; width: 100%;float: none;overflow: hidden;height:28px;}
	.Korea-net-k .Koreanet-box ul li a {width: 100%;padding-bottom: 0;}
	.Korea-net-k .Koreanet-box li a .konet-txt{float: left;}
	.Korea-net-k.height3 .Koreanet-box ul li a .konet-txt{min-height: 20px;font-size:15px;width:75%;float: left;height: 28px;display: inline-block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
	.Korea-net-k .Koreanet-box li a span.date{position:relative;float:right;white-space: nowrap;font-size:12px;color:#7f7f7f;padding-top: 5px;text-align: left;}
	
	.notice-Board {margin: 0;padding: 20px;display: block;box-sizing: border-box;}
    .notice-Board .koreanet {width: 100%;float: none;}
    .notice-Board .notice-slider {margin: 20px auto 0 auto; width: 100%;float: none;}
    .banner_slider .bx-wrapper .bx-controls {right: 20px;}
    .newsletter h3 {padding-top: 25px;font-size: 21px;}
    .newsletter .input-box {width: 100%;height: 100%;display: block;padding: 20px 0 10px;}
    .newsletter .input-box input {display: block;padding: 10px 20px 10px 10px;}
    .newsletter .input-box button {display: block;}
    .newsletter .btn-news {margin: 10px auto;text-align: center;}
    .newsletter .input-box input + input {margin: 10px 0 0 0;}

    .select-box ul {padding: 0 20px;}
    .select-box ul li {float: none;width: 100%;}
    .select-box ul li + li {border-top: 1px solid #78808b;}
    .select-box ul li + li:before {content: none;}
    .newsletter {padding: 0 11px 40px;background: url(../../image/front/main/hand-bg.png) right bottom no-repeat;}
    .address-box {padding: 20px 20px 30px;}
    .address-box ul {padding-top: 30px;}
    .address-box li:first-of-type {max-width: 100%;}
    .address-box ul p + p {padding-top: 10px;}
    .address-box ul p {font-size: 13px;width: 390px;}
    .address-box .etc a {font-size: 13px;}
    .address-box .etc {top: 0;transform: inherit;left: 0;}

    /* 한국어 */
    html:lang(ko) .visual .title {line-height: 36px;}
    html:lang(ko) .noticeArea ul li a p.txt {line-height: 1.7em;}

    /* 태국어 */
    html:lang(th) .nav li.depth01 a.depth01Txt {padding: 15px 30px 15px 0px;}
    html:lang(th) .visual .title {line-height: 37px;}

    /* 인도네시아어 */
    /* html:lang(id) .nav li.depth01.active .navSub ul li {width: 200px;} */
    /* html:lang(id) .mb-group .langForm .btnLang {padding: 0 25px 0 10px;font-size: 13px;} */
    /* html:lang(id) .mb-group .langForm > ul {width: 142px;} */

    /* 영어 */
    /* html:lang(en) .nav li.depth01.active .navSub ul li {width: 200px;} */

    /* 베트남어 */
    html:lang(vi) .hallyuBanner > ul > li> dl > dd {width: 80%; line-height: 1.2em;}
    html:lang(vi) .infoArea h1 {width: 240px; line-height: 1.0em;}
    html:lang(vi) .noticeArea ul li a p.txt {height: 63px;}
    html:lang(vi) .hallyuBbs ul li a dl dd {line-height: 1.3em;}

    /* 아랍어 */
    html:lang(ar) .lines-button {left: 0;right: auto;}
    html:lang(ar) .search-mobile .btnSearch {left: 45px;right: auto;}
    html:lang(ar) .searchBox-area button.btn-submit {left: 0;right: auto;}
    html:lang(ar) .searchForm.open .btnSearch {right: 80%;}
    html:lang(ar) .menu_close {
        left: 5px;top: 6px;right: auto;background: url(../../image/front/main/btn_close2_over.png) center 15px no-repeat; background-size: 24px;
        font-size: 11px;
    }
    html:lang(ar) .btnSearch {left: 10px;right: auto;}
    html:lang(ar) .mb-group {max-width: 87%;}
    html:lang(ar) .mb-group .btnhome {left: 75px;right: auto;}
    html:lang(ar) .multiLink > div:first-child {margin-right: 20px;}
    html:lang(ar) .nav {display: block; width: 100%;}
    html:lang(ar) .nav > ul::before {left: auto;right: 0;}
    html:lang(ar) .nav li.depth01.active .navSub {left: 0;right: 50%;}
    html:lang(ar) .nav li.depth01 a.depth01Txt {text-align: right;padding: 15px 10px;}
    html:lang(ar) .nav li.depth01.active a.depth01Txt {background-position: left 10px center;}
    html:lang(ar) .nav li.depth01 a.depth01Txt:hover, 
    html:lang(ar) .nav li.depth01 a.depth01Txt:focus {background-position: left 10px center;}
    html:lang(ar) .nav li.depth01.active .navSub li a {text-align: right;}
    html:lang(ar) .galleryNews .tab_content > ul > li {padding: 0px 0 0 0px;}
    html:lang(ar) .galleryNews .tab_content > ul > li a.galleryBtn {padding: 5px 15px 5px 120px;font-weight: 200;}
    html:lang(ar) .galleryNews .tab_content > ul > li::after {left: 0; right: auto; border-right: 0; border-left: solid 5px #1361a6;}
    html:lang(ar) .galleryNews .tab_content > ul > li + li {margin-right: 10px; margin-left: auto;}
    html:lang(ar) .galleryNews .tab_content > ul > li:last-child {margin-right: 7px; margin-left: auto;}
    
    html:lang(ar) .tabs button {margin-left: 20px;width: 110px;}
    
    html:lang(ar) .infoArea {padding-left: 0; padding-right: 35px;}
    html:lang(ar) .infoArea h1 {display: block; padding-top: 15px; font-size: 16px; text-align: center; width: 190px; left: 0%;}
    html:lang(ar) .infoArea .infoTxt {display: block; padding: 20px 0 0 20px; width: 400px;}
    html:lang(ar) .noticeWrap .noticeArea {width: 100%; float: none; margin-right: 0%;}
    html:lang(ar) .hallyuBbs ul li {float: right; margin-left: 7%; }
    /* 20230424 백업
    html:lang(ar) .hallyuBanner > ul > li > dl.hallyuBanner01 {background-position: -55px center; top: -3px;}
    html:lang(ar) .hallyuBanner > ul > li > dl.hallyuBanner02 {top: -7px;}
    html:lang(ar) .hallyuBanner > ul > li > dl.hallyuBanner03 {top: -7px;}
    html:lang(ar) .hallyuBanner > ul > li > dl.hallyuBanner03 {background-position: -44px center;}
    html:lang(ar) .hallyuBanner > ul > li > a {position: absolute;bottom: -3px; margin: 0;} 
    */
    /* 20230424 온라인 문화원 삭제 start */
    html:lang(ar) .hallyuBanner > ul > li > dl {padding-left: 60px; padding-right: 0px;}
    html:lang(ar) .hallyuBanner > ul > li > dl.hallyuBanner01 {background-position: left top;}
    html:lang(ar) .hallyuBanner > ul > li > dl.hallyuBanner02 {background-position: left top;}
    /* html:lang(ar) .hallyuBanner > ul > li > dl.hallyuBanner01 {top: -3px;}
    html:lang(ar) .hallyuBanner > ul > li > dl.hallyuBanner02 {top: -7px;}
    html:lang(ar) .hallyuBanner > ul > li > dl.hallyuBanner03 {top: -7px;} */
    html:lang(ar) .hallyuBanner > ul > li > dl.hallyuBanner03 {background-position: -44px center;}
    html:lang(ar) .hallyuBanner > ul > li > a {position: absolute;bottom: 0; margin: 0;}
    /* 20230424 온라인 문화원 삭제 end */
    html:lang(ar) .banner_slider .bx-wrapper .bx-controls .bx-controls-direction {left: 10px;}
    html:lang(ar) .banner_slider .bx-controls-auto {right: auto; left: 50px;}
    html:lang(ar) .newsletter .input-box input + input {margin-right: 0px;}

    html:lang(ar) .mb-group .snsForm > ul {left: 130px;right: auto;}
    html:lang(ar) .Korea-net-k{width:98%;}
    
    

    /* 러시아어 */
    html:lang(ru) .noticeArea ul li a p.txt {
        font-size: 13px;line-height: 1.4em;white-space: normal;height: 58px; text-align: left; word-wrap: break-word; 
        display: -webkit-box; display: -ms-flexbox;-webkit-line-clamp: 3; -webkit-box-orient: vertical;-ms-flex-direction: column;overflow: hidden;
    }
    html:lang(ru) .infoArea h1 {left: 19%;}
    html:lang(ru) .hallyuBanner > ul > li> dl > dd {line-height: 15px;}

    /* 스페인어 */
    html:lang(es) .noticeArea ul li a p.txt {height: 65px;}
    html:lang(es) .searchBox-area input {padding: 15px 17px 9px 0px;}


    /* 폴란드어 */
    html:lang(pl) .galleryNews .tab_content > ul > li a.galleryBtn {padding: 5px 70px 5px 5px;}
    html:lang(pl) .noticeArea ul li a p.txt {line-height: 1.7em;}

    /* 헝가리어 */
    html:lang(hu) .noticeArea ul li a p.txt {line-height: 1.7em;}
}

@media screen and (max-width: 640px) {
	.mb-group .snsForm > ul {left: 38%;}
}


@media screen and (max-width: 500px) {
   .mb-group .snsForm > ul {left: 43%;}
}


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

    .visual > span img {width: 350px; height: 285px;}

}


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

    /* 20211206 */
    .notice-slider ul li a{width:100%;}
    /* 20211206 */

}

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

    /* 20211206 */
    .notice-slider ul li a{height: 215px;}
    /* 20211206 */

    .visual > span img {width: 300px; height: 245px;}

}


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

    /* 20211206 */
    .notice-slider ul li a{height: 195px;}
    /* 20211206 */
    
    .visual {padding: 0px 20px 20px 20px;}
    .visual > span img {width: 280px; height: 230px;}

}

/* mobile Size(iPhone 6/7/8 Plus) */
@media screen and (max-width: 414px) {

    .menu_close {
        position: fixed; right: 0px; top: 0; height: 70px; width: 45px; padding-top: 35px; 
        z-index: 999; font-size: 12px; color: #fff; font-weight: 300;
    }

    .searchForm.open .btnSearch {right: 12%;}
    .btnSearch {right: 40px;}
    .mb-group .btnSearch .IR, .mb-group .btnhome .IR {font-size: 12px;}
    .mb-group .btnhome {right: 90px;}
    .nav li.depth01 a.depth01Txt {padding: 15px 22px 15px 0px;}
    .nav li.depth01.active .navSub li a {width: 125px;}
    .address-box ul p {width: 338px;}

    .mb-group .snsForm > ul {left: 165px;width: 150px;}

    label.check span {font-size: 15px;}
    #slide-counter {min-width: 53px; left: 48%;}


    /* 영어 */
    html:lang(en) .galleryNews .tabs button.active {height: 34px;}
    html:lang(en) .galleryNews .tabs button {height: 34px;}

    /* 프랑스어 */
    html:lang(fr) .noticeArea ul li a p.txt {line-height: 1.7em;}


    /* 네덜란드어 */
    html:lang(nl) label.check span {font-size: 13px; }


    /* 인도네시아어 */
    html:lang(id) .mb-group .multiLink > div:first-child {padding: 14px 0px 0 4px;}
    html:lang(id) .infoArea h1 {width: 330px; left: 13%;}
    html:lang(id) .hallyuBanner > ul > li> dl > dd {line-height: 1.2em;}

    /* 베트남어 */
    html:lang(vi) .visual .title {font-size: 23px;}

    /* 아랍어 */
    html:lang(ar) .galleryNews .tab_content > ul > li a.galleryBtn {padding: 5px 15px 5px 75px;}
    html:lang(ar) .galleryNews .tab_content > ul > li + li {margin-right: 5px;}
    html:lang(ar) .nav li.depth01.active .navSub ul li {width: 139px;}
    html:lang(ar) .menu_close {left: 3px; top: -1px; background: url(../../image/front/main/btn_close2_over.png) center 18px no-repeat;}
    html:lang(ar) .mb-group .snsForm > ul {left: 100px; right: auto;}
    html:lang(ar) .searchForm.open .searchBoxHeader .searchBox-area {width: 88%;}
    html:lang(ar) .searchForm.open .btnSearch {right: auto; left: 10px;}
    html:lang(ar) .tabs button {width: 230px; padding: 0px 0 0 0; height: 28px; text-align: right; }
    html:lang(ar) .galleryNews .tab_content > p {top: -30px; }
    html:lang(ar) .galleryNews .tab_content > ul {margin-top: 13px; }
    html:lang(ar) .search-mobile.open .mobilesearchBoxHeader .searchBox-area {width: 75%;}


    /* 러시아어 */
    html:lang(ru) .newsletter {padding: 0 15px 40px;}
    html:lang(ru) .newsletter-agree label.check input[type="checkbox"] {float: left;}
    html:lang(ru) .newsletter-agree label.check span {
        display: block;;line-height: 1.2;margin-top: 3px;overflow: hidden; width: 350px; font-size: 14px;
    }
    html:lang(ru) .banner_slider .bx-wrapper .bx-controls {right: 10px;}
    html:lang(ru) .banner_slider .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev,
    html:lang(ru) .banner_slider .bx-wrapper .bx-controls .bx-controls-direction a.bx-next {width: 20px;}
    html:lang(ru) .banner_slider .bx-wrapper .bx-controls .bx-controls-direction {width: 80px;}
    html:lang(ru) .banner_slider .bx-controls-auto {right: 30px;}
    html:lang(ru) .infoArea h1 {width: 210px; left: 15%;}
    html:lang(ru) .hallyuBanner > ul > li> dl > dd {line-height: 1.2em;}
    html:lang(ru) .noticeArea ul li a p.txt {line-height: 1.7em;}
    

    /* 카자흐어 */
    /* html:lang(kk) label.check span {font-size: 12px;} */
    html:lang(kk) .infoArea h1 {width: 210px; left: 15%;}
    html:lang(kk) .hallyuBanner > ul > li> dl > dd {line-height: 1.2em;}
    html:lang(kk) .noticeArea ul li a p.txt {line-height: 1.7em;}
    


    /* 터키어 */
    html:lang(tr) .infoArea h1 {width: 210px; left: 17%;}
    html:lang(tr) .hallyuBbs ul li a dl dd {line-height: 1.4em;}
    html:lang(tr) .hallyuBanner > ul > li> dl > dd {line-height: 1.1em;}

    /* 스페인어 */
    html:lang(es) .search-mobile.open .mobilesearchBoxHeader .searchBox-area {width: 75%;}

}

/* mobile Size(iPhone 6/7/8/X ) */
@media screen and (max-width: 375px) {

    .searchForm.open .btnSearch {right: 13.3% !important;;}
    .search-mobile.open .mobilesearchBoxHeader .searchBox-area {width: 85%;}

    /* 러시아어 */
    html:lang(ru) .noticeArea ul li a p.txt {line-height: 1.6em; }
    html:lang(ru) .newsletter-agree label.check span {margin-top: -4px; width: 300px; font-size: 15px; }

    /* 카자흐어 */
    html:lang(kk) .noticeArea ul li a p.txt {line-height: 1.6em; }
    html:lang(kk) .newsletter-agree label.check span {margin-top: -4px; width: 300px; font-size: 15px; }

    /* 베트남어 */
    

    /* 프랑스어 */
    html:lang(fr) .hallyuBanner > ul > li> dl > dd {width: 83%;}
    /* html:lang(fr) .hallyuBanner > ul > li > dl.hallyuBanner03 > dd {line-height: 1.2em;} */

    /* 네덜란드어 */
    html:lang(nl) .noticeArea ul li a p.txt {line-height: 1.7em;}
    html:lang(nl) .hallyuBanner > ul > li> dl > dd {width: 83%;}
    html:lang(nl) label.check span {font-size: 15px; width: 250px; margin-top: -5px;}

    /* 아랍어 */
    html:lang(ar) .searchBox-area input {padding: 15px 13px 9px 10px;}
    html:lang(ar) .searchForm.open .btnSearch {right: 262px !important; }

    /* 이탈리아어 */
    html:lang(it) .noticeArea ul li a p.txt {line-height: 1.7em;}

    /* 폴란드어 */
    html:lang(pl) .galleryNews .tab_content > ul > li a.galleryBtn {padding: 5px 43px 5px 5px;}
    html:lang(pl) .noticeArea h1 {font-size: 15px;}
    html:lang(pl) .hallyuBanner > ul > li> dl > dd {width: 77%;}

}

/* mobile Size(iPhone 5/SE ) */
@media screen and (max-width: 320px) {

    .searchForm.open .btnSearch {right: 15.3% !important;}
    .address-box ul p {width: 280px;}
    .mb-group .snsForm > ul {left: 135px; width: 125px; }
    
    /* 한국어 */
    html:lang(ko) .infoArea h1 {padding-left: 30px;}
    html:lang(ko) .nav li.depth01.active .navSub li a {padding: 13px 4px;}
    html:lang(ko) .hallyuBanner > ul > li> dl > dd {width: 80%;}
    
    /* 영어 */
    html:lang(en) .nav li.depth01.active .navSub li a {width: 120px;}
    html:lang(en) label.check span {font-size: 13px; width: 250px; margin-top: -7px;}

    /* 러시아어 */
    html:lang(ru) .newsletter-agree label.check span {width: 250px;}

    /* 스페인어 */
    html:lang(es) .nav li.depth01.active .navSub li a {width: 120px;}

}

/* 탑버튼 */
#back-top{display: none; position: fixed; bottom: 30%; right: 0; z-index: 30;}
#back-top a{display: block; cursor: pointer;}