@charset "utf-8";

/* 포인트 
    var(--point-color)
*/
/* 가이드 */
.user#sub #txt{position: relative; color:#353535; min-height: 28.5em;}
.user#sub #txt p{margin:1em 0;/* font-size:16px;*/}
.user#sub #txt h4{margin:1.73em 0 0.625em; font-weight:500; font-size:1.625em; color:#0F3192;}
.user#sub #txt h5{margin:1.818em 0 0.681em; font-weight:500; font-size:1.375em; color:#353535;}
.user#sub #txt h6{margin:0.684em 0 0.4em; font-weight:500; font-size:1.1875em; color:#353535;}



.user#sub #txt h4+p,
.user#sub #txt h5+p,
.user#sub #txt h6+p{margin-top:0;}
.user#sub #txt h4~h4{margin-top:1.923em;}
.user#sub #txt h4~h5{margin-top:1.818em;}

.user#sub #txt h4+h4,
.user#sub #txt h4+h5,
.user#sub #txt h5+h4,
.user#sub #txt h5+h5,
.user#sub #txt h5+h6{margin-top:0;}

.user#sub #txt h4:first-child,
.user#sub #txt h5:first-child,
.user#sub #txt h6:first-child{margin-top:0;}

@media screen and (max-width: 600px) {
	.user#sub #txt{font-size:1.3em;}
}

/*.user#sub #txt [data-list]{font-size:16px;}*/
.user#sub #txt [data-list]>li,
.user#sub #txt [data-table="wrap"][data-type="2"] [data-list]>li>span{position:relative; padding-left:0.9em;}
.user#sub #txt [data-table="wrap"][data-type="2"] [data-list]>li>span:before{display: inline-block;}
.user#sub #txt [data-list]>li:before,
.user#sub #txt [data-table="wrap"][data-type="2"] [data-list]>li>span:before{content:""; display:block; position:absolute;}
.user#sub #txt [data-table="wrap"][data-type="2"] [data-list]>li:before{display: none;}
.user#sub #txt [data-list="1"]>li:before,
.user#sub #txt [data-table="wrap"][data-type="2"] [data-list]>li>span:before{
	left:0.15em; top:0.55em; width:5px; height:5px; background-color:#0F3192;
	-webkit-border-radius:50%;
	border-radius:50%;
}
.user#sub #txt [data-list="2"]>li:before{left:0.2em; top:0.65em; width:0.35em; height:1px; background-color:#353535;}
.user#sub #txt [data-list] [data-list]{padding-left:0.2em; margin:0 0 0.3em 0;}

/*.user#sub #txt [list-num]{font-size:16px;}*/
.user#sub #txt [list-num]>li,
.user#sub #txt [data-table="wrap"][data-type="2"] [list-num]>li{position:relative; padding-left:1.2em;}
.user#sub #txt [data-table="wrap"][data-type="2"] [list-num]>li{display: inline-block;}
.user#sub #txt [list-num]>li>em{position: absolute; top: 0; left: 0; font-style: normal;}
.user#sub #txt [list-num] [list-num]{margin:0 0 0.3em 0;}

/* point */
.user#sub #txt [data-point="1"]{color:var(--point-color);}

/* btn */
.btn_wrap{display: block; margin-top: 2.8em;}
#txt .btn_wrap .btn{background-color: #0071D9;padding:10px 20px 13px 20px;border-radius:5px;color:#fff;margin-right:5px;font-weight:bold;}


/* table */
.user#sub #txt [data-table] > table{table-layout:fixed; border-collapse:collapse; width:100%; border-top:2px solid #555;}
.user#sub #txt [data-table] > table th,
.user#sub #txt [data-table] > table td{text-align:center; border-bottom:1px solid #D1D1D1; border-right:1px solid #D1D1D1;}
.user#sub #txt [data-table] > table th.border_left,
.user#sub #txt [data-table] > table td.border_left{border-left:1px solid #D1D1D1;}
.user#sub #txt [data-table] > table th:last-child,
.user#sub #txt [data-table] > table td:last-child{border-right:none;}
.user#sub #txt [data-table] > table th{padding:0.533em; font-weight:500; font-size:1.125em; color:#222;}
.user#sub #txt [data-table] > table th,
.user#sub #txt [data-table] > table .point{background-color:#F2F2F2;}
.user#sub #txt [data-table] > table td{padding:0.837em; font-weight:400; font-size:1em; color:#222;}
.user#sub #txt [data-table] > table .point b{font-size: 1.125em; font-weight: 500;}
.user#sub #txt [data-table] > table td img{max-width:100%;}
.user#sub #txt [data-table] > table .left{text-align:left;}
.user#sub #txt [data-table] > table .center{text-align:center;}
.user#sub #txt [data-table] > table .right{text-align:right;}
.user#sub #txt [data-table] > table .middle{vertical-align:top;}

/* table 2022-2025*/
.user#sub #txt [data-table][data-type="3"] > table{margin-top:1.3em;}
.user#sub #txt [data-table][data-type="3"] > table th,
.user#sub #txt [data-table][data-type="3"] > table td{text-align:center; border:1px solid #D1D1D1;}
.user#sub #txt [data-table][data-type="3"] > table th{padding:0.55em .2em; font-weight:500; font-size:.98em; color:#222;width:auto;}
.user#sub #txt [data-table][data-type="3"] > table td{padding:0.55em .2em; font-weight:400; font-size:.9em; color:#222;height:4em;}
.user#sub #txt [data-table][data-type="3"] > table .point{background-color:#fffff3}
.user#sub #txt [data-table][data-type="3"] > table .point b{font-size: .98em; font-weight: 500;}
.user#sub #txt [data-table][data-type="3"] > table .left{text-align:left;padding:0.55em .2em 0.55em .8em;}


.user#sub #txt [data-table][data-type="1"] > table th,
.user#sub #txt [data-table][data-type="1"] > table .point
.user#sub #txt [data-table][data-type="2"] > table th,
.user#sub #txt [data-table][data-type="2"] > table .point{background-color:#F1F4FC;}
.user#sub #txt [data-table][data-type="1"] > table td{font-size:1.125em;}

.user#sub #txt p+[data-table],
.user#sub #txt div+[data-table],
.user#sub #txt ul+[data-table],
.user#sub #txt ol+[data-table]{margin-top:2.5em;}
.user#sub #txt [data-list]>li>[data-table],
.user#sub #txt [list-num]>li>[data-table]{margin: 0.5em 0;}

@media screen and (max-width: 900px) {
    .user#sub #txt [data-table="wrap"]{overflow:auto; position:relative;}
    .user#sub #txt [data-table="wrap"] > table{width:650px;}
    /*Table_Scroll*/
	.user#sub #txt [data-table="wrap"]:before {content:"좌우로 터치해서 보세요."; font-size:0.95em; width:12em; margin:0 auto; box-sizing:border-box; padding:0 0 0 1.5em; line-height:25px; color:#046aa6; display:block; background:url(../../../images/site/skin/scroll_ico.png) no-repeat left top; height:auto; background-size:auto 100%; text-align: center; margin-bottom: 0.5em;}
	.user#sub #txt [data-table="wrap"][data-type="1"] > table{width:100%}
	.user#sub #txt [data-table="wrap"][data-type="1"]:before {content:"";padding:0;}
}

/* pdf_viewer */
.pdf_viewer {position:relative;}
.pdf_viewer .view {background:#000; height:949px;}
.pdf_viewer .view iframe {height:100% !important; border:0;}
@media screen and (max-width: 1024px){
    .pdf_viewer {padding:0;}
    .pdf_viewer .view {height:700px;}
    .pdf_viewer .view iframe {height:100% !important;}
}

/* 상단 이미지 박스 */
.t_intbx{display: table; table-layout: fixed; width: 100%; height: 12.1875em; background-color: #eee; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.t_intbx >div{display: table-cell; width: 100%; padding: 0 2em; vertical-align: middle; text-align: center;}
.t_intbx >div strong{display: block; font-family: 'Poppins'; font-weight: 700; color: #fff; font-size: 2.5em; line-height: 1.2; letter-spacing: -0.7px; box-sizing: border-box;}
.t_intbx >div span{color: #fff; font-weight: 300;}
@media screen and (max-width: 640px){
    .t_intbx{height: auto; min-height: 12.1875em; padding: 1.5em 0;}
    .t_intbx > strong{font-size: 2.2em;}
}

/* 연혁 */
.depart_his{}
.depart_his .t_intbx{background-image: url(../../../images/site/job/content/depart_his.png);}
.depart_his .his_list{position: relative; padding-top: 3em; overflow: hidden; box-sizing: border-box;}
.depart_his .his_list:before{content: ""; position: absolute; top: 0; left: 50%; display: block; width: 2px; height: 100%; margin-left: -1px; border-left: 2px dashed #DEDEDE; box-sizing: border-box;}
.depart_his .his_list:after{
    content: ""; position: absolute; top: 50%; right: 0.625em; display: block; width: 4.6875em; height: 25.4375em; background: url(../../../images/site/cswelfare/content/depart_his_img02.svg) no-repeat center center; background-size: contain;
    transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
.depart_his .his_list li{position: relative; z-index: 1; width: 50%; box-sizing: border-box;}
.depart_his .his_list li:not(:first-child){margin-top: 2.4375em;}
.depart_his .his_list li:nth-child(2n+1){margin-left: 50%; padding-left: 2em;}
.depart_his .his_list li:nth-child(2n){text-align: right; padding-right: 2em;}
.depart_his .his_list li:before{
    content: ""; position: absolute; top: 0.4em; z-index: 1; display: block; width: 0.625em; height: 0.625em; border: 3px solid #0F3192; background-color: #fff; box-sizing: border-box;
    border-radius: 50%; -webkit-border-radius: 50%;
}
.depart_his .his_list li:last-child:after{content: ""; position: absolute; top: 0; left: 0; display: block; width: calc(100% + 2px); height: 100%; margin-left: -1px; margin-top: 10px; background-color: #fff;}
.depart_his .his_list li:nth-child(2n+1):before{left: -0.3125em;}
.depart_his .his_list li:nth-child(2n):before{right: -0.3125em;}
.depart_his .his_list li .yy{position: relative; z-index: 1; display: block; font-family: 'Poppins'; color: #0F3192; font-weight: 700; font-size: 1.875em; line-height: 1; letter-spacing: -0.7px;}
.depart_his .his_list li span{position: relative;z-index: 1; display: block; letter-spacing: -0.7px;}
.depart_his .his_list li span:first-of-type{margin-top: 0.4em;}
.depart_his .his_list li span:not(:first-of-type){margin-top: 0.25em;}
@media screen and (max-width: 640px){
    .depart_his .his_list:after{display: none;}
}
@media screen and (max-width: 420px){
    .depart_his .his_list:before{left: 1em;}
    .depart_his .his_list li{width: 100%;}
    .depart_his .his_list li:nth-child(2n+1){margin-left: 0; padding-left: 2em;}
    .depart_his .his_list li:nth-child(2n){text-align: left; padding-left: 2em; padding-right: 0;}
    .depart_his .his_list li:before{}
    .depart_his .his_list li:nth-child(2n+1):before{left: calc(1em - 0.3125em);}
    .depart_his .his_list li:nth-child(2n):before{left: calc(1em - 0.3125em); right: auto;}
}

/* 오시는길 */
.depart_map{}
.depart_map .map_bx{margin-bottom: 1em;}
.depart_map .map_bx #map{width: 100%; height: 27.9375em; background-color: #eee;}
.depart_map .map_bx .maptxt_bx{position: relative; min-height: 4.375em; padding: 1.125em 2em 1.125em 4.375em; background-color: #222; box-sizing: border-box;}
.depart_map .map_bx .maptxt_bx:before{content: ""; position: absolute; top: 0; left: 0; display:block; width: 4.375em; height: 100%; background: #0F3192 url(../../images/site/cswelfare/content/depart_map_img02.svg) no-repeat center center; background-size: 1.5625em auto;}
.depart_map .map_bx .maptxt_bx strong{display: block; margin-left: 1.3em; color: #fff; font-size: 1.4375em; font-weight: 500;}
.depart_map ul li.tel span{display: inline-block;}
.depart_map ul li.tel span:not(:first-child){position: relative; margin-left: 0.625em; padding-left: 0.625em; box-sizing: border-box;}
.depart_map ul li.tel span:not(:first-child):before{content: ""; position: absolute; top: 0.35em; left: 0; display: block; width: 1px; height: 0.9em; background-color: #353535;}
@media screen and (max-width: 1024px){
    
}
@media screen and (max-width: 640px){
    .depart_map .map_bx #map{height: 22em;}
}

/*동영상 박스*/
.video_box{background-color: #F2F2F2;}
.video_box .iframe_w{display: block; width: 700px; height: 420px; margin: 0 auto;}
.video_box .iframe_w iframe,
.video_box .iframe_w video{width: 100% !important; height: 100% !important;}
@media screen and (max-width: 640px){
    .video_box .iframe_w{display: block; width: 100%; height: 20em !important; margin: 0 auto;}
}
@media screen and (max-width: 420px){
    .video_box .iframe_w{height: 16em !important;}
}


/*단계별 리스트 */
.level_list:after{content: ""; display: block; clear: both;}
.level_list li{position: relative; text-align: center;}
.level_list li:not(:last-child):after{content: ""; display: block; width: 2.375em; height: 2.375em; margin: 1.25em auto; background: url(../../images/site/common/level_list_03.svg) no-repeat center center; background-size: contain; }
.level_list li span{position: relative; display: block; padding: 1.2em 1em; font-size: 1.625em; font-weight: 500; color: #fff; background: url(../../images/site/common/level_list_02.svg) no-repeat center center; background-size: cover; }
.level_list li span:before{content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: url(../../images/site/common/level_list.png) no-repeat center center; background-size: cover;}

@media screen and (max-width: 1024px){
    .level_list{font-size: 0.8em;}
}

.blist_box{}
.blist_box >ul{}
.blist_box >ul >li{display: table; table-layout: fixed; width: 100%; padding: 1.875em 0; background: url(../../images/site/common/blist_box.png) no-repeat bottom -1px right -1px; background-size: 6.9375em 9.3125em; border: 2px solid #369FFF; box-sizing: border-box;}
.blist_box >ul >li:not(:first-child){margin-top: 0.94em;}
.blist_box >ul >li >.tits,
.blist_box >ul >li >.txts{display: table-cell; vertical-align: middle;}
.blist_box >ul >li >.tits{width: 29%; padding: 0 1em; text-align: center; font-size: 1.625em; color: #0084FE; box-sizing: border-box;}
.blist_box >ul >li >.txts{padding: 0 6em 0 0; line-height: 1.6; box-sizing: border-box;}
.blist_box >ul >li >ul.txts{}
.blist_box >ul >li >ul.txts li{position: relative; padding-left: 1.2em; line-height: 1.1875; box-sizing: border-box;}
.blist_box >ul >li >ul.txts li:not(:first-child){margin-top: 0.563em;}
.blist_box >ul >li >ul.txts li:before{
    content: ""; position: absolute; top: 0.27em; left: 0; display: inline-block; width: 10px; height: 10px; background-color: #fff; border: 3px solid #207FD7; box-sizing: border-box;
    border-radius: 50%; -webkit-border-radius: 50%;
}

@media screen and (max-width: 1024px){
    .blist_box >ul >li >ul.txts li{padding-left: 1em;}
    .blist_box >ul >li >ul.txts li:before{top: 0.35em; width: 8px; height: 8px; border-width: 2px;}
}
@media screen and (max-width: 640px){
    .blist_box >ul >li{display: block; table-layout: auto; padding: 1.5em 2em;}
    .blist_box >ul >li >.tits,
    .blist_box >ul >li >.txts{display: block; vertical-align: inherit;}
    .blist_box >ul >li >.tits{width: 100%; text-align: left; padding: 0;}
    .blist_box >ul >li >.txts{margin-top: 1em; padding: 0;}
    .blist_box >ul >li >ul.txts li:before{width: 7px; height: 7px;}
}
@media screen and (max-width: 480px){
    .blist_box >ul >li{padding: 5%;}
}

/*학과소개 평면도*/
.floor_box{width: 100%;}
.floor_box .img_box{position: relative; width: 100%; border: 1px solid #DEDEDE; box-sizing: border-box;}
.floor_box .img_box img{display: block; width: 100%;}
.floor_box .img_box .btn_box{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.floor_box .img_box .btn_box .btns{
    position: absolute;
    transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);
}

/*졸업 후 진로 리스트*/
.dlist_box{}
.dlist_box:after{content: ""; display: block; clear: both;}
.dlist_box >li{float: left; width: 12.5em;}
.dlist_box >li:not(:first-child){margin-left: 1.5625em;}
.dlist_box >li >.tits{display: table; table-layout: fixed; width: 100%; height: 7.625em; padding: 1em; text-align: center; background: url(../../../images/site/common/dlist_box.png) no-repeat bottom -1px right -1px; background-size: 6.9375em 9.3125em; border: 2px solid #369FFF; box-sizing: border-box;}
.dlist_box >li >.tits >span{display: table-cell; vertical-align: middle; color: 
#0084FE; font-size: 1.625em; font-weight: 600;}
.dlist_box >li >ul{ }
.dlist_box >li >ul >li{position: relative; display: block; margin-top: 0.625em; padding: 1.1em 1em; background-color: #F9F3EB; text-align: center; box-sizing: border-box;}
.dlist_box >li >ul >li:before{content: ""; position: absolute; bottom: 100%; left: 50%; display: inline-block; width: 2px; height: 0.625em; margin-left: -1px; background: url(../../../images/site/common/dlist_box02.png) repeat-y top center; background-size: 100% auto; box-sizing: border-box; }

@media screen and (max-width: 640px){
    .dlist_box >li{width: 100%;}
    .dlist_box >li:not(:first-child){margin-left: 0; margin-top: 1.5em;}
    .dlist_box >li >.tits{height: 5em; background-size: 4em auto;}
}

/*프로그램 학습성과*/
.left_list{}
.left_list ol{}
.left_list ol:after{content: ""; display: block; clear: both;}
.left_list ol li{position: relative; padding-left: 7.1875em; box-sizing: border-box;}
.left_list ol li:not(:first-child){margin-top: 0.9375em;}
.left_list ol li em{position: absolute; top: 0; left: 0; display: table; table-layout: fixed; width: 6.25em; height: 100%;  text-align: center; font-style: normal; color: #fff; font-weight: 500;}
.left_list ol li em span{display: table-cell; vertical-align: middle; line-height: 1; font-size: 1.125em; background: url(../../../images/site/common/left_list.svg) no-repeat center center; background-size: cover;}
.left_list ol li em span:before{content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: url(../../../images/site/common/left_list.png) center center; z-index: 1;}
.left_list ol li >span{position: relative; display: block; padding: 1.625em 2.25em; background-color: #F9F3EB; box-sizing: border-box;}
.left_list ol li >span:before{content: ""; position: absolute; top: 50%; left: -0.9375em; display: block; width: 0.9375em; height: 2px; margin-top: -1px; background: url(../../../images/site/common/left_list_02.svg) repeat-x center center; background-size: auto 100%; }
.left_list ol li >span:after{
    content: ""; position: absolute; top: 50%; left: calc(-0.9375em - 5px); width: 10px; height: 10px; margin-top: -5px; background-color: #fff; border: 3px solid #E6D9C7; box-sizing: border-box;
    border-radius: 50%; -webkit-border-radius: 50%;
}
@media screen and (max-width: 640px){
    .left_list ol li{padding-left: 6.95em;}
    .left_list ol li em{width: 6em}
    .left_list ol li >span{padding: 1.5em 2em;}
    .left_list ol li >span:after{left: calc(-0.9375em - 4px); width: 8px; height: 8px; margin-top: -4px; border: 2px solid #E6D9C7;}
}
@media screen and (max-width: 420px){
    .left_list ol li{padding-left: 6em;}
    .left_list ol li em{width: 5em}
    .left_list ol li >span{padding: 1em 1.5em;}
}


/*단과대 소개*/
.college_hi{padding-bottom: 1.75em; box-sizing: border-box;}
.college_hi .hihihi{position: relative; height: 26.75em; box-sizing: border-box; background: url(../../../images/site/aisw/content/hi_head.png) no-repeat left center; background-size: cover;}
.college_hi .hihihi .boxs{position: absolute; bottom: -1.75em; right: 0; height: 100%; width: 22.6875em; padding: 3.125em 2.5em; background: #AB9982; box-sizing: border-box; box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.25);}
.college_hi .hihihi .boxs:before{content: ""; position: absolute; bottom: 0; right: 0; display: block; width: 15.5625em; height: 16.875em; background:  url(../../../images/site/common/college_hi01.png) no-repeat right bottom; background-size: contain;  z-index: 1;}
.college_hi .hihihi .boxs .tts{display: block; font-family: 'AritaBuri'; font-size: 2.25em; color: #fff; font-weight: 300; line-height: 1.33;}
.college_hi .hihihi .boxs .tts span{display: block; font-weight: 700; }
.college_hi .hihihi .boxs .bb{position: relative; display: block; padding-top: 11.4em; font-size: 1.125em; color: #fff; box-sizing: border-box;}
.college_hi .hihihi .boxs .bb:before{content: ""; position: absolute; top: 50%; left: 0.5em; display: block; width: 1px; height: 8.66em; margin-top: -5em; background-color: rgba(255, 255, 255, 0.64);}
@media screen and (max-width: 1024px){
    .college_hi{font-size: 0.9em;}
    .college_hi .hihihi{height: 23em;}
    .college_hi .hihihi .boxs{width: 20em; padding: 2.5em 2em;}
    .college_hi .hihihi .boxs:before{width: 12.45em; height: 13.5em;}
    .college_hi .hihihi .boxs .bb{padding-top: 8em;}
    .college_hi .hihihi .boxs .bb:before{height: 6em; margin-top: -4.7em; }
}

/*단과대 연혁*/
.historys{}
.historys .wraps{}
.historys .wraps .years{position: relative; display: table; table-layout: fixed; width: 100%; height: 7.5625em; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.historys .wraps.ff .years{background-image: url(../../../images/site/common/college_his01.png);}
.historys .wraps.ss .years{background-image: url(../../../images/site/common/college_his02.png);}
.historys .wraps.tt .years{background-image: url(../../../images/site/common/college_his03.png);}
.historys .wraps .years .titles{display: table-cell; vertical-align: middle; font-family: 'Poppins'; text-align: center; font-size: 2.6875em; color: #fff;}
.historys .wraps .his_list{}
.historys .wraps .his_list{position: relative; padding-top: 2.8125em; padding-bottom: 1.875em; overflow: hidden; box-sizing: border-box;}
.historys .wraps:last-child .his_list{padding-bottom: 0;}
.historys .wraps .his_list:before{content: ""; position: absolute; top: 0; left: 50%; display: block; width: 2px; height: 100%; margin-left: -1px; border-left: 2px dashed #DEDEDE; box-sizing: border-box;}
.historys .wraps:nth-child(2) .his_list:after{
    content: ""; position: absolute; top: 50%; right: 0.625em; display: block; width: 4.6875em; height: 25.4375em; background: url(../../../images/site/cswelfare/content/depart_his_img02.svg) no-repeat center center; background-size: contain;
    transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
.historys .wraps .his_list li{position: relative; z-index: 1; width: 50%; box-sizing: border-box;}
.historys .wraps .his_list li:not(:first-child){margin-top: 2.4375em;}
.historys .wraps .his_list li:nth-child(2n+1){margin-left: 50%; padding-left: 2em;}
.historys .wraps .his_list li:nth-child(2n){text-align: right; padding-right: 2em;}
.historys .wraps .his_list li:before{
    content: ""; position: absolute; top: 0.4em; z-index: 1; display: block; width: 0.625em; height: 0.625em; border: 3px solid #0F3192; background-color: #fff; box-sizing: border-box;
    border-radius: 50%; -webkit-border-radius: 50%;
}
.historys .wraps:last-child .his_list li:last-child:after{content: ""; position: absolute; top: 0; left: 0; display: block; width: calc(100% + 2px); height: 100%; margin-left: -1px; margin-top: 10px; background-color: #fff;}
.historys .wraps:first-child .his_list li:first-child:after{content: ""; position: absolute; top: -2.8125em; left: 0; display: block; width: calc(100% + 2px); height: 2.8125em; margin-left: -1px; margin-bottom: 10px; background-color: #fff;}
.historys .wraps .his_list li:nth-child(2n+1):before{left: -0.3125em;}
.historys .wraps .his_list li:nth-child(2n):before{right: -0.3125em;}
.historys .wraps .his_list li .yy{position: relative; z-index: 1; display: block; font-family: 'Poppins'; color: #0F3192; font-weight: 700; font-size: 1.875em; line-height: 1; letter-spacing: -0.7px;}
.historys .wraps .his_list li span{position: relative;z-index: 1; display: block; letter-spacing: -0.7px;}
.historys .wraps .his_list li span:first-of-type{margin-top: 0.4em;}
.historys .wraps .his_list li span:not(:first-of-type){margin-top: 0.25em;}
@media screen and (max-width: 640px){
    .historys .wraps:nth-child(2) .his_list:after{display: none;}
    .historys .wraps .years{height:6em; }
}
@media screen and (max-width: 420px){
    .historys .wraps .his_list:before{left: 1em;}
    .historys .wraps .his_list li{width: 100%;}
    .historys .wraps .his_list li:nth-child(2n+1){margin-left: 0; padding-left: 2em;}
    .historys .wraps .his_list li:nth-child(2n){text-align: left; padding-left: 2em; padding-right: 0;}
    .historys .wraps .his_list li:before{}
    .historys .wraps .his_list li:nth-child(2n+1):before{left: calc(1em - 0.3125em);}
    .historys .wraps .his_list li:nth-child(2n):before{left: calc(1em - 0.3125em); right: auto;}
}
    
/*단과대 오른쪽 타이틀 리스트*/
.d_objects{position: relative; padding-right: 33%; box-sizing: border-box; }
.d_objects .titles{
    position: absolute; top: 0; right: 0; z-index: 1; width: 17%; height: 100%; overflow: hidden; background: url(../../../images/site/common/d_objects_02.svg) no-repeat center center; background-size: cover;
    border-radius: 211px;
}
.d_objects .titles:before{content: ""; position: absolute; top: 0; left: 0; z-index: -1; display: block; width: 100%; height: 100%; background: url(../../../images/site/common/d_objects_01.png) center center; background-size: auto; }
.d_objects .titles strong{
    position: absolute; top: 50%;left: 0; display: block; width: 100%; text-align: center; color: #fff; font-size: 1.875em; line-height: 1.2; font-weight: 500;
    transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
.d_objects .txts{position: relative; }
.d_objects .txts:before{
    content: ""; position: absolute; top: 50%; right: -16.5%; display: block; width: 3em; height: 5.1875em; background: url(../../../images/site/common/d_objects_03.svg) no-repeat center center; background-size: contain; 
    transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
.d_objects .txts .tt{
    display: block; width: 100%; margin-bottom: 1.375em; padding: 1.5em 10%;  border: 1px solid #369FFF; box-sizing: border-box;
    border-radius: 107px; -webkit-border-radius: 107px;
}
.d_objects .txts .tt span{font-size: 1.375em;}
.d_objects .txts .ss{position: relative;}
.d_objects .txts .ss > li{
    background-color: #F9F3EB; padding: 1.5em 10%; box-sizing: border-box;
    border-radius: 107px; -webkit-border-radius: 107px;
}
.d_objects .txts .ss > li:not(:first-child){margin-top: 1.375em;}
.d_objects .txts .ss > li > span{font-size: 1.375em; font-weight: 500;}
.d_objects .txts .ss.list > li > span{position: relative; display: inline-block; padding-left: 1em;}
.d_objects .txts .ss.list > li > span:before{
    content: ""; position: absolute; top: 0.5em; left: 0; display: block; width: 10px; height: 10px; border: 3px solid #207FD7; box-sizing: border-box;
    border-radius: 50%; -webkit-border-radius: 50%;
}
.d_objects .txts .ss > li > span em{display: inline-block; margin-right: 0.5em; font-style: normal; font-family: 'poppins'; color: #207FD7; font-weight: 600;}
@media screen and (max-width: 640px) {
    .d_objects{padding-right: 0;}
    .d_objects .titles{position: relative; top: auto; right: auto; width: 100%; }
    .d_objects .titles strong{
        position: relative; top: auto; right: auto; padding: 1em; box-sizing: border-box;
        transform: translateY(0); -webkit-transform: translateY(0);
    }
    .d_objects .txts{margin-top: 4em;}
    .d_objects .txts:before{
        top:-4.5em; right: calc(50% + 1.5em); background-size: 60%;
        transform: rotate(90deg) translateY(-50%); -webkit-transform: rotate(90deg) translateY(-50%);
    } 
    .d_objects .txts .tt,
    .d_objects .txts .ss > li{padding: 1.2em 8%;}
    .d_objects .txts .tt{margin-bottom: 1em;}
    .d_objects .txts .ss > li:not(:first-child){margin-top: 1em;}
    .d_objects .txts .ss.list > li > span{padding-left: 0.8em;}
    .d_objects .txts .ss.list > li > span:before{top: 0.5em; left: 0; width: 8px; height: 8px; border: 2px solid #207FD7;}
}

/*단과대 학과 소개*/
.coll_int{position: relative; padding-bottom: /*10%*/1.6875em; box-sizing: border-box;}
.coll_int .boxs{position: relative; height: 16.375em; background-color: #161616;}
.coll_int .boxs:before{
    content: ""; position: absolute; top: 50%; right: 2%; display: block; width: 25.25em/*36%*/; height: 9.4375em; background: url(../../../images/site/common/coll_int_03.svg) no-repeat right center; background-size: contain;
    transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
.coll_int .boxs span{position: absolute; bottom: -10%/*-2.6875em*/; left: 3%; display: block; width: 42%; height: 100%; text-indent: -9999px; background-image: url(../../../images/site/common/coll_int_01.png); background-repeat: no-repeat; background-position: center center; background-size: cover; box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.25);}
.coll_int .boxs span:before{content: ""; position: absolute; right: -37.77%; bottom: 10%; display: block; width: 37.77%; height: 12em; background: url(../../../images/site/common/coll_int_02.png) no-repeat bottom center; background-size: contain;}

@media screen and (max-width: 1200px) and (min-width: 1025px) {
    .coll_int .boxs:before{background-size: 80%;}
}

@media screen and (max-width: 1024px) {
    .coll_int .boxs:before{background-size: 90%;}
}
@media screen and (max-width: 840px){
    .coll_int .boxs:before{background-size: 75%;}
}

@media screen and (max-width: 640px) {
    .coll_int .boxs{height: 14em;}
}
@media screen and (max-width: 540px) {
    .coll_int .boxs{height: 14em;}
    .coll_int .boxs:before{
        top: 2em; right: 2em; background-size: contain; font-size: 0.7em;
        transform: translateY(0); -webkit-transform: translateY(0);
    }
    .coll_int .boxs span{left: 1.5em; width: 15em; height: 10em; }
    .coll_int .boxs span:before{bottom: 1.4em;}
}
@media screen and (max-width: 420px) {
    .coll_int .boxs:before{font-size: 0.6em;}
    .coll_int .boxs span{left: 1.5em; width: 13em; height: 9em; }
}

/*사이트맵*/
.sitemap{overflow: hidden;}
.sitemap >ul{border-bottom: 1px solid #757575; box-sizing: border-box;}
.sitemap >ul:after{content: ""; display: block; clear: both;}
.sitemap >ul >li{position: relative; display: inline-block; width: calc((100% - 9px - 6.125em) / 4); vertical-align: top;}
.sitemap >ul >li:not(:nth-child(4n+1)){margin-left: 1.875em;}
.sitemap >ul >li:nth-child(4n+1):before{content: ""; position: absolute; top: 0; left: 0;  z-index: -1; display: block; /*width: 100vw;*/ height: 1px; background-color: #757575;}
.sitemap >ul >li:not(:nth-child(4n+1)):before{content: ""; position: absolute; z-index: 1; top: 0; left: calc(-1.875em - 3px); display: block; width: calc(1.875em + 3px); height: 1px; background-color: #fff;}
.sitemap >ul >li:after{content: ""; position: absolute; z-index: 0; bottom: 0; left: calc(-1.875em - 3px); display: block; width: calc(1.875em + 3px); height: 1px; background-color: #ddd;}
.sitemap >ul >li >a{position: relative; display: block; background-color: #F1F4FC; text-align: center; font-size: 1.125em; font-weight: 500; color: #222222; padding: 0.556em; border-top: 1px solid #757575; box-sizing: border-box;}
.sitemap >ul >li >div{position: relative; z-index: 1; display: block !important; background-color: #fff;}
.sitemap >ul >li >div:before{content: ""; position: absolute; top: 0.5px; left: calc(-1.875em - 3px); z-index: 0; display: block; width: calc(1.875em + 3px); height: 100vh; background-color: #fff;}
.sitemap >ul >li:last-child >div:after{content: ""; position: absolute; top: 1px; left: 100%; z-index: 0; display: block; width: 100vw; height: 100vh; background-color: #fff;}
.sitemap >ul >li >div >ul{padding: 0.75em 10% 1.25em; box-sizing: border-box;}
.sitemap >ul >li >div >ul >li{position: relative; padding-left: 0.7em; box-sizing: border-box;}
.sitemap >ul >li >div >ul >li >a >span{color:#454545; }
.sitemap >ul >li >div >ul >li:before{
    content: ""; position: absolute; top: 0.67em; left: 0; display: block; width: 4px; height: 4px; background-color: #CCC; 
    border-radius: 50%; -webkit-border-radius: 50%;
}
.sitemap >ul >li >div >ul >li:not(:first-child){margin-top: 0.8em;}
.sitemap >ul >li >div >ul >li > div{display: none;}
.sitemap >ul >li >div >strong{display: none;}
@media screen and (max-width: 1200px){
    .sitemap >ul >li{width: calc((100% - 6px - 3.75em) / 3);}
    .sitemap >ul >li:not(:nth-child(4n+1)){margin-left: 0;}
    .sitemap >ul >li:not(:nth-child(3n+1)){margin-left: 1.875em;}
    .sitemap >ul >li:nth-child(3n+1):before{content: ""; position: absolute; top: 0; left: 0;  z-index: -1; display: block; width: 100vw; height: 1px; background-color: #757575;}
    .sitemap >ul >li:not(:nth-child(3n+1)):before{content: ""; position: absolute; z-index: 1; top: 0; left: calc(-1.875em - 3px); display: block; width: calc(1.875em + 3px); height: 1px; background-color: #fff;}
    
}
@media screen and (max-width: 1024px){
    .sitemap >ul >li{width: calc((100% - 6px - 3em) / 3);}
    .sitemap >ul >li:not(:nth-child(3n+1)){margin-left: 1.5em;}
    .sitemap >ul >li:nth-child(3n+1):before{content: ""; position: absolute; top: 0; left: 0;  z-index: -1; display: block; width: 100vw; height: 1px; background-color: #757575;}
    .sitemap >ul >li:not(:nth-child(3n+1)):before{content: ""; position: absolute; z-index: 1; top: 0; left: calc(-1.5em - 3px); display: block; width: calc(1.5em + 3px); height: 1px; background-color: #fff;}
    .sitemap >ul >li >div:before{left: calc(-1.5em - 3px); width: calc(1.5em + 3px); }
    .sitemap >ul >li >div >ul >li:not(:first-child){margin-top: 0.6em;}
}
@media screen and (max-width: 640px){
    .sitemap >ul >li{width: calc((100% - 3px - 1.2em) / 2);}
    .sitemap >ul >li:not(:nth-child(3n+1)){margin-left: 0;}
    .sitemap >ul >li:not(:nth-child(2n+1)){margin-left: 1.2em;}
    .sitemap >ul >li:nth-child(2n+1):before{content: ""; position: absolute; top: 0; left: 0;  z-index: -1; display: block; width: 100vw; height: 1px; background-color: #757575;}
    .sitemap >ul >li:not(:nth-child(2n+1)):before{content: ""; position: absolute; z-index: 1; top: 0; left: calc(-1.2em - 3px); display: block; width: calc(1.2em + 3px); height: 1px; background-color: #fff;}
    .sitemap >ul >li >div:before{left: calc(-1.2em - 3px); width: calc(1.2em + 3px); }
    .sitemap >ul >li >div >ul >li:not(:first-child){margin-top: 0.4em;}
}
@media screen and (max-width: 360px){
    .sitemap >ul >li{width: 100%;}
    .sitemap >ul >li:not(:nth-child(2n+1)){margin-left: 0;}
    .sitemap >ul >li >div >ul{padding: 0.75em 2em 1.25em;}
}

/* 2022 나섬이 찾기 이벤트 */
#nasum{position: absolute; width: auto; height: 5.8125em; z-index: 1;}
#nasum > a{display: inline-block; width: auto; height: 100%;}
#nasum > a > img{display: inline-block; width: auto; height: 100%;}
#nasum > a > span{display: inline-block; text-indent: -9999px;}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	로그인

///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#login_w{font-size:15px;}
[data-item="login"]{padding:2.625em 2.625em 3.25em 2.625em; margin-top:1em; letter-spacing:-0.04em; background-color:#F2F5FA; background-image:url(../../../../images/site/kor/content/login_bg.svg); background-repeat:no-repeat; background-position:right bottom; background-size:auto auto;}
[data-item="login"]>.in{text-align:center;}
[data-item="login"]>.in>.head{font-size:1.4375em; color:#222;}
[data-item="login"]>.in>.head>strong{font-weight:400;}
[data-item="login"]>.in>.midd{max-width:23.125em; margin:1em auto 0;}
[data-item="login"]>.in>.midd input[type="text"],
[data-item="login"]>.in>.midd input[type="password"]{width:100%; height:2.5em; font-size:1em; border:1px solid #E5E5E5; color:#666; background-color:#fff;}
[data-item="login"]>.in>.midd input[type="submit"]{width:100%; height:2.5em; font-size:1em; color:#fff; background-color:#082B52;}
[data-item="login"]>.in>.midd input:nth-child(n+2){margin-top:0.3125em;}
[data-item="login"]>.in>.midd input[type="submit"]{margin-top:0.625em;}
[data-item="login"]>.in>.foot{margin-top:1em; color:#222;}

@media screen and (max-width: 400px){
	[data-item="login"]{font-size:0.9em;}
}



/*학과소개*/
[data-depart-box="1"]{position: relative;}
[data-depart-box="1"] .txts{width: 27.3125em; min-height: 17.75em; padding: 1.625em 2em; background-size: 100% auto; background-repeat: no-repeat; background-position: bottom right; box-sizing: border-box;}
[data-depart-box="1"] .txts .eng{display: block; font-family: 'Poppins'; font-size: 1.07em; color: rgba(255, 255, 255, 0.7); letter-spacing: -0.013em; line-height: 2.35; text-shadow: 2px 2px 10px #4C8420;}
[data-depart-box="1"] .txts .tt{display: block; font-size: 2.1875em; line-height: 1.1; color: #fff; text-shadow: 2px 2px 10px #4C8420; letter-spacing: -0.009em;}
[data-depart-box="1"] .imgs{position: absolute; top: 0; right: 0; width: calc(100% - 27.3125em); height: 100%; text-indent: -9999px; background-repeat: no-repeat; background-position: center center; background-size: cover; box-sizing: border-box;}
@media screen and (max-width: 1024px){
    [data-depart-box="1"]{font-size: 0.85em;}
    [data-depart-box="3"]>ul>li{font-size: 0.825em;}
} 
@media screen and (max-width: 480px){
    [data-depart-box="1"]{}
    [data-depart-box="1"] .txts{width: 100%; height: 16em; min-height: auto; background-size: 28em;}
    [data-depart-box="1"] .imgs{display: none;}
}
@media screen and (max-width: 360px){
    [data-depart-box="1"] .txts{background-size: 25em;}
}

[data-depart-box="1"]+[data-depart-box="2"]{margin-top: 2.25em;}
[data-depart-box="2"]{
    padding: 2.25em; box-sizing: border-box;
    border-radius: 10px; -webkit-border-radius: 10px;
}
[data-depart-box="2"] >ol{}
[data-depart-box="2"] >ol>li{position: relative; padding-left: 2.5em; color: #222; letter-spacing: -0.03em;}
[data-depart-box="2"] >ol>li:not(:first-child){margin-top: 1.25em;}
[data-depart-box="2"] >ol>li>em{position: absolute; top: 0.1em; left: 0; z-index: 1; font-style: normal; font-weight: 600; font-family:'Poppins'; color: #fff;}
[data-depart-box="2"] >ol>li>em:before{
    content: ""; display: block; position: absolute; top: 50%; left: 50%; z-index: -1; width: 2.125em; height: 2.125em; margin-top: -1.1em; margin-left: -1em;
    border-radius: 50%; -webkit-border-radius: 50%;
}
@media screen and (max-width: 1024px){
    [data-depart-box="2"]{padding: 2em;}
}
@media screen and (max-width: 600px){
    [data-depart-box="2"]{padding: 1.75em;}
    [data-depart-box="2"] >ol>li:not(:first-child){margin-top: 1em;}
}

[data-depart-box="3"]{}
[data-depart-box="3"]>ul{}
[data-depart-box="3"]>ul:after{content: ""; display: block; clear: both; }
[data-depart-box="3"]>ul>li{
    position: relative; float: left; width: 13.75em; margin-left: calc((100% - 1px - (13.75em * 4)) / 3);
    transition: font-size 0.2s linear;
}
[data-depart-box="3"]>ul>li:first-child{margin-left: 0;}
[data-depart-box="3"]>ul>li:nth-child(2n-2){margin-top: 2.6875em;}
[data-depart-box="3"]>ul>li>i{
    display: table; table-layout: fixed; position: relative; width: 13.75em; height: 13.75em; border-width: 0.5em; border-style: solid; margin-bottom: 2.625em; box-sizing: border-box;
    border-radius: 50%; -webkit-border-radius: 50%; text-align: center; 
}
[data-depart-box="3"]>ul>li>i>span:before{content: ""; display: block; z-index: 1; width: 3.75em; height: 3.75em; margin: 0 auto;  background-repeat: no-repeat; background-position: center center; background-size: 100% auto;}
[data-depart-box="3"]>ul>li>i>span{
    display: table-cell; vertical-align: middle; width: 100%; vertical-align: middle;
    border-radius: 50%; -webkit-border-radius: 50%;
}
[data-depart-box="3"]>ul>li>i>span>span{display: block; padding: 0 1em; font-size: 1.1875em; color: #fff; font-style: normal; font-weight: 400; margin-top: 0.25em; letter-spacing: -0.05em; line-height: 1.2;}
[data-depart-box="3"]>ul>li>i>span:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; width: 1px; height: 1.5em; margin-left: -0.5px;}
[data-depart-box="3"]>ul>li>i:after{
    content: ""; display: block; position: absolute; top: calc(100% + 1.5em); left: 50%;
    width: 10px; height: 10px; margin-left: -5px; border: 2px solid #D7D7D7; box-sizing: border-box;
    border-radius: 50%; -webkit-border-radius: 50%;
}
[data-depart-box="3"]>ul>li>span{display: block; text-align: center; color: #222; font-size: 16px; letter-spacing: -0.03em;}

@media screen and (max-width: 1440px){
    [data-depart-box="3"]>ul>li{font-size: 0.9em;}
}
@media screen and (max-width: 1280px){
    [data-depart-box="3"]>ul>li{font-size: 0.8em;}
    [data-depart-box="3"]>ul>li>i>span>span{font-size: 1.35em;}
}
@media screen and (max-width: 1180px){
    [data-depart-box="3"]>ul>li{font-size: 0.7em;}
}
@media screen and (max-width: 1080px){
    [data-depart-box="3"]>ul>li{font-size: 0.65em;}
}
@media screen and (max-width: 1024px){
    [data-depart-box="3"]>ul>li{font-size: 0.825em;}
}
@media screen and (max-width: 840px){
    [data-depart-box="3"]>ul>li{font-size: 0.7em;}
}
@media screen and (max-width: 740px){
    [data-depart-box="3"]>ul>li{font-size: 0.615em;}
}
@media screen and (max-width: 600px){
    [data-depart-box="3"]>ul>li>span{font-size: 13px;}
}
@media screen and (max-width: 480px){
    [data-depart-box="3"]>ul{max-width: 30em; margin: 0 auto;}
    [data-depart-box="3"]>ul>li{float: none;  display: inline-block; font-size: 1em; margin-left: 0; vertical-align: top;}
    [data-depart-box="3"]>ul>li:nth-child(2n-2){margin-top: 0; margin-left: calc((100% - 1px - 5px - (13.75em * 2)) / 1);}
    [data-depart-box="3"]>ul>li:nth-child(n+3){margin-top: 2.4em;}
    [data-depart-box="3"]>ul>li>i{margin: 0 auto 2.625em;}
    [data-depart-box="3"]>ul>li>i>span>span{margin-top: 0.4em; font-size: 1.2em;}
}
@media screen and (max-width: 420px){
    [data-depart-box="3"]>ul>li{font-size: 0.9em;}
}
@media screen and (max-width: 380px){
    [data-depart-box="3"]>ul>li{font-size: 0.8em;}
}
@media screen and (max-width: 340px){
    [data-depart-box="3"]>ul>li{font-size: 0.7em;}
}

[data-depart-box="4"]{}
[data-depart-box="4"]:after{content: ""; display: block; clear: both;}
[data-depart-box="4"] .tt{float: left; position: relative; width: calc((100% - 1px - 1.875em) / 2); padding-top: 2em; text-align: center; box-sizing: border-box;}
[data-depart-box="4"] .tt:first-child{margin-right: 1.875em;}
[data-depart-box="4"] .tt .t{
    position: absolute; top: 0; left: 50%; width: 100%; max-width: 18.375em; padding: 0.95em 1em;  vertical-align: middle; box-sizing: border-box;
    transform: translateX(-50%); -webkit-transform: translateX(-50%);
    border-radius: 500px; -webkit-border-radius: 500px;
}
[data-depart-box="4"] .tt .t:before{content: ""; display: inline-block; width: 2em; height: 2em; margin-right: 0.65em; background: url(../../../images/site/common/data-depart-box04.svg) no-repeat center center; background-size: 100% auto; vertical-align:middle;}
[data-depart-box="4"] .tt .t span{color: #fff; font-weight: 400; font-size: 1.375em; line-height: 1.5; vertical-align:middle;}
[data-depart-box="4"] .tt .x{
    display: table; table-layout: fixed; width: 100%; min-height: 10em; padding: 3em 1em  2em; border: 1px solid #E5E5E5; box-sizing: border-box;
    border-radius: 1em; -webkit-border-radius: 1em;
}
[data-depart-box="4"] .tt .x span{display: table-cell; vertical-align: middle;}
@media screen and (max-width: 1200px){
    [data-depart-box="4"] .tt .t{font-size: 0.9em;}
}
@media screen and (max-width: 800px){
    [data-depart-box="4"] .tt .t{font-size: 0.8em;}
}
@media screen and (max-width: 600px){
    [data-depart-box="4"] .tt{float: none; width: 100%;}
    [data-depart-box="4"] .tt:first-child{margin-right: 0; margin-bottom: 1.25em;}
    [data-depart-box="4"] .tt .t{font-size: 0.9em;}
    [data-depart-box="4"] .tt .x{min-height: 0; padding: 2.4em 1em 1.4em;}
}

[data-depart-box="5"]{}
[data-depart-box="5"]{}
[data-depart-box="5"]{}
[data-depart-box="5"] >ul{}
[data-depart-box="5"] >ul:after{content: ""; display: block; clear: both;}
[data-depart-box="5"] >ul>li{display: inline-block; position: relative; vertical-align: top;}
[data-depart-box="5"] >ul>li:before,
[data-depart-box="5"] >ul>li:after{background: #fff url(../../../images/site/common/data-depart-box06.svg) no-repeat;}
[data-depart-box="5"] >ul>li:before{content: ""; position: absolute; top: 0; right: -13px; z-index: 1; display: block; width: 13px; height: 100%; background-position: right top 1.763em;}
[data-depart-box="5"] >ul>li:after{content: ""; position: absolute; top: 0; left: -13px; z-index: 1; display: block; width: 13px; height: 100%; background-color: #fff; background-position: left top 1.763em;}
[data-depart-box="5"] >ul>li:last-child:before{display: none;}
[data-depart-box="5"] >ul.step3>li{width: 19.7em; margin-left: calc((100% - 6px - 60em) / 2);}
[data-depart-box="5"] >ul.step3>li:nth-child(3n-2){margin-left: 0;}
[data-depart-box="5"] >ul.step3>li:nth-child(3n-3):before{display: none;}
[data-depart-box="5"] >ul.step3>li:nth-child(3n-2):after{display: none;}
[data-depart-box="5"] >ul.step3>li:nth-child(n+4){margin-top: 2.5em;}
[data-depart-box="5"] >ul.step4>li{width: 14.55em; margin-left: calc((100% - 9px - 61em) / 3);}
[data-depart-box="5"] >ul.step4>li:nth-child(4n+1){margin-left: 0;}
[data-depart-box="5"] >ul.step4>li:nth-child(4n+1):after{display: none;}
[data-depart-box="5"] >ul>li>strong{
    display: block; position: relative; width: 100%; padding: 0.772em 0.5em; text-align: center; font-size: 1.1875em; font-weight: 500; letter-spacing: -0.05em; line-height: 1.2; border: 0.3125em solid; box-sizing: border-box; background-color: #fff; 
    border-radius: 3.125em; -webkit-border-radius: 3.125em;
}
[data-depart-box="5"] >ul>li>strong:before{
    content: ""; display: block; position: absolute; top: 1.3em; left: -50%; z-index: -1; width:100%; height: 1px;  border-top: 1px dashed #005BAA; box-sizing: border-box;
}
[data-depart-box="5"] >ul.step3>li:nth-child(3n-2)>strong:before{display: none;}
[data-depart-box="5"] >ul.step4>li:nth-child(4n-3)>strong:before{display: none;}
[data-depart-box="5"] >ul>li>span{display: block; font-size: 1.125em; line-height: 1.6; letter-spacing: -0.04em; padding: 1.1em 0 0; text-align: center;box-sizing: border-box;}
[data-depart-box="5"] >ul.step3>li>span{padding: 1.1em 1.5em 0;}

@media screen and (max-width: 1440px){
    [data-depart-box="5"] >ul.step3>li{width: 18em; margin-left: calc((100% - 6px - 55em) / 2);}
    [data-depart-box="5"] >ul.step4>li{width: 13.6em; margin-left: calc((100% - 9px - 54.4em) / 3);}
}
@media screen and (max-width: 1300px){
    [data-depart-box="5"] >ul.step3>li:nth-child(3n-3):before,
    [data-depart-box="5"] >ul.step3>li:nth-child(3n-2):after,
    [data-depart-box="5"] >ul.step3>li:nth-child(3n-2)>strong:before{display: block;}
    [data-depart-box="5"] >ul>li:nth-child(2n+2):before,
    [data-depart-box="5"] >ul>li:nth-child(2n-1):after,
    [data-depart-box="5"] >ul>li:nth-child(2n-1)>strong:before,
    [data-depart-box="5"] >ul.step3>li:last-child:before,
    [data-depart-box="5"] >ul.step3>li:first-child:after,
    [data-depart-box="5"] >ul.step3>li:first-child>strong:before{display: none;}
    [data-depart-box="5"] >ul.step3>li{width: calc((100% - 3px - 4em) / 2); margin-left: 3em;}
    [data-depart-box="5"] >ul.step3>li:nth-child(3n-2){margin-left: 3em;}
    [data-depart-box="5"] >ul.step3>li:nth-child(2n-1){margin-left: 0;}
    [data-depart-box="5"] >ul>li:nth-child(n+3),
    [data-depart-box="5"] >ul.step3>li:nth-child(n+3){margin-top: 1em;}
    [data-depart-box="5"] >ul.step4>li{width: calc((100% - 3px - 3em) / 2); margin-left: 3em;}
    [data-depart-box="5"] >ul.step4>li:nth-child(2n-1){margin-left: 0;}
}
@media screen and (max-width: 640px){
    [data-depart-box="5"] >ul.step3>li{width: calc((100% - 5px - 3em) / 2);}
}

[data-depart-box="6"] {}
[data-depart-box="6"] .wrap{position: relative; }
[data-depart-box="6"] .wrap .tt{
    position: absolute; top: 0; left: 0; width: 16.875em; height: 100%; border: 0.3125em solid;
    border-radius: 0.625em; -webkit-border-radius: 0.625em; 
}
[data-depart-box="6"] .wrap .tt>div{display: table; table-layout: fixed; width: 100%; height: 100%;}
[data-depart-box="6"] .wrap .tt strong{position: relative; display: table-cell; vertical-align: middle; text-align: center; }
[data-depart-box="6"] .wrap .tt strong:before{content: ""; display: block; width: 4.4375em; height: 4.4375em; margin: 0 auto 1.3em; background-repeat: no-repeat; background-position: center center; background-size: 100% auto;}
[data-depart-box="6"] .wrap .tt strong>span{font-size: 1.1875em; font-weight: 500; line-height: 1.21; letter-spacing: -0.05em;}
[data-depart-box="6"] .wrap .xx{padding-left: calc(16.875em + 0.6875em); box-sizing: border-box;}
[data-depart-box="6"] .wrap .xx >ul{padding: 1.1875em 2.1875em; }
[data-depart-box="6"] .wrap .xx >ul>li{display: block; position: relative; }
[data-depart-box="6"] .wrap .xx >ul>li:not(:first-child){margin-top: 1em; padding-top: 1em; border-top: 1px dashed rgba(102, 102, 102, 0.4); box-sizing: border-box;}
[data-depart-box="6"] .wrap .xx >ul>li>strong{display: block; position: absolute; top: 1em; left: 1em; max-width: 8em;}
[data-depart-box="6"] .wrap .xx >ul>li:first-child>strong{top: 0em;}
[data-depart-box="6"] .wrap .xx >ul>li>strong>span{font-size: 1.0625em; color: #222; line-height: 1.18; font-weight: 500;}
[data-depart-box="6"] .wrap .xx >ul>li>div{padding-left: 12.5em;}
[data-depart-box="6"] .wrap .xx >ul>li.t_line>div{min-height: 3.6em;}
[data-depart-box="6"] .wrap .xx >ul>li.h_line>div{min-height: 5.4em;}
[data-depart-box="6"] .wrap .xx >ul>li>div>span{font-size: 1em; line-height: 1.8; letter-spacing: -0.04em;}
@media screen and (max-width: 1300px){
    [data-depart-box="6"] .wrap .tt{width: 13em;}
    [data-depart-box="6"] .wrap .xx{padding-left: calc(13em + 0.6875em);}
    [data-depart-box="6"] .wrap .xx >ul>li>div{padding-left: 10em;}
}
@media screen and (max-width: 1024px){
    [data-depart-box="6"] .wrap .xx >ul>li:first-child>strong{top: 0.2em;}
    [data-depart-box="6"] .wrap .xx >ul>li>strong{top: 1.2em;}
}
@media screen and (max-width: 740px){
    [data-depart-box="6"] .wrap .tt{position: relative; top: auto; left: auto; display: block; table-layout: auto; width: 100%; height: auto; }
    [data-depart-box="6"] .wrap .tt strong{display: block; padding: 1em;}
    [data-depart-box="6"] .wrap .tt strong:before{display: inline-block; width: 2.5em; height: 2.5em; margin: 0 1em 0 0; vertical-align: middle;}
    [data-depart-box="6"] .wrap .tt strong span{vertical-align: middle;}
    [data-depart-box="6"] .wrap .xx{margin-top: 0.75em; padding-left: 0;}
}
@media screen and (max-width: 480px){
    [data-depart-box="6"] .wrap .tt strong{padding: 0.5em;}
    [data-depart-box="6"] .wrap .xx >ul{padding: 1.25em 1.5em;}
    [data-depart-box="6"] .wrap .xx >ul>li>strong{position: relative; top: auto; left: auto; max-width: 100%; margin-bottom: 0.4em;}
    [data-depart-box="6"] .wrap .xx >ul>li>div{padding-left: 0;}
    [data-depart-box="6"] .wrap .xx >ul>li.t_line>div,
    [data-depart-box="6"] .wrap .xx >ul>li.h_line>div{min-height: 0;}
    
}

[data-depart-box="7"] {}
[data-depart-box="7"] >div {}
[data-depart-box="7"] >div:after{content: ""; display: block; clear: both;}
[data-depart-box="7"] >div>img{float: left;}
[data-depart-box="7"] >div.type3>img{width: calc((100% - 1px -  3.75em) / 3); margin-left: 1.875em;}
[data-depart-box="7"] >div.type3>img:nth-child(3n-2){margin-left: 0;}
[data-depart-box="7"] >div.type3>img:nth-child(n+4){margin-top: 1.875em;}
[data-depart-box="7"] >div.type2>img{width: calc((100% - 1px -  1.1875em) / 2); margin-left: 1.1875em;}
[data-depart-box="7"] >div.type2>img:nth-child(2n-1){margin-left: 0;}
[data-depart-box="7"] >div.type2>img:nth-child(n+3){margin-top: 1.1875em;}
@media screen and (max-width: 1024px){
    [data-depart-box="7"] >div.type3{font-size: 0.65em;}
}
@media screen and (max-width: 600px){
    [data-depart-box="7"] >div.type3{font-size: 0.5em;}
    [data-depart-box="7"] >div.type2{font-size: 0.7em;}
}