@charset "UTF-8";

/* template */
.tempFrame{width:100%;border:none;}
/* heading
h2,
h3,
h4,*/
.tempStep dt,
.legendTitle{position:relative;color:#000;font-weight:bold;font-size:1.25em;letter-spacing:-1px}
.tempH3,
.tempH3Txt,
.legendTitle{clear:both;margin-bottom:5px;padding:0 0 5px 20px;background:transparent url('/_images/common/bulletTitle.gif') no-repeat 0 1px;line-height:1;font-weight:bold }
.tempH3Txt{font-size:1.34em;background:none;padding:0 5px 5px 0;border-bottom:2px solid #01b3df;margin-bottom:10px;margin-top:10px;line-height:2em}
.tempH3 span img{padding:2px 0 0 7px}
.No1{background:url(/_images/common/bulletTitleNo1.gif) no-repeat 0 0;color:#0097bd}
.No2{background:url(/_images/common/bulletTitleNo2.gif) no-repeat 0 0;color:#0097bd}
.No3{background:url(/_images/common/bulletTitleNo3.gif) no-repeat 0 0;color:#0097bd}
.No4{background:url(/_images/common/bulletTitleNo4.gif) no-repeat 0 0;color:#0097bd}
.No5{background:url(/_images/common/bulletTitleNo5.gif) no-repeat 0 0;color:#0097bd}

.tempH4{clear:both;padding:0 0 3px 15px;background:transparent url(/_images/common/bulletTitle1.gif) no-repeat 2px 5px;color:#0097bd;font-size:1.08em;font-weight:bold;}
.legendTitle{font-weight:bold !important;padding-bottom:5px;}
.captionTitle{text-align:left;padding:0 0 5px 15px;color:#0097bd;font-size:1.08em;background:transparent url(/_images/common/bulletTitle1.gif) no-repeat 0 5px;font-weight:bold;}

/* division */
div.tempBox{clear:both;margin-bottom:40px;margin-left:5px }
div.tempBox:after{content:" ";display:block;clear:both;height:0;visibility:hidden;}
div.tempGuide{clear:both;padding:10px;background-color:#fcf8f8;margin-top:5px}
div.tempGuide h5{color:#da6385;font-size:0.92em;font-weight:bold;margin:5px 0;background:transparent url('/_images/common/bulletTitle_guide.gif') no-repeat 0 1px ;padding-left:15px}
div.tempGuide ul{padding-bottom:5px;}
div.tempGuide li{padding-left:15px;background:transparent url('/_images/common/bulletList3.gif') no-repeat 3px 0 ;_position:relative;margin:4px 0;line-height:1.2;font-size:0.92em;color:#af9090}


/* DL */
.tempDl{position:relative;margin-bottom:10px;clear:both;}
.tempDl dt{font-weight:bold;color:#0097bd;margin:5px 0;padding:0 0 0 15px;color:#0097bd;font-size:1.08em;background:transparent url(/_images/common/bulletTitle1.gif) no-repeat 0 4px;}
.tempDl dd{margin-bottom:5px;}
.tempDl dd.img{float:left;width:150px;border:none;margin:0;margin-right:25px;}
.tempDl dd.box{border:1px solid #eee;padding:15px;text-align:center}

.tempImgDl{position:relative;height:115px;}
.tempImgDl dt,
.tempImgDl dd{margin-left:170px;}
.tempImgDl dt	{font-weight:bold;color:#0097bd;margin:5px 0 5px 170px;padding:0 0 0 15px;color:#0097bd;font-size:1.08em;background:transparent url(/_images/common/bulletTitle1.gif) no-repeat 0 4px;}
.tempImgDl dd.img{position:absolute;top:0;left:0;margin:0}
.tempImgDl dd.url{border-bottom:1px dashed #CCC;margin-bottom:5px;padding-bottom:3px;}

.tempStep dt{position:relative;padding:20px 0 10px 80px;background:transparent url(/_images/common/stepNo1.gif) no-repeat 0 18px;color:#0097bd;}
.tempStep dt.no1{background-image:url(/_images/common/stepNo1.gif)}
.tempStep dt.no2{background-image:url(/_images/common/stepNo2.gif)}
.tempStep dt.no3{background-image:url(/_images/common/stepNo3.gif)}
.tempStep dt.no4{background-image:url(/_images/common/stepNo4.gif)}
.tempStep dt.no5{background-image:url(/_images/common/stepNo5.gif)}
.tempStep dt.no6{background-image:url(/_images/common/stepNo6.gif)}
.tempStep dt.no7{background-image:url(/_images/common/stepNo7.gif)}
.tempStep dd{border-bottom:1px solid #b0e5f2;padding:0 0 20px 80px}
.tempStep dd.end{border-bottom:none;padding-bottom:0;}

.tempDlSort{clear:both;padding:0 0 0 0;margin-top:5px;border:1px solid #ededed;position:relative;}
.tempDlSort dt{color:#0097bd;font-weight:normal;margin:0 0 5px 0;background:#f9f9f9;padding:5px 0 3px 15px;border-bottom:1px solid #ededed;}
.tempDlSort dd{padding:5px 20px 0 25px;margin-bottom:15px;background:transparent url('/_images/common/bulletList4.gif') no-repeat 16px 9px ;_position:relative;line-height:1.2;}
	dl.list{padding:0 0 10px 0}
	dl.list dd{margin-bottom:3px;}
	dl.single dd{background:none;padding:5px 20px 0 15px;}
.tempDlSort dd.none{background:none;padding:5px 20px 0 15px;}

.dlListBox{}
.dlListBox dt{color:#da6385;font-size:0.92em;font-weight:bold;margin-bottom:5px;background:transparent url('/_images/common/bulletTitle_guide.gif') no-repeat 0 1px ;padding-left:15px}
.dlListBox dd{padding-left:15px;background:transparent url('/_images/common/bulletList3.gif') no-repeat 3px 0 ;_position:relative;margin:4px 0;line-height:1.2;font-size:0.92em;color:#af9090}

/* table */
.tableData{border:0;width:100%; border-collapse:collapse;border-top:2px solid #01b3df;}
.tableData .normal{color:#505050;font-weight:normal;}
.tableData .first{border-left:0 none;}
.tableData .last{border-right:0 none;}
.tableData .left th{padding-left:10px;text-align:left;}
.tableData thead th, .tableData tfoot th, .tableData tbody th{padding:6px 0px; border:1px solid #e2e2e2;border-right:none;border-top:none;background-color:#fff;color:#01b4df;}
.tableData tfoot th{border-bottom:0 none;}
.tableData tbody td, .tableData tfoot td {padding:10px 0px;border:1px solid #e2e2e2;border-right:none;text-align:center;font-weight:normal;color:#7a7a7a}
.tableData tfoot td{background-color: #f9f9f9;color: #01b4df;font-weight: bold;}
.tableData tbody.txt td{padding:10px 10px;text-align:left;vertical-align:top}
.tableData tbody th{font-weight:normal;padding:10px; background-color:#fafafa;color:#666;border-left:none;border-top:1px solid #e2e2e2;}
.tableData tbody.txt th{text-align:left;padding:10px;}
.tableData tbody th.first, tableData tfoot th.first{border-right:1px solid #e2e2e2;}
.tableData thead th{background:url(../_images/common/tableBg.gif) repeat-x 0 bottom}
.tableData thead th.thFirst , .tableData tfoot th.thFirst{border-left:none;}
.tableData .style{font-size:0.92em;letter-spacing:-1px;}
.tableData tbody.list td{padding:10px 5px 10px 10px;text-align:left;vertical-align:top}
.tableData tbody.list li{background: url(/_images/common/bulletList4.gif) 0 5px no-repeat;line-height: 15px;font-size: 0.92em;letter-spacing: -1px;padding-left: 5px;}
.tableData dl dt{margin-bottom: 5px;color: #0097bd;text-align:left}
.tableData dl dd{background: url(/_images/common/bulletList4.gif) 0 5px no-repeat;line-height: 15px;font-size: 0.92em;letter-spacing: -1px;padding: 0 0 0 5px;border:none;}

.tableData2{border:0;width:100%;table-layout:fixed;border-collapse:collapse;}
.tableData2 thead th{padding:5px 0px; border:1px solid #e2e2e2;background-color:#f9f9f9;color:#0097bd;font-weight:normal}
.tableData2 tbody th{padding:5px 0px; border:1px solid #e2e2e2;background-color:#fff;color:#0097bd;font-weight:normal}
.tableData2 tbody td{padding:5px;border:1px solid #e2e2e2;text-align:center;font-weight:normal;color:#7a7a7a}

.txtS{font-size: 0.92em;letter-spacing: -1px;}
.txtS th{color:#0097bd;font-weight:normal;}
.txtS dl dt, .txtS dl dd{font-size: 1em;text-align:left;}

/* paragraph */
.tempImgBox{clear:both;margin-bottom:30px;background-color:#fff;text-align:center;padding:20px 0;border:1px solid #e4e4e4}
.tempP	{margin-bottom:25px;}
.tempParagraph2	{padding-left:22px;background:url('/_images/icon/u_depth3.gif') no-repeat left -1px transparent;}
.tempParagraph3	{margin:2px 0 0 13px;padding-left:9px;background:url('/_images/icon/u_depth5.gif') no-repeat left 5px transparent;}
.point1{color:#e74371;padding-left:15px;background:url(/_images/common/bulletArrow.gif) no-repeat 1px 3px;margin-top:5px}

/* list */
.tempOlList{padding:15px 20px;background-color:#fafafa;border:1px solid #e4e4e4;padding-bottom:15px;}
.tempOlList li, .tempOlList2 li{padding-left:20px;margin-bottom:5px;background:transparent url('/_images/common/listNo1.gif') no-repeat 0 1px ;}
.tempOlList li.n1,
.tempOlList2 li.n1{background-image:url('/_images/common/listNo1.gif')}
.tempOlList li.n2,
.tempOlList2 li.n2{background-image:url('/_images/common/listNo2.gif')}
.tempOlList li.n3,
.tempOlList2 li.n3{background-image:url('/_images/common/listNo3.gif')}
.tempOlList li.n4{background-image:url('/_images/common/listNo4.gif')}
.tempOlList li.n5{background-image:url('/_images/common/listNo5.gif')}
.tempOlList li.n6{background-image:url('/_images/common/listNo6.gif')}
.tempOlList li.n7{background-image:url('/_images/common/listNo7.gif')}
.tempOlList li.n8{background-image:url('/_images/common/listNo8.gif')}
.tempOlList li.none{background:none;padding:0;margin:0;padding-top:5px;}
.tempOlList ul{margin-top:5px;font-size:0.92em}
.tempOlList ul li{background:transparent url('/_images/common/bulletList3.gif') no-repeat 0 0 ;padding-left:10px;margin-bottom:3px}

.tempOlList2{padding-top:10px}
.tempOlList2 li{margin-bottom:20px}

.tempListNo{color:#0097BD;text-align:left;}
.tempListNo li{margin-bottom:5px }
.tempTextList1{position:relative;margin-bottom:10px;color:#707070;}
.tempTextList1 li{padding-left:23px;background:transparent url('/_images/common/bulletList3.gif') no-repeat 10px 0 ;_position:relative;margin:2px 0;line-height:1.2;font-size:0.92em}
.tempTextList2{position:relative;margin:5px 0 10px 0;color:#707070;list-style:outside;font-size:0.92em}
.tempTextList2 li{list-style:outside circle;padding:0;background:none;_position:relative;margin:5px 0;line-height:1.2;color:#8e8e8e}
.tempTextList3{}
.tempTextList3 li{padding-left:10px;background:url('/_images/common/bulletList5.gif') no-repeat left 5px transparent;margin-bottom:3px}
.tempTextList4{padding:15px 20px 10px 20px;background-color:#fafafa;border:1px solid #f1f1f1;color:#6e6e6e; }
.tempTextList4 li{list-style:none;padding-left:10px;background:url('/_images/common/bulletList4.gif') no-repeat left 6px transparent;_position:relative;margin-bottom:5px}
.tempTextList5{padding:20px;background-color:#fafafa;border:1px solid #f1f1f1;margin:0;}
.tempTextList5 li{list-style:none;padding-left:10px;background:url('/_images/common/bulletList3.gif') no-repeat left 2px transparent;margin:3px 0;text-align:justify}
.tempTextList6{padding:5px;background-color:#fafafa;color:#6e6e6e;margin-top:5px}
.tempTextList6 li{list-style:none;padding-left:15px;background:url('/_images/common/bulletList.gif') no-repeat 5px 6px transparent;_position:relative;margin-bottom:5px}

/* tab */
.tempTab{position:relative;clear:both;overflow:hidden;width:100%;}
.tempTab a{text-decoration:none !important }
.tempTab:after{content:"";clear:both;display:block;}
.tempTab li	{float:left;padding:5px 25px;border:1px solid #aaa;border-left:none;background:#fff;display:inline;_padding:5px 15px;}
.tempTab li.first{border-left:1px solid #aaa}
.tempTab li a{color:#fff; }
.tempTab li.on {background:#0057a6;font-weight:bold;border:1px solid #0057a6;}
.tempTab li.on a{color:#fff !important;}
.tempTab li.btn{float:right;padding:0;border:none;background:none;padding:3px 2px 0 0}
.tabContents{position:relative;margin-bottom:30px;display:none;}
.longTab{border-bottom:2px solid #0057a6 ;padding:0px;margin:0 0 0.8% 0;}
.longTab li{padding:0px 0px;border-bottom:none;_padding:0px 0px;width:20%;text-align:center;background:#b6b6b6;height:40px;margin-right:0px;}
.longTab li.first{clear:both;}

.longTab li.on{border-top:none;}
.longTab li a{display:inline-block;width:100%;background-color:#b6b6b6;padding:5px 0;font-weight:bold;}
.longTab li.on a{background:#0057a6;border:1px solid #0057a6;}
.tab_list{margin: 0 0 27px 0;}

.tempMnList{position:relative;top:-10px;border-bottom:1px solid #d8d8d8;overflow:hidden;;padding:5px 0 10px 0;_height:20px}
.tempMnList li{float:left;margin-right:10px;padding-left:10px;border-left:1px solid #ddd }
.tempMnList li.first{border-left:none }
.tempMnList li a.on{font-weight:bold;color:#008eb2}
.tabCont{position:relative;clear:both;display:none;}

/* 게시판검색, 카운터 */
.border-info{margin-bottom:10px;position:relative;overflow:hidden;}
.border-info .b-counter{padding-top:10px;float:left;}
.border-info .b-counter .b-curr{position:relative;padding-left:10px;margin-left:10px;}
.border-info .b-counter .b-curr::before{content:'';display:block;position:absolute;left:0;top:6px;background-color:#ccc;width:1px;height:13px;}
.border-info .b-counter .b-total b,
.border-info .b-counter .b-curr b,
.border-info .b-counter .b-curr strong{color:#222;font-weight: bold; letter-spacing:0}
.border-info .b-search{float:right;position:relative;text-align:left}
.border-info .b-search fieldset{display:table;position:relative;width:100%;overflow:hidden;clear:both}
.border-info .b-search fieldset span{display:inline-block;vertical-align:middle;height:45px;}
.border-info .b-search fieldset span.b_select{position:relative;min-width:160px;}
.border-info .b-search fieldset span.b_select select{background-color:#fff;position:relative;z-index:1;cursor:pointer;padding-top:5px !important;padding-bottom:5px !important;}
.border-info .b-search fieldset span.b_input input{min-width:200px;line-height:45px;}
.border-info .b-search fieldset span.b_btn{min-width:50px;}
.border-info .b-search fieldset span.b_btn button{border-color:#333;color:#fff;}
.border-info .b-search fieldset span.b_btn button.btn-mid{background-color:#333;padding:0 15px !important;}
.border-info .b-search fieldset span.b_btn button:focus.btn-mid,
.border-info .b-search fieldset span.b_btn button:active.btn-mid,
.border-info .b-search fieldset span.b_btn button:hover.btn-mid{background-color:#e84e3b; border-color: #e84e3b;}
.border-info .b-search fieldset span.b_btn button.btn-reset{background-color:#746674;border-color:#746674;padding:0 15px !important;}
.border-info .b-search fieldset span.b_btn button:focus.btn-reset,
.border-info .b-search fieldset span.b_btn button:active.btn-reset,
.border-info .b-search fieldset span.b_btn button:hover.btn-reset{background-color:#222;border-color:#222;}
.border-info .b-search fieldset span.b_select select,
.border-info .b-search fieldset span.b_input input,
.border-info .b-search fieldset span.b_btn button{display:inline-block;padding:0 5px 0 10px;outline-color:blue;border:1px solid #dadada;width:100%;height:100%}
.border-info .b-search fieldset span.s_btn{min-width:50px;}
.border-info .b-search fieldset span.s_btn button{padding:5px 25px 5px 10px;border:1px solid #ccc;background:#fff url(../images/common/icon/ic_check.png) no-repeat 90% center;font-size:1em;color:#333;font-family:'notokr-medium';letter-spacing:-0.08em;}
.border-info .b-search fieldset span.s_btn button:focus,
.border-info .b-search fieldset span.s_btn button:active,
.border-info .b-search fieldset span.s_btn button:hover,
.border-info .b-search fieldset span.s_btn button.btn-on{color:#fff;background-color:#6a7a94;border-color:#6a7a94;}
.border-info .b-search fieldset span.s_btn i{display:inline-block;width:1px;height:15px;background-color:#ccc;margin:0 20px;}
.border-info .b-required{float:left;color:#ff5e5f}
.tb-inner{width:100%;}
.tb-inner span{display:inline-block;vertical-align:middle;height:45px;position:relative;min-width:45%;}
.tb-inner span select{display:inline-block;padding:0 0 0 15px;background-color:#fff;position:relative;z-index:1;width:100%;height:100%;border:1px solid #dadada;}
.tb-inner span input{display:inline-block;padding:0 15px;background-color:#fff;position:relative;z-index:1;width:100%;height:100%;border:1px solid #dadada;}

.bodlst{border-top: 2px solid #333; border-bottom: 1px solid #e8e8e8;}
.bodlst table.table{margin-bottom: 0;}
.bodlst table thead tr th{border-bottom: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8;}
.bodlst table thead tr th:first-child{border-left: 0;}
.bodlst table tbody tr td{text-align: center; border-left: 1px solid #e8e8e8;}
.bodlst table tbody tr td:first-child{border-left: 0;}
.m_motion{display:none}

.i-new{display:inline-block;text-indent: -1px;content: ""; margin-right:5px;margin-bottom:3px;width:17px;height:17px;line-height:16px;font-size:9px;vertical-align:middle; font-weight: bold; color:#fff;text-align:center;background-color:#e22919;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}

/* 게시판 뷰 */
.bview-area{padding: 40px 0; position: relative; overflow: hidden; border-top: 2px solid #333}
.bview-area .bview-head{padding-bottom: 20px}
.bview-area .bview-head p{font-size:1.5em;color:#333;font-weight: 500; letter-spacing:-0.09em;line-height:1.3;}
.bview-area .bview-head p span{display: inline-block; padding-right: 10px; color: #205ec2}
.bview-area .bview-head .bview-data{padding-top: 5px; color: #b1b3b4;}
.bview-area .bview-head .bview-data span b{letter-spacing: 0 !important}
.bview-area .bview-head .bview-data .bv-bar{position: relative;padding-left: 10px;margin-left: 10px;}
.bview-area .bview-head .bview-data .bv-bar::before{content:'';display:block;position:absolute;left:0;top:8px;background-color:#ccc;width:1px;height:13px;}
.bview-area .bview-cont{padding-bottom: 40px; position: relative}
.bview-area .bview-cont img{max-width: 100%; height: auto !important;}
.bview-area .bview-cont .bv-answer{padding: 40px 30px; margin-top: 40px; position: relative; border: 1px solid #2865c9}
.bview-area .bview-cont .bv-answer::before{display:inline-block;content: "A"; position: absolute; top: 40px; left: 40px; width:2em;height:2em;font-size:1.5em;vertical-align:middle; font-weight: bold; color:#fff;text-align:center;background-color:#2865c9;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.bview-area .bview-cont .bv-answer .answer-box{padding-left: 80px}
.bview-area .bview-cont .bv-answer .answer-box .an-title{font-size:1.5em;color:#2865c9;font-weight: 500; letter-spacing:-0.09em;line-height:1.3}
.bview-area .bview-cont .bv-answer .answer-box .an-data{padding-top: 5px; color: #b1b3b4}
.bview-area .bview-cont .bv-answer .answer-box .an-data span b{letter-spacing: 0 !important}
.bview-area .bview-cont .bv-answer .answer-box .an-cont{position: relative}
.bview-area .bview-foot{position:relative;margin-bottom:20px;border-top:1px solid #e0e0e0;border-bottom:2px solid #333}
.bview-area .bview-foot ul li{padding-left:50px;position:relative;line-height:60px;height:60px;overflow:hidden;border-top:1px solid #e0e0e0}
.bview-area .bview-foot ul li:first-child{border-top:none}
.bview-area .bview-foot ul li.bv-prev{background:url(../images/icon/ic_arr_prev.png) no-repeat 20px center}
.bview-area .bview-foot ul li.bv-next{background:url(../images/icon/ic_arr_next.png) no-repeat 20px center}
.bview-area .bview-foot ul li span{color:#333;font-size:0.95em}
.bview-area .bview-foot ul li a{display:inline-block;padding-left:20px;color:#888}

/* 탭 */
.prof-tab{position: relative; padding-bottom: 20px}
.prof-tab ul{display: block; overflow: hidden; padding: 1px 0 0 1px; background: #fff}
.prof-tab ul li{display: block; width: 25%; float: left; margin: -1px 0 0 -1px;}
.prof-tab ul li a{position: relative; display: block; width: 100%; height: 57px; background: #fff url(../images/icon/ic_arr.png) no-repeat 93% center; border: 1px solid #d9d9d9; color: #222; line-height: 57px; font-size: 0; transition: all .3s ease;}
.prof-tab ul li a:hover{background: #f1f1f1 url(../images/icon/ic_arr.png) no-repeat 93% center;}
.prof-tab ul li a span{display: inline-block; padding: 5px 0;margin: 0 0 0 30px; position: relative; font-size: 17px; letter-spacing: -0.05em; max-width: 86%;line-height: 1; vertical-align: middle;font-weight: 500; white-space: nowrap;overflow: hidden; text-overflow: ellipsis; white-space: normal; height: auto; max-height: 40px; word-wrap: break-word; transition: all .3s ease; word-wrap: break-word; word-break: keep-all; white-space: normal}
.prof-tab ul li a[target=_blank]:after{content:"";position:absolute;top:50%;margin-top:-3px;margin-left:7px;display:inline-block;width:10px;height:10px;background:url(../../assets/images/common/icon/ic_win_sprite.png) no-repeat -20px 0px;}
.prof-tab ul li a[target=_blank]:hover:after,
.prof-tab ul li a[target=_blank]:focus:after{background-position:0px 0px}
.prof-tab ul li.p-over a{border: 1px solid #1c92eb;color: #fff; background: #1c92eb url(../images/icon/ic_arr_on.png) no-repeat 93% center;}
.prof-tab ul li.w-en{width: 33.3333% !important}

/* 동아리방 */
.group-area{margin-top: 10px; margin-bottom: 5px; border-bottom: 1px solid #dadde0}
.group-area .group-tit{font-size: 1.5em; font-weight: 500; color: #127ac7; line-height: 2.5; letter-spacing: -0.05em; background: url(../images/icon/ic_h4.png) no-repeat left top}