@media (max-width:1344px) {

:root {
	--subPd: 16em 0;
	--subTit: 30px;
    --mainPd: 30px 0;
	--subDesc: 1.8em;
}

.mo_only {display:block; }
.header.simple-header .util_wrap.mo_only {display:flex !important; }
.pc_only {display:none !important; }

.in_w { width:100%; max-width:100%; padding:0 4%; margin:0 auto; position:relative; }
.in { width:100%; max-width:100%; padding:0 4%; margin:0 auto; position:relative; overflow:hidden;}
.in_s { width:100%; max-width:100%; padding:4%; margin:0 auto; position:relative; }
.in_xs { width:100%; max-width:100%; padding:0 4%; margin:0 auto; position:relative; }
.in_f { width:100%; max-width:100%; padding:0 4%; margin:0 auto; position:relative; }
.container-mid{max-width: 100%; margin:0 auto; position:relative; overflow:hidden;}
.container-sm{max-width: 100%}
.container.simlpe-sub{padding:76px 0 2vw}
.pt20{padding-top:20px !important;}

#footer_wrap {position: relative;height: auto;border: none;background: #fafafa;padding: 60px 0 80px;margin-top:10vw;}

.header.simple-header {background-color: rgba(255, 255, 255, 0.9); padding:0 4%; height: 38px; align-items: center;top:0}
.header.simple-header .logo a, .header.simple-header .logo a img {width: 82px;}
.page_wrap.sub .header.simple-header{background-color: rgba(255, 255, 255, 1.0); padding:0 4%;}
.page_wrap.sub .mo_quick_menu {background-color: rgba(13, 13, 23, 1.0); }
.header.simple-header nav { display: block; position: fixed; left: 100%; top: 0; width: 100%; height: 100vh; padding: 100px 0 80px; background-color: #000; transition: left 0.5s ease; }
.header.simple-header nav.on { left: 0; }


.header.simple-header .util_wrap .util_box .tran_sel {margin: 0 0px 0 0px; width: 24px; }
.header.simple-header .util_wrap .util_box .tran_sel span{display: inline; font-size: 11px}
.header.simple-header .util_wrap .util_box .tran_sel div {padding-right: 15px; line-height:24px !important; height:18px;}
.header.simple-header .util_wrap .util_box .tran_sel .nice-select .list { left: -19px; }
.header.simple-header .util_wrap .util_box .tran_sel span { opacity: 0; }
.header.simple-header .util_wrap .util_box .tran_sel .nice-select .option{min-height: auto; padding-left: 1em; padding-right: 1.5em; font-size: 12px; line-height: 2.5em}
.header.simple-header.scroll_down .mo_quick_menu{ transform: translateY(-100%); }
.header.simple-header.at_top .mo_quick_menu{ transform: unset;}
.callBtn{margin-left:20px;}

.header.simple-header .closeBtn  svg { width: 26px; height: 26px; margin-left: 0px; margin-top:0px;}
.swipe-nav{border-bottom:0px;}

.simple-intro {margin-top:77px; padding:0 4%; position:relative;}
.simple-intro .simple-intro-menu {border-radius:20px; box-shadow:3px 3px 8px rgba(0,0,0,.08); overflow:hidden; padding:5vw; position:relative; z-index:1; display:flex;}
.simple-intro .simple-intro-menu + div{margin-top:20px;}
.simple-intro .simple-intro-menu em {display:block; position:absolute; width:100%; height:100%; background-size:cover !important; top:0px; right:0px; z-index:-1;background-position: right center !important; background-repeat:no-repeat !important}
.simple-intro .simple-intro-menu.simple-intro-menu002 {justify-content: flex-end; padding-right:30px;}
.simple-intro .simple-intro-menu.simple-intro-menu002 em {background-position: -30px center !important; left:0; right:auto;}


.simple-intro-tit, .simple-intro-tit h2{display:flex; flex-direction: column;}
.simple-intro-tit h2 span{display:block; font-size:2vw; letter-spacing:0em; font-weight:800; opacity:0.5; margin-bottom:10px;}
.simple-intro-tit h2 {line-height:1.2; font-size:5vw; padding-bottom:6vw;}
.simple-intro-tit p {font-size:3vw;}

.job-col-curri .simple-intro-tit h2 {line-height:1.3; font-size:4vw; padding-bottom:6vw; letter-spacing:-0.05em;}

.mt20{margin-top:20px;}
.mt40{margin-top:40px;}

.simple-submain-curri{display:flex; flex-wrap: wrap;  justify-content: space-between; padding:0 4%; margin-top:20px;}
.simple-submain-curri-col{width:49%; margin-top:2%;  z-index:1; position:relative;}
.simple-submain-curri-col a{display:block; width:100%; height:100%;overflow:hidden;position:relative; z-index:1;border-radius:20px;box-shadow:3px 3px 8px rgba(0,0,0,.08);padding-bottom:100%;background:#000;}
.simple-submain-curri-col em {display:block; position:absolute; width:100%; height:100%; background-size:cover !important; top:0px; left:0px; z-index:-1;background-position: center center !important; background-repeat:no-repeat !important; opacity:0.8}
.simple-submain-curri-col h3{color:#fff; position:absolute; top:5vw; left:5vw; font-size:3.5vw; line-height:1.2; font-weight:800;}
.simple-submain-curri-col.college-col-curri a{background:#ececec; overflow:visible}
.simple-submain-curri-col.college-col-curri a h3{color:#282828;}
.simple-submain-curri-deco{display:block; position:absolute; bottom:-10vw; right:-3vw; z-index:2; text-align:right;}
.simple-submain-curri-deco img{width:80%;}

.simple-fix-gnb {position:fixed; top:38px; left:0; right:0; z-index:9; min-width:320px; max-width:100%; width:100%; margin:0 auto; border-bottom:1px solid #e6e8ea;  transition: all 0.3s;}
.swipe-nav.scroll_down .simple-fix-gnb{top:0px;}
.swipe-nav.at_top .simple-fix-gnb{top:38px;}
.simple-fix-SlideMenu{background-color:rgba(255, 255, 255, 1.0); padding:0 4%;}
.simple-fix-SlideMenu ul {height:38px; margin:0 auto; display:flex;}
.simple-fix-SlideMenu ul li {flex:1; position:relative;}
.simple-fix-SlideMenu ul li a {display:block; height:38px; line-height:38px; font-size:13px; text-align:center; color:#222; opacity:1.0; letter-spacing:-0.04em; padding:0 12px; flex:1; word-break: keep-all !important;}
.simple-fix-SlideMenu ul li.on a:after {position:absolute; bottom:-1px; width:100%; height:3px; background:#282828; left:0; content:""; display:block;}
.simple-fix-SlideMenu ul li.on a {font-weight:800;}
.simple-fix-SlideMenu ul li a font {word-break: keep-all !important;}
.simple-fix-SlideMenu ul li.active a {opacity:1.0; color:#282828; font-weight:800;  }
.simple-fix-SlideMenu ul li.active:after {content:""; width:100%; height:2px; position:absolute; bottom:0px; left:0px; display:block; background:#282828}

.main_visual{margin:76px 0 14px 0; position:relative; display:flex; height:auto;}

.tpTitle {padding-top: 15px; padding-bottom: 10px;}
.tpTitle h2 {text-indent: -9999px; height: 26px; background: url('/web/renewal2016/mainRe/img/2020/customer_post_title.png')no-repeat center center; background-size: auto 100%;}
.tpTitle p {text-align: center; font-size: 10pt; color:#666; letter-spacing:-0.05em; font-weight: 300; letter-spacing: -0.075em; margin-top: 5px;}
.tpTitle p u {font-weight: 700; color: #0a4c4a;}
.tpost {position: relative;}
.tpCont {position:relative; padding-left:80px; padding-right: 0px; padding-top:6px; padding-bottom:6px;}
.tpCont:last-child {margin-bottom:0;}
.tpCont > em {background:#000;box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.03);display:block; width:60px; height:60px; position:absolute; left:0px; top:5px; margin-top:0px; background-size:cover !important; border-radius: 30px 30px 30px 30px; -moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius: 30px 30px 30px 30px; border:1px solid #eaeaea}
.tpCont > div {
	position:relative; padding:10px 15px; border:solid 1px #eaeaea; color:#666; letter-spacing:-0.03em; background: #fff;
	border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.03); -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.03); box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.03);
	color:#383838; 
}
.tpCont > div:before {content:""; display:block; width:14px; height:23px; position:absolute; top:50%; margin-top:-30px; right: 100%; background:url("/web/renewal2016/mainRe/img/2020/main_review_tail2.png")no-repeat center center; background-size: 100% auto;}
.tpCont > div h5 {font-size:11pt; padding-bottom:6px; font-weight:400; color:#333;}
.tpCont > div h5 span {font-size:9pt; margin-left:5px; color:#777;}
.tpCont > div p {font-size:10pt; overflow:hidden; text-overflow:ellipsis; white-space:normal; letter-spacing:-0.050em; line-height:1.6; height:3.2em; font-weight:300; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:block; width:100%;}
.tpCont > div > span {font-size:8pt; display:block; position:absolute; right:20px; top:20px;}

.simple-college-top{display:block; padding-bottom:4%;  width:100%; position:relative; margin-top:76px;}
.simple-college-top em {display:block; position:relative; background-size:cover !important; background-position:center center !important; background-repeat:no-repeat !important; z-index:-1; width:100%; height:100%; padding-bottom:45%;}
.simple-college-top h3 { margin-top: -6vw;margin-bottom: 6vw; font-size: 15vw; font-weight: 900;  line-height: 1; font-family: Codec-Cold, SUIT;  letter-spacing: -0.05em;   text-transform: uppercase; text-align:center;}

.simple-scurri-top {display: block; margin-bottom:6vw}
.simple-scurri-top dl dt{font-weight:900; font-size:5vw; margin-bottom:10px; line-height:1.2}
.simple-scurri-top dl dd{font-size:normal; font-size:4vw;}

.simple-scurri-table{border-top:2px solid #282828; }
.simple-scurri-table dl {display:flex; padding:4vw 0; border-bottom:1px solid #ddd;}
.simple-scurri-table dl dt, .simple-scurri-table dl dd {font-size:3.5vw;}
.simple-scurri-table dl dt {width:30vw; font-weight:bold;}
.simple-scurri-table dl dd {width:70vw;}

.sucStory-cont {display:block; position:relative; padding-left:80px; margin-top:10px;}
.sucStory-cont em {display:block; position:absolute; top:0px; left:0px; width:60px; height:60px; border-radius:100%; background-size:cover !important; background-position:center center !important; background-repeat:no-repeat !important;}
.sucStory-balloon{background:#0897a8; color:#282828; padding:20px; border-radius:20px; position:relative;}
.sucStory-balloon:after {width:10px; height:15px; display:block ; content:""; background: url('/2024/img/simple/balloon-deco.png') left top no-repeat; position:absolute; top:30px; left:-10px;}
.sucStory-balloon dl dt{font-size:5vw; font-weight:900; line-height:1.2}
.sucStory-balloon dl dt span{font-size:4vw; font-weight:normal}
.sucStory-balloon dl dd {font-size:3vw; font-weight:900; margin-bottom:10px;}

.simple-college-step ul{margin-top:20px;}
.simple-college-step ul li *{word-break: keep-all !important;}
.simple-college-step ul li {border-radius:20px; }

.simple-college-strategy {background: url('/2024/img/simple/college-strategy-bg.jpg') center 76px no-repeat; background-size:100% auto; display:block; padding-top:60vw;}
.simple-college-strategy .simple-colstrate-tit dl {}
.simple-college-strategy .simple-colstrate-tit  dl dt {font-size:10vw; line-height:1.2;margin-bottom:20px; display:block; letter-spacing:-0.05em;}
.simple-college-strategy .simple-colstrate-tit  dl dt b{display:block; font-weight:900;}
.simple-college-strategy .simple-colstrate-tit  dl dd {display:flex; font-size:4vw; align-items: center; letter-spacing:-0.05em;}
.simple-college-strategy .simple-colstrate-tit  dl dd img{width:4vw; display:inline-block; margin-right:10px; opacity:0.3}
.simple-colstrate-tab{margin-top:8vw; justify-content: center; margin-bottom:4vw}

.colstrateCont{display:flex;}

.tabMenu li a.active{background:#282828; color:#fff;}
.simple-colstrate-tab li a {margin:0 6px;}
.historyCont{display:block; margin-bottom:4vw}
.simple-college-strategy .college-roadmap-step .college-roadmap-item dl dd h4{margin-bottom:8px;}
.simple-college-strategy .college-roadmap-step .college-roadmap-item dl dd{width:100%;}


.simple-sitemap-btn{margin-top:90px;}

nav.simple-sitemap-nav.mo-nav {position: fixed;z-index: 1;left: 0%;right: 0;bottom: 0;top: 72px;min-width: 320px;background: #F5F6F8;color: #777777;transition: all 0.3s;display: flex;flex-direction: column;padding: 0px 0 0px; overflow:visible;}

nav.simple-sitemap-nav.mo-nav .depth1 .depth2 {display: none;position: fixed; top: 152px;pointer-events: normal;}
nav.simple-sitemap-nav.mo-nav .depth1 > li {display:flex;}
nav.simple-sitemap-nav.mo-nav .depth1 > li.on a{width:100%; }
.simple-quick-menu.quick-menu .quick-menu-item li a img { width: 36px;}
.simple-sitemap-quick .simple-quick-menu:after {content:""; display:block; z-index:39; background:#ddd; width:100%; height:2px; position:absolute; bottom:0px; left:0px;}
.simple-quick-menu{position:relative;}
nav.simple-sitemap-nav.mo-nav .quick-menu{background:#fff;padding-bottom:20px;border-bottom: 0px solid #ddd;}
nav.simple-sitemap-nav.mo-nav .depth1 a{padding:4vw 4vw;text-align:left;justify-content: flex-start;font-weight:500;color:#999;font-size: 3vw;}
nav.simple-sitemap-nav.mo-nav .depth1 .depth2 a {pointer-events: auto; color:#0d0d17;justify-content: flex-start !important; font-weight:500; font-size:3.5vw !important; letter-spacing:-0.05em; padding:2.5vw 0 !important;}



.simple-history.history_sect2 .cont .move_year { top: 76px; width: 100%; padding-top: 0px; height: auto; background-color: #fff; z-index: 5;}
.scroll_down.simple-history.history_sect2 .cont .move_year{top:38px;}
.simple-bis-main{margin-top:76px !important;}

.simple-curri-search{ padding-top:86px; background:#f5f5f5;}
.simple-curri-search-tit{padding:0 8%; text-align:center; margin-bottom:30px;}
.simple-curri-search-tit h3{line-height:1.4; font-weight:900; font-size:6vw; letter-spacing:-0.05em;}
.simple-curri-search-tit span{opacity:0.7; font-size:4vw; padding-top:20px; display:block;word-break: keep-all !important;line-height:1.4}
.simple-curri-search-tab{padding-bottom:30px;justify-content: center;}
.simple-curri-search-tab.tabMenu li a {margin: 0 6px;}

.simple-curri-search .historyCont .in{padding-bottom:60px; }
.historyCont .simple-curri-search-item{background:#fff; border-radius:20px; overflow:hidden; display:block; width:100%; box-shadow:3px 5px 8px rgba(0,0,0,0.13); display:flex;}
.historyCont .simple-curri-search-item + a {margin-top:20px;}
.historyCont .simple-curri-search-item em {display:block; position:relative; background-size:cover !important; background-position:center center !important; background-repeat:no-repeat !important; width:45vw; height:45vw}
.historyCont .simple-curri-search-item > div{width:70vw; padding:20px; display:flex;flex-direction: column;justify-content: space-between;}
.historyCont .simple-curri-search-item > div dl dt{font-size:3vw; display:block; margin-bottom:8px;}
.historyCont .simple-curri-search-item > div dl dd{font-size:3.5vw; font-weight:800; line-height:1.3;word-break: keep-all !important;}
.historyCont .simple-curri-search-item > div p {font-size:13px; font-weight:700; text-decoration:underline}
.historyCont .simple-curri-search-item > div span{font-weight:200; font-size:2.5vw; line-height:1.4; display:block; padding-top:5px;word-break: keep-all !important;}

}