nav#s1{margin-top:8px; background-color:#fff;}
nav#s1 .has-sub{position:relative;}
nav#s1 .has-sub .unfold{display:block; position:absolute;top:0;right:0;background:url('/mobile/images/common/btn_unfold.gif') no-repeat center center; text-indent:-10000px; overflow:hidden; z-index:1; background-size:15px; width:10%; height:46px;}
nav#s1 .baro{display:block; position:absolute;top:0;right:0;border-left:1px solid #ececec;background:url('/mobile/images/common/btn_go.gif') no-repeat center center; text-indent:-10000px; overflow:hidden; z-index:1; background-size:10px; width:10%; height:45px;}
nav#s1 .unfolded{display:block; position:absolute;top:0;right:0;border-left:1px solid #ececec;background:url('/mobile/images/common/btn_unfolded.gif') no-repeat center center; text-indent:-10000px; overflow:hidden; z-index:1; background-size:15px; width:10%; height:45px;}
nav#s1 .has-sub>a{border-right:1px solid #ececec; padding-right:0 !important; border-bottom:0 !important;}
nav#s1 .open .unfold{background:url('/mobile/images/common/btn_fold.gif') no-repeat center center !important; background-size:15px !important;}
nav#s1 .unfold{display:none;}
nav#s1 .d1{position:relative; border-bottom:1px solid #ececec; width:100%;}
nav#s1 .d1>a{display:block; width:90%; font-size:18px; color:#000; font-weight:bold; padding:12px 10% 11px 46px; box-sizing: border-box; word-break:keep-all; word-wrap:break-word}
nav#s1 .d1>a>span.thumbnail{position:absolute;top:11px;left:15px;}
nav#s1 .d1>a>span.thumbnail img{width:24px;height:24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; margin-right:7px;}
nav#s1 .d1:first-child .submenu{display:block;}
nav#s1 .submenu{display:none; border-top:1px solid #ececec; }
nav#s1 .submenu li{border-bottom:1px dashed #dadada; margin:0 10px; position:relative;}
nav#s1 .submenu li:last-child{border-bottom:0;}
nav#s1 .submenu li span{position:absolute;top:50%;left:0; margin-top:-7px; display:inline-block; width:60px; height:14px; line-height:14px; text-align:center; letter-spacing:-1px; border:1px solid #cfcfcf; font-size:11px; margin-right:6px;}
nav#s1 .submenu li a{display:inline-block; padding:10px 5px 9px 5px; font-size:15px; color:#000; margin-left:66px;}
nav#s1 .submenu li a:hover{color:#4e2683}
nav#s1 .submenu2{overflow:hidden; padding:12px 10px 0 10px; border-top:1px solid #ececec;}
nav#s1 .submenu2 li{float:left; width:33.3%;   padding:0 5px 10px 5px; box-sizing: border-box; text-align:center;}
nav#s1 .submenu2 li a{display:block; width:100%; height:40px; line-height:40px; border:1px solid #dedede; box-sizing: border-box;}
nav#s1 .submenu2 li a:hover{background-color:#4e2683; color:#fff; border:0;}

nav#s2{margin-top:8px;}
nav#s2 .d1{position:relative; margin-top:8px; border-bottom:1px solid #ececec;  background-color:#fff;}
nav#s2 .d1>a{display:block; font-size:18px; color:#000; font-weight:bold; padding:12px 10% 11px 46px; box-sizing: border-box;}
nav#s2 .d1>a>span.thumbnail{position:absolute;top:10px;left:15px;}
nav#s2 .d1>a>span.thumbnail img{width:26px;height:26px; -webkit-border-radius: 26px; -moz-border-radius: 26px; -o-border-radius: 26px; border-radius: 26px; margin-right:7px;}
nav#s2 .submenu{overflow:hidden; padding:0 10px 7px 10px;}
nav#s2 .submenu li{float:left; width:33.3%;   padding:0 5px 10px 5px; box-sizing: border-box; text-align:center;}
nav#s2 .submenu li a{display:block; width:100%; height:40px; line-height:40px; border:1px solid #dedede; box-sizing: border-box;}
nav#s2 .submenu li a:hover{background-color:#4e2683; color:#fff; border:0;}

.ico_new img{width:8px; height:8px;}

.in_txt{border:1px solid #dedede; height:26px;}
.sel{border:1px solid #dedede; height:26px;}
.textarea{border:1px solid #dedede; height:100px; width:100%; }


/* 테이블 */
table *{letter-spacing:-1px;}
table th_{word-break:keep-all; word-wrap:break-word}
.table_1{width:100%; background-color:#fff; margin:10px 0;}
.table_1{border-top:1px solid #666666}
.table_1 *{color:#444444;}
.table_1 thead th{height:38px; padding-left:9px; background-color:#f5f5f5; border-bottom:1px solid #dedede; font-size:13px; font-weight:bold; text-align:left;}
.table_1 tbody th{border-bottom:1px solid #dedede; padding:7px 9px; background:url('/mobile/images/common/bar3.gif') no-repeat right center; font-weight:bold; text-align:left; }
.table_1 tbody td{border-bottom:1px solid #dedede; padding:7px 9px 6px 9px; text-align:left; font-size:13px;}
.table_1 tbody td label{display:inline-block; padding:2px 10px 2px 0;}
.table_1 label input{margin-right:2px;}
.table_1 tbody label * {vertical-align:middle;}
.table_1 .phone{width:57px;}
.table_1 .ico_calendar{display:inline-block; margin:0 15px 0 5px;}
.table_1 *[rowspan]{border-right:1px solid #d6d6d6;}

.table_2{width:100%; background-color:#fff; margin:10px 0;}
.table_2{border-top:1px solid #666666}
.table_2 *{color:#444444;}
.table_2 thead th{height:38px; padding-left:9px; background-color:#f5f5f5; border-bottom:1px solid #dedede; font-size:13px; font-weight:bold; text-align:left;}
.table_2 tbody th{border-bottom:1px solid #dedede; padding:7px 9px; font-weight:bold; text-align:left; }
.table_2 tbody td{border-bottom:1px solid #dedede; padding:7px 9px 6px 9px; text-align:left; font-size:13px;}
.table_2 tbody td label{display:inline-block; padding:2px 10px 2px 0;}
.table_2 label input{margin-right:2px;}
.table_2 tbody label * {vertical-align:middle;}
.table_2 .phone{width:57px;}
.table_2 .ico_calendar{display:inline-block; margin:0 15px 0 5px;}
.table_2 *[rowspan]{border-right:1px solid #d6d6d6;}


.table_3{width:100%; background-color:#fff; margin:10px 0;}
.table_3 thead th{background-color:#666666; color:#fff; font-weight:bold; font-size:13px; padding:6px 0 7px 0; border-left:1px solid #d6d6d6; text-align:center;}
.table_3 thead th:first-child{border-left:none;}
.table_3 tbody th{background-color:#666666; color:#fff; font-weight:bold; font-size:13px; text-align:center; border-bottom:1px solid #d6d6d6; border-top:1px solid #d6d6d6; line-height:1.5em;}
.table_3 tbody td{border-left:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;  font-size:13px; border-top:1px solid #d6d6d6; padding:10px; text-align:center; line-height:1.5em; }
.table_3 tbody td:first-child{border-left:none;}
.table_3 tbody .left{text-align:left; padding-left:10px;}
.table_3 tbody .right{text-align:right; padding-right:10px;}
.table_3 *[rowspan]{border-right:1px solid #d6d6d6;}
.table_3 thead th[colspan]{border-bottom:1px solid #d6d6d6;}
.table_3 *:last-child{border-right:none !important;}
.table_3 .point td{color:#4e2683; font-weight:bold;}

.table_4{width:100%; background-color:#fff; margin:10px 0;}
.table_4 thead th{background-color:#666666; color:#fff; font-weight:bold; font-size:13px; padding:6px 0 7px 0; border-left:1px solid #d6d6d6; text-align:center;}
.table_4 thead th:first-child{border-left:none;}
.table_4 tbody th{background-color:#f5f5f5; font-weight:bold; font-size:13px; text-align:center; border-bottom:1px solid #d6d6d6; border-top:1px solid #d6d6d6; line-height:1.5em;}
.table_4 tbody td{border-left:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;  font-size:13px; border-top:1px solid #d6d6d6; padding:10px; text-align:center; line-height:1.5em;}
.table_4 tbody td:first-child{border-left:none;}
.table_4 tbody .left{text-align:left; padding-left:10px;}
.table_4 tbody .right{text-align:right; padding-right:10px;}
.table_4 *[rowspan]{border-right:1px solid #d6d6d6;}
.table_4 thead th[colspan]{border-bottom:1px solid #d6d6d6;}
.table_4 *:last-child{border-right:none !important;}
.table_4 .point td{color:#4e2683; font-weight:bold;}

.table_5{width:100%; background-color:#fff; margin:10px 0;}
.table_5 thead th{background-color:#666666; color:#fff; font-weight:bold; font-size:13px; padding:6px 0 7px 0; border-left:1px solid #e4caca; text-align:center;}
.table_5 thead th:first-child{border-left:none;}
.table_5 tbody th{background-color:#f5f5f5; font-weight:bold; font-size:13px; text-align:center; border-bottom:1px solid #e4caca; border-top:1px solid #e4caca; line-height:1.5em;}
.table_5 tbody td{border-left:1px solid #e4caca; border-bottom:1px solid #e4caca; font-size:13px; border-top:1px solid #e4caca; padding:10px; text-align:center; line-height:1.5em;}
.table_5 tbody tr:first-child{border-top:2px solid #b25f77;}
.table_5 tbody td:first-child{border-left:none;}
.table_5 tbody .left{text-align:left; padding-left:20px;}
.table_5 tbody .right{text-align:right; padding-right:20px;}
.table_5 *[rowspan]{border-right:1px solid #e4caca;}
.table_5 thead th[colspan]{border-bottom:1px solid #e4caca;}
.table_5 *:last-child{border-right:none !important;}
.table_5 .point td{color:#e4caca; font-weight:bold;}


.tableCol_1{width:100%;  margin:10px 0; background-color:#fff;}
.tableCol_1 td{padding:4px 0; color:#444;}
.tableCol_1 th,
.tableCol_1 td{border:1px solid #D6D6D6; border-right:0;  font-size:13px; text-align:center;}
.tableCol_1 th:first-child,
.tableCol_1 td:first-child{border-left:0; border-right:1px solid #D6D6D6;}
.tableCol_1 th.first,
.tableCol_1 td.first{border-left:1px solid #d6d6d6;}
.tableCol_1 th.last,
.tableCol_1 td.last{border-right:0;}
.tableCol_1 td.left{padding-left:10px; padding-right:8px; text-align:left; vertical-align:top;}
.tableCol_1 td.point{font-weight:bold;}
.tableCol_1 *[rowspan]{border-right:1px solid #d6d6d6;}
.tableCol_1 thead th{padding:6px 0; background-color:#F7F7F7; color:#282828;}
.tableCol_1 tbody th{padding:4px 0; background-color:#F7F7F7; color:#444;}
.tableCol_1 tr.foot th,
.tableCol_1 tr.foot td,
.tableCol_1 tfoot th,
.tableCol_1 tfoot td{background-color:#F7F7F7;}
.tableCol_1 th:last-child,
.tableCol_1 td:last-child{border-right:0;}

.tableRow_1{width:100%; background-color:#fff; margin:10px 0;}
.tableRow_1 th{padding:6px 0 6px 10px; background-color:#F7F7F7; color:#282828;}
.tableRow_1 td{padding:4px 0 4px 10px; color:#444; font-size:13px;}
.tableRow_1 th,
.tableRow_1 td{border:1px solid #D6D6D6; border-right:0; font-size:14px; text-align:left;}
.tableRow_1 th:first-child{border-left:0; border-right:1px solid #D6D6D6;}

.quick_consult_table{width:100%; margin:2vw 0;}
.quick_consult_table *{color:#444444;}
.quick_consult_table thead th{height:38px; padding-left:9px; background-color:#f5f5f5; border-bottom:1px solid #000000; text-align:left;}
.quick_consult_table tbody th{border-bottom:1px solid #000000; text-align:left; font-size:3.5vw; }
.quick_consult_table tbody td{border-bottom:1px solid #000000; text-align:left; font-size:3.5vw; padding: 3vw 0}
.quick_consult_table tbody td label{display:inline-block; font-size: 3.5vw;}


/* 타이틀 */
.tit_1{position:relative; margin:25px 0 7px 0; font-size:18px; color:#4e2683; font-weight:bold; letter-spacing:-2px}
.tit_1 span.btn_2{display:inline-block; margin:5px 0; letter-spacing:0;}
.tit_2{margin:20px 0 7px 0; font-size:16px; font-weight:bold; color:#000; letter-spacing:-1px}

.tit_3{position:relative; margin:25px 0 7px 0; font-size:18px; color:#9f0d39; font-weight:bold; letter-spacing:-2px}
.tit_3 span{position:absolute;top:-4px;right:0;}

.ct{font-size:14px; color:#444; letter-spacing:-1px; line-height:1.5em; word-break:keep-all; word-wrap:break-word}
.ct_img{position:relative; margin-top:12px;}
.ct_img img{width:100%;}
.ct_img .btns{position:absolute; bottom:10px; text-align:center;width:100%;}

/* 리스트 */
.list_1 li *{color:#444;}
.list_1 li{font-size:14px; line-height:1.3em; text-indent:-8px; padding:2px 0 3px 8px; word-break:keep-all; word-wrap:break-word; letter-spacing:-1px; color:#444;}

.list_2 li *{color:#444;}
.list_2 li{font-size:14px; line-height:1.3em; padding:3px 0 3px 0; word-break:keep-all; word-wrap:break-word; letter-spacing:-1px;}

.list_3 dt{font-size:14px; color:#000; font-weight:bold; margin:20px 0 10px 0;}
.list_3 dd{font-size:14px; color:#444; line-height:1.5em; word-break:keep-all; word-wrap:break-word; letter-spacing:-1px; }

.listBox{overflow:hidden; margin-top:15px;}
.listBox li{float:left; margin:0 0 10px; width:100%; font-size:13px; letter-spacing:-1px; line-height:1.5em; box-sizing: border-box;}
.listBox li p{display:table; width:100%; padding:12px 0; vertical-align:middle; text-align:center; border:1px solid #dedede; background-color:#f5f5f5; box-sizing: border-box;}
.listBox li span{display:inline-block;}

.listBox2{overflow:hidden; margin-left:-10px; margin-top:15px;}
.listBox2 li{float:left; margin:0 0 0 10px; padding:15px 0; width:30%; font-size:13px; letter-spacing:-1px; word-break:keep-all; word-wrap:break-word; line-height:1.5em; box-sizing: border-box; text-align:center; border:1px solid #dedede; background-color:#f5f5f5}
.listBox2 li strong{background-color:#383838; color:#fff; display:inline-block; height:24px; margin:0 0 10px 0; padding:0 10px; line-height:24px; font-size:14px; }
.listBox2 .tit{display:block; font-size:18px; color:#4e2683; text-decoration:underline; padding-bottom:10px; font-weight:bold;}

.listBox2.n2 li{width:100% !important; margin:0 0 10px 0 !important; height:auto; padding:15px 0; background-color:#fff; box-sizing: border-box; }
.listBox2.n2 li:first-child{float:left;}
.listBox2.n2 li:last-child{float:right;}

.listBox3{overflow:hidden; margin-top:10px; border-left:1px solid #dedede; }
.listBox3 li{display:table-cell; vertical-align:middle; padding:38px 0; font-size:13px; letter-spacing:-1px; line-height:1.5em; text-align:center; word-break:keep-all; word-wrap:break-word;border:1px solid #dedede; border-left:0; background-color:#f5f5f5}
.listBox3 li p{display:inline-block; }
.listBox3.num1 li{width:800px;}
.listBox3.num2 li{width:400px;}
.listBox3.num3 li{width:266px;}
.listBox3.num4 li{width:200px;}

.h180, .h180 li{height:180px !important;}

.grayBox{border:1px solid #dedede; background-color:#f5f5f5; padding:10px; margin:15px 0; font-size:13px; line-height:1.3em; letter-spacing:-1px; line-height:1.5em;}
.grayBox .tit{display:block; margin-bottom:5px; color:#000; font-weight:bold;}
.grayBox .list_1 li{font-size:13px; text-indent:-7px; padding:3px 0 3px 7px;}
.grayBox .list_2 li{font-size:13px;}

/* 컬러 */
.color_1{color:#4e2683 !important;}
.color_2{color:#f63535 !important;}
.color_3{color:#666 !important;}
.color_4{color:#000 !important;}
.color_5{color:#7432cf !important;}

/* 버튼 */
.btn_c{text-align:center; margin-top: 2vw;}

.btn_1{display:inline-block; background-color:#4e2683;}
.btn_1 a{display:inline-block; color:#fff;  height:28px; line-height:28px; padding:0 33px;}
.btn_2{display:inline-block; background-color:#000;}
.btn_2 a{display:inline-block; color:#fff;  height:22px; line-height:22px; padding:0 6px; font-size:12px; font-weight:normal;}

/* 폰트 사이즈 */
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}

/* tab */
.tab_1:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.tab_1{height:39px; border:1px solid #2a2a2a;}
.tab_1 li{float:left; text-align:center;}
.tab_1 li a{display:block; width:100%; height:39px; line-height:37px; font-size:15px; color:#000; text-align:center; }
.tab_1 li.on{height:48px; background:url('/mobile/images/common/bg_branch_tab_on.gif') no-repeat center bottom; background-size:10px;}
.tab_1 li.on a{color:#fff;  background-color:#2a2a2a}
.tab_1.num2 li{width:50%;}
.tab_1.num3 li{width:33%;}
.tab_1.num3 li:first-child{width:34%}
.tab_1.num4 li{width:25%;}
.tab_1.num5 li{width:20%;}
.tab_1.num6 li{width:16.6%;}
.tab_1.num6 li:first-child{width:17%;}
.tab_1.num7 li{width:14.2%;}
.tab_1.num7 li:first-child{width:14.8%;}
.tab_1.num8 li{width:12.5%;}
.tab_1.num9 li{width:11.1%;}
.tab_1.num10 li{width:10%;}

.tab_2{overflow:hidden;}
.tab_2 li{float:left;}
.tab_2 li a{display:block; padding:4px 0; border:1px solid #CBCFD5; border-left:0; text-align:center; background:url(/mobile/images/common/bg_tab_1.gif) repeat-x bottom; font-size:13px;}
.tab_2 li:first-child a{border-left:1px solid #CBCFD5; color:#444;}
.tab_2 li a:hover,
.tab_2 li.on a{border:1px solid #6C7880; background:url(/mobile/images/common/bg_tab_1_on.gif) repeat-x bottom; color:#fff; text-decoration:none;}
.tab_2 li a.on{border:1px solid #6C7880; background:url(/mobile/images/common/bg_tab_1_on.gif) repeat-x bottom; color:#fff; text-decoration:none;}
.tab_2.num2 li{width:49.95%;}
.tab_2.num3 li{width:33.3%;}
.tab_2.num3 li:first-child{width:33.4%;}
.tab_2.num4 li{width:25%;}
.tab_2.num5 li{width:20%;}
.tab_2.num6 li{width:16.6%;}
.tab_2.num6 li:first-child{width:16.7%;}
.tab_2.num7 li{width:14.2%;}
.tab_2.num7 li:first-child{width:14.8%;}
.tab_2.num8 li{width:12.5%;}
.tab_2.num9 li{width:11.1%;}
.tab_2.num10 li{width:10%;}

.tab_3:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.tab_3{height:39px; border:1px solid #2a2a2a;}
.tab_3 li{float:left; text-align:center;}
.tab_3 li a{display:block; width:100%; height:39px; line-height:37px; font-size:14px; color:#000; text-align:center; letter-spacing:-1px;}
.tab_3 li.on{height:48px; background:url('/mobile/images/common/bg_branch_tab_on.gif') no-repeat center bottom; background-size:10px;}
.tab_3 li.on a{color:#fff;  background-color:#2a2a2a}
.tab_3 span{display:none;}
.tab_3.num2 li{width:50%;}
.tab_3.num3 li{width:33%;}
.tab_3.num3 li:first-child{width:34%}
.tab_3.num4 li{width:25%;}
.tab_3.num5 li{width:20%;}
.tab_3.num6 li{width:16.6%;}
.tab_3.num6 li:first-child{width:17%;}

.tab_3.num7 li{width:14.2%; overflow:hidden;}
.tab_3.num7 li:first-child{width:14.8%;}
/*
.tab_3.num7 li{width:14.4%;}
.tab_3.num7 li:first-child{width:13.6%;}*/
.tab_3.num8 li{width:12.5%;}
.tab_3.num9 li{width:11.1%;}
.tab_3.num10 li{width:10%;}



.tab_4{margin:15px 10px 10px 10px;}
.tab_4 li{font-size:14px; text-align:left; background:url('/mobile/images/common/line1.gif') no-repeat left center; background-size:2px; letter-spacing:-1px; font-weight:bold; border-bottom:1px dashed #dadada; padding:5px 8px;}
.tab_4 li.on a{color:#4e2683; text-decoration:underline; }
.tab_4 li.on{background:url('/mobile/images/common/line1_ov.gif') no-repeat left center; background-size:2px;}

.full{width:100%;}

.topImg{position:relative;}
.topImg img{width:100%;}
.topImg .call{position:absolute;bottom:8px;left:30px; font-size:14px; font-weight:bold;}
.topImg .c_fff{color:#fff;}
.topImg .c_000{color:#000;}
.topImg .btns{position:absolute;top:-30px;left:70px; margin-right:2px;}
.topImg .btnsJapanit{position:absolute;top:150px;right:20px; margin-right:2px;}

.licenseSummary *{vertical-align:top}
.licenseSummary{overflow:hidden;}
.licenseSummary p{display:table-cell; padding-right:10px;}
.licenseSummary dl{display:table-cell;}
.licenseSummary dl dt{margin-top:0;}

#commissioned .point5>li{position:relative; padding:15px 0 15px 10px; border:1px solid #dedede; overflow:hidden; margin-bottom:20px;}
#commissioned .point5>li p{position:absolute;top:15px; left:10px;}
#commissioned .point5>li p img{width:49px;}
#commissioned .point5>li dl{margin-left:58px; width:82%;}
#commissioned .point5>li dl dt{margin-top:0; font-size:15px; letter-spacing:-2px;}
#commissioned .point5>li dl dd, .point5>li dl dd *{font-size:13px;}

.process{/*background:url('/mobile/images/commissioned/bg_process.gif') no-repeat 35px top;*/ overflow:hidden; }
.process li{border:1px solid #dedede; background-color:#f5f5f5; /*width:100%; */ margin:0 0 10px 0;}
.process li div{vertical-align:middle; text-align:center; padding:10px 0;}
.process li div p{display:inline-block; color:#000000; font-size:14px; letter-spacing:-1px; line-height:1.3em;}
.process li div p strong{display:block; font-size:15px; margin-bottom:2px; line-height:1.3em;}

#privacy div *{line-height:1.5em;}
#privacy .txtbox{margin-bottom:10px; color:#444; letter-spacing: -1px; line-height: 1.5em; word-break: keep-all; word-wrap: break-word;}
#privacy .itemttl{display:block; margin:20px 0 5px 0; font-size:14px; font-weight:bold; color:#000; letter-spacing: -1px; }

#eduPrice h4{text-align:center; font-size:18px; font-weight:bold;}
#eduPrice h4 span{font-size:14px; font-weight:normal;}
#eduPrice .tit{overflow:hidden; margin:20px 0 10px 0;}
#eduPrice .tit strong{float:left;}
#eduPrice .tit span{float:right;}

.branchList .tab:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.branchList .tab{height:39px; border:1px solid #2a2a2a;}
.branchList .tab li{float:left; width:12.2%; text-align:center;}
.branchList .tab li a{display:block;vertical-align:middle; width:100%; height:39px; padding-top:10px; font-size:13px; color:#000; text-align:center; font-weight:bold; box-sizing: border-box; }
.branchList .tab li a span{display:inline-block; text-align:center;}
.branchList .tab li.on{height:48px; background:url('/mobile/images/common/bg_branch_tab_on.gif') no-repeat center bottom; background-size:10px;}
.branchList .tab li.on a{color:#fff;  background-color:#2a2a2a}
.branchList .tab span{display:none;}
.branchList .cnt div.group{padding:18px 0 0 0; width:100%;}
.branchList .cnt div.group:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.branchList .cnt ul{overflow:hidden; margin-top:30px; }
.branchList .cnt ul li{float:left; width:25%; box-sizing: border-box; text-align:center; }
.branchList .cnt ul li img{max-width:100%; border:1px solid #dedede;}
.branchList .address{position:relative; font-size:14px; color:#4e2683; font-weight:bold; margin-top:10px; letter-spacing:-1px; line-height:1.3em;}
.branchList .address .btn_bigmap{display:block; }
.branchList .address .btn_bigmap a{display:inline-block;color:#6c399e; border:1px solid #6c399e; padding:0 5px; font-size:12px;  }
.branchList dl dt{background-color:#000; color:#fff; font-size:14px; display:inline-block; padding:0 8px; text-align:center; line-height:26px; margin:20px 0 8px 0; letter-spacing:-1px;}
.branchList dl dd{color:#000;}

#Map{text-align:center;}
#Map img{border:1px solid #dedede; width:100%; box-sizing: border-box;}

.agreementWrap .box{height:154px; overflow:auto; border:1px solid #dedede; padding:10px; line-height:1.5em;}
.agreementWrap .box h4{margin-bottom:10px; font-weight:bold; font-size:14px;}
.agreementWrap .box strong{display:block; margin-bottom:5px; font-size:13px;}
.agreementWrap .chk{overflow:hidden; margin:10px 0;}
.agreementWrap .chk label{float:left;}
.agreementWrap .chk span{float:right; color:#888888}
.agreementWrap .chk *{vertical-align:middle;}

#newLec .top{margin-bottom:15px; text-align:center}
#newLec .top>img{max-width:100%;}
#newLec .top .imgCnt{display:none;}
#newLec .top .unfold{display:block; height:25px; line-height:25px; background-color:#0e34c4; text-align:center; font-size:14px; font-weight:bold;}
#newLec .top .unfold a{color:#fff;}
#newLec .sorting_fold .imgCnt{display:block;}
#newLec .sorting_fold .imgCnt img{max-width:100%;}

#newLec{position:relative; text-align:left;}
.fxd{left:0 !important;}
#newLec .subTab{ z-index:999999; }
#newLec .subTab ul{border:1px solid #1a1a1a; overflow:hidden;}
#newLec .subTab ul li{float:left;  background-color:#fff; text-align:center;}
#newLec .subTab ul li a{display:block; vertical-align:middle; text-align:center; border-left:1px dotted  #bababa; height:62px; padding:10px 0; box-sizing: border-box; font-size:15px; color:#2d2d2d; letter-spacing:-2px; font-weight:bold; line-height:1.3em}
#newLec .subTab ul li a span{display:inline-block; text-align:center;}
#newLec .subTab ul li.on a{background-color:#1a1a1a; border-left:1px solid  #1a1a1a;}
#newLec .subTab ul.n6 li:first-child{width:14%}
#newLec .subTab ul.n6 li{width:17.2%}

.curriculum .subTab ul li.on a{color:#00e4ff !important;}
.sub1 .jobtraining .subTab ul li.on a{color:#c4c1ff !important;}
.sub2 .jobtraining .subTab ul li.on a{color:#9bcaff !important;}
.sub1 .tit h5{color:#3f3ab1 !important;}
.sub2 .tit h5{color:#1467c4 !important;}

#newLec .subTab2{position:relative;width:100%; height:135px; }
#newLec .subTab2 ul:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#newLec .subTab2>ul{border:1px solid #2a2a2a; height:49px;}
#newLec .subTab2 li.d1{float:left; text-align:center;}
#newLec .subTab2 li.d1>a{display:table-cell; vertical-align:middle; width:100%; height:49px; font-size:15px; color:#000; text-align:center; font-weight:bold;}
#newLec .subTab2 li.d1>a>span{display:inline-block; text-align:center;}
#newLec .subTab2 li.on{height:60px; background:url('/mobile/images/main/bg_branch_tab_on.gif') no-repeat center bottom;}
#newLec .subTab2 li.on>a{color:#fff;  background-color:#2a2a2a}
#newLec .subTab2 li.on ul{display:block;}
#newLec .subTab2 li ul{display:none; position:absolute;top:88px;left:0; width:100%;}
#newLec .subTab2 li ul li{float:left; background:url('/mobile/images/common/bar4.gif') no-repeat left center; padding:0 25px 0 25px;}
#newLec .subTab2 li ul li a{font-size:18px; letter-spacing:-1px; font-weight:bold;}
#newLec .subTab2 li ul li a.on, #newLec .subTab2 li ul li a:hover{color:#4e2683;}
#newLec .subTab2 li ul li:first-child{padding-left:0; background:none;}
#newLec .subTab2 ul.n6>li>a{width:133px}

#tabBanner{margin-bottom:40px;}
#tabBanner .stab{ border:1px solid #2a2a2a; height:38px;}
#tabBanner .tabCnt>div{width:100%; overflow:hidden;}
#tabBanner .tabCnt>div{text-align:center;}
#tabBanner .tabCnt>div img{max-width:100%;}


#newLec .imgtit{position:relative; text-align:center; padding:20px 0;}
#newLec .tit{padding:70px 0 15px 0;}
#newLec .tit *{letter-spacing:-2px; text-align:center; line-height:1.5em;}
#newLec .tit h4{font-size:18px; color:#000; font-weight:bold;}
#newLec .tit h5{font-size:15px; color:#13a8bc; font-weight:bold; margin-top:3px;}
#newLec .imgtit{padding:30px 0 !important;}
#newLec .imgtit h4{font-size:22px !important;}
#newLec .imgtit h5{font-size:16px !important;}
#newLec .intro .cnt{padding:0 15px; word-break:keep-all; word-wrap:break-word}
#newLec .group1{border:1px solid #dedede; font-size:14px; color:#444444; text-align:center; padding:0 0 30px 0; margin-top:10px;}
#newLec .group1 .tit{color:#000; font-size:18px; font-weight:bold; padding:30px 0 10px 0 !important;}
#newLec .group1 .tit img{max-width:100%;}
#newLec .group1 .cnt{line-height:1.5em;}
#newLec .group2{position:relative; }
#newLec .group2 .tit{text-align:center;}
#newLec .group2 .tit .btn_counsel{display:block; text-align:right; margin-top:5px;}
#newLec .group2 .tit .btn_counsel a{color:#fff; background-color:#000000; display:inline-block; font-size:14px; height:30px; line-height:30px; padding:0 5px;}
#newLec .group2 table{width:100%;}
#newLec .group2 table th{background-color:#666666; color:#fff; font-weight:bold; font-size:14px; height:31px; border-left:1px solid #aeaeae; text-align:center;}
#newLec .group2 table th:first-child{border-left:none;}
#newLec .group2 table td{border-left:1px solid #aeaeae; border-bottom:1px solid #aeaeae; padding:10px;}
#newLec .group2 table td:first-child{border-left:none;}
#newLec .group2 table *[rowspan]{border-right:1px solid #d6d6d6;}
#newLec .group2 .cnt{text-align:center}
#newLec .goal{position:relative; background-color:#dedede; overflow:hidden; padding:14px 0 14px 15px}
#newLec .goal .tit{line-height:1.1em; word-break:keep-all; word-wrap:break-word ;position:absolute;top:50%;left:10px;  margin-top:-25px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; background-color:#1a1a1a; width:50px; height:50px;box-sizing: border-box; padding-top:7px; font-size:16px; text-align:center;}
#newLec .goal .cnt{margin-left:45px; padding:2px 0 0 12px;}
#newLec .goal .cnt li{font-size:14px; color:#444; padding:3px 0 2px 0; word-break:keep-all; word-wrap:break-word}
.curriculum .goal .tit{color:#00e4ff !important;}
.jobtraining .goal .tit{color:#c4c1ff !important;}

#newLec .motivation ul{overflow:hidden; padding:145px 33px 0 33px; background:url('/mobile/images/curriculum/bg_sub_motivation.gif') no-repeat center 53px;}
#newLec .motivation ul li{float:left; width:25%; color:#444;}
#newLec .motivation ul li span{font-size:12px; display:block;}
#newLec .eventBnr{margin-top:10px; text-align:center;}
#newLec .eventBnr img{max-width:100%;}
#newLec .group1 .cnt img, #newLec .group2 .cnt img{max-width:100%;}
.group2.guide .cnt{position:relative;}
.group2.guide .cnt p{position:absolute;bottom:10px;left:0; width:100%; text-align:center; font-size:12px; letter-spacing:-1px;}

.teacherWrap .btn{position:absolute;top:80px;right:0;}
.teacherWrap ul{overflow:hidden;  overflow:hidden;}
.teacherWrap ul li:first-child{border-left:0;}
.teacherWrap ul li{float:left; width:33%; position:relative; border-left:1px solid #fff;box-sizing: border-box; }
.teacherWrap ul li a{display:block; width:100%;}
.teacherWrap ul li img{width:100% !important;}

.teacherWrap2 .btn{position:absolute;top:80px;right:0;}
.teacherWrap2 .img{margin-left:-3px;}
.teacherWrap2 .img a{width:199px; height:290px;border-left:1px solid #fff}

.branchOffice .tab:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.branchOffice .tab{height:39px; border:1px solid #2a2a2a;}
.branchOffice .tab li{float:left; width:12.2%; text-align:center;}
.branchOffice .tab li a{display:block;vertical-align:middle; width:100%; height:39px; padding-top:10px; font-size:13px; color:#000; text-align:center; font-weight:bold; box-sizing: border-box; }
.branchOffice .tab li a span{display:inline-block; text-align:center;}
.branchOffice .tab li.on{height:48px; background:url('/mobile/images/common/bg_branch_tab_on.gif') no-repeat center bottom; background-size:10px;}
.branchOffice .tab li.on a{color:#fff;  background-color:#2a2a2a}
.branchOffice .tab span{display:none;}
.branchOffice .cnt{border:1px solid #dedede; border-top:0; }
.branchOffice .cnt div.group{padding:20px 0 0 0; width:100%;}
.branchOffice .cnt div.group:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.branchOffice .cnt ul{overflow:hidden;}
.branchOffice .cnt ul li{float:left; width:33.3%; min-height:140px; text-align:center; word-break: keep-all; word-wrap: break-word; box-sizing: border-box;}
.branchOffice .cnt ul li a{display:block; padding:0 3px; width:100%; box-sizing: border-box;}

.branchOffice .cnt ul li img{max-width:100%;}
.branchOffice .cnt ul li p{ color:#000; padding:10px 3px 15px 3px; font-weight:bold; box-sizing: border-box;}
.branchOffice .cnt ul li span{display:block;font-size:12px; font-weight:normal;}

.youtubeWrap ul{overflow:hidden;}
.youtubeWrap ul li:first-child{margin-left:0;}
.youtubeWrap ul li{float:left; width:50%; position:relative; letter-spacing:-1px; text-align:center}
.youtubeWrap ul li a{display:block; padding:0 2px; box-sizing: border-box;}
.youtubeWrap ul li strong{display:block; color:#000; font-size:13px; text-align:center; margin-top:10px;}
.youtubeWrap ul li img{max-width:100%;}
.youtubeWrap ul li .btn_play{position:absolute;top:50%;left:50%; margin:-30px 0 0 -15px;}
.youtubeWrap ul li .btn_play img{width:31px;}

.reviewWrap ul li:last-child{border-bottom:0;}
.reviewWrap ul li:first-child{padding-top:5px;}
.reviewWrap ul li{border-bottom:1px solid #dedede; padding:15px 8px; text-align:left;}
.reviewWrap ul li *{color:#444444; letter-spacing:-1px;}
.reviewWrap ul li .user strong span{color:#ff0042}
.reviewWrap ul li .user .time{color:#888888; padding-left:5px;}
.reviewWrap ul li .txt{line-height:1.5em; padding-top:4px; font-size:13px;}

.otherClass ul{overflow:hidden;}
.otherClass ul li:first-child{margin-left:0;}
.otherClass ul li{float:left; width:25%; }
.otherClass ul li a{display:block;text-align:center; padding:0 2px; box-sizing: border-box;}
.otherClass ul li a img{max-width:100%;}

#newLec .tabFixed .subTab_{position:fixed; top:0; left:0; width:100%; z-index:1000; margin-top:0;}
#newLec .tabFixed{position:fixed; top:0; left:0; width:100%; z-index:1000; margin-top:0;}

#paging *{vertical-align:middle;}
#paging{padding:5px 0;text-align:center}
#paging a,#paging strong{display:inline-block;_position:relative; border:1px solid #dedede; width:22px; line-height:22px; height:22x; margin:0; font-size:12px;}
#paging strong{background-color:#1a1a1a; border:1px solid #1a1a1a; color:#fff !important; width:22px; line-height:22px; height:22px; font-size:12px;}
#paging a:hover{background:#f7f7f7}
#paging a.pre{background:#f5f5f5 url('/mobile/images/common/bul_paging_prev.png') no-repeat center center; text-indent:-10000px; overflow:hidden; margin-right:3px; background-size:4px;}
#paging a.pre_end{background:#f5f5f5 url('/mobile/images/common/bul_paging_first.png') no-repeat center center; text-indent:-10000px; overflow:hidden; background-size:8px;}
#paging a.next{background:#f5f5f5 url('/mobile/images/common/bul_paging_next.png') no-repeat center center; text-indent:-10000px; overflow:hidden; margin-left:3px; background-size:4px;}
#paging a.next_end{background:#f5f5f5 url('/mobile/images/common/bul_paging_last.png') no-repeat center center; text-indent:-10000px; overflow:hidden; background-size:8px;}


/* 국비지원과정 */
.jobtraining img{width: 100%}
.jobtraining figure{position: relative; margin-bottom: 10vw}
.jobtraining figcaption{position: absolute; bottom: 0px; width: 100%}
.jobtraining .caption{width: 75%; background: #fff; padding: 6vw}
.jobtraining .caption h4{font-size: 4vw; color: #e16726;}
.jobtraining .caption h3{font-size: 5.5vw; color: #000000; font-weight: bold; padding-bottom: 1vw; letter-spacing: -0.3vw;}
.jobtraining .caption p{font-size: 3.5vw; color: #6d6464; font-weight: bold;}
.jobtraining .caption p:before{content: ''; display: inline-block; background-color: #e16828; width: 2vw; height: 0.3vw; margin-right: 1vw; margin-bottom: 0.8vw;}

.jobtraining-sub img{width: 100%}
.jobtraining-sub figure{position: relative; margin-bottom: 5vw}
.jobtraining-sub figcaption{position: absolute; bottom: 0px;}
.jobtraining-sub .caption{width: 75%; background: #fff; padding: 6vw 6vw 0 6vw}
.jobtraining-sub .caption h3{font-size: 5.5vw; color: #000000; font-weight: bold; padding-bottom: 1vw; letter-spacing: -0.3vw;}
.jobtraining-sub .caption p{font-size: 3.5vw; color: #999999; }


/* 국비지원과정 */
/* 상세페이지 타이틀 */
.titlenav{position: relative; background-color:#333333; padding: 4.4vw 0}
.titlenav > p{font-size: 4vw; color: #fff; text-align: center;}
.titlenav > span{text-indent:-9999vw; display: block; background: brown; width: 9vw; height: 9vw; position: absolute;}
.page-pre {border: solid #fff; border-width: 0 0.1vw 0.1vw 0; display: inline-block; padding: 1.5vw; position: absolute; left: 7vw; top: 5.4vw;}
.left{transform: rotate(135deg);-webkit-transform: rotate(135deg);}
.jobtraining-sub .benefits{background-color:#e16726;}
.jobtraining-sub .benefits ul{margin:0 3%}
.jobtraining-sub .benefits li{float: left; width: 50%; box-sizing: border-box; padding: 5vw 0 5vw 15vw; position: relative; line-height: 3.8vw; color: #fff;}
.jobtraining-sub .benefits li:after{content:''; display: block; width: 1px; height: 5vw; background-color: #fff; position: absolute; right:0px; top:0px}
.jobtraining-sub .benefits li:last-child:after{display:none;}
.jobtraining-sub .benefits .benefits_icon_01{background: url('/mobile/images/jobtraining/benefits_icon_01.png')no-repeat 1.5vw; background-size: 25%;}
.jobtraining-sub .benefits .benefits_icon_02{background: url('/mobile/images/jobtraining/benefits_icon_02.png')no-repeat 1.5vw; background-size: 25%;}

.jobtraining-sub .benefits > p{color:#fff}
.jobtraining-sub .benefits p > span{font-size: 3.8vw;}
.jobtraining-sub .benefits p:nth-child(1){font-size: 3vw; }
.jobtraining-sub .benefits p:nth-child(2){font-size: 4vw; font-weight: bold; }
.jobtraining-sub .benefits p:nth-child(3){font-size: 3vw; color: #ffc2a1}
.jobtraining-sub .benefits:after{content:''; clear: both; display: block;}


/* 과정소개 */
.course-intro{margin-bottom: 5vw;}
.course-title{background-color:#6e6465;color: #fff; font-size: 3.5vw; padding: 3vw 6% 7vw; position: relative;}
.course-title > .more{color: #b9aaaa; font-size:3vw; font-weight: bold; float: right;}
.course-title > .moreall{color: #b9aaaa; font-size:3vw; font-weight: bold; float: right; border: 1px solid #b9aaaa; padding: 0 1vw 0 3vw; border-radius: 5vw;}
.course-title > .moreall > em{width: 3vw; height: 3vw; background: url('/mobile/images/common/icon_arrow.png')no-repeat 0vw 1.2vw; background-size: 80%; display: inline-block; margin-left: 1vw;}
.course-title > .moreall > .downarrow{background: url('/mobile/images/common/icon_arrow_up.png')no-repeat 0vw 1.2vw; background-size: 80%; display: inline-block; margin-left: 1vw;}

/* 정규과정 */
.course-intro .curriculum-list{background-color:#fff;color: #000; margin: 0 6%; margin-top: -4.5vw; font-size: 3.5vw; position: relative;}
.course-intro .curriculum-list figure{padding-bottom: 3.5vw}
.course-intro .curriculum-list figure img{width: 46%; float:left;}
.course-intro .curriculum-list figure .caption{float:left; padding-top: 3.5vw; padding-left: 5vw; width: 47%}
.course-intro .curriculum-list figure .caption h3{color:#000; font-size: 3.6vw; padding: 1vw 0;}
.course-intro .curriculum-list figure .caption h4{color:#666; font-size: 3vw; padding-bottom: 2vw}
.course-intro .curriculum-list figure .caption span{color:#6d6464; font-size: 2.7vw; font-weight: bold;}
.course-intro .curriculum-list figure .caption span:before{content: ''; display: inline-block; width: 2vw; height: 1px; background: #e16726; margin: 0vw 1vw 0.9vw 0;}

.course-intro .curriculum-list figure .caption a{color:#6d6464; font-size: 2.7vw; font-weight: bold;}
.course-intro .curriculum-list figure .caption a:before{content: ''; display: inline-block; width: 2vw; height: 1px; background: #e16726; margin: 0vw 1vw 0.9vw 0;}
.course-intro .curriculum-list figure:after{content:''; clear:both; display:block;}


/* 강좌소개 기본 틀 */

.course-intro .course-content{background-color:#fff;color: #000; margin: 0 6%; margin-top: -4.5vw; padding: 5vw; font-size: 3.5vw; position: relative;}
.course-intro .course-content .type_01{}/* 과정목표 */
.course-intro .course-content .type_01 > ul{font-size: 3.5vw;}
.course-intro .course-content .type_01:after{content:''; clear:both; display: block;}
.course-intro .course-content .type_01 > li{color: #666666; margin-bottom: 3vw;}
.course-intro .course-content .type_01 > li:after{content:''; clear:both; display: block;}
.course-intro .course-content .type_01 > li > em{width: 20%; height: 14vw; padding: 2vw; font-weight: bold; float: left; color:#b9aaaa; margin-right: 2vw; background: url('/mobile/images/common/lsi.png')no-repeat center center; background-size: 100%; font-size: 5vw}
.course-intro .course-content .type_01 > li > span{width: 70%; float: left;}
.course-intro .course-content .type_02{}/* 커리큘럼 */
.course-intro .course-content .type_02 > dl{font-size: 3.5vw}
.course-intro .course-content .type_02 > dt{color: #333333; font-weight: bold;}
.course-intro .course-content .type_02 > dd{color: #666666;}
.course-intro .course-content .type_02 > dd:before{content:''; display: inline-block; width:0.7vw; height: 0.7vw; border-radius:4vw; background-color: #666; margin-right: 1vw; margin-bottom: 1vw;}
.course-intro .course-content .type_02:first-child{padding-top: 0}
.course-intro .course-content .type_02{padding-top: 1.5vw;}

.course-intro .course-content .type_021{}/* 커리큘럼 */
.course-intro .course-content .type_021 > dl{font-size: 3.5vw}
.course-intro .course-content .type_021 > dt{color: #e16726; font-weight: bold; font-size: 3vw; padding: 3vw 6%; border-bottom: 1px solid #e7e7e7}
.course-intro .course-content .type_021 > dd{font-size: 3vw; padding: 3vw 6%; background-color: #f7f7f7; overflow: hidden;}
.course-intro .course-content .type_021 > dd:before{content:''; display: inline-block; width:0.5vw; height: 0.5vw; border-radius:4vw; background-color: #666; margin-right: 1vw; margin-bottom: 0.6vw;}
.course-intro .course-content .type_021:first-child{padding-top: 0}


.course-intro .course-content .type_03{}/* 교육후기 */
.course-intro .course-content .type_03 > dl{font-size: 3.5vw}
.course-intro .course-content .type_03 > dt{color: #666666; letter-spacing: -0.5vw;}
.course-intro .course-content .type_03 > dd{color: #b9aaaa; font-weight: bold; font-size: 2.5vw; padding: 2vw 0 3vw 0}
.course-intro .course-content .type_04{}/* 상담센터 자주하는 질문 */
.course-intro .course-content .type_04 > ul{}
.course-intro .course-content .type_04:after{content:''; clear:both; display: block;}
.course-intro .course-content .type_04 > li{border-bottom: 1px solid #000; padding: 4vw 0;}
.course-intro .course-content .type_04 > li a{color: #000; display: block; padding-left: 3vw; font-size: 4vw;}
.course-intro .course-content .type_04 > li a:before{content:'Q - '; display:inline-block; padding-right: 1vw;}
.course-intro .course-content .type_04 > li{background: url('/mobile/images/support/icon_rightarrow.png')no-repeat right center; background-size: 3.5vw; background-position-x: 97%;}
.course-intro .course-content .type_05{}/* 취업지원실 취업현황  */
.course-intro .course-content .type_05 > ul{}
.course-intro .course-content .type_05:after{content:''; clear:both; display: block;}
.course-intro .course-content .type_05 > li{border-bottom: 1px solid #dcdcdc; padding: 4vw 0;}
.course-intro .course-content .type_05 > li a{color: #000; display: block; padding-left: 4vw; font-size: 3.5vw; letter-spacing: -0.3vw;}
.course-intro .course-content .type_05 > li a span{padding-right: 2vw; display: table-cell;}
/* .course-intro .course-content .type_05 > li{background: url('/mobile/images/support/icon_rightarrow.png')no-repeat right center; background-size: 3.5vw; background-position-x: 97%;} */

.yt_author{position:absolute; top:0; width:100%; min-height:54.5vw; background:url('/mobile/images/job_support/ico_play.png') no-repeat center center; background-size: 15vw; z-index:9}

.course-intro .course-content .type_06 > img{width: 100%;}
.course-intro .course-content .type_06 p{font-size: 3.5vw; font-weight: bold; padding: 2vw 0; color:#333}
.course-intro .course-content .type_06 .yt_author{position:absolute; top:0; width:100%; min-height:47.5vw; background:url('/mobile/images/job_support/ico_play.png') no-repeat center center; background-size: 15vw; z-index:9}

.course-intro .course-content .type_07 {font-size: 3.2vw; padding: 2vw 0}/* 국제공인시험센터  */
.course-intro .course-content .type_08 {}/* 국제공인시험센터 자격증 리스트  */
.course-intro .course-content .type_08 ul {}
.course-intro .course-content .type_08:after{content:''; clear:both; display: block;}
.course-intro .course-content .type_08 > li{float:left; width: 20%; height: 18vw; text-align: center; border: 1px solid #e1e1e1; border-right: 0px; box-sizing:border-box;}
.course-intro .course-content .type_08 > li:last-child{border-right: 1px solid #e1e1e1;}
.course-intro .course-content .type_08 > li:after{content:''; clear:both; display: block;}
.course-intro .course-content .country-l > li > a{font-size: 3vw; display: block; padding: 6vw 0; line-height: 3vw}
.course-intro .course-content .inter-l > li > a{font-size: 3vw; display: block; padding: 7vw 0;}

.course-intro .course-content .type_09{}/* 일본 IT 취업 아카데미 소개 */
.course-intro .course-content .type_09 > dl{font-size: 3.5vw}
.course-intro .course-content .type_09 > dt{color: #333333; font-weight: bold; padding: 3vw 0}
.course-intro .course-content .type_09 > dd{color: #666666; border-bottom: 1px solid #dcdcdc; padding-bottom: 3vw}
.course-intro .course-content .type_09 > dd:last-child{border-bottom: none;}
.course-intro .course-content .type_09:first-child{padding-top: 0}
.course-intro .course-content .type_09{padding-top: 1.5vw;}
.course-intro .course-content .type_09:after{content:''; clear:both; display: block;}

.course-intro .course-content .type_10{padding-top: 1.5vw; width: 76%; float: left;}/* 취업지원실 - 취업가이드 */
.course-intro .course-content .type_10 > dl{font-size: 3.6vw}
.course-intro .course-content .type_10 > dt{color: #333333; font-weight: bold;}
.course-intro .course-content .type_10 > dd{color: #6d6464; font-weight: bold; font-size: 3vw; line-height: 5vw;}
.course-intro .course-content .type_10 > dd li{font-weight: normal;}

.course-intro .course-content .type_10:first-child{padding-top: 0}

.course-intro .course-content .type_11{text-align:center; margin-top:5vw;}/* 학점은행제 소개 */
.course-intro .course-content .type_11 li{display:inline-block; background-color:#e16726; color:#fff; text-align:center; width:24vw; height:19vw; padding-top:5vw; vertical-align:top; border-radius:50%;}

.course-intro .type_12{}/* 학점은행제 학위과정 */
.course-intro .type_12 li{}
.course-intro .type_12 li h5{color:#e16726; font-weight:bold; border-bottom: 1px solid #dcdcdc; padding:3vw 5vw; font-size:3.5vw;}
.course-intro .type_12 li p{background-color:#f7f7f7; color:#999; border-bottom: 1px solid #dcdcdc; padding:3vw 5vw; font-size:3.5vw;}

.course-intro .course-content-1 {background-color:#fff;color:#000;overflow:hidden; margin: 0 6%; margin-top: -4.5vw; padding:3vw; font-size: 3.5vw; position: relative;}
.course-intro .course-content-1 .type_03{}/* 교육후기 */
.course-intro .course-content-1 .type_03 > dl{font-size: 3.5vw}
.course-intro .course-content-1 .type_03 > dt{color: #666666; letter-spacing: -0.5vw; line-height: 170%}
.course-intro .course-content-1 .type_03 > dd{color: #b9aaaa; font-weight: bold; font-size: 2.5vw; padding: 2vw 0 3vw 0}

/* 학점은행제 */
.title_circle{width:19.5vw; background:#e16726; color:#fff;  border-radius:100%;position: relative; margin-bottom:2.5vw;}
.title_circle:after{content:''; padding-bottom:100%; display: block;}
.title_circle > span{position: absolute;top:50%; left:50%; transform:translate(-50%,-50%); font-weight:600; font-size:3.4vw; text-align:center;}

.why-list1{}
.why-list1 li{border-bottom:1px solid #dcdcdc; font-size:3.5vw; padding:7% 0; color:#666;}
.why-list1 li h5{font-size:3.5vw; font-weight:bold; margin-bottom:2%; color:#111;}
.why-list1 li strong{color:#e86a04; font-weight:normal;}
.why-list1 li:first-child{padding:0;}
.why-list1 li:nth-child(2){background:url('/mobile/images/itbankcyber/why_img_01.png') no-repeat right center; background-size: 25%;}
.why-list1 li:nth-child(3){padding-bottom:0;}
.why-list1 li:last-child{padding-bottom:0;}
.why-list1 li:last-child .tablearea{margin-top:4.5vw;}
.why-list1 li:last-child .tablearea .table1{width:88%;}
.why-list1 li img{width:100%; margin-top:7%;}
.why-plus li:nth-child(2){background: none; padding-bottom:0;}

.why-list2_wrap{display: flex; justify-content: space-between;}
.why-list2_wrap h4{color:#e16726; font-weight:600; font-size:4vw;}
.why-list2_wrap > div:first-child{width:45%;}
.why-list2_wrap > div:last-child{width:55%; border-left:1px solid #dcdcdc; padding-left:4vw;}
.why-list2{margin-top:2vw;}
.why-list2 li{font-size:3.5vw; color:#666; position: relative; text-indent:1.5vw; line-height:1.5;}
.why-list2 li:after{position: absolute; top:50%; transform: translateY(-50%); left:0; content:''; width:3px; height:3px; background: #000; border-radius:50%; }

.program-list{}
.program-list li{border-bottom:1px solid #dcdcdc; padding-bottom:7%; font-size:3.5vw; color:#666;}
.program-list li:last-child{border-bottom:none;}
.program-list li .imgarea{margin-bottom:5%;}
.program-list li .imgarea:after{content:""; display:block; clear:both;}
.program-list li .imgarea img{float:left; width:45%;}
.program-list li .imgarea .txt{float:right; width:50%;}
.program-list li .imgarea .txt h6{color:#333; font-size:4vw; font-weight:bold; margin:10% 0 2%;}
.program-list li .license{margin-top:5%; background:#f5f5f5; padding:5%;}
.program-list li .license span{display:inline-block; vertical-align:top;}
.program-list li .license span:first-child{font-weight:bold; width:40%; text-align:center;}

.special-list{margin-top:5%;}
.special-list li{padding-top:35%;}
.special-list li:first-child{background:url('/mobile/images/itbankcyber/program_img_07.jpg') no-repeat left top; background-size: 100%;}
.special-list li:nth-child(2){background:url('/mobile/images/itbankcyber/program_img_08.jpg?v=20230202') no-repeat left top; background-size: 100%;}
.special-list li:last-child{background:url('/mobile/images/itbankcyber/program_img_09.jpg?v=20230202') no-repeat left top; background-size: 100%;}
.special-list li .txt{background:#fff; padding:7%; position:relative; top:40%; left:0; width:80%;}
.special-list li .txt h6{font-size:3.5vw; color:#e86a04; margin-bottom:3%; font-weight:bold;}
.special-list li .txt p{font-size:3vw; color:#666;}

/* 학점은행제 메인 */
.itbankcyber-index img{width: 100%}
.itbankcyber-index figure{position: relative; margin-bottom: 5vw}
.itbankcyber-index figcaption{position: absolute; bottom: 0px; width: 90%}
.itbankcyber-index .caption{width: 75%; background: #fff; padding: 6vw 6vw 0 6vw}
.itbankcyber-index .caption h3{font-size: 5.5vw; color: #000000; font-weight: bold; padding-bottom: 1vw; letter-spacing: -0.3vw;}
.itbankcyber-index .caption p{font-size: 3.5vw; color: #999999; }

.itbankcyber-index .benefits{background-color:#e16726;}
.itbankcyber-index .benefits ul{text-align: center;}
.itbankcyber-index .benefits li{float: left; width: 33.33333%; box-sizing: border-box; padding: 4vw 0; position: relative;}
.itbankcyber-index .benefits li:after{content:''; display: block; width: 1px; height: 5vw; background-color: #fff; position: absolute; right:0px; top:0px}
.itbankcyber-index .benefits li:last-child:after{display:none;}
.itbankcyber-index .benefits .benefits_icon_01{background: url('/mobile/images/itbankcyber/benefits_icon_01.png')no-repeat center top; background-size: 50%;}
.itbankcyber-index .benefits .benefits_icon_02{background: url('/mobile/images/itbankcyber/benefits_icon_02.png')no-repeat center top; background-size: 50%;}
.itbankcyber-index .benefits .benefits_icon_03{background: url('/mobile/images/itbankcyber/benefits_icon_03.png')no-repeat center top; background-size: 50%;}

.itbankcyber-index .benefits ul li a > p{color:#fff; padding-top: 18vw; font-size: 3vw}
.itbankcyber-index .benefits:after{content:''; clear: both; display: block;}

/* 기업교육 메인 */
.companyCurri-index img{width: 100%}
.companyCurri-index figure{position: relative; margin-bottom: 5vw}
.companyCurri-index figcaption{position: absolute; bottom: 0px; width: 90%}
.companyCurri-index .caption{width: 75%; background: #fff; padding: 6vw 6vw 0 6vw}
.companyCurri-index .caption h3{font-size: 5.5vw; color: #000000; font-weight: bold; padding-bottom: 1vw; letter-spacing: -0.3vw;}
.companyCurri-index .caption p{font-size: 3.5vw; color: #999999; }

.companyCurri-list{}
.companyCurri-list li{text-align:center; border-bottom:1px solid #dcdcdc; padding:4% 0;}
.companyCurri-list li:last-child{border-bottom:none;}

.companywith{height:55vw;}
.companywith .swiper-container{height:50vw;}
.companywith .swiper-slide{border-bottom:1px solid #dcdcdc; padding:0 5%; display:flex; flex-direction:column; justify-content:center;}
.companywith .swiper-slide strong{display:block;}
.companywith .swiper-slide p{font-size:3vw; color:#999;}
.companywithTxt{font-size:3vw;}

/* 일본취업 메인 */
.japanit-index img{width: 100%}
.japanit-index figure{position: relative; margin-bottom: 5vw}
.japanit-index figcaption{position: absolute; bottom: 0px; width: 90%}
.japanit-index .caption{width: 75%; background: #fff; padding: 6vw 6vw 0 6vw}
.japanit-index .caption h3{font-size: 5.5vw; color: #000000; font-weight: bold; padding-bottom: 1vw; letter-spacing: -0.3vw;}
.japanit-index .caption p{font-size: 3.5vw; color: #999999; }

.japanit-index .benefits{background-color:#e16726;}
.japanit-index .benefits ul{text-align: center;}
.japanit-index .benefits li{float: left; width: 25%; box-sizing: border-box; padding: 4vw 0; position: relative;}
.japanit-index .benefits li:after{content:''; display: block; width: 1px; height: 5vw; background-color: #fff; position: absolute; right:0px; top:0px}
.japanit-index .benefits li:last-child:after{display:none;}
.japanit-index .benefits .benefits_icon_01{background: url('/mobile/images/japanit/benefits_icon_01.png')no-repeat center top; background-size: 65%;}
.japanit-index .benefits .benefits_icon_02{background: url('/mobile/images/japanit/benefits_icon_02.png')no-repeat center top; background-size: 65%;}
.japanit-index .benefits .benefits_icon_03{background: url('/mobile/images/japanit/benefits_icon_03.png')no-repeat center top; background-size: 65%;}
.japanit-index .benefits .benefits_icon_04{background: url('/mobile/images/japanit/benefits_icon_04.png')no-repeat center top; background-size: 65%;}

.japanit-index .benefits ul li a > p{color:#fff; padding-top: 18vw; font-size: 3vw}
.japanit-index .benefits:after{content:''; clear: both; display: block;}

.japanit-intro-benefits{color:#fff; text-align: center; padding: 5vw 0vw}
.japanit-intro-benefits > p.title {font-weight: bold; font-size: 4vw; padding-bottom: 2vw; position: relative;}
.japanit-intro-benefits > span{font-size: 3.5vw; display:inline-block; border:1px solid #fff; border-radius: 5vw; padding: 1vw 5vw; position: relative;}
.japanit-intro-benefits > .bu-plus:after{content: '+'; display: inline-block; width: 6.5vw; height: 6.5vw; background-color: #fff; border-radius: 15vw; color: #e16726; position: absolute; font-size: 6.5vw; line-height: 5vw; text-align: center; top: 0vw; right: -4vw; z-index: 9;
}

.interview-img{width: 100%}

/* 사후 안심 케어 */
.aftercare > img{width: 100%}
.aftercare > p {margin: 2vw 3vw;}
.aftercare > p:before{content: ''; display: inline-block; width: 0.5vw; height: 0.5vw; background: #222; border-radius: 40vw; margin-bottom: 1.2vw; margin-right: 1.2vw;}
.aftercare-box{border: 1px solid #9a9192; padding: 4vw 2vw; margin-bottom: 6vw;}
.aftercare-box:last-child{margin-bottom: 0}
.aftercare-box > ul{overflow:hidden}
.aftercare-box > ul li{float: left; box-sizing: border-box; letter-spacing: -0.4vw}
.aftercare-box > .div3 li{width:33.33333%; text-align: center; color:#999999; border-right: 1px solid #999292;position: relative;}
.aftercare-box > .div3 li > p{padding-top: 12vw; font-size: 3.5vw;}
.aftercare-box > .div3 li:after{content: ''; display: inline-block; width: 6vw; height: 6vw; background: url(/mobile/images/japanit/div_or.png)no-repeat center center; background-size: 100%; position: absolute; top: 6vw; right: -3vw;}
.aftercare-box > .div3 li:last-child:after{display: none;}
.aftercare-box > .div3 li:last-child{border:none;}
.aftercare-box > .div3 .div3_icon_01{background: url('/mobile/images/japanit/div3_icon_01.png')no-repeat center top; background-size: 40%;}
.aftercare-box > .div3 .div3_icon_02{background: url('/mobile/images/japanit/div3_icon_02.png')no-repeat center top; background-size: 40%;}
.aftercare-box > .div3 .div3_icon_03{background: url('/mobile/images/japanit/div3_icon_03.png')no-repeat center top; background-size: 40%;}


.aftercare-box > .div2 li{width:50%; border-right: 1px solid #999292; padding-left: 3vw;}
.aftercare-box > .div2 li:last-child{border:none;}
.aftercare-box > .div2 .title-01{color: #333333; font-size: 3vw}
.aftercare-box > .div2 .title-02{color: #e06726; font-size: 4vw; font-weight: bold}
.aftercare-box > .div2 .title-03{color: #999999; font-size: 2.8vw}
.aftercare-box > ul li:after{content:''; clear: both; display: block;}

/* 일본취업후기 */
.course-intro .curriculum-list .coursecompletion > figure{padding-bottom: 3.5vw}
.course-intro .curriculum-list .coursecompletion > figure img{width: 33%; float:left;}
.course-intro .curriculum-list .coursecompletion > figure .caption{float:left; padding-top: 5vw; padding-left: 5vw; width: 47%}
.course-intro .curriculum-list .coursecompletion > figure .caption dt:before{content: ''; display: inline-block; width: 0.5vw; height: 0.5vw; background: #222; border-radius: 40vw; margin-bottom: 1.2vw; margin-right: 1.2vw;}
.course-intro .curriculum-list .coursecompletion > figure .caption dt{}
.course-intro .curriculum-list .coursecompletion > figure .caption dt{color:#000; font-size: 3.6vw; padding: 1vw 0; float: left; width: 45%}
.course-intro .curriculum-list .coursecompletion > figure .caption dd{color:#000; font-size: 3.6vw; padding: 1vw 0;}
.course-intro .curriculum-list .coursecompletion > figure:after{content:''; clear:both; display:block;}
.coursecompletion-contens{font-size: 3vw; color: #666666; line-height: 170%}



/* 자격증안내 메인*/
.testcenter-index{}
.testcenter-index img{width: 100%}
.testcenter-index figure{position: relative; margin-bottom: 5vw}
.testcenter-index figcaption{position: absolute; bottom: 0px; width: 90%}
.testcenter-index .caption{width: 75%; background: #fff; padding: 6vw 6vw 0 6vw}
.testcenter-index .caption h3{font-size: 5.5vw; color: #000000; font-weight: bold; padding-bottom: 1vw; letter-spacing: -0.3vw;}
.testcenter-index .caption p{font-size: 3.5vw; color: #999999; }

.testcenter-index-banner{background: #6d6464;}
.testcenter-index-banner-inner{background:url('/mobile/images/testcenter/banner-icon.png')no-repeat center left; background-size: 13%; background-position-x: 6%; position: relative; padding: 6vw 0}
.testcenter-index-banner-inner p{color:#fff; padding-left: 25%; font-size: 4vw;}
.testcenter-index-banner-inner p:before{content:''; display: inline-block; width: 1px; height: 7vw; background-color: #fff; position: absolute; left: 22%; top: 0px}
.testcenter-index-banner-inner ul{padding-left: 25%;}
.testcenter-index-banner-inner ul li{float: left;}
.testcenter-index-banner-inner ul li a{color:#b9aaaa; font-size: 3vw;}
.testcenter-index-banner-inner ul li a:after{content:''; display: inline-block; width: 1px; height: 3vw; background-color: #484848; margin: 0 3vw; top: 0.4vw; position: relative;}
.testcenter-index-banner-inner ul li:last-child a:after{display:none;}
.testcenter-index-banner-inner ul:after{content:''; clear:both; display: block;}





/* 상담센터 메인*/
.support-index img{width: 100%}
.support-index figure{position: relative; margin-bottom: 5vw}
.support-index figcaption{position: absolute; bottom: 0px; width: 90%}
.support-index .caption{width: 75%; background: #fff; padding: 6vw 6vw 0 6vw}
.support-index .caption h3{font-size: 5.5vw; color: #000000; font-weight: bold; padding-bottom: 1vw; letter-spacing: -0.3vw;}
.support-index .caption p{font-size: 3.5vw; color: #999999; }

.support-index .benefits{background-color:#e16726;}
.support-index .benefits ul{text-align: center;}
.support-index .benefits li{float: left; width: 25%; box-sizing: border-box; padding: 4vw 0; position: relative;}
.support-index .benefits li:after{content:''; display: block; width: 1px; height: 5vw; background-color: #fff; position: absolute; right:0px; top:0px}
.support-index .benefits li:last-child:after{display:none;}
.support-index .benefits .benefits_icon_01{background: url('/mobile/images/support/benefits_icon_01.png')no-repeat center top; background-size: 65%;}
.support-index .benefits .benefits_icon_02{background: url('/mobile/images/support/benefits_icon_02.png')no-repeat center top; background-size: 65%;}
.support-index .benefits .benefits_icon_03{background: url('/mobile/images/support/benefits_icon_03.png')no-repeat center top; background-size: 65%;}
.support-index .benefits .benefits_icon_04{background: url('/mobile/images/support/benefits_icon_04.png')no-repeat center top; background-size: 65%;}

.support-index .benefits p{color:#fff; padding-top: 18vw; font-size: 3vw}
.support-index .benefits:after{content:''; clear: both; display: block;}
.support_main_banner{background: url('/mobile/images/support/support_main_banner.jpg')no-repeat center top; background-size: cover; padding: 5vw 12vw; color:#fff; position: relative;}
.support_main_banner:before{content:''; display: inline-block; width:1px; height:5vw; background-color:#fff; position: absolute; top:0; left: 6%;}
.support_main_banner p{font-size: 4vw; padding: 1vw 0;}
.support_main_banner span{font-size: 3vw; display: block;}

.consult-div{background-color:#fff; border: 1px solid #dcdcdc;}


/* 취업지원실 메인*/
.job_support-index img{width: 100%}
.job_support-index figure{position: relative; margin-bottom: 5vw}
.job_support-index figcaption{position: absolute; bottom: 0px; width: 90%}
.job_support-index .caption{width: 75%; background: #fff; padding: 6vw 6vw 0 6vw}
.job_support-index .caption h3{font-size: 5.5vw; color: #000000; font-weight: bold; padding-bottom: 1vw; letter-spacing: -0.3vw;}
.job_support-index .caption p{font-size: 3.5vw; color: #999999; }

.job_support-index .benefits{background-color:#e16726;}
.job_support-index .benefits ul{text-align: center;}
.job_support-index .benefits li{float: left; width: 33.333333%; box-sizing: border-box; padding: 4vw 0; position: relative;}
.job_support-index .benefits li:after{content:''; display: block; width: 1px; height: 5vw; background-color: #fff; position: absolute; right:0px; top:0px}
.job_support-index .benefits li:last-child:after{display:none;}
.job_support-index .benefits .benefits_icon_01{background: url('/mobile/images/job_support/benefits_icon_01.png')no-repeat center top; background-size: 50%;}
.job_support-index .benefits .benefits_icon_02{background: url('/mobile/images/job_support/benefits_icon_02.png')no-repeat center top; background-size: 50%;}
.job_support-index .benefits .benefits_icon_03{background: url('/mobile/images/job_support/benefits_icon_03.png')no-repeat center top; background-size: 50%;}

.job_support-index .benefits p{color:#fff; padding-top: 18vw; font-size: 3vw}
.job_support-index .benefits:after{content:''; clear: both; display: block;}
.job_support-system-text{padding: 4vw 0; line-height: 150%; letter-spacing: -0.3vw;}
.pointbanner{background-color:#e16726; padding: 8vw 6% 4vw; margin-top: -10vw;}
.pointbanner.tac{text-align: center;}
.pointbanner > p{color: #fff; font-size: 3.5vw; letter-spacing: -0.3vw}
.pointbanner .btn_link{background-color: #000; color: #fff; width: 100%; display: block; margin-top: 2vw; padding: 2.8vw 0; font-size: 3.5vw;}


/* 취업지원실 상세페이지*/
.distribution > img{width: 100%}
.course-intro .curriculum-list .distribution{}
.course-intro .curriculum-list .distribution > figure{padding-bottom: 3.5vw}
.course-intro .curriculum-list .distribution > figure img{width: 30%; float:left;}
.course-intro .curriculum-list .distribution ul{float: right; padding: 3vw 0 4vw 0vw; width: 65%}
.course-intro .curriculum-list .distribution ul li{border-bottom: 1px solid #dcdcdc; padding: 3vw; letter-spacing: -0.3vw;}
.course-intro .curriculum-list .distribution ul li:before{content: ''; display: inline-block; width: 0.5vw; height: 0.5vw; background: #222; border-radius: 40vw; margin-bottom: 1.2vw; margin-right: 1.2vw;}

/* 커뮤니티 메인*/
.community img{width: 100%}
.community-index img{width: 100%}
.community-index figure{position: relative; margin-bottom: 5vw}
.community-index figcaption{position: absolute; bottom: 0px; width: 90%}
.community-index .caption{width: 75%; background: #fff; padding: 6vw 6vw 0 6vw}
.community-index .caption h3{font-size: 5.5vw; color: #000000; font-weight: bold; padding-bottom: 1vw; letter-spacing: -0.3vw;}
.community-index .caption p{font-size: 3.5vw; color: #999999; }

.community-index .bbslink{margin:6%;}
.community-index .bbslink ul{text-align: center;}
.community-index .bbslink li{float: left; width: 33.333333%; box-sizing: border-box; padding: 4vw 0; position: relative; border: 1px solid #dcdcdc; margin:0 0 -1px -1px}
.community-index .bbslink .bbslink_01{background: url('/mobile/images/community/bbslink_icon_07.png')no-repeat center top; background-size: 50%;}
.community-index .bbslink .bbslink_02{background: url('/mobile/images/community/bbslink_icon_08.png')no-repeat center top; background-size: 50%;}
.community-index .bbslink .bbslink_03{background: url('/mobile/images/community/bbslink_icon_02.png')no-repeat center top; background-size: 50%;}
.community-index .bbslink .bbslink_04{background: url('/mobile/images/community/bbslink_icon_04.png')no-repeat center top; background-size: 50%;}
.community-index .bbslink .bbslink_05{background: url('/mobile/images/community/bbslink_icon_05.png')no-repeat center top; background-size: 50%;}
.community-index .bbslink .bbslink_06{background: url('/mobile/images/community/bbslink_icon_06.png')no-repeat center top; background-size: 50%;}


.community-index .bbslink p{color:#333333; padding-top: 14vw; font-size: 3vw}
.community-index .bbslink:after{content:''; clear: both; display: block;}

.community-index-banner{background: #e16726;}
.community-index-banner-inner{background:url('/mobile/images/community/banner-icon.png')no-repeat center left; background-size: 10%; background-position-x: 8%;}
.community-index-banner-inner > a{display: block; padding: 7% 10%; position: relative;}
.community-index-banner-inner > a:before{content:''; display: inline-block; width: 1px; height: 7vw; background-color: #fff; position: absolute; left: 22%; top: 0px}
.community-index-banner-inner p{color:#fff; padding-left: 20%; font-size: 5vw;}
.community-index-banner-inner p strong{font-weight: bold;}



/* 강사소개 */
#newTeacher > ul > li{    
	border-bottom: 1px solid #2b2b2b;
	padding: 0 6%;
	background-image: url('/mobile/images/teacher/td_arrow.png');
	background-repeat: no-repeat;
	background-size: 3vw;
	background-position: 95%;
}
.teacher-list figure{padding-top: 4vw; }
.teacher-list figure img{width: 20%; float:left;}
.teacher-list figure .caption{float:left; padding-top: 4vw; padding-left: 6vw}
.teacher-list figure .caption .hashtag{color:#e16724; font-size: 3vw;}
.teacher-list figure .caption h3{color:#333333; font-size: 4.5vw; padding-bottom: 1vw; font-weight: bold; letter-spacing: -0.7vw}
.teacher-list figure .caption h4{color:#666; font-size: 3vw;}
.teacher-list figure:after{content:''; clear:both; display:block;}

.teacher-view img{width: 100%; position: relative; left: 75%}
.teacher-view figure{position: relative; margin-bottom: 5vw; background:url('/mobile/images/teacher/teacher-sub_view_bg.jpg')no-repeat center center; background-size: cover;}
.teacher-view figure span{display: block; width: 55%; padding-top: 4vw;}
.teacher-view figcaption{position: absolute; bottom: 0px; width: 90%}
.teacher-view .caption{width: 75%; background: #fff; padding: 6vw 6vw 0 6vw}
.teacher-view .caption h3{font-size: 5.5vw; color: #000000; font-weight: bold; padding-bottom: 1vw; letter-spacing: -0.3vw;}
.teacher-view .caption p{font-size: 3vw; color: #999999; }

#teacher-sub_view{margin-bottom: 20px; padding-bottom: 20px;}	
.teacher-profile{background-color:#f7f7f7; padding: 6%; margin: 6vw 0;}
.teacher-profile .teacher-div{background-color:#fff; border: 1px solid #dcdcdc;}
.teacher-profile .teacher-div{display: table; width: 100%; margin-bottom: 2vw; }
.teacher-profile .teacher-div >  span{vertical-align: top; display:table-cell; width: 25%; font-size: 3.5vw; font-weight: bold; color: #333333; padding: 3vw; text-align: right;}
.teacher-profile .teacher-div > ul{vertical-align: top; display:table-cell}
.teacher-profile .teacher-div > ul > li{border-bottom: 1px solid #dcdcdc; padding: 3vw 0 3vw 3vw; font-size: 3vw; color:#333333}
.teacher-profile .teacher-div > ul > li:last-child{border-bottom:none;}

.teacher_list_more{display:block; background-color:#999999; color: #fff; font-size: 4vw; text-align: center; padding: 5vw 0}

.tnamearea{position: absolute; top: 11vw; left: 10vw; color: #999999;}
.tnamearea .txt_itbank:before{content: ''; display: block; width: 1px; height: 16vw; background: #999999; transform: rotate(-145deg); position: absolute; top: -12.6vw; left: 5vw;}
.tnamearea .txt_itbank{font-size: 4vw; letter-spacing: -0.2vw;}
.tnamearea .txt_itbank strong{font-weight: bold;}
.tnamearea .txt_tname{font-size: 12vw; font-weight: bold; letter-spacing: -1vw; line-height: 12vw;}
#bo_v_bot {zoom:1; margin: 0 6%;}
#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_bot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_bot ul {margin:0;padding:0;list-style:none}
.bo_v_nb {float:left}
.bo_v_nb li {float:left;margin-right:-1px}
.bo_v_com {float:right}
.bo_v_com li {float:left;margin-left:5px}


/* 자격증안내-아이티뱅크 국제공인시험센터 */
.testcenter-contens-area{background-color:#f7f7f7; padding: 6% 0}
.testcenter-contens-inner{margin:0 6%;}
.testcenter-contens-inner h5{font-size: 3.6vw; color: #333333; font-weight: bold; padding-bottom: 2vw;}
.testcenter-contens{background-color: #ffffff; border: 1px solid #dfdfdf; margin-bottom: 3vw;}
.testcenter-contens > dl > dt {font-size: 3.6vw; color: #333333; padding: 3vw; border-bottom: 1px solid #dcdcdc; background: url('/mobile/images/support/down_arrow.png')no-repeat right center; background-size: 5vw; background-position-x: 97%;}
/* .testcenter-contens dt span {display: inline-block; background: url('/mobile/images/support/down_arrow.png')no-repeat right center;  background-size: 5vw; background-position-x: 97%; width: 7vw; height: 5vw; float: right;} */
.testcenter-contens > dl > .on {background: url('/mobile/images/support/up_arrow.png')no-repeat right center; background-size: 5vw; background-position-x: 97%;}
.testcenter-contens > dl > dd {display: none; font-size: 3vw; color: #333333; padding: 4vw; border-bottom: 1px solid #dcdcdc;}

.list-contens > li{padding-bottom: 3vw;}
.list-contens > li > p {font-size: 3vw; font-weight: bold;}
.list-contens > li > ul > li{color: #666666; line-height: 5vw; }
.list-contens > li > ul > li:before{content:''; display: inline-block; width: 0.5vw; height: 0.5vw; background-color: #666666; border-radius: 2vw; margin: 1vw}
.list-contens > li > dl {line-height: 5vw;}
.list-contens > li > dl > dt{font-size: 3vw; font-weight: bold; color: #666666;}
.list-contens > li > dl > dd{font-size: 3vw; color: #666666; padding-left: 3vw; display: block !important;}
.list-contens > li > dl > dt:before{content:''; display: inline-block; width: 0.5vw; height: 0.5vw; background-color: #666666; border-radius: 2vw; margin: 1vw}

.testcenter-contens_01{background-color: #ffffff; border: 1px solid #dfdfdf; margin-bottom: 3vw;}
.testcenter-contens_01 > p{font-weight: bold; font-size: 3.5vw; color: #fff; background-color:#6e6465; padding: 3vw;}
.testcenter-contens_01 table{width: 100%; font-size: 3vw;}
.testcenter-contens_01 td{padding: 3vw; text-align: center; border-bottom: 1px solid #dcdcdc;}
.testcenter-contens_01 .td_class{color: #333333; text-align: left;}
.testcenter-contens_01 .td_code{color: #6e6465}
.testcenter-contens_01 .td_code > em{border: 0.1vw solid #6e6465; padding: 0vw 1vw; font-size: 2vw; border-radius: 6vw; margin-right: 1vw;}
.testcenter-contens_01 .td_code > em:before{content: 'CODE'; display: inline-block; color: #6e6465;}
.testcenter-contens_01 .td_pay{font-weight: bold; color: #e16726}


.testcenter-div-list{background: #e16726; padding: 6% 6% 13%;}
.testcenter-div-list ul {}
.testcenter-div-list ul li a{color:#fff; font-size: 4vw; display: block; opacity: 0.5}
.testcenter-div-list ul li a:before{content: ''; width: 3vw; height: 3vw; border: 1px solid; display: inline-block; border-radius: 4vw; margin-right: 1vw; margin-bottom: -0.3vw;}
.testcenter-div-list ul li a.on{opacity: 1}
.testcenter-div-list ul li a.on:before{background: url('/mobile/images/testcenter/icon_on.jpg')no-repeat center center; background-size: 100%;}
.certificate-name-area{padding: 0 6%; margin-top: -7vw; position: relative;}
.certificate-name-area > img{width: 34%; background-color:#fff;}
.certificate-name-area > .certificate-inter-name{display: inline-block; font-weight: bold; font-size: 4vw; color: #333333; padding-left: 4vw; line-height: 100%; position: absolute; bottom: 4vw}
.certificate-name-area > .certificate-name{display: inline-block; font-weight: bold; font-size: 4vw; color: #333333; padding-left: 4vw; line-height: 100%; position: absolute; bottom: 6vw}
.certificate-explanation{background-color:#f7f7f7; padding: 6%; color: #666666; font-size: 3vw; line-height: 170%}


.certificate-summary{display: table; width: 100%; padding: 3vw 0; border-bottom: 1px solid #dcdcdc;}
.certificate-summary:last-child{border-bottom: none}
.certificate-summary span{vertical-align: top; display: table-cell; width: 30%; font-size: 3.5vw; font-weight: bold; color: #333333; padding: 3vw; text-align: center;}
.certificate-summary ul li{font-size: 3vw; color: #666666; padding: 3vw;}
.certificate-summary dl{font-size: 3vw; color: #666666; padding: 3vw;}
.certificate-summary dt{color: #e16726;}
.certificate-summary dd{line-height: 150%; padding-bottom: 2vw}
.certificate-summary dd .change{ncolor: #333333; text-decoration:underline}

/* 시험센터 오시는길 */
.testcenter-map-list{overflow: hidden;}
.testcenter-map-list > ul{text-align: center; display: table; margin: 0 auto;}
.testcenter-map-list > ul > li {float:left;}
.testcenter-map-list > ul > li > a{font-size: 3.6vw; padding: 4vw 2vw; display: block;}
.testcenter-map-list > ul > .on:after{content: ''; display: block; width: 100%; height: 2px; background: #000; margin: 0 auto;}
.testcenter-map img{width: 100%}
.testcenter-map figure{position: relative; margin-bottom: 5vw}
.testcenter-map figcaption{position: absolute; bottom: 0px; width: 90%; z-index:9}
.testcenter-map .caption{width: 75%; background: #fff; padding: 6vw 6vw 0 6vw}
.testcenter-map .caption h3{font-size: 5.5vw; color: #000000; font-weight: bold; padding-bottom: 1vw; letter-spacing: -0.3vw;}
.testcenter-map .caption p{font-size: 3.5vw; color: #999999; }
.testcenter-contact{background-color:#e16726; padding: 6% 11vw; position: relative;}
.testcenter-contact:before{content: ''; display: inline-block; width: 1px; height: 7vw; background-color: #fff; position: absolute; left: 7%; top: 0px;}
.testcenter-contact .testcenter-number{color: #fff; font-size: 6vw; font-weight: bold;  display: inline-block}
.testcenter-contact .testcenter-number > span{color: #000000; font-size: 3vw; font-weight: bold; display: block}
.testcenter-contact .testcenter-opentime{color: #fff; font-size: 3vw; display: inline-block; position: relative; top: -1vw;}
.testcenter-contact .testcenter-opentime li{padding: 1vw 0vw 0vw 3vw}
.testcenter-contact .testcenter-opentime > .weekday:before{content:'평일'; border: 0.1vw solid #fff; padding: 0.3vw 2vw; display: inline-block; border-radius: 3vw; font-size: 2.7vw; margin-right: 1vw}
.testcenter-contact .testcenter-opentime > .weekend:before{content:'주말'; border: 0.1vw solid #fff; padding: 0.3vw 2vw; display: inline-block; border-radius: 3vw; font-size: 2.7vw; margin-right: 1vw}

/* 시험센터 오시는길 */
.branch-map-list{overflow: hidden;}
.branch-map-list > ul{text-align: center; display: table; margin: 0 auto;}
.branch-map-list > ul > li {float:left;}
.branch-map-list > ul > li > a{font-size: 3.6vw; padding: 4vw 2vw; display: block;}
.branch-map-list > ul > .on:after{content: ''; display: block; width: 100%; height: 2px; background: #000; margin: 0 auto;}
.branch-map img{width: 100%}
.branch-map figure{position: relative; margin-bottom: 5vw}
.branch-map figcaption{position: absolute; bottom: 0px; width: 90%; z-index:9}
.branch-map .caption{width: 75%; background: #fff; padding: 6vw 6vw 0 6vw}
.branch-map .caption h3{font-size: 5.5vw; color: #000000; font-weight: bold; padding-bottom: 1vw; letter-spacing: -0.3vw;}
.branch-map .caption p{font-size: 3.5vw; color: #999999; }

/* 시설안내 */
.menu-tab{overflow: hidden;}
.menu-tab > ul > li{float: left; width : 50%; text-align: center; color: #999999; padding: 4vw 0vw; border: 1px solid #dcdcdc; box-sizing: border-box;}
.menu-tab > ul > li > a{font-size: 3.6vw;}
.menu-tab > ul > .on{background-color: #6d6464; border: 1px solid #6d6464;}
.menu-tab > ul > .on > a{color:#fff;}
.mapinfo{background-color: #f7f7f7; padding: 0 6%}
.gallery-top > .swiper-wrapper > .swiper-slide > img{width: 100%}
.gallery-thumbs{position: relative; z-index: 1; margin: 0 6% !important; margin-top: -13vw !important; background: #fff;}
.gallery-thumbs .swiper-slide{opacity: 0.6}
.gallery-thumbs > .swiper-wrapper > .swiper-slide > img{width: 100% }
.gallery-thumbs > ul{display: table-cell;}
.gallery-thumbs > ul > li{width: 33.3333% !important ; float: left; position: relative;}
.gallery-thumbs > ul > li > span{text-align: center; display: block; font-size: 3vw; color: #fff; position: absolute; width: 100%; padding: 8.2vw 0px;}
.gallery-thumbs .swiper-slide-thumb-active{opacity: 1}
.gallery-thumbs .swiper-slide-thumb-active:before{content: ''; display: block; background-color: #e16726; width: 100%; height: 100%; position: absolute;}

.gallery-top2 > .swiper-wrapper > .swiper-slide > img{width: 100%}
.gallery-thumbs2{margin: 0 6% !important; margin-top: -13vw !important; background: #fff;}
.gallery-thumbs2 .swiper-slide{opacity: 0.6}
.gallery-thumbs2 > .swiper-wrapper > .swiper-slide > img{width: 100% }
.gallery-thumbs2 > ul{display: table-cell;}
.gallery-thumbs2 > ul > li{width: 33.3333% !important ; float: left; position: relative;}
.gallery-thumbs2 > ul > li > span{text-align: center; display: block; font-size: 3vw; color: #fff; position: absolute; width: 100%; padding: 8.2vw 0px;}
.gallery-thumbs2 .swiper-slide-thumb-active{opacity: 1}
.gallery-thumbs2 .swiper-slide-thumb-active:before{content: ''; display: block; background-color: #e16726; width: 100%; height: 100%; position: absolute;}

.gallery-top3 > .swiper-wrapper > .swiper-slide > img{width: 100%}
.gallery-thumbs3{margin: 0 6% !important; margin-top: -13vw !important; background: #fff;}
.gallery-thumbs3 .swiper-slide{opacity: 0.6}
.gallery-thumbs3 > .swiper-wrapper > .swiper-slide > img{width: 100% }
.gallery-thumbs3 > ul{display: table-cell;}
.gallery-thumbs3 > ul > li{width: 33.3333% !important ; float: left; position: relative;}
.gallery-thumbs3 > ul > li > span{text-align: center; display: block; font-size: 3vw; color: #fff; position: absolute; width: 100%; padding: 8.2vw 0px;}
.gallery-thumbs3 .swiper-slide-thumb-active{opacity: 1}
.gallery-thumbs3 .swiper-slide-thumb-active:before{content: ''; display: block; background-color: #e16726; width: 100%; height: 100%; position: absolute;}

.gallery-top4 > .swiper-wrapper > .swiper-slide > img{width: 100%}
.gallery-thumbs4{margin: 0 6% !important; margin-top: -13vw !important; background: #fff;}
.gallery-thumbs4 .swiper-slide{opacity: 0.6}
.gallery-thumbs4 > .swiper-wrapper > .swiper-slide > img{width: 100% }
.gallery-thumbs4 > ul{display: table-cell;}
.gallery-thumbs4 > ul > li{width: 33.3333% !important ; float: left; position: relative;}
.gallery-thumbs4 > ul > li > span{text-align: center; display: block; font-size: 3vw; color: #fff; position: absolute; width: 100%; padding: 8.2vw 0px;}
.gallery-thumbs4 .swiper-slide-thumb-active{opacity: 1}
.gallery-thumbs4 .swiper-slide-thumb-active:before{content: ''; display: block; background-color: #e16726; width: 100%; height: 100%; position: absolute;}

.gallery-top5 > .swiper-wrapper > .swiper-slide > img{width: 100%}
.gallery-thumbs5{margin: 0 6% !important; margin-top: -13vw !important; background: #fff;}
.gallery-thumbs5 .swiper-slide{opacity: 0.6}
.gallery-thumbs5 > .swiper-wrapper > .swiper-slide > img{width: 100% }
.gallery-thumbs5 > ul{display: table-cell;}
.gallery-thumbs5 > ul > li{width: 33.3333% !important ; float: left; position: relative;}
.gallery-thumbs5 > ul > li > span{text-align: center; display: block; font-size: 3vw; color: #fff; position: absolute; width: 100%; padding: 8.2vw 0px;}
.gallery-thumbs5 .swiper-slide-thumb-active{opacity: 1}
.gallery-thumbs5 .swiper-slide-thumb-active:before{content: ''; display: block; background-color: #e16726; width: 100%; height: 100%; position: absolute;}


/* 국제자격증 */
.inter-summary{}
.inter-summary > p{border-bottom: 1px solid #818181; color: #666666; font-size: 3vw; text-align: center; padding: 6%;}
.inter-summary > dl{}
.inter-summary > dl > dt{color: #e16726; font-weight: bold; font-size: 3vw; padding: 3vw 6%; border-bottom: 1px solid #e7e7e7}
.inter-summary > dl > dd{font-size: 3vw; padding: 3vw 6%; background-color: #f7f7f7; overflow: hidden; border-bottom: 1px solid #e7e7e7}
.inter-summary > dl > dd > p{color: #333333; padding-bottom: 1vw;}
.inter-summary > dl > dd > ul li{float: left; color: #999999; font-size: 2.7vw;}
.inter-summary > dl > dd > ul li:after{content: ''; display: inline-block; width: 1px; height: 2.4vw; background-color: #dcdcdc; margin: 0vw 2vw;}
.inter-summary > dl > dd > ul li:last-child:after{display: none;}
.inter-summary > dl > dd > ul:after{content:''; clear:both; display: block;}
.certificate-step{border: 1px solid #e16726; border-right: none;}
.certificate-step > li{width:33.33333%; float: left; box-sizing: border-box; font-size: 3vw; color: #e16726; margin-bottom: -1px; padding:7vw 0vw 14vw 3vw; position: relative; border-right: 1px solid #e16726; border-bottom: 1px solid #e16726;}

.certificate-step .step1{background: url('/mobile/images/testcenter/icon_step_01.png')no-repeat 90% 85%; background-size: 35%;}
.certificate-step .step2{background: url('/mobile/images/testcenter/icon_step_02.png')no-repeat 90% 85%; background-size: 35%;}
.certificate-step .step3{background: url('/mobile/images/testcenter/icon_step_03.png')no-repeat 90% 85%; background-size: 35%;}
.certificate-step .step4{background: url('/mobile/images/testcenter/icon_step_04.png')no-repeat 90% 85%; background-size: 35%;}
.certificate-step .step5{background: url('/mobile/images/testcenter/icon_step_05.png')no-repeat 90% 85%; background-size: 35%;}
.certificate-step .step6{background: url('/mobile/images/testcenter/icon_step_06.png')no-repeat 90% 85%; background-size: 35%;}

.certificate-step .step1:before{content:'STEP1'; display:inline-block; font-size: 2vw; font-weight: bold; position: absolute; top: 3vw}
.certificate-step .step2:before{content:'STEP2'; display:inline-block; font-size: 2vw; font-weight: bold; position: absolute; top: 3vw}
.certificate-step .step3:before{content:'STEP3'; display:inline-block; font-size: 2vw; font-weight: bold; position: absolute; top: 3vw}
.certificate-step .step4:before{content:'STEP4'; display:inline-block; font-size: 2vw; font-weight: bold; position: absolute; top: 3vw}
.certificate-step .step5:before{content:'STEP5'; display:inline-block; font-size: 2vw; font-weight: bold; position: absolute; top: 3vw}
.certificate-step .step6:before{content:'STEP6'; display:inline-block; font-size: 2vw; font-weight: bold; position: absolute; top: 3vw}

.certificate-step:after{content:''; clear:both; display: block;}

/* 교육원소개 메인*/
.company-index img{width: 100%}
.company-index figure{position: relative; margin-bottom: 5vw}
.company-index figcaption{position: absolute; bottom: 0px; width: 90%}
.company-index .caption{width: 75%; background: #fff; padding: 6vw 6vw 0 6vw}
.company-index .caption h3{font-size: 5.5vw; color: #000000; font-weight: bold; padding-bottom: 1vw; letter-spacing: -0.3vw;}
.company-index .caption p{font-size: 3.5vw; color: #999999; }

.company-index .benefits{background-color:#e16726;}
.company-index .benefits ul{text-align: center;}
.company-index .benefits li{float: left; width: 25%; box-sizing: border-box; padding: 4vw 0; position: relative;}
.company-index .benefits li:after{content:''; display: block; width: 1px; height: 5vw; background-color: #fff; position: absolute; right:0px; top:0px}
.company-index .benefits li:last-child:after{display:none;}
.company-index .benefits .benefits_icon_01{background: url('/mobile/images/company/benefits_icon_01.png')no-repeat center top; background-size: 65%;}
.company-index .benefits .benefits_icon_02{background: url('/mobile/images/company/benefits_icon_02.png')no-repeat center top; background-size: 65%;}
.company-index .benefits .benefits_icon_03{background: url('/mobile/images/company/benefits_icon_03.png')no-repeat center top; background-size: 65%;}
.company-index .benefits .benefits_icon_04{background: url('/mobile/images/company/benefits_icon_04.png')no-repeat center top; background-size: 65%;}

.company-index .benefits p{color:#fff; padding-top: 18vw; font-size: 3vw}
.company-index .benefits:after{content:''; clear: both; display: block;}

/* 교육원소개 */
.company{}
.company img{width:100%;}
.company .txt{margin:6%; font-size:3.5vw; color:#999;}
.company .txt strong{font-size:5.5vw; color:#000;}
.company .btm{margin:6%; font-size:5.5vw; color:#000; text-align:center;}
.company .btm strong{display:block;}

/* 연혁 */
.history{margin:6%;}
.history p{font-weight:bold; font-size:5.5vw; color:#000; padding-left:5vw;}
.history p:before{content:''; display:inline-block; width: 3vw; height: 3vw; background-color:#e16726; position:absolute; margin-top:2.3vw; left:6%;}
.history ul{margin:2vw 0;}
.history ul li{display:flex; font-size:3.5vw; color:#999; word-break:keep-all;}
.history ul li span{flex-shrink:0; margin-right:2vw; color:#000;}

/* 코딩페이지 */
.coding{}
.coding .txt{background-color:#f7f8fa; padding:8% 6%; font-size:3.5vw;}
.coding .txt strong{display:block; color:#333; font-size:4vw; margin-bottom:2vw;}
.coding .coding-course-title{background-color:#50516c; color:#fff; font-size:3.5vw; padding:3vw 6% 7vw; position:relative;}
.coding .coding-course{background-color:#fff; margin:0 6%; margin-top:-4.5vw; position:relative; padding:10vw 0;}
.coding .steplist{}
.coding .steplist li{margin:0 5% 5%;}
.coding .steplist li:after{content:''; clear:both; display:block;}
.coding .steplist li img{float:left; width:20%;}
.coding .steplist li .steptxt{float:left; font-size:4vw; color:#333; margin-left:3vw;}
.coding .steplist li .training{clear:both; padding:3vw 0 0; color:#666; margin-left:25%; width:75%;}
.coding .steplist li .training h5{background-color:#e4e4ea; border:1px solid #e4e4ea; font-size:3.5vw; padding:1vw 3vw;} 
.coding .steplist li .training .trainingtxt{border:1px solid #e4e4ea; font-size:3.5vw; padding:2vw 4vw;}
.coding .traininglist{}
.coding .traininglist:after{content:''; clear:both; display:block;}
.coding .traininglist li{float:left; width:50%; text-align:center;}
.coding .traininglist li img{width:90%;}
.coding .traininglist li p{font-size:4vw; font-weight:bold; color:#333; margin:2vw 0 5vw;}

/*! Gray v1.6.0 (https://github.com/karlhorky/gray) | MIT */
.grayscale{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");-webkit-filter:grayscale(1);filter:grayscale(1);filter:gray}.grayscale.grayscale-fade{transition:filter .5s}@media screen and (-webkit-min-device-pixel-ratio:0){.grayscale.grayscale-fade{-webkit-transition:-webkit-filter .5s;transition:-webkit-filter .5s}}.grayscale.grayscale-fade:hover,.grayscale.grayscale-off{-webkit-filter:grayscale(0);filter:grayscale(0)}.grayscale.grayscale-replaced{-webkit-filter:none;filter:none}.grayscale.grayscale-replaced>svg{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.grayscale.grayscale-replaced.grayscale-fade:hover>svg,.grayscale.grayscale-replaced.grayscale-off>svg{opacity:0}