@charset "utf-8";

@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('reset.css');
@import url('board.css');

html body {max-width:1024px; margin:0 auto}

/* skipToContent */
#skipToContent a {position:absolute; top:0; left:0; z-index:9999; width:100%; height:1px; margin-top:-1px; display:block; background-color:#3875c1; font-size:14px; font-weight:700; color:#fff; line-height:1; text-align:center; overflow:hidden; text-decoration:none}
#skipToContent a:focus, #skipToContent a:active {margin-top:0; height:auto; padding:10px 0px}

.text-indent {text-indent:-9999px; display:inline-block}
.page_box > ul > li > a {display:block}
.display-block {display:block}
#bodyCon {overflow:hidden}
.bx-wrapper .bx-pager-item {font-size:inherit}
.bx-wrapper .bx-pager.bx-default-pager a, .bx-wrapper .bx-controls-auto .bx-start, .bx-wrapper .bx-controls-auto .bx-stop, .bx-wrapper .bx-controls-direction a {text-indent:0 !important; color:rgba(0,0,0,0); overflow:hidden}

/* common */
.mt0 {margin-top:0px !important}
.mt5 {margin-top:5px !important}
.mt7 {margin-top:7px !important}
.mt10 {margin-top:10px !important}
.mt20 {margin-top:20px !important}
.mt30 {margin-top:30px !important}
.mt40 {margin-top:40px !important}
.mt45 {margin-top:45px !important}
.mt50 {margin-top:50px !important}
.mt60 {margin-top:60px !important}
.mt80 {margin-top:80px !important}
.mt90 {margin-top:90px !important}
.mr20 {margin-right:20px !important}
.cen {text-align:center}
.blank {position:static; top:10px; display:inline-block; width:13px; height:14px; background:url('/site/m_ent2/image/blank.png') no-repeat;margin: -0 0 -4px 4px;}
.hide {text-indent:-9999px; overflow:hidden}
.img-responsive {display:block; max-width:100%; height:auto}
.width100 {width:100%}
.text-white {color:white}
.ToolTip {margin:20px 0; padding:5px 8px; font-size:12px; color:#fff; text-align:center; background-color:#000; border-radius:4px}
.red {color:#ed135d}
.clear {clear:both}
.mHide {display:none !important}
.auto {margin:0 auto}

.txt_list li {background:url('https://ent.wsi.ac.kr/site/ent/image/ico_dot1.gif') 1px 8px no-repeat; padding:0 0 20px 10px;}
.txt_list2 li {background:url('https://ent.wsi.ac.kr/site/ent/image/ico_dot1.gif') 1px 8px no-repeat; padding:0 0 15px 10px;}
.txt_list3 li {background:url('https://ent.wsi.ac.kr/site/ent/image/ico_dot1.gif') 1px 8px no-repeat; padding:0 0 10px 10px;}
.txt_list4 {margin-left:30px}
.txt_list4 > li {background:url('https://ent.wsi.ac.kr/site/ent/image/ico_dot1.gif') 1px 8px no-repeat; padding:0 0 7px 10px;}

.downBtnStyle1 {font-size:12px; background:#fd7f35; padding:8px 15px; color:#fff; vertical-align:middle; font-weight:bold}
.downBtnStyle2 {font-size:12px; background:#0871cd; padding:8px 15px; color:#fff; vertical-align:middle; font-weight:bold; display:inline-block}
.downBtnStyle3 {font-size:12px; background:#0d3f8f; padding:8px 15px; color:#fff; vertical-align:middle; font-weight:bold}

#pageTab {overflow:hidden; border-top:1px solid #d8d9db; border-left:1px solid #d8d9db; margin:15px 0 30px 0}
#pageTab li.on a {background:#0871cd; color:#fff}
#pageTab li a:hover {background:#d1e7fa; color:#636363}
#pageTab li a {display:block; float:left; background:#eff3f4; border-right:1px solid #d8d9db; border-bottom:1px solid #d8d9db; box-sizing:border-box; padding:10px 5px; text-align:center; font-size:12px; color:#636363; font-weight:700}

.pageTab {position:relative; overflow:hidden; width:100%; margin-bottom:25px; margin-top:15px; border:none; font-size:12px; background-color: #dee3e7;}
.pageTab li {float:left; border:none;}
.pageTab li a {display:block; padding:7px 10px 9px 10px; font-weight:normal; letter-spacing:-1px; text-align:center; color:#898989; background-color: #dee3e7; color:#555555;}
.pageTab li a:hover {background-color:#011050; color:#fff;}
.pageTab .on {background-color:#011050; color:#fff; }
.pageTab .on a {background-color:#011050; color:#fff}
.pageTab .title {font-weight:bold; background-color:#FFF; font-size:14px; color:#000; line-height:32px; padding-right:10px;}

.pageTab2 {overflow:hidden; margin-top:50px}
.pageTab2.t3 li a {width:33.3%}
.pageTab2 li a {display:block; float:left; background:#eff3f4; border-top:1px solid #d8d9db; border-right:1px solid #d8d9db; border-bottom:1px solid #d8d9db; box-sizing:border-box; padding:12px 20px; text-align:center; font-size:12px; color:#636363; font-weight:700}
.pageTab2.pw3 li a {width:33.3%; padding:12px 0}
.pageTab2 li.on a {background:#0d3f8f; color:#fff}
.pageTab2 li a:hover {background:#0d3f8f; color:#fff}
.pageTab2 li:first-child a {border-left:1px solid #d8d9db}
#pageTab2 {overflow:hidden}
#pageTab2 li {width:33.3%; text-align:center; float:left; padding:10px 0; background:#f5f5f5; font-size:13px}
#pageTab2 li a {color:#636363}
#pageTab2 li.on {background:#0871cd; color:#fff}
#pageTab2 li.on a {color:#fff}
#pageTab2 li.title {width:100%; background:#464646; color:#fff}
.tab1 li a {width:100%}
.tab2 li a {width:50%}
.tab3 li a {width:33.3%}
.tab4 li a {width:25%}
.tab5 li a {width:20%}
.tab6 li a {width:16.66%}
.tab8 li a {width:12.5%; font-size:12px !important}



#pageTab33 {position:relative;overflow:hidden;width:100%;margin-bottom:25px; margin-top:15px; border-bottom:1px solid #d9d9d9;}
#pageTab33 li{float:left;border-color:#d9d9d9;border-width:1px 1px 0 0;border-style:solid; width:33.3%; box-sizing:border-box; font-size:13px}
#pageTab33 li:first-child {border-left:1px solid #d9d9d9}
#pageTab33 li a{display:block;padding:10px 0; font-weight:bold;text-align:center;color:#858585;background-color: #f9f9f9;}
#pageTab33 li a:hover{background-color:#011050; color:#fff;}
#pageTab33 .on{background-color:#011050; color:#fff; }
#pageTab33 .on a{background-color:#011050; color:#fff}

.tbl_skin1 {width:100%; border-top:2px solid #29366d; background-color:#ffffff; text-align:center; font-size:12px; color:#636363; line-height:20px}
.tbl_skin1 thead th {padding:10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #b5b5b5; color:#363636}
.tbl_skin1 tbody th {padding:10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2}
.tbl_skin1 tbody th {padding:10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; color:#0d3f8f; vertical-align:middle}
.tbl_skin1 tbody td {padding:10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2}
.tbl_skin1 tr th:last-child {border-right:none}
.tbl_skin1 tr td:last-child {border-right:none}
.tbl_skin1 .br {border-right:1px solid #e2e2e2 !important}
.tbl_skin1 .tl {text-align:left}

.tbl_skin1_1 {width:100%; border-top:2px solid #0e2069; text-align:center; font-size:12px}
.tbl_skin1_1 thead th {padding:6px 0px; color:#363636; border-bottom:1px solid #c2c2c2; border-right:1px solid #c2c2c2; background-color:#f9f9f9;}
.tbl_skin1_1 thead th.red {color:red}
.tbl_skin1_1 tbody th {padding:6px 0px; color:#707070; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; background-color:#f9f9f9;}
.tbl_skin1_1 tbody td {padding:6px 0px; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;}
.tbl_skin1_1 tbody td.bg {background:#ffffdd}
.tbl_skin1_1 tbody .bb {border-bottom:1px solid #c2c2c2;}
.tbl_skin1_1 tbody .b {color:#363636;}
.tbl_skin1_1 th.end {border-right:none !important;}
.tbl_skin1_1 td.end {border-right:none !important;}
.tbl_skin1_1 .tl {text-align:left; padding-left:10px;}
.tbl_skin1_1 .tl2 {text-align:left; padding-left:60px;}
.tbl_skin1_1 .fn {font-weight:normal;}
.tbl_skin1_1 tr th:last-child {border-right:none}
.tbl_skin1_1 tr td:last-child {border-right:none}
.tbl_skin1_1 tr th.br {border-right:1px solid #d7d7d7}
.tbl_skin1_1 tr td.br {border-right:1px solid #d7d7d7}

.tbl_skin3 {width:100%; border-top:2px solid #0e2069; text-align:center; font-size:12px}
.tbl_skin3 thead th {padding:10px 10px; color:#363636; border-bottom:1px solid #c2c2c2; border-right:1px solid #c2c2c2; background-color:#f9f9f9;}
.tbl_skin3 tbody th {padding:10px 10px; color:#707070; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; background-color:#f9f9f9;}
.tbl_skin3 tbody td {padding:10px 10px; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;}
.tbl_skin3 tbody .bb {border-bottom:1px solid #c2c2c2;}
.tbl_skin3 tbody .b {color:#363636;}
.tbl_skin3 th.end {border-right:none !important;}
.tbl_skin3 td.end {border-right:none !important;}
.tbl_skin3 .tl {text-align:left; padding-left:10px;}
.tbl_skin3 .tl2 {text-align:left; padding-left:60px;}
.tbl_skin3 .fn {font-weight:normal;}
.tbl_skin3 tr th:last-child {border-right:none}
.tbl_skin3 tr td:last-child {border-right:none}
.tbl_skin3 tr th.br {border-right:1px solid #d7d7d7}
.tbl_skin3 tr td.br {border-right:1px solid #d7d7d7}

#con > h4 {background:url('/site/m_ent2/image/titleH4.png') left center no-repeat; padding-left:24px; font-size:16px; color:#000; margin:20px 0}
#con > p {font-size:13px; line-height:150%}
#con > p strong {color:#000}

/* main */
#ui-wrap {}

#mainPopup {background:rgba(0,0,0,0.9); position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; overflow-y:scroll}
#mainPopup > div {width:100%; text-align:center;}
#mainPopup > div .mainPopupClose {display:block; text-align:center; color:#fff; font-size:16px; font-weight:600; padding:15px 0}

/* header */
header {background:#fff}
header section {padding:20px 10px; position:relative}
header section .btnMenu {position:absolute; top:28px; right:10px; z-index:99; color:#000}
header section .ico_side {overflow:hidden; position:absolute; width:10px; height:18px; text-indent:-9999px; vertical-align:top}

/* allWrap */
.allWrap{position:fixed;left:0;top:0;width:100%;height:100%;overflow:hidden;display:none;z-index:99}
.all-menu .close {position:absolute; top:15px; right:15px; width:18px; height:18px;background-image:url('/site/m_ent2/image/btn_close.png'); background-position: 0 0;background-size: 18px 18px;text-indent:-9999px}
.all-menu{font-size:14px;width:255px;height:100%;background-color:#f7f3f7;position:relative;z-index:3;overflow:auto; float:right}
.all-menu h2{background-color:#ed135d;color:#fff;line-height:50px;text-indent:15px;font-weight:bold; border-bottom:1px solid #e2e3e2}
.all-menu a.link-h{display:block;position:absolute;top:11px;right:15px}
.all-menu a.link-h,div.all-menu a.link-h img{height:28px}
.all-menu ul.gnb > li{background-color:#fff;border-bottom:1px solid #e2e3e2}
.all-menu ul.gnb > li > a{height:48px;line-height:48px;display:block;color:#5b5f5b;text-indent:15px;background:url('/site/m_ent2/image/ico_d2off.png') no-repeat 90% 50%;background-size:12px}
.all-menu ul.gnb > li.on > a{background:url('/site/m_ent2/image/ico_d2on.png') no-repeat 90% 50%;background-size:10px; color:#ed135d; font-weight:700; border-bottom: 1px solid #e2e2e2}
.all-menu ul.gnb > li.no a{background:none}
.all-menu ul.gnb > li ul li{background:#f7f3f7;border-bottom:1px solid #e2e2e2}
.all-menu ul.gnb > li ul li:last-child {border-bottom:none}
.all-menu ul.gnb > li ul li a{height:40px;line-height:40px;display:block;color:#000;text-indent:0;padding-left:15px; font-size:13px}
.all-menu ul.gnb > li ul li a.dep2 {background:url('/site/m_ent2/image/ico_d3off.png') no-repeat 90% 50%; background-size:10px}
.all-menu ul.gnb > li ul li a.on {background:url('/site/m_ent2/image/ico_d2on.png') no-repeat 90% 50%; background-size:10px}
.all-menu ul.gnb > li .depth2.on2 li a {background:#fff}
#mask {position:absolute;z-index:1;background:url("/site/m_ent2/image/opa_bg.png") repeat 0 0;display:none;left:0;top:0;width:100%;height:100%;overflow:hidden}
.all-menu ul.util {overflow:hidden}
.all-menu ul.util li a {display:block; float:left; width:33.3%; text-align:center; line-height:60px; box-sizing:border-box; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; color:#000; line-height:-0.75px; background:#f7f7f7}
.all-menu ul.util li.end a {border-right:0}

/* mainVisual */
#mainVisual {background:#efebe7; width:100%}
#mainVisual section {position:relative}
#mainVisual section .ani1 {position:absolute; top:15%; left:28%; width:38%; -webkit-animation-name:flipInY; -webkit-animation-duration:3s; animation-name:flipInY; animation-duration:3s}
#mainVisual section .ani2 {position:absolute; bottom:0%; left:0%; width:40%; -webkit-animation-name:fadeInRight; -webkit-animation-duration:2s; animation-name:fadeInRight; animation-duration:2s; z-index:9}
#mainVisual section .ani3 {position:absolute; bottom:0%; right:0%; width:41%; -webkit-animation-name:fadeInRight; -webkit-animation-duration:3s; animation-name:fadeInRight; animation-duration:3s}
@-webkit-keyframes flipInY {
    0% {-webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity:0}
    40% {-webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg)}
    70% {-webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg)}
    100% {-webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity:1}
}
@keyframes flipInY {
    0% {-webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity:0}
    40% {-webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg)}
    70% {-webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg)}
    100% {-webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity:1}
}
.flipInY {
    -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY
}
@-webkit-keyframes fadeInRight {
	0% {opacity:0; -webkit-transform:translateX(40px); transform:translateX(40px)}
	50% {opacity:0; -webkit-transform:translateX(40px); transform:translateX(40px)}
	100% {opacity:1; -webkit-transform:translateX(0); transform:translateX(0)}
}
@keyframes fadeInRight {
	0% {opacity:0; -webkit-transform:translateX(40px); -ms-transform:translateX(40px); transform:translateX(40px)}
	50% {opacity:0; -webkit-transform:translateX(40px); -ms-transform:translateX(40px); transform:translateX(40px)}
	100% {opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0)}
}
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}

/* popup */
#popup {background:#efebe7; width:100%; padding-bottom:10px}
#popup section {position:relative; background:url('/site/m_ent2/image/popupBg.jpg') #368ad2 no-repeat; background-size:cover; margin:0 10px; padding:60px 10px 5px 10px}
.popupZone {position:absolute; top:-8%; max-width:70px; z-index:9}
.popupRoll {overflow:hidden}
.popupRoll .popCon {display:block; position:relative; padding:17px 10px; box-sizing:border-box; background:#fff; border:1px solid #1565aa; color:#000; font-size:14px; font-weight:700; margin-bottom:10px; letter-spacing:-0.75px}
.popupRoll .popCon .more {position:absolute; top:0; right:0; display:block; width:40px; height:50px; background: url('/site/m_ent2/image/popupArrow.png') no-repeat 50% 50%; background-size:8px; font-size:0; text-indent:999px}
.popSubTxt {font-size:12px; font-weight:300; margin:5px 0 0 0}
/* service */
#service {background:#efebe7; width:100%; padding-bottom:10px}
#service section {position:relative; background:#0071C2; margin:0 10px; padding:30px 10px}
#service section h2 {font-size:24px; font-weight:700; color:#fff; text-align:center}
#service section ul {overflow:hidden; margin-top:30px}
#service section ul li {float:left; width:33.3%; text-align:center; font-size:14px; line-height:10px; margin-bottom:25px}
#service section ul li:nth-child(7), #service section ul li:nth-child(8), #service section ul li:nth-child(9) {margin-bottom:10px}
#service section ul li a {color:#fff}
#service section ul li img {margin:0 auto; max-width:62%}

/* notice */
#notice {background:#efebe7; width:100%; padding-bottom:10px}
#notice section {position:relative; background:#C60143; margin:0 10px; padding:30px 10px}
#notice section h2 {font-size:16px; font-weight:700; color:#fff}
#notice section ul {margin-top:20px}
#notice section ul li:first-child {margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #fff}
#notice section ul li a .noti_tt {width:98%; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#fff; font-size:14px}
#notice section ul li a .noti_day {width:100%; display:block; color:#fff; margin-top:7px; font-size:13px}
#notice section .more {position:absolute; top:30px; right:10px; text-indent:-9999px; display:block; width:15px; height:15px; background: url('/site/m_ent2/image/notiMore.png') no-repeat 50% 50%}

/* counsel */
#counsel {background:#efebe7; width:100%}
#counsel > section {border-bottom:1px solid #969492; margin:0 10px; padding-bottom:30px}
#counsel .cInfo {position:relative; padding:30px 10px 15px 10px; background:url('/site/m_ent2/image/counselBg.png') #B36200 100% 100% no-repeat; background-size:contain}
#counsel .cInfo h2 {font-size:16px; font-weight:700; color:#fff}
#counsel .cInfo .tel {font-size:28px; font-weight:700; color:#fff; margin-bottom:15px}
#counsel .cInfo .fax {font-size:13px; color:#fff}
#counsel .cBtn {position:relative; padding:10px 0; overflow:hidden}
#counsel .cBtn a {width:49%; text-align:center; display:block; float:left; background:#73595a; padding:20px 0; font-size:13px; color:#fff}
#counsel .cBtn a.cbtn01 {margin-right:2%}

/* footer */
footer {background:#efebe7; width:100%}
footer section {position:relative; margin:0 10px; padding:20px 10px}
footer section address {text-align:center; font-style:normal; font-size:13px; line-height:22px}
footer section .privacy {display:block; text-align:center; text-decoration:underline; font-size:13px; color:#ed135d; margin:10px 0}
footer section .copy {text-align:center; font-size:13px}
footer .top_btn {display:block; position:fixed; bottom:30px; right:15px; z-index:200; width:45px; height:45px; background:url('/site/m_ent2/image/arr_top.png') #000 50% 50% no-repeat; color:#fff; font-size:11px; text-decoration:none; text-align:center; border-radius:45px}
footer .top_btn em {visibility:hidden}

/* container */
#container {overflow:hidden; padding-bottom:50px}
#container section {overflow:hidden; min-height:700px}
#container section .lnb {background:#f5f5f5; position:relative}
#container section .lnb .lnb_title a{display:block; height:40px; line-height:40px; font-size:16px;color:#fff; font-weight:700;background:#0871cd url('/site/m_ent2/image/ico_d1off.png') no-repeat 95% 50%;background-size:12px;text-align:center}
#container section .lnb .lnb_list {display:none}
#container section .lnb .lnb_list.oScroll {max-height:200px; overflow:scroll}
#container section .lnb .lnb_list li a {display:block;height:40px;background-color:#f5f5f5; font-size:14px; line-height:40px; font-weight:bold;padding-left:15px;color:#000;border-bottom:1px solid #e2e2e2;}
#container section .lnb .lnb_list li.on .depth2{display:block; background:#fff}
#container section .lnb .lnb_list li.ov .depth2{display:block}
#container section .lnb .lnb_list li a.dep2 {background: #f5f5f5 url('/site/m_ent2/image/ico_d3off.png') no-repeat 95% 50%;background-size:12px}
#container section .lnb .lnb_list > li > a.on {background:#313131 url('/site/m_ent2/image/ico_d2on.png') no-repeat 95% 50%; background-size:12px; color:#fff;font-weight:bold}
#container section .lnb .lnb_list li .depth2{display:none}
#rightcont {position:relative}
#location {position:absolute; top:50px; width:100%; text-align:center; font-size:13px}
#container section #con {background:#fff; margin:15px}
#con h3 {color:#000; font-size:24px; line-height:30px; font-weight:700; margin-top:0px; letter-spacing:-0.75px; text-align:center; padding:15px 0 40px 0; background:url('/site/m_ent2/image/conTop_bg.gif') repeat; border:1px solid #d7d7d7; margin-bottom:30px}
#con > h4 {background:url('/site/m_ent2/image/titleH4.png') left center no-repeat; padding-left:24px; font-size:16px; color:#000; margin:20px 0}
#con > p {font-size:13px; line-height:160%}
#con > p strong {color:#000}

/* 모집일정 및 접수방법 */
.txt_list li {background:url('/site/ent/image/ico_dot1.gif') 1px 6px no-repeat; padding:0 0 20px 10px; font-size:13px}
.txt_list2 li {background:url('/site/ent/image/ico_dot1.gif') 1px 6px no-repeat; padding:0 0 15px 10px; font-size:13px}
.txt_list3 li {background:url('/site/ent/image/ico_dot1.gif') 1px 6px no-repeat; padding:0 0 10px 10px; font-size:13px}
.txt_list li .btn_jinhak {background:url('/site/ent/image/jinhak_logo.gif') no-repeat; background-position: 20px 5px; padding:7px 0 7px 0;}
.txt_list li .btn_jinhak a {font-size:12px; color:#363636; font-weight:bold;line-height:40px; border:1px solid #d7d7d7; background:url('/site/ent/image/arr.png') no-repeat; background-position: 90% 17px;  padding:0 50px 0 120px; display:inline-block; margin-top:5px; width:100%; box-sizing:border-box}
.txt_list li .btn_uway {background:url('/site/ent/image/uway_logo.gif') no-repeat; background-position: 20px 5px; padding:7px 0 7px 0;}
.txt_list li .btn_uway a {font-size:12px; color:#363636; font-weight:bold;line-height:40px; border:1px solid #d7d7d7; background:url('/site/ent/image/arr.png') no-repeat; background-position: 90% 17px;  padding:0 50px 0 120px; display:inline-block; margin-top:5px; width:100%; box-sizing:border-box}

/* 전형별 지원자격 및 제출서류 */
.ol_list {margin-left:20px;}
ul.ol_list li{list-style:none}
.ol_list li{list-style:decimal}
.bar {background:url('/site/ent/image/ico_bar.gif') 5px 9px no-repeat; list-style:none; padding:0 0 0 18px; margin-left:-19px; list-style:none !important}
.star {background:url('/site/ent/image/ico_star.gif') 3px 8px no-repeat; list-style:none; padding:0 0 0 18px; list-style:none !important}
.star_bar {background:url('/site/ent/image/ico_bar.gif') 5px 9px no-repeat; list-style:none; padding:0 0 0 18px; margin-left:16px; list-style:none !important}
.dList2 li {background:url('/site/ent/image/listDot.png') left 8px no-repeat; padding-left:8px; font-size:13px; line-height:20px; margin-bottom:5px}

/* 등록포기 및 등록금환불안내 */
.doc_down li {float:left; padding-right:10px;}
.doc_down li .btn_box a {padding:15px 13px; color:#363636; font-weight:bold; border:1px solid #d7d7d7;}
.doc_down li .btn_box a:hover {background-color:#0e2069; color:#FFF;}
.doc_down2 li {width:100%; margin-bottom:10px}
.doc_down2 li .btn_box a {padding:15px 0;  color:#363636; font-weight:bold; border:1px solid #898989; display:block; text-align:center; box-sizing:border-box; font-size:13px !important}
.doc_down2 li .btn_box a:hover {background-color:#0e2069; color:#FFF;}
.doc_down2 li.mr0 {margin-right:0px}

/* 입시도우미 */
.guide_box {width:100%; height:100%; border:1px solid #d7d7d7;margin:30px 0; padding:20px; overflow:hidden; box-sizing:border-box; font-size:14px}
.guide_box strong {color:#363636; line-height:20px;}

/* faq */
.lab_list{border-top:2px solid #0e2069; margin-top:30px; font-size:13px}
.lab_list dt{padding:15px 0 15px 3px; line-height:22px; font-weight:bold; border-bottom:1px solid #b4b4b4}
.lab_list dt span{margin:0 8px 0 0; color:#ed1c24;}
.lab_list dt a{color:#464646}
.lab_list dd{padding:15px 0 15px 3px;border-bottom:1px solid #d7d7d7;overflow:hidden}
.lab_list dd span{float:left;font-weight:bold;color:#0e2069;}
.lab_list dd p{margin:0 0 0 20px; color:#787878;}

/* 장학제도 */
.Blist > li {background:url('/site/ent/image/ico_bar.gif') 1px 8px no-repeat; list-style:none; padding:0 0 0 13px; font-size:13px}
.Blist > li.Ilist {background:url(http://www.wsi.ac.kr/site/main/img/ico_impo.gif) 0 4px no-repeat; list-style:none; padding:0 0 0 13px}
.tabStyle {overflow:hidden; border-top:1px solid #d8d9db; border-left:1px solid #d8d9db; margin:15px 0 30px 0}
.tabStyle li.on a {background:#0871cd; color:#fff}
.tabStyle li a:hover {background:#d1e7fa; color:#636363}
.tabStyle li a {display:block; float:left; background:#eff3f4; border-right:1px solid #d8d9db; border-bottom:1px solid #d8d9db; box-sizing:border-box; padding:10px 5px; text-align:center; font-size:12px; color:#636363; font-weight:700; width:50%}
.imgLifeWrap .imgLife01 {margin-bottom:20px}
.imgLifeWrap .imgLife02, .imgLifeWrap .imgLife03, .imgLifeWrap .imgLife04, .imgLifeWrap .imgLife05 {margin-bottom:10px}
.tbl_style1 {width:100%; border-top:2px solid #29366d; background-color:#ffffff; text-align:center; font-size:12px; color:#636363; line-height:20px}
.tbl_style1 thead th {padding:10px; border-right:1px solid #8a98b7; border-bottom:1px solid #29366d; color:#293669;background:#e0eaf6}
.tbl_style1 tbody th {padding:10px; border-right:1px solid #8a98b7; border-bottom:1px solid #8a98b7}
.tbl_style1 tbody td {padding:10px; border-right:1px solid #8a98b7; border-bottom:1px solid #8a98b7}
.tbl_style1 tr th:last-child {border-right:none}
.tbl_style1 tr td:last-child {border-right:none}
.tbl_style1 .br {border-right:1px solid #8a98b7 !important}
.bColor li {color:#000; font-weight:bold}
.bColor li strong {color:red}
.tl {text-align:left}
.btnSc {background:#044da2; padding:7px 20px; color:#fff; display:inline-block; position:absolute; top:-5px; left:230px; font-size:13px; letter-spacing:-0.5px}
.btnSc:hover {background:#0f71b2; color:#fff}
.camp_box {display:none}

/* 학과소개 */
.highlight {padding:20px; color:#fff}
.highlight small{color:#fff}
.highlight .eng-name{font-size:18px;font-weight:bold; color:#fff; line-height:120%}
.highlight h1{font-size:28px;font-weight:bold;letter-spacing:-2px;color:#fff;line-height:120%}
.highlight .lead{font-size:16px;margin-top:20px; color:#fff}
.highlight .txt {line-height:160%; font-size:13px}
.highlight .txt p{margin:20px auto;color:#fff;line-height:160%; font-size:13px}
.highlight .btn {display:block; border-radius: 5px; background:#002157 !important; width:100%;text-align:center; font-weight:bold; font-size:14px; color:#fff; padding:15px 0; margin-bottom:10px; height:50px; box-sizing:border-box;}
.highlight .btn_1 {display:block; border-radius: 5px; background:#0871cd !important; width:100%;text-align:center; font-weight:bold; font-size:14px; color:#fff; padding:15px 0; margin-bottom:10px; height:50px; box-sizing:border-box;}
.highlight .btn_2 {display:block; border-radius: 5px; background:#3c5a9a !important; width:100%;text-align:center; font-weight:bold; font-size:14px; color:#fff; padding:15px 0; margin-bottom:10px; height:50px; box-sizing:border-box;}
.highlight .btn_3 {display:block; border-radius: 5px; background:#4B8516 !important; width:100%;text-align:center; font-weight:bold; font-size:14px; color:#fff; padding:15px 0; margin-bottom:10px; height:50px; box-sizing:border-box;}
.highlight .btn:hover {color:#fff;color:rgba(255, 255, 255, 1)}
.highlight .btn2 {display:block; border-radius: 5px; background:#000; background:rgba(0, 0, 0, 0.6); width:100%;text-align:center; font-weight:bold; font-size:14px; color:#fff; padding:8px 0; margin-bottom:10px; height:50px; box-sizing:border-box;}
.highlight .btn2:hover {color:#fff;color:rgba(255, 255, 255, 1)}
.tit01 {font-size:16px; color:#000; line-height:160%}
.globalculinary {background-color:#f57921}
.sicap {background-color:#fbb400}
.sihot {background-color:#f36154}
.simusic {background-color:#2c469b}
.japanfood {background-color:#e34449}
.japanfood .txt {color:#fff}
.japanfood .txt strong {color:#fff}
.japanfood .txt .dList2 li {color:#fff; background:url('/site/main/img/listDot2.png') left 8px no-repeat; margin-left:4px}
.sisBox {background:#2c469b; padding:20px 0; text-align:center; color:#fff; margin-top:30px; font-size:16px}
.list-inline {margin:20px 0;}
.list-inline > li {display: inline-block;padding-right: 5px;padding-left: 5px;}
.topimg {margin-top:0 !important}
.thumbnail {margin-top:20px; overflow:hidden}
.thumbnail li {float:left;width:46%; margin-right:10px; margin-bottom:10px;}
.thumbnail li img {display:block; max-width:100%; height:auto}

.admWrap {overflow:hidden; margin-bottom:10px}
.admWrap .btnAdm01 {padding:9px 10px; font-size:13px; font-weight:700; color:#fff; display:block; line-height:15px; text-align:center; box-sizing:border-box; margin-top:10px}
.admWrap .btnAdm01:hover {animation:tada 0.5s; -moz-animation:tada 0.5s; -webkit-animation:tada 0.5s; -o-animation:tada 0.5s;}

.mintWrap {overflow:hidden; border-bottom:2px dashed #d5d5d5; padding-bottom:50px}
.mintWrap:last-child {border:0}
.mintLeft {width:265px; float:left; margin-right:20px}
.mintRight {width:475px; float:left}
.mintRight h4 {font-size:24px; color:#000; letter-spacing:-1px}
.mintRight p {font-size:16px; color:#d94e4e; margin-top:10px; font-weight:400}
.mintRight span {display:block; margin:15px 0 7px 0; text-align:left; font-size:11px}
.mintRight ul {overflow:hidden; padding:20px; background:#e5e5e5; font-size:12px; height:90px; box-sizing:border-box; margin-top:25px}
.mintRight ul li {background:url(../img/listDot.png) left 8px no-repeat; padding-left:8px; font-size:12px; line-height:20px; margin-bottom:5px; float:left; width:130px; margin-right:10px}
.mintRight ul li a {color:#000}
.mintRight ul li:nth-child(3) {margin-right:0}
.mintRight ul li:nth-child(6) {margin-right:0}

.MajorTopBox {position:relative; margin-top:20px}
.MajorTopBox .MajoRight {margin-top:20px; overflow:hidden}
.MajorTopBox .MajoRight .slogan {display:block; font-size:14px; font-weight:400; color:#898989; margin-bottom:5px}
.MajorTopBox .MajoRight .mTitle {display:block; font-size:26px; font-weight:700; color:#002157; margin-bottom:10px; margin-top:10px}
.MajorTopBox .MajoRight .mTitle > span {font-size:16px}
.MajorTopBox .MajoRight .sTitle {display:block; font-size:16px; font-weight:400; color:#363636; margin-bottom:5px}
.MajorTopBox .MajoRight dl {margin:30px 0 16px 0; overflow:hidden; font-size:12px; color:#000}
.MajorTopBox .MajoRight dt {float:left; width:100%; margin-bottom:11px; font-weight:700; line-height:14px; clear:both}
.MajorTopBox .MajoRight dd {float:left; width:100%; margin-bottom:11px; box-sizing:border-box; line-height:14px}
.MajorTopBox .MajoRight dd a {color:#000}
.MajorTopBox .MajoRight .btnAdm {padding:10px 0 11px 0; background:#002157; font-size:13px; font-weight:700; color:#fff; display:block; width:32.3%; box-sizing:border-box; float:left; text-align:center; margin-right:1%}
.MajorTopBox .MajoRight .btnMaj {padding:10px 0 11px 0; background:#0076a3; font-size:13px; font-weight:700; color:#fff; display:block; width:32.3%; box-sizing:border-box; float:left; text-align:center; margin-right:1%}
.MajorVision {}
.MajorVision .visionTxt {font-size:16px; font-weight:700; color:#555555; margin-bottom:20px; line-height:150%}
.MajorVision .missionTxt {font-size:16px; font-weight:700; color:#555555; line-height:150%}
.le1 {letter-spacing:-1px}
.VisionIntBox {box-sizing:border-box; padding:20px; border:1px solid #898989; margin-top:30px;font-size:14px; font-weight:400; color:#000; line-height:26px}
.majoTxt {color:#000; font-size:14px; line-height:26px; letter-spacing:-1px; margin-top:15px}
.fLink {background:#3b5999; width:33.3%; display:block; float:left; padding:3px 0 3px 0; height:37px; overflow:hidden; box-sizing:border-box}
.fLink img {display:block; max-width:100%; height:auto; margin:0 auto}

/* 입학자료신청 */
.applyTable {width:100%; margin-top:20px; border-top:2px solid #5e5e5e; font-size:13px}
.applyTable th {padding:10px 20px; border-bottom:1px solid #e6e6e8; background:#f0f5f9}
.applyTable td {padding:10px 20px; border-bottom:1px solid #e6e6e8; text-align:center}
.applyTable td > .line {margin-bottom:5px}
.applyTable .p_no {width:10%}
.applyTable .addtx {width:100%; margin-top:5px}
.applyTable .btn_post {padding:4px 10px; background:#627885; color:#fff; font-weight:bold; letter-spacing:-0.75px; font-size:12px}
.applyTable td input {height:21px; padding-left:10px}
.assent_box {padding:30px;background-color:#f6f6f6;border:1px solid #e1e1e1;margin-top:30px}
.assent_box h4 {font-size:14px !important; background:none !important; padding-left:0 !important}
.assent_box .tcb {font-size:14px;color:#0d4e96}
.assent_box ol{margin:10px 0;color:#000;list-style:none}
.assent_box .assent {line-height:18px;height:18px;color:#000}
.assent_box input {margin-left:20px;vertical-align:top;line-height:18px;height:18px}
.assent_box label {line-height:18px;padding-left:5px}
.pText {font-size:12px}
.privacy_skin {width:100%; border-top:2px solid #999999; background-color:#ffffff; text-align:center; font-size:11px; color:#636363; line-height:16px; margin-top:10px}
.privacy_skin thead th {padding:5px; border-right:1px solid #e2e2e2; border-bottom:1px solid #b5b5b5; color:#363636; background:#f8f8f8}
.privacy_skin thead th.bb {border-bottom:1px solid #e2e2e2}
.privacy_skin tbody th {padding:5px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; background:#f8f8f8}
.privacy_skin tbody td {padding:5px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2}
.privacy_skin tr th:last-child {border-right:none}
.privacy_skin tr td:last-child {border-right:none}
.privacy_skin .tl {text-align:left}
.privacy_skin thead th.br {border-right:1px solid #e2e2e2}
.privacy_skin tbody td.br {border-right:1px solid #e2e2e2}
.privacy_skin2 {width:100%; border-top:2px solid #999999; background-color:#ffffff; text-align:center; font-size:11px; color:#636363; line-height:16px; margin-top:10px}
.privacy_skin2 thead th {padding:5px; border-right:1px solid #e2e2e2; border-bottom:1px solid #b5b5b5; color:#363636; background:#f8f8f8}
.privacy_skin2 thead th.bb {border-bottom:1px solid #e2e2e2}
.privacy_skin2 tbody th {padding:5px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; background:#fff}
.privacy_skin2 tbody td {padding:5px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2}
.privacy_skin2 tr th:last-child {border-right:none}
.privacy_skin2 tr td:last-child {border-right:none}
.privacy_skin2 .tl {text-align:left}
.privacy_skin2 thead th.br {border-right:1px solid #e2e2e2}
.privacy_skin2 tbody td.br {border-right:1px solid #e2e2e2}


.ZoomIcon, .ZoomIcon0, .ZoomIcon1, .ZoomIcon2, .ZoomIcon3, .ZoomIcon4, .ZoomIcon5, .ZoomIcon6, .ZoomIcon7, .ZoomIcon8, .ZoomIcon9, .ZoomIcon10 {display:none}
.bZoomIcon, .bZoomIcon0, .bZoomIcon1, .bZoomIcon2, .bZoomIcon3, .bZoomIcon4, .bZoomIcon5, .bZoomIcon6, .bZoomIcon7, .bZoomIcon8, .bZoomIcon9, .bZoomIcon10 {display:none}


.cc {color:#fff !important; background-color:#ed135d !important}
.popupRoll .popCon.cc .more {background:url('/site/m_ent2/image/popupArrow2.png') no-repeat 50% 50%; background-size:8px; font-size:0; text-indent:999px}

.refund_pc img {margin:0 auto}
.lab_list dt.faqMstyle {height:auto !important}
.lab_list dt.faqMstyle br {display:none !important}
.lab_list dt.faqMstyle p {margin:0 !important; display:inline !important}

/* 전공체험 */
.btnApp {}
.btnApp a {color:#fff; padding:5px 25px; background:#b72842; display:inline-block}
.btnApp2 {}
.btnApp2 a {color:#fff; padding:15px 30px; background:#b72842; display:inline-block}
.btnCheck {}
.btnCheck a {color:#fff; padding:5px 25px; background:#0d4e96; display:inline-block}
.btn_go {padding:5px;background-color:#0d4e96;}
.btn_go a{padding:0 5px;color:#fff;font-weight:bold}


/* 온라인 입학상담 */
.boxStyle1 {border:1px solid #0871cd; background:#e7f3ff; padding:20px; text-align:center; box-sizing:border-box; font-weight:600; font-size:15px; line-height:26px}
.btnStyle1 {display:inline-block; min-width:200px; font-weight:600; font-size:14px; padding:14px; color:#fff; background:#0871cd}
.btnStyle1:hover,.btnStyle1:focus {background:#085ba5; text-decoration:none}
.btnStyle2 {display:inline-block; min-width:200px; font-weight:600; font-size:14px; padding:14px; color:#fff; background:#0d3f8f}
.btnStyle2:hover,.btnStyle2:focus {background:#0b2b5f; text-decoration:none}
.online_skin1 {width:100%; border-top:2px solid #0e2069; text-align:center; font-size:14px}
.online_skin1 thead th {padding:10px; color:#363636; border-bottom:1px solid #c2c2c2; border-right:1px solid #c2c2c2; background-color:#f9f9f9;}
.online_skin1 tbody th {padding:10px; color:#707070; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; background-color:#f9f9f9;}
.online_skin1 tbody td {padding:10px; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;}
.onlineLogin_skin {width:100%; text-align:center; font-size:14px}
.onlineLogin_skin tbody th {padding:5px 10px}
.onlineLogin_skin tbody td {padding:5px 10px}
.inputSt {width:100%; max-width:100%; color:#000; font-size:14px; padding:10px 16px; border:1px solid #d7d7d7; box-sizing:border-box}
.inputSt:focus, .inputSt:hover {background-color:rgba(0,0,0,0.05); box-shadow:none}
.inputSt.maxWidth20 {max-width:20%}
.inputSt.maxWidth30 {max-width:30%}
.inputSt.maxWidth40 {max-width:40%}

.btn_0301 {overflow:hidden}
.btn_0301 > a {display:block}
.btn_0301 li {font-size:13px}

.mainPopup2 {position:fixed; width:100%; height:100%; top:0; left:0; z-index:99; background:rgba(0,0,0,0.9); overflow-y:scroll}
.mainPopup2 > div {width:100%; margin:0 auto; position:relative; margin-top:0px}
.mainPopup2 > div .mainPopupClose {display:block; text-align:center; color:#fff; font-size:16px; font-weight:600; padding:15px 0}

/* 2022 학과안내 */
.visionBox {margin-top:20px}
.visionBox > li {padding:15px 25px; margin-bottom:2px; font-size:15px; background-color:#efefef; letter-spacing:-1px; overflow:hidden}
.visionBox > li strong {padding:8px 20px; border-radius:20px; color:#fff; font-weight:600; margin-right:15px; display:block; text-align:center}
.visionBox > li .title {float:left; width:110px}
.visionBox > li .contents {float:left; width:600px; line-height:1.4em}

.majorBox {position:relative; margin-top:25px}
.majorBox .topimg {position:relative}
.majorBox .topimg > img {vertical-align:bottom}

.majorBox .majorText_2022 {position:relative; bottom:0px; width:100%}
.majorBox .majorText_2022 .text {padding:25px 25px 10px 25px; display:block}
.majorBox .majorText_2022 .btn_2022 {padding:0 25px 25px 25px; display:block}

.majorBox .majorText_2022 .text .subText {font-size:14px; color:#fff}
.majorBox .majorText_2022 .text .titleText {font-size:36px; color:#fff; margin:15px 0 20px 0; !important; font-weight:600; letter-spacing:-1px}
.majorBox .majorText_2022 .text ul li {color:#fff; line-height:1.8em; font-size:14px}
.majorBox .majorText_2022 .text strong {color:#fff; line-height:0.5px}

.btn_2022 ul li {width:100%; margin-top:5px}
.btn_2022 ul li a {color:#fff; padding:5px; text-align:center; border-radius:8px; border:1px solid #fff; display:block; font-size:13px}
.btn_2022 ul li a > i {color:#fff}
.btn_2022 ul li:hover a {color:#000; background-color:#fff; text-decoration:none}
.btn_2022 ul li:hover a > i {color:#000}


.accView {display:none}

#popupPre {background:rgba(0,0,0,0.9); position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; text-align:center; cursor:pointer; display:none}
#popupPre > div {max-width:752px; margin:10% auto 0 auto; position:relative}
#popupPre > div a.pre_close {position:absolute; top:20px; right:20px}
#popupPre > div img {}

.popupPreMobile {background:rgba(0,0,0,0.9); position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; padding-top:50px; text-align:center; cursor:pointer; display:none}

.majorVr {position:absolute; bottom:10px; right:10px; border-radius:15px; overflow:hidden; opacity:0.9; transition:.3s}
.majorVr img {vertical-align:bottom; width:90px}
.majorVr:hover, .majorVr:focus {opacity:1; -webkit-transform:scale(1.05,1.05); -ms-transform:scale(1.05,1.05); transform:scale(1.05,1.05)}

.txtList > li {background:url('../image/ico_dot1.gif') 1px 8px no-repeat; padding:0 0 0 10px; line-height:20px; margin-bottom:4px}
.bList > li {background:url('../image/ico_bar.gif') 5px 9px no-repeat; padding:0 0 0 18px; line-height:20px; margin-bottom:4px}

/* stateBox */
.stateBox {border:1px solid #cfcfcf; border-radius:4px; box-sizing:border-box; padding:30px 30px 20px 30px; overflow:hidden}
.stateBox dt {float:left; width:calc(33% - 30px); margin-right:30px}
.stateBox dd {float:left; width:60%}
.stateBox dd h5 {font-size:34px; font-weight:600; margin-top:10px}
.stateBox dd p {font-size:18px; font-weight:400; margin:20px 0 30px 0}
.stateBox .btnCheck {display:inline-block; padding:15px 20px; color:#fff; font-weight:500; background:#0871CD; border-radius:3px; cursor:pointer}

/* applicationWrap */
.applicationWrap {display:flex; flex-wrap:wrap; align-items:center; margin-left:-10px}
.applicationWrap > a {display:flex; align-items:center; justify-content:center; border:1px solid #ddd; box-sizing:border-box; width:260px; height:60px; margin:10px; font-weight:500}
.applicationWrap > a:hover, .applicationWrap > a:focus, .applicationWrap > a.active {border:3px solid #0d3f8f}
.applicationWrap > a img {margin-right:10px}


@media screen and (max-width:767px) {
	.tab3 li a {width:50%}
	.tab4 li a {width:50%}
	.tab5 li a {width:50%}
	.tab6 li a {width:50%}
	.tab8 li a {width:50%; font-size:12px !important}
	.tableScroll {min-height:.01%; overflow-x:auto; margin-bottom:15px; overflow-y:hidden; -ms-overflow-style:-ms-autohiding-scrollbar}
	.tableScroll table {width:760px; margin-top:0 !important}
	.responstable th, .responstable td {display:block !important; width:auto !important; border-right:none !important; white-space:nowrap !important}
	.imgZoomWrap, .imgZoomWrap0, .imgZoomWrap1, .imgZoomWrap2, .imgZoomWrap3, .imgZoomWrap4, .imgZoomWrap5, .imgZoomWrap6, .imgZoomWrap7, .imgZoomWrap8, .imgZoomWrap9, .imgZoomWrap10 {position:relative; overflow:hidden}
	.bimgZoomWrap, .bimgZoomWrap0, .bimgZoomWrap1, .bimgZoomWrap2, .bimgZoomWrap3, .bimgZoomWrap4, .bimgZoomWrap5, .bimgZoomWrap6, .bimgZoomWrap7, .bimgZoomWrap8, .bimgZoomWrap9, .bimgZoomWrap10 {position:relative; overflow:hidden}
	.ZoomIcon, .ZoomIcon0, .ZoomIcon1, .ZoomIcon2, .ZoomIcon3, .ZoomIcon4, .ZoomIcon5, .ZoomIcon6, .ZoomIcon7, .ZoomIcon8, .ZoomIcon9, .ZoomIcon10 {position:absolute; bottom:0; right:0; padding:10px 0px; background:rgba(0,0,0,0.5); width:40px; height:40px; box-sizing:border-box; display:block; text-align:center}
	.bZoomIcon, .bZoomIcon0, .bZoomIcon1, .bZoomIcon2, .bZoomIcon3, .bZoomIcon4, .bZoomIcon5, .bZoomIcon6, .bZoomIcon7, .bZoomIcon8, .bZoomIcon9, .bZoomIcon10 {position:absolute; bottom:0; right:0; padding:10px 0px; background:rgba(0,0,0,0.5); width:40px; height:40px; box-sizing:border-box; display:block; text-align:center}
	.ZoomIcon i, .ZoomIcon0 i, .ZoomIcon1 i, .ZoomIcon2 i, .ZoomIcon3 i, .ZoomIcon4 i, .ZoomIcon5 i, .ZoomIcon6 i, .ZoomIcon7 i, .ZoomIcon8 i, .ZoomIcon9 i, .ZoomIcon10 i {color:#fff; font-size:22px}
	.bZoomIcon i, .bZoomIcon0 i, .bZoomIcon1 i, .bZoomIcon2 i, .bZoomIcon3 i, .bZoomIcon4 i, .bZoomIcon5 i, .bZoomIcon6 i, .bZoomIcon7 i, .bZoomIcon8 i, .bZoomIcon9 i, .bZoomIcon10 i {color:#fff; font-size:22px}
	#service section ul li {height:140px}
	.stateBox dt {float:none; width:100%; margin-right:0}
	.stateBox dd {float:none; width:100%; margin-top:30px; text-align:center}
	.stateBox dd h5 {font-size:28px; font-weight:500}
	.stateBox dd p {font-size:16px; font-weight:400}
	.applicationWrap > a {width:calc(100% - 20px)}
}

@media screen and (max-width:700px) {
	.visionBox > li .title {display:block; margin-bottom:10px; width:50%}
	.majorBox .majorText_2022 {position:relative}
	.visionBox > li .contents {margin-top:3px !important; width:100%}
}


@media screen and (max-width:630px) {
	#service section ul li {height:140px}
}
@media screen and (max-width:425px) {
	#service section ul li {height:105px}
}

@media screen and (max-width:375px) {
	#service section ul li {height:92px}
	.longTitle_m {letter-spacing:-1px !important; font-size:22px !important}
	.majorBox .majorText_2022 .text .titleText {font-size:32px}
}

@media screen and (max-width:320px) {
	#service section ul li {height:80px}
	.longTitle_m {letter-spacing:-1px !important; font-size:20px !important}
}