@charset "utf-8";

/* ======================================== base ======================================== */
body,
a{color:#222;}
.txt_red{color:#cf1621;}
.txt_blue{color:#4562b3;}
.txt_green{color:#47880f;}
.txt_focus{color:#47880f;}
.f_bold{font-weight:bold;}
.f_normal{font-weight:normal;}
.alignLeft{text-align:left !important;}
.alignRight{text-align:right !important;}
.block{display:block;}
.m_auto{margin:auto;}
.reference{font-size:13px;}
#overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);z-index:1;} 
.mobileOnly{display:none;}
.phoneOnly{display:none;}
.mobilePage{display:none;}
.btn_mobileBack{display:none;position:fixed;bottom:0;right:0;width:40px;height:40px;text-indent:-9999em;background:#f6f6f6 url(../images/common/slick_btn_prev.png) no-repeat center center;border:1px #ddd solid;z-index:999;}
#header .btn_instagram{display:block;position:absolute;top:50%;right:0;margin-top:-17px;}
#allNav .joinArea{display:none;}
.mgt5{margin-top:5px;}
.mgt10{margin-top:10px;}

/* ======================================== Main ======================================== */
.mainVisual{position:relative;margin-bottom:10px;height:584px;background:url(../images/main/mainVisual_bg.png) center 0 no-repeat;}
.mainVisual .inner{height:584px;}
.mainVisual p{padding:75px 0 0 40px;font-size:40px;font-family:"NanumSquare";font-weight:200;line-height:120%;letter-spacing:0.5px;}
.mainVisual p span{display:block;font-size:34px;font-weight:bold;color:#f39800;margin-bottom:10px;letter-spacing:-1px;}
.mainVisual p b{font-weight:400;}
.mainVisual .mainCopy span{padding-left:48px;}

#mainPopup{position:absolute;top:30px;right:0;width:370px;height:360px;border-radius:10px;overflow:hidden;}
#mainPopup img{width:100%;height:360px;}
#mainPopup .bx-pager{position:absolute;bottom:10px;left:0;right:0;text-align:center;}
#mainPopup .bx-pager *{display:inline-block;vertical-align:top;}
#mainPopup .bx-pager a{margin:0 5px;width:12px;height:12px;text-indent:-9999em;border:2px #3d3b38 solid;border-radius:6px;box-sizing:border-box;}
#mainPopup .bx-pager a.active{width:30px;background:#3d3b38;}

.mainLink{position:absolute;left:0;right:0;bottom:20px;margin:0}
.mainLink:after{display:block;content:"";clear:both;}
.mainLink ul {display:flex;justify-content:space-between}
.mainLink ul li{flex:1;}
.mainLink ul li a{display:block;padding-top:110px;text-align:center;font-size:17px;font-weight:bold;color:#222;background:url(../images/main/mainLink1.png) center 0 no-repeat;}
.mainLink ul li.item2 a{background:url(../images/main/mainLink2.png) center 0 no-repeat;}
.mainLink ul li.item3 a{background:url(../images/main/mainLink3.png) center 0 no-repeat;}
.mainLink ul li.item4 a{background:url(../images/main/mainLink4.png) center 0 no-repeat;}
.mainLink ul li.item5 a{background:url(../images/main/mainLink5.png) center 0 no-repeat;}
.mainLink ul li.item6 a{background:url(../images/main/mainLink6.png) center 0 no-repeat;}
.mainLink ul li.item7 a{background:url(../images/main/mainLink7.png) center 0 no-repeat;}
.mainLink ul li.item8 a{background:url(../images/main/mainLink8.png) center 0 no-repeat;}

#mainLink{padding:10px 0;background:#fff;border-top:2px #c1d550 solid;}
#mainLink b{display:block;position:absolute;top:0;left:10px;font-size:16px;line-height:38px;}
#mainLink ul{float:right;}
#mainLink ul li{float:left;margin-left:10px;}
#mainLink ul li select{width:210px;height:38px;border:1px #e0e0e0 solid;}
#mainLink ul li a{display:inline-block;width:50px;height:38px;color:#fff;line-height:38px;text-align:center;background:#666666;border-radius:2px;vertical-align:middle;}

#mainSection:after{display:block;content:'';clear:both;}

#mainNotice{position:relative;float:left;width:460px;margin-right:10px;box-sizing:border-box;background:#fff;overflow:hidden;}
#mainNotice .tabBar{height:55px;border-bottom:1px solid #ddd;}
#mainNotice .tabBar li{float:left;padding-right:20px;}
#mainNotice .tabBar li a{display:block;position:relative;height:55px;line-height:55px;color:#fff;font-size:17px;color:#333;}
#mainNotice .tabBar li.active a{font-weight:600;color:#589c1d;}
#mainNotice .tabBar li.active a:after{display:block;content:'';position:absolute;left:50%;bottom:0;margin-left:-32px;width:64px;border-bottom:2px solid #589c1d;}
#mainNotice .btnMore{display:block;position:absolute;right:-5px;top:0;width:34px;height:56px;background:url(/images/main/icon_plus.gif) no-repeat center center;text-indent:-9999px;}
#mainNotice .tabPage{display:none;padding:22px 25px 22px 105px;}
#mainNotice .tabPage.tabIcon1{background:url(../images/main/tabIcon1_bg.png) 0 30px no-repeat;}
#mainNotice .tabPage.tabIcon2{background:url(../images/main/tabIcon1_bg.png) 0 30px no-repeat;}
#mainNotice .tabPage.active{display:block;}
#mainNotice .tabPage ul li a{font-size:14px;color:#000;letter-spacing:-.5px;}
#mainNotice .tabPage ul.conList{height:220px;box-sizing:border-box;overflow:hidden;}
#mainNotice .tabPage ul.conList li{display:block;position:relative;padding:10px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#mainNotice .tabPage ul.conList li:after{display:block;content:'';position:absolute;left:0;top:17px;width:3px;height:3px;background:#7dab54;}
#mainNotice .tabPage ul.conList li .date{display:block;position:absolute;right:0;top:5px;color:#999;font-size:14px;}
#mainNotice .tabPage.tabIcon3{padding:22px 10px;}
#mainNotice .tabPage ul.photoList{margin:0 -10px;}
#mainNotice .tabPage ul.photoList:after{display:block;content:'';clear:both;}
#mainNotice .tabPage ul.photoList li{float:left;width:50%;padding:0 10px;box-sizing:border-box;}
#mainNotice .tabPage ul.photoList li a{display:block;}
#mainNotice .tabPage ul.photoList li .img{display:block;height:175px;border:1px solid #ddd;}
#mainNotice .tabPage ul.photoList li .img img{max-width:100%;width:100%;height:100%;}
#mainNotice .tabPage ul.photoList li .txt{display:block;margin:15px 0;line-height:150%;}

#mainEvent{position:relative;float:right;width:680px;height:350px;background-color:#fff;overflow:hidden;box-sizing:border-box;}
#mainEvent .top{height:55px;border-bottom:1px solid #ddd;box-sizing:border-box;}
#mainEvent .top h3{display:inline-block;vertical-align:top;height:55px;line-height:55px;padding:0 0 0 55px;font-size:20px;font-weight:bold;background:url(../images/main/mainEvent_h3.png) 15px center no-repeat;}
#mainEvent .mark{display:inline-block;width:10px;height:10px;text-indent:-9999px;}
#mainEvent .mark.teacher{background-color:#5eab1a;}
#mainEvent .mark.kid{background-color:#ffbd0a;}
#mainEvent .mark.parent{background-color:#d4346c;}
#mainEvent .mark.performance{background-color:#2c80c1;}
#mainEvent .mark.performance2{background-color:chartreuse;}
#mainEvent .mainCalendar{float:left;padding:20px 10px 0 10px;width:320px;height:304px;box-sizing:border-box;}
#mainEvent .mainCalendar .ctrl{text-align:center;line-height:29px;margin-bottom:5px;}
#mainEvent .mainCalendar .ctrl a{display:inline-block;width:29px;height:29px;text-indent:-9999px;}
#mainEvent .mainCalendar .ctrl .btn_monthPrev{background:url(../images/main/btn_calendar_prev.png) no-repeat center center;}
#mainEvent .mainCalendar .ctrl .btn_monthNext{background:url(../images/main/btn_calendar_next.png) no-repeat center center;}
#mainEvent .mainCalendar .ctrl b{padding:0 30px;font-size:20px;letter-spacing:-1px;}
#mainEvent .mainCalendar table{width:100%;border-collapse:collapse;}
#mainEvent .mainCalendar table tbody tr td{border-bottom:1px solid #ddd;}
#mainEvent .mainCalendar table th,
#mainEvent .mainCalendar table td{text-align:center;}
#mainEvent .mainCalendar table th{padding:8px;border-bottom:0;}
#mainEvent .mainCalendar table td{padding:0;vertical-align:middle;height:35px;}
#mainEvent .mainCalendar table td b{display:block;font-size:13px;}
#mainEvent .mainCalendar table .holiday,
#mainEvent .mainCalendar table .sun,
#mainEvent .mainCalendar table .sun a{color:#d82727 !important;}
#mainEvent .mainCalendar table .sat,
#mainEvent .mainCalendar table .sat a{color:#23a2dd;}
#mainEvent .mainCalendar table td > a{display:inline-block;width:25px;height:25px;text-align:center;line-height:25px;border-radius:3px;vertical-align:middle;}
#mainEvent .mainCalendar table .hasPlan{color:#fff;}
#mainEvent .mainCalendar table .hasPlan.kid{background-color:#ffbd0a;}
#mainEvent .mainCalendar table .hasPlan.parent{background-color:#d4346c;}
#mainEvent .mainCalendar table .hasPlan.teacher{background-color:#5eab1a;}
#mainEvent .markArea{margin:-5px -8px 0;height:10px;line-height:5px;}
#mainEvent .markArea .mark{width:6px;height:6px;border-radius:100%;}
#mainEvent .explain{padding-bottom:15px;border-bottom:1px solid #ebebeb;font-size:14px;line-height:140%;}
#mainEvent .explain .mark{margin-right:3px;}
#mainEvent .eduList{width:350px;height:300px;padding:20px 20px 0 0;margin-left:330px;overflow-y:auto;box-sizing:border-box;}
#mainEvent .eduList ul{padding:15px 0;}
#mainEvent .eduList ul > li{position:relative;padding:5px 0 5px;}
#mainEvent .eduList ul > li > .date{display:block;width:60px;position:absolute;top:0;left:0;text-align:center;color:#333;}
#mainEvent .eduList ul > li > .date b{display:block;font-size:36px;}
#mainEvent .eduList ul > li > a{position:relative;display:block;padding:0 0 5px 30px;}
#mainEvent .eduList ul > li > a .mark{position:absolute;top:0;left:0px;width:18px;height:18px;text-indent:0;color:#fff;font-size:12px;text-align:center;line-height:18px;}
#mainEvent .eduList ul > li .subject{display:block;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000;letter-spacing:-.5px;font-weight:bold;}
#mainEvent .eduList ul > li .etc{display:block;font-size:13px;letter-spacing:-.5px;}

#mainBanner{position:relative;margin:40px 0;padding:35px;height:50px;background:#fff;border:1px solid #ddd;border-radius:10px;}
#mainBanner > span{display:block;position:absolute;left:35px;top:35px;width:90px;font-size:17px;text-align:center;}
#mainBanner li{text-align:center;line-height:50px;margin-right:10px;}
#mainBanner li img{max-width:80%;}
#mainBanner .bx-wrapper{display:block;padding-left:150px;margin:0 !important;max-width:inherit !important;}
#mainBanner .bx-controls{display:block;position:absolute;top:25px;left:0;}
#mainBanner .bx-controls a{display:block;position:absolute;top:0;width:30px;height:26px;text-indent:-9999em;}
#mainBanner .bx-prev{left:0;background:url(../images/common/icon_banner_prev.gif) no-repeat;}
#mainBanner .bx-next{left:62px;background:url(../images/common/icon_banner_next.gif) no-repeat;}
#mainBanner .bx-wrapper .bx-controls-auto-item a.active{display:none;}
#mainBanner .bx-stop{left:31px;background:url(../images/common/icon_banner_stop.gif) no-repeat;}
#mainBanner .bx-start{left:31px;background:url(../images/common/icon_banner_start.gif) no-repeat;}


/* ======================================== etc ======================================== */
.bbsSearch{margin-bottom:15px;text-align:right}
.bbsSearch select{width:100px;height:27px;line-height:27px;border:1px solid #b6b6b6;}
.bbsSearch input[type="text"]{width:188px;height:27px;border:1px solid #b6b6b6;box-sizing:border-box;}
.bbsSearch input[type="submit"]{display:inline-block;margin-left:-4px;width:34px;height:27px;text-indent:-9999px;background:#727272 url(/images/common/ico_bbs_sch.png) 0 0 no-repeat;border:0px none;overflow:hidden;cursor:pointer;}
.bbsSearch .btnAll{display:inline-block;padding:0 5px;height:27px;color:#727272;line-height:27px;text-align:center;background:#fff;border:1px solid #727272;vertical-align:top;}
table tbody td.left{text-align:left !important;}
table tbody td.right{text-align:right !important;}
table tbody td.center{text-align:center !important;}
div.list.list{border-top:2px solid #394698;}
div.list > table{width:100%;border-bottom:1px solid #ababab;text-align:center;font-size:13px;}
div.list > table thead th{padding:7px 5px;height:25px;line-height:25px;color:#152168;background-color:#f5f5f8;}
div.list > table tbody th{position:relative;padding:10px 5px;border-top:1px solid #dfdfdf;}
div.list > table tbody td{padding:7px 5px;height:25px;line-height:25px;color:#555;border-top:1px solid #dfdfdf;}
div.list > table tbody td a img{margin-left:5px;}
div.list > table tbody td.subject{text-align:left;}
div.list > table tbody td.subject a{display:inline-block;max-width:85%;font-size:14px;color:#272727;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;}
div.list > table tbody td .iconNew{display:inline-block;width:14px;height:14px;line-height:14px;margin:3px 6px;text-align:center;border-radius:7px;background-color:#ff8f35;color:#fff;font-size:5px;vertical-align:top;}
div.list > table tbody td span.icon_notice{display:inline-block;width:26px;height:26px;background-image:url(/images/sub/icon_notice.gif);background-repeat:no-repeat;background-position:center center;vertical-align:middle;}
div.list > table tbody td span.icon_lock{display:inline-block;width:26px;height:26px;background:url(/images/sub/icon_lock.gif) no-repeat center center;vertical-align:middle;}
.eduBtnState2{display:inline-block;width:56px;height:22px;line-height:22px;font-size:11px;box-sizing:border-box;text-align:center;}
.eduBtnState2.red{color:#ce176c;border:1px solid #ce176c;}
.eduBtnState2.gray{color:#a4a4a4;border:1px solid #a4a4a4;}
.eduBtnState2.blue{color:#0076a4;border:1px solid #28a4d5;}
.eduBtnState2.green{color:#46b179;border:1px solid #46b179;}
.eduBtnState2.purple{color:#5526c0;border:1px solid #815bd8;}

div.view{border-top:2px solid #394698;}
div.view > table{width:100%;border-bottom:1px solid #dfdfdf;font-size:13px;}
div.view > table thead th{padding:10px 0 10px 20px;height:25px;line-height:25px;font-size:16px;color:#000;background:#f5f5f8;text-align:left;}
div.view > table tbody th{position:relative;padding:7px 5px 7px 20px;height:25px;line-height:25px;color:#555;background:url(/images/common/bg_bar.png) no-repeat right center;border-top:1px solid #dfdfdf;text-align:left;}
div.view > table tbody td{position:relative;padding:7px 20px;height:25px;line-height:25px;border-top:1px solid #dfdfdf;}
div.view > table tbody td .detailCon{padding:10px 0;line-height:160%;}
div.view > table tbody td.fileCon{position:relative;color:#152168;}
div.view > table tbody td.fileCon > img{padding-right:5px;}
div.view > table tbody td.fileCon .btnFileDown{display:inline-block;padding-left:10px;}
div.view > table tbody td.fileCon .btnPrint{display:inline-block;position:absolute;top:50%;right:15px;margin-top:-13px;padding-left:18px;font-size:12px;color:#555;background:url(/images/sub/icon_print.gif) 0 center no-repeat;}
div.view > table tbody tr:last-child th,
div.view > table tbody tr:last-child td{border-bottom:0px none;}
div.view > table tfoot th{padding:8px 0 8px 20px;border-bottom:1px solid #dfdfdf;background-color:#f8f8f8;}
div.view > table tfoot th{position:relative;padding:10px 5px;border-bottom:1px solid #dfdfdf;}
div.view > table tfoot th:after{display:block;content:'';clear:both;width:1px;height:14px;position:absolute;top:50%;right:0px;margin-top:-7px;background-color:#c2c2c2;}
div.view > table tfoot td{position:relative;padding:10px 10px;border-bottom:1px solid #dfdfdf;background-color:#f8f8f8;}
div.view > table tbody td.content{padding:20px;}
div.view > table tbody td.content img{max-width:100%;}
div.view > table tbody td img{max-width:100%;}
.view_bottom{margin-top:-1px;margin-bottom:30px;}
.view_bottom > table{width:100%;border-bottom:1px solid #ababab;}
.view_bottom > table th,
.view_bottom > table td{height:25px;line-height:25px;font-size:13px;color:#555;font-weight:400;background:#fff;border-top:1px solid #dfdfdf;}
.view_bottom > table th{padding:7px 0;text-align:center;background:url(/images/common/bar_tbl_view.gif) right center no-repeat;}
.view_bottom > table td{padding:7px 20px;text-align:left;}
.view_bottom > table th img{margin-left:5px;}
.view_bottom > table td a{display:block;font-size:13px;color:#272727;}
div.write{border-top:2px solid #394698;}
div.write > table{width:100%;border-bottom:1px solid #dfdfdf;line-height:140%;font-size:13px;}
div.write > table span.required{display:inline-block;width:11px;height:11px;margin-left:-11px;background:url(/img/board/icon_required.png) no-repeat left center;vertical-align:middle;}
div.write > table thead th{padding:8px 0 8px 20px;border-bottom:1px solid #dfdfdf;background-color:#f8f8f8;}
div.write > table tbody th{position:relative;padding:10px 5px;border-bottom:1px solid #dfdfdf;}
div.write > table tbody th:after{display:block;content:'';clear:both;width:1px;height:14px;position:absolute;top:50%;right:0px;margin-top:-7px;background-color:#c2c2c2;}
div.write > table tbody th.afterNone:after{display:none;}
div.write > table tbody td{position:relative;padding:10px;border-bottom:1px solid #dfdfdf;line-height:140%;}
div.write > table tbody td textarea{width:100%;min-height:100px;}
div.write > table tbody tr:last-child th,
div.write > table tbody tr:last-child td{border-bottom:0px none;}
div.write.allLeft th{text-align:left;}
/*.form{margin-bottom:35px;border-top:2px solid #394698;}
.form > table{width:100%;border-bottom:1px solid #ababab;} 
.form > table th{padding:10px 0 10px 20px;height:27px;line-height:27px;font-size:13px;color:#272727;font-weight:700;text-align:left;background:#f8f8f8;border-top:1px #dfdfdf solid;}
.form > table th .required{display:inline-block;margin-left:-15px;padding-left:15px;background:url(/img/board/icon_required.png) no-repeat 2px center;vertical-align:middle;}
.form > table td{padding:10px 10px;height:27px;line-height:27px;font-size:13px;color:#272727;border-top:1px #dfdfdf solid;}
.form > table td .btnFormCheck{display:inline-block;vertical-align:top;margin:1px;padding:0 10px;height:28px;background:#adadad;color:#fff;text-align:center;line-height:28px;font-size:13px;box-sizing:border-box;}
.form > table td .explain{display:inline-block;vertical-align:middle;margin-left:10px;color:#555;letter-spacing:-0.5px;font-size:12px;}
.form > table td label{padding:0 25px 0 5px;}*/

.data_basic{margin:5px 0;border-top:1px solid #aaa;}
.data_basic > table{width:100%;border-collapse:collapse;}
.data_basic > table th{padding:5px 10px;text-align:center;background:#efefef;border:1px solid #dadada;}
.data_basic > table td{padding:5px 10px;border:1px solid #dfdfdf;}

.data_basic2{border-top:1px solid #394698;}
.data_basic2 > table{width:100%;border-bottom:1px solid #dfdfdf;font-size:14px;text-align:center;border-right:1px solid #dfdfdf;}
.data_basic2 > table thead th{padding:5px;color:#152168;background:#f5f5f8;border-left:1px solid #dfdfdf;}
.data_basic2 > table tbody th{padding:5px;color:#152168;background:#f5f5f8;border-top:1px solid #dfdfdf;border-left:1px solid #dfdfdf;}
.data_basic2 > table tbody td{padding:5px;color:#272727;border-top:1px solid #dfdfdf;border-left:1px solid #dfdfdf;}

.data_view{border-top:1px solid #394698;}
.data_view > table{width:100%;border-bottom:1px solid #dfdfdf;font-size:13px;border-right:1px solid #dfdfdf;}
.data_view > table thead th{padding:8px 20px;height:21px;line-height:21px;font-size:14px;color:#152168;text-align:center;background:#f5f5f8;border-top:1px solid #dfdfdf;border-left:1px solid #dfdfdf;}
.data_view > table tbody th{padding:8px 20px;height:21px;line-height:21px;font-size:14px;color:#152168;text-align:center;background:#f5f5f8;border-top:1px solid #dfdfdf;border-left:1px solid #dfdfdf;}
.data_view > table tbody td{padding:8px 20px;height:21px;line-height:21px;font-size:13px;color:#555;border-top:1px solid #dfdfdf;border-left:1px solid #dfdfdf;}
.data_view > table tbody th.first,
.data_view > table tbody td.first{border-top:0;}
.data_view.th_border table tbody th { border-top: 1px solid #394698; }
.data_view.th_border table tbody td.pad_10 { padding:50px 0; }
.data_list{border-top:1px solid #394698;}
.data_list > table{width:100%;border-bottom:1px solid #dfdfdf;font-size:14px;text-align:center;border-right:1px solid #dfdfdf;}
.data_list > table thead th{padding:8px 10px;height:21px;line-height:21px;color:#152168;background:#f5f5f8;border-left:1px solid #dfdfdf;}
.data_list > table tbody th{padding:8px 10px;height:21px;line-height:21px;color:#152168;background:#f5f5f8;border-top:1px solid #dfdfdf;border-left:1px solid #dfdfdf;}
.data_list > table tbody td{padding:8px 10px;height:21px;line-height:21px;color:#272727;border-top:1px solid #dfdfdf;border-left:1px solid #dfdfdf;}


/* step */
.step:after{display:block;content:"";clear:both;}
.step ul{margin:0 -17px;}
.step ul li{float:left;margin-bottom:20px;padding:0 17px;box-sizing:border-box;}
.step ul li > div{position:relative;display:block;height:180px;border:1px solid #b39ddb;text-align:center;box-sizing:border-box;border-radius:8px;}
.step ul li > div:after{display:block;content:"";position:absolute;top:50%;right:-25px;margin-top:-12px;width:13px;height:24px;background:url(../images/sub/joinListStepArrow.png) 0 0 no-repeat;}
.step ul li:last-child > div:after{display:none;}
.step ul li > div > span.title{display:block;height:80px;box-sizing:border-box;box-sizing:border-box;padding-top:20px;border-top-left-radius:8px;border-top-right-radius:8px;}
.step ul li > div > span.title > b{display:inline-block;color:#714db2;font-size:17px;vertical-align:middle;text-align:left;}
.step ul li > div > span.title + span{display:inline-block;margin-top:30px;line-height:20px;}
.step ul li > div > span.title + span.addLine1{margin-top:40px;}
.step ul li > div > span.title + span.addLine3{margin-top:20px;}
.step.type2 ul li > div{border:1px solid #ff9731;}
.step.type3 ul li > div{border:1px solid #7c92d1;}
.step.type1 ul li > div > span.title{background:#efeaf7;}
.step.type2 ul li > div > span.title{background:#ffecd8;}
.step.type3 ul li > div > span.title{background:#f6f1e1;}
.step.type2 ul li > div > span > em{background:#ff9731;}
.step.type2 ul li > div > span.title > b{color:#d87124;}
.step.type3 ul li > div > span > em{background:#7c92d1;}
.step.type3 ul li > div > span.title > b{color:#4562b3;}
.step ul li > div > span > em{display:inline-block;border-radius:50px;width:36px;height:36px;line-height:36px;background:#b39ddb;color:#fff;margin-right:5px;font-size:18px;font-weight:bold;}
.step.cols4 li{width:25%;}
.step.cols4 li:nth-child(4n) > div:after{display:none;}
.step.cols3 li{width:33.333%;}
.step.cols3 li:nth-child(3n) > div:after{display:none;}
.step.cols2 li{width:50%;}
.step.cols2 li:nth-child(2n) > div:after{display:none;}
.step h5.add_title1{color:#d87124;font-size:20px;padding:0 30px;background:#fff0cd url(../images/sub/add_title1.png) 95% center no-repeat;line-height:80px;border-radius:100px;border-bottom-left-radius:0;}
.step .add_title1 span{display:inline-block;margin-left:30px;font-size:17px;font-weight:normal;color:#555;}
.step h5.add_title2{color:#4562b3;font-size:20px;padding:0 30px;background:#d7e2f4 url(../images/sub/add_title2.png) 95% center no-repeat;line-height:80px;border-radius:100px;border-bottom-left-radius:0;}
.step .add_title2 span{display:inline-block;margin-left:30px;font-size:17px;font-weight:normal;color:#555;}

.btn_tabOpen{margin-top:10px;}

.minBtn{padding:4px 10px;text-align:center;font-weight:normal;font-size:13px;color:#20326d;border:1px solid #20326d;border-radius:2px;}
.minBtn.down{position:relative;padding-left:25px;}
.minBtn.down:after{display:block;content:"";position:absolute;top:50%;left:8px;margin-top:-5.5px;width:12px;height:11px;background:url(../images/sub/icon_minDown.jpg) 0 0 no-repeat;}
.filedown{color:#fff;background:#696e7f;border:1px solid #696e7f;border-radius:2px;}
.btnGo{display:inline-block;position:relative;margin:3px 0;padding:0 18px 0 12px;height:28px;line-height:26px;font-size:14px;color:#f29312;border:2px solid #f29619;border-radius:20px;box-sizing:border-box;}
.btnGo:after{display:block;content:'';position:absolute;right:6px;top:50%;margin-top:-6px;width:10px;height:15px;background:url(../images/sub/bul_btnGo_orange.png) left top no-repeat;}
.btnGo.green{color:#297b31;border-color:#4c9a53;}
.btnGo.green:after{background:url(../images/sub/bul_btnGo_green.png) left top no-repeat;}
.btnGo.blue{color:#00b3c9;border-color:#00b4ca;}
.btnGo.blue:after{background:url(../images/sub/bul_btnGo_blue.png) left top no-repeat;}

.borderType{display:inline-block;padding:0 5px;height:20px;line-height:20px;font-size:13px;}
.borderType.blue{border:1px solid #005ea2;color:#005ea2;}
.borderType.red{border:1px solid #f70e0e;color:#f70e0e;}
.borderType.green{border:1px solid #98c87c;color:#98c87c;}
.borderType.yellow{border:1px solid #e8ca0f;color:#e8ca0f;}
.borderType.navy{border:1px solid #000080;color:#000080;}
.borderType.purple{border:1px solid #8e5aab;color:#8e5aab;}
.borderType.sky{border:1px solid #257fc0;color:#257fc0;}
.borderType.gray{border:1px solid #8C8C8C;color:#8C8C8C;}
.borderType.crimson{border:1px solid crimson;color:crimson;}
.borderType.type1{border:1px solid #ce4318;color:#ce4318;}
.borderType.type2{border:1px solid #da15a5;color:#da15a5;}
.borderType.type3{border:1px solid #098039;color:#098039;}
.borderType.type4{border:1px solid #b31717;color:#b31717;}

.warningBox{border:1px solid #dcdcdc;padding:30px;background:#f5f5f5;margin-bottom:50px;font-family:'malgun gothic';}
.warningBox p{color:#cf1621;font-weight:bold;line-height:150%;}
.warningBox p.text{padding-left:18px;color:#464646;margin-top:3px;font-weight:normal;}
.formExplain{display:block;margin-top:-20px;text-align:right;font-size:14px;}
.formExplain.mtNone{margin-top:0px;}
.required{color:#cf1621;}