html, body, div, dl, dt, dd, ul, ol, li, p, h1, h2, h3, h4, h5{margin: 0px; padding: 0px; list-style: none;}
body{font-family: 'NotoSans', sans-serif;}
input,select,textarea{vertical-align: middle; margin: 0; padding: 0; border: 0; font-family: inherit;}
a{text-decoration: none; font-size: inherit; color: inherit;}
img.mt10{padding-left: 15px;}
img.mt11{padding: 35px 0 0 0;}
figure{margin: 0px; padding: 0px;}
button{margin: 0; padding: 0; border: none; background: none; cursor: pointer;}
table {border-collapse: collapse; width: 100%;}
caption{width: 0; height: 0; font-size: 0; overflow: hidden;}
br{font-size: 0;}

#skip-nav {position:absolute; left:0; top:0; width:100%; z-index: 1000;}
#skip-nav a {display:block; position:absolute; left:0; top:-10px; width:100%; height:1px; background:#d1deee; font-size:0; text-align:center; font-weight:bold; color:#444;}
#skip-nav a:hover, #skip-nav a:focus, #skip-nav a:active {position:absolute; left:0; top:0; height: auto; padding:4px; font-size:15px;}


div.left-intro{width: 35%; float: left;}
div.right-intro{width: 65%; float: right;}

.hidden{width: 0; height: 0; overflow: hidden; position: absolute; font-size: 0; line-height: 0;}

#wrap{min-width: 320px;}
.wid{width: 96%; max-width: 1400px; margin: 0 auto;}

.hd-tp{background: #11355d; padding: 6px 0;}
.hd-tp .wid{text-align: right;}
.hd-tp a{text-decoration: none;}
.hd-tp a:hover{text-decoration: none;}


.ht-lk{display: inline-block; vertical-align: middle; text-align: left; font-family: 'GmarketSans'; line-height: 1;}
.ht-lk > li{display: inline-block; vertical-align: top; font-size: 14px; color: #fff; line-height: 20px; margin-left: 10px;}
.ht-lk > li + li:before{content: ''; display: inline-block; vertical-align: top; width: 1px; height: 18px; background: #4c74a1; margin-top: 1px; margin-right: 14px;}
.ht-lk > li > a{ display: inline-block; vertical-align: top; padding-top: 2px;}

.ht-search{display: inline-block; vertical-align: middle; text-align: left; width: 260px; background: #4c74a1; padding: 4px; line-height: 1; border-radius: 5px; margin: 0 2%;}
.ht-search input[type='text']{vertical-align: top; width: calc(100% - 25px); height: 21px; background: none; font-size: 14px; color: #fff;}
.ht-search .sbt{display: inline-block; padding: 2px;}

.hd-bm {padding-top: 35px; border-bottom: 1px solid #cfcfcf; position: relative; z-index: 200;}
.hd-bm > .wid:after{content: ""; display: block; clear: both;}
.hd-bm a{text-decoration: none;}
.hd-bm a:hover{text-decoration: none;}

/*모바일 search 아이콘 숨김처리*/
a.mo-hdsr {display: none;}

.mo-mclo{display: none; text-align: right; padding: 22px 20px; line-height: 1;}


.depth3{display: none; font-family: 'NotoSans';}


/* sub layout */
.sub-vsl{height: 150px; background: linear-gradient(rgba(28, 38, 91, 0.2), rgba(28, 38, 91, 0.2)), url(/images/graduateNew/main/mvbg_01.jpg) center no-repeat; background-size: cover;}
.sub-vsl > div{overflow: hidden;}
.sub-vs-tx{text-align: center; margin-top: 35px; font-family: 'GmarketSans'; letter-spacing: -1px;}
.sub-vs-tx > h2{ font-size: 56px; color: #fff; line-height: 1; margin-bottom: 16px;}
.sub-vs-tx > p{/*text-shadow:3px 0 0 #333333;*/font-size: 17px; color: #fff; line-height: 22px; word-break: keep-all;}

.content-block > .wid{padding: 20px 0 100px;}
.left-area{float: left; width: 274px; font-family: 'GmarketSans'; letter-spacing: -1px;}
.lm-ti{height: 107px; /*background: url(/images/ithelpdesk/sub/left_tibg.jpg) center center no-repeat;*/ border-radius: 10px; border-top-right-radius: 56px; overflow: hidden; background-color: #3c497b;font-family: 'Pretendard', sans-serif; font-weight: bold;}
.lm-ti > h2{display: table; width: 100%; height: 100%;}
.lm-ti > h2 > span{display: table-cell; vertical-align: bottom; padding: 20px 24px; font-size: 27px; color: #fff; line-height: 30px;font-family: 'Pretendard', sans-serif; font-weight: bold;}
.left-menu > li{margin-top: 5px;}
.left-menu > li > a{display: block; font-size: 18px; color: #686868; line-height: 24px; background: #fff; padding: 14px 24px 10px; border: 1px solid #d7d7d7; border-radius: 10px; text-decoration: none;}
.left-menu > li > a.newWin{background: url(/images/graduateNew/common/nWindow_ic.png) no-repeat 96% 28%;}
.left-menu > li > a:hover{
    color: #4366c0;
    font-weight: bold;
}
.left-menu > li > ul{padding: 5px 10px 10px}
.left-menu > li > ul > li{margin-top: 5px; font-size: 16px; line-height: 20px; padding-left: 12px; position: relative;}
.left-menu > li > ul > li.on:before{background: #4366c0;}
.left-menu > li > ul > li:before{content: ''; position: absolute;left: 0;top: 12px;width: 7px;height: 7px;background: #999;border-radius: 50%;}
.left-menu > li > ul > li > a{
    display: inline-block;
    text-decoration: none;
    width: 100%;
    border-bottom: 1px dashed #cfd3df;
    padding: 0.45rem 1rem 0.3rem 0.5rem;
}
.left-menu > li.on > a{color: #FFF; background: #4366c0; font-weight: 500;}
.left-menu-depth2 {
    border: 1px solid #d9e8fb;
    border-top: none;
    border-radius: 0.5rem;
}
.left-menu-depth2 > li.on > a{font-weight: bold;color: #4366c0;}
.left-menu-depth2 > li > a:hover{border-bottom: 1px dashed #4366c0;}

.left-menu > li > .left-menu-depth2 > li > a.newWin{background: url(/images/graduateNew/common/nWindow_ic.png) no-repeat 96% 28%;}


.content-area{float: right; width: calc(97% - 274px);}

.line-map{text-align: right; line-height: 20px; margin-bottom: 30px;}
.line-map > li{display: inline-block; vertical-align: top; font-size: 14px; color: #828181; margin-right: 4px;}
.line-map > li img{/*margin-top: 2px;*/}
.line-map > li:after{content: ''; display: inline-block; vertical-align: top; width: 7px; height: 10px; background: url(/images/ithelpdesk/sub/lineMap_bg.jpg) no-repeat; margin-top: 6px; margin-left: 8px;}
.line-map > li:last-child{color: #333; margin-right: 0; font-weight: 500;}
.line-map > li:last-child:after{display: none;}

.pg-tit{font-family: 'GmarketSans'; font-size: 40px; color: #333; font-weight: 600; line-height: 1; letter-spacing: -1px; padding-top: 6px; margin-bottom: 10px;}

/* 모바일 */
@media screen and (max-width:768px) {
    .sub-vs-tx{margin-top: 28px;}
    .sub-vs-tx > h2{font-size: 23px;font-weight: bold;margin-bottom: 9px;opacity: 0.9;}
    .sub-vs-tx > p{font-size: 13px;line-height: 12px;font-weight: 500;opacity: 0.9;}
    .sub-vsl{height: 100px;}
}