@charset "utf-8";

/* laptop  */
@media (max-width: 1800px) {
    
    /* main */
    .main-board:before {width:10%;}

    /* layout */

}

@media (max-width: 1640px) {

    /* header */
    :lang(en) #gnb ul > li {padding:0 30px;}
    :lang(en) #gnb ul > li a {font-size:18px}

    :lang(en) .submenu-bg .cnt {display:none;}

    :lang(ru) #gnb ul > li > a {font-size:18px;}

    :lang(ru) .submenu-bg .cnt {display:none;}
    
    /* main */

    .main-section:after {max-width:1400px;}
    .main-section:before {max-width:1400px;}


    .main-board:before {width:8%;}

    .main-asan-inner .box {padding: 20px 60px 20px 80px;}
    .main-asan-inner .asan-img {margin-left:100px; width:700px;}

    :lang(ru) .main-board .board-tabs .title-flex  {display:block;}
    :lang(ru) .main-board .board-tabs .title-flex .main-title {width:100%; margin-bottom:20px;}
    :lang(ru) .main-board .board-tabs .title-flex .tab-menu {width:100%;}
    :lang(ru) .main-board .board-tabs .more {top:-128px;}

    /* layout */

}

@media (max-width: 1480px) {
    :lang(ru) #gnb ul > li > a {font-size:16px;}
    :lang(ru) #gnb .submenu  {width:100%; left:0; margin-left:0;}
    :lang(ru) #gnb .submenu > ul > li > a {font-size:14px;}
    :lang(ru) .submenu-bg .submenu-contain {display:none;}

    :lang(ja) #gnb ul > li > a {font-size:16px;}
    :lang(ja) #gnb .submenu  {width:100%; left:0; margin-left:0;}
    :lang(ja) #gnb .submenu > ul > li > a {font-size:14px;}
    :lang(ja) .submenu-bg .submenu-contain {display:none;}

}


@media (max-width: 1440px) {

    /* header */
    .submenu-bg .cnt {width:220px;}
    .submenu-bg .cnt h2 {font-size:24px;}

    :lang(vi) .submenu-bg .submenu-contain {display:none;}

    :lang(vi) #gnb ul > li {padding:0 20px;}
    :lang(vi) #gnb ul > li > a {font-size:16px;}
    :lang(vi) #gnb .submenu {left:0; margin-left:0; width:100%;}
    :lang(vi) #gnb .submenu > ul > li > a {font-size:15px;}

    /* main */
    .main-visual {width:470px; margin-right: 30px;}
    .main-section:after {height: 74%; }
    
    .main-search {margin-bottom:70px;}
    .service-inner ul {margin-left:-15px; margin-bottom:-20px;}
    .service-inner ul li {width:calc(25% - 15px); margin-left:15px; margin-bottom:15px;}
    .service-inner ul li a {padding:46px 20px;}
    .service-inner ul li .ico img {height: 62px;}

    :lang(en) .main-links .bnr ul li dl {max-width:320px;}
    :lang(en) .main-links .bnr ul li dl dt {font-size:24px;}
    :lang(en) .main-links .bnr ul li dl dd {font-size:15px;}

    :lang(ru) .main-links .bnr ul li dl {max-width:340px;}
    :lang(ru) .main-links .bnr ul li dl dt {font-size:20px;}
    :lang(ru) .main-links .bnr ul li dl dd {font-size:15px;}

    :lang(vi) .main-links .bnr ul li dl {max-width:320px;}
    :lang(vi) .main-links .bnr ul li dl dt {font-size:18px;}
    :lang(vi) .main-links .bnr ul li dl dd {font-size:14px;}

    :lang(vi) .main-board .board-tabs .title-flex {display:block;}
    :lang(vi) .main-board .board-tabs .title-flex .main-title {width:100%; margin-bottom:20px;}
    :lang(vi) .main-board .board-tabs .title-flex .tab-menu {width:100%;}
    :lang(vi) .main-board .board-tabs .more {margin-top:-45px;}

    :lang(vi) .main-asan-inner .box {padding:40px 20px 40px 60px;}
    :lang(vi) .main-asan-inner .asan-img {margin-left:20px;}

    
    /* sub */
    /* tabs menu */
    .doc-tabs-menu ul li a {min-width:132px;}
    .doc-tabs-menu.type2 ul li a {min-width:132px;}

    .text-cnt-type6 .step ul li {width:calc(20% - 16px);}

    .image-box-inner-type3 ul {margin:0 -16px;}
    .image-box-inner-type3 ul li {padding:0 16px;}
    .image-box-inner-type3 ul li .tit {height:calc(1.4em * 1 * 3);}

    .internet-inner .group .photo {width:380px; margin-right:44px;}
    .internet-inner .group .info .btns {margin-top:40px;}

    .stpe-type3 {padding:30px;}
    .stpe-type3 ul {margin-left:-60px; margin-bottom:-30px;}
    .stpe-type3 ul li {width:33.333333%; text-align:center; padding-left:60px; margin-bottom:30px;}
    .stpe-type3 ul li:after {left:8px; width:40px;}
    .stpe-type3 ul li:nth-child(1):after,
    .stpe-type3 ul li:nth-child(4):after,
    .stpe-type3 ul li:nth-child(7):after {display:none;}
    .stpe-type3 ul li:nth-child(6):after,
    .stpe-type3 ul li:nth-child(7):after {background-image:url('../images/sub/step_arrow.png')}
    .stpe-type3 ul li:nth-child(8):after,
    .stpe-type3 ul li:nth-child(9):after {display:block; background-image:url('../images/sub/step_arrow.png')}
    .stpe-type3 ul li:nth-child(5) {order:5}
    .stpe-type3 ul li:nth-child(6) {order:6}
    .stpe-type3 ul li:nth-child(7) {order:7}
    .stpe-type3 ul li:nth-child(8) {order:8}
    .stpe-type3 ul li:nth-child(9) {order:9}
    .stpe-type3 .arrow-group {display:none;}

    .image-box-inner .photo {width:400px; margin-right: 30px;}

    .image-box-inner-type2 .photo {width:280px; margin-right: 30px;}

    .event-list ul li .photo {width:400px; margin-right: 50px;}

    .fc .fc-button-group {width:30%;}


    .borad-write .group .title {width:220px;}


    :lang(en) .sub-title {display:block;}
    :lang(en) .sub-title h2 {width:100%; margin-bottom:10px; padding-right:0;}

    :lang(vi) .sub-title {display:block;}
    :lang(vi) .sub-title h2 {width:100%; margin-bottom:10px; padding-right:0;}
    

}

@media (max-width: 1340px) {
	
    /* main */
    .main-section:after {max-width:1230px;}
    .main-section:before {max-width:1230px;}

    .main-visual {width:500px; margin-right: 40px;}

    .main-search .search {margin-right:30px;}

    .main-asan-inner .asan-img {margin-left:60px; width:600px;}

    #gnb ul > li {padding:0 30px;}

    .topSearch {padding:40px 0;}

    /* sub */
    :lang(ru) .sub-title {display:block;}
    :lang(ru) .sub-title h2 {width:100%;}
    :lang(ru) .page-home-inner {margin-top:10px;}

}

@media (max-width: 1240px) {
	
    /* header */
    #gnb ul > li {padding:0 20px;}
    #gnb ul > li > a {font-size:20px;}
    #gnb .submenu > ul {padding:30px 0;}
    #gnb .submenu > ul > li > a {font-size:16px;}

    .submenu-bg .cnt {padding: 36px 0 0 40px;}
    
    

    /* main */
   

    .main-board .event-list {width:550px;}

    :lang(en) .main-links .bnr ul li dl {max-width:240px;}

    :lang(ru) .main-links .bnr ul li dl {max-width:300px;}
    :lang(ru) .main-links .bnr ul li dl dt {font-size:18px;}
    :lang(ru) .main-links .bnr ul li dl dd {font-size:14px;}
    :lang(ru) .main-links .bnr ul li .ico img {height:160px;}

    /* sub */
    #lnb {width:260px; margin-right: 40px;}

    .asan-content {display:block;}
    .asan-content .info {width:100%; margin-bottom:40px; padding-right:0;}
    .asan-content .info .group {margin-bottom:40px;}
    .asan-content .maps {margin:0 auto;}
    .asan-content .txt {left:30%}

    .box-type-ico .ico-wrap {width:180px;}

    :lang(ru) .text-cnt-type7 ul li {width:calc(50% - 16px);}

    :lang(en) .text-cnt-type6 .step ul li {width:calc(33.333333% - 16px);}
    :lang(en) .text-cnt-type7 ul li {width:calc(33.333333% - 16px);}
    
}

/* Landscape tablet */
@media (max-width: 1110px) {
	body, input, textarea, select, button, table {font-size:15px;}	

    :root {
        --header-height : 80px;
    } 

    .wrapper {padding-top:120px;}

	/* header */
    #header .inner {height: 80px;}
    #gnb {display:none;}
    .allmenu {width:100%;}

    #gnb .submenu,
    .gnb-background-bg,
    .submenu-bg {display:none !important;}

    html.search-opened .topSearch {top:125px;}
    html.header-fixed.search-opened .topSearch {top:80px;}

    /* main */
    .main-section {padding:30px 0 0;}
    .main-section:after {bottom:auto; top:6%; height:45%;  right:0;}
    .main-section:before {bottom:auto; top:6%; height:45%; max-width:1110px; background-size:contain}
    .main-section .inner {display:block; }
    .main-visual {width:100%; margin-right:0; position: relative; overflow: visible !important}
    .main-visual .mainSlider {max-width:600px; margin:0 auto; border-radius: 56px;}
    .main-visual .mainSlider img {width:100%;}

	.main-visual .custom-swiper { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; padding: 0 20px; pointer-events: none; z-index: 100; }
	.main-visual .custom-swiper .swiper-tag {position: absolute; top: 330px; left: 30px; right: 30px; font-size: 24px; font-weight: 800; color: #ffffff; text-shadow: 2px 2px 10px rgba(0,0,0,0.7); display: block !important; }
	.main-visual .custom-swiper .swiper-str { position: absolute; top: 370px; left: 30px; right: 30px; font-size: 16px; font-weight: 500; color: #ffffff; text-shadow: 2px 2px 10px rgba(0,0,0,0.7); line-height: 1.4; display: -webkit-box !important; /* 강제 노출 */ -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}

    .main-visual .swiper-inner {display:none;}

    .main-visual .swiper-pagination {width:100%;  height: auto;}
    .main-visual .swiper-pagination:after {display:none;}

    /* 모바일 pagination 버튼 스타일 */
    .main-visual .m-swiper-pagination {margin-top:30px; width: auto; display: flex; justify-content: center; align-items: center; gap: 10px; z-index: 10;}
    .main-visual .m-swiper-pagination .swiper-pagination-bullet {width: 16px; height: 16px; background: #D9D9D9; border-radius: 50%; opacity: 1; cursor: pointer;  margin: 0;}
    .main-visual .m-swiper-pagination .swiper-pagination-bullet-active {background: #246BEB; width: 20px; height: 20px; border:3px solid #D3E1FB}
    
    .main-service {width:100%; position: relative;}
    .main-service:before {content:""; position: absolute; top:-17%; left:-40px; width:12%; height:100%; background: url('../images/main/board_left_bg.png') 100% 0 no-repeat; z-index:-11;}
    .main-search .search {flex:1 1 auto; min-width:0; width:1%; max-width:100%}
    

    /* navigation 버튼 변경 */
    .main-visual .vis-button-prev,
    .main-visual .vis-button-next {display:none;}
    .main-visual .m-buttons {display:block;}
    

    .main-board {padding:90px 0;}
    .main-board:before {display:none;}
    .main-board .board-tabs .title-flex .tab-menu ul li a {padding-bottom:6px; font-size:16px;}
    .main-board .board-tabs .title-flex .tab-menu ul li {margin-right:25px;}
    .main-board .event-list {width:450px; margin-left:50px; position: relative;}
    .main-board .event-list .item .photo {width:395px;}
    .main-board .event-list .slick-arrow.slick-prev {left:30px;}
    .main-board .event-list .slick-arrow.slick-next {right:30px;}
    .main-board .more {width:50px; height: 50px;}
    .main-board .event-list .item .tit {font-size:24px;}
    .main-board .board-tabs .list ul li .tit {font-size:18px;}
    .main-board .event-list .more {right:0;}

    :lang(en) .main-board .board-tabs .title-flex {display:block;}
    :lang(en) .main-board .board-tabs .title-flex .main-title {margin-right:0; margin-bottom:14px;}
    :lang(en) .main-board .board-tabs .tab-menu {width:100%;}
    :lang(en) .main-board .board-tabs .more {top:-122px;}
    
    .service-inner ul {margin-left:-24px; margin-bottom:-20px;}
    .service-inner ul li {width:calc(25% - 24px); margin-left:24px; margin-bottom:20px;}
    .service-inner ul li a {padding:45px 20px;}

    .main-asan-inner {margin-bottom:80px;}
    .main-asan-inner .inner {padding:0;}
    .main-asan-inner .box {display:block; padding: 84px 80px; border-radius: 80px;}
    .main-asan-inner .info {width:100%;}
    .main-asan-inner .info .more {display:none;}
    .main-asan-inner .text {margin-bottom:40px;}
    .main-asan-inner .text .cnt {font-size:18px}
    .main-asan-inner .asan-img {margin-left:0; width:100%; text-align:center; margin-bottom:40px;}
    .main-asan-inner .btns {display:block; text-align:center;}


    /* sub */
    #lnb {width:220px; margin-right: 30px;}
    #lnb .title {height:120px;}
    #lnb .title h2 {font-size:24px;}
    .lnb {padding:20px 18px;}
    :lang(en) .lnb > ul > li > a {padding:16px 0;}

    .sub-title {padding-bottom:24px; margin:20px 0 40px;}
    .sub-title h2 {font-size:28px;}

    

    /* tabs menu */
    .doc-tabs-menu ul li a {padding:0 20px; height:50px;  min-width: 140px;}
	
	.managerBtns {display: flex; padding-top: 10px; padding-left: 40px; max-width: 1518px; margin: 0 auto; width: 100%;}
	
    /* search */
    .search-inner .photo-se-list ul li {width:25%;}

    
} 


@media (max-width: 1024px) {

    .only-desktop-tablet {display:block;}
    .only-tablet {display:block;}

    /* header */
    .util-inner,
    .btn-menu {display:none;}

    .lang {margin-right:20px;}
    .top-search {margin-right:10px;}

    .btn-m-menu {display:block;}

    html.search-opened .topSearch {top:80px;;}
    html.skiptranslate-active.search-opened .topSearch {top:120px !important;}

    .wrapper {padding-top:90px;}


    /* main */
    .main-board .inner {display:block;}
    .main-board .board-tabs {width:100%; margin-bottom:90px;}
    .main-board .event-list .item .photo {width:305px;}
    .main-board .event-list {width:100%;margin:0 auto; padding-bottom:40px;}
    .main-board .event-list .slick-arrow.slick-prev {left:60px;}
    .main-board .event-list .slick-arrow.slick-next {right:60px;}

    .main-links {margin-bottom:60px;}
    .main-links .bnr ul {display:block; margin-left:0;}
    .main-links .bnr ul li {width:100%; margin-left:0; margin-bottom:20px;}
    .main-links .bnr ul li dl dd {font-size:18px;}

    .main-board .board-tabs .list ul li .date .day {font-size:28px;}


    .service-inner ul li a {padding:61.3px 20px;}

    :lang(en) .service-inner ul li a {padding:30px 10px;}
    :lang(en) .service-inner ul li .tit {font-size:16px;}

    :lang(en) .main-links .bnr ul li dl {max-width:500px;}

    :lang(ru) .main-links .bnr ul li dl {width:75%; max-width:100%;}
    :lang(ru) .main-links .bnr ul li .ico img {height:160px;}

    .main-service:before {top:-11%;}

    /* .main-section:after {top:4%;}
    .main-section:before {top:4%;} */

    /* sub */
    #lnb {display:none;}

    .sub-title {padding-bottom:20px; margin:18px 0 24px;}
    .page-home-inner ul li {font-size:13px;}

    .sub-container {display:block; padding-top:0;}
    .sub-content {width:100%;}

    

    .page-content-group {margin-bottom:50px;}
    .page-content-group .content-row {margin-bottom:30px;}

    .doc-title {font-size:22px;}
    .doc-title:before {top:2px}
    .doc-cnt {font-size:15px;}

    .doc-tit {font-size:16px; margin-bottom:10px;}


    .doc-tabs-menu {margin-bottom:30px;}
    .doc-tabs-menu ul {flex-wrap:nowrap;}
    .doc-tabs-menu .swiper-slide {width:auto !important;}
    .doc-tabs-menu ul li a {min-width:132px; padding:0 18px; height:50px; font-size:15px;}
    .doc-tabs-menu.type2 ul li a {min-width:132px;}

    :lang(en) .doc-tabs-menu ul li a {width:auto !important;}

    :lang(ru) .doc-tabs-menu ul li a {display:flex; max-width:280px; min-width:100%; height: 56px; font-size:14px; word-break:break-all;}

    .eng-name {font-size:13px;}
    .basic-txt {margin-top:8px; font-size:13px;}
    .star-txt {font-size:13px; margin-top:8px;}

    /* 체류 안내 */
    .chip-list ul {grid-template-columns: repeat(auto-fill, minmax(20%, auto)); gap:14px 20px;}
    .chip-list ul li a {height:68px; padding:12px 14px;}
    .chip-list ul li a .tit {font-size:16px;}

    :lang(en) .chip-list ul {grid-template-columns: repeat(auto-fill, minmax(25%, auto));}
    :lang(vi) .chip-list ul {grid-template-columns: repeat(auto-fill, minmax(33.3333%, auto));}

    

    .text-cnt-type1 {font-size:15px;}

    .text-cnt ul li {font-size:15px; padding-left:14px; margin-bottom:8px;}
    .text-cnt ul li:before {top:7px}
    .text-cnt ul li ul {padding-top:5px;}
    .text-cnt ul li ul li {margin-bottom:4px; font-size:14px;}


    .text-cnt-type3 ul li {font-size:15px; padding-left:14px;}
    .text-cnt-type3 ul li:before {top:6px;}
    .text-cnt-type3 ul li ul li {margin-bottom:3px; font-size:14px;}

    .text-cnt-type7 ul {margin-left:-12px; margin-bottom:-6px;}
    .text-cnt-type7 ul li {width:calc(25% - 12px);  margin-left: 12px;margin-bottom:6px; padding:10px 14px;}
    .text-cnt-type7 ul li .tit {font-size:16px;}
    .text-cnt-type7 ul li p {font-size:12px}

    .text-cnt-type6 .text {margin-bottom:16px;}
    .text-cnt-type6 .text ul li {font-size:15px; padding-left: 14px;}
    .text-cnt-type6 .text ul li:before {top:6px;}
    .text-cnt-type6 .step ul {margin-left:-12px; margin-bottom:-6px;}
    .text-cnt-type6 .step ul li {width:calc(25% - 12px); min-height:60px; margin-left: 12px; font-size:15px; margin-bottom:6px; padding:10px 14px;}
    .text-cnt-type6 .step ul li .tit {font-size:14px;}


    .box-title {font-size:17px; margin-bottom:10px;}
    .box-type {padding:26px;}

    .basic-list table thead th {height:auto; padding:9px 16px; font-size:15px;}
    .basic-list table tbody th {height:auto; padding:10px 16px; font-size:15px;}
    .basic-list table tbody td {height:auto; padding:10px 16px; font-size:15px;}

    .basic-list-type2 table thead th {height:auto; padding:9px 16px; font-size:15px;}
    .basic-list-type2 table tbody th {height:auto; padding:10px 16px; font-size:15px;}
    .basic-list-type2 table tbody td {height:auto; padding:10px 16px; font-size:15px;}

    .image-box-inner-type3 ul {margin:0 ; display:block;}
    .image-box-inner-type3 ul li {padding:0; width:100%; display:flex; flex-wrap:wrap; margin-bottom:20px; padding:24px; border-radius: 16px; border:1px solid var(--gray-color-20);}
    .image-box-inner-type3 ul li:last-child {margin-bottom:0;}
    .image-box-inner-type3 ul li .tit {width:100%; height:auto; font-size:15px; margin-bottom: 10px;}
    .image-box-inner-type3 ul li .pic {margin-bottom:0; width:300px;}
    .image-box-inner-type3 ul li dl {flex:1 1 auto; min-width:0; width:1%; padding-left:20px; padding-top:16px;}
    .image-box-inner-type3 ul li dl dt {margin-bottom:6px; font-size:13px;}
    .image-box-inner-type3 ul li dl dd {font-size:12px}

    .text-cnt-type4 dl dt {font-size:15px;}

    .step-type-inner .col-list {padding-bottom:10px;}
    .step-type-inner .col-list .step-num .num {font-size:20px;}
    .step-type-inner .col-list .step-num .title .tit {font-size:16px;}
    .step-type-inner .col-list .step-num .title p {font-size:14px;}

    .step-type-one-inner .col-list {padding-bottom:10px;}
    .step-type-one-inner .col-list .step-num .num {font-size:20px;}

    .text-cnt-type5 .group {padding-bottom:40px ;margin-bottom:40px;}
    .text-cnt-type5 .ico-wrap {width:200px; margin-right:0;}
    .text-cnt-type5 .ico-wrap .ico img {height:64px;}
    .text-cnt-type5 .ico-wrap .tit {font-size:18px;}
    .text-cnt-type5 .info {font-size:15px;}

    .university-ico-type ul li {padding:26px 20px;}
    .university-ico-type ul li .ico {width:60px; height: 60px;}
    .university-ico-type ul li .ico img {height: 60px;}
    .university-ico-type ul li dl dt {font-size:18px;}
    .university-ico-type ul li dl dd {font-size:15px;}


    .internet-inner .group {padding:26px; margin-bottom:12px;}
    .internet-inner .group .photo {width:300px; margin-right:34px;}
    .internet-inner .group .info .tit {font-size:16px;}
    .internet-inner .group .info .btns {margin-top:30px;}

    .stpe-type3 {padding:26px;}
    .stpe-type3 ul {margin-bottom:-22px;}
    .stpe-type3 ul li {margin-bottom:22px;}
    .stpe-type3 ul li .number {font-size:20px;}
    .stpe-type3 ul li .box {padding:12px; font-size:14px;}

    .image-box-inner .photo {width:320px; margin-right: 30px;}
    .image-box-inner .info {font-size:15px;} 

    .box-type-ico .ico-wrap {width:160px;}
    .box-type-ico .info {padding:30px 30px 30px 0;}
    .box-type-ico .info ul li {font-size:15px; padding-left:12px;}
    .box-type-ico .info ul li:before {top:7px;}
    .box-type-ico .info dl {font-size:15px;}

    .image-box-inner-type2 .photo {width:260px;}
    .image-box-inner-type2 .info {font-size:15px;}

    .text-cnt-dl dl dt {font-size:15px;}
    .text-cnt-dl dl dd {font-size:15px;}

    .event-list ul li {margin-bottom:30px; }
    .event-list ul li .photo {width:340px; margin-right: 40px; padding:22px;}
    .event-list ul li .info {padding-top:20px;}
    .event-list ul li .info h3 {font-size:22px; margin-bottom:15px;}
    .event-list ul li .info dl {font-size:15px;}


    /* 검색 */
    .board-search-inner {margin-bottom:10px;}
    .board-search-inner .total {font-size:13px;}
    .board-search-inner .search-inner .col.select-zone {margin-left:0;}
    .board-search-inner .search-inner .date-picker .input {width:139px;}
    .board-search-inner .search-inner .select-zone {width:96px;}
    .board-search-inner .search-inner .input-zone {width:300px}
    .board-search-inner .search-inner .btns {width:44px;}
    .board-search-inner.type2 { margin-bottom:30px; padding:14px 20px;}

    .board-total {font-size:13px; margin-bottom:10px;}

    .gallery-list ul {margin:0 -10px;}
    .gallery-list ul li {width:33.333333%; padding:0 10px; margin-bottom:26px;}
    .gallery-list ul li .tit {margin:12px 0 14px; font-size:15px;}

    .borad-view .head h2 {font-size:20px;}
    .borad-view .head .board-view-info div {margin-left: 26px; }

    .board-list table thead th {height:auto; padding:12px 5px; font-size:15px;}
    .board-list table tbody td {height:auto; padding:12px 5px; font-size:15px;}
    .board-list table tbody td.subject {padding-left:12px;}

    .faq-list .tit {font-size:16px;}
    .faq-list .tit a {padding:22px 70px;}
    .faq-list .tit a:before {top:20px; left:20px; height:28px; width:40px;  font-size:13px; line-height:28px;}
    .faq-list .tit a .icon {right:20px; margin-top:-11px; width:22px; height: 22px;}
    .faq-list .cnt {display:none; position:relative; padding:20px 0 20px 50px; margin:0 20px;}
    .faq-list .cnt:before {top:20px;  width:40px; height: 28px;  font-size:13px; line-height:28px; }
        
    .fc .fc-toolbar-title {font-size:20px;}
    .fc .fc-daygrid-day-frame {padding:0px/*16px*/;}
	.fc .fc-daygrid-day-top {padding:16px;}
	
    .scroll-top {right:20px;}
    .scroll-top .top {width:50px; height:50px;}

    /* search */
    .search-head {margin-top:24px; margin-bottom:50px;}
    .search-inner .search-title {font-size:22px;}
    .search-inner .title h2 {font-size:24px;}
    .search-inner .photo-se-list ul {margin:0 -10px;}
    .search-inner .photo-se-list ul li {width:33.333333%; padding:0 10px;}


   

}

/* portrait tablet */
@media (max-width: 900px) {	
	.only-desktop {display:none;}

    :root {
        --inner-space : clamp(20px, calc( 20 / var(--inner) * 100vw ), 20px);
    } 

    #header .inner {padding:0 20px;}
    
    .input {padding: 6px 38px 6px 12px;}
    .board-search-inner .search-inner .del {right:12px}

	/* main */
    .main-service:before {left:-20px; }

    /* sub */
    .sub-container {padding-left:20px; padding-right:20px;}

    .timeline-inner {width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}
    .timeline-inner .scroll {width:900px;}
    .timeline-inner ul {padding: 0 20px;}
    .timeline-inner ul li:first-child:before {left:20px;}
    .timeline-inner ul li dl dt {padding:0 20px; font-size:15px;}
    .timeline-inner ul li dl dd {font-size:13px;}


    .chart-inner {overflow-x:auto; -webkit-overflow-scrolling:touch; padding:24px;}
    .chart-inner .scroll {width:1200px}
    .chart-inner.type2 .scroll {width:900px}

    .asan-map-graph-inner .label-tit.donpo {right:14%; top:12%}
    .asan-map-graph-inner .label-tit.tangjeong {right:7%;}
    .asan-map-graph-inner .label-tit.songak {left:47%; top:78%;}
    .asan-map-graph-inner .label-tit .num {font-size:14px;}
    .asan-map-graph-inner .onyang-box {position: relative; top:0; right:0; margin-top:20px;transform: translateY(0);  width:100%; padding:20px 20px 15px 20px; display:flex; flex-wrap:wrap;}
    .asan-map-graph-inner .onyang-box dl {width:50%}
    .asan-map-graph-inner .onyang-box dl dd {font-size:15px; padding-right:35%;}
    .asan-map-graph-inner .onyang-point {display:none;}
    .asan-map-graph-inner .onyang-arrow {top:61%; left:29.5%; transform: rotate(90deg); width:170px; background-position: 0 100%; background-size:contain}
    .asan-map-graph-inner .onyang-arrow:after {content:""; position:absolute; top:0; left:-4px; width:12px; height: 12px; background:var(--primary-color-80); border-radius: 100%;}
	.managerBtns {display: flex; padding-top: 10px; padding-left: 20px; max-width: 1518px; margin: 0 auto; width: 100%;} 
	
	
} 

@media (max-width: 912px) {	

    .service-inner ul li a {padding:40px 20px;}
    .main-service:before {top:-19%; width:15%;}
}

@media (max-width: 820px) {	

    .service-inner ul li a {padding:40px 20px;}
    .main-service:before {top:-19%; width:16%;}

    /* sub */
    .stpe-type4 {padding:24px;}
    .stpe-type4 ul {margin-left:-20px; margin-bottom:-20px;}
    .stpe-type4 ul li {display:flex; padding-left:20px; text-align:left; margin-bottom:20px;}
    .stpe-type4 ul li:after {display:none;}
    .stpe-type4 ul li:nth-child(3) {order:3}
    .stpe-type4 ul li:nth-child(4) {order:4}
    .stpe-type4 ul li .number {font-size:20px; width:30px;}
    .stpe-type4 ul li .box {flex:1 1 auto; min-width:0; width:1%;}
    .stpe-type4 ul li .box .tit {height: auto; font-size:14px; padding:10px 16px; display:block; text-align:left; font-weight: 700;}
    .stpe-type4 ul li .box .text {padding:14px 16px; min-height: auto;}
    .stpe-type4 ul li .box .text dl dd {padding-left: 12px; font-size:13px;}
    .stpe-type4 .arrow-group {display:none;}

    :lang(en) .btn-pack.xlarge,
    :lang(ru) .btn-pack.xlarge {display:flex; word-break:break-all; white-space:normal; overflow-wrap:break-word; height: 80px; font-size:14px;}
}

@media (max-width: 768px) {	

    .service-inner ul li a {padding:34px 20px;}

    .main-service:before {top:-22%; width:16%;}
	
    .responsive-table {table-layout: auto; width: auto;}
    
    .asan-popup-layout-type2 .content .title-box .title {max-width: 537px;}
}

/* Landscape phone */
@media (max-width: 640px) {
	
	body, input, textarea, select, button, table {font-size:14px;}
	.only-desktop-tablet {display:none;}
	.only-tablet {display:none;}
	.only-mobile {display:block;}

    .language-inner ul {margin-left: -10px; margin-bottom:-10px;}
    .language-inner ul li {width:calc(33.333333% - 10px); margin-left:10px; margin-bottom:10px;}
    .language-inner ul li a {padding: 20px 20px; width:auto; height: auto;}
    .language-inner ul li .ico img {height: 52px;}


    .wrapper {padding-top:60px;}

    /* header */
    #header .inner {height: 60px;}
    .sitelogo img {height:28px;}

    .mobile-navigation .head {height:60px;}
    .mobile-navigation .head img {height:28px;}
    .mobile-navigation .close {top:16px;;}
    
    
    .lang  {margin-right:14px;}
    .lang .tit {height:40px; border-radius: 40px; font-size:14px; padding:16px 36px 16px 20px;}
    .lang .tit:after {right:16px; width:16px; height:16px;}
    .lang ul {top:44px; width:130px; margin-left:-65px; padding:16px;}
    .lang.active ul li {font-size:13px;}
    .lang.active ul li a .ico {width:24px; height: 24px; margin-right:4px;}

    

    html.search-opened .topSearch {top:0;}
    html.header-fixed.search-opened .topSearch {top:0;}


    .topSearch {padding:0; height:100vh}
    .topSearch .head {display:flex !important;}
    .topSearch .inner {padding:0 30px;}
    .topSearch .close {display:block;}
    .topSearch .input {height: 56px; padding:10px 60px 10px 20px;}
    .topSearch .bt-search {height: 56px; width:56px;}
    .topSearch .bt-search img {height: 30px;}
    .topSearch .vogue-cnt dl {display:block;}
    .topSearch .vogue-cnt dl dt {width:100% !important; margin-bottom:12px; font-size:15px;}
    .topSearch .vogue-cnt dl dd {width:100%;}
    .topSearch .del {right:70px; top:18px; margin-top:0;}
    .topSearch .vogue-cnt {padding:0 12px;}
    .topSearch .autocomplete-inner {top:60px; padding:20px 16px;}
    .topSearch .autocomplete-inner .scroll {height: 170px;}
    

	/* main */
    .main-section .inner {padding:0;}

    .main-visual {border-radius: 0; margin-bottom:40px; padding:0 20px;}
    .main-visual .mainSlider {border-radius: 32px;}
    .main-visual .m-buttons .m-vis-button-prev,
    .main-visual .m-buttons .m-vis-button-next {display:none;}
    

    .main-search {padding:0 20px;}

    .service-inner .main-title {padding-left:20px;}
    .service-slider {padding:0 20px;}

    :lang(vi) .service-inner .main-title h2 {font-size:24px}

    .main-visual .m-swiper-pagination {margin-top:16px;}
    .main-section {padding:24px 0 16px;}
    .main-section:before {height:100%; top:auto; bottom:0; max-width:640px; left:20px; background-position: 0 100%;}
    .main-section:after {height:100%; top:0; border-radius: 0; background-image:url('../images/main/vis_bg_m.png')}
    .main-search {display:block; margin-bottom:56px;}	
    .main-search .search {width:100%; margin-bottom:30px;}
    .main-search .search .input {height: 56px; padding:8px 60px 8px 24px;}
    .main-search .search-ed .bt-search {width:56px; height: 56px;}
    .main-search .search-ed .del {right:62px}
    .main-search .person {max-width:100%;}
    .main-search .person .number-group .number {background-size:cover; border-radius: 56px; height: 56px;}
    .main-search .person .number-group .ico {top:auto; bottom:0;}
    .main-search .person .number-group .ico img {height:56px;}
    

    .main-service {padding-bottom:44px;}
    .main-service:before {display:none;}
    .service-inner .service-slider {overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; scrollbar-width:none; -ms-overflow-style:none;}
    .service-inner .service-slider::-webkit-scrollbar {display:none;}
    .service-inner .service-slider .scroll {width:628px;}
    .service-inner ul {margin-left:-10px; margin-bottom:-10px;}
    .service-inner ul li {width:calc(25% - 10px); margin-left:10px; margin-bottom:10px;}
    .service-inner ul li a {padding:30px 10px;}
    .service-inner ul li .tit {font-size:14px;}
    .service-inner ul li .ico img {height: 56px;}

    :lang(en) .service-inner ul li a {padding:20px 10px;}
    :lang(en) .service-inner ul li .tit {font-size:14px;}
    

    .main-board {position: relative; margin-bottom:56px; padding:0;}
    .main-board:after {content:""; position:absolute; top:0; left:0; width:120px; height:100px; background:url('../images/main/board_left_bg_m.png') 0 0 no-repeat;  z-index:-1;}
    
	.main-board .board-tabs {margin-bottom:60px; padding-top:40px;}
    .main-board .board-tabs .title-flex {margin-bottom:20px; display:block;}
    .main-board .board-tabs .title-flex  .main-title {margin-bottom:20px; margin-right:0;}
    .main-board .board-tabs .title-flex .tab-menu {width:100%;}
    .main-board .board-tabs .title-flex .tab-menu ul li a {padding-bottom:10px; font-size:15px;}
    .main-board .board-tabs .list ul li .date {width:80px}
    .main-board .board-tabs .list ul li .info {display:block;}
    .main-board .board-tabs .list ul li .label {display:inline-block; margin-bottom:10px; line-height: 24px; border-radius: 24px;}
    .main-board .board-tabs .list ul li .tit {width:100%; height:calc(1.3em * 1 * 2); -webkit-line-clamp:2; font-size:var(--font-size-18); line-clamp:2; overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box;  -webkit-box-orient:vertical;}
    .main-board .more {width:40px; height: 40px;}

    :lang(vi) .main-search .search .main-title {margin-bottom:12px;}
    :lang(vi) .service-inner ul li a {padding:20px ;}
    :lang(vi) .main-board .board-tabs .more {top:-62px}

    
    .main-board .more:after {width:16px; height: 16px; margin-left:-8px; margin-top:-8px;}
    .main-board .board-tabs .more {top:-110px;}

    :lang(en) .main-board .board-tabs .more {top:-104px;}
    :lang(ru) .main-board .board-tabs .more {top:-104px;}
    :lang(ru) .main-board .board-tabs .title-flex .tab-menu {overflow-x:auto; -webkit-overflow-scrolling:touch;}
    :lang(ru) .main-board .board-tabs .title-flex .tab-menu ul {width:460px;}
    
    .main-board .event-list {background-image:url('../images/main/event_bg_m.png'); position: relative; padding-bottom:20px;}
    .main-board .event-list .main-title {margin-bottom:40px;}
    .main-board .event-list .item .photo {padding:0 80px; width:auto; margin-bottom:20px;}
    .main-board .event-list .slick-arrow.slick-prev {left:10px;}
    .main-board .event-list .slick-arrow.slick-next {right:10px;}
    .main-board .event-list .item .tit {font-size:16px; margin-bottom:4px;}
    .main-board .event-list .item .date {font-size:12px;}
    .main-board .event-list .more {top:-6px; right:0;}

    .main-asan-inner {margin-bottom:56px;}
    .main-asan-inner .box {padding:44px 40px; border-radius: 56px;}
    .main-asan-inner .tit {margin-bottom:30px;}
    .main-asan-inner .tit img {height: 24px;}
    .main-asan-inner .text .cnt {margin-bottom:16px; font-size:14px}
    .main-asan-inner .asan-img {margin-bottom:30px;}
    .main-asan-inner .m-more {height: 56px; font-size:16px;}

    :lang(vi) .main-asan-inner .box {padding:44px 30px;}

    .main-links  {margin-bottom:56px;}
    .main-links .bnr ul li a {padding: 32px 32px 70px 32px; height:196px; display:block;}
    .main-links .bnr ul li dl dt {margin-bottom:16px; font-size:20px;}
    .main-links .bnr ul li dl dd {font-size:12px;}
    .main-links .bnr ul li .mbr {display:block;}
    .main-links .bnr ul li .ico {right:6px}
    .main-links .bnr ul li .ico img {height:124px;}

    :lang(en) .main-links .bnr ul li a {height:auto;}
    :lang(en) .main-links .bnr ul li .mbr {display:inline-block; padding-left:4px;}
    :lang(en) .main-links .bnr ul li dl {max-width:100%;}
    :lang(en) .main-links .bnr ul li dl dt {font-size:24px;}
    :lang(en) .main-links .bnr ul li dl dd {font-size:15px; padding-right:100px;}

    :lang(ru) .main-links .bnr ul li a {height:auto;}
    :lang(ru) .main-links .bnr ul li dl {width:70%;}
    :lang(ru) .main-links .bnr ul li dl dt {font-size:17px;}
    :lang(ru) .main-links .bnr ul li .ico img {height:124px;}

    :lang(vi) .main-links .bnr ul li dl {max-width:100%;}
    :lang(vi) .main-links .bnr ul li dl dd {font-size:12px; padding-right:100px;}
    :lang(vi) .main-links .bnr ul li .ico img {height:100px;}
    :lang(vi) .main-links .bnr ul li .mbr {display:none;}

    

    .main-links .siteSlider {padding:0;}
    .main-links .siteSlider .items {padding:0 25px;}
    .main-links .siteSlider .items .slick-slide {padding:0 4px;}
    .main-links .siteSlider .items .thumb {border-radius: 16px;}
    .main-links .slick-arrow {margin-top:-15px; width:30px; height: 30px;}


    /* footer */
    #footer {padding: 40px 24px; border-top-right-radius: 56px;}
    #footer  .bar {display:block;  margin:0; width:0; height:0;}
    .foot-logo {margin-bottom: 20px;}
    .foot-logo img {height: 28px;}
    .foot-addr {margin-bottom:30px; font-size:13px;}

    .foot-copy {font-size:11px;}

    .family-site {width:100%; position: relative; top:0; right:0; margin-bottom:30px;}
    .family-site .tit {height: 48px; justify-content:flex-start; padding:0 24px; position: relative;}
    .family-site .tit .arrow {position: absolute; top:50%; right:24px; margin-top:-10px;}
    .family-site .list {bottom:48px;}

    .scroll-top {right:16px;}
    .scroll-top .top {width:36px; height:36px;}
    .scroll-top .top img {height: 16px;}

    /* sub */
    .sub-title {padding-bottom:20px; display:block; margin:18px 0 20px;}
    .sub-title h2 {font-size:28px; width:100%;}
    .page-home-inner {position:static; margin-top:10px;}
    .page-home-inner ul {flex-wrap:wrap;}
    
    :lang(en) .sub-title h2 {font-size:22px;}
    :lang(ru) .sub-title h2 {font-size:22px;}
    :lang(vi) .sub-title h2 {font-size:22px;}

    .asan-map-graph-inner .onyang-box {width:80%; right:auto; left:50%; margin-left:-40%;}
    .asan-map-graph-inner .onyang-box {display:block;}
    .asan-map-graph-inner .onyang-box dl {width:100%;}
    .asan-map-graph-inner .onyang-box dl dd {padding-right:0;}
    .asan-map-graph-inner .onyang-point {top:50%}
    .asan-map-graph-inner .onyang-arrow {top: 54%;}

    :lang(en) .asan-map-graph-inner .label-tit.donpo {right:5%;}
    :lang(en) .asan-map-graph-inner .label-tit.eumbong {right:-2%;}
    :lang(en) .asan-map-graph-inner .label-tit.tangjeong {right:-10%;}
    :lang(en) .asan-map-graph-inner .label-tit.baebang {right:-8%;}


    :lang(ru) .asan-map-graph-inner .label-tit.donpo {right:5%;}
    :lang(ru) .asan-map-graph-inner .label-tit.eumbong {right:-2%;}
    :lang(ru) .asan-map-graph-inner .label-tit.tangjeong {right:-6%;}

    :lang(vi) .asan-map-graph-inner .label-tit.donpo {right:5%;}
    :lang(vi) .asan-map-graph-inner .label-tit.eumbong {right:-2%;}
    :lang(vi) .asan-map-graph-inner .label-tit.tangjeong {right:-8%;}
    :lang(vi) .asan-map-graph-inner .label-tit.baebang {right:-8%;}

    :lang(ja) .asan-map-graph-inner .label-tit.donpo {right:10%;}
    :lang(ja) .asan-map-graph-inner .label-tit.eumbong {right:6%;}
    :lang(ja) .asan-map-graph-inner .label-tit.tangjeong {right:-2%;}
    :lang(ja) .asan-map-graph-inner .label-tit.baebang {right:2%;}

    .source-txt {margin-bottom:30px;}
    .source-txt ul {margin:0 -8px -5px; flex-wrap:wrap;} 
    .source-txt ul li {padding:0 8px; margin-bottom:5px;}

    .content-inner {padding-bottom: 60px;}

    .doc-title {padding-left: 36px; font-size:20px; margin-bottom:15px;}
    .doc-title:before {top:1px;}
    .doc-cnt {padding-left: 0; font-size:14px;}

    :lang(ru) .doc-title {font-size:1.2rem}

    .doc-tit {font-size:15px; margin-bottom:8px;}

    .asan-content .info {margin-bottom:30px;}
    .asan-content .info span {font-size:15px;}
    .asan-content .info br {display:none;}

    .asan-content .txt {position: static; left:0; transform: translateY(0); margin-top:30px;}


    .doc-tabs-menu {margin-bottom:30px;}
    .doc-tabs-menu ul {flex-wrap:nowrap;}
    .doc-tabs-menu ul li a {min-width:132px; padding:0 18px; height:50px; font-size:15px;}
    .doc-tabs-menu.type2 ul li a {min-width:132px;}



    .page-content-group {margin-bottom:40px;}
    .page-content-group .content-row {margin-bottom:25px;}
    

    

    /* 체류 안내 */
    .chip-list ul {grid-template-columns: repeat(auto-fill, minmax(33.3333%, auto)); gap:10px 10px;}
    .chip-list ul li a {height:62px; padding:12px 10px;}

    :lang(en) .chip-list ul {grid-template-columns: repeat(auto-fill, minmax(100%, auto));}
    :lang(en) .chip-list ul li.text-type1 {grid-column: auto; }

    :lang(ru) .chip-list ul {grid-template-columns: repeat(auto-fill, minmax(100%, auto));}
    :lang(ru) .chip-list ul li.text-type1 {grid-column: auto; }

    :lang(vi) .chip-list ul {grid-template-columns: repeat(auto-fill, minmax(100%, auto));}
    :lang(vi) .chip-list ul li.text-type1 {grid-column: auto; }
    


    .text-cnt-type1 {font-size:14px;}

    .text-cnt ul li {font-size:14px; padding-left:10px; margin-bottom:6px;}
    .text-cnt ul li:before {top:6px}
    .text-cnt ul li ul {padding-top:3px;}
    .text-cnt ul li ul li {margin-bottom:2px; font-size:13px;}


    .text-cnt-type3 ul li {font-size:14px; padding-left:10px;}
    .text-cnt-type3 ul li:before {top:6px;}
    .text-cnt-type3 ul li ul li {margin-bottom:3px; font-size:12px;}
    .text-cnt-type3 ul li .blue-tit {display:block;}

    .text-cnt-type6 .text {margin-bottom:12px;}
    .text-cnt-type6 .text ul li {font-size:14px; padding-left: 10px;}
    .text-cnt-type6 .text ul li:before {top:6px;}
    .text-cnt-type6 .step ul {margin-left:-8px; margin-bottom:-4px;}
    .text-cnt-type6 .step ul li {width:calc(50% - 8px); min-height:60px; margin-left: 8px; font-size:14px; margin-bottom:6px; padding:10px 12px;}
    .text-cnt-type6 .step ul li .tit {font-size:14px;}

    :lang(ru) .text-cnt-type6 .step ul li {width:calc(100% - 8px);}
    :lang(en) .text-cnt-type6 .step ul li {width:calc(100% - 8px);}

    .text-cnt-type7 ul {margin-left:-8px; margin-bottom:-4px;}
    .text-cnt-type7 ul li {width:calc(50% - 8px);  margin-left: 8px;font-size:14px;margin-bottom:4px; padding:10px 12px;}
    .text-cnt-type7 ul li .tit {font-size:15px;}

    :lang(ru) .text-cnt-type7 ul li {width:calc(100% - 8px);}
    :lang(en) .text-cnt-type7 ul li {width:calc(100% - 8px);}

    .box-title {font-size:16px; margin-bottom:8px;}
    .box-type {padding:20px;}

    .basic-list {width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}
    .basic-list table {width:1000px;}
    .basic-list table thead th {height:auto; padding:8px 16px; font-size:14px;}
    .basic-list table tbody tr {position: relative;}
    .basic-list table tbody th {height:auto; padding:10px 16px; font-size:14px;}
    .basic-list table tbody td {height:auto; padding:10px 16px; font-size:14px;}

    .image-box-inner-type3 ul li {display:block; margin-bottom:10px; padding:20px;}
    .image-box-inner-type3 ul li .tit {font-size:14px; margin-bottom: 8px;}
    .image-box-inner-type3 ul li .pic {margin-bottom:10px; width:100%;}
    .image-box-inner-type3 ul li .pic img {width:100%;}
    .image-box-inner-type3 ul li dl {width:100%; padding-left:0; padding-top:0;}
    .image-box-inner-type3 ul li dl dt {margin-bottom:4px;}

    .text-cnt-type4 dl {display:block; margin-bottom:6px;}
    .text-cnt-type4 dl dt {margin-right:0; font-size:14px; min-width:100%; margin-bottom:6px;}
    .text-cnt-type4 dl dd { width:100%;}
    .text-cnt-type4.type2 dl dt {width:100%;}

    .step-type-inner .col-list {display:block;}
    .step-type-inner .col-list:after {top:0; height:calc(100% - 12px)}
    .step-type-inner .col-list .step-num { width:100% !important; padding-right: 12px;  padding-top:0;}
    .step-type-inner .col-list .step-num .num {margin-right:12px; font-size:18px;}
    .step-type-inner .col-list .step-num .title {padding-top:10px;}
    .step-type-inner .col-list .step-num .title p {font-size:13px; margin-bottom:10px;}
    .step-type-inner .col-list .info-box {width:100%; padding-left:20px;}
    .step-type-inner .col-list .info-box .box {padding:20px; min-height:60px;}

    .step-type-one-inner .col-list {padding-bottom:12px;}
    .step-type-one-inner .col-list .step-num { width:30px; margin-right:0;}
    .step-type-one-inner .col-list .step-num .num {font-size:18px; height:30px;}
    .step-type-one-inner .col-list .info-box .box {padding:20px;}
    .step-type-one-inner .col-list .info-box .box p {font-size:14px;}


    .text-cnt-type5 .group {display:block; padding-bottom:30px ;margin-bottom:30px;}
    .text-cnt-type5 .ico-wrap {width:100%; margin-right:0; margin-bottom:10px; text-align:center;}
    .text-cnt-type5 .ico-wrap .tit {font-size:16px;}
    .text-cnt-type5 .info {font-size:14px; width:100%;}
    .text-cnt-type5 .text-cnt-type3 ul li .blue-tit {display:inline-block;}

    span.br {display:block;}

	#medicalPopup .kakaoAddress { font-size:12px; padding: 10px 15px;}
	#medicalPopup .body { padding:0 15px; }
	
    .pdf-link {width:26px; height: 26px;}
    .asan-popup-layout .content .title {height: auto; display:block; padding:15px 30px 10px 15px; font-size:16px;}
    .asan-popup-layout .wrap {padding:0 10px;}
    .asan-popup-layout .content .group {margin-bottom:16px;}
    .asan-popup-layout .content .tit {font-size:14px;}
    .asan-popup-layout .content .cnt {font-size:14px;}
    .asan-popup-layout .content .cnt ul li {margin-bottom:3px;}
    .asan-popup-layout .content .close {top:25px; right:20px; width:20px; height: 20px;}
    .asan-popup-layout .content .history-box {padding:32px;}
    .asan-popup-layout .content .history-box .scroll {max-height:100%; padding:0;}
    .asan-popup-layout .content .history-box .history-list:after {margin-left:0; left:26px;}
    .asan-popup-layout .content .history-box .history-list ul {display:block; padding-bottom:32px;}
    .asan-popup-layout .content .history-box .history-list ul li {width:100%;}
    .asan-popup-layout .content .history-box .history-list ul li .year {margin-left:0; font-size:14px; border-radius: 50px; height:50px; width:64px; }
    .asan-popup-layout .content .history-box .history-list ul li .history-cnt {padding-left: 20px; font-size:13px;}
    .asan-popup-layout .content .history-box .history-list ul:nth-child(even) .year {margin-left:0; margin-right:0; order:1;}
    .asan-popup-layout .content .history-box .history-list ul:nth-child(even) .history-cnt {order:2; text-align:left; padding-right: 0; padding-left:20px;}
    .asan-popup-layout .content .close {top:24px; right:20px; width:20px; height: 20px;}
    
    .basic-list-type2 {border-top: 1px solid var(--secondary-color-30);}
    .basic-list-type2 table thead{display:none;}
    .basic-list-type2 table colgroup col {width:100% !important}
    .basic-list-type2 table tbody tr {display:block; border-bottom: 1px solid var(--secondary-color-10);}
    .basic-list-type2 table tbody th {display:block; height:auto; padding:0 12px; font-size:15px; text-align:left; border:0;}
    .basic-list-type2 table tbody td {position: relative; display:block; min-height:34px; padding:3px 12px 3px 22px; font-size:15px; text-align:left !important; border:0;}
    .basic-list-type2 table tbody td:before {content:""; position:absolute; top:10px; left:10px; width:4px; height: 4px; background:var(--secondary-color-20); border-radius: 100%;}
    .basic-list-type2 table tbody td.num {display:none;}
    .basic-list-type2 table tbody td.city-name:before {display:none;}
    .basic-list-type2 table tbody td.city-name {font-size:18px;font-weight: 600; padding:12px;}
    .basic-list-type2 table tbody td.city-name .eng-name {font-weight: 400; padding-top:5px;}

    .university-ico-type ul {display:block; margin-left:0;}
    .university-ico-type ul li {width:100%; margin-left:0; margin-bottom:8px; padding:24px 18px; flex-wrap:wrap; text-align:center;}
    .university-ico-type ul li:last-child {margin-bottom:0;}
    .university-ico-type ul li .ico {width:100%; height: 56px; margin-right: 0; margin-bottom:10px;}
    .university-ico-type ul li .ico img {height: 56px;}
    .university-ico-type ul li dl {width:100%}
    .university-ico-type ul li dl dt {font-size:16px;}
    .university-ico-type ul li dl dd {font-size:14px;}

    .internet-inner .group {padding:20px; display:block;}
    .internet-inner .group .photo {width:100%; margin-right:0; margin-bottom:20px;}
    .internet-inner .group .info {width:100%;}
    .internet-inner .group .info .tit {font-size:15px;}
    .internet-inner .group .info .cnt {font-size:13px;}
    .internet-inner .group .info .btns {margin-top:20px; text-align:center;}

    .stpe-type4 ul {display:block; margin-left:0; margin-bottom:-10px;}
    .stpe-type4 ul li {padding-left:0; width:100%; margin-bottom:10px;}

    .stpe-type3 {padding:24px;}
    .stpe-type3 ul {margin-bottom:-10px; display:block; margin-left:0;}
    .stpe-type3 ul li {width:100%; display:flex; align-items: center;  padding-left:0;margin-bottom:10px;}
    .stpe-type3 ul li:after {display:none !important;}
    .stpe-type3 ul li .number {font-size:20px; width:30px; text-align:left; margin-bottom:0;}
    .stpe-type3 ul li .box {flex:1 1 auto; min-width:0; width:1%; font-size:14px; padding:16px; display:block; min-height:auto; text-align:left;}
    .stpe-type3 ul li:last-child {width:100%;}

    .image-box-inner  {display:block;}
    .image-box-inner .photo {width:100%; margin-right: 0; margin-bottom:20px;}
    .image-box-inner .info {width:100%;font-size:14px; padding-top:0;} 

    .box-type-ico {display:block; padding:20px;}
    .box-type-ico .ico-wrap {width:100%; margin-bottom:10px; text-align:center;}
    .box-type-ico .info {width:100%; padding:0;}
    .box-type-ico .info ul li {font-size:14px;}
    .box-type-ico .info dl {font-size:14px; display:block;}
    .box-type-ico .info dl dt {width:100% !important; margin-bottom:4px;}
    .box-type-ico .info dl dd {width:100% !important}

    .image-box-inner-type2 {display:block;}
    .image-box-inner-type2 .photo {width:100%; margin-right:0; margin-bottom:20px;}
    .image-box-inner-type2 .info {width:100%; font-size:14px; padding-top:0;}

    .text-cnt-dl dl {display:block;}
    .text-cnt-dl dl dt {margin-right:0; font-size:14px; min-width:100%; padding-left: 12px; margin-bottom:6px;}
    .text-cnt-dl dl dd {font-size:14px; width:100%; padding-left:12px;}

    .image-step4-group {overflow-x:auto; -webkit-overflow-scrolling:touch;} 
    .image-step4-group ul {margin:0 -6px -12px; width:800px}
    .image-step4-group ul li { padding:0 6px; margin-bottom:12px;}
    .image-step4-group ul li .tit {font-size:13px;}

    .image-step3-group {overflow-x:auto; -webkit-overflow-scrolling:touch;}
    .image-step3-group ul {margin:0 -6px; margin-bottom:-12px; width:700px}
    .image-step3-group ul li {padding:0 6px;margin-bottom:12px;}
    .image-step3-group ul li .tit {font-size:13px;}

    .event-list ul li {margin-bottom:26px; padding-bottom:26px; border-bottom: 1px solid var(--secondary-color-10);}
    .event-list ul li .photo {width:104px; margin-right: 16px; padding:0; background:none;}
    .event-list ul li .info {padding-top:0; width:100%}
    .event-list ul li .info h3 {font-size:20px; margin-bottom:12px; max-height:calc(1.4em * 1 * 2); -webkit-line-clamp:2; line-clamp:2; overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box;  -webkit-box-orient:vertical;}
    .event-list ul li .info dl {font-size:14px;}
    .event-list ul li .info dl dt {width:60px;}
    .event-list ul li .btns {margin-top:30px;}

    :lang(en) .event-list ul li .info dl {display:block;}
    :lang(en) .event-list ul li .info dl dt {width:100%; margin-bottom:4px;}
    :lang(en) .event-list ul li .info dl dd {width:100%;}

    :lang(ru) .event-list ul li .info dl {display:block;}
    :lang(ru) .event-list ul li .info dl dt {width:100%; margin-bottom:4px;}
    :lang(ru) .event-list ul li .info dl dd {width:100%;}

    :lang(ja) .event-list ul li .info dl {display:block;}
    :lang(ja) .event-list ul li .info dl dt {width:100%; margin-bottom:4px;}
    :lang(ja) .event-list ul li .info dl dd {width:100%;}

    :lang(zh-CN) .event-list ul li .info dl {display:block;}
    :lang(zh-CN) .event-list ul li .info dl dt {width:100%; margin-bottom:4px;}
    :lang(zh-CN) .event-list ul li .info dl dd {width:100%;}

    .faq-list .tit a {padding:20px 75px;}
    .faq-list .tit a:before {top:16px; left:16px; height:32px; width:44px; border-radius: 32px; font-size:14px; line-height:32px;}
    .faq-list .tit a .icon {right:16px; margin-top:-10px; width:20px; height: 20px;}
    .faq-list .cnt {display:none; position:relative; padding:16px 0 16px 55px; margin:0 20px; font-size:14px;}
    .faq-list .cnt:before {top:16px;  width:44px; height: 32px; border-radius: 32px; font-size:14px; line-height:32px; }

    .custom-select .select-input {padding:0 20px 0 12px;}
    .custom-select .select-options li {padding:5px 4px;}

    /* 검색 */
    .board-search-inner {margin-bottom:10px; flex-wrap:wrap;}
    .board-search-inner .total {order:2; font-size:13px; margin-top:10px;}
    .board-search-inner .search-inner {order:1; width:100%;}
    .board-search-inner .search-inner form {flex-wrap:wrap;}
    .board-search-inner .search-inner .date-picker {width: 100%; margin-bottom:6px; margin-right:0;}
    .board-search-inner .search-inner .date-picker .col {width:calc(50% - 10px);}
    .board-search-inner .search-inner .date-picker .col:nth-child(2) {width:10px}
    .board-search-inner .search-inner .date-picker .input {width:100%}
    .board-search-inner .search-inner .select-zone {width:80px;}
    .board-search-inner .search-inner .input-zone {width:1%; flex:1 1 auto; min-width:0;} 
    .board-search-inner .search-inner .btns {width:40px;}
    .board-search-inner.type2 { margin-bottom:30px; padding:12px;}


    /* 버튼 */
    .buttons {margin:30px 0;}
    .buttons .cen .btn-pack {margin: 0 2px;}
    .buttons + .paginate {margin-top:20px;}

    .board-btns {display:flex; justify-content: space-between;}

    .btn-pack.medium {height:36px;padding:0 16px;line-height:1.4em;font-size:14px; font-weight: 700;} 
    .btn-pack.large {height:48px;padding:0 22px;font-size:15px;}
    .btn-pack.xlarge {font-size:16px;}
    .btn-pack.w144 {min-width:124px;}
    .btn-pack.round {border-radius:40px;}

    .gallery-list ul {margin:0 -6px;}
    .gallery-list ul li {width:50%; padding:0 6px; margin-bottom:22px;}
    .gallery-list ul li .tit {margin:12px 0 10px; font-size:14px;}

    /* 게시판 상세 */
    .borad-view .head {padding-bottom:16px ; display:block;}
    .borad-view .head h2 {width:100%; font-size:18px; margin-bottom:16px; text-align:start;}
    .borad-view .head .board-view-info {justify-content: center; font-size:13px; }
    .borad-view .head .board-view-info div {margin-left: 20px; }
    .borad-view .body {padding:30px 10px;}
    /* 이전글,다음글 */
    .board-prev-next dl {padding:16px 0;}
    .board-prev-next dt {font-size:13px;}
    .board-prev-next dd {font-size:14px;}

	/* 아산새소식 */
	#newsTable {table-layout: auto !important;}
	.borad-view .attachedFiles .file-box {font-size:13px;}
    /* 관리자 체크박스 있을 때 */
    .board-list table tbody td.check-num {padding-left: 12px;}
    .board-list table tbody td.subject.check {padding-top:0px;}

    .board-list table {table-layout: auto !important;}
    .board-list table colgroup col {width:100% !important}
    .board-list table thead {display:none;}
    .board-list table tbody tr{display:block; border-bottom: 1px solid var(--secondary-color-10);}
    .board-list table tbody td {border-bottom:0;}
    .board-list table tbody td.subject {padding-left:12px; display:block; padding-right:50px;}
    .board-list table tbody td.subject a {display:inline-block; max-width:300px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
    .board-list table tbody td.num {display:none;}
    .board-list table tbody td.date,
    .board-list table tbody td.name,
    .board-list table tbody td.file {padding:0 6px 10px; text-align:left;}
    .board-list table tbody td.view-cnt {padding:0 0 10px; text-align:left;}
    .board-list table tbody tr {position: relative;}
    .board-list table tbody td.file img {height:24px;}
    .board-list table tbody td.file a {position: absolute; top:50%; transform: translateY(-50%); right:12px;}
    .board-list table tbody td.date,
    .board-list table tbody td.name {color:var(--gray-color-60); font-size:13px;}
    .board-list table tbody td.view-cnt {color:var(--gray-color-60); font-size:13px; padding:0 12px 10px;}
    .table-responsive.board-list tbody td {font-size: 12px !important;}
    

    :lang(en) .board-list table tbody td.date,
    :lang(ru) .board-list table tbody td.date {display:block;}
    

    .pagination-inner ol li a {width:30px; height: 30px; font-size:12px; border-radius: 6px;}

    .fc .fc-toolbar {flex-wrap:wrap;}
    .fc .fc-toolbar.fc-header-toolbar {margin-bottom:0;}
    .fc .fc-button-group {width:100%; margin-bottom:0;}
    .fc-toolbar-chunk {width:100%;}
    .fc .fc-toolbar-title {font-size:18px;}
    .fc .fc-daygrid-day-frame {padding:0px /*12px*/;}
    .fc-theme-standard th {height: auto; font-size:.9em; line-height:1.4em; padding:5px 0;}
    .fc-view-harness.fc-view-harness-active {height:60vh !important}
    .fc .fc-today-button {position: relative !important;}
    .fc .fc-today-button {padding:6px 12px;}
	.fc .fc-daygrid-day-top {padding:8px; justify-content: center !important;}
	
    :lang(en) .fc .fc-button-group,
    :lang(ru) .fc .fc-button-group,
    :lang(zh-CN) .fc .fc-button-group,
    :lang(vi) .fc .fc-button-group,
    :lang(ja) .fc .fc-button-group {width:100%;}


    .asan-popup-layout-type2  {z-index:100000}
    .asan-popup-layout-type2 .body {padding:0 10px /*24px*/;}
    .asan-popup-layout-type2 .content .title {display:none;}
	.asan-popup-layout-type2 .content .title-box {height: 0px; display:flex; align-items: center;}
    .asan-popup-layout-type2 .content .m-title {display:block; height: auto; font-size:20px; line-height:1.4em; font-weight: 600; color:var(--gray-color-100); padding:0 0 20px 0; margin-bottom:0;}
    .asan-popup-layout-type2 .content .group {display:block; padding-top:60px;}
    .asan-popup-layout-type2 .content .photo {width:100%; margin-right:0; margin-bottom:20px;}
    .asan-popup-layout-type2 .content .photo .thumb {padding-bottom:100%;;}
    .asan-popup-layout-type2 .content .info {width:100%; padding-top:0;}
    .asan-popup-layout-type2 .content .cnt {font-size:14px;}
    .asan-popup-layout-type2 .content .cnt dl dt {width:50px;}
    .asan-popup-layout-type2 .content .tit {font-size:15px; }
    .asan-popup-layout-type2 .content .btns {margin-top:20px; text-align:center;}
    .asan-popup-layout-type2 .content .close {top:25px; right:30px; width:20px; height: 20px;}
    .asan-popup-layout-type2 .content {padding: 0 10px 20px;}

    .asan-popup-layout-type3 .content .cnt {font-size:14px}

    .modal-video-container {padding:0 !important;}
    .modal-video-container .content {padding:70px 24px 0 !important;}
    .modal-video-wrapper {margin-bottom:0 !important;}
    .modal-video-title {display:none !important;}
    .modal-video-text {padding:16px 0 30px !important;}
    .m-modal-video-title {display:block; padding:20px 0 0; font-size: 18px; font-weight: 700; line-height: 1.4em; color: var(--gray-color-100);}
    .m-modal-video-title.empty {color: #999; font-weight: 500; font-style: italic;}
    .modal-video-close {width:20px important; height: 20px !important; right:20px !important}

    .customer-box {padding:24px;}
    .customer-box .title {font-size:14px;}
    .customer-box .radio-inner ul {margin-left:-24px;}
    .customer-box .radio-inner ul li {padding-left:24px;}
    .customer-box .memo-inner input.input {height: 36px;}
    .customer-box .memo-inner .btn-pack {margin-left:4px;}

    textarea.input {padding:12px;}


    .borad-write {border-bottom: 1px solid var(--secondary-color-10); border-top:0;}
    .borad-write .group {display:block; border-bottom:0; margin-bottom:24px;}
    .borad-write .group .title {display:block; width:100%; padding:0; text-align:left; font-size:14px; margin-bottom:8px; border-right:0; background:none;}
    .borad-write .group .info {width:100%; padding:0; min-height:auto; }
    .borad-write .group .input {height:40px; font-weight: 500;}
    .borad-write .group .custom-select .select-input {height: 40px; padding:6px 40px 6px 12px;}
    .borad-write .group .custom-select .select-options {top: 42px; text-align:left;}
    .borad-write .group .custom-select .select-options .custom-select .select-options li {padding:5px 0;}
    .filebox .del {width:20px; height: 20px; background-image:url('../images/sub/ico_file_del_m.svg');}

    .filebox .add {position:relative;  height:40px; margin-bottom:12px; font-weight: 700; }
    
    .filebox .up-inner {margin-left:0;}
    .filebox .upload-name {font-size:14px;  padding:0; height:32px; line-height:30px; font-weight: 500;}


    /* search */
    .search-head {margin-top:24px; padding:0 20px 40px; margin-bottom:25px;}
    .search-head .input {height:56px; width:calc(100% - 20px);}
    .search-head .bt-search {width:56px; height: 56px;}
    .search-head .vogue-cnt {margin-top:20px; padding-left:10px;}
    .search-head .vogue-cnt dl {display:block;}
    .search-head .vogue-cnt dl dt {width:100%; margin-bottom:8px; font-size:15px;}
    .search-head .vogue-cnt dl dd {width:100%}
    .search-inner .search-title {font-size:18px; margin-bottom:20px;}
    .search-inner .search-tab {margin-bottom:40px;}
    .search-inner .search-tab ul li a {height: 48px; padding:0 20px; font-size:16px; min-width:101px;}
    .search-inner .number {font-size:12px; height:21px;}
    .search-inner .item-group {margin-bottom:60px;} 
    .search-inner .title h2 {font-size:22px;}
    .search-inner .location-list ul li {font-size:14px; padding:0 14px;}
    .search-inner .location-list ul li.home {padding:0 14px;}
    .search-inner .location-list ul li.home:before {top:6px;}
    .search-inner .board-se-list ul li a {font-size:14px; padding:18px 12px;}
    .search-inner .photo-se-list ul {margin:0 -10px -20px;}
    .search-inner .photo-se-list ul li {width:50%; padding:0 10px; margin-bottom:20px;}
    .search-inner .photo-se-list ul li .thumb {margin-bottom:10px;}
    .search-inner .photo-se-list ul li .tit {font-size:14px;}
    .search-inner .pagination-inner {margin-top:30px;}
    .search-head .del {right: 70px; top: 18px; margin-top: 0;}
} 

/* Landscape phones and down */
@media (max-width: 460px) {
	/* 아산새소식 */
	#newsTable td.subject a {display: block; max-width: 320px; overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}

} 
@media (max-width: 360px) {
	/* 아산새소식 */
	#newsTable td.subject a {display: block; max-width: 225px; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }
}