#content { padding: 3% 0 !important; color:#555; line-height:2 } 
.major-type-box3 { position: relative; } 
.major-type-box3::before { display: none; } 
.major-type-box3::after { content:''; width:103px; height:103px; /* background:url('../../images/guide/object05.png') no-repeat center / cover; */ position: absolute; top:33px; right:30px; } 
.major-type-box3 .type-box-inner { overflow: hidden; position: relative; margin: 70px 0; } 
.major-type-box3 .type-box-inner::before { content:''; width:100%; height:100%; position: absolute; z-index: -2; background:#E2E2E2; transform:skew(79.2deg) translate(23%); } 
.major-type-box3.grad .type-box-inner::before { transform:skew(0deg) translate(0); } 
.major-type-box3 .txt-banner { position: absolute; bottom:0; width: 100%; } 
.major-type-box3 .txt-banner p { display: none; font-family: 'play Bold'; font-size: 60px; color:#fff; text-shadow: 0px 0px 2px rgba(0,0,0,0.8); position: absolute; right:0; bottom:0; text-align:right; line-height: 125px; white-space: nowrap; z-index: -1; animation: txtMove 5s infinite linear; } 

@keyframes txtMove { 
  0% { right:-100%; } 
  100% { right:100%; } 
}

.major-type-box3 .inner::before { content:''; width:100%; height:100%; position: absolute; left:0; top:0; background:linear-gradient(90deg,rgba(219, 246, 255, 1) 0%, rgba(255, 245, 254, 1) 100%); transform: rotate(-2.6deg) scale(2) translate(0,-29.5%); } 
.major-type-box3.grad .inner::before { transform: rotate(0deg) scale(1) translate(0); } 
.major-type-box3 .inner::after { content:''; width:30px; height:100%; position: absolute; right:0; bottom:0; z-index: -1; background: #fff; } 
.major-type-box3 .inner { padding:70px 70px 0 70px; } 
.major-type-box3 .con { display: table; width: 100%; } 
.major-type-box3 .left { display:table-cell; vertical-align: top; width:295px; } 
.major-type-box3 .img-box { position: relative; display: inline-block; z-index: 2; } 
.major-type-box3 .img-box::before { content:''; position:absolute; left:-10px; top:-10px; width:100%; height:100%; background:url('../images/college/major03_object02.png') no-repeat center; transform-origin: 50% 50%; animation: spin 10s infinite linear; } 
.major-type-box3 .img-box::after { content:''; position:absolute; left:10px; top:20px; width:100%; height:100%; background:url('../images/college/major03_object01.png') no-repeat center; animation: spin 10s infinite linear reverse; } 

@keyframes spin { 100% { transform: rotate(360deg); } 
 }

.major-type-box3 .img-box-inner::before { content:''; position: absolute; left:-10px; top:-10px; width:100%; height:100%; background:url('../images/college/major03_object03.png') no-repeat center; z-index: -1; } 
.major-type-box3 .img-box-inner { position: relative; } 
.major-type-box3 .right { display:table-cell; height: 370px; vertical-align: top; padding:0 0 90px 65px; position: relative; } 
.major-type-box3.grad .right { padding-bottom: 50px; } 
.major-type-box3 .right::before { display: none; content:''; width:103px; height:103px; /* background:url('../../images/guide/object04.png') no-repeat center / cover; */ position: absolute; bottom:0; left:25px; } 
.major-type-box3 .top { display: inline-block; } 
.major-type-box3 .title { float:left; font-size: 30px; font-family: 'Dream Bold'; color:#222; line-height: 40px; letter-spacing: -.05em; position: relative; margin-top:10px; } 
.major-type-box3 .title span { font-size: 22px; color: #222; letter-spacing: 0; } 
.major-type-box3 .btn-box { float:right; font-size: 0; right: 0; position: absolute;} 
.major-type-box3 .btn-box > div { margin-left:20px; } 
.major-type-box3 .txt-box { font-size: 17px; color:#666; line-height: 30px; letter-spacing: -.05em; position: relative; margin-bottom: 25px; } 

.major-type-box3 .link-wrap li { float:left; width:33.33%; margin-bottom: 10px;} 
.major-type-box3 .link-wrap .link-style2 { position: relative; display: inline-block; width: 95%; height: 3rem;border-width: 1px; border-style: solid; border-color: #c0c6d6; background: #fff; word-break: break-all; -webkit-transition: color .3s; -moz-transition: color .3s; -ms-transition: color .3s; -o-transition: color .3s; transition: color .3s; overflow: hidden; -webkit-transition: color .3s; -moz-transition: color .3s; -ms-transition: color .3s; -o-transition: color .3s; transition: color .3s; } 
.link-style2::before{position: absolute; top: 50%; right: 1rem; width:20px; height:20px;  -webkit-transform: translateY(-50%); transform: translateY(-50%); font-family: "xeicon"; font-size: .9rem; color: #363c4c; content: ''; background: url(../images/college/ico_home.png) center center no-repeat; -webkit-transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1); transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);}
.major-type-box3 .link-wrap .link-style2 span {position: relative; display: inline-block; top: 50%; transform: translateY(-50%); padding-left: 15px; width: 100%; font-weight: 500; color: #333; transition: color 300ms cubic-bezier(0.77, 0, 0.175, 1);} 

.major-type-box3 .link-wrap .go-home { display: inline-block; width: 16px; height: 16px; margin: -3px 0 0 10px; background:url('../images/college/ico_home.png') no-repeat right center; vertical-align: middle; text-indent: -999999px; } 
.major-type-box3 .info { margin-bottom: 15px; position: relative; border: 1px solid #dddddd; background: #f8f8f8; padding: 20px 150px 13px 30px; width: 100%;  box-sizing: border-box;} 
.major-type-box3 .info li { display: inline-block; margin-right: 50px; } 
.major-type-box3 .info li p { font-size: 15px; color:#666; line-height: 30px; letter-spacing: -.05em; font-family: 'Dream Regular'; padding-left: 40px; position: relative; } 
.major-type-box3 .info li.tel p::after { content:''; width:30px; height:30px; position: absolute; left:0; background:#000 url('../images/college/ic_tel_type2.png') no-repeat center center; border-radius:50%; } 
.major-type-box3 .info li.loc p::after { content:''; width:30px; height:30px; position: absolute; left:0; background:#000 url('../images/college/ic_location_type2.png') no-repeat center center; border-radius:50%; } 

@media all and (max-width:1580px){
 .major-type-box3 .title { font-size: 27px; } 
 .major-type-box3 .title span { display: block; font-size: 17px; } 
 }

@media all and (max-width:1350px){
 .major-type-box3 .link-wrap li { width :33.3333%; } 
 .major-type-box3 .right { padding: 10px 0 185px 20px; } 
 .major-type-box3 .right::before { left:-25px; } 
 .major-type-box3 .info li { max-width:180px; } 
 }

@media all and (max-width:1200px){
 .major-type-box3::before { content: ''; display: none; width: 103px; height: 103px; /* background: url('../../images/guide/object04.png') no-repeat center / cover; */ position: absolute; bottom: -30px; left: 0px; z-index: 1; } 
 .major-type-box3 .inner { padding: 55px 40px 35px 40px; } 
 .major-type-box3 .inner::before { transform: rotate(0) scale(1) translate(0); } 
 .major-type-box3 .link-wrap li { width: 50%; } 
 .major-type-box3 .type-box-inner::before { transform:skew(79deg) translate(-14%); } 
 .major-type-box3 .btn-box > div:first-child { margin-left: 0; } 
 .major-type-box3 .img-box-inner::before { /*background:url('../../images/guide/major03_object03.png') no-repeat center / cover; */ } 
 .major-type-box3 .img-box::before { /*background:url('../../images/guide/major03_object02.png') no-repeat center / cover; */ } 
 .major-type-box3 .img-box::after { /*background:url('../../images/guide/major03_object01.png') no-repeat center / cover; */ } 
 .major-type-box3 .txt-box { margin-bottom: 30px; } 
 .major-type-box3 .left { display: block; margin:0 auto; width:100%; text-align: center; } 
 .major-type-box3 .right { display: block; height: auto; padding: 70px 0 0 0; } 
 .major-type-box3 .right::before { display: none; } 
 .major-type-box3.grad .right { padding-bottom: 0; } 
 }

@media all and (max-width:900px){
 .major-type-box3 .btn-box { float:none; } 
 }

@media all and (max-width:768px){
 .major-type-box3 .title { width: 100%; margin-top: 20px; } 
 .major-type-box3 .title span { display: block; font-size: 16px; } 
 .major-type-box3 .inner { padding: 45px 20px 20px 20px; } 
 .major-type-box3 .info li { display: block; margin-bottom: 10px; } 
 .major-type-box3 .link-wrap .link-style2 { font-size: 16px; } 
 .major-type-box3::before { display: none; } 
 }

@media all and (max-width:640px){
 .major-type-box3 .btn-box > div { margin-left:0; margin-bottom:10px; display: block; } 
 .major-type-box3 .btn-box a { width: 100%; } 
 .major-type-box3 .type-box-inner::before { transform:skew(79deg) translate(-155%); } 
 .major-type-box3 .link-wrap .go-home { margin-left: 2px; } 
 }

@media all and (max-width:500px){
 .major-type-box3::after { right: 50px; width: 53px; height: 53px; } 
 .major-type-box3 .top { margin-bottom: 16px; } 
 .major-type-box3 .right { padding: 47px 0 0 0; } 
 .major-type-box3 .title { margin-top: 10px; font-size: 22px; } 
 .major-type-box3 .txt-box { margin-bottom: 11px; font-size: 14px; line-height: 24px; } 
 .major-type-box3 .link-wrap li { width:50%; } 
 .major-type-box3 .link-wrap .link-style2 { font-size: 14px; } 
 .major-type-box3 .info { margin-top: 24px; } 
 .major-type-box3 .info li p { font-size: 14px; } 
 .major-type-box3 .type-box-inner::before { transform:skew(79deg) translate(-310%); } 
 }

/* Txt-type1 */
.txt-type1 { position: relative; padding-bottom: 150px; text-align: right; } 
.txt-type1 .title-bx { position: absolute; left: 0; bottom: 60px; z-index: 2; width: 43.333%; } 
.txt-type1 .title-inner-bx { position: relative; padding: 40px 8% 40px 0; background: #fff; text-align: left; box-shadow: 40px 40px 26px rgba(0, 0, 0, 0.2); } 
.txt-type1 .title-inner-bx::before { content: ''; position: absolute; left: 42%; top: -40px; z-index: -1; width: 26%; height: 100%; /* background: url('../../images/guide/line_bg.png'); */ } 

.txt-type1 .title-inner-bx .title { position: relative; margin-bottom: 17px; padding-left: 10%; } 
.txt-type1 .title-inner-bx .title::before { content: ''; position: absolute; left: 0; top: 23px; width: 8%; height: 3px; background: #FCAF17; } 
.txt-type1 .title-inner-bx .title p { font-family: 'Dream Medium'; font-size: 30px; letter-spacing: -0.75px; color: #111; } 
.txt-type1 .title-inner-bx .info { padding-left: 10%; } 
.txt-type1 .title-inner-bx .info p { font-family: 'Dream Regular'; font-size: 18px; line-height: 28px; color: #333; } 

@media all and (max-width: 1023px){
 .txt-type1 { padding-bottom: 50px; } 
 .txt-type1 .title-bx { width: 75%; bottom:0; } 
 }

@media all and (max-width: 900px){
 .txt-type1 .title-bx { position: static; width: 100%; } 
 .txt-type1 .title-inner-bx { box-shadow: 10px 10px 26px rgba(0, 0, 0, 0.2); } 
 }

/* Txt-type2 */
.txt-type2 { position: relative; } 
.txt-type2 .img-bx { position: relative; width: 66.7%; height: 100%; } 
.txt-type2 .img-bx::before { content: ''; position: absolute; left: 96%; top: 35px; z-index: -1; width: 385px; height: 385px; /* background: url('../../images/guide/bg-txt-type2.png') no-repeat center; */ } 
.txt-type2 .type2-inner-bx { position: absolute; right: 0; bottom: 0; z-index: 2; width: 46.7%; text-align: right; } 
.txt-type2 .title-bx { position: relative; padding-top: 40px; } 
.txt-type2 .title-bx::after { content: ''; display: block; width: 40%; height: 1px; margin:30px 0 24px -105px; background: rgba(255, 255, 255, 0.5); } 
.txt-type2 .title-bx .title { display: inline-block; max-width: 100%; } 
.txt-type2 .title-bx .title p { font-family: 'Dream Medium'; font-size: 22px; line-height: 1; word-break: break-all; color: #fff; } 
.txt-type2 .info-bx { display: inline-block; width: 100%; padding: 0 30px 0 45px; padding-bottom: 39px; text-align: left; background:rgba(252,175,23,0.9); } 
.txt-type2 .info-bx p { font-family: 'Dream Regular'; font-size: 16px; color:#fff; line-height: 1.7; letter-spacing: -.05em; } 

@media all and (max-width: 1200px){
 .txt-type2 .img-bx { width: 100%; max-width: 900px; margin: 0 auto; margin-bottom: 40px; } 
 .txt-type2 .img-bx::before { display: none; } 
 .txt-type2 .type2-inner-bx { position: static; width: 100%; } 
 }

@media all and (max-width: 500px){
 .txt-type2 .img-bx { margin-bottom: 20px; } 
 .txt-type2 .info-bx { padding: 20px; } 
 .txt-type2 .title-bx { padding-top: 0; } 
 .txt-type2 .title-bx::after { margin: 20px 0 20px -20px; } 
 .txt-type2 .title-bx .title p { font-size: 18px; } 
 .txt-type2 .info-bx p { font-size: 14px; } 
 .txt-type2 .info-bx p br { display: none; } 
 }

/* Diagram-type1 */
.diagram-type1 { position: relative; } 
.diagram-type1 .type1-inner { /*background:url('../../images/guide/diagram_bg.png') no-repeat center bottom; */ height:635px; } 
.diagram-type1 .diagram-item { width:260px; height:260px; text-align: center; letter-spacing: -.05em; display: table; position: absolute; } 
.diagram-type1 .diagram-item .item-inner { display: table-cell; vertical-align: middle; } 
.diagram-type1 .diagram-item p { padding:0 20px; } 
.diagram-type1 .diagram-item .img-box { position: relative; } 
.diagram-type1 .diagram-item .txt-box { position: relative; } 
.diagram-type1 .diagram-item .txt-box strong { font-size: 28px; font-family: 'Dream Medium'; line-height: 61px; } 
.diagram-type1 .diagram-item .txt-box p { font-size: 16px; font-family: 'Dream Regular'; line-height: 27px; letter-spacing: -.025em; } 

.diagram-type1 .item1 { /* background:url('../../images/guide/diagram_bg01.png') no-repeat center; */ left:50%; margin-left:-130px; } 
.diagram-type1 .item1 .txt-box strong { color:#03499A; } 
.diagram-type1 .item2 { /* background:url('../../images/guide/diagram_bg02.png') no-repeat center; */ left:50%; margin-left:-430px; bottom: 0; } 
.diagram-type1 .item2 .txt-box strong { color:#FCAF17; } 
.diagram-type1 .item3 { /* background:url('../../images/guide/diagram_bg03.png') no-repeat center; */ right:50%; margin-right:-430px; bottom: 0; } 
.diagram-type1 .item3 .txt-box strong { color:#333; } 

@media all and (max-width:1023px){
 .diagram-type1 .type1-inner { background:none; height: auto; } 
 .diagram-type1 .con { display: flex; justify-content: space-between; } 
 .diagram-type1 .diagram-item { padding:15px; position:static; width:32%; height:auto; } 
 .diagram-type1 .diagram-item .item-inner { padding:15px 0; background:#fff; position: relative; z-index: 1; } 
 .diagram-type1 .diagram-item .item-inner::before { content:''; width:100%; height:100%; /*background: url('../../images/guide/diagram_bg.png') no-repeat left -30px top -50px / contain; */ position:absolute; top:0; left:0; opacity: 0.4; } 
 .diagram-type1 .diagram-item .txt-box strong { font-size: 24px; } 
 .diagram-type1 .item1 { background:#03499A; margin-left:0; } 
 .diagram-type1 .item1 .txt-box strong { line-height: 50px; } 
 .diagram-type1 .item2 { background:#FCAF17; margin-left:0; } 
 .diagram-type1 .item3 { background:#333; margin-right:0; } 
 }

@media all and (max-width:768px){
 .diagram-type1 .con { display: block; } 
 .diagram-type1 .diagram-item { width:100%; margin-bottom: 10px; } 
 .diagram-type1 .item1 .txt-box p > .br { display: none; } 
 }

/* Diagram-type2 */
.diagram-type2 { position: relative; } 
.diagram-type2 .img-box { text-align: center; } 

/* Btn-style */
.btn-style1 {position: relative; display: inline-block; }
.btn-style1 a {display:inline-block; border: 1px solid #c18516; background:#fff;  padding:15px 37px 15px 39px; transition:all .3s;}
.btn-style1 a span {display: inline-block; font-size: 15px; line-height:28px; color:#c18516; font-family: 'Dream Regular';transition:all .3s; padding-left:35px; /* background:url('../../images/guide/ic_pdf.png') no-repeat left center;*/}
.btn-style1 a:hover {background:#c18516;}
.btn-style1:hover a span {color:#fff;/* background:url('../../images/guide/ic_pdf_w.png') no-repeat left center;*/}

.btn-style2 {position: relative; display: inline-block;}
.btn-style2 a {display:inline-block; border: 1px solid #c18516; background:#fff; padding:15px 37px 15px 39px; transition:all .3s;}
.btn-style2 a span {display: inline-block; font-size: 16px; line-height:28px; color:#c18516; font-family: 'Dream Regular'; transition:all .3s; /*padding-left:35px; background:url('../../images/guide/ic_btn_home.png') no-repeat left center;*/}
.btn-style2 a:hover {background:#c18516;}
.btn-style2:hover a span {color:#fff; /*background:url('../../images/guide/ic_btn_home_w.png') no-repeat left center;*/}

.btn-style3 {position: relative; display: inline-block;}
.btn-style3 a {display:inline-block; border: 1px solid #FCAF17; background:#fff; padding:15px 37px 15px 39px; transition:all .3s;}
.btn-style3 a span {display: inline-block; font-size: 16px; line-height:28px; color:#FCAF17; font-family: 'Dream Regular'; transition:all .3s; padding-left:35px; /*background:url('../../images/guide/ic_btn_view.png') no-repeat left center;*/}
.btn-style3 a:hover {background:#c18516;}
.btn-style3:hover a span {color:#fff;/* background:url('../../images/guide/ic_btn_view_w.png') no-repeat left center;*/}

.btn-style4 {position: relative; display: inline-block; }
.btn-style4 a {display:inline-block; border: 1px solid #c18516; background:#fff;  padding:15px 37px 15px 39px; transition:all .3s;}
.btn-style4 a span {display: inline-block; font-size: 15px; line-height:28px; color:#c18516; font-family: 'Dream Regular';transition:all .3s; /*padding-left:35px; background:url('../../images/guide/ic_hwp.png') no-repeat left center;*/}
.btn-style4 a:hover {background:#c18516;}
.btn-style4:hover a span {color:#fff; /*background:url('../../images/guide/ic_hwp_w.png') no-repeat left center;*/}

@media all and (max-width:768px) {
  .btn-style1 a span,
  .btn-style2 a span,
  .btn-style3 a span,
  .btn-style4 a span {font-size: 15px;}
}

@media all and (max-width: 500px) {
  .btn-style1 a span,
  .btn-style2 a span,
  .btn-style3 a span,
  .btn-style4 a span {font-size: 13px;}
  .btn-style1,
  .btn-style2,
  .btn-style3,
  .btn-style4 {text-align: center;}
}

table{border-collapse: collapse; border-spacing: 0px; width: 100%;}
/* 서브 - 학과 안내 */
.major_info_box {border: 1px solid #c3c3c3;}
.major_info_box .major_info {padding:25px 50px; background: #e1f1fb; color:#216dc2;font-size: 17px; font-weight:600;}
.major_info_box .major_info .icon_bubble {position: relative; padding-left: 40px;}
.major_info_box .major_info .icon_bubble:before {content:""; position: absolute; left:0px; top:50%; margin-top:-12px; width: 26px; height: 24px; background: url(../images/college/icon_bubble.png) no-repeat;}
.major_info_box .major_info ul {color:#000; float: right;}
.major_info_box .major_info ul li {position: relative; float: left;}
.major_info_box .major_info ul li[class^="icon_"] {padding-left:30px;}
.major_info_box .major_info ul li + li{margin-left:40px;}
.major_info_box .major_info ul li[class^="icon_"]:before {content:""; position: absolute; left:0px; top:50%; margin-top:-12px; width: 26px; height: 24px;}
.major_info_box .major_info ul li.icon_loc:before {background: url(../images/college/icon_location.png) no-repeat;}
.major_info_box .cont_wrap {padding: 55px 48px;}
.webzine_list + .webzine_list {margin-top:50px;}
.webzine_list > li {position:relative; display: flex; align-items: stretch; flex-wrap: wrap; border: 1px solid #cbcbcb;}
.webzine_list > li > div {color:#000;}
.webzine_list > li .left_cont {width: 100%;}
.webzine_list > li .left_cont .title_wrap {padding:22px 30px;}
.webzine_list > li .left_cont .title_wrap span {display: inline-block; font-size: 24px; font-weight: 600;}
.webzine_list > li .left_cont .title_wrap ul {display: inline-block; vertical-align: middle; font-size: 16px; float: right; top: 8px; position: relative;}
.webzine_list > li .left_cont .title_wrap ul li {float: left;}
.webzine_list > li .left_cont .title_wrap ul li:nth-child(-n+2):before {content:"|"; color: #d9d9d9; margin: 0 20px;}
.webzine_list > li .left_cont .title_wrap ul li.icon_loc:before{content:""; background: url('../images/college/icon_location.png') no-repeat; padding-left : 27px; padding-bottom : 11px; margin-left : 20px;}
.webzine_list > li .left_cont .title_wrap ul li + li.noline:before {content:"";}
.webzine_list > li .left_cont .title_wrap a {display: inline-block; float: right; vertical-align: middle; padding: 8px 20px; background: #8b8b8b; color: #fff; margin-left: 30px;}
.webzine_list > li .left_cont .title_wrap a.btn_new_window2 {position: relative; padding-right: 45px;}
.webzine_list > li .left_cont .title_wrap a.btn_new_window2:after{content:""; position: absolute; right: 18px; width: 20px; height: 20px; top:50%; margin-top:-10px; background: url(../images/college/icon_home.png) no-repeat; background-size: cover;}
.webzine_list > li .left_cont .inner_table tr {border-top: 1px solid #d6d6d6;}
.webzine_list > li .left_cont .inner_table th {width: 15%; background: #f1f3f4; color: #216dc2; text-align: center; vertical-align: middle; font-weight: 600;}
.webzine_list > li .left_cont .inner_table td {width: 75%; padding:13px;}
.webzine_list > li .left_cont .text_list {margin:0;}
.webzine_list > li .left_cont .text_list li {font-size: 14px; padding:3px 0 3px 25px; line-height:22px;}
.webzine_list > li .right_cont {width: 25%;}
.webzine_list > li .right_cont img {width: 100%; height: 100%;}
.webzine_list > li:hover:before {content:""; position:absolute; top:0; left:0; bottom:0; right:0; border:2px solid #216dc2; z-index:0;}
.webzine_list > li:hover .title_wrap {background: #216dc2; color:#fff;}
.webzine_list > li:hover .left_cont {background:#f6faff}
.webzine_list > li:hover .left_cont .title_wrap a {position:relative; background:#fead00; z-index:1;}
.webzine_list > li:hover .icon_loc:before{-webkit-filter:invert(100%); -webkit-filter: brightness(10);}
.webzine_list > li + li {margin-top:65px;}
.webzine_list.ver1 > li + li {margin-top:25px;}


.text_list {margin:0 0 13px 0;}
.text_list>li {position:relative; padding:0 0 0 25px; line-height:35px; font-size:18px; color:#000000;}
.text_list>li:before {content:""; position:absolute; left:5px; top:16px; width:4px; height:4px; border-radius:4px; background:#7c7c7c;}
.text_list>li>ul {margin:5px 0 5px 0;}
.text_list>li>ul>li {position:relative; padding:0 0 0 15px; line-height:30px; font-size:15px; color:#000000;}
.text_list>li>ul>li:before {content:""; position:absolute; top:15px; left:0; height:1px; width:5px; background:#000000;}
.text_list>li>.btns {display:inline-block; padding:0;}
.text_list>li>.btns .btn {width:auto; height:35px; line-height:31px; margin-left:10px;}

@media(max-width:1350px) {
  .webzine_list > li {align-items: center;}
  .webzine_list > li .left_cont .title_wrap ul {float: none; width: 100%; margin-top:20px;}
}
@media(max-width:1150px) {
  .webzine_list > li .right_cont {display: none;}
  .webzine_list > li .left_cont {width: 100%; border:0;}
}
@media(max-width:875px) {
  .major_info_box .major_info ul {float: none; margin-top:20px;}
  .major_info_box .major_info ul li.pc {display: none;}
}
@media(max-width:675px) {
  .webzine_list > li .left_cont .title_wrap {padding:35px;}
  .webzine_list > li .left_cont .title_wrap ul li {width: 50%; line-height: 25px;}
  .webzine_list > li .left_cont .title_wrap ul li + li:before {content:""; margin:0;}
}
@media(max-width:545px) {
  .major_info_box .major_info ul li {width: 100%;}
  .major_info_box .major_info ul li + li {margin:15px 0 0 0;}
  .webzine_list > li .left_cont .title_wrap ul li {width: 100%;}
  .webzine_list > li .left_cont .title_wrap a {margin:0;}
  .webzine_list > li .left_cont .inner_table th,
  .webzine_list > li .left_cont .inner_table td {display: block; width: 100%; line-height: 50px;}
}


.tab {position:relative; margin:0 0 70px 0; border:1px solid #dadada; background:#f7f8f9; overflow:hidden;}
.tab:after {content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background: #4582c6;}
.tab6.tab>li {position:relative; float:left; width:calc((100% - 1px) / 6);}
.tab5.tab>li {position:relative; float:left; width:calc((100% - 1px) / 5);}
.tab3.tab>li {position:relative; float:left; width:calc((100% - 1px) / 3);}
.tab>li>a {display:block; height:75px; padding:0 10px; font-size:18px; color:#000000; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display: flex; align-items: center; justify-content: space-around;}
.tab>li.active>a {background:#216dc2; color:#ffffff;}
.tab>li:not(.active):hover>a {color:#216dc2;}
.tab>li:before {content:"";position:absolute;right: -1px;top:26px;height:22px;width:1px;background:#c2c2c2;}
.tab>li:last-child:before{display: none;}
.tab>li.new_window>a:after {content:""; position:relative; top:2px; display:inline-block; width:18px; height:18px; margin-left:8px; /* background:url(../images/sub/new_window.png) no-repeat;*/}
.tab>li.new_window.active>a:after {/*background:url(../images/sub/new_window_over.png) no-repeat;*/}
.tab_cont:not([data-tabactive=true]) {position:absolute !important;   width:100%; visibility: hidden;height: 0;top: -999rem !important;}

/* 모두 숨김 */
.tab-content { display:none; }

/* 선택된 탭에 대응되는 콘텐츠만 보임 */
.tab-content.active { display:block; }
/* (선택) 탭 시각 효과 */
.tab li.active > a { font-weight:700; color:#FFF; }